/* =====================================================================
   Dinar Header & Footer 2.0 — frontend
   ===================================================================== */

/* ===== Tokens (colors/fonts/radius injected from the admin or inherited from Dinar Home) ===== */
.dhf{
	--dhf-c1:#d9779a;--dhf-c2:#b4457a;--dhf-c3:#5b2a5e;--dhf-r:20px;--dhf-logo:44px;
	--dhf-fh:Tahoma,"Segoe UI",Arial,sans-serif;--dhf-fb:Tahoma,"Segoe UI",Arial,sans-serif;
	--dhf-grad:linear-gradient(135deg,var(--dhf-c1) 0%,var(--dhf-c2) 50%,var(--dhf-c3) 100%);
	--dhf-text:#3d1f45;--dhf-muted:#7a6580;--dhf-line:#ecdcd9;
	--dhf-tint:rgba(255,107,0,.1);--dhf-tint2:rgba(255,107,0,.2);
	direction:rtl;text-align:right;font-family:var(--dhf-fb);line-height:1.6;box-sizing:border-box;
}
@supports (color:color-mix(in srgb,red,blue)){
	.dhf{--dhf-tint:color-mix(in srgb,var(--dhf-c2) 11%,transparent);--dhf-tint2:color-mix(in srgb,var(--dhf-c2) 24%,transparent)}
}
.dhf *,.dhf *::before,.dhf *::after{box-sizing:border-box}
.dhf a{text-decoration:none;color:inherit}
.dhf ul{list-style:none;margin:0;padding:0}
.dhf p{margin:0}
.dhf img{max-width:100%;height:auto;display:block}
.dhf h4{font-family:var(--dhf-fh);margin:0}
.dhf-wrap{max-width:1280px;margin:0 auto;padding:0 20px}
.dhf-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dhf-svg{display:block;flex:none}
.dhf button{font-family:inherit}

/* Per-device visibility (set from the admin: all / desktop only / mobile only) */
@media(min-width:961px){.dhf-hide-d{display:none!important}}
@media(max-width:960px){.dhf-hide-m{display:none!important}}

