/* Cart presentation only. Product snapshots and checkout remain owned by cart-flow. */
body.damCartOpen{overflow:hidden}
body.damCartOpen #cartConfirm{visibility:hidden!important;pointer-events:none!important}
#cartOverlay{background:rgba(29,20,15,.68)!important;backdrop-filter:blur(8px);padding:24px!important;align-items:center!important}
#cartOverlay .cartFlowPanel{--cart-ink:#35241b;--cart-muted:#796a5c;--cart-line:#e3d9cd;--cart-paper:#fffdf8;--cart-accent:#ad8554;width:min(1120px,100%)!important;max-width:1120px!important;max-height:calc(100dvh - 48px)!important;border-radius:18px!important;background:#f7f3ec!important;color:var(--cart-ink)!important;scrollbar-color:#9b7954 #eee5d8;scrollbar-width:thin;overscroll-behavior:contain}
#cartOverlay .cartFlowPanel::-webkit-scrollbar{width:7px}
#cartOverlay .cartFlowPanel::-webkit-scrollbar-thumb{background:#9b7954;border-radius:8px}
#cartOverlay .cartFlowPanel *{box-sizing:border-box;min-width:0}
#cartOverlay .flowDetailsHead{display:flex;justify-content:space-between;gap:20px;padding:26px 30px;background:var(--cart-paper);border-color:var(--cart-line)}
#cartOverlay .flowTitle{text-align:right;justify-content:flex-start;flex:1}
#cartOverlay .flowEyebrow{display:block;color:#967448;font-size:11px;letter-spacing:.3px;margin-bottom:7px;font-weight:700}
#cartOverlay .flowTitle h2,#cartOverlay .flowSummaryHead h2{font-size:27px;line-height:1.5;color:var(--cart-ink)}
#cartOverlay .flowTitle p,#cartOverlay .flowSummaryHead p{font-size:12px;color:var(--cart-muted)}
#cartOverlay .flowCartCount{font-size:12px;padding:8px 12px;border:1px solid var(--cart-line);border-radius:8px;color:var(--cart-muted)}
#cartOverlay .flowClose{width:40px;height:40px;flex:none;border-radius:10px;background:#f3ece2;color:#614936;border:1px solid #e3d5c4;box-shadow:none;font-size:25px}
#cartOverlay .flowItemSelector{display:flex;gap:10px;padding:18px 30px 0;margin:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#ad8554 transparent}
#cartOverlay .flowItemTab{flex:0 0 auto;display:flex;align-items:center;gap:10px;max-width:300px;min-height:58px;padding:10px 14px;border:1px solid var(--cart-line);border-radius:10px;background:var(--cart-paper);color:var(--cart-ink);text-align:right}
#cartOverlay .flowItemTab.on{border-color:#8f6a43;background:#eee3d3;box-shadow:none}
#cartOverlay .flowItemTab>span{border-radius:7px;background:#e6d9c6;color:#61432c;width:28px;height:28px;display:grid;place-items:center}
#cartOverlay .flowItemTab b{font-size:12px}
#cartOverlay .flowItemTab small,#cartOverlay .flowItemTab .flowSelectedColor{display:none}
#cartOverlay .flowItemTab>i{font-style:normal;font-size:12px;color:#947b5d}
#cartOverlay .flowWizardSteps{padding:22px 30px 20px;gap:12px}
#cartOverlay .flowWizardStep{position:relative;display:flex;justify-content:center;align-items:center;gap:9px;border-bottom:2px solid #e2d8ca;padding:10px 3px 14px;font-size:12px;color:#897b6c}
#cartOverlay .flowWizardStep span{font-size:11px}
#cartOverlay .flowWizardStep i{width:24px;height:24px;font-size:11px;background:#e8dfd3;border-radius:7px}
#cartOverlay .flowWizardStep.on{border-bottom-color:#745030;color:#513420}
#cartOverlay .flowWizardStep.on i,#cartOverlay .flowWizardStep.done i{background:#513420;color:#fff8ec}
#cartOverlay .flowWorkspace{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:24px;padding:0 30px 28px;align-items:start}
#cartOverlay .flowProductMini{display:flex!important;flex-direction:column;align-items:stretch;gap:0;margin:0!important;padding:0!important;overflow:hidden;border:1px solid var(--cart-line);border-radius:14px;background:var(--cart-paper)!important;box-shadow:0 8px 28px #4a352407}
#cartOverlay .flowProductMini>img{display:block;width:100%!important;height:auto!important;aspect-ratio:4/3;max-height:320px;object-fit:contain!important;border-radius:0;padding:14px;background:#eee8df}
#cartOverlay .flowProductCopy{padding:20px 20px 8px}
#cartOverlay .flowProductCopy>b{font-size:22px;margin:5px 0}
#cartOverlay .flowProductCopy>small{font-size:11px;color:var(--cart-muted);margin:0 0 5px}
#cartOverlay .flowProductCopy .flowSelectedColor{display:inline-flex;align-items:center;gap:8px;margin:10px 0 3px;font-size:12px}
#cartOverlay .flowLiveDimensions{font-size:12px;color:#776452;line-height:1.8;margin:7px 0;direction:rtl}
#cartOverlay .flowLiveChoices{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}
#cartOverlay .flowLiveChoices span{padding:5px 9px;background:#f0e8dc;border-radius:6px;font-size:10px;color:#745738}
#cartOverlay .flowLiveHandles{font-size:11px;color:#745738;margin:8px 0;line-height:1.7}
#cartOverlay .flowProductMini .flowDeleteDetails{width:calc(100% - 40px)!important;min-height:44px!important;margin:8px 20px 18px!important;padding:8px!important;background:transparent!important;color:#886650!important;border:1px solid #e0d2c1!important;border-radius:8px;white-space:normal!important;font-size:11px!important}
#cartOverlay .flowDeleteDetails:hover{background:#f9eee8!important;color:#943c2f!important;border-color:#d6b7a8!important}
#cartOverlay .flowConfiguration{border:1px solid var(--cart-line);border-radius:14px;background:var(--cart-paper);padding:22px;min-height:350px}
#cartOverlay .flowStepCaption{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9a8061;padding-bottom:15px;margin-bottom:18px;border-bottom:1px solid #eee5d9}
#cartOverlay .flowStepCaption span{font-weight:700;color:#684b31}
#cartOverlay .flowWizardBody{padding:0!important;min-height:230px}
#cartOverlay .flowSectionTitle>span{display:none}
#cartOverlay .flowSectionTitle{margin-bottom:18px}
#cartOverlay .flowSectionTitle h3{font-size:20px}
#cartOverlay .flowSectionTitle p{font-size:12px;line-height:1.8}
#cartOverlay .flowColors{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#cartOverlay .flowColor{display:flex;justify-content:flex-start;gap:12px;min-height:72px;padding:14px;background:#fffdf8!important;border:1px solid #e2d7c8!important;border-radius:10px;color:#493322!important}
#cartOverlay .flowColor i{width:34px;height:34px;flex:none}
#cartOverlay .flowColor b{font-size:12px}
#cartOverlay .flowColor.on{border:2px solid #86633e!important;background:#f4eddf!important;box-shadow:none;padding:13px}
#cartOverlay .flowColor.on:after{right:auto;left:8px;top:8px;background:#86633e}
#cartOverlay .flowMeasureGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#cartOverlay .flowMeasureGrid label{padding:10px 8px!important;background:#f8f4ed!important;font-size:11px}
#cartOverlay .flowMeasureGrid input{font-size:16px;height:48px;padding:8px;text-align:center}
#cartOverlay .flowMeasureGrid i{display:none}
#cartOverlay .flowAddons{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#cartOverlay .flowAddon{min-height:100px;background:#fffdf8!important;border-color:#e2d7c8!important;border-radius:10px}
#cartOverlay .flowAddon.on{background:#f1e7d8!important;border-color:#8c6943!important}
#cartOverlay .flowAddon b{font-size:12px}
#cartOverlay .flowAddon small{font-size:11px}
#cartOverlay .flowCoffeeHandles,#cartOverlay .flowDeskHandles{color:#4a2f20;margin-top:24px}
#cartOverlay .flowHandleReference{max-width:340px;margin-inline:auto}
#cartOverlay .flowPreviewCard{grid-template-columns:1fr;border:0;padding:0;background:transparent;gap:0}
#cartOverlay .flowPreviewCard>img{display:none}
#cartOverlay .flowPreviewCard p{font-size:12px;line-height:1.8}
#cartOverlay .flowPreviewChips span{border-radius:6px;font-size:11px}
#cartOverlay .flowPreviewCard .flowPrimary{margin-top:18px;width:100%;font-size:12px}
#cartOverlay .flowPriceNotice{padding:15px;line-height:1.9;border-radius:10px}
#cartOverlay .flowPriceNotice span{font-size:12px}
#cartOverlay .flowWizardFooter{padding:16px 30px calc(16px + env(safe-area-inset-bottom));grid-template-columns:120px 1fr 180px;background:#fffdf8f5;border-color:var(--cart-line);box-shadow:0 -8px 24px #35241b06}
#cartOverlay .flowWizardEstimate{justify-items:center}
#cartOverlay .flowWizardEstimate small{font-size:11px}
#cartOverlay .flowWizardEstimate strong{font-size:22px;font-variant-numeric:tabular-nums;color:#35241b}
#cartOverlay .flowPrimary{background:#3b271b;color:#fff5e4;border-radius:10px;box-shadow:none;font-size:13px}
#cartOverlay .flowPrimary:hover{background:#60412b}
#cartOverlay .flowSecondary{border-color:#d8c8b3;background:transparent;color:#684a31;border-radius:10px;font-size:12px}
#cartOverlay button:focus-visible,#cartOverlay a:focus-visible,#cartOverlay input:focus-visible,#cartOverlay select:focus-visible,#cartOverlay textarea:focus-visible,#cartOverlay summary:focus-visible{outline:3px solid #bb935d;outline-offset:3px}
#cartOverlay .cartShortCheckout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:24px;padding:0 30px!important}
#cartOverlay .flowSummaryHead{grid-column:1/-1;text-align:right;margin:0 -30px;padding:26px 30px;background:var(--cart-paper)}
#cartOverlay .flowSummaryHead .flowClose{left:30px;top:30px}
#cartOverlay .flowDammam{grid-column:1/-1;margin:20px 0;font-size:12px;text-align:right;background:#ede4d5!important;color:#6c5035!important;border:0;border-radius:10px}
#cartOverlay .flowSummaryItems{grid-column:1;grid-row:3/span 6;align-self:start;display:grid;gap:14px;margin:0;padding:0!important}
#cartOverlay .flowSummaryItem.compact{display:grid;grid-template-columns:140px 1fr!important;gap:18px;padding:18px!important;border-radius:14px;background:#fffdf8!important;align-items:start}
#cartOverlay .flowSummaryItem.compact>img{width:140px!important;height:145px!important;object-fit:contain!important;border-radius:10px;background:#f0e9de}
#cartOverlay .flowItemCopy h3{font-size:19px}
#cartOverlay .flowItemCopy p{font-size:12px;line-height:1.7}
#cartOverlay .flowItemCopy>strong{font-size:18px;margin:12px 0}
#cartOverlay .flowEdit{min-height:40px;font-size:12px;background:transparent;border-color:#d8c8b3}
#cartOverlay .flowCheckoutContact{grid-column:2;margin:0 0 16px;padding:20px;border-radius:14px;background:var(--cart-paper);border-color:var(--cart-line)}
#cartOverlay .flowCheckoutContact .flowSectionTitle h3{font-size:17px}
#cartOverlay .flowContactGrid label{font-size:12px}
#cartOverlay .flowContactGrid input,#cartOverlay .flowContactGrid select{font-size:14px}
#cartOverlay .flowSummaryBottom{grid-column:2;grid-template-columns:1fr;padding:0;margin:0 0 16px}
#cartOverlay .flowOrderTotals{padding:20px;background:#3b271b!important;color:#fff4e2!important;border:0;border-radius:14px}
#cartOverlay .flowOrderTotals h3{font-size:15px;color:#f5e4cb}
#cartOverlay .flowOrderTotals .total span{font-size:12px}
#cartOverlay .flowOrderTotals .total strong{font-size:23px;color:#e2bd83}
#cartOverlay .flowOrderTotals>small{font-size:11px;line-height:1.9;color:#cebba1}
#cartOverlay .flowSaleTerms{grid-column:2;padding:16px 0!important;font-size:12px;line-height:1.9}
#cartOverlay .flowSaleTerms h3{font-size:14px}
#cartOverlay .flowSaleTerms a{color:#79562f;text-decoration:underline;text-underline-offset:4px}
#cartOverlay .damSummarySave,#cartOverlay .damPaymentBox{grid-column:2;margin:0 0 16px;border-radius:12px;font-size:12px}
#cartOverlay .flowSummaryFooter{position:sticky;bottom:0;z-index:5;grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;margin:0 -30px;padding:18px 30px calc(18px + env(safe-area-inset-bottom));background:#fffdf8f5;border-top:1px solid var(--cart-line);backdrop-filter:blur(12px)}
#cartOverlay .flowWhatsappSmart{border-radius:10px;background:#eef0e7;color:#526147;border:1px solid #d1d8c4;font-size:12px;min-height:48px;font:inherit}
@media(max-width:760px){
 #cartOverlay{padding:0!important;align-items:flex-end!important}
 #cartOverlay .cartFlowPanel{max-height:94dvh!important;border-radius:18px 18px 0 0!important;width:100%!important;margin:0!important}
 #cartOverlay .flowDetailsHead{padding:20px 16px;gap:10px}
 #cartOverlay .flowTitle h2,#cartOverlay .flowSummaryHead h2{font-size:21px}
 #cartOverlay .flowEyebrow{font-size:10px}
 #cartOverlay .flowCartCount{display:none}
 #cartOverlay .flowItemSelector{padding:14px 16px 0;gap:8px}
 #cartOverlay .flowWizardSteps{padding:14px 12px;gap:4px}
 #cartOverlay .flowWizardStep{flex-direction:column;gap:6px;padding:8px 2px;font-size:10px}
 #cartOverlay .flowWizardStep span{font-size:9px}
 #cartOverlay .flowWorkspace{grid-template-columns:1fr;gap:14px;padding:0 14px 18px}
 #cartOverlay .flowProductMini{display:grid!important;grid-template-columns:100px minmax(0,1fr)!important;align-items:center;padding:12px!important;gap:12px}
 #cartOverlay .flowProductMini>img{width:100px!important;height:100px!important;aspect-ratio:1;border-radius:9px;padding:3px}
 #cartOverlay .flowProductCopy{padding:0!important}
 #cartOverlay .flowProductCopy>b{font-size:18px;margin:4px 0}
 #cartOverlay .flowProductCopy>small{font-size:10px}
 #cartOverlay .flowProductCopy .flowSelectedColor{margin:5px 0;font-size:11px}
 #cartOverlay .flowLiveDimensions{font-size:11px;margin:4px 0}
 #cartOverlay .flowLiveChoices,#cartOverlay .flowLiveHandles{grid-column:1/-1;font-size:10px}
 #cartOverlay .flowProductMini .flowDeleteDetails{grid-column:1/-1;width:100%!important;margin:0!important;min-height:40px!important}
 #cartOverlay .flowConfiguration{min-height:0;padding:18px 14px}
 #cartOverlay .flowWizardBody{min-height:0}
 #cartOverlay .flowSectionTitle h3{font-size:18px}
 #cartOverlay .flowColors{gap:8px}
 #cartOverlay .flowColor{gap:8px;padding:10px;min-height:70px}
 #cartOverlay .flowColor.on{padding:9px}
 #cartOverlay .flowColor i{width:27px;height:27px}
 #cartOverlay .flowColor b{font-size:11px}
 #cartOverlay .flowMeasureGrid{grid-template-columns:1fr}
 #cartOverlay .flowMeasureGrid label{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:10px 12px!important}
 #cartOverlay .flowWizardFooter{padding:12px 12px calc(12px + env(safe-area-inset-bottom));grid-template-columns:64px 1fr 110px;gap:8px}
 #cartOverlay .flowWizardEstimate strong{font-size:17px}
 #cartOverlay .flowWizardEstimate small{font-size:9px}
 #cartOverlay .flowWizardFooter .flowPrimary,#cartOverlay .flowWizardFooter .flowSecondary{min-height:48px!important;padding:8px!important;font-size:12px!important}
 #cartOverlay .cartShortCheckout{grid-template-columns:1fr;padding:0 14px!important;gap:0}
 #cartOverlay .flowSummaryHead{margin:0 -14px;padding:22px 16px 22px 60px}
 #cartOverlay .flowSummaryHead .flowClose{left:14px;top:22px}
 #cartOverlay .flowSummaryItems{grid-column:1;grid-row:auto;margin-bottom:16px;padding:0!important}
 #cartOverlay .flowSummaryItem.compact{grid-template-columns:88px minmax(0,1fr)!important;gap:12px;padding:14px!important}
 #cartOverlay .flowSummaryItem.compact>img{width:88px!important;height:100px!important}
 #cartOverlay .flowItemCopy h3{font-size:18px}
 #cartOverlay .flowCheckoutContact,#cartOverlay .flowSummaryBottom,#cartOverlay .flowSaleTerms,#cartOverlay .damSummarySave,#cartOverlay .damPaymentBox{grid-column:1}
 #cartOverlay .flowContactGrid{grid-template-columns:1fr}
 #cartOverlay .flowSummaryFooter{grid-template-columns:1fr 1fr;gap:8px;margin:0 -14px;padding:12px 14px calc(12px + env(safe-area-inset-bottom))}
 #cartOverlay #flowCheckout{grid-column:1/-1;order:0}
 #cartOverlay .flowSummaryFooter button{min-height:46px;font-size:11px!important;padding:9px!important}
}
@media(prefers-reduced-motion:reduce){#cartOverlay *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

#cartOverlay .flowFieldError{display:block;min-height:0;margin-top:6px;color:#9c2e20;font-size:12px;line-height:1.6;font-weight:700}#cartOverlay input[aria-invalid="true"]{border-color:#ae3928!important;box-shadow:0 0 0 2px #ae392815}#cartOverlay .flowFieldError:empty{display:none}