:root{--bg:#17131f;--surface:#211b2a;--card:#241d2f;--ink:#f2ede6;--muted:#b5aaba;--gold:#d8bd8b;--line:#ffffff20;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}::selection{background:#806a89;color:white}.skip{position:absolute;left:12px;top:-100px;background:var(--gold);color:var(--bg);z-index:99;padding:10px}.skip:focus{top:12px}.preview-note{text-align:center;background:#302638;color:#d0bbc9;padding:8px 18px;font-size:.75rem;letter-spacing:.07em}.header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 6%;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-family:var(--serif);font-size:1.4rem;letter-spacing:.16em;line-height:1.2}.brand-sub{display:block;text-align:center;font-family:Arial,sans-serif;font-size:.75rem;letter-spacing:.27em;margin-top:7px}.moon{font-size:3.1rem;line-height:1;color:var(--gold);font-weight:normal;letter-spacing:0}.header nav,.header-actions{display:flex;align-items:center;gap:30px}.header nav a,.text-button,.bag-button,.currency{font-size:.875rem}.header nav a:hover,.text-button:hover,footer button:hover{color:var(--gold)}.text-button,.bag-button{border:0;background:none;padding:0}.header-actions{gap:28px}.currency{color:var(--muted)}.bag-button{display:flex;align-items:center;gap:9px}#bag-count{border:1px solid var(--line);border-radius:50%;min-width:25px;height:25px;display:grid;place-items:center;font-size:.75rem}.hero{display:grid;grid-template-columns:1fr 1.04fr;min-height:610px}.hero-copy{padding:75px 5% 38px 12%;background:radial-gradient(ellipse at 0% 100%,#30213850,transparent 65%)}.eyebrow{font-size:.75rem;letter-spacing:.15em;font-weight:500;color:var(--gold)}.eyebrow>span{font-size:1.2rem;margin-right:6px}h1,h2,h3,p{margin:0}h1{font-family:var(--serif);font-weight:400;font-size:clamp(3.8rem,6.6vw,6.3rem);line-height:1.04;letter-spacing:-.055em;margin:31px 0 25px}h1 em,h2 em{font-weight:400;color:var(--gold)}.hero-copy>p{color:#c5bacb;font-size:1rem;line-height:1.8}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;min-height:54px;padding:15px 25px;border:1px solid transparent;font-size:.875rem;line-height:1.4;transition:background .2s}.button.primary{background:var(--gold);color:#201822}.button.primary:hover{background:#e9d1a6}.hero .button{margin-top:30px}.hero-foot{display:flex;align-items:center;gap:18px;margin-top:45px;color:var(--muted);font-size:.75rem;letter-spacing:.13em}.hero-foot i{width:23px;height:1px;background:#867886}.hero-visual{position:relative;overflow:hidden;min-height:520px;background:#211728}.hero-visual img{width:100%;height:100%;object-fit:cover;position:absolute;object-position:65% center}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#15111ec9,transparent 35%)}.image-caption{position:absolute;left:35px;bottom:30px;z-index:1;color:#e7d5c2}.image-caption>span{font-size:.75rem;letter-spacing:.18em;display:block}.image-caption small{color:#c9bbc8;font-size:.75rem;display:block;margin-top:5px}.collection-ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;padding:21px 6%;gap:15px;font-size:.75rem;letter-spacing:.2em;color:var(--muted)}.collection-ribbon b{font-size:1.2rem;color:var(--gold);font-weight:400}.section{padding:80px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.section-heading h2{margin-top:10px}h2{font:400 clamp(2.2rem,3.7vw,3.5rem)/1.12 var(--serif);letter-spacing:-.035em}.section-heading p{font-size:.875rem;color:var(--muted);line-height:1.9}.catalog-notice{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding:19px 0;margin-top:35px;color:var(--muted);font-size:.8125rem}.catalog-notice>span:first-child{color:var(--gold);font-size:1.3rem}.catalog-count{margin-left:auto;white-space:nowrap}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 23px}.product-card{min-width:0}.product-open{display:block;background:transparent;border:0;padding:0;width:100%;text-align:left}.photo-placeholder{aspect-ratio:1/1.1;background:linear-gradient(140deg,#2c2436,#201c29);display:flex;position:relative;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;border:1px solid #ffffff08;transition:background .3s}.photo-placeholder>span:last-child{position:absolute;bottom:20px;font-size:.75rem;letter-spacing:.14em;color:#a89aac}.placeholder-number{font:italic 6.5rem/1 var(--serif);color:#75637f70}.product-open:hover .photo-placeholder{background:linear-gradient(140deg,#372a42,#292131)}.card-head{display:flex;gap:10px;align-items:start;justify-content:space-between;margin-top:17px}.card-head h3{font:400 1.45rem/1.3 var(--serif)}.card-head>span{color:var(--gold)}.card-price{font-size:.8125rem;color:var(--muted);margin-top:6px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;font-size:.75rem;color:#a396ad}.card-meta>span:first-child{letter-spacing:.08em}.essence{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#201928}.essence h2{margin-top:25px;line-height:1.2}.essence-copy{padding-top:10px;position:relative}.essence-copy>p{font-size:1rem;color:#d0c4d1;margin-bottom:18px;max-width:500px}.essence-copy small{display:block;font-size:.75rem;color:var(--muted);max-width:490px}.essence-star{color:var(--gold);font-size:2.5rem;display:block;line-height:1;margin-bottom:20px}.care-strip{padding-top:32px;padding-bottom:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.care-strip button{display:flex;gap:15px;align-items:center;background:none;border:0;border-bottom:1px solid var(--line);text-align:left;padding:15px 0 20px}.care-strip button span:first-child{font:italic 1.1rem var(--serif);color:var(--gold)}.care-strip button strong{font-size:.875rem;font-weight:400}.care-strip button span:last-child{margin-left:auto;color:var(--gold)}footer{padding:48px 6% 25px}footer>.brand{display:inline-flex}footer>p{font:italic 1.1rem var(--serif);color:var(--muted);margin-top:20px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:22px;margin-top:42px;font-size:.75rem;color:var(--muted)}.footer-bottom>div{display:flex;gap:22px;flex-wrap:wrap}footer button{border:0;background:none;color:inherit;padding:0;font-size:inherit}dialog{color:var(--ink);background:var(--bg);border:1px solid #64536e;padding:30px;max-width:900px;width:calc(100% - 40px);max-height:90dvh;overflow:auto}dialog::backdrop{background:#07030abd;backdrop-filter:blur(6px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-top h2{font-size:2rem}.close{font-size:1.9rem;background:transparent;border:1px solid var(--line);width:42px;height:42px;line-height:1}.close:hover{background:var(--surface)}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:32px}.detail-art{height:100%;min-height:370px}.product-detail h2{font-size:2.3rem;margin:15px 0}.muted{color:var(--muted);font-size:.875rem}.detail-price{margin:25px 0;font-size:1.1rem}.detail-price small{font-size:.75rem;color:var(--gold);margin-left:10px}fieldset{border:0;margin:0;padding:0}.variants legend{font-size:.875rem;margin-bottom:10px}.variants>div{display:flex;gap:10px}.variants label{position:relative;flex:1}.variants input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.variants label span{display:block;text-align:center;border:1px solid var(--line);padding:10px;font-size:.875rem}.variants input:checked+span{border-color:var(--gold);color:var(--gold);background:#d8bd8b10}.variants input:focus-visible+span{outline:2px solid var(--gold);outline-offset:3px}.details{font-size:.8125rem;margin:20px 0}.details>div{display:flex;justify-content:space-between;gap:15px;padding:8px 0;border-bottom:1px solid var(--line)}dd{color:var(--muted);margin:0}.full{width:100%}.fine-print{font-size:.75rem;line-height:1.6;color:var(--muted);margin-top:12px}.bag-dialog{max-width:510px;margin:0 0 0 auto;height:100dvh;max-height:100dvh;width:100%;border-width:0 0 0 1px;padding:30px}.bag-intro{margin-bottom:30px}.bag-line{padding:18px 0;border-top:1px solid var(--line)}.bag-line-top{display:flex;align-items:start;gap:15px;justify-content:space-between}.bag-line h3{font:1.3rem var(--serif)}.bag-line p{font-size:.8125rem;color:var(--muted);margin-top:8px}.remove{border:0;background:transparent;color:var(--muted);padding:5px;text-decoration:underline;font-size:.75rem}.line-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:15px;font-size:.75rem;color:var(--muted)}.quantity{display:flex;align-items:center;border:1px solid var(--line)}.quantity button{width:36px;height:36px;border:0;background:none;color:var(--ink)}.quantity span{min-width:26px;text-align:center;color:var(--ink)}.subtotal{border-top:1px solid var(--line);padding-top:25px;margin-top:25px;display:flex;gap:20px;justify-content:space-between;font-size:.875rem}.subtotal strong{font-weight:400}#review-bag{margin-top:20px}.empty{text-align:center;padding:55px 15px}.empty>span{display:block;font:3.5rem var(--serif);color:var(--gold);margin-bottom:15px}.empty p{margin:12px 0 25px;color:var(--muted);font-size:.875rem}.info-dialog{max-width:600px}#info-content p{color:#cabfd0;margin-bottom:16px}#info-content ul{padding-left:22px;color:#cabfd0}#info-content li{margin-bottom:10px}#info-content strong{color:var(--gold);font-weight:400}.review-line{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:.875rem}.review-notice{padding:18px;margin-top:22px;background:var(--surface);border-left:2px solid var(--gold);font-size:.875rem}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(120px);background:var(--gold);color:#201822;padding:13px 24px;font-size:.875rem;z-index:20;transition:transform .25s;max-width:90vw;box-shadow:0 10px 30px #0007}#toast.visible{transform:translateX(-50%) translateY(0)}body:has(dialog[open]){overflow:hidden}@media(min-width:1600px){.header,.section,footer{padding-left:max(6%,calc((100vw - 1450px)/2));padding-right:max(6%,calc((100vw - 1450px)/2))}.hero-copy{padding-left:max(12%,calc((100vw - 1450px)))}.hero{min-height:680px}}@media(max-width:1000px){.header{padding:0 5%;gap:15px}.header nav,.header-actions{gap:18px}.hero-copy{padding:60px 7% 35px 10%}.hero{min-height:540px}.hero-visual{min-height:500px}.hero-foot{gap:10px;font-size:.75rem}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding:60px 5%}.currency{display:none}.care-strip{padding-top:20px;padding-bottom:20px;gap:20px}.bag-label{display:none}}@media(max-width:650px){.preview-note{font-size:.75rem;letter-spacing:.03em}.preview-note span{display:block}.header{height:85px}.brand{font-size:1.15rem;gap:8px}.brand-sub{font-size:.75rem}.moon{font-size:2.6rem}.header nav{gap:0}.header nav a:not(:first-child),.header nav button{display:none}.header nav a{font-size:.8rem}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7% 36px}.hero h1{font-size:4.4rem;margin-top:22px}.hero-copy>p{font-size:.9375rem}.hero-foot{font-size:.75rem;margin-top:30px}.hero-visual{min-height:330px}.hero-visual img{object-position:center 64%}.image-caption{left:7%;bottom:20px}.collection-ribbon{font-size:.75rem;letter-spacing:.1em;padding:16px 5%}.collection-ribbon>span:last-child,.collection-ribbon>b:last-of-type{display:none}.section-heading{display:block}.section-heading p{margin-top:20px}.section{padding-top:48px;padding-bottom:48px}.catalog-notice{gap:10px;align-items:start}.catalog-count{display:none}.product-grid{gap:28px 14px}.placeholder-number{font-size:5rem}.photo-placeholder>span:last-child{font-size:.75rem;letter-spacing:.06em;bottom:15px}.card-head h3{font-size:1.2rem}.card-price{font-size:.75rem}.card-meta{font-size:.75rem;flex-wrap:wrap}.essence{grid-template-columns:1fr;gap:30px}.care-strip{grid-template-columns:1fr;gap:0;padding-top:15px;padding-bottom:15px}.care-strip button{padding:20px 0}.footer-bottom{flex-direction:column}.footer-bottom>div{gap:15px}dialog{padding:20px;width:calc(100% - 24px)}.product-detail{grid-template-columns:1fr;gap:22px}.detail-art{min-height:0;height:170px;aspect-ratio:auto}.detail-art .placeholder-number{font-size:4rem}.detail-art>span:last-child{bottom:12px}.product-detail h2{font-size:2rem}.bag-dialog{width:100%;padding:22px}.dialog-top h2{font-size:1.7rem}.subtotal{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Original brand artwork, displayed without cropping or alteration. */
.header{height:148px;padding-top:12px;padding-bottom:12px}
.brand{flex-shrink:0;letter-spacing:normal}
.brand-logo{display:block;width:120px;height:auto;object-fit:contain}
footer .brand-logo{width:168px}
@media(max-width:650px){.header{height:124px;gap:14px}.header .brand-logo{width:100px}.header nav{margin-left:auto}.header-actions{gap:0}footer .brand-logo{width:148px}}
@media(max-width:350px){.header{flex-wrap:wrap;height:auto}.header nav{order:3;width:100%;margin:0;text-align:center}.header-actions{margin-left:auto}}

/* Tonal sand palette drawn from the original logo background. */
:root{--bg:#ded0af;--surface:#cfbd98;--card:#d5c39d;--ink:#29271f;--muted:#605440;--gold:#69502b;--line:#68533338}
body{background:linear-gradient(115deg,#dfd1b1 0%,#e9ddc2 48%,#d1bf99 100%);color:var(--ink)}
::selection{background:#745b34;color:#fff7e6}
.preview-note{background:#ac956e;color:#272318;border-bottom:1px solid #725b3730}
.header{background:#c2b18e;border-bottom-color:#92784c60;box-shadow:0 4px 18px #78613d0d;isolation:isolate}
/* Darken suppresses the lighter photographed paper against sand, preserving the black mark. */
.brand-logo{mix-blend-mode:darken;filter:none}
.hero-copy{background:radial-gradient(ellipse at 15% 12%,#eee3cb 0%,transparent 60%),linear-gradient(135deg,#e0d1af,#cbb78e);border-right:1px solid #9a81502b}
h1 em,h2 em{color:#74572e}.hero-copy>p{color:#594b35}.hero-foot{color:#685638}.hero-foot i{background:#a08a60}
.hero-visual{background:#9b8057}.hero-visual img{filter:sepia(.72) saturate(.55) brightness(1.18)}
.hero-visual:after{background:linear-gradient(0deg,#302719c9,transparent 50%)}
.image-caption{color:#f3e5c7}.image-caption small{color:#ecddbf}
.button.primary{background:#4b3b25;color:#fff3d9;border-color:#4b3b25;box-shadow:0 4px 12px #67513412}
.button.primary:hover{background:#6a5030;border-color:#6a5030}
.collection-ribbon{background:linear-gradient(90deg,#c2ae86,#d2bf98 50%,#bdA780);color:#50422d;border-color:#8e754c55}
.collection-ribbon b{color:#77592c}
.collection{background:radial-gradient(ellipse at 95% 20%,#f1e7d1a6,transparent 55%),linear-gradient(150deg,#e6d9bc,#d8c59f)}
.catalog-notice{color:#63543d}.catalog-count{color:#65502f}
.photo-placeholder{background:radial-gradient(ellipse at 25% 20%,#ecdfc1aa,transparent 75%),linear-gradient(135deg,#d8c49b,#bba178);border:1px solid #8c734b30;box-shadow:inset 0 1px 0 #fff8e34d,0 6px 20px #7c633d0d}
.product-card:nth-child(4n+2) .photo-placeholder{background:radial-gradient(ellipse at 70% 10%,#efe3c5bb,transparent 75%),linear-gradient(135deg,#cfba93,#c4ac82)}
.product-card:nth-child(4n+3) .photo-placeholder{background:radial-gradient(ellipse at 25% 20%,#f4e8cc99,transparent 75%),linear-gradient(135deg,#dccaab,#c0a780)}
.product-card:nth-child(4n+4) .photo-placeholder{background:radial-gradient(ellipse at 70% 15%,#e2d0acaa,transparent 75%),linear-gradient(135deg,#cbb38c,#b89c73)}
.product-open:hover .photo-placeholder{background:linear-gradient(135deg,#e7d6b3,#c5ac80);border-color:#8c734b80}
.placeholder-number{color:#8067449c}.photo-placeholder>span:last-child{color:#5b482f}
.card-price,.card-meta{color:#625139}.card-head>span{color:#755731}
.essence{background:radial-gradient(ellipse at 12% 60%,#d9c39b88,transparent 60%),linear-gradient(115deg,#c3ad85,#b6a07a);border-color:#81673f50}
.essence-copy>p{color:#3e3528}.essence-copy small{color:#4e4331}.essence-star{color:#73562c}
.care-strip{background:linear-gradient(95deg,#dac9a7,#cfba94)}.care-strip button:hover{color:#805c2d}
footer{background:#c2b18e;border-top:1px solid #92784c50;isolation:isolate}footer>p,.footer-bottom{color:#56472f}
dialog{background:linear-gradient(130deg,#e7dabc,#d1bd96);color:var(--ink);border-color:#8c734b;box-shadow:0 24px 100px #31281d40}
dialog::backdrop{background:#302819a8}.close:hover{background:#c2ac83}.muted,.fine-print{color:#5d4e37}
.variants input:checked+span{border-color:#76562e;color:#48371f;background:#bda47845}
.bag-line p,.line-bottom{color:#5d4c33}.remove{color:#635037}
#info-content p,#info-content ul{color:#4d402d}#info-content strong{color:#64461f}
.review-notice{background:#c5ae864f;border-left-color:#715329}
#toast{background:#4b3b25;color:#fff3d9;box-shadow:0 10px 30px #4b3b2533}

/* Lighter header: restrained cream-to-sand transition. */
.header{background:linear-gradient(110deg,#d7c9ac 0%,#ddd0b5 52%,#d4c5a6 100%);border-bottom-color:#aa97703d;box-shadow:0 3px 14px #78613d06}
.header .brand-logo{filter:brightness(1.18);mix-blend-mode:darken}

/* German headline and gentle light sweep, with a static reduced-motion mode. */
#hero-title{font-size:clamp(2.65rem,5vw,5rem)}
.sweep-line{display:inline-block;white-space:nowrap;color:#47351e}
.sweep-line em{color:inherit}
@supports (background-clip:text) or (-webkit-background-clip:text){
.sweep-line{background-image:linear-gradient(105deg,#47351e 0%,#47351e 40%,#b18c50 47%,#edd5a1 50%,#b18c50 53%,#47351e 60%,#47351e 100%);background-size:300% 100%;background-position:100% 50%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:title-sweep 7s ease-in-out infinite}
.sweep-line:last-child{animation-delay:.35s}
}
@keyframes title-sweep{0%,12%{background-position:100% 50%}48%,100%{background-position:0% 50%}}
@media(max-width:650px){#hero-title{font-size:clamp(2.1rem,9vw,3.7rem)}.header nav a{font-size:.75rem}.hero-foot{flex-wrap:wrap}.header nav{gap:16px}}
@media(prefers-reduced-motion:reduce){.sweep-line{animation:none;background:none;color:#47351e}}

/* Warm, welcoming atmosphere: honey, apricot and soft terracotta. */
:root{--bg:#efdbc1;--surface:#e3c2a0;--card:#ecd0ac;--ink:#493122;--muted:#78553c;--gold:#926133;--line:#a9734935}
body{background:linear-gradient(115deg,#f0d9b9,#f8e9d4 50%,#e7c49e);color:var(--ink)}
::selection{background:#a36a42;color:#fff7ed}
.preview-note{background:#d7af83;color:#513724;border-bottom-color:#b9875940}
.header{background:linear-gradient(110deg,#ebd3ad 0%,#f2dfbe 55%,#ead0ab 100%);border-bottom-color:#bf916a36;box-shadow:0 3px 18px #a7784505}
.header .brand-logo{filter:brightness(1.3);mix-blend-mode:darken}
.hero-copy{background:radial-gradient(ellipse at 18% 12%,#fff0d5 0%,transparent 67%),radial-gradient(ellipse at 92% 84%,#e8bda178,transparent 70%),linear-gradient(140deg,#f3dfbc,#e9c6a0);border-right-color:#c49a6830}
h1 em,h2 em{color:#a36943}.hero-copy>p{color:#79523a;font-size:1.0625rem;line-height:1.85}.hero-foot{color:#795437}.hero-foot i{background:#c49763}
.hero-visual{background:#d4a56e}.hero-visual img{filter:sepia(.94) saturate(.66) brightness(1.65) contrast(.74)}
.hero-visual:after{background:linear-gradient(0deg,#583825bf,transparent 53%),linear-gradient(110deg,#e6b96b25,#f7c79120)}
.image-caption{color:#fff0d7}.image-caption small{color:#f8e7cf}
.button.primary{background:#985e3d;border-color:#985e3d;color:#fff8ed;border-radius:5px;box-shadow:0 5px 15px #975b301b}
.button.primary:hover{background:#804b30;border-color:#804b30}
.collection-ribbon{background:linear-gradient(90deg,#dfb98d,#edcfaa 50%,#ddb28a);color:#70482f;border-color:#b7815140}.collection-ribbon b{color:#a46c37}
.collection{background:radial-gradient(ellipse at 90% 10%,#fff1dca8,transparent 57%),linear-gradient(145deg,#f8e7cf,#ebccaa)}
.catalog-notice,.catalog-count{color:#78553c}
.photo-placeholder{background:radial-gradient(ellipse at 25% 18%,#fff0d1ba,transparent 75%),linear-gradient(140deg,#efd0a5,#d3a779);border:1px solid #b6844f30;border-radius:70px 70px 4px 4px;box-shadow:inset 0 1px 0 #fff8e970,0 6px 22px #a971350a}
.product-card:nth-child(4n+2) .photo-placeholder{background:radial-gradient(ellipse at 70% 10%,#fff0d7bb,transparent 75%),linear-gradient(135deg,#ebc9af,#dcb296)}
.product-card:nth-child(4n+3) .photo-placeholder{background:radial-gradient(ellipse at 25% 20%,#fff3d499,transparent 75%),linear-gradient(135deg,#f0d7b2,#dcbb8e)}
.product-card:nth-child(4n+4) .photo-placeholder{background:radial-gradient(ellipse at 70% 15%,#f9dfb7aa,transparent 75%),linear-gradient(135deg,#e8c4a3,#d4a483)}
.product-open:hover .photo-placeholder{background:linear-gradient(135deg,#fae2bf,#e0b68e);border-color:#ae7c5080}
.placeholder-number{color:#a2734b9c}.photo-placeholder>span:last-child{color:#785032}
.card-price,.card-meta{color:#79563a}.card-head>span{color:#a66b41}
.essence{background:radial-gradient(ellipse at 15% 30%,#f7ddba88,transparent 62%),linear-gradient(115deg,#e4b994,#d6a286);border-color:#a7724f40}
.essence-copy>p{color:#5c3927;font-size:1.0625rem;line-height:1.85}.essence-copy small{color:#714831}.essence-star{color:#a56c39}
.care-strip{background:linear-gradient(95deg,#f0d7b5,#e6c29f)}.care-strip button:hover{color:#a66b41}
footer{background:linear-gradient(110deg,#ebd3ad,#edcfaa);border-top-color:#b6865c40}footer .brand-logo{filter:brightness(1.26)}footer>p,.footer-bottom{color:#795337}
dialog{background:linear-gradient(130deg,#f9e7cb,#e7c39f);border-color:#bd8c60;box-shadow:0 24px 100px #6c3f2840}
dialog::backdrop{background:#4a3021a0}.close:hover{background:#e6bb95}.muted,.fine-print{color:#765039}
.variants input:checked+span{border-color:#a36640;color:#6e4025;background:#dcb08245}
.bag-line p,.line-bottom,.remove{color:#785239}
#info-content p,#info-content ul{color:#62432f}#info-content strong{color:#885230}
.review-notice{background:#e5bc954f;border-left-color:#a36943}
#toast{background:#985e3d;color:#fff8ed;box-shadow:0 10px 30px #8a523533}
.sweep-line{color:#785034}
@supports (background-clip:text) or (-webkit-background-clip:text){.sweep-line{background-image:linear-gradient(105deg,#785034 0%,#785034 40%,#c79856 47%,#ffe7ae 50%,#c79856 53%,#785034 60%,#785034 100%);color:transparent}}
@media(prefers-reduced-motion:reduce){.sweep-line{background:none;color:#785034}}

/* Warm linen product photography without colour filters. */
.product-photo{position:relative;aspect-ratio:3/4;background:#e8dcc8;border:1px solid #b6844f26;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.product-photo img{display:block;width:100%;height:100%;object-fit:contain;filter:none;mix-blend-mode:normal}
.product-open:hover .product-photo{border-color:#a56c3980}
.card-models{display:flex;gap:7px;margin-top:14px;flex-wrap:wrap}
.card-models button{border:1px solid #b6844f4d;background:transparent;color:#795337;padding:7px 10px;border-radius:4px;font-size:.875rem;line-height:1.4}
.card-models button[aria-pressed="true"]{background:#985e3d;color:#fff8ed;border-color:#985e3d}
.detail-art.product-photo{aspect-ratio:3/4;height:auto;min-height:0;align-self:start;border-radius:8px}
.bag-product-photo{width:72px;height:96px;object-fit:contain;background:#e8dcc8;border-radius:5px;flex-shrink:0}
.bag-line-top>div{flex:1}.card-head h3{overflow-wrap:normal;hyphens:auto}
@media(max-width:650px){.card-models button{font-size:.8125rem;padding:7px 8px}.product-detail .detail-art.product-photo{height:310px;aspect-ratio:auto}.product-detail .detail-art img{object-fit:contain}.card-head h3{font-size:1.2rem}.bag-product-photo{width:60px;height:80px}}/* =========================================================
   SERENITY STONES — Barrido dorado de las estrellas
   Solo afecta a las tres estrellas de collection-ribbon
   ========================================================= */

.collection-ribbon .ribbon-star {
  color: #a46c37;
  font-weight: 400;
  animation: serenity-star-sweep 7.5s ease-in-out infinite;
}

/* Primera estrella */
.collection-ribbon .ribbon-star:nth-of-type(2) {
  animation-delay: 0s;
}

/* Segunda estrella */
.collection-ribbon .ribbon-star:nth-of-type(4) {
  animation-delay: 1.35s;
}

/* Tercera estrella */
.collection-ribbon .ribbon-star:nth-of-type(6) {
  animation-delay: 2.7s;
}

@keyframes serenity-star-sweep {

  0%,
  14%,
  42%,
  100% {
    color: #a46c37;
    text-shadow: none;
  }

  22% {
    color: #d7a64d;
    text-shadow:
      0 0 5px rgba(215, 166, 77, 0.45),
      0 0 12px rgba(215, 166, 77, 0.25);
  }

  28% {
    color: #f0c66c;
    text-shadow:
      0 0 7px rgba(240, 198, 108, 0.55),
      0 0 16px rgba(240, 198, 108, 0.25);
  }

  36% {
    color: #b9823e;
    text-shadow:
      0 0 4px rgba(185, 130, 62, 0.25);
  }
}

/* Accesibilidad: desactivar animación si el usuario
   tiene activada la reducción de movimiento */
@media (prefers-reduced-motion: reduce) {
  .collection-ribbon .ribbon-star {
    animation: none;
    color: #a46c37;
    text-shadow: none;
  }
}
.card-meaning {
  margin-top: 7px;
  margin-bottom: 5px;

  color: #a66b41;

  font-family: Georgia, 'Times New Roman', serif;
  font-size: 0.76rem;
  font-style: italic;
  font-weight: 400;

  line-height: 1.5;
  letter-spacing: 0.025em;

  opacity: 0.82;
}

.card-price {
  margin-top: 5px;
}

@media (max-width: 650px) {
  .card-meaning {
    margin-top: 5px;
    margin-bottom: 4px;
    font-size: 0.7rem;
    line-height: 1.45;
  }
}
/* =========================================================
   SERENITY STONES — VON HAND VERPACKT
   Futuro espacio para el vídeo real del packaging
   ========================================================= */

.packaging {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap: clamp(55px, 7vw, 110px);
  align-items: center;

  background:
    radial-gradient(
      ellipse at 8% 20%,
      rgba(255, 239, 213, 0.75),
      transparent 48%
    ),
    linear-gradient(
      135deg,
      #efd7b7 0%,
      #e8c7a4 52%,
      #dfb68f 100%
    );

  border-top: 1px solid rgba(169, 115, 73, 0.22);
  border-bottom: 1px solid rgba(169, 115, 73, 0.22);
}


/* ---------- FUTURO VÍDEO ---------- */

.packaging-visual {
  position: relative;
  min-width: 0;
  aspect-ratio: 4 / 5;
  overflow: hidden;

  border-radius: 4px;

  background:
    radial-gradient(
      circle at 50% 42%,
      rgba(255, 241, 217, 0.9),
      transparent 34%
    ),
    linear-gradient(
      145deg,
      #d9b58e,
      #c7976e
    );

  box-shadow:
    0 25px 65px rgba(105, 66, 39, 0.13);
}


/*
  Este placeholder desaparecerá cuando añadamos
  el vídeo definitivo.
*/

.packaging-placeholder {
  position: absolute;
  inset: 0;

  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  padding: 40px;

  text-align: center;

  border: 1px solid rgba(121, 78, 47, 0.18);
}


/* Línea interior muy sutil */

.packaging-placeholder::before {
  content: "";

  position: absolute;
  inset: 18px;

  border: 1px solid rgba(255, 244, 226, 0.35);

  pointer-events: none;
}


.packaging-placeholder-mark {
  display: block;

  margin-bottom: 28px;

  color: #a66b41;

  font-family: Georgia, 'Times New Roman', serif;
  font-size: 3.2rem;
  line-height: 1;
}


.packaging-placeholder-brand {
  color: #67442d;

  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(1rem, 1.5vw, 1.35rem);

  letter-spacing: 0.18em;
}


.packaging-placeholder small {
  display: block;

  margin-top: 10px;

  color: rgba(103, 68, 45, 0.7);

  font-size: 0.68rem;
  letter-spacing: 0.22em;
}


/* ---------- CONTENIDO ---------- */

.packaging-content {
  max-width: 590px;
}


.packaging-content h2 {
  margin-top: 18px;

  font-size: clamp(2.7rem, 4.5vw, 4.7rem);
  line-height: 1.05;
}


.packaging-content h2 em {
  color: #a36943;
}


.packaging-intro {
  max-width: 480px;

  margin-top: 28px;

  color: #704b35;

  font-size: 1rem;
  line-height: 1.8;
}


/* ---------- LOS TRES PASOS ---------- */

.packaging-steps {
  margin-top: 42px;

  border-top: 1px solid rgba(132, 85, 52, 0.24);
}


.packaging-step {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 20px;

  padding: 21px 0;

  border-bottom: 1px solid rgba(132, 85, 52, 0.24);
}


.packaging-number {
  padding-top: 3px;

  color: #a66b41;

  font-family: Georgia, 'Times New Roman', serif;
  font-size: 0.82rem;
  font-style: italic;
}


.packaging-step h3 {
  color: #513525;

  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.15rem;
  font-weight: 400;
  line-height: 1.3;
}


.packaging-step p {
  max-width: 440px;

  margin-top: 6px;

  color: #78553c;

  font-size: 0.84rem;
  line-height: 1.65;
}


/* ---------- FIRMA ---------- */

.packaging-signature {
  display: flex;
  align-items: center;
  gap: 11px;

  margin-top: 28px;

  color: #805436;

  font-family: Georgia, 'Times New Roman', serif;
  font-size: 0.88rem;
  font-style: italic;

  letter-spacing: 0.025em;
}


.packaging-signature span {
  color: #b17843;
  font-size: 1.25rem;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

  .packaging {
    gap: 45px;
  }

  .packaging-content h2 {
    font-size: clamp(2.4rem, 4.5vw, 3.7rem);
  }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 650px) {

  .packaging {
    grid-template-columns: 1fr;
    gap: 38px;
  }


  .packaging-visual {
    aspect-ratio: 4 / 4.5;
    width: 100%;
  }


  .packaging-placeholder {
    padding: 25px;
  }


  .packaging-placeholder::before {
    inset: 12px;
  }


  .packaging-placeholder-mark {
    margin-bottom: 20px;
    font-size: 2.5rem;
  }


  .packaging-placeholder-brand {
    font-size: 0.95rem;
    letter-spacing: 0.14em;
  }


  .packaging-content h2 {
    margin-top: 14px;

    font-size: clamp(2.3rem, 10vw, 3.2rem);
    line-height: 1.08;
  }


  .packaging-intro {
    margin-top: 20px;

    font-size: 0.94rem;
    line-height: 1.7;
  }


  .packaging-steps {
    margin-top: 30px;
  }


  .packaging-step {
    grid-template-columns: 38px 1fr;
    gap: 12px;

    padding: 18px 0;
  }


  .packaging-step h3 {
    font-size: 1.08rem;
  }


  .packaging-step p {
    font-size: 0.8rem;
  }


  .packaging-signature {
    margin-top: 23px;

    font-size: 0.82rem;
  }

}
/* =========================================================
   SERENITY STONES — FOOTER
   Minimalista · elegante · responsive
   ========================================================= */

footer {
  padding: 46px 6% 22px;

  background:
    linear-gradient(
      110deg,
      #ebd3ad 0%,
      #edcfaa 100%
    );

  border-top: 1px solid rgba(182, 134, 92, 0.25);
  isolation: isolate;
}


/* ---------- ESTRUCTURA PRINCIPAL ---------- */

.footer-main {
  display: grid;
  grid-template-columns: minmax(280px, 1.7fr) minmax(140px, 0.7fr) minmax(160px, 0.7fr);
  gap: clamp(50px, 8vw, 130px);
  align-items: start;
}


/* ---------- MARCA ---------- */

.footer-brand {
  max-width: 390px;
}

.footer-brand .brand {
  display: inline-flex;
}

.footer-brand .brand-logo {
  display: block;
  width: 168px;
  height: auto;

  object-fit: contain;

  filter: brightness(1.26);
  mix-blend-mode: darken;
}

.footer-brand p {
  max-width: 340px;

  margin-top: 20px;

  color: #795337;

  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.05rem;
  font-style: italic;

  line-height: 1.6;
}


/* ---------- COLUMNAS ---------- */

.footer-column {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 11px;

  padding-top: 15px;
}

.footer-heading {
  display: block;

  margin-bottom: 8px;

  color: #9b6945;

  font-size: 0.7rem;
  font-weight: 500;

  letter-spacing: 0.16em;
}

.footer-column a,
.footer-column button {
  position: relative;

  display: inline-block;

  padding: 2px 0;

  border: 0;
  background: transparent;

  color: #67452f;

  font-size: 0.86rem;
  font-weight: 400;

  line-height: 1.5;

  text-align: left;

  transition:
    color 0.2s ease,
    transform 0.2s ease;
}

.footer-column a:hover,
.footer-column button:hover {
  color: #a36943;
  transform: translateX(2px);
}


/* ---------- LÍNEA INFERIOR ---------- */

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 25px;

  margin-top: 48px;
  padding-top: 22px;

  border-top: 1px solid rgba(169, 115, 73, 0.24);

  color: #795337;

  font-size: 0.72rem;
  letter-spacing: 0.015em;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

  .footer-main {
    grid-template-columns: minmax(250px, 1.3fr) 1fr 1fr;
    gap: 45px;
  }

}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 650px) {

  footer {
    padding-top: 44px;
    padding-bottom: 22px;
  }

  .footer-main {
    grid-template-columns: 1fr 1fr;
    gap: 38px 28px;
  }

  .footer-brand {
    grid-column: 1 / -1;
  }

  .footer-brand .brand-logo {
    width: 145px;
  }

  .footer-brand p {
    max-width: 280px;

    margin-top: 15px;

    font-size: 0.96rem;
  }

  .footer-column {
    padding-top: 0;
    gap: 10px;
  }

  .footer-heading {
    margin-bottom: 5px;

    font-size: 0.66rem;
  }

  .footer-column a,
  .footer-column button {
    font-size: 0.82rem;
  }

  .footer-bottom {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    margin-top: 38px;

    font-size: 0.68rem;
  }

}


/* =========================================================
   MÓVILES MUY PEQUEÑOS
   ========================================================= */

@media (max-width: 380px) {

  .footer-main {
    grid-template-columns: 1fr;
  }

  .footer-brand {
    grid-column: auto;
  }

  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;

    gap: 7px;
  }

}