/* Mobile/UI fixes for homepage sections loaded under strict CSP */
.faqSection{width:min(100% - 24px,1024px);margin:16px auto 30px;padding:0}
.faqSection h2{font-size:clamp(28px,7vw,36px);margin:0 0 6px;color:#342116}
.faqSection>p{color:#786b61;margin:0 0 14px;line-height:1.7}
.faqList{display:grid;gap:10px}
.faqItem{border:1px solid #dfd0c1;border-radius:16px;background:#fffaf5;overflow:hidden;box-shadow:0 8px 20px #4a2f2008}
.faqQuestion{width:100%;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:0;background:transparent;color:#342116;padding:14px 16px;text-align:right;font:inherit;font-weight:900;cursor:pointer}
.faqQuestion span{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#efe4d8;color:#6a4630;font-size:21px;line-height:1;transition:transform .2s ease}
.faqItem.open .faqQuestion span{transform:rotate(45deg)}
.faqAnswer{display:none;padding:0 16px 16px;color:#786b61;line-height:1.85;font-size:14px}
.faqItem.open .faqAnswer{display:block}
.theme-dark .faqSection h2{color:#f6eee7}
.theme-dark .faqItem{background:#251d19;border-color:#4b392f}
.theme-dark .faqQuestion{color:#f6eee7}
.theme-dark .faqQuestion span{background:#3b2d25;color:#e7c09a}
.theme-dark .faqAnswer,.theme-dark .faqSection>p{color:#cbbcb0}

/* Keep room/3D CTA text readable */
#coffeeArButton,#deskArButton,.arTryBtn,.arTryBtn *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
#coffeeArButton,#deskArButton,.arTryBtn{
  background:linear-gradient(135deg,#6f4932,#352219)!important;
  border-color:#6a4630!important;
  opacity:1!important;
}

/* Reviews → FAQ spacing */
.reviews-visual + .faqSection{margin-top:14px!important}

@media(max-width:620px){
  .faqSection{width:calc(100% - 20px);margin-top:12px;margin-bottom:24px}
  .faqSection h2{font-size:32px}
  .faqQuestion{padding:13px 14px;font-size:16px;line-height:1.45}
  .faqAnswer{padding:0 14px 14px;font-size:14px}
}


/* 2026-09-21 final mobile FAQ + room CTA contrast */
#faq.faqSection{width:min(calc(100% - 20px),980px)!important;margin:18px auto 30px!important;padding:0!important;direction:rtl!important}
#faq .faqList{display:grid!important;gap:10px!important}
#faq .faqItem{display:block!important;margin:0!important;border:1px solid #decfbe!important;border-radius:17px!important;background:#fffaf5!important;overflow:hidden!important;box-shadow:0 8px 20px #4a2f2009!important}
#faq .faqQuestion{width:100%!important;min-height:56px!important;padding:14px 15px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border:0!important;background:transparent!important;color:#342116!important;text-align:right!important;font-size:16px!important;line-height:1.5!important;font-weight:900!important}
#faq .faqQuestion span{flex:0 0 30px!important;width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#efe4d8!important;color:#6a4630!important;font-size:20px!important}
#faq .faqAnswer{display:none!important;padding:0 15px 15px!important;color:#74665d!important;font-size:14px!important;line-height:1.85!important;text-align:right!important}
#faq .faqItem.open .faqAnswer{display:block!important}
#faq .faqItem.open .faqQuestion span{transform:rotate(45deg)!important}
.theme-dark #faq .faqItem{background:#251d19!important;border-color:#4b392f!important}
.theme-dark #faq .faqQuestion{color:#f6eee7!important}
.theme-dark #faq .faqAnswer{color:#cbbcb0!important}

#coffeeArButton,
#deskArButton,
button.arTryBtn,
.btn.lite.arTryBtn,
.card .body .btns .arTryBtn,
#coffeeArButton *,
#deskArButton *,
button.arTryBtn *,
.btn.lite.arTryBtn *{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 1px 1px #0005!important;
}
#coffeeArButton,
#deskArButton,
button.arTryBtn,
.btn.lite.arTryBtn{
  background:linear-gradient(135deg,#765037,#3e2a20)!important;
  border:1px solid #6a4630!important;
  opacity:1!important;
  filter:none!important;
  box-shadow:0 8px 20px #4a2f2020!important;
}
#coffeeArButton:disabled,#deskArButton:disabled,button.arTryBtn:disabled{
  opacity:.72!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}


/* Owner verification choice: email code or iPhone Face ID/passkey */
.ownerMfaChoiceCard .ownerMfaMethodGrid{display:grid;grid-template-columns:1fr;gap:10px;margin:14px 0 16px}
.ownerMfaChoiceCard .ownerMfaMethod{width:100%;min-height:74px;border:1px solid #d9c7b7;border-radius:16px;background:#fffaf5;color:#4a2f20;padding:12px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:inherit;cursor:pointer}
.ownerMfaChoiceCard .ownerMfaMethod strong{font-size:17px;font-weight:900}
.ownerMfaChoiceCard .ownerMfaMethod small{font-size:12px;opacity:.72}
.ownerMfaChoiceCard .ownerMfaMethodPrimary{background:linear-gradient(135deg,#6f4932,#352219);color:#fff;border-color:#6a4630}
.ownerMfaChoiceCard .ownerMfaMethod.active{box-shadow:0 0 0 2px #8d6549 inset}
.ownerMfaChoiceCard .ownerMfaMethod:disabled{opacity:.55;cursor:wait}
#ownerMfaEmailPane[hidden]{display:none!important}
#ownerMfaEmailPane{margin-top:8px}
@media(min-width:560px){.ownerMfaChoiceCard .ownerMfaMethodGrid{grid-template-columns:1fr 1fr}}


/* Per-account Face ID login */
.authOr{display:flex;align-items:center;gap:10px;margin:14px 0;color:#9a8a7d;font-size:12px}
.authOr:before,.authOr:after{content:"";height:1px;flex:1;background:#e5d8cc}
.accountFaceIdLogin{width:100%;min-height:68px;border:1px solid #d8c6b6;border-radius:16px;background:#fffaf5;color:#4a2f20;padding:10px 14px;display:flex;align-items:center;justify-content:center;gap:12px;font:inherit;cursor:pointer}
.accountFaceIdLogin>span:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:right}
.accountFaceIdLogin strong{font-size:16px;font-weight:900}
.accountFaceIdLogin small{font-size:11px;opacity:.68}
.accountFaceIdLogin .faceIdGlyph{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#4a2f20;color:#fff;font-size:22px;font-weight:900}
.accountFaceIdLogin:disabled{opacity:.55;cursor:wait}
.theme-dark .accountFaceIdLogin{background:#251d19;border-color:#4b392f;color:#f6eee7}
.theme-dark .authOr:before,.theme-dark .authOr:after{background:#4b392f}


/* Session controls stay reachable even inside long account/order panels */
.profileSessionBar{
  position:static;
  display:grid;grid-template-columns:1fr 1fr;gap:8px;
  margin:8px 0 14px;padding:8px;
  border:1px solid #e1d4c8;border-radius:16px;
  background:rgba(255,250,245,.96);backdrop-filter:blur(10px);
  box-shadow:0 8px 24px #3f2a1d18
}
.profileSessionBar button{
  min-height:46px;border-radius:12px;border:1px solid #6a4630;
  background:#fff;color:#5a3a28;font:inherit;font-weight:900
}
.profileSessionBar button.danger{background:#6b2f2f;color:#fff;border-color:#6b2f2f}
.theme-dark .profileSessionBar{background:rgba(37,29,25,.96);border-color:#4b392f}
.theme-dark .profileSessionBar button{background:#2e231e;color:#f6eee7;border-color:#6d503f}
@media(max-width:520px){.profileSessionBar{grid-template-columns:1fr}}


/* Owner entry inside My Account */
.ownerAccountEntry{display:grid;gap:14px}
.ownerAccountEntry>div:last-child{display:flex;gap:8px;flex-wrap:wrap}
.ownerAccountEntry .ownerAccountMainBtn{background:#4b2f21;color:#fff;border-color:#4b2f21;font-weight:900}
@media(max-width:520px){
  .ownerAccountEntry>div:last-child{display:grid;grid-template-columns:1fr}
  .ownerAccountEntry button{width:100%;min-height:48px}
}


/* 2026-09-22 coffee gallery state/image alignment hotfix */
#coffeeGallery.coffeeGallery{
  width:100%!important;
  aspect-ratio:4/3!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#f4efe7!important;
  display:block!important;
}
#coffeeGallery #coffeeImage{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  display:block!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:#f4efe7!important;
}
#coffeeGallery #coffeeImage[hidden]{display:none!important}
@media(max-width:620px){
  #coffeeGallery.coffeeGallery{aspect-ratio:4/3!important;border-radius:22px 22px 0 0!important}
  #coffeeGallery #coffeeImage{object-fit:cover!important;object-position:center center!important}
}


/* 2026-09-22 coffee image quality hotfix */
#coffeeGallery.coffeeGallery{
  aspect-ratio:auto!important;
  min-height:0!important;
  background:#fffdfa!important;
}
#coffeeGallery #coffeeImage{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  image-rendering:auto!important;
  transform:none!important;
  filter:none!important;
  backface-visibility:visible!important;
}
@media(max-width:620px){
  #coffeeGallery.coffeeGallery{aspect-ratio:auto!important}
  #coffeeGallery #coffeeImage{width:100%!important;height:auto!important;object-fit:contain!important}
}


/* 2026-09-22 customer experience v2 */
.flowWizardSteps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:10px 18px 2px}
.flowWizardStep{min-width:0;border:0;background:transparent;color:#9a8779;display:grid;justify-items:center;gap:5px;padding:5px 2px;font-size:9px;font-weight:800}
.flowWizardStep i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eee5dc;color:#806653;font-style:normal;font-size:10px}
.flowWizardStep.on{color:#4b2e1d}.flowWizardStep.on i,.flowWizardStep.done i{background:#5b3823;color:#fff}
.flowWizardStep.done{color:#76533a}
.flowWizardBody{min-height:280px}
.flowWizardFooter{position:sticky;bottom:0;z-index:5;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #eadfd4;background:rgba(255,253,250,.96);backdrop-filter:blur(12px)}
.flowWizardEstimate{display:grid;justify-items:center;gap:1px}.flowWizardEstimate small{font-size:9px;color:#8c796c}.flowWizardEstimate strong{font-size:16px;color:#3c281c}
.flowWizardFooter .flowPrimary,.flowWizardFooter .flowSecondary{min-height:48px}
.flowPreviewCard{display:grid;grid-template-columns:130px 1fr;gap:14px;align-items:center;padding:12px;border:1px solid #e6d9cd;border-radius:16px;background:#fffaf5}
.flowPreviewCard img{width:130px;height:110px;object-fit:contain;border-radius:12px;background:#f7f0e9}
.flowPreviewCard h3{margin:0 0 5px;font-size:16px}.flowPreviewCard p{margin:0 0 8px;color:#806f64;font-size:11px}.flowPreviewCard strong{display:block;margin-top:8px;font-size:18px;color:#4b2e1d}.flowPreviewCard small{display:block;margin-top:3px;color:#9a887c;font-size:9px}
.flowPreviewChips{display:flex;gap:5px;flex-wrap:wrap}.flowPreviewChips span{padding:4px 7px;border-radius:999px;background:#efe4d9;color:#62432f;font-size:9px;font-weight:800}
.flowNoteTitle,.flowPhotoTitle{margin-top:18px}.flowPriceNotice{margin-top:14px;padding:12px;border-radius:13px;background:#f4eadf;border:1px solid #e2d1c1;display:grid;gap:3px}.flowPriceNotice b{font-size:12px}.flowPriceNotice span{font-size:10px;color:#7f6a5c}
.flowNoAddons{padding:18px;border:1px dashed #dbcbbb;border-radius:12px;text-align:center;color:#8c786b;font-size:11px}
.flowCheckoutContact{margin:14px 18px;padding:15px;border:1px solid #e3d6ca;border-radius:17px;background:#fffdfa}
.flowContactGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.flowContactGrid label{display:grid;gap:6px;font-size:10px;font-weight:800;color:#5c493c}.flowContactGrid label.wide{grid-column:1/-1}.flowContactGrid input,.flowContactGrid select{width:100%;min-height:46px;border:1px solid #d9cbbb;border-radius:11px;background:#fff;color:#332219;padding:10px 11px;font:inherit}
.flowWhatsappSmart{min-height:48px;border:1px solid #217b4f;border-radius:12px;background:#eaf7ef;color:#17623e;font-weight:900;padding:11px 14px}
.flowSuccessPanel{padding:18px!important}.flowSuccessHero{text-align:center;padding:14px 8px}.flowSuccessHero>span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:#e9f5ec;color:#2c7650;font-size:28px;font-weight:900}.flowSuccessHero h2{margin:0 0 5px}.flowSuccessHero p{margin:0;color:#6c594c}.flowSuccessHero small{display:block;margin-top:5px;color:#938174}
.flowSuccessStage{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #decfbe;border-radius:14px;background:#fff8ef}.flowSuccessStage i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#5a3723;color:#fff;font-style:normal;font-weight:900}.flowSuccessStage div{display:grid;gap:2px}.flowSuccessStage b{font-size:12px}.flowSuccessStage span{font-size:10px;color:#8d786a}
.flowSuccessItems{display:grid;gap:8px;margin:12px 0}.flowSuccessItem{display:grid;grid-template-columns:64px 1fr;gap:10px;align-items:center;padding:8px;border:1px solid #e8ddd3;border-radius:12px;background:#fff}.flowSuccessItem img{width:64px;height:58px;object-fit:contain;border-radius:8px;background:#f6f0ea}.flowSuccessItem div{display:grid;gap:3px}.flowSuccessItem b{font-size:11px}.flowSuccessItem span{font-size:9px;color:#837267}
.flowSuccessTotal{padding:12px;border-radius:13px;background:#f4eadf;display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center}.flowSuccessTotal span{font-size:10px;color:#806d60}.flowSuccessTotal strong{font-size:18px}.flowSuccessTotal small{grid-column:1/-1;font-size:9px;color:#967f70}
.flowSuccessActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.flowSuccessActions .flowPrimary{grid-column:1/-1;min-height:50px}.flowSuccessActions button{min-height:48px}
.customerSimpleTrack{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
.customerSimpleTrack .statusStep{min-width:0!important}
.customerSimpleTrack .statusStep span{font-size:9px!important;line-height:1.35!important}

@media(max-width:620px){
  .cartOverlay{align-items:flex-end!important;padding:0!important}
  .cartFlowPanel{width:100%!important;max-width:none!important;max-height:90dvh!important;margin:0!important;border-radius:24px 24px 0 0!important;box-shadow:0 -18px 55px rgba(34,20,12,.28)!important}
  .cartFlowPanel button,.cartFlowPanel input,.cartFlowPanel select,.cartFlowPanel textarea{font-size:16px}
  .flowDetailsHead,.flowSummaryHead{padding:13px 14px!important;position:sticky;top:0;z-index:6;background:#fffdfa}
  .flowDetailsHead h2,.flowSummaryHead h2{font-size:21px!important}
  .flowDetailsHead p,.flowSummaryHead p{font-size:10px!important}
  .flowClose{width:46px!important;height:46px!important;min-width:46px!important}
  .flowWizardSteps{padding:9px 10px 2px;gap:2px}.flowWizardStep span{font-size:8px}.flowWizardStep i{width:26px;height:26px}
  .flowProductMini{margin:8px 10px!important;padding:10px!important;grid-template-columns:70px 1fr!important}.flowProductMini img{width:70px!important;height:62px!important;object-fit:contain!important}.flowProductMini .flowDeleteDetails{min-height:48px!important}
  .flowWizardBody{min-height:auto!important;padding:13px!important}
  .flowColors{grid-template-columns:repeat(2,minmax(0,1fr))!important}.flowColor{min-height:58px!important}
  .flowMeasureGrid{grid-template-columns:1fr!important;gap:9px!important}.flowMeasureGrid label{min-height:76px!important}.flowMeasureGrid input{min-height:48px!important}
  .flowAddons{grid-template-columns:1fr 1fr!important;gap:8px!important}.flowAddon{min-height:76px!important}
  .flowPreviewCard{grid-template-columns:88px 1fr;gap:10px}.flowPreviewCard img{width:88px;height:84px}
  .flowUpload{min-height:100px!important}.flowNotes{min-height:85px!important}
  .flowWizardFooter{grid-template-columns:88px 1fr 108px;padding:10px 10px calc(10px + env(safe-area-inset-bottom));gap:6px}.flowWizardFooter button{min-height:50px!important;padding:8px!important}.flowWizardEstimate strong{font-size:14px}
  .flowSummaryItems{padding:0 10px!important}.flowSummaryItem.compact{grid-template-columns:82px 1fr!important;padding:10px!important}.flowSummaryItem.compact img{width:82px!important;height:76px!important;object-fit:contain!important}
  .flowCheckoutContact{margin:10px;padding:13px}.flowContactGrid{grid-template-columns:1fr}.flowContactGrid label.wide{grid-column:auto}.flowContactGrid input,.flowContactGrid select{min-height:50px}
  .flowSummaryBottom{padding:0 10px!important}.flowSummaryFooter{padding:10px calc(10px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(10px + env(safe-area-inset-left))!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.flowSummaryFooter #flowCheckout{grid-column:1/-1;min-height:52px!important}.flowSummaryFooter button{min-height:48px!important}
  .flowSuccessPanel{max-height:90dvh!important;overflow:auto!important;padding:14px 12px calc(14px + env(safe-area-inset-bottom))!important}.flowSuccessActions{grid-template-columns:1fr}.flowSuccessActions .flowPrimary{grid-column:auto}
  .customerSimpleTrack{grid-template-columns:repeat(4,minmax(0,1fr))!important}.customerSimpleTrack .statusStep i{width:28px!important;height:28px!important}.customerSimpleTrack .statusStep span{font-size:8px!important}
}


/* 2026-09-23 coffee color tap fix */
.customizer .swatches{
  position:relative!important;
  z-index:12!important;
  pointer-events:auto!important;
  isolation:isolate;
}
.customizer [data-coffee-color]{
  position:relative!important;
  z-index:13!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:inherit!important;
  min-width:44px!important;
  min-height:44px!important;
}
.customizer [data-coffee-color]::before{
  content:"";
  position:absolute;
  inset:-6px;
  border-radius:50%;
}
@media(max-width:620px){
  .customizer [data-coffee-color]{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
  }
}


/* 2026-09-23 reliable coffee controls + clickable cursor */
.customizer{
  position:relative!important;
  z-index:20!important;
  pointer-events:auto!important;
}
.customizer .swatches,
.customizer .addonChoices,
.customizer [data-coffee-addons]{
  position:relative!important;
  z-index:21!important;
  pointer-events:auto!important;
}
.customizer [data-coffee-color],
.customizer [data-coffee-addon]{
  position:relative!important;
  z-index:22!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:inherit!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
.customizer [data-coffee-addon]{
  min-height:44px!important;
  padding-inline:14px!important;
}
.customizer [data-coffee-color]{
  min-width:44px!important;
  min-height:44px!important;
}
button:not(:disabled),
a[href],
[role="button"],
[onclick],
label[for],
summary,
[data-coffee-color],
[data-coffee-addon]{
  cursor:inherit!important;
}
@media(max-width:620px){
  .customizer [data-coffee-color]{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
  }
  .customizer [data-coffee-addon]{
    min-height:48px!important;
    padding:10px 15px!important;
  }
}


/* DAMIETTA stable clickable cursor */
button:not(:disabled),
button:not(:disabled) *,
a[href],
a[href] *,
[role="button"],
[role="button"] *,
[onclick],
[onclick] *,
label[for],
label[for] *,
summary,
summary *,
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="checkbox"],
input[type="radio"],
select,
.btn,
.btn *,
.hb,
.hb *,
.swatch,
.swatch *,
.addonChoice,
.addonChoice *,
.themeToggle,
.themeToggle *,
.trialContact,
.trialContact *,
.custom3dAction,
.custom3dAction *{
  cursor:inherit!important;
}


/* DAMIETTA preserve custom cursor on interactive controls */
button,
button *,
a[href],
a[href] *,
[role="button"],
[role="button"] *,
[onclick],
[onclick] *,
label[for],
label[for] *,
summary,
summary *,
input,
select,
textarea,
.btn,
.btn *,
.hb,
.hb *,
.swatch,
.swatch *,
.addonChoice,
.addonChoice *,
.themeToggle,
.themeToggle *,
.trialContact,
.trialContact *,
.custom3dAction,
.custom3dAction *{
  cursor:inherit!important;
}


/* DAMIETTA subtle hover for non-product actions */
@media (hover:hover){
  body :is(
    button:not(:disabled),
    a[href],
    [role="button"],
    [onclick]
  ):not(#products *){
    transition:
      transform .16s ease,
      box-shadow .16s ease,
      filter .16s ease;
  }

  body :is(
    button:not(:disabled),
    a[href],
    [role="button"],
    [onclick]
  ):not(#products *):hover{
    transform:translateY(-1px);
    box-shadow:0 9px 22px rgba(74,47,32,.14);
    filter:brightness(1.015);
  }
}

/* 2026-09-28: stylesheet-backed visual corrections for strict CSP */
html.intro-active,html.intro-active body{overflow:hidden!important;scrollbar-width:none!important;overscroll-behavior:none!important}
html.intro-active body{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important}
html.intro-active::-webkit-scrollbar,html.intro-active body::-webkit-scrollbar{display:none!important;width:0!important}
html.intro-active #siteIntro{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;overflow:hidden!important}
html body .custom3dBanner{position:relative!important;display:block!important;width:min(92vw,560px)!important;max-width:560px!important;aspect-ratio:1.72!important;height:auto!important;min-height:0!important;margin:24px auto!important;overflow:hidden!important;border-radius:22px!important}
html body .custom3dBanner img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
html body .custom3dBanner .custom3dAction{opacity:1!important;visibility:visible!important;pointer-events:auto!important;font-family:inherit!important;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important}
html body .custom3dBanner .custom3dWhatsIcon{flex:0 0 44px!important;width:44px!important;height:44px!important;display:grid!important;place-items:center!important;border-radius:14px!important;background:linear-gradient(145deg,#31d56f,#1fac58)!important;box-shadow:0 7px 18px rgba(24,151,75,.34),inset 0 1px 0 rgba(255,255,255,.35)!important}
html body .custom3dBanner .custom3dWhatsIcon svg{width:27px!important;height:27px!important;display:block!important;fill:none!important;stroke:#fff!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html body .custom3dBanner .custom3dActionCopy{display:grid!important;gap:4px!important;min-width:0!important;text-align:right!important;line-height:1.15!important}
html body .custom3dBanner .custom3dActionCopy b{display:block!important;margin:0!important;color:#fffaf5!important;-webkit-text-fill-color:#fffaf5!important;font-size:clamp(14px,1.45vw,18px)!important;font-weight:950!important;white-space:nowrap!important}
html body .custom3dBanner .custom3dActionCopy small{display:block!important;margin:0!important;color:#e7cdb9!important;-webkit-text-fill-color:#e7cdb9!important;font-size:clamp(9px,.95vw,12px)!important;font-weight:700!important;white-space:nowrap!important}
html body .custom3dBanner .custom3dActionArrow{margin-inline-start:auto!important;flex:0 0 28px!important;width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:rgba(255,255,255,.10)!important;color:#f6dcc8!important;-webkit-text-fill-color:#f6dcc8!important;font-size:20px!important;font-weight:900!important;transition:transform .2s ease,background .2s ease!important}
html body .custom3dBanner .custom3dAction:hover{transform:translateY(-3px)!important;box-shadow:0 18px 42px rgba(31,18,11,.40),inset 0 1px 0 rgba(255,255,255,.14)!important;filter:brightness(1.05)!important}
html body .custom3dBanner .custom3dAction:hover .custom3dActionArrow{transform:translateX(-3px)!important;background:rgba(255,255,255,.16)!important}
html body .custom3dBanner .custom3dAction:active{transform:translateY(0) scale(.985)!important}
html body .custom3dBanner .custom3dAction:focus-visible{outline:3px solid #f0c5a3!important;outline-offset:4px!important}
@media(max-width:640px){
  html body .custom3dBanner .custom3dAction{right:5%!important;left:5%!important;bottom:5.5%!important;width:auto!important;min-width:0!important;min-height:58px!important;padding:8px 10px!important;border-radius:16px!important}
  html body .custom3dBanner .custom3dWhatsIcon{flex-basis:40px!important;width:40px!important;height:40px!important;border-radius:12px!important}
  html body .custom3dBanner .custom3dWhatsIcon svg{width:24px!important;height:24px!important}
  html body .custom3dBanner .custom3dActionCopy b{font-size:13px!important}
  html body .custom3dBanner .custom3dActionCopy small{font-size:9px!important}
  html body .custom3dBanner .custom3dActionArrow{flex-basis:26px!important;width:26px!important;height:26px!important;font-size:18px!important}
}
html body>#themeToggle.themeToggle{position:fixed!important;left:auto!important;right:18px!important;bottom:18px!important;background:rgba(255,255,255,.20)!important;color:#4a2f20!important;border:1px solid rgba(92,61,42,.28)!important;border-radius:50%!important;backdrop-filter:blur(14px)!important}
html body.theme-dark>#themeToggle.themeToggle{background:rgba(29,21,17,.22)!important;color:#f7eee7!important;border-color:rgba(244,224,207,.30)!important}
@media(max-width:640px){html body .custom3dBanner{width:calc(100% - 36px)!important;max-width:560px!important;margin:18px auto!important}}
/* The menu's runtime-injected stylesheet is blocked by the site CSP. */

      .siteMenuToggle{flex:0 0 48px;width:48px;height:48px;border:1px solid rgba(92,61,42,.18);border-radius:15px;background:rgba(255,255,255,.16);color:#4a2f20;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 22px rgba(56,34,21,.10),inset 0 1px 0 rgba(255,255,255,.62);backdrop-filter:blur(16px) saturate(1.12);-webkit-backdrop-filter:blur(16px) saturate(1.12);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
      .siteMenuToggle:hover{transform:translateY(-1px);box-shadow:0 10px 24px #4a2f201c}.siteMenuToggle:active{transform:scale(.96)}
      .siteMenuIcon{display:grid;gap:5px;width:22px}.siteMenuIcon i{display:block;width:100%;height:2px;border-radius:99px;background:currentColor;transition:transform .25s ease,opacity .25s ease}
      .siteDrawerBackdrop{position:fixed;inset:0;z-index:4990;background:#17100d78;backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:opacity .28s ease,visibility .28s ease}
      .siteDrawerBackdrop.open{opacity:1;visibility:visible}
      .siteSideDrawer{position:fixed;z-index:5000;top:0;right:0;width:min(430px,94vw);height:100dvh;padding:calc(18px + env(safe-area-inset-top,0px)) 18px calc(18px + env(safe-area-inset-bottom,0px));background:radial-gradient(circle at 108% 98%,transparent 0 70px,#bc8d6820 71px 73px,transparent 74px 91px,#bc8d6818 92px 94px,transparent 95px),radial-gradient(circle at -8% 98%,transparent 0 70px,#bc8d6820 71px 73px,transparent 74px 91px,#bc8d6818 92px 94px,transparent 95px),linear-gradient(180deg,#fffaf5 0%,#fcf6ef 58%,#f8efe6 100%);border-left:1px solid #d9c8b7;box-shadow:-28px 0 80px #2b190f40;transform:translateX(105%);transition:transform .34s cubic-bezier(.22,.61,.36,1);overflow:auto;color:#2c2019}
      .siteSideDrawer.open{transform:translateX(0)}
      .siteDrawerHero{position:relative;text-align:center;padding:18px 48px 22px}.siteDrawerBrand{display:grid;justify-items:center}.siteDrawerBrand img{width:104px;height:104px;object-fit:contain;border:0;background:transparent;filter:drop-shadow(0 10px 22px #5c3a2220)}.siteDrawerBrand b{display:block;margin-top:2px;color:#382216;font-size:29px;line-height:1.1;font-weight:900}.siteDrawerSubtitle{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:9px}.siteDrawerSubtitle span{display:block;width:34px;height:1px;background:#bd9270}.siteDrawerSubtitle small{color:#9b765b;font-size:14px;font-weight:700;white-space:nowrap}.siteDrawerClose{position:absolute;top:0;left:0;width:42px;height:42px;border:1px solid #b98963;border-radius:50%;background:#f7efe7;color:#a86f45!important;-webkit-text-fill-color:#a86f45!important;font-size:30px;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 6px 16px rgba(74,47,32,.12),inset 0 0 0 1px rgba(255,255,255,.55);display:grid;place-items:center;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease}.siteDrawerClose:hover{background:#4a2f20;color:#f3d7bd!important;-webkit-text-fill-color:#f3d7bd!important;border-color:#b98963;transform:scale(1.04)}
      .siteDrawerNav{display:grid;gap:11px}.siteDrawerLink{width:100%;min-height:76px;border:1px solid #e4d8cc;border-radius:23px;background:#fffdfb;color:#321f15;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 17px 10px 14px;text-align:right;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 10px 28px #5a35170d;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.siteDrawerLink:hover{transform:translateX(-3px);border-color:#bd9270;background:#fff;box-shadow:0 13px 32px #5a351716}.siteDrawerLinkCurrent{border-color:#bc8b66;background:#fff9f3;box-shadow:0 10px 28px #70442712}.siteDrawerLabel{display:flex;align-items:center;gap:15px;min-width:0}.siteDrawerLink strong{font-size:23px;line-height:1.25;font-weight:900;white-space:nowrap}.siteDrawerIconCircle{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:50%;background:#f3e8dd;color:#4a2f20;font-style:normal}.siteDrawerIconCircle svg{width:28px;height:28px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.siteDrawerArrow{font-style:normal;color:#9b765e;font-size:34px;line-height:1;font-weight:400;margin-left:2px}.siteDrawerContact{margin-top:3px;background:linear-gradient(135deg,#64432f,#3f291d);color:#fff;border-color:#5a3927;box-shadow:0 13px 30px #38201524}.siteDrawerContact:hover{background:linear-gradient(135deg,#6c4933,#452c1f);border-color:#65432f}.siteDrawerContact .siteDrawerIconCircle{background:#ffffff1c;color:#fff}.siteDrawerContact .siteDrawerArrow{color:#e8c7aa}.siteDrawerFoot{display:grid;justify-items:center;gap:8px;margin:22px 0 2px;color:#b09179;text-align:center}.siteDrawerFootMark{display:flex;align-items:center;gap:10px}.siteDrawerFootMark span{display:block;width:42px;height:1px;background:#c9a486}.siteDrawerFootMark i{font-style:normal;font-size:20px;color:#aa8265;transform:translateY(-1px)}.siteDrawerFoot p{margin:0;font-size:15px;font-weight:700}.site-drawer-open{overflow:hidden!important}
      .theme-dark .siteMenuToggle{background:rgba(28,20,17,.18);color:#f6eee7;border-color:rgba(244,224,207,.18);box-shadow:0 8px 22px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.08)}.theme-dark .siteSideDrawer{background:radial-gradient(circle at 108% 98%,transparent 0 70px,#d1aa8530 71px 73px,transparent 74px 91px,#d1aa8524 92px 94px,transparent 95px),radial-gradient(circle at -8% 98%,transparent 0 70px,#d1aa8530 71px 73px,transparent 74px 91px,#d1aa8524 92px 94px,transparent 95px),linear-gradient(180deg,#251d19,#181310);color:#f6eee7;border-color:#4b392f}.theme-dark .siteDrawerBrand b{color:#f6eee7}.theme-dark .siteDrawerSubtitle small,.theme-dark .siteDrawerFoot{color:#cbbcb0}.theme-dark .siteDrawerLink{background:#30251f;color:#f6eee7;border-color:#4b392f}.theme-dark .siteDrawerLinkCurrent{border-color:#a97955;background:#352820}.theme-dark .siteDrawerClose{background:#2f211a;color:#d6a375!important;-webkit-text-fill-color:#d6a375!important;border-color:#9c6d4b;box-shadow:0 6px 16px rgba(0,0,0,.18)}.theme-dark .siteDrawerClose:hover{background:#4a2f20;color:#f3d7bd!important;-webkit-text-fill-color:#f3d7bd!important;border-color:#b98963}.theme-dark .siteDrawerIconCircle{background:#463328;color:#e1b382}.theme-dark .siteDrawerContact{background:linear-gradient(135deg,#744d34,#4b3022);color:#fff}.theme-dark .siteDrawerContact .siteDrawerIconCircle{background:#ffffff1c;color:#fff}
      @media(max-width:620px){header{gap:6px}.siteMenuToggle{flex-basis:44px;width:44px;height:44px;border-radius:13px}.siteSideDrawer{width:100vw;max-width:100vw;border-left:0;padding-left:16px;padding-right:16px}.siteDrawerHero{padding-top:16px;padding-bottom:20px}.siteDrawerBrand img{width:96px;height:96px}.siteDrawerBrand b{font-size:27px}.siteDrawerLink{min-height:74px}.siteDrawerLink strong{font-size:22px}.siteDrawerIconCircle{flex-basis:52px;width:52px;height:52px}}
      @media(max-width:390px){.siteMenuToggle{flex-basis:42px;width:42px;height:42px}.siteMenuIcon{width:20px}.siteSideDrawer{width:100vw;padding-left:13px;padding-right:13px}.siteDrawerHero{padding-left:43px;padding-right:43px}.siteDrawerBrand img{width:88px;height:88px}.siteDrawerBrand b{font-size:25px}.siteDrawerSubtitle small{font-size:12px}.siteDrawerSubtitle span{width:26px}.siteDrawerLink{min-height:69px;border-radius:20px;padding-right:13px}.siteDrawerLink strong{font-size:20px}.siteDrawerLabel{gap:12px}.siteDrawerIconCircle{flex-basis:48px;width:48px;height:48px}.siteDrawerIconCircle svg{width:25px;height:25px}.siteDrawerArrow{font-size:30px}}
    
.siteSideDrawer{display:flex;flex-direction:column;gap:0}
.siteDrawerNav{flex:none}
.siteDrawerFoot{width:100%;min-height:72px;margin-top:auto;padding:14px 10px 8px;align-content:center;flex:none;clear:both}
.siteDrawerFootMark{justify-content:center;direction:ltr}
.siteDrawerFoot p{display:block;width:100%;font-size:14px;line-height:1.5;white-space:normal;text-align:center;color:#8b6348}

/* Official brand mark replaces the decorative sprig in the menu footer. */
.siteDrawerFootMark img{display:block;width:24px;height:24px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(74,47,32,.16))}

/* Crop the beige border baked into the custom order artwork while keeping the full card responsive. */
html body .custom3dBanner{width:min(92vw,560px)!important;max-width:560px!important;aspect-ratio:1.72!important;border:0!important;background:transparent!important;border-radius:18px!important;box-shadow:0 13px 34px rgba(48,29,16,.14)!important}
html body .custom3dBanner img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:18px!important}
@media(max-width:640px){html body .custom3dBanner{width:calc(100% - 36px)!important;max-width:560px!important}}

/* Give the custom-order artwork a readable, balanced presence in the page. */
html body .custom3dBanner{width:min(92vw,920px)!important;max-width:920px!important;aspect-ratio:1.72!important;margin:34px auto 44px!important;border:0!important;border-radius:24px!important;overflow:hidden!important}
html body .custom3dBanner img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transform:scale(1.07)!important;transform-origin:center!important;border-radius:24px!important}
@media(max-width:640px){html body .custom3dBanner{width:calc(100% - 28px)!important;max-width:920px!important;margin:20px auto 32px!important;border-radius:16px!important}html body .custom3dBanner img{border-radius:16px!important}}

/* Preview of the selected product image before WhatsApp sharing. */
.damiettaSharePreview{position:fixed;inset:0;z-index:99999;background:rgba(29,17,12,.7);display:grid;place-items:center;padding:16px;overflow:auto;box-sizing:border-box}
.damiettaShareCard{position:relative;width:min(440px,100%);max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;padding:18px;border-radius:18px;background:#fffaf5;color:#40291d;text-align:center;box-shadow:0 20px 60px rgba(22,13,9,.3);font-family:inherit}
.damiettaShareCard h3{margin:0 0 12px;font-size:20px}
.damiettaShareCard img{display:block;width:min(100%,320px);max-height:50dvh;object-fit:contain;margin:0 auto;border-radius:5px}
.damiettaShareCard p{margin:12px 0;font-size:14px;line-height:1.7}
.damiettaShareCard .damiettaShareSend{width:100%;min-height:46px;padding:10px 18px;border:0;border-radius:11px;background:#4a2f20;color:#fff;font:inherit;font-weight:700;cursor:pointer}
.damiettaShareCard .damiettaShareClose{position:absolute;top:10px;left:10px;width:32px;height:32px;border:0;border-radius:50%;background:#eee5da;color:#4a2f20;font-size:23px;line-height:1;cursor:pointer}
.damiettaShareCard .damiettaShareHelp{color:#7a4127}

/* Desktop intro: lock the document while the intro exists, even if inline scripts are blocked. */
html:has(body > #siteIntro),html:has(body > #siteIntro) body,
html:has(body.intro-active),body.intro-active{
  overflow:hidden!important;overflow-x:hidden!important;overflow-y:hidden!important;
  height:100dvh!important;max-height:100dvh!important;
  scrollbar-width:none!important;scrollbar-gutter:auto!important;
  -ms-overflow-style:none!important;overscroll-behavior:none!important
}
html:has(body > #siteIntro) body,body.intro-active{
  position:fixed!important;inset:0!important;width:100%!important
}
html:has(body > #siteIntro)::-webkit-scrollbar,
html:has(body > #siteIntro) body::-webkit-scrollbar,
html:has(body.intro-active)::-webkit-scrollbar,
body.intro-active::-webkit-scrollbar{
  display:none!important;width:0!important;height:0!important;background:transparent!important
}


/* 2026-09-29: make the custom-order banner controls real, visible UI. */

html body .custom3dBanner .custom3dFeatureMask{
  position:absolute!important;z-index:5!important;right:1.8%!important;bottom:29.8%!important;
  width:50.5%!important;height:22%!important;border-radius:34px!important;
  background:#3a2115!important;
  box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  pointer-events:none!important
}

html body .custom3dBanner .custom3dCtaMask{
  position:absolute!important;z-index:4!important;right:3.6%!important;bottom:4.6%!important;
  width:46.5%!important;height:22%!important;border-radius:28px!important;
  background:linear-gradient(118deg,rgba(57,33,20,.97),rgba(43,25,16,.96))!important;
  box-shadow:0 0 32px 18px rgba(49,28,17,.42)!important;
  backdrop-filter:blur(5px) saturate(.9)!important;-webkit-backdrop-filter:blur(5px) saturate(.9)!important;
  pointer-events:none!important
}
html body .custom3dBanner .custom3dFeatureButtons{
  position:absolute!important;z-index:7!important;right:2.7%!important;bottom:34.2%!important;
  width:48.2%!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;direction:ltr!important;align-items:stretch!important
}
html body .custom3dBanner .custom3dFeature{
  min-width:0!important;min-height:44px!important;padding:8px 10px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  border:1px solid rgba(220,153,91,.88)!important;border-radius:999px!important;
  background:linear-gradient(180deg,rgba(64,38,23,.97),rgba(44,26,17,.96))!important;
  color:#fff4e7!important;-webkit-text-fill-color:#fff4e7!important;text-decoration:none!important;
  box-shadow:0 8px 18px rgba(25,14,8,.24),inset 0 1px 0 rgba(255,235,215,.12)!important;
  font:inherit!important;font-size:clamp(9px,.95vw,12px)!important;font-weight:900!important;
  line-height:1.15!important;white-space:nowrap!important;cursor:pointer!important;direction:rtl!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important
}
html body .custom3dBanner .custom3dFeature span{min-width:0!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}
html body .custom3dBanner .custom3dFeature i{
  flex:0 0 23px!important;width:23px!important;height:23px!important;display:grid!important;place-items:center!important;
  border-radius:50%!important;background:rgba(213,143,78,.13)!important;color:#e7a25f!important;
  -webkit-text-fill-color:#e7a25f!important;font-style:normal!important;font-size:16px!important;font-weight:900!important
}
html body .custom3dBanner .custom3dFeature:hover{
  transform:translateY(-3px)!important;border-color:#f0b472!important;
  background:linear-gradient(180deg,rgba(78,46,27,.99),rgba(49,29,18,.98))!important;
  box-shadow:0 12px 24px rgba(25,14,8,.32),0 0 0 1px rgba(237,176,111,.12)!important
}
html body .custom3dBanner .custom3dFeature:active{transform:translateY(0) scale(.985)!important}
html body .custom3dBanner .custom3dFeature:focus-visible{outline:3px solid #f2c28f!important;outline-offset:3px!important}
html body .custom3dBanner .custom3dAction{z-index:8!important}

@media(max-width:640px){
  html body .custom3dBanner .custom3dFeatureMask{
    right:1.5%!important;bottom:28.8%!important;width:97%!important;height:23%!important;
    border-radius:24px!important;background:#3a2115!important;box-shadow:none!important
  }
  html body .custom3dBanner .custom3dCtaMask{
    right:2.5%!important;bottom:3.5%!important;width:95%!important;height:24%!important;border-radius:22px!important;
    box-shadow:0 0 24px 12px rgba(49,28,17,.38)!important
  }
  html body .custom3dBanner .custom3dFeatureButtons{
    right:3%!important;bottom:34%!important;width:94%!important;gap:5px!important
  }
  html body .custom3dBanner .custom3dFeature{
    min-height:36px!important;padding:6px 5px!important;font-size:8.5px!important;gap:3px!important;border-width:1px!important
  }
  html body .custom3dBanner .custom3dFeature i{
    flex-basis:18px!important;width:18px!important;height:18px!important;font-size:12px!important
  }
}

/* Below-fold rendering budget: keep the hero immediate and let the browser skip
   layout/paint work for offscreen commerce/content sections until they approach view. */
@supports (content-visibility:auto){
  #products{content-visibility:auto;contain-intrinsic-size:auto 2350px}
  main#home>.custom,main#home>.custom3dBanner{content-visibility:auto;contain-intrinsic-size:auto 320px}
  main#home>section.wrap:not(#products){content-visibility:auto;contain-intrinsic-size:auto 620px}
  main#home>section.contact{content-visibility:auto;contain-intrinsic-size:auto 320px}
}