.enw-products, .enw-products * { box-sizing: border-box; }
.enw-products { --primary: #1A3465; --gold: #C99700; --ink: #202020; --secondary: #54595F; --muted: #667085; --soft: #FCF7F0; --panel: #ffffff; --line: #E5E6EA; --pale: #FFFFFF; color: var(--secondary); font-family: "Inter", Arial, sans-serif; }
.enw-products a { color: inherit; }
.enw-products a:focus-visible, .enw-products button:focus-visible, .enw-products summary:focus-visible { outline: 3px solid rgba(201, 151, 0, 0.45); outline-offset: 4px; border-radius: 10px; }
.enw-products .wrap { width: min(1200px, calc(100% - 32px)); margin: 0 auto; }
.enw-products .section { padding: clamp(44px, 6vw, 82px) 0; }
.enw-products .section-muted { background: var(--pale); }
.enw-products .section-soft { background: var(--soft); }
.enw-products .center { text-align: center; }
.enw-products .eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin: 0 auto 12px; padding: 8px 14px; border: 1px solid rgba(201, 151, 0, 0.32); border-radius: 999px; background: rgba(201, 151, 0, 0.08); color: var(--primary); font-size: 0.875rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; }
.enw-products h2, .enw-products h3 { margin: 0 0 14px; color: var(--ink); font-family: "Playfair Display", Georgia, serif; font-weight: 800; line-height: 1.12; letter-spacing: 0.01em; }
.enw-products h2 { font-size: clamp(2rem, 4vw, 3rem); text-transform: uppercase; }
.enw-products h3 { font-size: clamp(1.28rem, 2vw, 1.72rem); text-transform: uppercase; }
.enw-products .gold { color: var(--gold); }
.enw-products .lead { max-width: 930px; margin: 0 auto 30px; color: var(--secondary); font-size: clamp(1rem, 1.2vw, 1.08rem); line-height: 1.75; }
.enw-products p { margin: 0 0 14px; font-size: clamp(0.98rem, 1vw, 1.04rem); line-height: 1.72; }
.enw-products ul { margin: 10px 0 0; padding-left: 1.15rem; }
.enw-products li { margin: 0 0 10px; line-height: 1.65; }
.enw-products .grid { display: grid; grid-template-columns: 1fr; gap: 24px; align-items: stretch; margin-top: 34px; }
@media (min-width: 680px) { .enw-products .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1180px) { .enw-products .grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.enw-products .cols { display: grid; grid-template-columns: 1fr; gap: 22px; margin-top: 30px; }
@media (min-width: 760px) { .enw-products .cols { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1120px) { .enw-products .cols.cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.enw-products .card, .enw-products .box, .enw-products .faq details { background: var(--panel); border: 1px solid rgba(229, 230, 234, 0.95); border-radius: 18px; box-shadow: 0 14px 32px rgba(11, 18, 32, 0.08); }
.enw-products .card { display: flex; min-width: 0; height: 100%; overflow: hidden; flex-direction: column; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease; }
.enw-products .card:hover { transform: translateY(-5px); border-color: rgba(201, 151, 0, 0.72); box-shadow: 0 22px 42px rgba(11, 18, 32, 0.14); }
.enw-products .card-img-link { display: block; background: #FCF7F0; overflow: hidden; }
.enw-products .card img { width: 100%; aspect-ratio: 4 / 3; height: auto; display: block; object-fit: cover; transition: transform 0.35s ease; }
.enw-products .card:hover img { transform: scale(1.035); }
.enw-products .card-body { display: flex; flex: 1; flex-direction: column; gap: 10px; padding: clamp(18px, 2.2vw, 26px); min-width: 0; }
.enw-products .card h3, .enw-products .card h3 a { overflow-wrap: anywhere; word-break: normal; hyphens: auto; }
.enw-products .card h3 a { text-decoration: none; color: var(--ink); }
.enw-products .card h3 a:hover { color: var(--primary); }
.enw-products .card p { color: var(--secondary); }
.enw-products .card-actions { margin-top: auto; padding-top: 10px; }
.enw-products .box { padding: clamp(20px, 2.5vw, 30px); min-width: 0; transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease; }
.enw-products .box:hover { transform: translateY(-3px); border-color: rgba(201, 151, 0, 0.65); box-shadow: 0 20px 40px rgba(11, 18, 32, 0.12); }
.enw-products .box a { color: var(--primary); font-weight: 800; text-decoration-thickness: 2px; text-underline-offset: 3px; }
.enw-products .box a:hover { color: var(--gold); }
.enw-products .portfolio-grid { display: grid; grid-template-columns: 1fr; gap: 22px; margin-top: 30px; }
@media (min-width: 860px) { .enw-products .portfolio-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1180px) { .enw-products .portfolio-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.enw-products .portfolio-grid .box, .enw-products .cols .box { display: flex; flex-direction: column; height: 100%; }
.enw-products .portfolio-grid .box { min-height: 320px; }
.enw-products .pills { display: grid; grid-template-columns: 1fr; gap: 14px; margin-top: 26px; }
@media (min-width: 620px) { .enw-products .pills { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1040px) { .enw-products .pills { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.enw-products .pill { display: flex; align-items: center; justify-content: center; min-height: 74px; padding: 16px 22px; border: 1px solid rgba(26, 52, 101, 0.12); border-radius: 999px; background: #fff; color: var(--primary); font-family: "Playfair Display", Georgia, serif; font-size: clamp(1rem, 1.3vw, 1.16rem); font-weight: 800; text-align: center; box-shadow: 0 10px 22px rgba(11, 18, 32, 0.06); }
.enw-products .trust-grid { display: grid; grid-template-columns: 1fr; gap: 18px; }
@media (min-width: 700px) { .enw-products .trust-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1080px) { .enw-products .trust-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.enw-products .trust-item { padding: 22px; border-radius: 18px; background: #fff; border: 1px solid rgba(229, 230, 234, 0.95); box-shadow: 0 12px 26px rgba(11, 18, 32, 0.07); }
.enw-products .trust-item strong { display: block; margin-bottom: 8px; color: var(--primary); font-family: "Playfair Display", Georgia, serif; font-size: 1.125rem; }
.enw-products .btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: auto; min-height: 48px; min-width: 182px; padding: 13px 20px; border: 0; border-radius: 14px; background: var(--primary); color: #fff !important; font-weight: 800; line-height: 1.1; text-decoration: none !important; box-shadow: 0 10px 18px rgba(26, 52, 101, 0.18); transition: transform 0.18s ease, filter 0.18s ease, box-shadow 0.18s ease; }
.enw-products .btn:hover { transform: translateY(-2px); filter: brightness(0.96); box-shadow: 0 14px 26px rgba(26, 52, 101, 0.24); }
.enw-products .btn svg { width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; }
.enw-products .btn-solid-gold { background: var(--gold); box-shadow: 0 10px 18px rgba(201, 151, 0, 0.2); }
.enw-products .btn-wa { background: #128C7E; box-shadow: 0 10px 18px rgba(18, 140, 126, 0.22); }
.enw-products .grid > article:nth-child(even) .card-actions .btn { background: var(--gold); }
.enw-products .cta-row, .enw-products .cta-inline { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; }
.enw-products .cta-inline { justify-content: flex-start; margin-top: auto; padding-top: 12px; }
.enw-products .help-grid { display: grid; grid-template-columns: 1fr; gap: 22px; margin-top: 30px; }
@media (min-width: 860px) { .enw-products .help-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.enw-products .help-grid .box { display: flex; flex-direction: column; height: 100%; }
.enw-products .help-grid .box:nth-child(even) .btn { background: var(--gold); }
.enw-products .faq { display: grid; gap: 14px; max-width: 980px; margin: 30px auto 0; }
.enw-products .faq details { padding: 0; overflow: hidden; }
.enw-products .faq summary { cursor: pointer; padding: 20px 24px; color: var(--ink); font-family: "Playfair Display", Georgia, serif; font-size: clamp(1.05rem, 1.6vw, 1.28rem); font-weight: 800; list-style: none; }
.enw-products .faq summary::-webkit-details-marker { display: none; }
.enw-products .faq summary::after { content: "+"; float: right; color: var(--gold); font-family: "Inter", Arial, sans-serif; font-weight: 900; }
.enw-products .faq details[open] summary::after { content: "−"; }
.enw-products .faq .answer { padding: 0 24px 22px; color: var(--secondary); }
.enw-products .final-cta { border-radius: 18px; padding: clamp(32px, 5vw, 58px); background: linear-gradient(135deg, rgba(26, 52, 101, 0.96), rgba(11, 18, 32, 0.96)), radial-gradient(circle at top left, rgba(201, 151, 0, 0.22), transparent 36%); color: #fff; box-shadow: 0 28px 60px rgba(11, 18, 32, 0.24); }
.enw-products .final-cta h2, .enw-products .final-cta p { color: #fff; }
.enw-products .final-cta .gold { color: #f3c746; }
.enw-products .final-cta .lead { color: rgba(255, 255, 255, 0.84); }
.enw-products .final-cta .eyebrow { color: #F3C746; background: rgba(255, 255, 255, 0.08); border-color: rgba(243, 199, 70, 0.55); text-shadow: 0 2px 8px rgba(0, 0, 0, 0.28); }
@media (max-width: 560px) { .enw-products .wrap { width: min(100% - 22px, 1200px); } .enw-products .section { padding: 42px 0; } .enw-products .btn { width: 100%; min-width: 0; } .enw-products .card-body, .enw-products .box { padding: 18px; } .enw-products .pill { border-radius: 18px; } .enw-products .final-cta { border-radius: 18px; padding: 28px 18px; } }