:root{--bg:#f6f3ee;--panel:#fff;--text:#121212;--muted:#676767;--line:#ddd7ce;--soft:#efeae2;--accent:#111;--radius:18px;--shadow:0 8px 30px rgba(0,0,0,.06);--shadow-lg:0 24px 60px rgba(0,0,0,.10)}
*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh}body{font-family:Inter,system-ui,sans-serif;color:var(--text);background:linear-gradient(to bottom,#f8f6f2,#f4f1eb 50%,#f6f3ee);line-height:1.35;display:flex;flex-direction:column}
a{color:inherit}img{max-width:100%;display:block}.container{width:min(1240px,calc(100% - 32px));margin:0 auto}
.topbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);background:rgba(246,243,238,.86);border-bottom:1px solid rgba(0,0,0,.06)}
.nav{height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.nav-links{display:flex;gap:10px;align-items:center}.nav-links a{text-decoration:none;color:var(--muted);font-weight:600;font-size:14px;padding:10px 14px;border-radius:999px}.nav-links a:hover{background:rgba(255,255,255,.7);color:var(--text)}.brand{justify-self:center;font-weight:800;letter-spacing:.14em;font-size:12px;text-transform:uppercase}.nav-right{justify-self:end;display:flex;gap:10px;align-items:center}
.pill-btn,.btn{border:1px solid rgba(0,0,0,.12);background:#fff;color:#111;border-radius:999px;padding:10px 14px;font-weight:700;font-size:13px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.pill-btn.dark,.btn.dark{background:#111;color:#fff;border-color:#111}.pill-btn:hover,.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.badge{width:18px;height:18px;border-radius:999px;background:#fff;color:#111;display:none;align-items:center;justify-content:center;font-size:11px;font-weight:800}
.page{padding:18px 0 48px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;align-items:stretch}.hero-left{position:relative;border-radius:22px;overflow:hidden;min-height:520px;background:#111;box-shadow:var(--shadow-lg)}.hero-left img{width:100%;height:100%;object-fit:cover}.hero-left::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,.18) 45%,rgba(0,0,0,.04))}.hero-content{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;color:#fff}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;opacity:.9;font-weight:700}.hero-title{margin:8px 0 8px;font:800 clamp(28px,3vw,44px)/1.02 Manrope,Inter,sans-serif}.hero-sub{margin:0 0 14px;color:rgba(255,255,255,.82);max-width:680px;font-size:14px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.hero-right{display:grid;grid-template-rows:auto 1fr;gap:14px;min-height:520px}.offer-card,.mini-feature{background:rgba(255,255,255,.78);border:1px solid rgba(0,0,0,.08);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.offer-card{padding:18px}.offer-title{margin:4px 0 6px;font:800 22px/1.05 Manrope,Inter,sans-serif}.offer-copy{margin:0;color:var(--muted);font-size:14px}.offer-price{margin-top:12px;font-weight:800}.mini-feature{display:grid;grid-template-columns:1.02fr .98fr;min-height:280px}.mini-feature img{width:100%;height:100%;object-fit:cover}.mini-body{padding:16px;display:flex;flex-direction:column;justify-content:space-between}.mini-body h3{margin:0;font:800 20px/1.05 Manrope,Inter,sans-serif}.mini-body p{margin:8px 0 12px;color:var(--muted);font-size:14px}
.section{padding:22px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px}.section-title{margin:0;font:800 28px/1.05 Manrope,Inter,sans-serif}.section-sub{margin:6px 0 0;color:var(--muted)}
.catalog-wrap{background:rgba(255,255,255,.6);border:1px solid rgba(0,0,0,.06);border-radius:24px;padding:16px;box-shadow:var(--shadow)}.catalog-group{padding:8px 4px}.catalog-group h3{margin:0 0 10px;font:800 16px/1.1 Manrope,Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#554f45}.catalog-note{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;padding:12px 6px 4px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.card-media{position:relative;background:linear-gradient(180deg,#f7f4ef,#efe9df);aspect-ratio:1/1;padding:14px;display:flex;align-items:center;justify-content:center}.card-media img{max-height:100%;width:auto;object-fit:contain}.tag{position:absolute;top:10px;left:10px;background:#111;color:#fff;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.card-body{padding:14px}.card-title{margin:0;font:800 18px/1.05 Manrope,Inter,sans-serif;text-decoration:none}.card-desc{margin:8px 0;color:var(--muted);font-size:13px;min-height:36px}.price-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.price{font-weight:800}.card-actions{display:flex;gap:8px;margin-top:10px}.btn.small{padding:9px 12px;font-size:12px}.btn.ghost{background:#fff}.btn.block{width:100%;justify-content:center}
.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.review-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:14px;box-shadow:var(--shadow)}.stars{letter-spacing:.15em}.review-text{margin:8px 0 0;color:#333;font-size:14px}
.detail-page{padding:22px 0 44px}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:10px}.breadcrumb a{text-decoration:none;color:var(--muted)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:22px;box-shadow:var(--shadow)}.product-image-panel{padding:20px;background:linear-gradient(180deg,#f7f4ef,#efe9df)}.product-image-panel img{width:100%;max-height:560px;object-fit:contain}.product-info{padding:20px}.product-title{margin:0;font:800 clamp(28px,4vw,40px)/1.03 Manrope,Inter,sans-serif}.product-sub{margin:8px 0;color:var(--muted)}.price-big{font-weight:800;font-size:24px;margin:10px 0 12px}.kv{display:grid;gap:10px;padding:12px 0}.note-block{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.note-block h4{margin:0 0 8px}.note-list{margin:0;padding-left:18px;color:#333}.note-list li{margin:4px 0}.split-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.footer{padding:34px 0 50px;color:var(--muted);font-size:13px}
@media (max-width:980px){.hero-grid,.product-grid{grid-template-columns:1fr}.hero-right{min-height:unset}.grid,.reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{grid-template-columns:1fr auto}.nav-links{display:none}.nav-right{justify-self:end}}
@media (max-width:640px){.grid,.reviews-grid{grid-template-columns:1fr}.container{width:min(1240px,calc(100% - 20px))}.hero-left{min-height:420px}.offer-title{font-size:20px}.mini-feature{grid-template-columns:1fr}.mini-feature img{max-height:220px}}



.review-card.has-photo{padding:0;overflow:hidden}
.review-card.has-photo .review-photo{width:100%;height:180px;object-fit:cover;display:block;background:#e8e4dc}
.review-card.has-photo .review-copy{padding:12px 14px 14px}
.review-card.has-photo .stars{margin-bottom:8px}
.cart-page-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}
.cart-table{width:100%;border-collapse:collapse}
.cart-table th,.cart-table td{padding:10px 0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.cart-table th:last-child,.cart-table td:last-child{text-align:right}
.inline-actions{display:flex;gap:10px;flex-wrap:wrap}
.muted{color:var(--muted)}
@media (max-width:900px){.cart-page-grid{grid-template-columns:1fr}.review-card.has-photo .review-photo{height:160px}}


/* Product detail image panel improvements */
.product-grid{align-items:stretch}
.product-image-panel{padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:720px;background:#fff}
.product-image-panel img{width:100%;height:100%;max-height:none;object-fit:cover}

/* Cart page redesign */
.cart-page-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:start}
.cart-shell{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:22px;box-shadow:var(--shadow)}
.cart-shell.pad{padding:18px}
.cart-headline{font:800 42px/1.02 Manrope,Inter,sans-serif;letter-spacing:.01em;margin:0 0 6px}
.cart-subtle{margin:0;color:var(--muted)}
.cart-header-row{display:grid;grid-template-columns:1.2fr .45fr .35fr;gap:14px;color:#655f55;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:0 6px 8px}
.cart-items{display:grid;gap:14px}
.cart-row{display:grid;grid-template-columns:1.2fr .45fr .35fr;gap:14px;align-items:center;padding:14px 6px;border-top:1px solid var(--line)}
.cart-product{display:flex;gap:14px;align-items:center;min-width:0}
.cart-thumb{width:84px;height:84px;border-radius:14px;background:linear-gradient(180deg,#f7f4ef,#efe9df);border:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto}
.cart-thumb img{width:100%;height:100%;object-fit:cover;padding:0;display:block}
.cart-product-title{font:800 16px/1.12 Manrope,Inter,sans-serif;margin:0}
.cart-product-price{margin:6px 0 0;color:#1a1a1a;font-weight:700}
.qty-control{display:inline-flex;align-items:center;border:1px solid rgba(0,0,0,.18);border-radius:12px;overflow:hidden;background:#fff}
.qty-control button{border:0;background:#fff;width:36px;height:38px;cursor:pointer;font-size:18px;line-height:1}
.qty-control span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:38px;font-weight:700}
.cart-remove{border:0;background:transparent;color:#666;cursor:pointer;padding:8px}
.cart-total-cell{font:800 20px/1 Manrope,Inter,sans-serif;justify-self:start}
.cart-row .qty-wrap{display:flex;align-items:center;gap:8px}
.summary-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:22px;box-shadow:var(--shadow);padding:18px;position:sticky;top:88px}
.summary-title{font:800 18px/1.1 Manrope,Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px}
.summary-line{display:flex;justify-content:space-between;gap:10px;margin:8px 0;color:#222}
.summary-line.muted{color:var(--muted)}
.summary-total{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end;padding-top:12px;margin-top:12px;border-top:1px solid var(--line)}
.summary-total .label{font:800 14px/1.1 Manrope,Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.summary-total .amount{font:800 34px/1 Manrope,Inter,sans-serif}
.checkout-stack{display:grid;gap:10px;margin-top:14px}
.btn.checkout-main{width:100%;justify-content:center;padding:14px 16px;border-radius:999px;font-weight:800}
.checkout-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn.shop-pay{background:#5A31F4;color:#fff;border-color:#5A31F4;width:100%;justify-content:center;padding:12px 14px}
.btn.paypal{background:#F7C53A;color:#053277;border-color:#F7C53A;width:100%;justify-content:center;padding:12px 14px}
.cart-page-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;flex-wrap:wrap}

@media (max-width:980px){
  .product-image-panel{min-height:500px}
  .cart-page-grid{grid-template-columns:1fr}
  .summary-card{position:static}
  .cart-header-row{display:none}
  .cart-row{grid-template-columns:1fr;gap:10px}
  .cart-total-cell{justify-self:end}
}
@media (max-width:640px){
  .product-image-panel{min-height:380px}
  .product-image-panel img{object-fit:contain}
  .cart-headline{font-size:34px}
  .cart-thumb{width:72px;height:72px}
  .checkout-row{grid-template-columns:1fr}
}

/* Shopify theme extras */
.cart-headline { font: 800 42px/1.02 Manrope,Inter,sans-serif; margin: 0 0 6px; }
.cart-subtle { margin: 0; color: var(--muted); }
.cart-page-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 18px; align-items: start; }
.cart-shell { background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: 22px; box-shadow: var(--shadow); }
.cart-shell.pad { padding: 18px; }
.cart-header-row { display: grid; grid-template-columns: 1.2fr .45fr .35fr; gap: 14px; color: #655f55; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; padding: 0 6px 8px; }
.cart-items { display: grid; gap: 14px; }
.cart-row { display: grid; grid-template-columns: 1.2fr .45fr .35fr; gap: 14px; align-items: center; padding: 14px 6px; border-top: 1px solid var(--line); }
.cart-product { display: flex; gap: 14px; align-items: center; min-width: 0; }
.cart-thumb { width: 84px; height: 84px; border-radius: 14px; background: linear-gradient(180deg,#f7f4ef,#efe9df); border: 1px solid rgba(0,0,0,.06); display: flex; align-items: center; justify-content: center; overflow: hidden; flex: 0 0 auto; }
.cart-thumb img { width: 100%; height: 100%; object-fit: cover; }
.cart-product-title { font-weight: 800; font-size: 14px; }
.cart-product-price { color: var(--muted); font-size: 13px; margin-top: 2px; }
.cart-total-cell { font-weight: 800; text-align: right; }
.qty-wrap { display: flex; flex-direction: row; gap: 10px; align-items: center; }
.cart-remove { background: none; border: none; cursor: pointer; color: var(--muted); font-size: 16px; padding: 0; }
.summary-card { display: grid; gap: 0; }
.summary-title { font: 800 20px/1.05 Manrope,Inter,sans-serif; margin: 0 0 14px; }
.cart-page-actions { display: flex; gap: 10px; padding-top: 14px; flex-wrap: wrap; }
.detail-page { padding: 22px 0 44px; }
.breadcrumb { font-size: 13px; color: var(--muted); margin-bottom: 10px; }
.breadcrumb a { text-decoration: none; color: var(--muted); }
.product-description { margin: 12px 0; color: #333; font-size: 14px; line-height: 1.5; }
@media (max-width: 900px) { .cart-page-grid { grid-template-columns: 1fr; } }