.portal-section{max-width:1140px;margin:24px auto;padding:36px 20px}.portal-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}.portal-head h2{font-size:clamp(30px,5vw,44px);margin:4px 0}.portal-head p{margin:0;color:#786b61;line-height:1.8}.reviews-grid,.policies-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.review-card,.policy-card{background:#fffdfa;border:1px solid #dfd3c5;border-radius:20px;padding:18px;box-shadow:0 12px 30px #4c331c10}.review-card .stars{color:#a46b2d;font-size:20px;letter-spacing:2px}.review-card p{line-height:1.8;margin:10px 0}.review-card small,.policy-card p{color:#786b61}.review-card-pending{position:relative;border-style:dashed;border-color:#a77a4d;background:#fff8ed}.reviewPendingBadge{display:inline-flex;margin-bottom:8px;padding:5px 10px;border-radius:999px;background:#efe0cc;color:#694527;font-size:11px;font-weight:800}.policy-card h3{margin:0 0 8px}.portal-empty{grid-column:1/-1;text-align:center;color:#786b61;border:1px dashed #cdbdad;border-radius:18px;padding:28px}.reviewOverlay{position:fixed;inset:0;z-index:1100;background:#17100dcc;display:none;align-items:flex-end;justify-content:center;padding:12px}.reviewOverlay.open{display:flex}.reviewPanel{width:min(520px,100%);max-height:92vh;overflow:auto;background:#fffdf9;border:1px solid #dfcfbb;border-radius:26px;padding:20px}.reviewPanel h2{margin:0 0 6px}.reviewPanel p{margin:0 0 14px;color:#786b61}.reviewClose{float:left;width:40px;height:40px;border:1px solid #d8c8b8;border-radius:13px;background:#f5efe6;color:#4a2f20;font-size:24px}.starPicker{display:flex;direction:ltr;justify-content:center;gap:5px;margin:16px 0}.starPicker button{border:0;background:transparent;color:#cfc4b9;font-size:39px;line-height:1;padding:2px;cursor:pointer}.starPicker button.on{color:#a46b2d}.reviewPanel textarea{width:100%;min-height:120px;resize:vertical;border:1px solid #d8c8b8;border-radius:14px;padding:13px;background:#fff;color:#211914;outline:none}.reviewPanel textarea:focus{border-color:#c62828;box-shadow:0 0 0 3px #c6282830}.reviewViewButton{display:block;width:100%;margin-top:9px;padding:10px 12px;border:0;border-radius:11px;background:#4a2f20;color:#fff;font-weight:800;text-align:center;text-decoration:none;cursor:pointer}.reviewCommentsPanel{width:min(680px,100%)}.reviewCommentsList{grid-template-columns:1fr;max-height:62vh;overflow:auto;padding:2px}.reviewCommentsList .review-card{text-align:right}.portal-primary,.portal-secondary{border:0;border-radius:14px;padding:13px 16px;font-weight:800;cursor:pointer}.portal-primary{background:#4a2f20;color:#fff}.portal-secondary{background:#fff;border:1px solid #6b4632;color:#4a2f20}.portal-primary:disabled,.portal-secondary:disabled{opacity:.5;cursor:wait}.accountPanel{max-height:93vh;overflow:auto}.accountPanel .accountIntro{margin-bottom:14px}.accountPanel .accountSwitch{display:flex;gap:8px;margin:12px 0}.accountPanel .accountSwitch button{flex:1;border:1px solid #d8c8b8;border-radius:13px;padding:11px;background:#fff;color:#4a2f20;font-weight:800}.accountPanel .accountSwitch button.on{background:#4a2f20;color:#fff}.accountPanel .accountActions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.accountPanel .accountActions button{flex:1}.authNote{font-size:12px;line-height:1.7;color:#786b61!important}.authMessage{display:none;border-radius:12px;padding:10px 12px;margin:10px 0;line-height:1.6}.authMessage.show{display:block}.authMessage.ok{background:#e7f3e8;color:#295c31}.authMessage.error{background:#fae7e4;color:#8a2d24}.customerOrders{display:grid;gap:10px;margin-top:12px}.customerOrder{border:1px solid #e0d3c5;border-radius:16px;padding:13px}.customerOrderHead{display:flex;justify-content:space-between;gap:12px}.customerOrderMeta{color:#786b61;font-size:12px;margin:6px 0 12px}.statusTrack{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.statusStep{font-size:9px;text-align:center;color:#988a7f;position:relative;padding-top:11px}.statusStep:before{content:"";position:absolute;top:0;right:0;left:0;height:5px;background:#ded4ca;border-radius:99px}.statusStep.done{color:#4a2f20;font-weight:800}.statusStep.done:before{background:#6a4632}.estimateBox{margin:10px 0 14px;padding:13px 14px;border:1px solid #d8bfa9;border-radius:15px;background:#f7ede3}.estimateBox strong{display:block;font-size:18px;color:#4a2f20}.estimateBox small{display:block;color:#786b61;line-height:1.6;margin-top:4px}.estimateBox.waiting strong{font-size:14px}.cartSuccess{display:none;margin:10px 0;padding:12px;border-radius:14px;background:#e7f3e8;color:#295c31}.cartSuccess.show{display:block}.cartWhatsapp{cursor:pointer}.accountPanel input,.orderDetails input,.orderDetails select{appearance:none}.sessionBadge{display:inline-flex;align-items:center;gap:7px;background:#efe2d5;color:#4a2f20;border-radius:99px;padding:7px 10px;font-size:11px;font-weight:800}.sessionBadge:before{content:"";width:7px;height:7px;border-radius:50%;background:#4d8a57}.theme-dark .portal-head p,.theme-dark .review-card small,.theme-dark .policy-card p,.theme-dark .reviewPanel p,.theme-dark .authNote,.theme-dark .customerOrderMeta,.theme-dark .estimateBox small{color:#cbbcb0!important}.theme-dark .review-card,.theme-dark .policy-card,.theme-dark .reviewPanel,.theme-dark .customerOrder{background:#251d19;color:#f6eee7;border-color:#4b392f}.theme-dark .reviewPanel textarea,.theme-dark .accountPanel .accountSwitch button,.theme-dark .portal-secondary{background:#30251f;color:#f6eee7;border-color:#5b4538}.theme-dark .accountPanel .accountSwitch button.on,.theme-dark .portal-primary{background:#8a5c3f;color:#fff}.theme-dark .estimateBox{background:#35271f;border-color:#6b4c3b}.theme-dark .estimateBox strong,.theme-dark .statusStep.done{color:#f6eee7}.theme-dark .statusStep:before{background:#55443a}.theme-dark .statusStep.done:before{background:#b77a54}.theme-dark .sessionBadge{background:#3a2a22;color:#f6eee7}.theme-dark .portal-empty{color:#cbbcb0;border-color:#5b4538}
@media(max-width:800px){.reviews-grid,.policies-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.portal-section{padding:28px 15px}.portal-head{align-items:start;flex-direction:column}.reviews-grid,.policies-grid{grid-template-columns:1fr}.statusTrack{gap:2px}.statusStep{font-size:8px}.reviewPanel{border-radius:22px}}

/* Exact order-steps artwork supplied for the store. */
.order-steps-visual{max-width:980px;margin:34px auto;padding:0 20px}
.order-steps-visual img{display:block;width:100%;height:auto;border-radius:30px;box-shadow:0 18px 52px #4c331c17}
@media(max-width:620px){.order-steps-visual{margin:25px auto;padding:0 12px}.order-steps-visual img{border-radius:22px}}

/* Account forms: visual refresh only; existing Supabase fields and actions stay intact. */
.accountOverlay{align-items:center!important;padding:14px!important}
.accountPanel.authPanel{position:relative;width:min(430px,100%)!important;max-height:94vh;overflow:auto;padding:0!important;border:1px solid #fff!important;border-radius:29px!important;background:linear-gradient(145deg,#fffdf8,#f4eee5)!important;color:#3b271b!important;box-shadow:0 24px 80px #1e120b55!important;scrollbar-width:thin}
.accountPanel.authPanel .accountClose{position:absolute;z-index:4;top:14px;left:14px;float:none;width:38px;height:38px;display:grid;place-items:center;padding:0;border:1px solid #cbbba8;border-radius:10px;background:#fffaf2;color:#3b271b;font-size:23px;line-height:1;cursor:pointer}
.accountPanel.authPanel h2{margin:8px 0 4px;font-size:28px;line-height:1.25;text-align:center;color:inherit}
.accountPanel.authPanel .accountIntro{margin:0!important;text-align:center;color:#6f5c4f!important;font-size:12px;line-height:1.7}
.authSignupTop{padding:20px 64px 12px;text-align:center}
.authLoginHero{position:relative;padding:18px 58px 42px;text-align:center;color:#fff;background:radial-gradient(circle at 75% 10%,#57351f,#2b190e 72%);border-radius:28px 28px 48% 12%;box-shadow:inset 0 -4px 0 #b78a4c}
.accountPanel.authPanel .authLoginHero h2{color:#fff;font-size:28px;margin-top:9px}
.accountPanel.authPanel .authLoginHero .accountIntro{color:#f3e9de!important}
.accountPanel.authLoginPanel .accountClose{border-color:#836446;background:#342013;color:#fff}
.authBrand{display:grid;justify-items:center;line-height:1.05;color:#4a3020}
.authBrandImage{display:block;width:74px;height:74px;object-fit:cover;border-radius:12px;margin:0 auto 2px;box-shadow:0 5px 18px #3c241526}
.authBrand strong{font-size:19px;font-weight:500}
.authBrand small{font-size:10px;margin-top:5px;letter-spacing:2px}
.authBrandLight{color:#fff}
.authBrandLight .authBrandImage{border:1px solid #ffffff30}
.authInner{padding:8px 22px 22px}
.authLoginPanel .authInner{padding-top:0}
.accountPanel.authPanel .accountSwitch{display:flex;gap:9px;margin:0 0 13px;transform:translateY(0)}
.accountPanel.authLoginPanel .accountSwitch{margin-top:-17px;position:relative;z-index:2}
.accountPanel.authPanel .accountSwitch button{flex:1;min-height:43px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d8c8b8;border-radius:11px;padding:9px 7px;background:#fffaf4!important;color:#5c422f!important;font-size:12px;font-weight:800;box-shadow:none;cursor:pointer}
.accountPanel.authPanel .accountSwitch button.on{background:linear-gradient(135deg,#5a3824,#2f1b10)!important;color:#fff!important;border-color:#3d2416!important;box-shadow:0 9px 18px #4a2f2030}
.accountPanel.authPanel .accountSwitch svg,.accountPanel.authPanel .accountSave svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.accountPanel.authPanel form{margin:0}
.accountPanel.authPanel .authField{margin:8px 0}
.accountPanel.authPanel .authField>label{display:block;margin:0 2px 5px;color:#3b271b;font-size:11px;font-weight:800;text-align:right}
.accountPanel.authPanel .authInput{position:relative}
.accountPanel.authPanel .authInput input{width:100%;height:39px;margin:0;padding:8px 12px 8px 42px;border:1px solid #d8cbbd!important;border-radius:10px!important;background:#fffdfa!important;color:#332319!important;caret-color:#6d4329;outline:none;font-size:11px;box-shadow:inset 0 1px 3px #5d3b2410}
.accountPanel.authPanel .authInput input:focus{border-color:#8b684c!important;box-shadow:0 0 0 3px #8b684c1f!important}
.accountPanel.authPanel .authInput input::placeholder{color:#aaa097}
.authInputIcon,.authPasswordToggle{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;padding:0;border:0;background:transparent;color:#6c513e}
.authInputIcon{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.authPasswordToggle{display:grid;place-items:center;cursor:pointer}
.authPasswordToggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.accountPanel.authPanel .accountSave{width:100%;min-height:43px;margin-top:13px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:10px;background:linear-gradient(135deg,#5c3923,#2e1a0f)!important;color:#fff;font-size:13px;font-weight:800;box-shadow:0 10px 22px #4a2f2038;cursor:pointer}
.accountPanel.authPanel .accountSave:disabled{opacity:.6;cursor:wait}
.accountPanel.authPanel .authMessage{margin:8px 0;font-size:11px}
.authLoginOptions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:9px 1px 0;font-size:10px}
.authRemember{display:flex!important;align-items:center;gap:6px;margin:0!important;color:#4f3929!important;cursor:pointer}
.accountPanel.authPanel .authRemember input{appearance:auto;width:15px;height:15px;margin:0;accent-color:#76502f}
.authForgot{border:0;background:transparent;color:#8a5c34;font-size:10px;padding:3px;cursor:pointer}
.authTerms{margin:13px 0 0!important;text-align:center;color:#6f5c4f!important;font-size:10px;line-height:1.65!important}
.authTerms strong{color:#825629;font-weight:800}
.theme-dark .accountPanel.authPanel{background:linear-gradient(145deg,#fffdf8,#f4eee5)!important;color:#3b271b!important;border-color:#fff!important}
.theme-dark .accountPanel.authPanel .authField>label,.theme-dark .accountPanel.authPanel .authRemember{color:#3b271b!important}
.theme-dark .accountPanel.authPanel .authInput input{background:#fffdfa!important;color:#332319!important;border-color:#d8cbbd!important}
@media(max-width:480px){.accountOverlay{padding:9px!important}.accountPanel.authPanel{width:100%!important;border-radius:24px!important}.authSignupTop{padding:17px 55px 9px}.authLoginHero{padding:16px 52px 35px;border-radius:23px 23px 46% 10%}.authBrandImage{width:62px;height:62px}.accountPanel.authPanel h2,.accountPanel.authPanel .authLoginHero h2{font-size:24px}.authInner{padding:7px 16px 18px}.accountPanel.authPanel .accountSwitch button{font-size:11px}.accountPanel.authPanel .authInput input{height:38px}}

/* Two-step cart: installation details, then an order summary. */
.cartOverlay{align-items:center!important;padding:14px!important}.cartFlowPanel{direction:rtl;width:min(1040px,100%)!important;max-height:96vh;overflow:auto;padding:0!important;border:1px solid #e8ddd1!important;border-radius:28px!important;background:linear-gradient(145deg,#fffefa,#f8f3ed)!important;color:#2e1d14!important;box-shadow:0 28px 95px #21130c66!important;scrollbar-width:thin}.flowClose{width:45px;height:45px;display:grid;place-items:center;border:1px solid #d6c4b3;border-radius:13px;background:linear-gradient(145deg,#5a3824,#2c190f);color:#fff;font-size:28px;line-height:1;cursor:pointer}.flowPrimary,.flowSecondary{min-height:53px;border-radius:12px;padding:13px 22px;font:inherit;font-weight:800;cursor:pointer}.flowPrimary{border:0;background:linear-gradient(135deg,#58351f,#2e190d);color:#fff;box-shadow:0 11px 24px #4b2d1c2e}.flowSecondary{border:1px solid #684632;background:#fffdf9;color:#4b2e1e}.flowPrimary:disabled{opacity:.55;cursor:wait}.flowDetailsHead{display:grid;grid-template-columns:48px 1fr 310px;gap:18px;align-items:center;padding:18px 25px;border-bottom:1px solid #eadfd4}.flowTitle{display:flex;align-items:center;justify-content:center;gap:13px;text-align:center}.flowTitleIcon{font-size:27px;color:#72503a}.flowTitle h2,.flowSummaryHead h2{margin:0;font-size:30px}.flowTitle p,.flowSummaryHead p{margin:5px 0 0;color:#7e6c60;font-size:12px}.flowProductMini{display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center}.flowProductMini img{width:76px;height:68px;object-fit:cover;border-radius:13px}.flowProductMini b,.flowProductMini small,.flowProductMini strong{display:block}.flowProductMini b{font-size:15px}.flowProductMini small{margin:4px 0;color:#7c6a5e;font-size:10px}.flowProductMini strong{font-size:12px;color:#513120}.flowNotice,.flowDammam{margin:17px 25px;padding:13px 18px;border:1px solid #dfd1c4;border-radius:12px;background:#fbf6f0;text-align:center;font-size:13px;font-weight:800}.flowBlock{padding:13px 26px}.flowSectionTitle{display:flex;gap:11px;align-items:flex-start;margin-bottom:11px}.flowSectionTitle>span{width:26px;color:#5d3b27;font-size:22px;text-align:center}.flowSectionTitle h3{margin:0;font-size:17px}.flowSectionTitle h3 small{font-size:11px;font-weight:500;color:#7e6c60}.flowSectionTitle p{margin:4px 0 0;color:#7d6c61;font-size:11px}.flowMeasureGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.flowMeasureGrid label{display:grid;gap:7px;padding:11px 13px;border:1px solid #e3d7cc;border-radius:12px;background:#fffdfa;font-size:12px;font-weight:800}.flowMeasureGrid label span{position:relative}.flowMeasureGrid input,.flowSelect,.flowNotes{width:100%;border:1px solid #dfd4c9;border-radius:9px;background:#fff;color:#302016;outline:none;font:inherit}.flowMeasureGrid input{height:42px;padding:9px 12px 9px 35px}.flowMeasureGrid i{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:19px;font-style:normal}.flowMeasureGrid input:focus,.flowSelect:focus,.flowNotes:focus{border-color:#8d684b;box-shadow:0 0 0 3px #8d684b1d}.flowSelect{height:48px;padding:10px 14px}.flowUpload{min-height:135px;display:grid;place-items:center;align-content:center;gap:4px;border:1px dashed #98745b;border-radius:14px;background:#fffdfa;cursor:pointer}.flowUpload>span{font-size:35px}.flowUpload b{font-size:14px}.flowUpload small{color:#8a796d;font-size:10px}.flowUpload input{display:none}.flowImagePreview{display:none;width:100%;max-height:230px;object-fit:cover;margin-top:10px;border-radius:14px}.flowImagePreview.show{display:block}.flowColors{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.flowColor{position:relative;min-height:89px;display:grid;justify-items:center;align-content:center;gap:7px;border:1px solid #e1d5ca;border-radius:12px;background:#fffdfa;color:#382419;cursor:pointer}.flowColor i{width:42px;height:42px;border:1px solid #cfc2b6;border-radius:50%;box-shadow:inset 0 1px 4px #0002}
.flowColorSwatch{display:inline-block;flex:0 0 auto;border:1px solid #cfc2b6;border-radius:50%;box-shadow:inset 0 1px 4px #0002}
.flowColorSwatch--coffee-wood{background:linear-gradient(118deg,transparent 28%,rgba(151,137,122,.52) 30%,transparent 33%,transparent 58%,rgba(183,171,157,.52) 60%,transparent 63%) right/50% 100% no-repeat,linear-gradient(90deg,#6f3f28 0 50%,#eee7dc 50% 100%)}
.flowColorSwatch--coffee-white{background:linear-gradient(118deg,transparent 26%,rgba(160,149,138,.48) 29%,transparent 32%,transparent 57%,rgba(190,178,164,.48) 60%,transparent 63%) right/50% 100% no-repeat,linear-gradient(90deg,#eee9df 0 50%,#f1ebe2 50% 100%)}
.flowColorSwatch--coffee-green{background:linear-gradient(90deg,#384735 0 50%,#b78659 50% 100%)}
.flowColorSwatch--desk-white{background:linear-gradient(90deg,#f2efe9 0 50%,#a46233 50%)}
.flowColorSwatch--desk-green{background:linear-gradient(90deg,#244a38 0 50%,#a46233 50%)}
.flowColorSwatch--desk-black{background:linear-gradient(90deg,#171717 0 50%,#a46233 50%)}
.flowColorSwatch--desk-gray{background:linear-gradient(90deg,#f2efe9 0 50%,#8e8d8c 50%)}
.flowSelectedColor{display:inline-flex;align-items:center;gap:7px;margin-top:5px;color:#5f493b;font-size:11px}.flowSelectedColor .flowColorSwatch{width:22px;height:22px}.flowSelectedColor b{font-size:11px;color:inherit}
.flowColor b{font-size:12px}.flowColor.on{border:2px solid #583621;box-shadow:0 6px 18px #4b2d1918}.flowColor.on:after{content:"✓";position:absolute;top:8px;right:8px;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#3c2517;color:#fff;font-size:10px}.flowAddons{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.flowAddon{position:relative;min-height:104px;display:grid;justify-items:center;align-content:center;gap:4px;border:1px solid #e2d7cd;border-radius:12px;background:#fffdfa;color:#352218;cursor:pointer}.flowAddon>span{font-size:25px;color:#6a4228}.flowAddon b{font-size:11px}.flowAddon small{font-size:9px;color:#7c6a5e}.flowAddon>i{display:none;position:absolute;right:8px;bottom:8px;width:18px;height:18px;border-radius:5px;background:#402718;color:#fff;font-size:11px;font-style:normal}.flowAddon.on{border-color:#63402a;background:#fbf4ec}.flowAddon.on>i{display:grid;place-items:center}.flowNotes{min-height:72px;resize:vertical;padding:12px 14px}.flowDetailsFooter{position:sticky;bottom:0;z-index:2;display:grid;grid-template-columns:1fr minmax(330px,460px);gap:20px;align-items:center;margin-top:10px;padding:15px 25px;border-top:1px solid #eadfd5;background:#fcf8f3f2;backdrop-filter:blur(10px)}.flowDetailsFooter>div small,.flowDetailsFooter>div strong{display:block}.flowDetailsFooter>div strong{margin:3px 0;font-size:25px}.flowDetailsFooter>div small{color:#7c6b60;font-size:10px}.flowDetailsFooter .flowPrimary{grid-column:2;grid-row:1}.flowSummaryHead{position:relative;padding:22px 25px 16px;border-bottom:1px solid #eadfd5;text-align:center}.flowSummaryHead .flowClose{position:absolute;top:20px;left:24px}.flowSummaryHead h2 span{display:inline-grid;width:45px;height:45px;place-items:center;border-radius:12px;background:#482b1b;color:#fff;font-size:22px}.flowSteps{display:flex;align-items:center;justify-content:center;gap:16px;padding:17px 25px}.flowSteps>div{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px}.flowSteps b{width:30px;height:30px;display:grid;place-items:center;border:1px solid #d6c6b6;border-radius:50%;background:#fff;color:#3b2518}.flowSteps .on b{background:#4c2e1c;color:#fff;border-color:#4c2e1c}.flowSteps i{width:75px;height:1px;background:#d9cbbc}.flowSummaryItems{margin:0 24px}.flowSummaryItem{position:relative;display:grid;grid-template-columns:54px 265px 1fr 185px;gap:20px;align-items:center;padding:18px;border:1px solid #e5d9cf;border-radius:19px;background:#fffdf9}.flowSummaryItem>img{width:265px;height:175px;object-fit:cover;border-radius:13px}.flowDelete{align-self:start;width:43px;height:43px;border:1px solid #dfd3c7;border-radius:10px;background:#fff;color:#4a2e1d;font-size:21px;cursor:pointer}.flowItemCopy h3{margin:0;font-size:24px}.flowItemCopy p{margin:6px 0;color:#7a695e;font-size:12px}.flowItemCopy>strong{display:block;margin:14px 0;font-size:18px}.flowEdit{border:1px solid #e0d3c7;border-radius:10px;background:#fbf4ed;color:#51311f;padding:9px 12px;font:inherit;font-size:11px;cursor:pointer}.flowQty{display:flex;align-items:center;justify-content:center;border:1px solid #ddd0c4;border-radius:11px;overflow:hidden}.flowQty button,.flowQty b{width:55px;height:45px;display:grid;place-items:center;border:0;background:#fff;font-size:18px}.flowQty button{cursor:pointer}.flowChosen,.flowSavedNotes{grid-column:2/-1;padding-top:13px;border-top:1px solid #eee3d9}.flowChosen h4{margin:0 0 10px;font-size:14px}.flowChosen>div{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.flowChosen span{position:relative;min-height:72px;display:grid;place-items:center;align-content:center;gap:3px;border:1px solid #e4d8cd;border-radius:10px;background:#fbf7f2;font-size:10px}.flowChosen span>b{font-size:19px;color:#694329}.flowChosen span>i{position:absolute;right:7px;bottom:7px;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#4b2d1b;color:#fff;font-size:9px;font-style:normal}.flowSavedNotes b{font-size:12px}.flowSavedNotes p{margin:6px 0 0;color:#7b6a5e;font-size:11px}.flowSummaryBottom{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:22px 24px}.flowOrderTotals,.flowDelivery{padding:18px;border:1px solid #e6dad0;border-radius:17px;background:#fffdf9}.flowOrderTotals h3,.flowDelivery h3{margin:0 0 13px}.flowOrderTotals p{display:flex;justify-content:space-between;gap:14px;margin:9px 0;font-size:12px}.flowOrderTotals hr{border:0;border-top:1px solid #e9ddd3;margin:13px 0}.flowOrderTotals .total{align-items:center}.flowOrderTotals .total span{font-size:17px;font-weight:800}.flowOrderTotals .total strong{font-size:24px;color:#684126}.flowOrderTotals>small{display:block;color:#8b796d;font-size:9px}.flowDelivery{display:grid;grid-template-columns:75px 1fr;gap:14px;align-items:center}.flowDelivery>span{font-size:60px;color:#56331e}.flowDelivery p{line-height:1.9;font-size:13px}.flowDelivery small{display:block;padding-top:10px;border-top:1px solid #eadfd4;color:#7c6a5e;font-size:10px}.flowSummaryFooter{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:0 24px 22px}.flowSummaryFooter>small,.flowFooterColors{grid-column:1/-1;text-align:center}.flowSummaryFooter>small{margin:4px 0 -7px;color:#8a786c;font-size:9px}.flowFooterColors{display:flex;justify-content:center;gap:13px}.flowFooterColors i{width:27px;height:27px;border:1px solid #d4c7bb;border-radius:50%}.flowEmpty,.flowSuccess{position:relative;display:grid;justify-items:center;align-content:center;min-height:390px;padding:35px;text-align:center}.flowEmpty .flowClose{position:absolute;top:18px;left:18px}.flowEmptyIcon,.flowSuccess>span{font-size:55px}.flowEmpty h2,.flowSuccess h2{margin:12px 0 5px}.flowEmpty p,.flowSuccess p,.flowSuccess small{color:#7b6b60}.flowEmpty .flowPrimary{margin-top:20px}.flowSuccess>span{width:82px;height:82px;display:grid;place-items:center;border-radius:50%;background:#426c49;color:#fff}
[data-add-cart]{position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
[data-add-cart].cart-add-press{transform:scale(.965);filter:brightness(.96);box-shadow:inset 0 3px 12px #0002}
[data-add-cart].cart-add-done{background:linear-gradient(135deg,#456b4b,#2f4d35)!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 9px 22px #36543c35}
[data-add-cart].cart-add-done::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff35 45%,transparent 70%);transform:translateX(-120%);animation:damCartButtonShine .7s ease}
@keyframes damCartButtonShine{to{transform:translateX(120%)}}
.theme-dark .cartFlowPanel{background:linear-gradient(145deg,#fffefa,#f8f3ed)!important;color:#2e1d14!important;border-color:#e8ddd1!important}.theme-dark .flowNotice,.theme-dark .flowDammam,.theme-dark .flowMeasureGrid label,.theme-dark .flowUpload,.theme-dark .flowColor,.theme-dark .flowAddon,.theme-dark .flowSummaryItem,.theme-dark .flowOrderTotals,.theme-dark .flowDelivery{background:#fffdfa!important;color:#2e1d14!important;border-color:#e1d5ca!important}
@media(max-width:760px){.cartOverlay{padding:7px!important}.cartFlowPanel{max-height:97vh;border-radius:21px!important}.flowDetailsHead{grid-template-columns:45px 1fr;padding:14px}.flowProductMini{grid-column:1/-1;grid-template-columns:64px 1fr}.flowProductMini img{width:64px;height:58px}.flowTitle{justify-content:flex-start;text-align:right}.flowTitle h2,.flowSummaryHead h2{font-size:23px}.flowTitle p{font-size:10px}.flowNotice,.flowDammam{margin:12px 13px;padding:11px;font-size:11px}.flowBlock{padding:11px 14px}.flowMeasureGrid{grid-template-columns:1fr;gap:9px}.flowColors{gap:7px}.flowColor{min-height:75px}.flowColor i{width:34px;height:34px}.flowAddons{grid-template-columns:repeat(2,1fr)}.flowDetailsFooter{grid-template-columns:1fr;padding:12px 14px}.flowDetailsFooter .flowPrimary{grid-column:1;grid-row:auto}.flowSteps{gap:6px;padding:14px 10px}.flowSteps>div{display:grid;justify-items:center;gap:4px;font-size:8px}.flowSteps i{width:20px}.flowSummaryItems{margin:0 11px}.flowSummaryItem{grid-template-columns:39px 105px 1fr;gap:9px;padding:11px}.flowSummaryItem>img{width:105px;height:100px}.flowDelete{width:36px;height:36px}.flowItemCopy h3{font-size:16px}.flowItemCopy>strong{font-size:12px;margin:8px 0}.flowEdit{padding:7px;font-size:9px}.flowQty{grid-column:2/-1;margin-top:2px}.flowQty button,.flowQty b{width:100%;height:38px}.flowChosen,.flowSavedNotes{grid-column:1/-1}.flowChosen>div{grid-template-columns:repeat(2,1fr)}.flowSummaryBottom{grid-template-columns:1fr;padding:14px 11px}.flowDelivery{grid-template-columns:55px 1fr}.flowDelivery>span{font-size:44px}.flowSummaryFooter{grid-template-columns:1fr;padding:0 11px 16px}.flowSummaryHead{padding:18px 55px 14px}.flowSummaryHead .flowClose{top:14px;left:12px;width:40px;height:40px}.flowSummaryFooter .flowPrimary{order:1}.flowSummaryFooter .flowSecondary{order:2}.flowSummaryFooter>small{order:3}.flowFooterColors{order:4}}

/* Logged-in account profile. */
.accountPanel.profilePanel{position:relative;width:min(680px,100%)!important;max-height:94vh;overflow:auto;padding:22px!important;border:1px solid #e8ddd0!important;border-radius:28px!important;background:linear-gradient(145deg,#fffdfb,#f6f0e9)!important;color:#321f14!important;box-shadow:0 22px 75px #1e120b55!important}.profilePanel .accountClose{position:absolute;z-index:3;top:17px;left:17px;float:none;width:39px;height:39px;border:1px solid #d7c8b8;border-radius:11px;background:#fffaf3;color:#4a2e1e;font-size:25px;line-height:1;cursor:pointer}.profileTop{text-align:right;padding:0 60px 13px 0}.profileTop h2{margin:0;color:#372014;font-size:26px}.profileTop p{margin:4px 0 0!important;color:#89776a!important;font-size:12px}.profileOverview{position:relative;display:grid;grid-template-columns:1fr 165px;gap:16px;align-items:center;min-height:132px;padding:18px;border:1px solid #eee3d8;border-radius:20px;background:linear-gradient(145deg,#fffdfb,#f8f3ee);box-shadow:0 9px 22px #4328140a}.profileAvatarWrap{position:relative;width:112px;margin:auto}.profileAvatar{width:106px;height:106px;display:grid;place-items:center;overflow:hidden;border:3px solid #fff;border-radius:50%;background:linear-gradient(145deg,#f2e6d9,#d5a366);box-shadow:0 7px 18px #5a39222c}.profileAvatar svg{width:74px;height:74px;fill:#af7538;stroke:#fff7;stroke-width:1.2}.profileAvatar img{width:100%;height:100%;object-fit:cover}.profileAvatarEdit{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;line-height:0;border:3px solid #fff;border-radius:50%;background:#4a2d1b;color:#fff;box-shadow:0 4px 10px #3f281b35;cursor:pointer}.profileAvatarEdit input{display:none}.profileAvatarEdit svg{display:block;width:19px;height:19px;margin:0;transform:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.profileStats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #e7ddd2;border-radius:14px;background:#fffcf8}.profileStats>div{padding:12px 8px;text-align:center;border-left:1px solid #e7ddd2}.profileStats>div:last-child{border-left:0}.profileStats small,.profileStats b{display:block}.profileStats small{color:#a08468;font-size:10px}.profileStats b{margin-top:6px;color:#382216;font-size:13px}.profileQuickActions{display:flex;gap:10px;margin:13px 0}.profileQuickActions button{flex:1;min-height:48px;border-radius:12px;font-weight:800;font-size:15px;cursor:pointer}.profilePrimary{border:0;background:linear-gradient(135deg,#5c3822,#321b0f);color:#fff}.profileSecondary{border:1px solid #67402a;background:#fffdf9;color:#482a19}.profileCard{padding:16px;margin-top:12px;border:1px solid #eadfd4;border-radius:18px;background:#fffdf9;box-shadow:0 8px 22px #452b190b}.profileCard h3,.profileOrders h3{display:flex;align-items:center;gap:7px;margin:0 0 12px;color:#3a2417;font-size:14px}.profileCard h3 svg{width:18px;height:18px;fill:none;stroke:#9b703e;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.profileCard label{display:block;margin:0 0 9px;color:#614a39;font-size:11px;font-weight:800}.profileInput{position:relative;margin-top:5px}.profileInput input{width:100%;height:40px;padding:8px 11px 8px 37px;border:1px solid #e0d5c9!important;border-radius:9px!important;background:#fffdfa!important;color:#392319!important;outline:none;font-size:11px}.profileInput input:focus{border-color:#9a7046!important;box-shadow:0 0 0 3px #9a70461e!important}.profileInput>svg{position:absolute;left:11px;top:50%;width:17px;height:17px;transform:translateY(-50%);fill:none;stroke:#a47d50;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.profileInputGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profileSave{width:100%;min-height:40px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:3px;border:0;border-radius:8px;background:linear-gradient(135deg,#3e2516,#22130b);color:#fff;font-size:12px;font-weight:800;cursor:pointer}.profileSave svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.profileSave:disabled{opacity:.6;cursor:wait}.profileSplit{display:grid;grid-template-columns:1fr 1fr;gap:12px}.profileSplit .profileCard{min-width:0}.profileEye{position:absolute;left:11px;top:50%;z-index:1;transform:translateY(-50%);border:0;background:transparent;color:#9a734b;font-size:15px;line-height:1;cursor:pointer}.profileGold{background:linear-gradient(135deg,#c99d65,#9b6a36)}.preferenceRow{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:8px 0;border-bottom:1px solid #eee5dc}.preferenceRow span{min-width:0}.preferenceRow b,.preferenceRow small{display:block}.preferenceRow b{font-size:11px;color:#463021}.preferenceRow small{margin-top:2px;color:#947f6b;font-size:9px}.profileSwitch{margin:0!important;cursor:pointer}.profileSwitch input{display:none}.profileSwitch i{display:block;position:relative;width:34px;height:19px;border-radius:99px;background:#d9d1c9;transition:.2s}.profileSwitch i:after{content:"";position:absolute;top:3px;right:3px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:.2s}.profileSwitch input:checked+i{background:#4d301d}.profileSwitch input:checked+i:after{right:18px}.profileOrders{margin-top:12px;padding:16px;border:1px solid #eadfd4;border-radius:18px;background:#fffdf9}.profileOrders h3{font-size:16px}.profilePanel .customerOrders{margin-top:0}.profilePanel .portal-empty{padding:24px;font-size:12px}.profilePanel .authMessage{margin:12px 0 0;font-size:11px}.theme-dark .accountPanel.profilePanel,.theme-dark .profileCard,.theme-dark .profileOrders{background:#fffdf9!important;color:#321f14!important;border-color:#eadfd4!important}.theme-dark .profileTop p,.theme-dark .profileCard label{color:#614a39!important}.theme-dark .profileInput input{background:#fffdfa!important;color:#392319!important;border-color:#e0d5c9!important}@media(max-width:560px){.accountPanel.profilePanel{padding:16px!important;border-radius:23px!important}.profileOverview{grid-template-columns:1fr;gap:9px}.profileAvatarWrap{order:-1}.profileStats{width:100%}.profileSplit{grid-template-columns:1fr}.profileTop{padding:0 51px 11px 0}.profileTop h2{font-size:22px}.profileQuickActions button{font-size:13px}.profileInputGrid{gap:8px}.profileCard{padding:13px}.profileStats>div{padding:10px 5px}}

/* Owner-only badge, shortcuts, and management panel. */
.ownerToolbar{direction:rtl;position:sticky;top:0;z-index:70;min-height:52px;display:flex;align-items:center;justify-content:center;gap:18px;padding:8px 4vw;border-bottom:1px solid #cfa96f;background:linear-gradient(115deg,#2b190f,#5b3822);color:#fff;box-shadow:0 7px 22px #28170e2e}.ownerToolbarBadge,.ownerProfileBadge,.ownerPanelBadge{display:inline-flex;align-items:center;gap:7px;width:max-content;border:1px solid #d8b98566;border-radius:999px;background:#fff2;padding:6px 11px;color:#fff6e8;font-size:11px;font-weight:900;white-space:nowrap}.ownerToolbarBadge i,.ownerProfileBadge i{width:8px;height:8px;border-radius:50%;background:#62ad70;box-shadow:0 0 0 3px #62ad7030}.ownerToolbarActions{display:flex;gap:7px}.ownerToolbarActions button{min-height:34px;padding:6px 14px;border:1px solid #e6cfaa55;border-radius:10px;background:#fff1;color:#fff;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.ownerToolbarActions button:hover{background:#fff2}.ownerMode header{top:52px}.profileTopRow{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ownerProfileBadge{margin-left:47px;border-color:#d3b079;background:linear-gradient(135deg,#654027,#382015);box-shadow:0 7px 17px #3e251627}.ownerPermissionCard{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:13px;padding:15px 17px;border:1px solid #d8b982;border-radius:17px;background:linear-gradient(135deg,#fff8ed,#f4e3cb);box-shadow:0 9px 22px #5a351615}.ownerPermissionCard span{display:block;color:#986b32;font-size:10px;font-weight:900}.ownerPermissionCard h3{margin:3px 0;color:#382116;font-size:17px}.ownerPermissionCard p{margin:0;color:#806b59;font-size:10px}.ownerPermissionCard>div:last-child{display:flex;gap:7px}.ownerPermissionCard button{min-height:38px;padding:8px 12px;border:0;border-radius:9px;background:#4b2d1b;color:#fff;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.ownerOverlay{position:fixed;inset:0;z-index:1450;display:none;align-items:center;justify-content:center;padding:14px;background:#17100dcc;backdrop-filter:blur(5px)}.ownerOverlay.open{display:flex}.ownerPanel{direction:rtl;width:min(920px,100%);max-height:94vh;overflow:auto;border:1px solid #e4d6c7;border-radius:27px;background:linear-gradient(145deg,#fffefa,#f5eee6);color:#2f1d13;box-shadow:0 30px 95px #170c076e}.ownerPanelHead{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 26px 18px;background:linear-gradient(120deg,#2e1b11,#5b3823);color:#fff;border-radius:26px 26px 0 0}.ownerPanelHead h2{margin:7px 0 2px;font-size:29px}.ownerPanelHead p{margin:0;color:#dfcec0;font-size:11px}.ownerPanelBadge{padding:5px 10px;background:#d2a9682b}.ownerClose{flex:0 0 42px;width:42px;height:42px;border:1px solid #e4c99a66;border-radius:12px;background:#fff1;color:#fff;font-size:27px;line-height:1;cursor:pointer}.ownerTabs{display:flex;gap:9px;padding:14px 22px;border-bottom:1px solid #e7dbcf;background:#fffaf5}.ownerTabs button{flex:1;min-height:43px;border:1px solid #d9c9b9;border-radius:11px;background:#fff;color:#4a2c1b;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.ownerTabs button.on{border-color:#4a2d1c;background:#4a2d1c;color:#fff}.ownerContent{min-height:300px;padding:20px 22px 25px}.ownerSummary{width:max-content;min-width:145px;display:flex;align-items:center;gap:9px;margin-bottom:13px;padding:9px 13px;border:1px solid #dfd0c1;border-radius:12px;background:#fffdfa}.ownerSummary strong{font-size:22px;color:#7d522e}.ownerSummary span{font-size:11px;color:#77675b}.ownerCards{display:grid;gap:12px}.ownerCard{padding:16px;border:1px solid #e3d6ca;border-radius:17px;background:#fffdfa;box-shadow:0 8px 22px #4027150c}.ownerCardTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ownerCardTop h3{margin:3px 0 0;font-size:17px}.ownerCardTop small,.ownerCardTop>span{color:#8b796b;font-size:10px}.ownerOrderInfo{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:13px 0}.ownerOrderInfo span{padding:9px 11px;border-radius:10px;background:#f7f0e8;color:#4b3526;font-size:11px}.ownerOrderInfo b{display:block;margin-bottom:3px;color:#9a7146;font-size:9px}.ownerOrderEdit{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:end}.ownerOrderEdit label{display:grid;gap:5px;color:#6d5544;font-size:10px;font-weight:800}.ownerOrderEdit select,.ownerOrderEdit input{width:100%;height:40px;padding:8px 10px;border:1px solid #dacabd;border-radius:9px;background:#fff;color:#342116;font:inherit;font-size:11px;outline:none}.ownerOrderEdit button,.ownerReviewActions button{min-height:40px;padding:9px 14px;border:0;border-radius:9px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.ownerOrderEdit button{background:#4b2c1a;color:#fff}.ownerOrderEdit button:disabled,.ownerReviewActions button:disabled{opacity:.55;cursor:wait}.ownerCardMessage{display:none;margin-top:9px;padding:8px 10px;border-radius:9px;font-size:10px}.ownerCardMessage.ok,.ownerCardMessage.error{display:block}.ownerCardMessage.ok{background:#e5f2e6;color:#2d6536}.ownerCardMessage.error{background:#fae5e2;color:#8a3027}.ownerReviewState{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:900}.ownerReviewState.approved{background:#e4f1e5;color:#31623a}.ownerReviewState.pending{background:#f5ead6;color:#855d27}.ownerReviewStars{margin:11px 0 5px;color:#a46b2d;font-size:20px;letter-spacing:2px}.ownerReviewCard p{margin:5px 0 8px;line-height:1.8;font-size:13px}.ownerReviewPhone{color:#8b7869;font-size:10px}.ownerReviewActions{display:flex;gap:8px;margin-top:12px}.ownerReviewActions button{flex:1}.ownerReviewActions .approve{background:#436b4a;color:#fff}.ownerReviewActions .hide{border:1px solid #7a4d35;background:#fff;color:#633c28}.ownerEmpty{min-height:260px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;border:1px dashed #d6c5b5;border-radius:17px;background:#fffaf5}.ownerEmpty strong{font-size:19px}.ownerEmpty span{color:#817064;font-size:11px}.theme-dark .ownerPanel,.theme-dark .ownerCard,.theme-dark .ownerSummary,.theme-dark .ownerTabs,.theme-dark .ownerOrderEdit select,.theme-dark .ownerOrderEdit input{background:#fffdfa!important;color:#2f1d13!important}.theme-dark .ownerPermissionCard{background:linear-gradient(135deg,#fff8ed,#f4e3cb)!important;color:#382116!important}@media(max-width:600px){.ownerToolbar{min-height:48px;justify-content:space-between;gap:8px;padding:7px 10px}.ownerMode header{top:48px}.ownerToolbarBadge{padding:5px 8px;font-size:9px}.ownerToolbarActions{gap:5px}.ownerToolbarActions button{min-height:32px;padding:5px 9px;font-size:9px}.profileTopRow{align-items:center}.ownerProfileBadge{margin-left:42px;padding:5px 8px;font-size:9px}.ownerPermissionCard{align-items:stretch;flex-direction:column;padding:13px}.ownerPermissionCard>div:last-child{display:grid;grid-template-columns:1fr 1fr}.ownerOverlay{padding:7px}.ownerPanel{max-height:97vh;border-radius:21px}.ownerPanelHead{padding:17px 17px 14px;border-radius:20px 20px 0 0}.ownerPanelHead h2{font-size:23px}.ownerTabs{padding:10px}.ownerTabs button{font-size:10px}.ownerContent{padding:13px 10px 17px}.ownerCard{padding:12px}.ownerCardTop h3{font-size:15px}.ownerOrderInfo{grid-template-columns:1fr}.ownerOrderEdit{grid-template-columns:1fr 1fr}.ownerOrderEdit button{grid-column:1/-1}.ownerReviewCard p{font-size:12px}}
/* مدخل الاستديو: لا يُنشأ إلا بعد تحقق خادم المالك. */
.owner3dStudioEntry{min-width:48px;padding:0 11px!important;border:1px solid #2e1b12!important;border-radius:10px!important;background:#4a2f20!important;color:#fff!important;font-weight:900!important;white-space:nowrap}.owner3dStudioEntry:hover,.owner3dStudioEntry:focus-visible{background:#2f1d14!important;color:#fff!important;outline:2px solid #c79a70;outline-offset:2px}@media(max-width:620px){.owner3dStudioEntry{min-width:40px;padding:0 8px!important;font-size:12px}.act{gap:5px!important}}
\n/* Logged-in header avatar beside account name. */\n.headerAccountAvatar{display:block!important;width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;min-width:28px!important;flex:0 0 28px;object-fit:cover!important;position:static!important;inset:auto!important;border:2px solid #fff;border-radius:50%;box-shadow:0 3px 9px #3b24172e;background:#ead9ca}.hasAccountAvatar>svg:first-child{display:none!important}@media(max-width:760px){.headerAccountAvatar{width:24px;height:24px;flex-basis:24px}}\n
/* Cart-owned delete action. */
.flowProductMini .flowDeleteDetails{grid-column:1/-1;width:100%!important;min-width:0;min-height:42px;margin:0;padding:10px 14px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.4;background:#9b2f24;color:#fff;border:1px solid #9b2f24;border-radius:10px;white-space:normal!important;overflow-wrap:anywhere;cursor:pointer}

/* damietta-static-runtime-fallback-20260919-v2 */
/* Critical UI styling lives in a static stylesheet so it remains stable even when runtime <style> injection is blocked. */
.siteMenuToggle{flex:0 0 48px!important;width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important;border:1px solid #d8c9b9!important;border-radius:15px!important;background:#fffdfa!important;color:#4a2f20!important;display:grid!important;place-items:center!important;padding:0!important;cursor:pointer!important;box-shadow:0 7px 18px #4a2f2012!important}
.siteMenuIcon{display:grid!important;gap:5px!important;width:22px!important;height:auto!important}.siteMenuIcon i{display:block!important;width:22px!important;height:2px!important;border-radius:99px!important;background:currentColor!important}
.siteDrawerBackdrop{position:fixed!important;inset:0!important;z-index:4990!important;background:#17100d78!important;backdrop-filter:blur(5px)!important;opacity:0!important;visibility:hidden!important}.siteDrawerBackdrop.open{opacity:1!important;visibility:visible!important}
.siteSideDrawer{position:fixed!important;z-index:5000!important;top:0!important;right:0!important;width:min(430px,94vw)!important;max-width:94vw!important;height:100dvh!important;padding:18px!important;background:linear-gradient(180deg,#fffaf5,#f8efe6)!important;border-left:1px solid #d9c8b7!important;box-shadow:-28px 0 80px #2b190f40!important;transform:translateX(105%)!important;overflow:auto!important;color:#2c2019!important}.siteSideDrawer.open{transform:translateX(0)!important}
.siteDrawerHero{position:relative!important;text-align:center!important;padding:18px 48px 22px!important}.siteDrawerBrand{display:grid!important;justify-items:center!important}.siteDrawerBrand img{display:block!important;position:static!important;width:104px!important;height:104px!important;max-width:104px!important;max-height:104px!important;object-fit:contain!important}.siteDrawerClose{position:absolute!important;top:0!important;left:0!important;width:42px!important;height:42px!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important}
.siteDrawerNav{display:grid!important;gap:11px!important}.siteDrawerLink{width:100%!important;min-height:76px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:10px 17px!important;border:1px solid #e4d8cc!important;border-radius:23px!important;background:#fffdfb!important;color:#321f15!important}.siteDrawerLabel{display:flex!important;align-items:center!important;gap:15px!important;min-width:0!important}.siteDrawerIconCircle{display:grid!important;place-items:center!important;flex:0 0 54px!important;width:54px!important;height:54px!important;border-radius:50%!important;background:#f3e8dd!important;color:#4a2f20!important}.siteDrawerIconCircle svg{display:block!important;width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}.siteDrawerLink strong{font-size:23px!important;line-height:1.25!important}.siteDrawerArrow{font-size:34px!important;line-height:1!important}

.damiettaFooter{position:relative!important;overflow:hidden!important;margin-top:58px!important;background:linear-gradient(135deg,#2b1c15,#17100d)!important;color:#f7eee5!important;border-top:1px solid #7f583b!important}.damiettaFooterInner{position:relative!important;width:min(1180px,calc(100% - 36px))!important;margin:auto!important;padding:52px 0 26px!important}.damiettaFooterGrid{display:grid!important;grid-template-columns:1.25fr .8fr .95fr!important;gap:42px!important;align-items:start!important}.damiettaFooterBrand{display:flex!important;align-items:center!important;gap:15px!important;margin-bottom:18px!important}.damiettaFooterLogo{display:block!important;position:static!important;width:76px!important;height:76px!important;max-width:76px!important;max-height:76px!important;object-fit:cover!important;border-radius:20px!important}.damiettaFooter h2{margin:0!important;font-size:25px!important;color:#fff7ee!important}.damiettaFooter h3{margin:0 0 17px!important;color:#e0b47d!important;font-size:14px!important}.damiettaFooterCopy{max-width:390px!important;color:#cbb8a8!important;line-height:1.9!important;font-size:13px!important}.damiettaFooterLinks,.damiettaFooterContact{display:grid!important;gap:12px!important}.damiettaFooter a{color:#f7eee5!important;text-decoration:none!important}.damiettaFooterContact a{display:flex!important;align-items:center!important;gap:11px!important;width:max-content!important;max-width:100%!important}.damiettaFooterIcon{width:36px!important;height:36px!important;flex:0 0 36px!important;display:grid!important;place-items:center!important;border:1px solid #704e39!important;border-radius:11px!important}.damiettaFooterIcon svg,.damiettaSocialButton svg{display:block!important;width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}.damiettaFooterDivider{height:1px!important;margin:35px 0 22px!important;background:#8c6245!important}.damiettaFooterSocial,.damiettaFooterPayments{display:flex!important;justify-content:center!important;align-items:center!important;gap:11px!important;flex-wrap:wrap!important}.damiettaSocialButton{width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid #7a553d!important;border-radius:14px!important}.damiettaFooterPayments{margin:22px auto!important}.damiettaPayChip{height:34px!important;min-width:70px!important;max-width:none!important;padding:0 12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;background:#f5ede5!important;color:#2b1d16!important;font-size:11px!important;font-weight:900!important}.damiettaFooterBottom{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;padding-top:17px!important;border-top:1px solid #4d3528!important;font-size:11px!important}

.damPayBadges{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin-top:10px!important;align-items:center!important}.damPayBadge{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:27px!important;max-height:32px!important;padding:4px 9px!important;border:1px solid #d9cbbb!important;border-radius:8px!important;background:#fff!important;color:#322219!important;font-size:10px!important;font-weight:900!important;line-height:1!important}.damPayBadge.apple{background:#111!important;color:#fff!important;border-color:#111!important}.damPayBadge.tabby{background:#3fe0c5!important;color:#111!important;border-color:#3fe0c5!important}.damPayBadge.mada{color:#176b64!important}.damPayBadge.visa{color:#173a88!important}.damApplePayMark{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;direction:ltr!important;line-height:1!important;white-space:nowrap!important}.damAppleLogo{display:block!important;width:13px!important;height:16px!important;max-width:13px!important;max-height:16px!important;flex:0 0 13px!important}.damPaymentGrid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.damPaymentMethod{min-height:70px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.damPaymentMark{min-width:58px!important;width:auto!important;height:30px!important;max-height:30px!important;display:grid!important;place-items:center!important;font-size:12px!important}

@media(max-width:800px){.damiettaFooterGrid{grid-template-columns:1fr 1fr!important}.damiettaFooterIntro{grid-column:1/-1!important}}
@media(max-width:620px){
  header{min-height:auto!important;padding:6px 10px 8px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;grid-template-areas:"brand menu" "actions actions"!important;align-items:center!important;gap:6px 8px!important;max-width:100vw!important;overflow:visible!important}
  header .brand{grid-area:brand!important;justify-self:start!important;min-width:0!important;gap:7px!important}
  header .brand .logo{width:39px!important;height:39px!important;min-width:39px!important;max-width:39px!important;flex:0 0 39px!important;border-radius:10px!important}
  header .brand b{font-size:13px!important;line-height:1.15!important;white-space:nowrap!important}header .brand small{font-size:8px!important;margin-top:2px!important;white-space:nowrap!important}
  header .siteMenuToggle{grid-area:menu!important;justify-self:end!important;width:40px!important;height:40px!important;min-width:40px!important;max-width:40px!important;flex-basis:40px!important;border-radius:12px!important}
  header .siteMenuIcon{width:20px!important;gap:4px!important}
  header .act{grid-area:actions!important;width:100%!important;display:grid!important;grid-template-columns:.9fr 1.25fr .9fr!important;gap:6px!important;min-width:0!important}
  header .act .hb{width:100%!important;min-width:0!important;height:42px!important;padding:0 8px!important;border-radius:12px!important;font-size:11px!important;gap:5px!important;justify-content:center!important;white-space:nowrap!important}
  header .act .hb svg{width:17px!important;height:17px!important;max-width:17px!important;max-height:17px!important;flex:0 0 17px!important}
  .siteSideDrawer{width:100vw!important;max-width:100vw!important}.siteDrawerIconCircle{flex-basis:48px!important;width:48px!important;height:48px!important}.siteDrawerIconCircle svg{width:25px!important;height:25px!important}
  .damiettaFooterInner{width:calc(100% - 28px)!important;padding:34px 0 22px!important}.damiettaFooterGrid{grid-template-columns:1fr!important;gap:28px!important}.damiettaFooterIntro{grid-column:auto!important}.damiettaFooterBottom{display:grid!important;text-align:center!important;justify-content:center!important}  .damPaymentMark{min-width:50px!important;font-size:10px!important}.damAppleLogo{width:12px!important;height:15px!important;max-width:12px!important;max-height:15px!important}
}
@media(max-width:390px){
  header{grid-template-columns:minmax(0,1fr) 38px!important;padding:5px 8px 7px!important;gap:5px 6px!important}
  header .brand .logo{width:35px!important;height:35px!important;min-width:35px!important;max-width:35px!important;flex-basis:35px!important}
  header .brand b{font-size:12px!important}header .brand small{font-size:7.5px!important}
  header .siteMenuToggle{width:37px!important;height:37px!important;min-width:37px!important;max-width:37px!important;flex-basis:37px!important}
  header .act{gap:5px!important;grid-template-columns:.86fr 1.3fr .86fr!important}
  header .act .hb{height:39px!important;padding:0 6px!important;font-size:10px!important;border-radius:11px!important}
  header .act .hb svg{width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important;flex:0 0 16px!important}
}

/* Product media ownership: one canonical rule set. */
html body #products .coffeeGallery,
html body #products #deskGallery{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:4/3!important;
  overflow:hidden!important;
  background:#fffdfa!important;
}
html body #products .coffeeGallery img,
html body #products #deskImage{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-position:center center!important;
  transform:none!important;
  filter:none!important;
  image-rendering:auto!important;
  background:#fffdfa!important;
}
html body #products .coffeeGallery img{object-fit:contain!important}
html body #products #deskImage{object-fit:contain!important}
html body #products .deskGallery.deskGrayGallery{aspect-ratio:4/3!important}
html body #products #deskImage.deskGrayImage{object-fit:contain!important}

/* Preserve the existing opening image without crop or artificial scaling. */
html body .heroCard .heroImg{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  background:#fffdfa!important;
}
html body #heroImage{
  position:static!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  filter:none!important;
  image-rendering:auto!important;
  background:#fffdfa!important;
}

/* Keep the current coffee option layout; only its ownership is consolidated here. */
html body #products .coffeeGallery+.body .addonChoices{
  display:flex!important;
  gap:9px!important;
  flex-wrap:wrap!important;
  align-items:center!important;
}
html body #products .coffeeGallery+.body .addonChoice{
  min-height:44px!important;
  padding:10px 15px!important;
  white-space:normal!important;
  line-height:1.35!important;
}
@media(max-width:430px){
  html body #products .coffeeGallery+.body .addonChoices{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body #products .coffeeGallery+.body .addonChoice{
    width:100%!important;
    min-width:0!important;
    padding:10px 8px!important;
  }
}


/* مؤشر بني غامق بحواف ذهبية */
@media (hover: hover) and (pointer: fine) {
  html,
  body,
  body * {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='36' viewBox='0 0 32 36'%3E%3Cpath d='M5 3L5 26L11 20L16 31L21 28.5L16 18L26 18Z' fill='%233B281E' stroke='%23A68445' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") 5 3, auto !important;
  }

  /* يتحول إلى ذهبي عند كل عنصر قابل للنقر */
  a,
  a *,
  button,
  button *,
  summary,
  summary *,
  label[for],
  label[for] *,
  [role="button"],
  [role="button"] *,
  [onclick],
  [onclick] *,
  select,
  option,
  input[type="submit"],
  input[type="button"],
  input[type="checkbox"],
  input[type="radio"],
  input[type="file"],
  .addonChoice,
  .flowAddon,
  .flowColor,
  .siteMenuToggle,
  .siteDrawerLink,
  .hb {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='36' viewBox='0 0 32 36'%3E%3Cpath d='M5 3L5 26L11 20L16 31L21 28.5L16 18L26 18Z' fill='%23947738' stroke='%233B281E' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") 5 3, pointer !important;
  }
}


/* 2026-09-22 account-scoped Face ID */
.accountFaceIdLogin{
  width:100%;min-height:72px;margin-top:12px;padding:12px 16px;
  display:flex;align-items:center;justify-content:center;gap:13px;
  border:1px solid #d8c8b8;border-radius:16px;background:#fffaf4;color:#4f3422;
  font:inherit;text-align:right;cursor:pointer;transition:.18s ease;
}
.accountFaceIdLogin>span:last-child{display:grid;gap:3px}
.accountFaceIdLogin strong{font-size:16px;line-height:1.25}
.accountFaceIdLogin small{font-size:10px;color:#8a786b;line-height:1.45}
.accountFaceIdLogin .faceIdGlyph{
  width:46px;height:46px;border-radius:13px;display:grid;place-items:center;
  background:#d8cdc3;color:#fff;font-size:24px;font-weight:900;transition:.18s ease;
}
.accountFaceIdLogin:disabled{opacity:.58;cursor:not-allowed;box-shadow:none}
.accountFaceIdLogin.ready{border-color:#7a5236;background:linear-gradient(135deg,#fffdfa,#f6ede4);box-shadow:0 9px 20px #4a2f2017}
.accountFaceIdLogin.ready .faceIdGlyph{background:linear-gradient(135deg,#6a452d,#321d11)}
.accountFaceIdLogin.ready:active{transform:scale(.985)}
@media(max-width:480px){
  .accountFaceIdLogin{min-height:68px;padding:11px 13px}
  .accountFaceIdLogin strong{font-size:15px}
  .accountFaceIdLogin small{font-size:9.5px}
}


/* 2026-09-22 owner launch from account */
.profileOwnerLaunch{
  width:100%;min-height:72px;margin:14px 0 8px;padding:13px 16px;
  border:1px solid #6b452d;border-radius:16px;
  background:linear-gradient(135deg,#3d2416,#6a4329);color:#fff;
  display:grid;grid-template-columns:1fr auto;grid-template-areas:"title arrow" "sub arrow";
  gap:3px 12px;align-items:center;text-align:right;cursor:pointer;
  box-shadow:0 12px 28px rgba(63,37,22,.18)
}
.profileOwnerLaunch span{grid-area:title;font-size:17px;font-weight:900}
.profileOwnerLaunch small{grid-area:sub;color:#ead8c8;font-size:10px;line-height:1.5}
.profileOwnerLaunch b{grid-area:arrow;font-size:24px;font-weight:400}
.profileOwnerLaunch:active{transform:scale(.99)}

.authTerms a{color:#825629;font-weight:800;text-decoration:underline;text-underline-offset:3px}.authTerms a:hover,.authTerms a:focus-visible{color:#4a2f20;text-decoration-thickness:2px}.authTerms a:focus-visible{outline:2px solid #825629;outline-offset:3px;border-radius:2px}

.authConsent{display:flex;align-items:flex-start;gap:9px;margin:12px 0 15px;padding:10px 11px;border:1px solid #dfd3c5;border-radius:11px;background:#fffaf4;color:#5a483b;font-size:11px;line-height:1.8}
.accountPanel.authPanel .authConsent input[type="checkbox"]{appearance:auto!important;flex:0 0 auto;width:17px;height:17px;margin:3px 0 0;accent-color:#4a2f20;cursor:pointer}
.authConsent label{cursor:pointer}.authConsent a{color:#825629;font-weight:800;text-decoration:underline;text-underline-offset:3px}.authConsent a:hover,.authConsent a:focus-visible{color:#4a2f20;text-decoration-thickness:2px}.authConsent input:focus-visible{outline:2px solid #825629;outline-offset:2px}

.authInner .authLoadingEmpty{padding:34px 10px}

/* Component-owned review and account presentation. */
.reviews-visual{position:relative;width:min(100%,1448px);margin:34px auto;padding:0 16px}.reviews-visual img{display:block;width:100%;height:auto}.reviews-visual-action{position:absolute;top:39.5%;right:6.5%;width:26%;height:10.5%;border:0;background:transparent;color:transparent;cursor:pointer;padding:0}@media(max-width:640px){.reviews-visual{margin:22px auto;padding:0 10px}}

    .act .hb.hasAccountAvatar{overflow:visible!important}
    .act .hb .headerAccountAvatar{display:block!important;width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;min-height:28px!important;max-height:28px!important;flex:0 0 28px!important;object-fit:cover!important;object-position:center center!important;position:static!important;inset:auto!important;margin:0!important;padding:0!important;border:2px solid #fff!important;border-radius:50%!important;box-shadow:0 3px 9px #3b24172e!important;background:#ead9ca!important}
    .act .hb.hasAccountAvatar>svg:first-child{display:none!important}
    .profileAvatarEdit{left:50%!important;right:auto!important;bottom:-8px!important;transform:translateX(-50%)!important;width:36px!important;height:36px!important;display:grid!important;place-items:center!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:0!important;border-radius:50%!important}
    .profileAvatarEdit svg{display:block!important;width:18px!important;height:18px!important;margin:0!important;padding:0!important;transform:none!important;position:static!important;inset:auto!important}
    @media(max-width:760px){.act .hb .headerAccountAvatar{width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;min-height:24px!important;max-height:24px!important;flex-basis:24px!important}}