/* Homepage dimensions reduced by 10%; responsive breakpoints preserved. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b2031;--ink:#142c3d;--teal:#087d73;--mint:#65e0cd;--muted:#5c6e78;--line:#dbe3e6;--paper:#f8fafb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:21.6px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif;font-size:14.4px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3,.logo{font-family:Manrope,Arial,sans-serif}h2{font-size:clamp(1.62rem,2.7vw,2.205rem);letter-spacing:-1.17px;line-height:1.2}h3{line-height:1.4}.wrap{width:min(1116px,calc(100% - 86.4px));margin:auto}.header{height:97.2px;display:flex;align-items:center;justify-content:space-between;gap:27px}.logo{display:inline-flex;align-items:center;white-space:nowrap;font-size:25.2px;font-weight:800;letter-spacing:-1.35px}.logo span{font-weight:500}.logo i{height:6.3px;width:6.3px;background:var(--teal);margin:12.6px 0 0 4.5px}.header nav{display:flex;gap:30.6px;font-size:12.6px;font-weight:600}.header nav a:hover,.footer a:hover{color:var(--teal)}.header-note{font-size:11.7px;color:var(--muted)}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:526.5px;padding:21.6px 0 49.5px;gap:45px}.hero-copy{padding:25.2px 0 0}.eyebrow{font-size:10.8px;letter-spacing:1.8px;font-weight:700;color:var(--teal);display:block}.hero h1{font-size:clamp(3.42rem,5.4vw,4.86rem);line-height:1.07;letter-spacing:-4.05px;font-weight:600;margin:21.6px 0}.hero h1 em{font-style:normal;color:var(--teal)}.hero-copy>p{max-width:351px;color:var(--muted);font-size:15.3px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:13.5px 20.7px;background:var(--navy);color:white;border:1px solid var(--navy);border-radius:4px;font-size:12.6px;font-weight:600;margin-top:25.2px;transition:background .2s}.button:hover{background:var(--teal);border-color:var(--teal)}.hero-foot{margin-top:29.7px;font-size:10.8px;font-weight:600}.hero-foot span{font-weight:400;color:var(--muted);margin-left:7.2px}.hero-visual{position:relative;background:var(--navy);border-radius:8px;overflow:hidden;min-height:468px;color:white}.hero-visual>img{width:100%;height:100%;position:absolute;inset:0;opacity:.8}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,20,30,.3),transparent 40%,rgba(5,20,30,.92))}.visual-label{position:absolute;z-index:1;left:23.4px;right:23.4px;top:21.6px;display:flex;justify-content:space-between;font-size:9.9px;letter-spacing:1.62px}.visual-label>span{opacity:.7}.visual-caption{position:absolute;z-index:1;bottom:27px;left:27px;right:27px;display:flex;gap:18px;align-items:end;justify-content:space-between}.visual-caption .eyebrow{color:var(--mint);margin-bottom:9px}.visual-caption h2{font-size:24.3px;max-width:297px;letter-spacing:-0.72px}.round-arrow{width:39.6px;height:39.6px;border:1px solid #ffffff66;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.partner-strip{border-block:1px solid var(--line);background:#eef3f4}.partner-strip>.wrap{min-height:76.5px;display:flex;align-items:center;justify-content:space-between;gap:18px}.partner-strip span{font-size:10.8px;color:var(--muted)}.partner-strip span:first-child{letter-spacing:1.26px}.partner-strip b{font-family:Manrope,Arial,sans-serif;font-size:21.6px;letter-spacing:-0.9px;font-weight:700}.section{padding-block:67.5px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:22.5px;margin-bottom:24.3px}.section-heading .eyebrow{margin-bottom:11.7px}.section-heading p{color:var(--muted);font-size:12.6px}.accent{color:var(--teal)}.demo-note{font-size:10.8px;color:var(--muted);margin-bottom:18px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:21.6px}.card{display:block}.card-picture{height:229.5px;position:relative;overflow:hidden;background:#e7edef;border-radius:5px}.card-picture img{width:100%;height:100%;transition:transform .35s}.card:hover img{transform:scale(1.035)}.card-tag{position:absolute;top:11.7px;left:11.7px;background:#ffffffef;color:var(--ink);padding:3.6px 9px;font-size:9.9px;font-weight:600;border-radius:3px}.card .eyebrow{font-size:9px;letter-spacing:1.26px;margin:18px 0 6.3px}.card h3{font-size:16.2px;letter-spacing:-0.45px}.card>p{font-size:11.7px;color:var(--muted);margin-top:6.3px}.card-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:16.2px;padding-top:11.7px;font-size:11.7px}.card-bottom strong{font-size:15.3px}.card-bottom span{color:var(--teal)}.categories-section{background:#edf2f3}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16.2px}.category{background:transparent;border:1px solid #c7d4d9;border-radius:4px;padding:20.7px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:9px;color:var(--ink)}.category:hover,.category[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}.category small{display:block;color:var(--muted);font-size:10.8px;margin-top:4.5px}.category:hover small,.category[aria-pressed=true] small{color:#bdd2db}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32.4px;padding-top:18px}.steps article{border-top:1px solid var(--line);padding-top:16.2px}.steps article>span{font-family:Manrope,Arial,sans-serif;font-size:30.6px;color:var(--teal);font-weight:500}.steps h3{font-size:18px;margin:13.5px 0 9px}.steps p{font-size:12.6px;color:var(--muted)}.disclosure{background:var(--navy);color:white;padding:36px 43.2px;border-radius:6px;margin-bottom:49.5px}.disclosure .eyebrow{color:var(--mint)}.disclosure h2{font-size:22.5px;margin:10.8px 0 15.3px}.disclosure p{font-size:12.6px;max-width:864px;color:#d2dfe6}.disclosure .muted{font-size:10.8px;margin-top:11.7px;color:#a7becb}.footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-block:27px}.footer>span,.footer>a:not(.logo){font-size:10.8px;color:var(--muted)}.footer .logo{font-size:21.6px}.text-button{border:0;background:none;text-decoration:underline;color:var(--teal);padding:14.4px 0}.skip{position:absolute;left:9px;top:-90px;background:white;padding:9px;z-index:10}.skip:focus{top:9px}:focus-visible{outline:3px solid var(--teal);outline-offset:5px}[hidden]{display:none!important}.product-main{padding-bottom:63px;min-height:70vh}.back{display:inline-block;font-size:12.6px;color:var(--muted);margin:18px 0 27px}.detail-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:58.5px}.gallery-main{width:100%;height:459px;border-radius:6px;background:#e7edef}.thumbnails{display:flex;gap:10.8px;margin-top:13.5px}.thumbnail{padding:0;border:2px solid transparent;border-radius:4px;background:none;overflow:hidden}.thumbnail[aria-pressed=true]{border-color:var(--teal)}.thumbnail img{width:81px;height:72px}.detail-copy h1{font-size:clamp(1.89rem,3.6vw,3.06rem);line-height:1.15;letter-spacing:-1.8px;margin:13.5px 0}.detail-copy>p{color:var(--muted)}.detail-price{font-size:27px;font-weight:700;margin-top:19.8px}.detail-price small{display:block;font-size:10.8px;font-weight:400;color:var(--muted)}.detail-copy .button{width:100%;margin-top:18px}.offer-note{font-size:10.8px;margin-top:10.8px!important}.detail-section{border-top:1px solid var(--line);margin-top:25.2px;padding-top:19.8px}.detail-section h2{font-size:18.9px;margin-bottom:10.8px;letter-spacing:-0.36px}.detail-section p,.detail-section li{font-size:12.6px;color:var(--muted)}.detail-section ul{padding-left:18px;margin:0}.detail-section li{margin:6.3px 0}.detail-disclosure{margin-top:40.5px;background:#edf2f3;padding:22.5px;border-radius:4px;font-size:11.7px;color:var(--muted)}.error{padding:45px 0}.error h1{font-size:28.8px}.error p{margin-block:13.5px}.image-error{object-fit:contain;padding:27px}.gallery-label{font-size:10.8px;color:var(--muted);margin-top:9px}
@media(min-width:1500px){.hero{min-height:585px}.hero-visual{min-height:508.5px}}@media(max-width:1000px){.wrap{width:calc(100% - 43.2px)}.header-note{display:none}.hero{gap:22.5px}.hero h1{font-size:3.6rem}.hero-visual{min-height:441px}.product-grid{grid-template-columns:repeat(2,1fr);gap:31.5px 21.6px}.card-picture{height:288px}.category-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{gap:27px}.gallery-main{height:378px}}@media(max-width:650px){.wrap{width:calc(100% - 32.4px)}.header{height:auto;min-height:90px;flex-wrap:wrap;gap:9px;padding-block:14.4px}.logo{font-size:22.5px}.header nav{gap:16.2px;font-size:10.8px}.hero{grid-template-columns:1fr;padding-top:4.5px;gap:28.8px}.hero-copy{padding-top:9px}.hero h1{font-size:3.33rem;letter-spacing:-2.7px}.hero-copy>p{font-size:14.4px}.hero-visual{min-height:378px}.hero-foot{margin-top:18px}.partner-strip>.wrap{flex-wrap:wrap;justify-content:flex-start;gap:10.8px 21.6px;padding-block:18px}.partner-strip span:first-child{width:100%}.partner-strip b{font-size:18px}.section{padding-block:43.2px}.section-heading{display:block}.section-heading>p{margin-top:11.7px}.product-grid{gap:22.5px 13.5px}.card-picture{height:180px}.card h3{font-size:14.4px}.card-bottom{display:block}.card-bottom span{display:block;margin-top:2.7px}.card-tag{font-size:9px;left:7.2px;top:7.2px}.category{padding:14.4px;font-size:12.6px}.steps{grid-template-columns:repeat(2,1fr);gap:22.5px}.disclosure{padding:25.2px;margin-bottom:27px}.footer{flex-wrap:wrap;justify-content:flex-start}.footer .logo{width:100%}.detail-grid{grid-template-columns:1fr}.gallery-main{height:342px}.detail-copy h1{letter-spacing:-0.9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Compact introduction: keep the product edit close to the first viewport. */
.header{height:72px}
.hero{min-height:0;padding:10.8px 0 21.6px;gap:36px;align-items:stretch}
.hero-copy{padding:7.2px 0}
.hero h1{font-size:clamp(2.25rem,3.15vw,2.925rem);line-height:1.1;letter-spacing:-1.8px;margin:10.8px 0}
.hero h1 br:last-of-type{display:none}
.hero h1 em:before{content:' '}
.hero-copy>p{font-size:14.4px;max-width:396px;line-height:1.5}
.hero .button{margin-top:14.4px;padding:9.9px 18px}
.hero-foot{margin-top:12.6px}
.hero-visual{min-height:261px}
.visual-label{top:14.4px;left:18px;right:18px}
.visual-caption{bottom:16.2px;left:18px;right:18px}
.visual-caption h2{font-size:19.8px;max-width:252px}
.visual-caption .eyebrow{margin-bottom:5.4px}
.partner-strip>.wrap{min-height:50.4px}
#featured{padding-top:27px}
#featured .section-heading{margin-bottom:12.6px}
#featured .section-heading .eyebrow{margin-bottom:7.2px}
#featured .demo-note{margin-bottom:12.6px}
@media(max-width:1000px) and (min-width:651px){
  .hero{gap:21.6px}
  .hero h1{font-size:2.25rem}
}
@media(max-width:650px){
  .header{height:auto;min-height:72px}
  .hero{gap:16.2px;padding-bottom:18px}
  .hero h1{font-size:2.25rem;letter-spacing:-1.35px}
  .hero-visual{min-height:162px}
  .hero-foot{margin-top:9px}
  .visual-caption h2{font-size:18px;max-width:207px}
  .visual-caption .eyebrow{display:none}
  .visual-label{font-size:9px;letter-spacing:0.9px}
  .partner-strip>.wrap{padding-block:10.8px;gap:5.4px 16.2px}
  #featured{padding-top:21.6px}
}
/* Approved homepage layout */
:root{--navy:#073251;--ink:#10334f;--teal:#008e98;--mint:#21d2cd;--paper:#f7fafc}
.wrap{width:min(1404px,calc(100% - 72px))}.header{height:91.8px;display:grid;grid-template-columns:1fr minmax(216px,549px) 1fr;gap:28.8px}.header nav{justify-content:flex-end;font-size:14.4px;gap:27px}.logo{display:flex;flex-direction:column;align-items:flex-start;width:95.4px;line-height:1}.logo .logo-main{font-size:48.6px;font-weight:900;font-style:italic;letter-spacing:-4.5px;background:linear-gradient(135deg,#083756 22%,#1678a3 49%,#00c7c9 52%,#073251 77%);background-clip:text;color:transparent}.logo .logo-sub{font-size:13.5px;font-weight:800;letter-spacing:7.2px;margin:3.6px 0 0 4.5px}.search{display:flex;height:46.8px;background:white;border:1px solid #d5e1e9;border-radius:7px;overflow:hidden}.search input{width:100%;min-width:0;border:0;background:transparent;padding:0 16.2px;font:inherit;font-size:12.6px;color:var(--ink)}.search button{border:0;background:transparent;color:var(--teal);font-size:27.9px;padding:0 15.3px}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;padding:0;min-height:355.5px}.how-panel{padding:28.8px;border:2px solid #17628a;border-radius:11px;background:linear-gradient(135deg,#fff,#edf8fb);z-index:1}.how-heading{display:flex;align-items:start;gap:18px;justify-content:space-between}.hero .how-heading h1{font-size:clamp(22.5px,2.07vw,32.4px);line-height:1.2;letter-spacing:-1.17px;margin:4.5px 0 0;max-width:306px}.how-heading>p{font-size:12.6px;line-height:1.6;max-width:162px;margin-top:5.4px}.how-steps{display:grid;grid-template-columns:1fr 1fr;gap:20.7px 21.6px;margin-top:26.1px}.how-steps article{border-top:1px solid #bed4df;display:flex;gap:17.1px;padding-top:19.8px}.step-number{font-size:27.9px;line-height:1.1;color:var(--teal);letter-spacing:-1.35px}.how-steps h2{font-size:16.2px;letter-spacing:-0.45px;line-height:1.35;margin-bottom:5.4px}.how-steps p{font-size:12.6px;line-height:1.65;color:#416079}.weekly{position:relative;overflow:hidden;border-radius:0 11px 11px 0;background:#e7edf0;min-height:355.5px}.weekly>img{position:absolute;right:0;top:0;width:70%;height:100%;object-fit:cover}.weekly-shade{position:absolute;inset:0;background:linear-gradient(90deg,#edf3f6 2%,#edf3f6f5 20%,#edf3f6b0 42%,transparent 72%)}.weekly-copy{position:relative;width:64%;padding:39.6px 0 59.4px 36px;z-index:1}.weekly-copy h2{font-size:clamp(24.3px,2.34vw,36px);margin:15.3px 0;line-height:1.15;letter-spacing:-1.35px}.weekly-copy p{color:#486178;font-size:13.5px;max-width:216px}.weekly .button{font-size:11.7px;gap:16.2px;padding:11.7px 16.2px;border-radius:8px;margin-top:19.8px}.slider-controls{position:absolute;bottom:17.1px;left:36px;right:19.8px;display:flex;align-items:center;justify-content:space-between;z-index:2}#slider-dots{display:flex;gap:8.1px}#slider-dots button{width:9.9px;height:9.9px;border:0;border-radius:50%;padding:0;background:#aebcc7}#slider-dots button[aria-current=true]{background:var(--navy)}.slider-arrows{display:flex;gap:7.2px}.slider-arrows button{border:1px solid #d6e1e7;background:#fffffff0;border-radius:50%;width:29.7px;height:29.7px;color:var(--navy);line-height:1}.section-heading h2{font-size:30.6px}#featured{padding-top:27px}.section-heading .eyebrow{margin-bottom:3.6px!important}.section-heading{margin-bottom:5.4px!important}.product-grid{gap:18px}.card{border:1px solid #dce5ea;border-radius:9px;overflow:hidden;background:white;padding-bottom:14.4px}.card-picture{border-radius:0;height:175.5px}.card>.eyebrow,.card>h3,.card>p,.card-bottom{margin-left:15.3px;margin-right:15.3px}.card>.eyebrow{margin-top:12.6px}.card h3{font-size:15.3px}.card-bottom{font-size:9.9px}.disclosure{background:#eef5f8;color:var(--ink);border:1px solid #d7e6ee}.disclosure p,.disclosure .muted{color:#49667b}.disclosure .eyebrow{color:var(--teal)}.category-intro{color:var(--muted);margin:10.8px 0 27px}.footer .logo .logo-main{font-size:36px}.footer .logo .logo-sub{font-size:9.9px;letter-spacing:5.4px}
@media(max-width:1150px){.wrap{width:calc(100% - 43.2px)}.how-panel{padding:21.6px}.how-heading{display:block}.how-heading>p{max-width:none}.how-heading>p br{display:none}.how-steps{gap:18px 13.5px;margin-top:18px}.how-steps article{gap:10.8px}.how-steps h2{font-size:14.4px}.weekly-copy{padding-left:23.4px;width:70%}.slider-controls{left:23.4px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card-picture{height:153px}.card-bottom{display:block}.header{grid-template-columns:108px 1fr auto;gap:18px}}
@media(max-width:850px){.hero{grid-template-columns:1fr}.how-panel{border-radius:11px}.weekly{border-radius:11px;margin-top:16.2px;min-height:315px}.how-heading{display:flex}.how-heading>p{max-width:162px}.how-steps{gap:19.8px}.weekly-copy{width:55%;padding-top:31.5px}.weekly>img{width:65%}.header nav{gap:14.4px;font-size:12.6px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-picture{height:207px}}
@media(max-width:550px){.wrap{width:calc(100% - 28.8px)}.header{height:auto;grid-template-columns:1fr 1fr;padding:14.4px 0 18px;gap:14.4px}.search{grid-column:1 / -1;grid-row:2;height:41.4px}.logo .logo-main{font-size:40.5px}.logo .logo-sub{font-size:10.8px;letter-spacing:6.3px}.how-panel{padding:20.7px 18px}.how-heading{display:block}.how-heading>p{max-width:none;font-size:11.7px}.hero .how-heading h1{font-size:24.3px}.how-steps{grid-template-columns:1fr;gap:13.5px}.how-steps article{padding-top:13.5px;gap:16.2px}.how-steps p{font-size:12.6px}.how-steps h2{font-size:16.2px}.step-number{font-size:25.2px}.weekly{min-height:328.5px}.weekly-copy{width:75%;padding-left:20.7px}.weekly-copy h2{font-size:27px}.weekly-copy p{max-width:180px}.weekly .button{font-size:10.8px;padding:10.8px;gap:9px}.weekly-shade{background:linear-gradient(90deg,#edf3f6 0%,#edf3f6df 40%,#edf3f650 75%,transparent)}.card-picture{height:144px}.card>.eyebrow,.card>h3,.card>p,.card-bottom{margin-left:10.8px;margin-right:10.8px}.card h3{font-size:13.5px}.card-tag{max-width:calc(100% - 14.4px)}.section-heading>p{font-size:11.7px}.section-heading h2{font-size:27px}.footer .logo{width:81px}}

/* 2026 public catalog refresh: colors sampled from the supplied 99K DEALS.COM artwork. */
:root{--navy:#032a63;--ink:#092f5f;--teal:#007f91;--mint:#00dce6;--line:#d6e4ec;--paper:#f7fafc}
.header{grid-template-columns:150px minmax(240px,610px) 1fr}
.logo{display:block;width:142px;line-height:0}
.logo img{display:block;width:100%;height:auto;object-fit:contain}
.footer .logo{width:112px}
.search:focus-within{border-color:#0588bb;box-shadow:0 0 0 3px #00dce624}
.button{background:var(--navy);border-color:var(--navy)}
.button:hover{background:#075ca8;border-color:#075ca8}
.hero{display:block;min-height:0;padding:0 0 22px}
.how-panel{width:100%;padding:19px 24px;border-color:#0876aa;background:linear-gradient(120deg,#fff 0%,#f2fbfd 100%)}
.how-heading{align-items:center}
.hero .how-heading h1{max-width:none}
.how-heading>p{font-size:11.7px;line-height:1.45}
.how-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}
.how-steps article{min-width:0;padding-top:12px;gap:12px}
.step-number{font-size:23px}
.how-steps h2{font-size:15px;margin-bottom:3px}
.how-steps p{font-size:11.7px;line-height:1.5}
.weekly{margin-top:0;border-radius:11px;min-height:342px}
.weekly>img{width:58%}
.weekly-copy{width:52%}
.section{padding-block:52px}
#featured{padding-top:48px}
.section-alt{padding-top:18px;border-top:1px solid var(--line)}
.product-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}
.card-picture{height:170px}
.card-bottom{align-items:flex-end;gap:8px}
.card-bottom strong{display:flex;flex-direction:column;font-size:15.3px;line-height:1.2}
.card-bottom strong small{font-size:9.9px;font-weight:600;color:var(--muted);margin-bottom:4px;letter-spacing:.2px}
.card-bottom span{font-size:15.3px;line-height:1.15;text-align:right;font-weight:600}
.card-tag{background:#f8fffff2;color:#033b72;border:1px solid #8ddce2;font-weight:700;letter-spacing:.3px}
.price-note{font-size:10.8px;color:var(--muted);margin-bottom:18px}
.categories-cta{display:flex;justify-content:center;padding:0 0 49.5px}
.categories-cta .button,.load-more{display:block;margin:26px auto 0;padding:11px 24px;border:1px solid #0876aa;border-radius:6px;background:white;color:#075887;font-weight:700}
.categories-cta .button{margin-top:0;justify-content:center;font-size:16px}
.categories-cta .button:hover,.load-more:hover{background:#edf9fb}
@media(max-width:1150px){
  .header{grid-template-columns:124px 1fr auto}
  .logo{width:118px}
  .how-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px){
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .weekly{min-height:315px}
}
@media(max-width:700px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:550px){
  .header{grid-template-columns:1fr auto}
  .logo{width:112px}
  .footer .logo{width:100px}
  .categories-cta{padding-bottom:27px}
  .categories-cta .button{width:auto}
  .how-steps{grid-template-columns:1fr}
  .how-panel{padding:15px 16px}
  .how-steps{gap:9px;margin-top:12px}
  .how-steps article{padding-top:9px;gap:12px}
  .weekly{margin-top:0}
  .weekly>img{width:72%}
  .weekly-copy{width:78%}
  .card-picture{height:144px}
  .card-bottom span{font-size:13.5px;text-align:left;margin-top:7px}
}

/* Four-fix pass: desktop rhythm, dual badges and row-aligned card footers. */
.card{display:flex;flex-direction:column;height:100%;min-width:0}
.card-picture{flex:0 0 auto}
.card-badges{position:absolute;z-index:1;top:11px;left:11px;right:11px;display:flex;align-items:flex-start;gap:6px;flex-wrap:wrap;pointer-events:none}
.card-tag{position:static;max-width:100%;padding:4px 8px;font-size:9.5px;line-height:1.25}
.card-tag-descriptive{background:#fffffff2;color:var(--ink);border-color:#d6e4ec}
.card-tag-source{background:#032a63e8;color:#fff;border-color:#5ee7ed;letter-spacing:.45px}
.card>p{min-width:0}
.card-bottom{margin-top:auto;padding-top:12px;min-width:0}
.card-bottom strong{min-width:0;font-size:14px}
.price-value{display:block;min-height:34px;white-space:nowrap}
.card-bottom .price-value{flex:none}
.card-bottom .price-value:not(.price-value-unavailable){font-size:13px}
.price-value-unavailable{white-space:normal}
.card-bottom span{flex:0 1 92px;min-width:0;font-size:12px}

@media(min-width:901px){
  .header{grid-template-columns:128px minmax(216px,549px) 1fr;gap:26px}
  .logo{width:128px}
  .section{padding-block:47px}
  #featured{padding-top:43px}
  .section-alt{padding-top:16px}
  .product-grid{gap:15px}
  .card{padding-bottom:13px}
  .card-picture{height:166px}
  .card>.eyebrow,.card>h3,.card>p,.card-bottom{margin-left:14px;margin-right:14px}
}

@media(max-width:700px){
  .card-badges{top:8px;left:8px;right:8px;gap:4px}
  .card-tag{font-size:10px;padding:3px 6px}
  .card-bottom strong{font-size:15px}
  .price-value{min-height:38px}
  .card-bottom span{font-size:14px;flex-basis:auto}
}

/* Footer contact stays on the main text baseline; its email starts below the C. */
.footer-contact{position:relative;white-space:nowrap}
.footer-contact-email{position:absolute;top:100%;left:0;color:inherit}
@media(max-width:650px){
  .footer{align-items:flex-start}
  .footer-contact{display:flex;flex-direction:column}
  .footer-contact-email{position:static}
}
