@media(max-width:760px){
  body{font-size:16px;background:#f7f3f1}
  .topbar{position:sticky;top:0;z-index:20;height:56px;background:#171315}
  .topbar span{font-size:20px}.topbar a{font-size:14px}
  .hero{display:grid;grid-template-columns:1fr;min-height:auto;padding:30px 16px 42px;gap:18px}
  .hero-copy{display:contents}
  .hero-copy .eyebrow{grid-row:1;margin:0;text-align:center}
  .hero-copy h1{grid-row:2;margin:0;text-align:center;font-size:36px;line-height:1.03}
  .hero-copy .lead{grid-row:3;margin:0;text-align:center;font-size:17px;line-height:1.45}
  .hero-image{grid-row:4;margin:14px 8px 4px}
  .hero-image:before{inset:-8px 8px 8px -8px;border-radius:88px 88px 12px 12px}
  .hero-image img{height:auto;max-height:none;aspect-ratio:4/5;object-fit:cover;object-position:center 22%;border-radius:82px 82px 10px 10px}
  .hero-image figcaption{right:-5px;bottom:15px;padding:9px 13px;font-size:13px}
  .hero-copy .price{grid-row:5;justify-content:center;margin:12px 0 0;gap:12px;flex-wrap:wrap}
  .price span{font-size:16px}.price strong{font-size:34px}.price em{font-size:14px}
  .hero-copy .cta{grid-row:6;width:100%;font-size:17px;padding:17px}
  .hero-copy .quick{grid-row:7;display:grid;grid-template-columns:1fr;margin:3px 0 0;gap:7px;text-align:center}
  .benefits{grid-template-columns:1fr 1fr}.benefits article{padding:25px 16px;min-height:165px}.benefits h2{font-size:21px}.benefits p{font-size:14px;margin-bottom:0}
  .models{padding:62px 14px}.section-head{margin-bottom:28px}.section-head h2{font-size:37px}
  .model-grid{gap:20px}.model-card{border-radius:14px;overflow:hidden;box-shadow:0 12px 35px #3b232315}.model-card img{height:auto;aspect-ratio:4/5;object-position:center 22%}.model-card>div{padding:22px}.model-card h3{font-size:27px}.model-card button{padding:16px;font-size:16px}
  .sizes{padding:58px 12px}.sizes h2{font-size:37px}.table-wrap{margin:0 -2px;padding:8px 5px}th,td{padding:11px 4px;font-size:12px}
  .reviews{padding:58px 14px}.review{border-radius:12px}.review time{font-size:12px}.review blockquote{font-size:15px}
  .delivery{padding:56px 18px;gap:18px}.delivery>div{background:#fff;padding:20px;border-radius:12px}.delivery span{font-size:34px}.delivery h3{margin-top:0}
  .order{padding:58px 14px}.order h2{font-size:38px}.order form{padding:18px;border-radius:12px;gap:14px}input,select{min-height:52px;font-size:16px}form button{min-height:54px}
  footer{padding:38px 18px 84px}
  .mobile-cta{min-height:60px;padding:18px 12px;font-size:16px}
}
/* Photo-first offer: shared price labels and a responsive mobile first screen. */
.discount-badge{position:absolute;top:22px;right:12px;background:var(--red);color:#fff;padding:10px 18px;font-size:28px;font-weight:800;line-height:1.1;box-shadow:0 4px 15px #0002}
.price>div{flex:1;text-align:center;padding:12px;background:#171315;color:#fff}
.price .price-now{background:var(--red)}
.price small{color:inherit;margin:0 0 3px;font-size:14px}
.price del{font-size:26px;font-weight:700}
.hero .sale-timer-top{padding:12px;margin:0 0 18px;gap:12px;flex-wrap:wrap}
.hero .sale-timer-top .countdown span{font-family:Manrope,system-ui,sans-serif;font-size:26px;font-variant-numeric:tabular-nums}
.hero .sale-timer-top .countdown>div{min-width:42px}
.hero .sale-timer-top .countdown small{font-size:12px;letter-spacing:0}
@media(max-width:760px){
  .topbar{position:relative;height:42px}
  .hero{padding:12px 0 28px;gap:0}
  .hero-copy .eyebrow{grid-row:2;font-size:13px;letter-spacing:.05em;padding:4px 12px 10px}
  .hero-copy h1{grid-row:1;font-family:Manrope,system-ui,sans-serif;font-size:24px;line-height:1.15;padding:0 12px;font-weight:800}
  .hero-image{grid-row:2;margin:0;background:#e7ddd4}
  .hero-image:before{display:none}
  .hero-image img{height:clamp(260px,46svh,460px);width:100%;aspect-ratio:auto;object-fit:contain;object-position:center;border-radius:0}
  .hero-image figcaption{right:auto;left:12px;bottom:10px;padding:5px 10px;font-size:12px}
  .hero-image .hero-options{left:50%;right:auto;bottom:8px;transform:translateX(-50%);width:calc(100% - 16px);max-width:none;padding:5px;gap:4px;box-shadow:0 5px 18px #0003}
  .hero-options button{flex:1;padding:8px 3px;font-size:11px}
  .discount-badge{top:12px;right:12px;font-size:26px;padding:9px 16px}
  .hero-copy .price{grid-row:3;margin:0;gap:0;flex-wrap:nowrap;align-items:stretch}
  .hero-copy .price>div{padding:8px 4px}
  .hero-copy .price strong,.hero-copy .price del{font-size:27px;line-height:1.2}
  .hero-copy .price small{font-size:14px}
  .hero .sale-timer-top{grid-row:4;grid-column:1;width:100%;margin:0;padding:9px 12px;display:flex;flex-direction:row;justify-content:space-between;gap:8px;border-radius:0;box-shadow:none}
  .hero .sale-timer-top .sale-timer-copy{display:block;text-align:left;flex:1}
  .hero .sale-timer-top .sale-timer-copy strong{font-size:14px;line-height:1.25}
  .hero .sale-timer-top .countdown{gap:3px}
  .hero .sale-timer-top .countdown>div{min-width:36px}
  .hero .sale-timer-top .countdown span{font-size:24px}
  .hero .sale-timer-top .countdown b{font-size:20px}
  .hero-copy .cta{grid-row:5;margin:10px 12px 0;width:auto}
  .hero-copy .lead{grid-row:6;padding:16px 16px 8px;font-size:16px}
  .hero-copy .quick{grid-row:7;padding:0 12px}
  .hero-copy .hero-title{grid-row:1;margin:0;padding:12px 10px;color:var(--ink);font-family:"Playfair Display",serif;font-size:clamp(18px,5.6vw,24px);line-height:1.1;font-weight:700;letter-spacing:-.02em;text-align:center;white-space:nowrap}
}