:root{ --navy:#0F1F3A; --teal:#3A7F7B; --mustard:#D6A22E; --coral:#E07A5F; --cream:#F6F3EE; --ink:#0F1F3A; --muted:#5E6877; --line:#D9D9D3; --white:#fff; --success:#2D6F5E; --radius:18px; --shadow:0 14px 36px rgba(15,31,58,.09); } .amc-announcement{background:#0F1F3A!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.08)} .amc-header{background:rgba(246,243,238,.97)!important;border-bottom:1px solid rgba(15,31,58,.10)!important} .amc-brand{gap:11px!important;color:#0F1F3A!important} .amc-brand-logo{display:block;width:43px;height:43px;object-fit:contain;flex:0 0 auto} .amc-brand-wordmark{font-family:Manrope,Inter,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.025em} .amc-menu a,.amc-cart-link{color:#0F1F3A}.amc-menu a:hover,.amc-cart-link:hover{color:#3A7F7B} .home .amc-hero{position:relative;isolation:isolate;overflow:hidden;background:#0F1F3A!important;color:#F6F3EE!important;padding:94px 0 96px!important} .home .amc-hero:before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;background:#3A7F7B;opacity:.16;left:-145px;top:-145px;z-index:-1} .home .amc-hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:#D6A22E;opacity:.14;right:-72px;bottom:-95px;z-index:-1} .home .amc-hero-motifs{position:absolute;inset:0;pointer-events:none;z-index:-1} .home .amc-hero-orb{position:absolute;display:block;border-radius:50%} .home .amc-hero-orb--coral{width:74px;height:74px;background:#E07A5F;right:31%;top:17%;opacity:.88} .home .amc-hero-orb--teal{width:38px;height:38px;background:#3A7F7B;right:11%;top:20%} .home .amc-hero-orb--mustard{width:28px;height:28px;background:#D6A22E;left:51%;bottom:18%} .home .amc-hero-line{position:absolute;display:block;width:46%;height:90px;right:-3%;bottom:7%;border-top:3px solid currentColor;border-radius:50%;transform:rotate(-7deg);opacity:.72} .home .amc-hero-line--teal{color:#3A7F7B}.home .amc-hero-line--coral{color:#E07A5F;bottom:3%;right:4%}.home .amc-hero-line--mustard{color:#D6A22E;bottom:-2%;right:10%} .home .amc-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.58fr)!important;gap:72px!important} .home .amc-hero-copy{position:relative}.home .amc-hero-copy:after{content:"";display:block;width:54px;height:5px;margin-top:29px;background:#E07A5F;border-radius:10px} .home .amc-hero .amc-eyebrow{color:#7FC0B8!important;letter-spacing:.17em!important} .home .amc-hero h1{max-width:760px!important;font-size:clamp(48px,5.6vw,76px)!important;line-height:.99!important;letter-spacing:-.05em!important;margin-bottom:22px!important} .home .amc-hero-lead{max-width:720px!important;color:#D9E4E1!important;font-size:clamp(18px,1.7vw,22px)!important;line-height:1.55!important} .home .amc-btn-gold{background:#D6A22E!important;color:#0F1F3A!important;box-shadow:0 8px 22px rgba(214,162,46,.16)} .home .amc-btn-gold:hover{background:#E3B64C!important}.home .amc-btn-ghost{border-color:rgba(246,243,238,.42)!important;color:#F6F3EE!important} .home .amc-checks{color:#EEF3F1!important}.home .amc-checks li:before{color:#7FC0B8!important} .home .amc-hero-panel{position:relative;overflow:hidden;background:#F6F3EE!important;color:#0F1F3A!important;border:0!important;padding:34px!important;box-shadow:0 24px 60px rgba(0,0,0,.20)!important} .home .amc-hero-panel:after{content:"";position:absolute;width:128px;height:128px;border-radius:50%;right:-52px;bottom:-58px;background:#E07A5F;opacity:.13} .home .amc-hero-panel-logo{width:74px;height:74px;object-fit:contain;margin:0 0 18px}.home .amc-hero-quote{color:#0F1F3A!important;font-size:26px!important;letter-spacing:-.025em} .home .amc-hero-panel p{color:#556171!important}.home .amc-hero-panel a{color:#2E6865!important} .home .amc-mini-trust{background:#fff!important;border-bottom:1px solid #D9D9D3!important}.home .amc-mini-trust .amc-container{padding:15px 0!important} .home .amc-mini-trust span{position:relative;color:#0F1F3A;font-size:12px!important}.home .amc-mini-trust span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;background:#3A7F7B;vertical-align:1px} .home .amc-mini-trust span:nth-child(2):before{background:#D6A22E}.home .amc-mini-trust span:nth-child(3):before{background:#E07A5F}.home .amc-mini-trust span:nth-child(4):before{background:#3A7F7B} .home .amc-section{padding:76px 0!important}.home .amc-eyebrow,.home .amc-card-kicker{color:#2F6D69!important;font-weight:850!important} .home .amc-section-heading h2,.home .amc-proof-section h2,.home .amc-story h2{color:#0F1F3A}.home .amc-section-heading>a,.home .amc-text-link{color:#2E6865!important;text-decoration-thickness:1px;text-underline-offset:3px} .home .amc-identity-grid{gap:18px!important}.home .amc-identity-card{position:relative;overflow:hidden;min-height:220px;border:1px solid rgba(15,31,58,.11)!important;box-shadow:0 8px 24px rgba(15,31,58,.045)!important;color:#0F1F3A} .home .amc-identity-card:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:#3A7F7B}.home .amc-identity-adhd:before{background:#D6A22E}.home .amc-identity-autism:before{background:#3A7F7B}.home .amc-identity-audhd:before{background:#E07A5F} .home .amc-identity-card:after{content:"";position:absolute;width:82px;height:82px;right:-29px;bottom:-33px;border-radius:50%;background:rgba(58,127,123,.10)}.home .amc-identity-adhd:after{background:rgba(214,162,46,.12)}.home .amc-identity-audhd:after{background:rgba(224,122,95,.12)} .home .amc-identity-card h3{color:#0F1F3A;font-size:29px!important}.home .amc-identity-card>span:last-child{color:#2E6865;font-weight:800} .home .amc-section-soft{background:#fff!important}.home .woocommerce ul.products{row-gap:24px!important}.home .woocommerce ul.products li.product{border-color:rgba(15,31,58,.12)!important;box-shadow:0 7px 22px rgba(15,31,58,.055)!important;transition:transform .18s ease,box-shadow .18s ease} .home .woocommerce ul.products li.product:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(15,31,58,.10)!important}.home .woocommerce ul.products li.product:nth-child(4n+1){border-top:3px solid #3A7F7B!important}.home .woocommerce ul.products li.product:nth-child(4n+2){border-top:3px solid #D6A22E!important}.home .woocommerce ul.products li.product:nth-child(4n+3){border-top:3px solid #E07A5F!important}.home .woocommerce ul.products li.product:nth-child(4n+4){border-top:3px solid #0F1F3A!important} .home .woocommerce ul.products li.product .woocommerce-loop-product__title{color:#0F1F3A!important;line-height:1.25!important}.home .woocommerce ul.products li.product .price{color:#0F1F3A!important}.home .woocommerce ul.products li.product .button{background:#0F1F3A!important}.home .woocommerce ul.products li.product .button:hover{background:#3A7F7B!important}.home .amc-card-badge{display:none!important} .home .amc-proof-section{position:relative;overflow:hidden;background:#E8F0ED!important}.home .amc-proof-section:before{content:"";position:absolute;width:240px;height:240px;border:2px solid rgba(58,127,123,.16);border-radius:50%;left:-130px;bottom:-145px}.home .amc-proof-points>div{border:1px solid rgba(15,31,58,.10)!important;box-shadow:0 4px 16px rgba(15,31,58,.035)} .home .amc-story{position:relative;overflow:hidden;background:#0F1F3A!important}.home .amc-story:before,.home .amc-story:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.home .amc-story:before{width:170px;height:170px;left:-72px;top:-88px;background:#3A7F7B;opacity:.18}.home .amc-story:after{width:125px;height:125px;right:-36px;bottom:-57px;background:#D6A22E;opacity:.18}.home .amc-story h2{color:#fff!important}.home .amc-story .amc-eyebrow{color:#78B8B1!important}.home .amc-story p:not(.amc-eyebrow){color:#D9E4E1!important} .amc-footer{position:relative;overflow:hidden;background:#0B172B!important}.amc-footer:before{content:"";position:absolute;width:190px;height:190px;right:-95px;top:-95px;border-radius:50%;background:#3A7F7B;opacity:.08}.amc-footer-brand-head{display:flex;align-items:center;gap:13px;margin-bottom:14px}.amc-footer-logo{width:58px;height:58px;object-fit:contain}.amc-footer-brand-head h2{margin:0!important;font-size:24px!important}.amc-footer-brand-rule{display:flex;gap:7px;margin:20px 0 0}.amc-footer-brand-rule i{display:block;width:26px;height:4px;border-radius:4px}.amc-footer-brand-rule i:nth-child(1){background:#3A7F7B}.amc-footer-brand-rule i:nth-child(2){background:#D6A22E}.amc-footer-brand-rule i:nth-child(3){background:#E07A5F}.amc-footer a:hover{color:#E4B34B!important} @media(max-width:900px){.home .amc-hero-grid{grid-template-columns:1fr!important;gap:38px!important}.home .amc-hero-panel{max-width:600px}} @media(max-width:600px){.amc-brand-logo{width:36px;height:36px}.amc-brand-wordmark{font-size:17px}.home .amc-hero{padding:66px 0 70px!important}.home .amc-hero h1{font-size:43px!important}.home .amc-hero-orb--coral{right:-18px;top:13%}.home .amc-hero-line{width:75%;right:-30%}.home .amc-identity-card{min-height:unset}} /* ========================================================= AMC HOMEPAGE POLISH 2.1.0 Layout · hierarchy · contrast · merchandising ========================================================= */ /* --------------------------------------------------------- SITE WIDTH / HEADER --------------------------------------------------------- */ @media (min-width: 1000px){ .amc-header .amc-container, .home .amc-container{ width:min(1240px,calc(100% - 72px)); } } .amc-header-inner{ min-height:82px; } .amc-brand-logo{ width:46px; height:46px; } .amc-brand-wordmark{ font-size:21px; line-height:1; } .amc-menu{ gap:25px; } .amc-menu a, .amc-cart-link{ font-size:14px; line-height:1.2; } /* --------------------------------------------------------- HERO --------------------------------------------------------- */ .home .amc-hero{ padding:78px 0 82px!important; } .home .amc-hero-grid{ grid-template-columns: minmax(0,1.18fr) minmax(350px,.62fr)!important; gap:58px!important; } .home .amc-hero h1{ max-width:720px!important; font-size: clamp(52px,5.2vw,74px)!important; line-height:.99!important; } .home .amc-hero-lead{ max-width:720px!important; font-size: clamp(18px,1.55vw,21px)!important; line-height:1.55!important; } .home .amc-hero-panel{ width:100%; max-width:390px; justify-self:end; padding:34px 34px 32px!important; } .home .amc-hero-panel-logo{ width:82px; height:82px; margin-bottom:18px; } .home .amc-hero-quote{ font-size:27px!important; line-height:1.16!important; } .home .amc-hero-panel p{ font-size:15px; line-height:1.55; } .home .amc-hero-panel a{ display:inline-block; margin-top:4px; font-size:14px; line-height:1.4; } /* Make decorative lines supportive, not dominant. */ .home .amc-hero-line{ opacity:.48; } .home .amc-hero-orb--coral{ opacity:.76; } /* --------------------------------------------------------- TRUST STRIP --------------------------------------------------------- */ .home .amc-mini-trust .amc-container{ min-height:54px; align-items:center; padding:14px 0!important; } .home .amc-mini-trust span{ color:#23344d!important; font-size:12.5px!important; font-weight:760!important; line-height:1.3; } /* --------------------------------------------------------- SECTION RHYTHM --------------------------------------------------------- */ .home .amc-section{ padding:68px 0!important; } .home .amc-home-identities{ padding-top:66px!important; padding-bottom:70px!important; background:#F6F3EE; } .home .amc-home-picks{ padding-top:70px!important; padding-bottom:70px!important; } .home .amc-home-latest{ padding-top:70px!important; padding-bottom:76px!important; background:#F6F3EE; } .home .amc-section-heading{ margin-bottom:30px!important; } .home .amc-section-heading h2, .home .amc-proof-section h2{ font-size: clamp(34px,3.4vw,48px)!important; line-height:1.04; } /* --------------------------------------------------------- IDENTITY CARDS --------------------------------------------------------- */ .home .amc-identity-grid{ gap:20px!important; } .home .amc-identity-card{ min-height:205px; padding:27px 28px 28px!important; } .home .amc-identity-card h3{ margin-top:3px; margin-bottom:12px; font-size:28px!important; line-height:1.05; } .home .amc-identity-card p{ margin-bottom:20px; color:#425064; font-size:15px; line-height:1.52; } /* --------------------------------------------------------- PRODUCT GRID Force reliable equal-width, equal-height merchandising. --------------------------------------------------------- */ .home .woocommerce ul.products{ display:grid!important; grid-template-columns: repeat(4,minmax(0,1fr)); gap:24px!important; margin:0!important; padding:0!important; } .home .woocommerce ul.products::before, .home .woocommerce ul.products::after{ display:none!important; } .home .woocommerce ul.products li.product{ display:flex!important; float:none!important; width:auto!important; min-width:0; height:100%; margin:0!important; padding:13px 13px 16px!important; flex-direction:column; border-radius:15px!important; box-shadow: 0 7px 20px rgba(15,31,58,.06)!important; } .home .woocommerce ul.products li.product a{ text-decoration:none; } .home .woocommerce ul.products li.product a img{ width:100%; aspect-ratio:1 / 1; margin-bottom:14px!important; object-fit:cover; border-radius:10px!important; } .home .woocommerce ul.products li.product .woocommerce-loop-product__title{ min-height:44px; padding:0!important; margin:0 0 8px!important; color:#0F1F3A!important; font-size:16px!important; font-weight:750; line-height:1.34!important; } .home .woocommerce ul.products li.product .price{ display:block; margin:0 0 13px!important; color:#0F1F3A!important; font-size:15px!important; font-weight:800; line-height:1.2; } .home .woocommerce ul.products li.product .button{ display:flex!important; width:100%; min-height:44px!important; margin:auto 0 0!important; padding:10px 12px!important; align-items:center; justify-content:center; border-radius:9px!important; font-size:12.5px!important; line-height:1.15!important; text-align:center; } /* Keep the brand accent understated. */ .home .woocommerce ul.products li.product:nth-child(4n+1){ border-top-width:3px!important; } .home .woocommerce ul.products li.product:nth-child(4n+2){ border-top-width:3px!important; } .home .woocommerce ul.products li.product:nth-child(4n+3){ border-top-width:3px!important; } .home .woocommerce ul.products li.product:nth-child(4n+4){ border-top-width:3px!important; } /* --------------------------------------------------------- COMFORT / PRODUCT-PROOF SECTION --------------------------------------------------------- */ .home .amc-proof-section{ padding:76px 0!important; background:#E3EEEA!important; } .home .amc-proof-grid{ grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr)!important; gap:54px!important; align-items:center!important; } .home .amc-proof-grid > div:first-child > p:not(.amc-eyebrow){ max-width:630px; color:#33445A; font-size:17px!important; line-height:1.6; } .home .amc-proof-points{ gap:13px!important; } .home .amc-proof-points > div{ min-height:105px; padding:19px!important; border-color: rgba(15,31,58,.11)!important; } .home .amc-proof-points strong{ color:#0F1F3A; font-size:14px; line-height:1.3; } .home .amc-proof-points span{ color:#516071!important; font-size:13px!important; line-height:1.45; } /* --------------------------------------------------------- STORY --------------------------------------------------------- */ .home .amc-story{ padding:82px 0!important; } .home .amc-story-inner{ max-width:800px!important; } .home .amc-story h2{ max-width:720px; margin-left:auto; margin-right:auto; font-size: clamp(36px,4vw,53px)!important; } .home .amc-story p:not(.amc-eyebrow){ max-width:700px!important; font-size:18px!important; line-height:1.55; } /* --------------------------------------------------------- FOOTER --------------------------------------------------------- */ .amc-footer{ padding:68px 0 28px!important; } .amc-footer-grid{ grid-template-columns: 1.8fr repeat(3,1fr)!important; gap:54px!important; } .amc-footer-brand-head{ margin-bottom:16px!important; } .amc-footer-logo{ width:56px!important; height:56px!important; } .amc-footer-brand-head h2{ font-size:23px!important; } .amc-footer p{ max-width:320px; color:#DCE5E2; font-size:14px; line-height:1.6; } .amc-footer h3{ margin-bottom:16px; font-size:15px; } .amc-footer ul{ gap:10px!important; } .amc-footer li, .amc-footer a{ font-size:13.5px; line-height:1.35; } .amc-footer-bottom{ margin-top:48px!important; color:#BBC8C4!important; font-size:12.5px!important; } /* --------------------------------------------------------- TABLET / MOBILE --------------------------------------------------------- */ @media(max-width:900px){ .home .amc-hero-grid{ grid-template-columns:1fr!important; } .home .amc-hero-panel{ max-width:620px; justify-self:start; } .home .woocommerce ul.products{ grid-template-columns: repeat(2,minmax(0,1fr)); } .home .amc-proof-grid{ grid-template-columns:1fr!important; } } @media(max-width:520px){ .home .amc-section{ padding:54px 0!important; } .home .amc-hero{ padding:58px 0 62px!important; } .home .amc-hero h1{ font-size:42px!important; } .home .amc-hero-panel{ padding:27px!important; } .home .woocommerce ul.products{ gap:14px!important; } .home .woocommerce ul.products li.product{ padding:10px 10px 13px!important; } .home .woocommerce ul.products li.product .woocommerce-loop-product__title{ min-height:48px; font-size:14px!important; } .home .woocommerce ul.products li.product .button{ font-size:11.5px!important; } } /* ========================================================= AMC HOMEPAGE CRO 2.2.0 FINAL HOMEPAGE STRUCTURAL PASS ========================================================= */ /* --------------------------------------------------------- BUNDLE & SAVE --------------------------------------------------------- */ .home .amc-bundle-section{ padding:0 0 74px; background:#fff; } .home .amc-bundle-card{ position:relative; display:grid; grid-template-columns: minmax(0,1fr) minmax(380px,.82fr); gap:56px; overflow:hidden; padding:38px 42px; align-items:center; border: 1px solid rgba(15,31,58,.11); border-radius:20px; background:#F6F3EE; box-shadow: 0 12px 30px rgba(15,31,58,.055); } .home .amc-bundle-card:before{ content:""; position:absolute; top:0; left:0; right:0; height:5px; background: linear-gradient( 90deg, #3A7F7B 0 33.333%, #D6A22E 33.333% 66.666%, #E07A5F 66.666% 100% ); } .home .amc-bundle-copy h2{ max-width:560px; margin-bottom:13px; color:#0F1F3A; font-size: clamp(30px,3vw,43px); line-height:1.04; letter-spacing:-.035em; } .home .amc-bundle-copy > p:not(.amc-eyebrow){ max-width:560px; margin:0; color:#425064; font-size:16px; line-height:1.58; } .home .amc-bundle-offer{ min-width:0; } .home .amc-bundle-tiers{ display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:13px; } .home .amc-bundle-tiers > div{ padding:15px 12px; border: 1px solid rgba(15,31,58,.10); border-radius:11px; background:#fff; text-align:center; } .home .amc-bundle-tiers strong{ display:block; margin-bottom:2px; color:#0F1F3A; font-family: Manrope, Inter, sans-serif; font-size:14px; line-height:1.2; } .home .amc-bundle-tiers span{ display:block; color:#2D6F5E; font-size:13px; font-weight:800; } .home .amc-bundle-auto{ margin:0 0 16px; color:#5E6877; font-size:13px; line-height:1.4; } .home .amc-btn-navy{ min-height:46px; padding:0 19px; background:#0F1F3A; color:#fff; } .home .amc-btn-navy:hover{ background:#3A7F7B; } /* --------------------------------------------------------- GENUINE CUSTOMER PROOF --------------------------------------------------------- */ .home .amc-social-proof{ padding:74px 0; background:#fff; } .home .amc-review-grid{ display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:18px; } .home .amc-review-card{ display:flex; min-width:0; min-height:255px; padding:27px; flex-direction:column; border: 1px solid rgba(15,31,58,.11); border-radius:16px; background:#F6F3EE; box-shadow: 0 7px 22px rgba(15,31,58,.045); } .home .amc-review-stars{ margin-bottom:16px; color:#D6A22E; font-size:16px; letter-spacing:.08em; } .home .amc-review-card blockquote{ margin:0 0 22px; padding:0; color:#0F1F3A; font-family: Manrope, Inter, sans-serif; font-size:18px; font-weight:700; line-height:1.48; } .home .amc-review-author{ margin-top:auto; color:#0F1F3A; font-size:14px; font-weight:800; } .home .amc-review-product{ display:inline-block; margin-top:5px; color:#2E6865; font-size:12.5px; font-weight:750; line-height:1.4; text-decoration:none; } /* --------------------------------------------------------- LATEST — 6 PRODUCTS = BALANCED 3 × 2 --------------------------------------------------------- */ @media(min-width:901px){ .home .amc-home-latest .woocommerce ul.products{ grid-template-columns: repeat(3,minmax(0,1fr)); } } /* --------------------------------------------------------- PRODUCT TITLE CONSISTENCY Full title remains in DOM/PDP. Visual card gets a consistent two-line title. --------------------------------------------------------- */ .home .woocommerce ul.products li.product .woocommerce-loop-product__title{ display:-webkit-box; min-height:43px; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; } /* --------------------------------------------------------- SMALL-TYPE ACCESSIBILITY POLISH --------------------------------------------------------- */ .home .amc-eyebrow, .home .amc-card-kicker{ font-size:12.5px!important; } .home .amc-identity-card p{ font-size:15px!important; } .home .amc-proof-points span{ font-size:13.5px!important; } .home .woocommerce ul.products li.product .price{ font-size:15px!important; } /* --------------------------------------------------------- RESPONSIVE --------------------------------------------------------- */ @media(max-width:900px){ .home .amc-bundle-card{ grid-template-columns:1fr; gap:27px; padding:33px; } .home .amc-review-grid{ grid-template-columns:1fr; } .home .amc-review-card{ min-height:unset; } } @media(max-width:520px){ .home .amc-bundle-section{ padding-bottom:54px; } .home .amc-bundle-card{ padding: 29px 22px 24px; } .home .amc-bundle-tiers{ gap:7px; } .home .amc-bundle-tiers > div{ padding:13px 6px; } .home .amc-bundle-tiers strong{ font-size:12px; } .home .amc-bundle-tiers span{ font-size:11.5px; } .home .amc-social-proof{ padding:54px 0; } } /* ========================================================= AMC HOMEPAGE REFINEMENT 2.3.0 FINAL SCALE / CONTRAST / BALANCE PASS ========================================================= */ /* --------------------------------------------------------- HEADER — more retail presence --------------------------------------------------------- */ .amc-header-inner{ min-height:88px!important; } .amc-brand{ gap:12px!important; } .amc-brand-logo{ width:48px!important; height:48px!important; } .amc-brand-wordmark{ font-size:22px!important; font-weight:800!important; } .amc-menu{ gap:27px!important; } .amc-menu a{ font-size:15px!important; font-weight:750!important; } .amc-header-actions{ font-size:14px!important; } .amc-cart-link{ display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:7px 11px; border:1px solid rgba(15,31,58,.14); border-radius:999px; background:#fff; font-size:14px!important; font-weight:800!important; transition: border-color .18s ease, background .18s ease, color .18s ease; } .amc-cart-link:hover{ border-color:#3A7F7B; background:#F1F7F5; color:#2E6865; } /* --------------------------------------------------------- TRUST STRIP — stop looking like microcopy --------------------------------------------------------- */ .home .amc-mini-trust .amc-container{ min-height:58px!important; padding:15px 0!important; } .home .amc-mini-trust span{ color:#1F3149!important; font-size:13.5px!important; font-weight:780!important; line-height:1.35!important; } .home .amc-mini-trust span:before{ width:8px!important; height:8px!important; margin-right:9px!important; } /* --------------------------------------------------------- HERO BALANCE --------------------------------------------------------- */ @media(min-width:901px){ .home .amc-hero-grid{ grid-template-columns: minmax(0,1.12fr) minmax(385px,.68fr)!important; gap:48px!important; } .home .amc-hero-panel{ width:100%!important; max-width:430px!important; padding:38px 38px 35px!important; transform:translateX(-10px); } } .home .amc-hero-panel-logo{ width:86px!important; height:86px!important; } .home .amc-hero-quote{ font-size:29px!important; line-height:1.15!important; } .home .amc-hero-panel p{ font-size:15.5px!important; line-height:1.58!important; } .home .amc-hero-panel a{ font-size:14.5px!important; line-height:1.45!important; } /* Decorative lines stay present, but quieter. */ .home .amc-hero-line{ opacity:.26!important; } .home .amc-hero-orb--coral{ opacity:.70!important; } .home .amc-hero-orb--teal{ opacity:.82!important; } /* --------------------------------------------------------- PRODUCT CARDS — readability --------------------------------------------------------- */ .home .woocommerce ul.products li.product .woocommerce-loop-product__title{ min-height:46px!important; margin-bottom:9px!important; font-size:16.75px!important; font-weight:780!important; line-height:1.32!important; } .home .woocommerce ul.products li.product .price{ margin-bottom:14px!important; font-size:15.75px!important; font-weight:850!important; } .home .woocommerce ul.products li.product .button{ min-height:46px!important; padding:11px 13px!important; font-size:13px!important; font-weight:800!important; line-height:1.2!important; } /* --------------------------------------------------------- BUNDLE & SAVE — stronger hierarchy --------------------------------------------------------- */ .home .amc-bundle-card{ grid-template-columns: minmax(0,1fr) minmax(410px,.95fr)!important; gap:48px!important; padding:41px 44px!important; } .home .amc-bundle-copy h2{ font-size: clamp(32px,3.1vw,45px)!important; } .home .amc-bundle-copy > p:not(.amc-eyebrow){ font-size:16.5px!important; line-height:1.6!important; } .home .amc-bundle-tiers{ gap:11px!important; } .home .amc-bundle-tiers > div{ padding:17px 13px!important; border-color: rgba(15,31,58,.12)!important; box-shadow: 0 4px 12px rgba(15,31,58,.035); } .home .amc-bundle-tiers strong{ margin-bottom:4px!important; font-size:15px!important; font-weight:850!important; } .home .amc-bundle-tiers span{ font-size:14px!important; font-weight:850!important; } .home .amc-bundle-tiers > div:nth-child(1){ border-top:3px solid #3A7F7B!important; } .home .amc-bundle-tiers > div:nth-child(2){ border-top:3px solid #D6A22E!important; } .home .amc-bundle-tiers > div:nth-child(3){ border-top:3px solid #E07A5F!important; } .home .amc-bundle-auto{ margin-bottom:18px!important; color:#4E5E70!important; font-size:13.5px!important; } .home .amc-bundle-offer .amc-btn{ min-height:49px!important; padding:0 21px!important; font-size:13.5px!important; } /* --------------------------------------------------------- SENSORY / FIT SECTION — stronger contrast --------------------------------------------------------- */ .home .amc-proof-section{ background:#DFEBE7!important; } .home .amc-proof-points > div{ padding:21px!important; border-color: rgba(15,31,58,.13)!important; background:#fff!important; box-shadow: 0 5px 15px rgba(15,31,58,.04); } .home .amc-proof-points strong{ margin-bottom:5px!important; color:#0F1F3A!important; font-size:15px!important; font-weight:850!important; line-height:1.3!important; } .home .amc-proof-points span{ color:#45566A!important; font-size:14px!important; line-height:1.5!important; } .home .amc-proof-grid > div:first-child > p:not(.amc-eyebrow){ color:#31445A!important; font-size:17.5px!important; } /* --------------------------------------------------------- SECTION MICROCOPY — no microscopic text --------------------------------------------------------- */ .home .amc-eyebrow, .home .amc-card-kicker{ font-size:12.75px!important; line-height:1.35!important; } .home .amc-identity-card p{ color:#3E4E63!important; font-size:15.25px!important; line-height:1.55!important; } .home .amc-section-heading > a, .home .amc-text-link{ font-size:14px!important; } /* --------------------------------------------------------- FOOTER — stronger legibility and weight --------------------------------------------------------- */ .amc-footer{ padding:72px 0 30px!important; } .amc-footer-grid{ gap:58px!important; } .amc-footer-logo{ width:62px!important; height:62px!important; } .amc-footer-brand-head{ gap:14px!important; } .amc-footer-brand-head h2{ font-size:25px!important; } .amc-footer p{ color:#E1E8E6!important; font-size:14.75px!important; line-height:1.62!important; } .amc-footer h3{ margin-bottom:17px!important; color:#fff!important; font-size:16px!important; font-weight:800!important; } .amc-footer ul{ gap:11px!important; } .amc-footer li, .amc-footer a{ font-size:14px!important; line-height:1.4!important; } .amc-footer-bottom{ margin-top:50px!important; padding-top:22px!important; color:#C3CFCC!important; font-size:13px!important; } /* --------------------------------------------------------- FOCUS STATES --------------------------------------------------------- */ .amc-menu a:focus-visible, .amc-cart-link:focus-visible, .amc-btn:focus-visible, .home .woocommerce a.button:focus-visible, .home .amc-identity-card:focus-visible{ outline:3px solid #D6A22E!important; outline-offset:3px!important; } /* --------------------------------------------------------- MOBILE / TABLET --------------------------------------------------------- */ @media(max-width:900px){ .amc-header-inner{ min-height:76px!important; } .amc-brand-logo{ width:42px!important; height:42px!important; } .amc-brand-wordmark{ font-size:19px!important; } .home .amc-hero-panel{ transform:none!important; } .home .amc-bundle-card{ grid-template-columns:1fr!important; } } @media(max-width:520px){ .home .amc-mini-trust span{ font-size:12px!important; } .home .woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size:14.5px!important; } .home .woocommerce ul.products li.product .price{ font-size:14px!important; } .home .woocommerce ul.products li.product .button{ font-size:12px!important; } .home .amc-bundle-card{ padding: 31px 23px 26px!important; } .home .amc-bundle-tiers strong{ font-size:12.5px!important; } .home .amc-bundle-tiers span{ font-size:12px!important; } }