/* ===== Call bar (very top) ===== */
.dhf-callbar{background:#fff;border-bottom:1px solid var(--dhf-line);text-align:center;padding:7px 14px;position:relative;z-index:1001}
.dhf-callbar-link{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 10px;font-size:.88rem;font-weight:700;color:var(--dhf-text)}
.dhf-callbar-ic{position:relative;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--dhf-grad);color:#fff}
.dhf-callbar-ic .dhf-svg{width:15px;height:15px}
.dhf-callbar-ic::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 var(--dhf-tint2);animation:dhf-ring 2.2s ease-out infinite}
@keyframes dhf-ring{0%{box-shadow:0 0 0 0 var(--dhf-tint2)}70%,100%{box-shadow:0 0 0 12px transparent}}
.dhf-callbar-num{padding:3px 16px;border-radius:999px;background:var(--dhf-grad);color:#fff;font-weight:800;letter-spacing:.5px;font-size:.92rem;box-shadow:0 6px 14px rgba(0,0,0,.12);transition:transform .2s}
.dhf-callbar-link:hover .dhf-callbar-num{transform:translateY(-1px) scale(1.03)}

/* ===== Announcement bar ===== */
.dhf-announce{background:#3d1f45;color:#fff;font-size:.86rem;font-weight:700;position:relative;z-index:1000}
.dhf-announce.dhf-an-dark{background:#3d1f45;color:#fff}
.dhf-announce.dhf-an-gradient{background:var(--dhf-grad);color:#fff}
.dhf-announce.dhf-an-light{background:var(--dhf-tint);color:#3d1f45;border-bottom:1px solid var(--dhf-line)}
.dhf-announce.dhf-an-light .dhf-ann-x{color:#3d1f45}
.dhf-announce.dhf-an-light .dhf-ann-link{color:var(--dhf-c3)}
.dhf-announce[hidden]{display:none}
.dhf-ann-in{display:flex;align-items:center;gap:16px;min-height:40px;padding-block:6px}
.dhf-ann-main{flex:1;text-align:center}
.dhf-ann-link{text-decoration:underline!important;text-underline-offset:3px;color:var(--dhf-c1)}
.dhf-an-gradient .dhf-ann-link{color:#fff}
.dhf-ann-side{display:flex;align-items:center;gap:16px;font-weight:600}
.dhf-ann-i{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.dhf-ann-i .dhf-svg{width:16px;height:16px}
.dhf-ann-x{background:none;border:0;color:#fff;cursor:pointer;padding:5px;display:inline-flex;opacity:.8;border-radius:8px;flex:none;margin-inline:6px}
.dhf-ann-x:hover{opacity:1;background:rgba(255,255,255,.14)}
.dhf-ann-x .dhf-svg{width:16px;height:16px}
/* scrolling messages */
.dhf-announce.is-marquee{display:flex;align-items:center}
.dhf-mq{flex:1;min-width:0;overflow:hidden;direction:ltr;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.dhf-mq-track{display:inline-flex;white-space:nowrap;animation:dhf-mq 32s linear infinite;will-change:transform}
.dhf-mq-item{display:inline-flex;align-items:center;direction:rtl;padding:10px 14px;font-size:.95rem}
.dhf-mq-item::after{content:"✦";margin-inline-start:28px;opacity:.55;font-size:.7rem}
.dhf-announce.is-marquee:hover .dhf-mq-track{animation-play-state:paused}
@keyframes dhf-mq{to{transform:translateX(-50%)}}

/* ===== Header ===== */
.dhf-header{--h-bg:rgba(255,255,255,.88);--h-solid:#fff;--h-tx:#3d1f45;--h-mut:#5e4a66;--h-line:rgba(61,31,69,.08);--h-hover:rgba(61,31,69,.06);--h-soft:rgba(61,31,69,.05);
	color:var(--h-tx);position:relative;z-index:999;transition:box-shadow .3s}
/* translucent layer lives on a pseudo-element: backdrop-filter on the header itself would trap the fixed mobile drawer */
.dhf-header::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--h-bg);border-bottom:1px solid var(--h-line);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px)}
.dhf-header::after{content:"";position:absolute;inset-inline:0;bottom:0;height:3px;background:var(--dhf-grad);opacity:0;transition:opacity .3s}
.dhf-header.dhf-hs-dark{--h-bg:rgba(61,31,69,.92);--h-solid:#3d1f45;--h-tx:#fff;--h-mut:#ddc9cf;--h-line:rgba(255,255,255,.1);--h-hover:rgba(255,255,255,.1);--h-soft:rgba(255,255,255,.08)}
.dhf-header.dhf-hs-gradient{--h-bg:var(--dhf-grad);--h-solid:#b4457a;--h-tx:#fff;--h-mut:rgba(255,255,255,.92);--h-line:transparent;--h-hover:rgba(255,255,255,.2);--h-soft:rgba(255,255,255,.16)}
.dhf-header.dhf-hs-gradient::before{-webkit-backdrop-filter:none;backdrop-filter:none}
.dhf-header.dhf-hs-gradient::after{background:rgba(255,255,255,.55)}
.dhf-header.is-sticky{position:sticky;top:0}
body.admin-bar .dhf-header.is-sticky{top:32px}
@media(max-width:782px){body.admin-bar .dhf-header.is-sticky{top:46px}}
/* Below 601px the admin bar is not fixed (scrolls away), so no offset */
@media(max-width:600px){body.admin-bar .dhf-header.is-sticky{top:0}}
.dhf-header.is-scrolled{box-shadow:0 10px 30px rgba(61,31,69,.12)}
.dhf-header.is-scrolled::after{opacity:1}
.dhf-bar{display:flex;align-items:center;gap:20px;min-height:78px;position:relative;transition:min-height .25s}
.dhf-header.is-scrolled .dhf-bar{min-height:64px}
.dhf-brand{display:inline-flex;flex-direction:column;justify-content:center;flex:none;color:inherit;transition:transform .25s}
.dhf-brand:hover{transform:scale(1.03)}
.dhf-logo-img{height:var(--dhf-logo);width:auto;max-width:210px;object-fit:contain;transition:height .25s}
.dhf-header.is-scrolled .dhf-logo-img{height:calc(var(--dhf-logo) * .86)}
.dhf-logo-text{font-family:var(--dhf-fh);font-weight:800;font-size:1.5rem;line-height:1.2;color:var(--h-tx)}
.dhf-hs-light .dhf-logo-text{background:var(--dhf-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.dhf-tagline{font-size:.72rem;color:var(--h-mut);font-weight:600;margin-top:-2px}

/* nav */
.dhf-nav{flex:1;display:flex;align-items:center;min-width:0}
.dhf-na-center .dhf-nav{justify-content:center}
.dhf-nav-head,.dhf-drawer-extra{display:none}
.dhf-menu{display:flex;align-items:center;gap:4px;flex-wrap:nowrap}
.dhf-menu>li>a,.dhf-menu>li>.dhf-nolink{white-space:nowrap}
.dhf-menu>li,.dhf-menu li{position:relative}
.dhf-menu>li>a,.dhf-menu>li>.dhf-nolink{position:relative;display:inline-flex;align-items:center;padding:10px 16px;border-radius:999px;font-weight:700;color:var(--h-tx);font-size:.98rem;transition:background .2s,color .2s}
.dhf-menu>li>a::after{content:"";position:absolute;inset-inline:18px;bottom:5px;height:3px;border-radius:3px;background:var(--dhf-grad);transform:scaleX(0);transform-origin:center;transition:transform .28s cubic-bezier(.2,.8,.2,1)}
.dhf-hs-gradient .dhf-menu>li>a::after{background:#fff}
.dhf-menu>li>a:hover,.dhf-menu>li:focus-within>a{background:var(--h-hover)}
.dhf-menu>li>a:hover::after,.dhf-menu>li:focus-within>a::after{transform:scaleX(1)}
.dhf-menu>li.is-current>a,.dhf-menu>li.current-menu-item>a,.dhf-menu>li>a[aria-current="page"]{background:var(--dhf-tint)}
.dhf-menu>li.is-current>a::after,.dhf-menu>li.current-menu-item>a::after,.dhf-menu>li>a[aria-current="page"]::after{transform:scaleX(1)}
.dhf-hs-gradient .dhf-menu>li.is-current>a,.dhf-hs-gradient .dhf-menu>li>a[aria-current="page"]{background:rgba(255,255,255,.2)}
.dhf-sub-toggle{background:none;border:0;color:inherit;cursor:pointer;padding:4px;margin-inline-start:-8px;display:inline-flex;border-radius:8px}
.dhf-sub-toggle .dhf-svg{width:16px;height:16px;transition:transform .2s}
.dhf-menu li.is-open>.dhf-sub-toggle .dhf-svg,.dhf-menu li:hover>.dhf-sub-toggle .dhf-svg{transform:rotate(180deg)}
.dhf-menu li.has-sub,.dhf-menu li.menu-item-has-children{display:flex;align-items:center}
.dhf-sub,.dhf-menu .sub-menu{position:absolute;top:calc(100% + 6px);inset-inline-start:0;min-width:230px;background:#fff;color:#3d1f45;border:1px solid var(--dhf-line);border-radius:calc(var(--dhf-r) * .7);box-shadow:0 24px 50px rgba(61,31,69,.18);padding:8px;
	opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s,transform .2s,visibility .2s;z-index:5}
/* invisible bridge so the pointer can travel from the link to the panel */
.dhf-sub::before,.dhf-menu .sub-menu::before{content:"";position:absolute;inset-inline:0;top:-8px;height:8px}
.dhf-menu li:hover>.dhf-sub,.dhf-menu li:focus-within>.dhf-sub,.dhf-menu li.is-open>.dhf-sub,
.dhf-menu li:hover>.sub-menu,.dhf-menu li:focus-within>.sub-menu,.dhf-menu li.is-open>.sub-menu{opacity:1;visibility:visible;transform:none}
.dhf-sub a,.dhf-menu .sub-menu a{display:block;padding:10px 14px;border-radius:calc(var(--dhf-r) * .45);font-weight:600;color:#3d1f45;font-size:.93rem;transition:background .2s,color .2s,padding .2s}
.dhf-sub a:hover,.dhf-menu .sub-menu a:hover{background:var(--dhf-tint);color:var(--dhf-c2);padding-inline-start:18px}

/* actions */
.dhf-actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto}
.dhf-na-center .dhf-actions{margin-inline-start:0}
.dhf-ic{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:var(--h-soft);color:var(--h-tx);border-radius:50%;cursor:pointer;transition:background .2s,transform .2s,color .2s,box-shadow .2s}
.dhf-ic:hover{background:var(--dhf-tint2);color:var(--dhf-c2);transform:translateY(-2px)}
.dhf-hs-gradient .dhf-ic:hover{color:#fff;background:rgba(255,255,255,.3)}
.dhf-ic:focus-visible,.dhf-menu a:focus-visible,.dhf-cta:focus-visible,.dhf-footer a:focus-visible,.dhf-search input:focus-visible{outline:3px solid var(--dhf-c2);outline-offset:2px}
.dhf-ic .dhf-svg{width:21px;height:21px}
.dhf-acc.is-in::after{content:"";position:absolute;top:7px;inset-inline-end:8px;width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px var(--h-solid)}
.dhf-cart-count{position:absolute;top:-3px;inset-inline-start:-3px;min-width:20px;height:20px;padding:0 5px;border-radius:20px;background:var(--dhf-grad);color:#fff;font-size:.72rem;font-weight:800;line-height:20px;text-align:center;box-shadow:0 0 0 2px var(--h-solid,#fff)}
.dhf-hs-gradient .dhf-cart-count{background:#fff;color:var(--dhf-c3)}
.dhf-cart-count[data-n="0"]{display:none}
.dhf-cart.is-bump .dhf-cart-count{animation:dhf-bump .55s cubic-bezier(.3,1.6,.5,1)}
@keyframes dhf-bump{0%{transform:scale(.4)}60%{transform:scale(1.35)}100%{transform:scale(1)}}

/* search: base = dropdown panel under the header (mobile + "icon" style) */
.dhf-search-btn{display:none}
.dhf-ss-icon .dhf-search-btn{display:inline-flex}
.dhf-search{display:none;position:absolute;top:calc(100% + 8px);inset-inline:20px;z-index:30;align-items:center;gap:10px;flex-wrap:wrap;
	background:var(--h-solid);color:var(--h-tx);border:1px solid var(--h-line);border-radius:22px;padding:12px 14px;box-shadow:0 24px 50px rgba(61,31,69,.2)}
.dhf-hs-light .dhf-search{background:#fff;color:#3d1f45}
.dhf-search.is-open{display:flex;animation:dhf-drop .22s ease-out}
@keyframes dhf-drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.dhf-search-ic{display:inline-flex;color:var(--h-mut);flex:none}
.dhf-search-ic .dhf-svg{width:20px;height:20px}
.dhf-search input[type=search]{flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;color:inherit;font:inherit;font-size:1rem;padding:9px 0!important;height:auto!important;margin:0;-webkit-appearance:none;appearance:none}
.dhf-search input[type=search]::-webkit-search-cancel-button{display:none}
.dhf-search input::placeholder{color:var(--h-mut);opacity:.9}
.dhf-search-go{border:0;cursor:pointer;padding:10px 22px;border-radius:999px;background:var(--dhf-grad);color:#fff;font-weight:800;font-size:.92rem;transition:filter .2s,transform .2s}
.dhf-search-go:hover{filter:brightness(1.08);transform:translateY(-1px)}
/* live results */
.dhf-live{flex-basis:100%;margin-top:4px;color:#3d1f45;max-height:min(62vh,440px);overflow-y:auto;border-top:1px solid var(--dhf-line);padding-top:8px}
.dhf-live[hidden]{display:none}
.dhf-live-i{display:flex;align-items:center;gap:12px;padding:8px;border-radius:14px;transition:background .2s}
.dhf-live-i:hover,.dhf-live-i:focus-visible,.dhf-live-i.is-active{background:var(--dhf-tint)}
.dhf-live-i img{width:52px;height:52px;border-radius:12px;object-fit:cover;background:#f6ebe6;flex:none}
.dhf-live-n{flex:1;min-width:0;font-weight:700;font-size:.92rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dhf-live-p{flex:none;font-weight:800;color:var(--dhf-c2);font-size:.9rem;white-space:nowrap}
.dhf-live-p del{opacity:.55;font-weight:600;margin-inline-end:6px}
.dhf-live-msg{padding:16px;text-align:center;color:var(--dhf-muted);font-size:.9rem}
.dhf-live-all{display:block;margin:6px 4px 2px;padding:10px;border-radius:12px;text-align:center;font-weight:800;font-size:.9rem;background:var(--dhf-tint);color:var(--dhf-c2)!important}
.dhf-live-all:hover{background:var(--dhf-tint2)}
/* desktop + "bar" style: inline pill with floating results */
@media(min-width:961px){
	.dhf-ss-bar .dhf-search{display:flex;position:relative;top:auto;inset-inline:auto;width:250px;flex-wrap:nowrap;background:var(--h-soft);border:1px solid transparent;border-radius:999px;padding:0 16px;box-shadow:none;transition:width .3s,background .2s,border-color .2s,box-shadow .2s;animation:none}
	.dhf-ss-bar .dhf-search:focus-within{width:340px;margin-inline-start:-90px;z-index:35;background:var(--h-solid);border-color:var(--dhf-c2);box-shadow:0 0 0 4px var(--dhf-tint)}
	.dhf-hs-gradient.dhf-ss-bar .dhf-search:focus-within{color:#3d1f45}
	.dhf-hs-gradient.dhf-ss-bar .dhf-search:focus-within .dhf-search-ic{color:#7a6580}
	.dhf-ss-bar .dhf-search-go{display:none}
	.dhf-ss-bar .dhf-live{position:absolute;top:calc(100% + 12px);inset-inline-end:0;width:max(100%,400px);background:#fff;border:1px solid var(--dhf-line);border-radius:20px;box-shadow:0 28px 60px rgba(61,31,69,.22);padding:8px;margin:0;z-index:40}
}

.dhf-cta{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:999px;background:var(--dhf-grad);color:#fff!important;font-weight:800;font-size:.95rem;white-space:nowrap;box-shadow:0 10px 24px rgba(0,0,0,.16);transition:transform .25s,box-shadow .25s,filter .25s}
.dhf-cta::after{content:"";position:absolute;top:0;bottom:0;width:40%;inset-inline-start:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:inset-inline-start .6s}
.dhf-cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.22);filter:brightness(1.05)}
.dhf-cta:hover::after{inset-inline-start:130%}
.dhf-hs-gradient .dhf-cta{background:#fff;color:var(--dhf-c3)!important}
.dhf-burger,.dhf-overlay{display:none}

/* minimal (checkout) */
.dhf-header.is-minimal .dhf-bar{justify-content:space-between}
.dhf-secure{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--h-mut);font-size:.92rem}
.dhf-secure .dhf-svg{width:18px;height:18px;color:#16a34a}
.dhf-back{font-weight:700;font-size:.92rem;color:var(--h-tx);text-decoration:underline!important;text-underline-offset:3px}

/* ===== Footer ===== */
.dhf-footer{--f-bg:#3d1f45;--f-tx:#ecdcd9;--f-mut:#a791ad;--f-head:#fff;--f-line:rgba(255,255,255,.12);--f-chip:rgba(255,255,255,.08);
	background:var(--f-bg);color:var(--f-tx);margin-top:0;position:relative;z-index:1}
.dhf-footer.dhf-fs-light{--f-bg:#fff;--f-tx:#5a3f63;--f-mut:#7a6580;--f-head:#3d1f45;--f-line:#ecdcd9;--f-chip:#f6ebe6;border-top:1px solid #ecdcd9}
.dhf-footer.dhf-fs-gradient{--f-bg:var(--dhf-grad);--f-tx:#fff;--f-mut:rgba(255,255,255,.85);--f-head:#fff;--f-line:rgba(255,255,255,.28);--f-chip:rgba(255,255,255,.18)}
.dhf-footer::before{content:"";display:block;height:4px;background:var(--dhf-grad)}
.dhf-footer.dhf-fs-gradient::before{display:none}
.dhf-cols{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:36px;padding-block:52px 28px}
.dhf-cols>.dhf-col:only-child{grid-column:1/-1}
.dhf-col h4{color:var(--f-head);font-size:1.05rem;font-weight:800;margin-bottom:18px;position:relative;padding-bottom:10px}
.dhf-col h4::after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:36px;height:3px;border-radius:3px;background:var(--dhf-grad)}
.dhf-fs-gradient .dhf-col h4::after{background:#fff}
.dhf-col-brand .dhf-logo-text{color:var(--f-head);background:none;-webkit-text-fill-color:currentColor}
.dhf-col-brand .dhf-tagline{color:var(--f-mut)}
.dhf-about{margin:14px 0 16px;color:var(--f-mut);font-size:.94rem;line-height:1.9;max-width:380px}
.dhf-links li{margin-bottom:10px}
.dhf-links a,.dhf-links span{color:var(--f-tx);font-size:.94rem;transition:color .2s,padding .2s}
.dhf-links a:hover{color:var(--dhf-c1);padding-inline-start:5px}
.dhf-fs-light .dhf-links a:hover{color:var(--dhf-c2)}
.dhf-fs-gradient .dhf-links a:hover{color:#fff;text-decoration:underline}
.dhf-contact li{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:.94rem}
.dhf-contact .dhf-svg{width:18px;height:18px;margin-top:3px;color:var(--dhf-c1)}
.dhf-fs-light .dhf-contact .dhf-svg{color:var(--dhf-c2)}
.dhf-fs-gradient .dhf-contact .dhf-svg{color:#fff}
.dhf-contact a:hover{text-decoration:underline}
/* social chips */
.dhf-socials{display:flex;flex-wrap:wrap;gap:8px}
.dhf-soc{display:inline-flex;align-items:center;padding:7px 15px;border-radius:999px;font-size:.84rem;font-weight:700;background:var(--f-chip,rgba(255,255,255,.14));color:var(--f-tx,#fff);border:1px solid var(--f-line,rgba(255,255,255,.2));transition:background .2s,transform .2s,color .2s}
.dhf-soc:hover{background:var(--dhf-grad);color:#fff!important;border-color:transparent;transform:translateY(-2px)}
.dhf-socials-sm .dhf-soc{padding:3px 10px;font-size:.76rem;background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.2)}
.dhf-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding-block:22px;border-top:1px solid var(--f-line)}
.dhf-badges span{padding:9px 18px;border-radius:999px;background:var(--f-chip);color:var(--f-tx);font-weight:700;font-size:.86rem;border:1px solid var(--f-line)}
.dhf-bottom{border-top:1px solid var(--f-line);padding:16px 0;font-size:.86rem;color:var(--f-mut)}
.dhf-bottom-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px}
.dhf-legal{display:flex;flex-wrap:wrap;gap:6px 18px}
.dhf-legal a:hover{color:var(--f-head);text-decoration:underline}
.dhf-footer.is-minimal::before{display:none}
.dhf-footer.is-minimal .dhf-bottom{border-top:0}

/* ===== Mobile bottom bar + back to top ===== */
.dhf-mbar{display:none}
.dhf-top{position:fixed;z-index:997;inset-inline-start:auto;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:46px;height:46px;border:0;border-radius:50%;cursor:pointer;
	background:var(--dhf-grad);color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.24);display:flex;align-items:center;justify-content:center;transition:transform .25s,opacity .25s}
.dhf-top[hidden]{display:none}
.dhf-top:hover{transform:translateY(-3px)}

/* ===== Responsive ===== */
@media(min-width:961px) and (max-width:1180px){.dhf-ss-bar .dhf-search{width:180px}.dhf-ss-bar .dhf-search:focus-within{width:260px;margin-inline-start:-60px}.dhf-menu>li>a,.dhf-menu>li>.dhf-nolink{padding:10px 10px;font-size:.92rem}.dhf-bar{gap:10px}.dhf-cta-wrap,.dhf-ph{display:none}.dhf-ss-bar .dhf-search{width:170px}.dhf-ss-bar .dhf-search:focus-within{width:230px;margin-inline-start:-40px}}
@media(max-width:1100px){.dhf-cols{grid-template-columns:1fr 1fr 1fr}.dhf-col-brand{grid-column:1/-1}}
@media(max-width:960px){
	.dhf-burger{display:inline-flex;order:-1}
	.dhf-bar{gap:8px;min-height:64px}
	.dhf-header.is-scrolled .dhf-bar{min-height:58px}
	.dhf-brand{margin-inline-end:auto}
	.dhf-actions{margin-inline-start:0;gap:6px}
	.dhf-ic{width:42px;height:42px}
	.dhf-cta-wrap{display:none}
	.dhf-search-btn{display:inline-flex}
	.dhf-nav{position:fixed;top:0;bottom:0;inset-inline-start:0;width:min(88vw,350px);flex-direction:column;align-items:stretch;justify-content:flex-start;background:#fff;color:#3d1f45;z-index:1002;
		transform:translateX(100%);transition:transform .32s cubic-bezier(.2,.8,.2,1);overflow-y:auto;padding:0 0 28px;box-shadow:-24px 0 60px rgba(61,31,69,.3);visibility:hidden}
	.dhf-nav.is-open{transform:none;visibility:visible}
	.dhf-na-center .dhf-nav{justify-content:flex-start}
	body.dhf-nav-lock .dhf-header{z-index:1100}
	.dhf-nav-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--dhf-tint);border-bottom:1px solid #ecdcd9;position:relative}
	.dhf-nav-head::after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:3px;background:var(--dhf-grad)}
	.dhf-nav-head .dhf-ic{color:#3d1f45;background:#fff}
	.dhf-nav-head .dhf-logo-text{font-size:1.3rem}
	.dhf-nav-head .dhf-tagline{display:none}
	.dhf-nav-head .dhf-logo-img{height:calc(var(--dhf-logo) * .85)}
	.dhf-menu{flex-direction:column;align-items:stretch;gap:2px;padding:12px 14px}
	.dhf-menu>li{border-bottom:0;border-radius:14px}
	.dhf-menu>li>a,.dhf-menu>li>.dhf-nolink{color:#3d1f45;padding:14px 14px;border-radius:14px;flex:1;font-size:1.02rem}
	.dhf-menu>li>a::after{display:none}
	.dhf-menu>li>a:hover,.dhf-menu>li.is-current>a,.dhf-menu>li>a[aria-current="page"]{background:var(--dhf-tint);box-shadow:none;color:var(--dhf-c2)}
	.dhf-menu li.has-sub,.dhf-menu li.menu-item-has-children{flex-wrap:wrap}
	.dhf-sub-toggle{color:#3d1f45;width:42px;height:42px;align-items:center;justify-content:center;margin:0;background:#f6ebe6;border-radius:12px}
	.dhf-menu li:hover>.dhf-sub-toggle .dhf-svg{transform:none}
	.dhf-menu li.is-open>.dhf-sub-toggle .dhf-svg{transform:rotate(180deg)}
	.dhf-sub,.dhf-menu .sub-menu{position:static;width:100%;min-width:0;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:#fdf9f4;display:none;padding:6px;margin:4px 0 8px;border-radius:14px}
	.dhf-sub::before,.dhf-menu .sub-menu::before{display:none}
	.dhf-menu li.is-open>.dhf-sub,.dhf-menu li.is-open>.sub-menu{display:block}
	.dhf-drawer-extra{display:block;padding:10px 20px;color:#3d1f45}
	.dhf-drawer-cta{margin:8px 0 14px}.dhf-drawer-cta .dhf-cta{display:flex;justify-content:center;width:100%}
	.dhf-d-i{display:flex;align-items:center;gap:10px;padding:9px 0;font-weight:700}
	.dhf-d-i .dhf-svg{width:18px;height:18px;color:var(--dhf-c2)}
	.dhf-drawer-extra .dhf-socials{margin-top:12px}
	.dhf-drawer-extra .dhf-soc{background:#f6ebe6;color:#3d1f45;border-color:#ecdcd9}
	.dhf-overlay{position:fixed;inset:0;background:rgba(61,31,69,.55);z-index:1001;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
	.dhf-overlay:not([hidden]){display:block;animation:dhf-fade .25s}
	@keyframes dhf-fade{from{opacity:0}to{opacity:1}}
	.dhf-search{inset-inline:12px;border-radius:20px}
	body.dhf-nav-lock{overflow:hidden}
	.dhf-cols{grid-template-columns:1fr 1fr;gap:28px;padding-block:36px 20px}
}
@media(max-width:782px){
	.dhf-ann-side{display:none}
	.dhf-ann-in{gap:8px}
	.dhf-hide-sm{display:none!important}
	.dhf-logo-img{max-width:150px}
	.dhf-mq-item{font-size:.86rem;padding:9px 12px}
	body.dhf-mbar-on{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}
	.dhf-mbar{display:flex;position:fixed;z-index:998;left:0;right:0;bottom:0;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid #ecdcd9;border-radius:22px 22px 0 0;box-shadow:0 -10px 30px rgba(61,31,69,.12);padding-bottom:env(safe-area-inset-bottom,0px)}
	.dhf-mbar a{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 2px 9px;color:#5e4a66;font-size:.7rem;font-weight:700;transition:color .2s}
	.dhf-mbar a:hover,.dhf-mbar a:focus-visible,.dhf-mbar a:active{color:var(--dhf-c2)}
	.dhf-mbar .dhf-svg{width:23px;height:23px}
	.dhf-mbar .dhf-cart-count{top:3px;inset-inline-start:auto;inset-inline-end:calc(50% - 24px);box-shadow:0 0 0 2px #fff}
	body.dhf-mbar-on .dhf-top{bottom:calc(80px + env(safe-area-inset-bottom,0px))}
	body.dhf-mbar-on .dh-wa{bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:560px){
	.dhf-cols{grid-template-columns:1fr}
	.dhf-bottom-in{flex-direction:column;text-align:center;justify-content:center}
	.dhf-legal{justify-content:center}
	.dhf-secure{display:none}
	.dhf-wrap{padding:0 14px}
	.dhf-callbar-link{font-size:.8rem}
}
@media(prefers-reduced-motion:reduce){.dhf *,.dhf *::before,.dhf *::after{transition:none!important;animation:none!important}.dhf-mq{overflow-x:auto}}