/* Product Menu v1.3.0 — generic retail mega menu */
.pf-pm{position:relative;display:inline-flex;flex-direction:column;width:auto;max-width:100%;overflow:visible!important;font-family:inherit;color:var(--pf-pm-root-text,inherit);z-index:60}
.pf-pm *{box-sizing:border-box}
.pf-pm a{text-decoration:none;color:inherit}
.pf-pm button{font:inherit}

/* Trigger */
.pf-pm__trigger{display:flex;align-items:center;gap:10px;width:var(--pf-pm-trigger-w,280px);max-width:100%;height:var(--pf-pm-trigger-h,44px);padding:0 var(--pf-pm-trigger-px,14px);border:1px solid var(--pf-pm-trigger-border,transparent);border-radius:var(--pf-pm-trigger-radius,8px);background:var(--pf-pm-trigger-bg,#2563eb);color:var(--pf-pm-trigger-color,#fff);cursor:pointer;white-space:nowrap;font-size:var(--pf-pm-trigger-fs,15px);font-weight:var(--pf-pm-trigger-fw,600);text-transform:var(--pf-pm-trigger-transform,none);transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}
.pf-pm__trigger:hover{background:var(--pf-pm-trigger-hover-bg,var(--pf-pm-trigger-bg,#2563eb));color:var(--pf-pm-trigger-hover-color,var(--pf-pm-trigger-color,#fff));border-color:var(--pf-pm-trigger-hover-border,var(--pf-pm-trigger-border,transparent))}
.pf-pm:not(.pf-pm--mode-always).is-open .pf-pm__trigger{background:var(--pf-pm-trigger-open-bg,var(--pf-pm-trigger-hover-bg,#1d4ed8));color:var(--pf-pm-trigger-open-color,var(--pf-pm-trigger-color,#fff));border-color:var(--pf-pm-trigger-open-border,var(--pf-pm-trigger-border,transparent))}
.pf-pm--mode-always .pf-pm__trigger{cursor:default}
.pf-pm__hamb{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;color:var(--pf-pm-trigger-icon,currentColor);font-size:16px;transition:color .16s ease}
.pf-pm__trigger:hover .pf-pm__hamb{color:var(--pf-pm-trigger-hover-icon,var(--pf-pm-trigger-icon,currentColor))}
.pf-pm:not(.pf-pm--mode-always).is-open .pf-pm__hamb{color:var(--pf-pm-trigger-open-icon,var(--pf-pm-trigger-icon,currentColor))}
.pf-pm__trigger-label{min-width:0;overflow:hidden;text-overflow:ellipsis}
.pf-pm__trigger-caret{margin-left:auto;font-size:10px;opacity:.8;transition:transform .16s,color .16s ease;color:var(--pf-pm-trigger-icon,currentColor)}
.pf-pm__trigger:hover .pf-pm__trigger-caret{color:var(--pf-pm-trigger-hover-icon,var(--pf-pm-trigger-icon,currentColor))}
.pf-pm:not(.pf-pm--mode-always).is-open .pf-pm__trigger-caret{transform:rotate(180deg);color:var(--pf-pm-trigger-open-icon,var(--pf-pm-trigger-icon,currentColor))}

/* Root category shell */
.pf-pm__panel-wrap{position:absolute;top:calc(100% + 8px);left:0;width:var(--pf-pm-rail-w,280px);visibility:hidden;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .15s ease,transform .15s ease,visibility .15s;z-index:1000;overflow:visible!important}
.pf-pm.is-open .pf-pm__panel-wrap{visibility:visible;opacity:1;transform:none;pointer-events:auto}
.pf-pm--mode-always{width:100%;max-width:100%}
.pf-pm--mode-hover,.pf-pm--mode-click{width:var(--pf-pm-trigger-w,280px);max-width:100%}
.pf-pm--mode-always .pf-pm__panel-wrap{position:relative;top:auto;left:auto;margin-top:8px;visibility:visible;opacity:1;transform:none;pointer-events:auto;width:var(--pf-pm-rail-w,280px);z-index:20}
.pf-pm__panel{position:relative;width:var(--pf-pm-rail-w,280px);min-width:0;overflow:visible}
.pf-pm__rail{display:flex;flex-direction:column;gap:var(--pf-pm-item-gap,2px);width:100%;max-height:min(var(--pf-pm-max-h,640px),calc(100vh - 110px));padding:var(--pf-pm-rail-pad,10px);overflow:auto;background:var(--pf-pm-rail-bg,#fff);border:var(--pf-pm-panel-bw,1px) var(--pf-pm-panel-bs,solid) var(--pf-pm-border,#e5e7eb);border-radius:var(--pf-pm-panel-radius,10px);box-shadow:var(--pf-pm-shadow,0 18px 48px rgba(15,23,42,.16));color:var(--pf-pm-root-text,#1f2937)}
.pf-pm__root{display:flex;align-items:center;min-width:0;background:var(--pf-pm-root-bg,transparent);border-radius:var(--pf-pm-root-radius,6px);transition:background-color .14s ease,color .14s ease}
.pf-pm__root:hover{background:var(--pf-pm-root-hover-bg,#eff6ff)}
.pf-pm__root.is-active{background:var(--pf-pm-root-active-bg,#2563eb)}
.pf-pm__root-link{display:flex;align-items:center;gap:var(--pf-pm-root-icon-gap,10px);min-width:0;flex:1;height:var(--pf-pm-item-h,42px);padding:0 var(--pf-pm-root-px,8px);color:var(--pf-pm-root-text,#1f2937);font-size:var(--pf-pm-root-fs,14px);font-weight:var(--pf-pm-root-fw,500);text-transform:var(--pf-pm-root-transform,none);transition:color .14s ease}
.pf-pm__root:hover .pf-pm__root-link,.pf-pm__root:hover .pf-pm__root-open{color:var(--pf-pm-root-hover-text,#2563eb)}
.pf-pm__root.is-active .pf-pm__root-link,.pf-pm__root.is-active .pf-pm__root-open{color:var(--pf-pm-root-active-text,#fff)}
.pf-pm__root-link>span:not(.pf-pm__icon):not(.pf-pm__badge){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pf-pm__root-open{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;margin-right:3px;border:0;background:transparent;color:var(--pf-pm-root-text,#1f2937);cursor:pointer;font-size:var(--pf-pm-arrow-size,12px)}
.pf-pm__icon{display:grid;place-items:center;flex:0 0 calc(var(--pf-pm-icon-size,16px) + 6px);width:calc(var(--pf-pm-icon-size,16px) + 6px);height:calc(var(--pf-pm-icon-size,16px) + 6px);font-size:var(--pf-pm-icon-size,16px);transition:color .14s ease}
.pf-pm__root .pf-pm__icon{color:var(--pf-pm-root-icon,var(--pf-pm-item-icon,var(--pf-pm-accent,#2563eb)))}
.pf-pm__root:hover .pf-pm__icon{color:var(--pf-pm-root-hover-icon,var(--pf-pm-root-hover-text,#2563eb))}
.pf-pm__root.is-active .pf-pm__icon{color:var(--pf-pm-root-active-icon,var(--pf-pm-root-active-text,#fff))}
.pf-pm__icon img{width:var(--pf-pm-icon-size,16px);height:var(--pf-pm-icon-size,16px);object-fit:contain}
.pf-pm__svg,.pf-pm__svg svg{display:block;width:var(--pf-pm-icon-size,16px);height:var(--pf-pm-icon-size,16px);fill:currentColor;stroke:currentColor}
.pf-pm__badge{display:inline-flex;align-items:center;min-height:18px;padding:1px 6px;border-radius:999px;background:var(--pf-pm-badge,var(--pf-pm-badge-fallback,#ef4444));color:var(--pf-pm-badge-text,#fff);font-size:var(--pf-pm-badge-fs,9px);font-weight:800;line-height:1.2;margin-left:auto}

/* Mega submenu */
.pf-pm__content{position:absolute;top:0;left:calc(100% - var(--pf-pm-panel-bw,1px));width:max(320px,calc(var(--pf-pm-mega-w,1180px) - var(--pf-pm-rail-resolved,var(--pf-pm-rail-w,280px)) + var(--pf-pm-panel-bw,1px)));min-height:max(100%,var(--pf-pm-submenu-min-h,0px));max-height:min(var(--pf-pm-max-h,640px),calc(100vh - 110px));padding:var(--pf-pm-content-py,24px) var(--pf-pm-content-px,28px);overflow:auto;background:var(--pf-pm-content-bg,#fff);border:var(--pf-pm-panel-bw,1px) var(--pf-pm-panel-bs,solid) var(--pf-pm-border,#e5e7eb);border-radius:0 var(--pf-pm-panel-radius,10px) var(--pf-pm-panel-radius,10px) 0;box-shadow:var(--pf-pm-shadow,0 18px 48px rgba(15,23,42,.16));color:var(--pf-pm-link-text,#334155);visibility:hidden;opacity:0;transform:translateX(8px);pointer-events:none;transition:opacity .14s ease,transform .14s ease,visibility .14s;z-index:2}
.pf-pm--dir-left .pf-pm__content{left:auto;right:calc(100% - var(--pf-pm-panel-bw,1px));border-radius:var(--pf-pm-panel-radius,10px) 0 0 var(--pf-pm-panel-radius,10px);transform:translateX(-8px)}
.pf-pm.has-submenu-open .pf-pm__content{visibility:visible;opacity:1;transform:none;pointer-events:auto}
.pf-pm__root-panel{display:none}
.pf-pm__root-panel.is-active{display:block;animation:pfPmFade .12s ease}
@keyframes pfPmFade{from{opacity:.35;transform:translateX(4px)}to{opacity:1;transform:none}}
.pf-pm__panel-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--pf-pm-divider,var(--pf-pm-border,#e5e7eb))}
.pf-pm__panel-title strong{color:var(--pf-pm-panel-title-text,#111827);font-size:var(--pf-pm-panel-title-fs,16px);font-weight:var(--pf-pm-panel-title-fw,700);text-transform:var(--pf-pm-panel-title-transform,uppercase)}
.pf-pm__panel-title a{color:var(--pf-pm-view-all,var(--pf-pm-accent,#2563eb));font-size:12px;font-weight:700}
.pf-pm__mega-grid{display:grid;grid-template-columns:repeat(var(--pf-pm-cols,4),minmax(0,1fr));column-gap:var(--pf-pm-group-col-gap,30px);row-gap:var(--pf-pm-group-row-gap,24px);align-items:start}
.pf-pm__group{min-width:0}
.pf-pm__group-title{display:flex;align-items:center;gap:8px;margin-bottom:var(--pf-pm-group-title-gap,8px);color:var(--pf-pm-group-text,#111827);font-size:var(--pf-pm-group-fs,13px);font-weight:var(--pf-pm-group-fw,700);text-transform:var(--pf-pm-group-transform,uppercase)}
.pf-pm__group-title .pf-pm__icon{color:var(--pf-pm-group-icon,var(--pf-pm-item-icon,var(--pf-pm-accent,#2563eb)))}
.pf-pm__links{list-style:none;margin:0;padding:0}
.pf-pm__links li{margin:0;padding:0}
.pf-pm__links a,.pf-pm__leaf{display:flex;align-items:center;gap:8px;min-height:var(--pf-pm-link-min-h,34px);padding:var(--pf-pm-link-py,5px) var(--pf-pm-link-px,7px);border-radius:var(--pf-pm-link-radius,7px);color:var(--pf-pm-link-text,#334155);font-size:var(--pf-pm-link-fs,13px);font-weight:var(--pf-pm-link-fw,500);text-transform:var(--pf-pm-link-transform,none);transition:background-color .12s ease,color .12s ease,transform .12s ease}
.pf-pm__links a .pf-pm__icon,.pf-pm__leaf .pf-pm__icon{color:var(--pf-pm-link-icon,var(--pf-pm-item-icon,#64748b))}
.pf-pm__links a:hover,.pf-pm__leaf:hover{background:var(--pf-pm-link-hover-bg,#f8fafc);color:var(--pf-pm-link-hover-text,#2563eb);transform:translateX(2px)}
.pf-pm__links a:hover .pf-pm__icon,.pf-pm__leaf:hover .pf-pm__icon{color:var(--pf-pm-link-hover-icon,var(--pf-pm-link-hover-text,#2563eb))}
.pf-pm__links .is-deep{margin:2px 0 5px var(--pf-pm-mobile-indent,14px);padding-left:8px;border-left:1px solid var(--pf-pm-divider,var(--pf-pm-border,#e5e7eb))}
.pf-pm__links .is-deep a{font-size:calc(var(--pf-pm-link-fs,13px) - 1px);color:var(--pf-pm-muted,#64748b)}
.pf-pm__direct-grid{display:grid;grid-template-columns:repeat(var(--pf-pm-cols,4),minmax(0,1fr));column-gap:var(--pf-pm-direct-col-gap,18px);row-gap:var(--pf-pm-direct-row-gap,4px);margin-bottom:18px}
.pf-pm__promo{position:relative;display:flex;min-height:165px;overflow:hidden;border:1px solid var(--pf-pm-border,#e5e7eb);border-radius:12px;background:#071a36;isolation:isolate}
.pf-pm__promo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,12,29,.97) 0%,rgba(1,12,29,.78) 48%,rgba(1,12,29,.18) 100%);z-index:0;pointer-events:none}
.pf-pm__promo-art{position:absolute;inset:0 0 0 auto;width:62%;height:100%;object-fit:cover;z-index:-1;transition:transform .25s}
.pf-pm__promo:hover .pf-pm__promo-art{transform:scale(1.03)}
.pf-pm__promo-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;width:62%;padding:20px;color:#fff}
.pf-pm__promo-copy strong{font-size:20px;line-height:1.15;text-transform:uppercase}
.pf-pm__promo-copy small{color:#cbd5e1;font-size:12px;line-height:1.45}
.pf-pm__promo-copy b{margin-top:5px;padding:7px 10px;border-radius:7px;background:var(--pf-pm-accent,#2563eb);font-size:11px}
.pf-pm__empty{display:flex;align-items:center;gap:10px;padding:20px;border:1px dashed var(--pf-pm-border,#e5e7eb);border-radius:10px;color:var(--pf-pm-muted,#64748b)}
.pf-pm__empty a{color:var(--pf-pm-accent,#2563eb);font-weight:700}
.pf-pm__empty--menu{min-height:100px;margin:0;background:var(--pf-pm-rail-bg,#fff)}

/* Scope */
.pf-pm[data-panel-scope="row"],.pf-pm[data-panel-scope="viewport"]{overflow:visible!important}
.pf-col:has(.pf-pm[data-panel-scope="row"]),.pf-col:has(.pf-pm[data-panel-scope="viewport"]),.pf-grid:has(.pf-pm[data-panel-scope="row"]),.pf-inner-grid:has(.pf-pm[data-panel-scope="row"]){overflow:visible!important}
.b-col:has(.pf-pm--builder[data-panel-scope="row"]),.b-col:has(.pf-pm--builder[data-panel-scope="viewport"]),.b-grid:has(.pf-pm--builder[data-panel-scope="row"]),.b-grid:has(.pf-pm--builder[data-panel-scope="viewport"]){overflow:visible!important}

/* Builder */
.pf-pm--builder{z-index:0!important}
.b-node[data-block="product-menu"]{overflow:visible!important;z-index:20}
.b-node[data-block="product-menu"]>.b-toolbar{z-index:5000!important;top:-30px!important}
.b-node[data-block="product-menu"]>.b-block-preview{overflow:visible!important}
.pf-pm__builder-note{display:none}
.pf-pm--builder .pf-pm__builder-note{display:block;margin-top:6px;padding:4px 7px;border-radius:6px;background:#eaf2ff;color:#456282;font-size:10px;white-space:nowrap}

/* Mobile drawer — class is controlled by JS using the configured breakpoint */
.pf-pm__backdrop,.pf-pm__drawer{display:none}
.pf-pm.is-mobile-layout{display:inline-flex;width:auto}
.pf-pm.is-mobile-layout .pf-pm__trigger{cursor:pointer;width:min(var(--pf-pm-trigger-w,280px),100%)}
.pf-pm.is-mobile-layout .pf-pm__panel-wrap{display:none!important}
.pf-pm.is-mobile-layout .pf-pm__trigger-caret{display:none}
.pf-pm.is-mobile-layout .pf-pm__backdrop{position:fixed;inset:0;display:block;background:var(--pf-pm-mobile-backdrop,#020617);opacity:.62;backdrop-filter:blur(2px);z-index:99990}
.pf-pm.is-mobile-layout .pf-pm__backdrop[hidden]{display:none}
.pf-pm.is-mobile-layout .pf-pm__drawer{position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;width:min(92vw,var(--pf-pm-drawer-w,390px));background:var(--pf-pm-rail-bg,#fff);color:var(--pf-pm-root-text,#1f2937);z-index:99991;box-shadow:20px 0 60px rgba(0,0,0,.25);transform:translateX(-105%);visibility:hidden;transition:transform .22s ease,visibility .22s}
.pf-pm.is-mobile-layout.is-mobile-open .pf-pm__drawer{transform:none;visibility:visible}
.pf-pm__drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid var(--pf-pm-divider,var(--pf-pm-border,#e5e7eb));font-size:17px}
.pf-pm__drawer-close{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--pf-pm-border,#e5e7eb);border-radius:9px;background:transparent;color:inherit}
.pf-pm__drawer-body{padding:10px 10px 24px;overflow:auto;overscroll-behavior:contain}
.pf-pm__mobile-list{list-style:none;margin:0;padding:0}
.pf-pm__mobile-list[data-depth="1"]{padding-left:var(--pf-pm-mobile-indent,14px)}
.pf-pm__mobile-list[data-depth="2"],.pf-pm__mobile-list[data-depth="3"]{padding-left:var(--pf-pm-mobile-indent,14px);border-left:1px solid var(--pf-pm-divider,var(--pf-pm-border,#e5e7eb))}
.pf-pm__mobile-row{display:flex;align-items:center;border-radius:var(--pf-pm-root-radius,6px)}
.pf-pm__mobile-row>a{display:flex;align-items:center;gap:10px;min-width:0;flex:1;padding:10px 8px;color:inherit;font-size:var(--pf-pm-root-fs,14px)}
.pf-pm__mobile-row>a .pf-pm__icon{color:var(--pf-pm-root-icon,var(--pf-pm-item-icon,var(--pf-pm-accent,#2563eb)))}
.pf-pm__mobile-row:hover{background:var(--pf-pm-root-hover-bg,#eff6ff);color:var(--pf-pm-root-hover-text,#2563eb)}
.pf-pm__mobile-row:hover>a .pf-pm__icon{color:var(--pf-pm-root-hover-icon,var(--pf-pm-root-hover-text,#2563eb))}
.pf-pm__mobile-toggle{display:grid;place-items:center;width:38px;height:38px;border:0;background:transparent;color:inherit;transition:.2s}
.pf-pm__mobile-item.is-open>.pf-pm__mobile-row .pf-pm__mobile-toggle{transform:rotate(180deg)}
.pf-pm__mobile-children{display:none}
.pf-pm__mobile-item.is-open>.pf-pm__mobile-children{display:block}
body.pf-pm-lock{overflow:hidden!important}

@media(max-width:1100px){.pf-pm:not(.is-mobile-layout) .pf-pm__mega-grid,.pf-pm:not(.is-mobile-layout) .pf-pm__direct-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-pm:not(.is-mobile-layout) .pf-pm__content{padding:20px}}
@media(max-width:480px){.pf-pm__trigger-label{max-width:160px;overflow:hidden;text-overflow:ellipsis}.pf-pm.is-mobile-layout .pf-pm__drawer{width:92vw}}
