@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{--bg:#f7f5ee;--green:#263e32;--muted:#777b70;--border:#dddfd3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--green);font-family:'DM Sans',Arial,sans-serif}header{max-width:1250px;margin:auto;padding:25px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}a{color:inherit}.brand{text-decoration:none;font-family:'Playfair Display',Georgia,serif;font-size:39px;line-height:1}.brand span{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:2.7px;margin-top:9px}.location{font-size:12px}main{max-width:1250px;padding:0 32px;margin:auto}.intro{text-align:center;padding:30px 0 25px}.eyebrow{font-size:9px;letter-spacing:2.3px;margin:0 0 10px}h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:43px;margin:0 0 10px}em{color:#7c8669} .intro>p:last-child{color:var(--muted);font-size:13px;margin:0}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product{min-width:0;background:#fffef9;border:1px solid var(--border);border-radius:12px;overflow:hidden}.visual{height:clamp(180px,29vh,310px);position:relative;background:#eceae3}.visual img{width:100%;height:100%;object-fit:contain}.visual span{position:absolute;left:12px;top:12px;font-size:9px;letter-spacing:1px;background:#f7f5eeed;border-radius:20px;padding:7px 10px}.info{padding:18px}.heading{display:flex;justify-content:space-between;align-items:center;gap:8px}h2{font-family:'Playfair Display',Georgia,serif;font-size:23px;font-weight:500;margin:0}.price{font-size:12px;white-space:nowrap}.info>p{font-size:11px;color:var(--muted);margin:9px 0 18px}.order{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--green);color:white;width:100%;border:0;border-radius:5px;padding:13px;font:500 12px 'DM Sans',Arial,sans-serif;text-decoration:none}.order:disabled{background:#e4e7dc;color:#697360;cursor:not-allowed}.order:focus-visible{outline:3px solid #ad8355;outline-offset:3px}.delivery{display:flex;justify-content:center;gap:70px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:20px;margin-top:25px}.delivery>div{display:flex;gap:15px;align-items:center}.delivery>div>span{font-size:25px;color:#8d987d}.delivery p{font-size:11px;color:var(--muted);line-height:1.8;margin:0}.delivery strong{display:block;font-size:12px;font-weight:500;color:var(--green)}.pending{text-align:center;font-size:10px;color:var(--muted);margin:14px 0}footer{max-width:1250px;margin:auto;padding:13px 32px 20px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}@media(max-width:650px){header{padding:18px 14px}.brand{font-size:30px}.location{font-size:10px}main{padding:0 10px}.intro{padding:25px 0 20px}h1{font-size:31px}.eyebrow{font-size:8px}.catalog{gap:7px}.visual{height:180px}.visual span{left:5px;top:7px;padding:5px;font-size:7px}.info{padding:10px 7px}.heading{display:block}h2{font-size:17px;min-height:44px}.price{display:block;font-size:10px;margin:7px 0}.info>p{font-size:10px;min-height:30px;margin:8px 0}.order{font-size:10px;padding:10px 6px;min-height:46px}.order span{display:none}.delivery{gap:18px;padding:16px 6px;margin-top:20px}.delivery>div{gap:8px}.delivery p{font-size:10px}.delivery strong{font-size:11px}.pending{line-height:1.6;padding:0 14px}footer{padding:12px 16px;gap:15px;font-size:9px}}
.visual canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;background:radial-gradient(ellipse at 50% 40%,#faf9f3,#e5e6dc)}.visual canvas:active{cursor:grabbing}.visual canvas:focus-visible{outline:2px solid #a87d50;outline-offset:-3px}.rotate-hint{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:10px;color:#5e6f5a;pointer-events:none}.visual .reset-view{position:absolute;right:8px;top:8px;width:28px;height:28px;border:1px solid #d4d8cb;border-radius:50%;background:#f8f8ef;color:#334e3b;cursor:pointer;font-size:18px}.visual canvas[hidden],.visual img[hidden]{display:none}
.dimensions{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--border);padding-top:12px;margin:0 0 6px}.dimensions dt{font-size:10px;color:var(--muted)}.dimensions dd{font-size:12px;font-weight:500;margin:4px 0 0}.size-note{display:block;color:var(--muted);font-size:9px;line-height:1.5;margin-bottom:14px}@media(max-width:650px){.dimensions{flex-direction:column;gap:5px}.dimensions>div{display:flex;justify-content:space-between;align-items:center}.dimensions dd{margin:0;font-size:10px}.dimensions dt{font-size:9px}.size-note{font-size:8px}}
.promotion{background:#edf0e5;border:1px solid #dce2cf;border-radius:6px;padding:12px;margin:0 0 14px}.promotion-title{display:block;color:#4b603e;font-size:9px;letter-spacing:1px;margin-bottom:10px}.promotion>div{display:flex;justify-content:space-between;gap:6px;align-items:center;font-size:11px}.promotion b{white-space:nowrap}.promotion>small{display:block;color:#67765c;font-size:9px;margin:4px 0 10px}.promotion>small:last-child{margin-bottom:0}@media(max-width:650px){.promotion{padding:8px 6px}.promotion-title{font-size:8px;letter-spacing:0;line-height:1.5}.promotion>div{flex-direction:column;align-items:flex-start;gap:3px;font-size:10px}.promotion>small{font-size:8px;line-height:1.5}}
header .brand{font-size:30px}.buying-info{font-size:12px;line-height:1.7;border-top:1px solid var(--border);padding:12px 0;color:var(--muted)}.buying-info summary{cursor:pointer;color:var(--green)}.buying-info p{max-width:850px}.visual img{height:100%;width:100%;object-fit:contain}@media(max-width:650px){header .brand{font-size:22px}.intro h1{font-size:28px}}