:root{--paper:#f7f3ed;--paper2:#f0e9e0;--ink:#1c1b18;--muted:#756d63;--line:#e4dbd0;--wine:#5e1b20;--brown:#856344;--green:#17251b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:10px 28px;background:#fbf8f3;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.brand{width:155px;min-width:130px;display:flex;align-items:center}.brand-logo{width:100%;max-height:55px;object-fit:contain;object-position:left center}.brand-fallback{display:none;font:19px Georgia,serif;letter-spacing:.2em}
.main-nav{display:flex;align-items:center;gap:clamp(16px,3vw,40px)}.main-nav a{font-size:10px;letter-spacing:.12em;white-space:nowrap}.main-nav a.active{font-weight:700;border-bottom:2px solid var(--ink);padding:12px 0}
.whatsapp-button{display:flex;align-items:center;gap:10px;background:var(--green);color:#fff;padding:9px 14px;border-radius:11px;min-width:190px}.wa-icon{font-size:26px}.whatsapp-button small,.whatsapp-button strong{display:block}.whatsapp-button small{font-size:8px;letter-spacing:.12em;margin-bottom:3px}.whatsapp-button strong{font-size:17px}.wa-arrow{margin-left:auto;font-size:25px}
.brand-banner{height:132px;position:relative;overflow:hidden;display:flex;align-items:center;background:linear-gradient(105deg,#cba477 0 23%,#1c1a17 23% 66%,#e4d7c6 66% 100%);color:#fff}
.banner-brand{height:100%;width:23%;display:grid;place-items:center;color:#21180f;font:clamp(18px,2vw,27px) Georgia,serif;letter-spacing:.18em;text-align:center;padding:10px}
.banner-message{position:relative;z-index:1;display:flex;flex-direction:column;margin-left:4%;font:clamp(18px,2.2vw,30px)/1.15 Georgia,serif;letter-spacing:.12em}.banner-message small{font:11px Arial,sans-serif;letter-spacing:.1em;margin-top:10px;color:#e5d8c8}
.banner-texture{position:absolute;right:0;top:0;width:34%;height:100%;display:flex;gap:10px;align-items:center;justify-content:center;transform:rotate(-9deg)}.banner-texture span{height:180%;width:22%;border-radius:40% 40% 0 0;background:linear-gradient(90deg,#0e0e0d,#27231e,#080808);box-shadow:0 0 20px #0005}.banner-texture span:nth-child(2){background:linear-gradient(90deg,#122036,#273c5b,#101a2b)}.banner-texture span:nth-child(3){background:linear-gradient(90deg,#8a3e28,#b55b3b,#73311f)}.banner-texture span:nth-child(4){background:linear-gradient(90deg,#e5ded4,#fffaf0,#c9bca8)}
main{max-width:1800px;margin:auto}.style-area{display:grid;grid-template-columns:235px minmax(280px, .85fr) minmax(560px,1.65fr);gap:14px;padding:22px 24px 18px}
.color-panel{padding:7px 0}.section-kicker{font-size:9px;font-weight:750;letter-spacing:.22em;margin:0 0 11px;color:#494139}.color-panel h2,.occasion-heading h2,.detail-card h2{font:clamp(23px,2vw,30px)/1.05 Georgia,serif;letter-spacing:-.025em;margin:0 0 9px}.supporting{font:12px/1.5 Georgia,serif;color:var(--muted);margin:0 0 15px}
.color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.color-choice{min-width:0;border:1px solid transparent;border-radius:10px;background:#f0ebe4;padding:6px 3px 8px;cursor:pointer;color:var(--ink);transition:transform .15s,border-color .15s}.color-choice:hover{transform:translateY(-2px)}.color-choice.selected{border:2px solid var(--ink);background:#fffaf4;padding:5px 2px 7px}.color-choice img{width:100%;height:65px;display:block;object-fit:contain;mix-blend-mode:multiply}.color-choice .swatch-fallback{height:65px;display:grid;place-items:center}.color-choice span{display:block;font-size:10px;margin-top:4px}
.selected-color-copy{border-top:1px solid var(--line);margin-top:17px;padding-top:14px}.small-label{font-size:8px;letter-spacing:.18em;color:var(--muted)}.selected-color-copy h3{font:28px Georgia,serif;margin:7px 0}.selected-color-copy p{font:13px/1.5 Georgia,serif;color:#50483f;margin:0}
.main-product{min-height:510px;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;border-radius:13px;background:linear-gradient(145deg,#e5d8c8,#c3ad95)}.main-product:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 10%,#fff9,transparent 52%)}.main-product img{position:relative;z-index:1;height:90%;max-width:100%;object-fit:contain;object-position:center bottom}.product-overline{position:absolute;z-index:2;left:16px;top:15px;font-size:8px;letter-spacing:.16em;font-weight:700}.product-overline span{padding:0 5px}.product-caption{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:11px 13px;display:flex;justify-content:space-between;gap:8px;background:linear-gradient(transparent,#b7a18aee);font-size:8px;font-weight:700;letter-spacing:.1em}.product-fallback{position:absolute;z-index:2;inset:35% 12px auto;text-align:center;background:#fff9;padding:16px;border-radius:10px;font-size:12px}.product-fallback small{display:block;margin-top:7px}.occasion-panel{min-width:0;padding:5px 0 0 5px}.occasion-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:15px}.occasion-heading h2{font-size:clamp(23px,2vw,31px)}.occasion-heading>p{max-width:210px;font:12px/1.45 Georgia,serif;color:var(--muted);margin:0 0 2px}.occasion-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.occasion-card{min-width:0;background:#fbf8f3;border:1px solid #e9e0d6;border-radius:11px;overflow:hidden;display:flex;flex-direction:column}.occasion-card img{width:100%;aspect-ratio:3/4.3;object-fit:cover;display:block;background:#ded0c0}.occasion-card .missing-image{display:none;aspect-ratio:3/4.3;place-items:center;text-align:center;padding:7px;background:#e7dbcd;font-size:10px;overflow-wrap:anywhere;color:#5e5145}.occasion-card-body{padding:10px 8px 9px;display:flex;flex:1;flex-direction:column}.occasion-icon{font-size:20px;color:var(--brown);text-align:center}.occasion-card h3{text-align:center;text-transform:uppercase;font-size:9px;line-height:1.4;letter-spacing:.1em;margin:7px 0}.occasion-card p{text-align:center;font:11px/1.45 Georgia,serif;color:#5d544a;margin:0 0 12px}.look-link{display:block;margin-top:auto;text-align:center;padding:8px 5px;background:#856344;color:white;border-radius:22px;font-size:9px;font-weight:700;border:0;cursor:pointer}.brand-promise{display:flex;align-items:center;gap:12px;padding:14px 15px;margin-top:13px;border-radius:11px;background:#eee5da}.promise-mark{font-size:28px;color:#856344}.brand-promise strong{font:17px Georgia,serif}.brand-promise p{margin:4px 0 0;font:11px/1.4 Georgia,serif;color:#65594d}
.details-area{display:grid;grid-template-columns:1.15fr 1fr .9fr;gap:14px;padding:0 24px 24px}.detail-card{background:#fcfaf6;border:1px solid #eee7de;border-radius:13px;padding:22px 20px;min-width:0}.detail-card h2{font-size:25px;margin-bottom:17px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:18px 15px}.feature{display:flex;gap:10px;align-items:flex-start}.feature-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border:1px solid #9a8773;border-radius:50%;font-size:19px;color:#775b42}.feature strong{font:16px Georgia,serif}.feature p{font:11px/1.45 Georgia,serif;color:var(--muted);margin:5px 0 0}
.size-intro{font:12px/1.5 Georgia,serif;color:var(--muted)}.size-placeholder{display:flex;align-items:center;gap:12px;background:#f4eee6;border-radius:10px;padding:14px;margin:18px 0}.ruler-icon{font-size:32px;color:#856344}.size-placeholder strong{font:15px Georgia,serif}.size-placeholder p{font:11px/1.4 Georgia,serif;color:var(--muted);margin:5px 0 0}.size-chips{display:flex;gap:8px}.size-chips span{display:grid;place-items:center;width:38px;height:34px;border:1px solid #d8cabc;border-radius:7px;font-size:12px;font-weight:bold}.fine-print{font:10px/1.5 Georgia,serif;color:var(--muted);margin:14px 0 0}
.palette{display:grid;grid-template-columns:repeat(3,1fr);gap:13px 9px}.palette-item{text-align:center;font:10px Georgia,serif}.palette-swatch{height:46px;border-radius:9px;border:1px solid #0000000c;margin-bottom:6px}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 26px;background:#19231b;color:#f7f1e9;font-size:11px}.footer-brand{font:18px Georgia,serif;letter-spacing:.2em}.site-footer a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1300px){.style-area{grid-template-columns:205px minmax(250px,.8fr) minmax(500px,1.6fr);padding:18px}.occasion-heading{display:block}.occasion-heading>p{margin-top:7px}.occasion-card p{font-size:10px}.details-area{padding:0 18px 18px}.main-nav{gap:18px}}
@media(max-width:1000px){.site-header{padding:10px 16px}.main-nav{gap:13px}.main-nav a{font-size:9px}.brand{width:125px}.style-area{grid-template-columns:210px minmax(0,1fr)}.occasion-panel{grid-column:1/-1;padding:10px 0}.occasion-heading{display:flex}.occasion-card img,.occasion-card .missing-image{aspect-ratio:4/4.5}.details-area{grid-template-columns:1fr 1fr}.colors-card{grid-column:1/-1}.palette{grid-template-columns:repeat(9,minmax(0,1fr))}}
@media(max-width:650px){.site-header{height:auto;flex-wrap:wrap;padding:10px 12px}.brand{width:112px}.brand-logo{max-height:44px}.main-nav{order:3;width:100%;overflow:auto;justify-content:flex-start}.whatsapp-button{margin-left:auto;min-width:0;padding:8px 10px}.whatsapp-button small{font-size:7px}.whatsapp-button strong{font-size:13px}.wa-icon{font-size:21px}.wa-arrow{display:none}.brand-banner{height:105px}.banner-brand{width:30%;font-size:14px;letter-spacing:.1em}.banner-message{margin-left:4%;font-size:17px}.banner-message small{font-size:9px}.banner-texture{width:27%;opacity:.7}.style-area{display:flex;flex-direction:column;padding:14px 12px;gap:13px}.color-panel{padding:3px 0}.color-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.color-choice img,.color-choice .swatch-fallback{height:66px}.selected-color-copy{margin-top:12px}.main-product{min-height:530px}.main-product img{height:84%;max-width:100%}.occasion-panel{padding:10px 0 0}.occasion-heading{display:block}.occasion-heading>p{margin-top:8px}.occasion-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.occasion-card img,.occasion-card .missing-image{aspect-ratio:3/3.7}.occasion-card:last-child{grid-column:1/-1}.occasion-card:last-child img{aspect-ratio:4/2.7}.occasion-card p{font-size:12px}.look-link{font-size:10px}.details-area{display:flex;flex-direction:column;padding:0 12px 16px}.detail-card{padding:18px 15px}.feature-list{grid-template-columns:1fr 1fr}.palette{grid-template-columns:repeat(3,1fr)}.palette-swatch{height:42px}.site-footer{flex-wrap:wrap;padding:17px 12px}}