/* DubaiFlora — Hummingbird brand layer (design brief 2026-10-11 §5, selectors mapped to PS 9.2 Hummingbird markup).
   Direction-agnostic except the explicit html[dir=rtl] rules — not meant for the RTL flipper. */
:root{
  --df-primary:#2c5d3c;--df-primary-hover:#244c31;--df-primary-light:#3a7a4e;
  --df-secondary:#9b2d7a;--df-accent:#e39a2e;--df-accent-light:#fdf2dc;
  --df-bg:#fbf8f2;--df-surface:#fff;--df-tint:#e8f3ec;--df-text:#2d3a32;
  --df-muted:#6b7d70;--df-border:#dde8df;--df-whatsapp:#25d366;--df-danger:#c41e3a;
  --bs-primary:var(--df-primary);--bs-primary-rgb:44,93,60;
  --bs-link-color:var(--df-primary);--bs-link-color-rgb:44,93,60;--bs-link-hover-color:var(--df-secondary);
  --bs-body-bg:var(--df-bg);--bs-body-color:var(--df-text);
  --bs-body-font-family:'Inter',system-ui,sans-serif;
  --bs-border-color:var(--df-border);--bs-danger:var(--df-danger);
}
body{background:var(--df-bg);color:var(--df-text);font-family:'Inter',system-ui,sans-serif;font-size:16px;line-height:1.55}
h1,h2,h3,.h1,.h2,.h3{font-family:'Lora',Georgia,serif;font-weight:700;color:var(--df-text)}
h1,.h1{font-size:clamp(28px,4vw,40px)}h2,.h2{font-size:clamp(22px,3vw,30px)}h3,.h3{font-size:20px}
a:not(.btn){color:var(--df-primary)}a:not(.btn):hover{color:var(--df-secondary)}

/* ===== header ===== */
#header{background:var(--df-bg);border-bottom:1px solid var(--df-border)}
#header .header-top{background:var(--df-accent-light);color:var(--df-text);font-size:14px}
#header .header-top a:not(.btn){color:var(--df-text)}
#header .header-top .row{flex-wrap:nowrap;align-items:center}
#header .header-top__left{flex:1 1 auto;width:auto;max-width:none}
#header .header-top__right{flex:0 0 auto;width:auto}
#header .header-bottom{background:var(--df-bg)}
#header .header-bottom__logo img,#header .logo{max-height:72px;width:auto}
#header .ps-mainmenu__tree-link,#header .menu__link{color:var(--df-text);font-weight:500;font-size:15px}
#header .ps-mainmenu__tree-link:hover,#header .ps-mainmenu__tree-link.active{color:var(--df-primary);box-shadow:inset 0 -2px 0 var(--df-primary)}
.header-block__badge,.blockcart .cart-products-count{background:var(--df-secondary)!important;color:#fff}
.currency-selector,#_desktop_currency_selector,.ps-currencyselector{display:none!important}  /* AED only */
.df-topbar{display:flex;flex-wrap:nowrap;align-items:center;gap:.4rem 1rem;padding:.35rem 0;font-size:14px;white-space:nowrap}
.df-topbar__short,.df-topbar__washort{display:none}
.df-topbar a{display:inline-flex;align-items:center;gap:.35rem;text-decoration:none}
#header .df-topbar a.df-topbar__wa{color:#128c4a;font-weight:600}
.df-topbar__sameday{font-weight:600;color:var(--df-text)}
.df-topbar__sameday::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--df-accent);margin-inline-end:.45rem;vertical-align:middle}

