:root{
  --cream:#f3ecdf;--paper:#fbf7f0;--ink:#171512;--red:#940403;
  --green:#23483b;--gold:#b89455;--muted:#81776b;--line:#d9cfbf;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Kufi Arabic",sans-serif;font-weight:400}
a{color:inherit;text-decoration:none} button{font:inherit}.announcement{background:var(--green);color:#fff;text-align:center;padding:9px 16px;font-size:11px;letter-spacing:.2px}
.header{height:92px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 5vw;border-bottom:1px solid var(--line);background:rgba(251,247,240,.96);position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)}
nav{display:flex;gap:26px;font-size:12px}nav a:hover{color:var(--red)}.logo{text-align:center;display:flex;flex-direction:column;line-height:1}.logo span{font-family:"Cormorant Garamond",serif;font-size:29px;letter-spacing:5px;font-weight:700}.logo small{font-size:7px;letter-spacing:2px;margin-top:6px;color:var(--muted)}
.actions{display:flex;justify-content:flex-end;align-items:center;gap:12px}.icon-btn,.bag-btn{background:none;border:0;cursor:pointer}.icon-btn{font-size:25px}.bag-btn{border:1px solid var(--ink);padding:9px 13px;font-size:11px}.bag-btn span{background:var(--red);color:#fff;border-radius:20px;padding:1px 6px;margin-right:5px}.mobile-menu{display:none}
.hero{min-height:670px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.hero-copy{padding:95px 9vw 70px 5vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{font-family:"Cormorant Garamond",serif;letter-spacing:3px;font-size:13px;color:var(--red);font-weight:700;margin:0 0 18px}.hero h1,.section h2,.build h2,.story h2,.gift-banner h2{font-family:"Cormorant Garamond","Noto Kufi Arabic",serif;font-size:64px;line-height:1.03;font-weight:600;margin:0}.hero h1 em,.story h2 em{color:var(--red);font-weight:500}.lead{max-width:540px;line-height:2.1;color:#5f574e;font-size:14px;margin:26px 0}.hero-cta{display:flex;align-items:center;gap:28px}.btn{border:0;padding:15px 26px;cursor:pointer;display:inline-block}.primary{background:var(--red);color:#fff}.primary:hover{background:#7c0002}.text-link{font-size:12px;border-bottom:1px solid;padding-bottom:4px}.hero-notes{display:flex;gap:22px;font-size:10px;color:var(--muted);margin-top:55px}
.hero-art{position:relative;background:#d9c7ab;display:flex;align-items:center;justify-content:center;min-height:650px;overflow:hidden}.arch{position:absolute;width:70%;height:80%;border-radius:300px 300px 0 0;background:#b9a07b;bottom:0}.box-lid{position:absolute;width:310px;height:230px;background:var(--red);transform:translate(-45px,-65px) rotate(-8deg);box-shadow:0 28px 45px #57412d55;color:#e6d0a1;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;border:1px solid #c6a66b}.box-lid .mini-logo{border:1px solid #d6bb85;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;font-family:serif;font-size:30px}.box-lid strong{font-family:"Cormorant Garamond";font-size:29px;letter-spacing:5px;margin-top:12px}.box-lid small{letter-spacing:3px;font-size:7px}.bonbons{position:absolute;width:300px;height:225px;background:#e9dfcf;transform:translate(65px,90px) rotate(7deg);box-shadow:0 24px 40px #57412d55;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:28px;z-index:1}.bonbons i{display:block;border-radius:50%;background:radial-gradient(circle at 35% 25%,#8d6844,#362318 65%);box-shadow:inset -6px -8px 10px #0005}.bonbons i:nth-child(2),.bonbons i:nth-child(5){background:radial-gradient(circle at 35% 25%,#b99b69,#5b4327 65%)}.flower{position:absolute;font-size:130px;color:#efe2ca55;right:6%;top:4%}
.marquee{background:var(--red);color:#ead8b7;overflow:hidden;padding:13px 0;font-family:"Cormorant Garamond";font-size:13px;letter-spacing:4px;white-space:nowrap}.marquee div{width:max-content;animation:move 22s linear infinite}@keyframes move{to{transform:translateX(50%)}}
.section{padding:105px 6vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section h2{font-size:48px}.collections{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.collection{height:310px;padding:26px;display:flex;justify-content:space-between;align-items:flex-end;position:relative;overflow:hidden}.collection:after{content:"L";position:absolute;font-family:"Cormorant Garamond";font-size:240px;opacity:.08;left:20%;top:-35px}.collection span{font-family:"Cormorant Garamond";font-size:13px}.collection h3{font-family:"Cormorant Garamond";font-size:35px;margin:0}.collection p{font-size:11px;margin:5px 0}.card-red{background:var(--red);color:#f4e9d5}.card-green{background:var(--green);color:#f4e9d5}.card-cream{background:#dfcfb7;color:var(--ink)}
.shop{background:#f0e8dc}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-img{height:330px;position:relative;display:grid;place-items:center;overflow:hidden}.p1{background:#d8c1a4}.p2{background:#a8b4a4}.p3{background:#e5d7c4}.p4{background:#8e8276}.product-box{width:155px;height:115px;background:var(--red);color:#d5b67d;display:grid;place-items:center;font-family:"Cormorant Garamond";font-size:48px;box-shadow:0 20px 30px #0003;transform:rotate(-6deg);border:1px solid #c2a06b}.product-box.round{border-radius:50%;width:135px;height:135px;background:var(--green)}.product-box.tall{height:165px;width:120px;background:#d4b887;color:var(--red)}.product-box.dark{background:#1f1d1b;color:#b89455;transform:rotate(4deg)}.badge{position:absolute;top:12px;right:12px;background:var(--red);color:#fff;padding:6px 10px;font-size:9px;z-index:2}.badge.new{background:var(--green)}.product-info{display:flex;justify-content:space-between;gap:12px;padding:16px 2px 10px}.product-info h3{font-family:"Cormorant Garamond";font-size:22px;margin:0}.product-info p{font-size:9px;color:var(--muted);margin:4px 0}.product-info strong{font-size:11px;white-space:nowrap}.add{width:100%;border:1px solid #bcb0a0;background:transparent;padding:10px;cursor:pointer;font-size:10px}.add:hover{background:var(--ink);color:#fff}
.build{display:grid;grid-template-columns:1.1fr .9fr;min-height:580px;background:var(--green);color:#f3e9da}.build-visual{display:grid;place-items:center;background:#cbb491}.grid-choc{width:390px;height:390px;display:grid;grid-template-columns:1fr 1fr;gap:12px;transform:rotate(-3deg)}.grid-choc b{background:#4c2c20;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:11px;box-shadow:inset -20px -15px 30px #1d0d0866,0 15px 25px #0002}.grid-choc b:nth-child(2){background:#8e4c55}.grid-choc b:nth-child(3){background:#607151}.grid-choc b:nth-child(4){background:#9a6942}.build-copy{padding:90px 8vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.build-copy .eyebrow{color:#d8bb82}.build h2{font-size:58px}.build-copy p:not(.eyebrow){line-height:2;font-size:12px;color:#d9d1c5;margin:24px 0}.build .primary{background:#e6d4b6;color:var(--ink)}
.story{text-align:center;max-width:850px;margin:auto}.story .eyebrow{margin-bottom:25px}.story h2{font-size:60px}.story>p:not(.eyebrow){line-height:2.3;color:var(--muted);font-size:13px;max-width:650px;margin:28px auto}.story-sign{font-family:"Cormorant Garamond";font-style:italic;font-size:35px;color:var(--gold)}
.gift-banner{margin:0 6vw 90px;background:var(--red);color:#fff;padding:60px;display:flex;justify-content:space-between;align-items:center}.gift-banner .eyebrow{color:#e2c895}.gift-banner h2{font-size:44px}.gift-banner p:not(.eyebrow){font-size:11px}.light{background:#f3e8d7;color:var(--red)}
footer{background:#171512;color:#e7ddcf;padding:65px 6vw 25px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;font-size:10px}footer h4{font-size:11px;color:#b99c69;margin-top:0}footer>div:not(.footer-brand){display:flex;flex-direction:column;gap:12px}.footer-logo{text-align:right;align-items:flex-start}.footer-brand p{color:#8f877d}.copyright{grid-column:1/-1!important;border-top:1px solid #3b3732;padding-top:20px;margin-top:25px;color:#777}
.cart{position:fixed;top:0;right:-440px;width:min(420px,92vw);height:100vh;background:var(--paper);z-index:100;transition:.35s;display:flex;flex-direction:column;box-shadow:-20px 0 50px #0002}.cart.open{right:0}.cart-head{display:flex;justify-content:space-between;align-items:center;padding:25px;border-bottom:1px solid var(--line)}.cart-head h2{font-family:"Cormorant Garamond";font-size:30px;margin:0}.cart-head button{font-size:30px;background:none;border:0;cursor:pointer}.cart-items{padding:20px;flex:1;overflow:auto}.empty{text-align:center;color:var(--muted);margin-top:80px;font-size:12px}.cart-item{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}.cart-thumb{height:58px;background:var(--red);color:#d5b67d;display:grid;place-items:center;font-family:"Cormorant Garamond";font-size:25px}.cart-item h4{margin:0;font-family:"Cormorant Garamond";font-size:18px}.cart-item small{color:var(--muted)}.remove{border:0;background:none;cursor:pointer}.cart-bottom{border-top:1px solid var(--line);padding:20px}.cart-bottom>div{display:flex;justify-content:space-between;margin-bottom:14px}.checkout{width:100%}.cart-bottom>small{display:block;text-align:center;margin-top:10px;color:var(--muted);font-size:8px}.overlay{position:fixed;inset:0;background:#0007;z-index:90;opacity:0;pointer-events:none;transition:.3s}.overlay.show{opacity:1;pointer-events:auto}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);background:var(--green);color:#fff;padding:12px 20px;font-size:11px;opacity:0;z-index:120;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.header{height:76px;padding:0 4vw}.mobile-menu{display:block;justify-self:start}.header nav{position:absolute;top:76px;right:0;left:0;background:var(--paper);padding:25px;display:none;flex-direction:column;border-bottom:1px solid var(--line)}.header nav.show{display:flex}.actions .icon-btn{display:none}.bag-btn{padding:7px;font-size:9px}.logo span{font-size:23px}.hero{grid-template-columns:1fr}.hero-copy{padding:65px 7vw}.hero h1{font-size:48px}.hero-art{min-height:500px}.hero-notes{flex-wrap:wrap}.collections{grid-template-columns:1fr}.collection{height:240px}.products{grid-template-columns:1fr 1fr}.build{grid-template-columns:1fr}.build-visual{min-height:500px}.gift-banner{flex-direction:column;align-items:flex-start;gap:25px;padding:40px}.section{padding:75px 5vw}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:560px){.hero h1{font-size:41px}.hero-copy{padding:55px 6vw}.hero-cta{gap:18px}.box-lid{width:245px;height:185px}.bonbons{width:240px;height:185px}.products{grid-template-columns:1fr}.product-img{height:380px}.section h2{font-size:40px}.grid-choc{width:300px;height:300px}.build-visual{min-height:400px}.build h2,.story h2{font-size:45px}.gift-banner{margin:0 4vw 60px}.gift-banner h2{font-size:36px}footer{grid-template-columns:1fr 1fr}}

.account-btn{background:none;border:0;border-bottom:1px solid var(--ink);font-size:10px;padding:5px 0;cursor:pointer}
.modal-shell{position:fixed;inset:0;background:#171512aa;z-index:200;display:none;place-items:center;padding:18px;backdrop-filter:blur(5px)}
.modal-shell.show{display:grid}.modal-card{width:min(470px,100%);background:var(--paper);padding:42px;position:relative;box-shadow:0 30px 90px #0004}
.modal-card h2{font-family:"Cormorant Garamond","Noto Kufi Arabic";font-size:42px;margin:0 0 10px}.modal-close{position:absolute;top:15px;left:18px;border:0;background:none;font-size:28px;cursor:pointer}
.modal-note{font-size:11px;line-height:2;color:var(--muted);margin-bottom:24px}.modal-card label,.form-grid label,.card-fields label{display:block;font-size:9px;font-weight:600;margin-bottom:8px}.phone-field,.mini-phone{display:flex;align-items:center;border:1px solid var(--line);background:#fff;margin-bottom:14px}.phone-field span,.mini-phone span{padding:0 12px;border-right:1px solid var(--line);font-size:11px}.phone-field input,.mini-phone input{border:0;outline:0;padding:13px;width:100%;background:transparent}.wide{width:100%}.outline{border:1px solid var(--ink);background:transparent}.divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:9px;margin:18px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.legal{display:block;text-align:center;color:var(--muted);font-size:7px;margin-top:16px}.hidden{display:none!important}
.otp-row{display:flex;gap:7px;margin:24px 0}.otp-row input{width:calc(16.66% - 6px);height:54px;text-align:center;border:1px solid var(--line);background:#fff;font-size:20px;outline:0}.otp-row input:focus{border-color:var(--red)}.back-link,.resend{border:0;background:none;cursor:pointer;font-size:9px}.resend{width:100%;margin-top:15px;text-decoration:underline}.demo-hint{background:#eee4d6;padding:9px;text-align:center;font-size:8px;margin-top:15px;color:var(--muted)}
.account-hello{display:flex;align-items:center;gap:15px;background:#eee4d6;padding:18px;margin:22px 0}.account-monogram{width:52px;height:52px;border-radius:50%;background:var(--red);color:#d9bd89;display:grid;place-items:center;font-family:"Cormorant Garamond";font-size:28px}.account-hello strong,.account-hello small{display:block}.account-hello small{font-size:9px;color:var(--muted);margin-top:4px}.account-links{border-top:1px solid var(--line)}.account-links button{width:100%;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;text-align:right;border:0;border-bottom:1px solid var(--line);background:none;padding:15px 0;cursor:pointer}.account-links button span{font-weight:600;font-size:11px}.account-links button small{font-size:8px;color:var(--muted)}.account-links button b{grid-row:1/3;grid-column:2;align-self:center}.logout{border:0;background:none;text-decoration:underline;color:var(--red);font-size:9px;margin-top:20px;cursor:pointer}
.checkout-page{position:fixed;inset:0;background:#f6f0e7;z-index:180;overflow:auto;display:none}.checkout-page.show{display:block}.checkout-header{height:85px;padding:0 5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:2}.checkout-header>button{justify-self:start;border:0;background:none;cursor:pointer;font-size:9px}.checkout-header>span{justify-self:end}.checkout-layout{max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr 360px;gap:55px;padding:45px 30px 90px;direction:ltr}.checkout-main,.order-summary{direction:rtl}.checkout-progress{display:flex;align-items:center;gap:10px;font-size:8px;color:#a79d90;margin-bottom:30px}.checkout-progress span.active{color:var(--red);font-weight:700}.checkout-progress i{height:1px;background:var(--line);flex:1}
.checkout-section{background:var(--paper);border:1px solid #e0d6c8;padding:28px;margin-bottom:18px}.checkout-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.checkout-title>div{display:flex;align-items:center;gap:12px}.checkout-title small{font-family:"Cormorant Garamond";color:var(--gold)}.checkout-title h2{font-family:"Cormorant Garamond","Noto Kufi Arabic";font-size:25px;margin:0}.checkout-title button{border:0;background:none;text-decoration:underline;font-size:8px;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea,.card-fields input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid var(--line);background:#fff;outline:0;font:inherit;font-size:10px}.form-grid textarea{min-height:75px;resize:vertical}.form-grid label>small{color:var(--muted);font-size:7px}.mini-phone{margin:7px 0 0}.mini-phone input{margin:0;border:0}.delivery-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.delivery-choice label{border:1px solid var(--line);padding:13px;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;cursor:pointer}.delivery-choice strong,.delivery-choice small{display:block}.delivery-choice strong{font-size:9px}.delivery-choice small{font-size:7px;color:var(--muted);margin-top:4px}.delivery-choice b{font-size:8px}.secure-note{font-size:8px;color:var(--green)}
.quick-pay{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-pay button{height:50px;border:0;cursor:pointer;font-size:17px;border-radius:3px}.apple-pay{background:#000;color:#fff}.stc-pay{background:#4f008c;color:#fff}.stc-pay strong{font-size:20px}.pay-option{border:1px solid var(--ink);padding:14px;display:grid!important;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;cursor:pointer}.pay-option strong,.pay-option small{display:block}.pay-option small{color:var(--muted);font-size:7px;margin-top:3px}.pay-logos{display:flex;gap:5px;direction:ltr}.pay-logos b{border:1px solid var(--line);padding:3px 5px;font-size:7px;background:#fff}.pay-logos .mada{color:#177d69}.card-fields{background:#f1e9de;padding:15px;border:1px solid var(--line);border-top:0}.card-fields>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gift-check{font-size:9px!important;margin:20px 0!important}.place-order{width:100%;display:flex;justify-content:space-between}.payment-disclaimer{text-align:center;color:var(--muted);font-size:7px}
.order-summary{position:sticky;top:125px;align-self:start}.order-summary h3{font-family:"Cormorant Garamond","Noto Kufi Arabic";font-size:24px;border-bottom:1px solid var(--line);padding-bottom:15px}.summary-item{display:grid;grid-template-columns:55px 1fr auto;gap:10px;align-items:center;margin:13px 0}.summary-thumb{width:55px;height:55px;background:var(--red);color:#d6b878;display:grid;place-items:center;font-family:"Cormorant Garamond";font-size:25px}.summary-item strong{font-family:"Cormorant Garamond";font-size:15px}.summary-item small{display:block;color:var(--muted);font-size:7px}.summary-item b{font-size:8px}.summary-row{display:flex;justify-content:space-between;font-size:9px;padding:9px 0}.summary-row.total{font-size:13px;border-top:1px solid var(--ink);margin-top:8px;padding-top:15px}.promo{display:flex;margin-top:15px}.promo input{flex:1;border:1px solid var(--line);padding:10px;background:#fff}.promo button{border:0;background:var(--ink);color:#fff;padding:0 14px;font-size:8px}.summary-trust{margin-top:25px;font-size:8px;line-height:2.3;color:var(--muted)}
.success-card{text-align:center}.success-mark{width:70px;height:70px;border:1px solid var(--green);border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;color:var(--green);font-size:30px}.success-card p:not(.eyebrow){font-size:10px;color:var(--muted);line-height:2}.success-card>strong{display:block;font-family:"Cormorant Garamond";letter-spacing:2px;margin:20px}.success-card .eyebrow{text-align:center}
@media(max-width:900px){.account-btn{display:none}.checkout-layout{grid-template-columns:1fr;padding:25px 15px 70px}.order-summary{position:static;grid-row:1}.checkout-progress{display:none}.checkout-header{height:70px}.checkout-header .logo span{font-size:20px}}
@media(max-width:560px){.modal-card{padding:34px 22px}.form-grid,.delivery-choice,.quick-pay{grid-template-columns:1fr}.checkout-section{padding:20px 15px}.checkout-title{align-items:flex-start}.checkout-title>div{gap:8px}.checkout-title h2{font-size:21px}.card-fields>div{grid-template-columns:1fr}.checkout-header{padding:0 15px}.checkout-header>button{font-size:0}.checkout-header>button:after{content:"→";font-size:18px}.order-summary{padding:0 5px}}

/* V2.1 — refined header: original warm beige + green announcement retained */
.header-wordmark{display:flex;align-items:center;justify-content:center;line-height:normal}
.header-wordmark img{display:block;width:240px;max-width:28vw;height:auto}
@media(max-width:900px){.header-wordmark img{width:190px;max-width:42vw}}
@media(max-width:560px){.header-wordmark img{width:155px;max-width:42vw}}

/* V4 — quiet Najdi signature. Keep the original French-luxury base. */
.najdi-divider{height:56px;display:flex;align-items:center;justify-content:center;gap:7px;background:var(--paper);color:var(--gold)}
.najdi-divider span{width:76px;height:1px;background:currentColor;opacity:.42}
.najdi-divider i{display:block;width:10px;height:10px;border:1px solid currentColor;transform:rotate(45deg);opacity:.72}
.najdi-divider i:nth-of-type(2){width:14px;height:14px;position:relative}
.najdi-divider i:nth-of-type(2):after{content:"";position:absolute;width:4px;height:4px;background:currentColor;top:4px;left:4px}
.najdi-divider.soft{background:#f0e8dc;height:48px}

/* A restrained Saudi–French story moment, not a themed heritage block. */
.story-wrap{position:relative;overflow:hidden;background:linear-gradient(90deg,var(--paper) 0%,#f7f0e5 50%,var(--paper) 100%);border-top:1px solid rgba(184,148,85,.18);border-bottom:1px solid rgba(184,148,85,.18)}
.story-wrap:before,.story-wrap:after{content:"";position:absolute;top:22px;bottom:22px;width:42px;opacity:.58;background-image:url('taif-rose-line.svg');background-repeat:repeat-y;background-position:center top;background-size:38px 50px}
.story-wrap:before{right:1.35vw}.story-wrap:after{left:1.35vw;transform:scaleX(-1)}
.story-rose{display:none}
.story-wrap .story{position:relative;z-index:1}
.story-wrap .story .eyebrow{color:var(--green);font-size:12px;letter-spacing:2.5px}

/* Micro-details: Najdi geometry only appears on interaction. */
.collection,.product{transition:transform .25s ease,box-shadow .25s ease}
.collection:hover,.product:hover{transform:translateY(-3px)}
.product{position:relative}
.product:after{content:"";position:absolute;inset:-5px;pointer-events:none;border:1px solid transparent;opacity:0;transition:.25s ease}
.product:hover:after{opacity:.48;border-color:var(--gold);clip-path:polygon(0 0,42% 0,45% 5px,55% 5px,58% 0,100% 0,100% 100%,58% 100%,55% calc(100% - 5px),45% calc(100% - 5px),42% 100%,0 100%)}
.section-head h2:after{content:" ◇";font-size:.35em;color:var(--gold);vertical-align:middle;margin-right:8px;opacity:.65}
.text-link{transition:color .2s ease,border-color .2s ease}.text-link:hover{color:var(--green);border-color:var(--gold)}

@media(max-width:700px){.najdi-divider{height:40px}.najdi-divider span{width:42px}.story-rose{display:none}.story-wrap:before,.story-wrap:after{width:28px;background-size:26px 35px;opacity:.42}.story-wrap:before{right:2px}.story-wrap:after{left:2px}}

/* V7 — rose border matched to the approved visual reference. One floral column per side. */
.story-wrap:before,.story-wrap:after{
  top:0;bottom:0;
  width:64px;
  opacity:.72;
  background-image:url('taif-rose-border-reference.png');
  background-repeat:repeat-y;
  background-position:center top;
  background-size:62px 300px;
}
.story-wrap:before{right:8px;transform:none}
.story-wrap:after{left:8px;transform:scaleX(-1)}
@media(max-width:700px){
  .story-wrap:before,.story-wrap:after{width:34px;background-size:34px 165px;opacity:.48}
  .story-wrap:before{right:0}.story-wrap:after{left:0}
}

/* V8 — exact floral border taken from the approved visual reference. */
.story-wrap:before,.story-wrap:after{
  top:0;
  bottom:0;
  width:64px;
  opacity:1;
  background-image:url('taif-rose-approved-exact.png');
  background-repeat:no-repeat;
  background-position:center center;
  background-size:64px 100%;
}
.story-wrap:before{right:8px;transform:scaleX(-1)}
.story-wrap:after{left:8px;transform:none}
@media(max-width:700px){
  .story-wrap:before,.story-wrap:after{width:38px;background-size:38px 100%;opacity:.82}
  .story-wrap:before{right:0}.story-wrap:after{left:0}
}

/* V9 — delicate vector Taif-rose border: small, crisp and airy like the approved mockup. */
.story-wrap:before,.story-wrap:after{
  top:16px;
  bottom:16px;
  width:30px;
  opacity:.62;
  background-image:url('taif-rose-delicate.svg');
  background-repeat:repeat-y;
  background-position:center top;
  background-size:30px 37px;
}
.story-wrap:before{right:17px;transform:none}
.story-wrap:after{left:17px;transform:scaleX(-1)}
@media(max-width:700px){
  .story-wrap:before,.story-wrap:after{width:20px;background-size:20px 25px;opacity:.46}
  .story-wrap:before{right:4px}.story-wrap:after{left:4px}
}

/* V10 — exact floral artwork from the approved reference.
   Rendered at half-source size so it stays crisp and matches the reference proportions. */
.story-wrap:before,.story-wrap:after{
  width:48px !important;
  top:0 !important;
  bottom:0 !important;
  opacity:.72 !important;
  background-image:url('taif-rose-approved-exact.png') !important;
  background-repeat:repeat-y !important;
  background-size:48px 150px !important;
  background-position:center top !important;
  filter:none !important;
}
.story-wrap:before{right:12px !important;left:auto !important;transform:none !important}
.story-wrap:after{left:12px !important;right:auto !important;transform:scaleX(-1) !important}
@media(max-width:700px){
 .story-wrap:before,.story-wrap:after{width:30px !important;background-size:30px 94px !important;opacity:.56 !important}
 .story-wrap:before{right:3px !important}.story-wrap:after{left:3px !important}
}


/* V11 — approved rose artwork with transparent background.
   The floral columns now show the exact Story-section background underneath. */
.story-wrap:before,.story-wrap:after{
  background-image:url('taif-rose-approved-transparent.png') !important;
  background-color:transparent !important;
}


/* V12 FIX — rose borders have NO beige panel/background.
   The only visible pixels are the gold rose strokes; the Story background
   continues seamlessly underneath them. */
.story-wrap::before,
.story-wrap::after,
.story-wrap:before,
.story-wrap:after {
  background-color: transparent !important;
  background-image: url('taif-rose-v12-transparent.png') !important;
  background-repeat: repeat-y !important;
  background-position: top center !important;
  box-shadow: none !important;
}


/* V13 — VECTOR ROSE BORDER
   Same approved rose border, vectorized as SVG so browser scaling remains crisp. */
.story-wrap::before,
.story-wrap::after,
.story-wrap:before,
.story-wrap:after {
  background-image: url('taif-rose-v13-vector.svg') !important;
  background-color: transparent !important;
  background-repeat: repeat-y !important;
  background-position: top center !important;
  background-size: 100% auto !important;
  image-rendering: auto;
}


/* V14 — FINAL VECTOR ROSE ROW
   Same approved single-column rose artwork and the exact V10/V12 sizing.
   Only the asset is now true SVG vector, so enlarging/zooming stays crisp. */
.story-wrap::before,
.story-wrap::after,
.story-wrap:before,
.story-wrap:after {
  width:48px !important;
  top:0 !important;
  bottom:0 !important;
  opacity:.72 !important;
  background-image:url('taif-rose-v14-vector.svg') !important;
  background-color:transparent !important;
  background-repeat:repeat-y !important;
  background-size:48px 150px !important;
  background-position:center top !important;
  box-shadow:none !important;
  filter:none !important;
}
.story-wrap::before,
.story-wrap:before {
  right:12px !important;
  left:auto !important;
  transform:none !important;
}
.story-wrap::after,
.story-wrap:after {
  left:12px !important;
  right:auto !important;
  transform:scaleX(-1) !important;
}
@media(max-width:700px){
  .story-wrap::before,.story-wrap::after,
  .story-wrap:before,.story-wrap:after{
    width:30px !important;
    background-size:30px 94px !important;
    opacity:.56 !important;
  }
  .story-wrap::before,.story-wrap:before{right:3px !important}
  .story-wrap::after,.story-wrap:after{left:3px !important}
}


/* V15 — Build Your Box */
.builder-shell{z-index:260;overflow:auto;align-items:start;padding:35px 18px}
.builder-card{width:min(760px,100%);margin:auto;padding:46px;background:#f7f0e5}
.builder-card>h2{font-size:48px}.builder-step{border-top:1px solid var(--line);padding:22px 0}.builder-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.builder-heading>span{font-family:"Cormorant Garamond";color:var(--red);font-size:20px}.builder-heading>strong{font-size:13px}.builder-heading>small{color:var(--muted);font-size:9px}.piece-counter{margin-right:auto;background:#fff;padding:7px 12px;font-size:12px}.size-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.size-options button{background:#fff;border:1px solid var(--line);padding:18px 10px;cursor:pointer;display:grid;gap:4px}.size-options button b{font-family:"Cormorant Garamond";font-size:34px}.size-options button small{font-size:9px}.size-options button em{font-style:normal;color:var(--red);font-weight:700;font-size:11px}.size-options button.selected{border:2px solid var(--green);background:#f0ede3}.flavor-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.flavor-row{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;background:#fff;padding:12px}.flavor-row>strong{font-size:11px}.flavor-dot{width:30px;height:30px;border-radius:50%;box-shadow:inset -7px -6px 10px #0003}.flavor-dot.coffee{background:#4c2c20}.flavor-dot.rose{background:#8e4c55}.flavor-dot.pistachio{background:#607151}.flavor-dot.caramel{background:#9a6942}.qty-control{display:flex;align-items:center;border:1px solid var(--line)}.qty-control button{border:0;background:#f8f5ef;width:30px;height:30px;cursor:pointer;font-size:17px}.qty-control b{min-width:30px;text-align:center;font-size:11px}.builder-progress{height:4px;background:#ddd4c8;margin-top:14px;overflow:hidden}.builder-progress i{display:block;height:100%;width:0;background:var(--green);transition:.2s}.builder-hint{font-size:9px;color:var(--muted);margin:8px 0 0}.gift-step textarea{width:100%;min-height:82px;border:1px solid var(--line);background:#fff;padding:13px;resize:vertical;font-family:inherit}.builder-add:disabled{opacity:.45;cursor:not-allowed}.cart-details{display:block!important;max-width:220px;line-height:1.6;color:var(--muted)}
@media(max-width:560px){.builder-card{padding:38px 18px}.builder-card>h2{font-size:38px}.size-options{grid-template-columns:1fr 1fr 1fr}.size-options button{padding:13px 5px}.size-options button b{font-size:28px}.flavor-options{grid-template-columns:1fr}.builder-shell{padding:12px}.piece-counter{margin-right:auto}}


/* Product images — consistent size */
.product-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Cart product images */
.cart-thumb {
  overflow: hidden;
}

.cart-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Checkout product images */
.summary-thumb {
  overflow: hidden;
}

.summary-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


/* Quantity controls — Cart & Checkout */
.cart-qty,
.checkout-qty {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 7px;
}

.cart-qty button,
.checkout-qty button {
  width: 28px;
  height: 28px;
  border: 1px solid var(--line);
  background: transparent;
  cursor: pointer;
  font-size: 14px;
}

.cart-qty span,
.checkout-qty span {
  min-width: 16px;
  text-align: center;
  font-size: 11px;
}

.cart-qty button:hover,
.checkout-qty button:hover {
  border-color: var(--red);
  color: var(--red);
}