:root {
  --blue:#07194f; --cream:#f3ead8; --yellow:#e7a900; --ink:#07194f;
  --white:#fffaf0; --muted:#706d65; --red:#9e2f2f; --line:#cbbf9f;
}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
header{background:var(--blue);color:var(--cream);padding:10px 18px;position:sticky;top:0;z-index:10;box-shadow:0 4px 15px #0002}
.brand{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand h1{font-family:Georgia,serif;font-size:clamp(26px,4vw,44px);margin:0;letter-spacing:.5px}
.site-logo{width:94px;height:94px;object-fit:cover;display:block;flex:0 0 auto;border-radius:50%;clip-path:circle(47% at 50% 50%);transform:scale(1.035)}
.brand small{display:block;color:#efe2b9;margin-top:5px}
.cart-pill{background:var(--yellow);color:var(--blue);padding:10px 14px;border-radius:999px;font-weight:800;white-space:nowrap;border:0;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.cart-pill:hover{transform:translateY(-1px)}.cart-pill:focus-visible{outline:3px solid var(--cream);outline-offset:3px}.cart.cart-highlight{box-shadow:0 0 0 4px var(--yellow),0 12px 30px #0003}
main{max-width:1180px;margin:0 auto;padding:28px 18px 90px}
.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;margin-bottom:22px}
.hero-card,.info-card{border:2px solid var(--blue);background:var(--white);border-radius:18px;padding:22px}
.hero h2{font-family:Georgia,serif;font-size:clamp(30px,5vw,58px);line-height:.94;margin:0 0 12px}
.hero p{font-size:17px;line-height:1.5;margin:0}
.info-card strong{display:block;font-size:22px;margin-bottom:8px}
.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 18px}
.tab{border:2px solid var(--blue);background:transparent;color:var(--blue);border-radius:999px;padding:10px 18px;font-weight:800;cursor:pointer}
.tab.active{background:var(--blue);color:var(--cream)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:26px;align-items:start}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.product{background:var(--white);border:2px solid var(--blue);border-radius:17px;padding:14px;min-height:250px;overflow:hidden}
.product-image{width:100%;height:190px;object-fit:contain;background:#f4ecdc;border-radius:11px;margin-bottom:13px;display:block}
.product h3{font-family:Georgia,serif;font-size:25px;margin:0 0 5px}
.price{font-size:22px;font-weight:900;color:var(--yellow);-webkit-text-stroke:.35px var(--blue);margin-bottom:14px}
.variant-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 15px}
.variant{border:1.5px solid var(--blue);border-radius:9px;background:#fffaf0;padding:8px 10px;cursor:pointer;font-weight:700;font-size:13px}
.variant.selected{background:var(--blue);color:white}
.variant:disabled{opacity:.42;text-decoration:line-through;cursor:not-allowed;background:#ddd}
.soldout{font-size:11px;color:var(--red);font-weight:800;margin-left:4px}
.controls{display:flex;gap:10px;align-items:center;margin-top:12px}
.qty{width:74px;padding:10px;border:1.5px solid var(--blue);border-radius:9px;background:white}
.add{flex:1;background:var(--yellow);border:2px solid var(--blue);color:var(--blue);font-weight:900;padding:10px 12px;border-radius:9px;cursor:pointer}
.add:disabled{opacity:.5;cursor:not-allowed}
.stocknote{font-size:12px;color:var(--muted);margin-top:9px}
.cart{position:sticky;top:120px;background:var(--blue);color:var(--cream);border-radius:18px;padding:20px}
.cart h2{font-family:Georgia,serif;font-size:29px;margin:0 0 14px}
.cart-empty{color:#d8d1bf;font-size:14px;padding:12px 0}
.cart-row{display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px solid #ffffff38;padding:11px 0;font-size:14px}
.cart-row b{display:block}
.remove{border:0;background:transparent;color:#f2c75a;text-decoration:underline;cursor:pointer;padding:0;font-size:12px}
.totals{border-top:2px solid var(--yellow);margin-top:10px;padding-top:12px}
.total-line{display:flex;justify-content:space-between;gap:10px;margin:7px 0}
.grand{font-size:20px;font-weight:900}
.checkout{margin-top:18px}
.checkout label{display:block;font-size:12px;font-weight:700;margin:9px 0 4px}
.checkout input,.checkout textarea,.checkout select{width:100%;padding:10px;border:0;border-radius:8px;background:#fffdf7;color:#142661}
.checkout textarea{min-height:72px;resize:vertical}
.submit{width:100%;margin-top:15px;background:var(--yellow);color:var(--blue);border:0;border-radius:9px;padding:13px;font-weight:900;font-size:16px;cursor:pointer}
.notice{font-size:12px;line-height:1.45;color:#e7dfc8;margin-top:10px}
.success{display:none;background:#e9f2e5;color:#234c2b;border:2px solid #42744a;padding:18px;border-radius:14px;margin-top:18px}
footer{background:var(--blue);color:#e8dfc7;text-align:center;padding:24px;font-size:13px}
@media(max-width:900px){.hero{grid-template-columns:1fr}.layout{grid-template-columns:1fr}.cart{position:static}}
@media(max-width:600px){.grid{grid-template-columns:1fr}.brand{align-items:center}.site-logo{width:70px;height:70px}.cart-pill{font-size:13px;padding:8px 11px}.lang-btn{padding:5px 8px}}

.variant-groups{display:flex;flex-direction:column;gap:10px;margin:10px 0 15px}
.variant-group{display:grid;grid-template-columns:82px 1fr;gap:10px;align-items:center}
.variant-color{font-weight:900;font-size:13px;text-transform:uppercase}
.variant-group .variant-list{margin:0}
@media(max-width:520px){
  .variant-group{grid-template-columns:1fr}
  .variant-color{margin-bottom:-3px}
}


.lang-switch{display:flex;gap:6px;align-items:center;margin-left:auto}
.lang-btn{border:1.5px solid var(--cream);background:transparent;color:var(--cream);border-radius:999px;padding:6px 10px;cursor:pointer;font-weight:800}
.lang-btn.active{background:var(--yellow);color:var(--blue);border-color:var(--yellow)}