/* ===== buttons ===== */
/* button text must never inherit the link colour (a:not(.btn) above) — explicit in every state */
.btn-primary,a.btn-primary,.btn-primary:hover,.btn-primary:focus,.btn-primary:focus-visible,.btn-primary:active,.btn-primary.active,
.btn-primary:disabled,.btn-primary.disabled,#blockcart-modal a.btn-primary,.cart-detailed__actions a.btn-primary,
#payment-confirmation .btn-primary,.df-hero__cta a.btn-primary{color:#fff!important;--bs-btn-disabled-color:#fff}
/* tap targets >= 44 px (WCAG 2.5.5 / Apple HIG) */
.btn{--bs-btn-padding-y:.5625rem;min-height:44px}
.form-control,.form-select,#ftd_delivery_slot,#field-id_state{min-height:44px;padding-top:.5rem;padding-bottom:.5rem}
.product-miniature .btn{min-height:44px}
.btn-primary{--bs-btn-color:#fff;--bs-btn-hover-color:#fff;--bs-btn-active-color:#fff;color:#fff;--bs-btn-bg:var(--df-primary);--bs-btn-border-color:var(--df-primary);
  --bs-btn-hover-bg:var(--df-primary-hover);--bs-btn-hover-border-color:var(--df-primary-hover);
  --bs-btn-active-bg:var(--df-primary-hover);--bs-btn-active-border-color:var(--df-primary-hover);
  --bs-btn-disabled-bg:var(--df-primary-light);--bs-btn-disabled-border-color:var(--df-primary-light);
  --bs-btn-color:#fff;--bs-btn-hover-color:#fff;font-weight:600;border-radius:8px}
.btn-outline-primary{--bs-btn-color:var(--df-primary);--bs-btn-border-color:var(--df-primary);
  --bs-btn-hover-bg:var(--df-primary);--bs-btn-hover-border-color:var(--df-primary);--bs-btn-hover-color:#fff;border-radius:8px;font-weight:600}
.btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:var(--df-whatsapp);color:#fff!important;border-radius:8px;font-weight:600;padding:.7rem 1.4rem;text-decoration:none!important}
.btn-whatsapp:hover{background:#1ebe5b;color:#fff}
.btn-secondary{--bs-btn-bg:var(--df-accent);--bs-btn-border-color:var(--df-accent);--bs-btn-color:#2d3a32;border-radius:8px}

/* ===== product card ===== */
.product-miniature__inner{background:var(--df-surface);border:1px solid var(--df-border);border-radius:12px;overflow:hidden;transition:box-shadow .2s}
.product-miniature__inner:hover{box-shadow:0 6px 18px rgba(44,93,60,.12)}
.product-miniature__image{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto}
.product-miniature__title,.product-miniature__title a{font-size:14px;font-weight:500;color:var(--df-text);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-miniature .product-list-reviews,.product-miniature .comments-note,.product-miniature .star-content,.product-miniature [class*="product-comments"]{display:none!important}
.product-miniature__price,.product__current-price,.current-price-value,.product-price{color:var(--df-secondary)!important;font-weight:600}
.product-miniature__price{font-size:18px}
.product__price{color:var(--df-secondary);font-size:26px;font-weight:700}
.df-footbar__links{font-size:.85rem}.df-footbar__links a{color:#fff;text-decoration:underline}
.product__current-price,.product__prices .current-price-value{font-size:26px;font-weight:700}
.product__tax-label,.tax-shipping-delivery-label{font-size:12px;color:var(--df-muted)}
.product-flag.new,.badge.new{background:var(--df-accent)!important;color:#2d3a32!important}
.product-flag.discount,.product-flag.on-sale,.badge.discount{background:var(--df-secondary)!important}
.df-pdp-extra{margin:1rem 0 .5rem}
.df-pdp-extra .df-pdp-wa{width:100%}
.df-pdp-note{margin:.6rem 0 0;font-size:14px;color:var(--df-muted)}
.df-pdp-note::before{content:"🗓 ";}

/* ===== homepage ===== */
.df-home{padding-bottom:1rem}
.df-faq{background:var(--df-tint);border-radius:16px;padding:1.5rem 1.5rem 1rem;max-width:960px}
.df-faq h2{margin:0 0 .75rem}
.df-faq details{border-bottom:1px solid var(--df-border);padding:.75rem 0}
.df-faq details:last-child{border-bottom:0}
.df-faq summary{font-weight:600;cursor:pointer}
.ftdcatseo-facts,.df-facts{color:var(--df-muted);font-size:14px;font-weight:600}
.ftdcatseo-faq{background:var(--df-tint);border-radius:16px;padding:1.25rem 1.5rem}
/* hide the empty "Comments (0)" style rows and the theme credit */
.footer .copyright{display:none!important}

/* ===== footer ===== */
#footer,#footer .footer__main,#footer .footer__before{background:var(--df-primary);color:rgba(255,255,255,.9)}
#footer a,#footer .h3,#footer h3,#footer .footer-block__title,#footer .footer__title{color:#fff}
#footer a:hover{color:var(--df-accent)}
#footer .footer__main-top{padding-top:2rem}
.df-foot-brand{order:-1}
.df-foot-call{order:99}
.df-foot-brand .footer__logo{background:#fff;border-radius:8px;padding:6px;width:160px;height:auto;margin:0 0 .9rem}
.df-foot-brand__p,.df-foot-call p{font-size:14px;line-height:1.6}
.df-foot-brand__addr{font-size:13px;opacity:.9}
.df-footbar{border-top:1px solid rgba(255,255,255,.18);margin-top:1.5rem;padding:1.25rem 0 1.25rem;display:flex;flex-direction:column;gap:.9rem;align-items:center;text-align:center}
.df-footbar__contact{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;align-items:center}
.df-footbar__btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .95rem;border-radius:999px;background:var(--df-primary-hover);border:1px solid rgba(255,255,255,.35);color:#fff!important;font-weight:600;text-decoration:none!important;font-size:.95rem}
.df-footbar__btn--wa{background:#1fa855;border-color:#1fa855}
.df-footbar__hours{font-weight:600;font-size:.92rem}
.df-footbar__pay{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:center;font-weight:600;font-size:.85rem}
.df-footbar__pay svg{background:#fff;border-radius:6px;padding:3px 6px;height:30px;width:auto;box-sizing:content-box}
.df-footbar__copy{font-size:.82rem;opacity:.85}

/* ===== homepage — Option A "Occasion-first" (dfhome, 2026-10-22) ===== */
.dfa{--dfa-g:#2c5d3c;--dfa-dg:#1f3b2a;--dfa-m:#9b2d7a;--dfa-mg:#e8a33d;--dfa-cr:#fbf6ef;--dfa-ln:#eadfd2;background:var(--dfa-cr);padding-bottom:.5rem}
.dfa-kick{color:var(--dfa-m);font-weight:700;letter-spacing:.08em;font-size:12px;text-transform:uppercase;margin:0 0 .4rem}
html[dir="rtl"] .dfa-kick{letter-spacing:0;font-size:14px}
.dfa-h2{font-size:clamp(24px,3vw,34px);color:var(--dfa-dg);margin:0 0 1.25rem}
.dfa-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:46px;padding:.7rem 1.4rem;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none!important;line-height:1.2}
.dfa-btn--mag{background:var(--dfa-m);color:#fff!important}.dfa-btn--mag:hover{background:#82235f}
.dfa-btn--wa{background:#25d366;color:#fff!important}.dfa-btn--wa:hover{background:#1ebe5b}
.dfa-btn--line{border:2px solid var(--dfa-g);color:var(--dfa-g)!important;background:#fff;min-height:42px;padding:.5rem 1.2rem}.dfa-btn--line:hover{background:var(--dfa-g);color:#fff!important}
/* hero */
.dfa-hero{background:#fff;border-bottom:1px solid var(--dfa-ln)}
.dfa-hero__in{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:center;padding-top:2.5rem;padding-bottom:2.5rem}
.dfa-hero__h{font-size:clamp(30px,4.2vw,46px);line-height:1.12;color:var(--dfa-dg);margin:.25rem 0 1rem}
.dfa-hero__sub{font-size:18px;color:#5b5145;margin:0 0 1.5rem;max-width:34em}
.dfa-hero__cta{display:flex;flex-wrap:wrap;gap:.75rem}
.dfa-col{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;height:466px;border-radius:18px;overflow:hidden}
.dfa-col__img{width:100%;height:100%;min-height:0;object-fit:cover;display:block;background:var(--dfa-cr)}
.dfa-col__img--tall{grid-row:span 2}
/* occasions */
.dfa-sec{padding:3rem 0 1rem}
.dfa-occ{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.dfa-occ__tile{position:relative;display:block;height:300px;border-radius:16px;overflow:hidden;background:var(--dfa-dg);text-decoration:none!important}
.dfa-occ__tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.dfa-occ__tile:hover img{transform:scale(1.04)}
.dfa-occ__cap{position:absolute;inset:auto 0 0 0;padding:2.5rem 16px 16px;background:linear-gradient(transparent,rgba(31,59,42,.94));color:#fff}
.dfa-occ__cap b{display:block;font-family:'Lora',Georgia,serif;font-size:21px;line-height:1.2;color:#fff}
.dfa-occ__cap small{display:block;font-size:13px;opacity:.92;margin-top:.15rem;color:#fff}
/* round category icons */
.dfa-icons{display:flex;gap:14px;overflow-x:auto;padding:2rem 2px .5rem;scrollbar-width:thin;justify-content:space-between}
.dfa-icons__a{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:92px;max-width:104px;text-align:center;font-weight:600;font-size:14px;line-height:1.25;color:var(--dfa-dg)!important;text-decoration:none!important}
.dfa-icons__a img{width:84px;height:84px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 0 0 2px var(--dfa-mg);background:#fff}
.dfa-icons__a:hover img{box-shadow:0 0 0 3px var(--dfa-m)}
/* best sellers */
.dfa-best__head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.1rem}
.dfa-best__head .dfa-h2{margin:0}
.dfa-best__head .dfa-btn{white-space:nowrap;flex:0 0 auto}
.products.dfa-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0}
.products.dfa-grid>.product-miniature{width:auto;max-width:none;padding:0;margin:0}
.dfa-best{padding-top:2.25rem;padding-bottom:0}
/* phone: each shelf = one horizontal scroll row, ~70% cards so the next one peeks */
@media(max-width:767.98px){
  .products.dfa-grid{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:70%;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;scroll-padding-inline:2px;padding:2px 2px 12px;scrollbar-width:thin;scrollbar-color:var(--dfa-mg) var(--dfa-ln);-webkit-overflow-scrolling:touch}
  .products.dfa-grid::-webkit-scrollbar{height:6px}
  .products.dfa-grid::-webkit-scrollbar-track{background:var(--dfa-ln);border-radius:3px}
  .products.dfa-grid::-webkit-scrollbar-thumb{background:var(--dfa-mg);border-radius:3px}
  .products.dfa-grid>.product-miniature{scroll-snap-align:start;min-width:0}
  .dfa-grid .product-miniature__form{display:flex;flex-wrap:wrap;gap:8px;width:100%}
  .dfa-grid .product-miniature__form .quantity-button{flex:1 1 100%;max-width:none}
  .dfa-grid .quantity-button__group{flex-wrap:nowrap;width:100%}
  .dfa-grid .quantity-button__group .form-control{min-width:0;text-align:center}
  .dfa-grid .product-miniature__add{flex:1 1 100%;width:100%}
  .dfa-grid .product-miniature__add-text{display:inline!important}
  .dfa-best{padding-top:1.75rem}
  .dfa-best__head .dfa-h2{font-size:22px}
}
/* WhatsApp band */
.dfa-band{margin:2.5rem 0 0;background:var(--dfa-g);color:#fff;border-radius:18px;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.dfa-band__h{color:#fff!important;font-size:24px;margin:0 0 .3rem}
.dfa-band p{margin:0;color:rgba(255,255,255,.93)}
/* compact story (SEO) */
.dfa-about{margin:2rem 0 0;padding:1.25rem 0 0;border-top:1px solid var(--dfa-ln);font-size:15px;color:#4d5a51}
.dfa-about__h{font-size:20px;color:var(--dfa-dg);margin:0 0 .25rem}
.dfa-about__trust{color:var(--dfa-m);font-weight:600;margin:0 0 .5rem;font-size:14px}
.dfa-about p{margin:0 0 .5rem}
.dfa-about__addr{font-size:14px}
.dfa-about__addr a{font-weight:600}
.page-content--home .df-faq{padding:1.1rem 1.25rem .6rem}
@media(min-width:1200px){.page-content--home .df-faq{max-width:1116px}}
/* .my-5 is a layered !important utility — override from the first layer (see the header-top note below) */
@layer vendors{.page-content--home .df-faq.my-5{margin-top:1.5rem!important;margin-bottom:2rem!important}}
.page-content--home .df-faq h2{font-size:20px}
.page-content--home .df-faq details{padding:.55rem 0;font-size:15px}
@media(max-width:991.98px){
  .dfa-hero__in{grid-template-columns:1fr 1fr;gap:1.25rem}
  .dfa-col{height:380px}
  .dfa-occ{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dfa-icons{justify-content:flex-start}
}
@media(max-width:767.98px){
  .dfa-hero__in{grid-template-columns:1fr;padding-top:1.5rem;padding-bottom:1.5rem;gap:1.25rem}
  .dfa-hero__sub{font-size:16px;margin-bottom:1.1rem}
  .dfa-hero__cta .dfa-btn{flex:1 1 auto}
  .dfa-col{height:300px}
  .dfa-sec{padding:2rem 0 .5rem}
  .dfa-occ{grid-template-columns:1fr 1fr;gap:12px}
  .dfa-occ__tile{height:200px}
  .dfa-occ__tile:last-child{grid-column:span 2}
  .dfa-occ__cap{padding:2rem 12px 12px}.dfa-occ__cap b{font-size:18px}.dfa-occ__cap small{font-size:12px}
  .dfa-icons{gap:10px;padding-top:1.5rem}
  .dfa-icons__a{min-width:80px;font-size:13px}.dfa-icons__a img{width:72px;height:72px}
  .dfa-band{flex-direction:column;align-items:flex-start;padding:22px 20px}
  .dfa-band .dfa-btn{width:100%}
}

/* ===== RTL + Arabic ===== */
html[dir="rtl"] body,html[lang^="ar"] body{font-family:'Tajawal',system-ui,sans-serif;font-size:17px;line-height:1.75}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] .h1,html[dir="rtl"] .h2,html[dir="rtl"] .h3,html[dir="rtl"] .dfa-occ__cap b{font-family:'Tajawal',sans-serif;font-weight:700}
html[dir="rtl"] h1,html[dir="rtl"] .h1{font-size:clamp(28px,4vw,38px)}html[dir="rtl"] h2,html[dir="rtl"] .h2{font-size:clamp(22px,3vw,28px)}
html[dir="rtl"] .btn{font-size:16px;font-weight:500}
html[dir="rtl"] .product-miniature__price,html[dir="rtl"] .current-price-value,html[dir="rtl"] .product-price{direction:ltr;unicode-bidi:isolate;display:inline-block}

/* Bootstrap's .d-none lives in @layer utilities; a layered !important beats any unlayered one, so the override
   goes into the FIRST declared layer (vendors) — for !important, earlier layers win. */
@layer vendors{@media(max-width:991.98px){#header .header-top.d-none{display:block!important}}}
/* ===== top bar on tablets/phones: Hummingbird hides .header-top (d-none d-md-block) — show it as one compact line ===== */
@media(max-width:991.98px){
  #header .header-top .container-md{padding-inline:12px}
  #header .header-top__left{flex:1 1 100%;max-width:100%;padding:0}
  .df-topbar{font-size:13px;gap:.75rem;padding:.3rem 0;min-height:36px}
  .df-topbar__long,.df-topbar__walong,.df-topbar__num{display:none}
  .df-topbar__short,.df-topbar__washort{display:inline}
  .df-topbar__sameday{order:-1;margin-inline-end:auto;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .df-topbar__phone,.df-topbar__wa{min-height:36px;min-width:36px;justify-content:center}
}
@media(max-width:767.98px){#header .header-top__right{display:none}}
html[dir="rtl"] .df-topbar{gap:.4rem .8rem}

/* ===== mobile ===== */
@media(max-width:767.98px){
  #header .header-bottom__logo img,#header .logo{max-height:48px}
  .product-miniature .btn-primary{width:100%}
  h1,.h1{font-size:26px}
}

.df-footbar__links a.df-staff-link{display:inline-block;margin-inline-start:.75rem;font-size:.75rem;color:#fff;opacity:.5;text-decoration:none}.df-footbar__links a.df-staff-link:hover{opacity:.85;text-decoration:underline}

/* DF 2026-10-22: collection / delivery as clear choice buttons; nothing pre-selected (df-carrier.js) */
#checkout-delivery-step .delivery-option__item { margin-bottom: 12px; }
#checkout-delivery-step .delivery-option__label { display: flex; align-items: center; gap: 12px; padding: 14px 16px; background: #fff; border: 2px solid #2c5d3c; border-radius: 10px; cursor: pointer; transition: background .15s, border-color .15s, color .15s; }
#checkout-delivery-step .delivery-option__label:hover { background: #f6eef4; border-color: #9b2d7a; }
#checkout-delivery-step .delivery-option__label .form-check-input { width: 1.4em; height: 1.4em; border: 2px solid #2c5d3c; margin: 0; }
#checkout-delivery-step .delivery-option__carrier-name { font-weight: 700; font-size: 1.05rem; color: #1f3b2a; }
#checkout-delivery-step .delivery-option__price { font-weight: 700; color: #1f3b2a; white-space: nowrap; }
#checkout-delivery-step .delivery-option__item.df-selected .delivery-option__label,
#checkout-delivery-step .delivery-option__label:has(input:checked) { background: #9b2d7a; border-color: #9b2d7a; color: #fff; }
#checkout-delivery-step .delivery-option__item.df-selected .delivery-option__label *,
#checkout-delivery-step .delivery-option__label:has(input:checked) * { color: #fff !important; }
#checkout-delivery-step .delivery-option__label .form-check-input:checked { background-color: #fff; border-color: #fff; box-shadow: inset 0 0 0 4px #9b2d7a; }
#checkout-delivery-step .delivery-option__carrier-logo { background: #fff; border-radius: 6px; }
.df-carrier-hint { margin: 0 0 12px; padding: 10px 14px; border-radius: 8px; background: #fff7e6; border: 1px solid #e8b04a; color: #5a3d00; font-weight: 600; }
body.df-carrier-unchosen #checkout-delivery-step button[name=confirmDeliveryOption] { opacity: .45; cursor: not-allowed; }
body.df-carrier-unchosen #cart-subtotal-shipping, body.df-carrier-unchosen .js-cart-summary-totals { display: none !important; }

/* DF 2026-10-22: no sender name on dubaiflora (owner) */
#ftdd-from{display:none!important}

/* DF 2026-10-22: on phones the left-column category tree stacked above the products and looked like the menu stayed open (owner) - the burger menu is the navigation there */
@media (max-width: 767.98px){#left-column .ps-categorytree{display:none!important}}

/* DF 2026-10-22: phone read-more on category text (df-readmore.js) */
.category__description.df-clamp{max-height:5.2em;overflow:hidden;position:relative}
.category__description.df-clamp::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.2em;background:linear-gradient(rgba(251,246,239,0),#fbf6ef)}
.category__description.df-clamp.df-open{max-height:none}
.category__description.df-clamp.df-open::after{display:none}
.df-readmore{background:none;border:0;padding:4px 0 12px;color:#9b2d7a;font-weight:700;text-decoration:underline;cursor:pointer}

/* DF 2026-10-22 owner: payment methods as prominent choice buttons (same look as collection/delivery) */
#checkout-payment-step .payment-options__list{display:grid;gap:12px;margin:8px 0 18px}
#checkout-payment-step .payment-option{background:#fff;border:2px solid #2c5d3c;border-radius:12px;transition:background .15s,border-color .15s}
#checkout-payment-step .payment-option:hover{border-color:#9b2d7a;background:#f6eef4}
#checkout-payment-step .payment-option__form-check{display:flex;align-items:center;gap:12px;margin:0;padding:16px 18px;min-height:64px}
#checkout-payment-step .payment-option__input{width:1.45em;height:1.45em;border:2px solid #2c5d3c;margin:0;flex:none;float:none}
#checkout-payment-step .payment-option__label{flex:1;font-weight:700;font-size:1.08rem;color:#1f3b2a;cursor:pointer;display:flex;align-items:center;gap:10px}
#checkout-payment-step .payment-option__label::before{content:"";width:30px;height:30px;flex:none;background-color:currentColor;-webkit-mask:var(--df-pay-ico) center/contain no-repeat;mask:var(--df-pay-ico) center/contain no-repeat}
#checkout-payment-step .payment-option:has(input[data-module-name="ps_cashondelivery"]){--df-pay-ico:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M2 6h20v12H2z M5 9a2 2 0 0 0 2-2 M19 9a2 2 0 0 1-2-2 M5 15a2 2 0 0 1 2 2 M19 15a2 2 0 0 0-2 2%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27/%3E%3Ccircle cx=%2712%27 cy=%2712%27 r=%272.6%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27/%3E%3C/svg%3E")}
#checkout-payment-step .payment-option:has(input[data-module-name="nomodpay"]){--df-pay-ico:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Crect x=%272%27 y=%275%27 width=%2720%27 height=%2714%27 rx=%272%27 fill=%27none%27 stroke=%27black%27 stroke-width=%271.8%27/%3E%3Cpath d=%27M2 10h20%27 stroke=%27black%27 stroke-width=%272.4%27/%3E%3Cpath d=%27M6 15h5%27 stroke=%27black%27 stroke-width=%271.8%27/%3E%3C/svg%3E")}
#checkout-payment-step .payment-option:has(.payment-option__input:checked){background:#9b2d7a;border-color:#9b2d7a}
#checkout-payment-step .payment-option:has(.payment-option__input:checked) .payment-option__label,
#checkout-payment-step .payment-option:has(.payment-option__input:checked) .payment-option__additional-information,
#checkout-payment-step .payment-option:has(.payment-option__input:checked) .payment-option__additional-information *{color:#fff!important}
#checkout-payment-step .payment-option:has(.payment-option__input:checked) .payment-option__label::after{content:"\2713";margin-inline-start:auto;font-size:1.3rem}
#checkout-payment-step .payment-option__input:checked{background-color:#fff;border-color:#fff;box-shadow:inset 0 0 0 5px #9b2d7a}
#checkout-payment-step .payment-option__additional-information{padding:0 18px 14px 58px;font-size:.92rem;color:#5b5145}
[dir=rtl] #checkout-payment-step .payment-option__additional-information{padding:0 58px 14px 18px}
#checkout-payment-step #payment-confirmation .btn-primary,#checkout-payment-step .js-payment-confirmation .btn-primary{font-size:1.1rem;padding:14px 28px}