:root{--cream: #faf6ee;--cream-2: #f2ebdd;--card: #fffdf8;--ink: #26221b;--ink-soft: #6b6355;--line: #e5dcca;--sage: #7d8f69;--sage-dark: #5c6e4c;--terracotta: #bf5f33;--terracotta-dark: #a34e27;--radius: 18px;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--shadow: 0 10px 30px rgba(38, 34, 27, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);background:var(--cream);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,.font-display{font-family:var(--font-display);font-weight:600;line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}h1{font-size:clamp(2.1rem,5vw,3.4rem)}h2{font-size:clamp(1.5rem,3.2vw,2.2rem)}p{margin:0 0 1em}a{color:inherit}img{max-width:100%;display:block}.container{max-width:1120px;margin:0 auto;padding:0 20px}.section{padding:64px 0}.kicker{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sage-dark);background:color-mix(in srgb,var(--sage) 16%,transparent);border:1px solid color-mix(in srgb,var(--sage) 35%,transparent);padding:6px 14px;border-radius:999px;margin-bottom:18px}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--cream) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:.01em}.logo-mark{width:34px;height:34px;border-radius:10px;background:var(--ink);color:var(--cream);display:inline-flex;align-items:center;justify-content:center;flex:none}.main-nav{display:flex;align-items:center;gap:6px}.main-nav a{text-decoration:none;font-size:.92rem;font-weight:500;color:var(--ink-soft);padding:8px 12px;border-radius:999px;transition:background .15s,color .15s}.main-nav a:hover{background:var(--cream-2);color:var(--ink)}.cart-link{position:relative;display:inline-flex;align-items:center;gap:7px}.cart-count{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--terracotta);color:#fff;font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.cart-count[data-count="0"]{display:none}.lang-link{border:1px solid var(--line)!important;font-weight:600!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-weight:600;font-size:.98rem;border-radius:999px;padding:13px 26px;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--terracotta);color:#fff;box-shadow:0 6px 18px #bf5f3359}.btn-primary:hover{background:var(--terracotta-dark)}.btn-dark{background:var(--ink);color:var(--cream)}.btn-dark:hover{background:#3a342a}.btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}.btn-ghost:hover{background:var(--cream-2)}.btn[disabled]{opacity:.6;cursor:wait}.hero{padding:72px 0 56px;background:radial-gradient(1200px 400px at 80% -10%,color-mix(in srgb,var(--sage) 14%,transparent),transparent 70%),radial-gradient(900px 380px at 10% 110%,color-mix(in srgb,var(--terracotta) 10%,transparent),transparent 70%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero-sub{font-size:1.08rem;color:var(--ink-soft);max-width:46ch;margin-bottom:28px}.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}.hero-media{border-radius:24px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line);background:var(--card)}.hero-media img{width:100%;height:100%;object-fit:cover}.badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.badge{display:flex;gap:14px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.badge-icon{flex:none;width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--sage) 18%,transparent);color:var(--sage-dark);display:inline-flex;align-items:center;justify-content:center}.badge h3{font-size:1rem;margin:2px 0;font-family:var(--font-body);font-weight:600}.badge p{margin:0;font-size:.88rem;color:var(--ink-soft)}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.product-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-card .thumb{aspect-ratio:4 / 3;overflow:hidden;background:var(--cream-2)}.product-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.product-card:hover .thumb img{transform:scale(1.03)}.product-card .body{padding:20px;display:flex;flex-direction:column;gap:6px;flex:1}.product-card h3{margin:0;font-size:1.25rem}.product-card .tagline{color:var(--ink-soft);font-size:.92rem;margin:0 0 12px}.product-card .row{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.price{font-family:var(--font-display);font-weight:700;font-size:1.15rem}.color-dots{display:inline-flex;gap:6px}.color-dots span{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}.preview-stage{position:sticky;top:90px;background:radial-gradient(600px 300px at 50% 100%,color-mix(in srgb,var(--sage) 12%,transparent),transparent 75%),var(--cream-2);border:1px solid var(--line);border-radius:24px;min-height:420px;display:flex;align-items:center;justify-content:center;padding:90px 30px 60px;overflow:hidden}.config-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:26px}.config-panel h2{font-size:1.15rem;font-family:var(--font-body);font-weight:700;margin-bottom:18px}.field{margin-bottom:20px}.field>label,.field>.label{display:block;font-size:.85rem;font-weight:600;margin-bottom:8px;color:var(--ink)}.field .hint{color:var(--ink-soft);font-weight:400}.field input[type=text]{width:100%;font:inherit;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--cream);color:var(--ink)}.field input[type=text]:focus{outline:2px solid color-mix(in srgb,var(--sage) 60%,transparent);border-color:transparent}.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:38px;height:38px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;outline-offset:3px;box-shadow:inset 0 0 0 2px #ffffff59;transition:transform .12s}.swatch:hover{transform:scale(1.08)}.swatch[aria-pressed=true]{border-color:var(--ink)}.icon-options{display:flex;gap:10px;flex-wrap:wrap}.icon-option{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:.88rem;font-weight:500;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--cream);cursor:pointer}.icon-option[aria-pressed=true]{background:var(--ink);color:var(--cream);border-color:var(--ink)}.qty-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.qty-stepper{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;overflow:hidden}.qty-stepper button{font:inherit;font-size:1.1rem;width:40px;height:44px;border:0;background:var(--cream-2);cursor:pointer}.qty-stepper output{width:44px;text-align:center;font-weight:600}.buy-row{display:flex;align-items:center;gap:18px;margin-top:24px;flex-wrap:wrap}.specs{margin-top:26px;border-top:1px dashed var(--line);padding-top:20px}.specs h2{font-size:1rem;font-family:var(--font-body);font-weight:700}.specs ul,.features ul{list-style:none;margin:0;padding:0}.specs li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--cream-2);font-size:.92rem}.specs li span:first-child{color:var(--ink-soft)}.features li{display:flex;gap:10px;align-items:flex-start;padding:5px 0;font-size:.95rem}.features li svg{flex:none;margin-top:3px;color:var(--sage-dark)}.tag{position:relative;--tag-bg: #7d8f69;background:var(--tag-bg);background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 3px);border-radius:16px;box-shadow:0 14px 26px #26221b47,inset 0 1px #ffffff2e,inset 0 -2px 4px #0000002e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:22px 26px;min-height:120px;width:min(320px,100%);transition:background-color .25s}.tag-text{font-family:var(--font-display);font-weight:600;text-align:center;color:color-mix(in srgb,var(--tag-bg) 38%,#17130e);text-shadow:0 1px 0 color-mix(in srgb,var(--tag-bg) 55%,#fff);letter-spacing:.04em;line-height:1.25;word-break:break-word}.tag-line1{font-size:1.35rem}.tag-line2{font-size:1.02rem}.tag-icon svg{width:30px;height:30px;color:color-mix(in srgb,var(--tag-bg) 38%,#17130e);filter:drop-shadow(0 1px 0 color-mix(in srgb,var(--tag-bg) 55%,#fff))}.tag--clip:after{content:"";position:absolute;top:99%;left:50%;transform:translate(-50%);width:64px;height:46px;background:var(--tag-bg);background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 3px);border-radius:0 0 12px 12px;box-shadow:inset 0 -10px 14px #00000038}.tag--hang .hole{position:absolute;top:10px;width:10px;height:10px;border-radius:50%;background:var(--cream-2);box-shadow:inset 0 1px 2px #00000073}.tag--hang .hole-l{left:14px}.tag--hang .hole-r{right:14px}.tag--hang .twine{position:absolute;bottom:96%;width:2.5px;height:84px;background:linear-gradient(#c8ab7c,#b3946a);border-radius:2px}.tag--hang .twine-l{left:18px;transform-origin:bottom center;transform:rotate(24deg)}.tag--hang .twine-r{right:18px;transform-origin:bottom center;transform:rotate(-24deg)}.tag--hang .knot{position:absolute;bottom:calc(96% + 76px);left:50%;transform:translate(-50%);width:12px;height:12px;border-radius:50%;background:#b3946a}.tag--rim{width:min(360px,100%);min-height:96px;border-radius:12px}.tag--rim:before,.tag--rim:after{content:"";position:absolute;bottom:96%;width:26px;height:34px;background:var(--tag-bg);border-radius:8px 8px 0 0;box-shadow:inset 0 6px 8px #0000002e}.tag--rim:before{left:12%}.tag--rim:after{right:12%}.preview-hint{margin-top:14px;font-size:.8rem;color:var(--ink-soft);text-align:center}.cart-layout{display:grid;grid-template-columns:1.4fr .8fr;gap:32px;align-items:start}.cart-items{display:flex;flex-direction:column;gap:14px}.cart-item{display:grid;grid-template-columns:84px 1fr auto;gap:18px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.cart-item .thumb{width:84px;height:64px;border-radius:10px;overflow:hidden;background:var(--cream-2)}.cart-item .thumb img{width:100%;height:100%;object-fit:cover}.cart-item h3{font-size:1.05rem;margin:0 0 4px}.cart-item .meta{font-size:.85rem;color:var(--ink-soft);display:flex;flex-wrap:wrap;gap:4px 14px}.cart-item .meta .dot{display:inline-block;width:10px;height:10px;border-radius:50%;border:1px solid rgba(0,0,0,.2);vertical-align:-1px}.cart-item .side{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.cart-item .remove{font:inherit;font-size:.8rem;color:var(--ink-soft);background:none;border:0;cursor:pointer;text-decoration:underline}.cart-item .remove:hover{color:var(--terracotta)}.cart-summary{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;position:sticky;top:90px}.cart-summary .total-row{display:flex;justify-content:space-between;align-items:baseline;margin:14px 0}.cart-summary .total-row .price{font-size:1.5rem}.cart-summary .note{font-size:.82rem;color:var(--ink-soft)}.cart-summary .btn{width:100%;margin-top:8px}.empty-state{text-align:center;padding:70px 20px;color:var(--ink-soft)}.empty-state .btn{margin-top:18px}.success-box{max-width:640px;margin:40px auto;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:44px 36px;text-align:center}.success-icon{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:color-mix(in srgb,var(--sage) 20%,transparent);color:var(--sage-dark);display:flex;align-items:center;justify-content:center}.order-lines{text-align:left;margin:26px 0;border-top:1px dashed var(--line);padding-top:18px}.order-lines li{display:flex;justify-content:space-between;gap:14px;padding:7px 0;font-size:.93rem}.site-footer{border-top:1px solid var(--line);background:var(--cream-2);padding:40px 0;margin-top:40px}.footer-row{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;font-size:.88rem;color:var(--ink-soft)}.footer-badges{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.footer-badges span{display:inline-flex;align-items:center;gap:7px}@media(max-width:900px){.hero-grid,.product-layout,.cart-layout{grid-template-columns:1fr}.preview-stage{position:static;min-height:340px}.cart-summary{position:static}}@media(max-width:560px){.main-nav a:not(.cart-link):not(.lang-link){display:none}.cart-item{grid-template-columns:64px 1fr}.cart-item .thumb{width:64px;height:52px}.cart-item .side{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between;width:100%}}