/* =========================================
   PS HELLAS / CLASSIC FLYOUT MEGA MENU
   Scoped to cloned .psh-mega-menu module / CLEAN
========================================= */
.psh-mega-menu,.psh-mega-menu *{box-sizing:border-box}
.psh-mega-menu{position:relative;z-index:1100;flex:0 0 auto}
.psh-mega-menu .psfly{position:relative!important;top:auto!important;left:auto!important;z-index:1100!important;width:auto!important;height:auto!important;overflow:visible!important;display:block!important;font-family:inherit;pointer-events:auto}
.psh-mega-menu .psfly-header{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:46px;min-height:46px;padding:0 24px;border:1px solid rgba(110,203,255,.58);border-radius:6px;background:#10466c;color:#fff!important;font-size:14px;font-weight:700;text-decoration:none!important;white-space:nowrap;cursor:pointer;box-shadow:none;transition:background .2s,border-color .2s}
.psh-mega-menu .psfly-header:hover,.psh-mega-menu .psfly:focus-within>.psfly-header{background:#155982;border-color:#7dd3fc}
/* =========================================
   LEVEL 1 / MAIN CATEGORIES
========================================= */
.psh-mega-menu .psfly-l1{display:none!important;position:absolute!important;top:100%!important;left:0!important;width:290px!important;min-height:0!important;margin:0!important;padding:7px 0!important;border:1px solid #275473!important;border-top:2px solid #38bdf8!important;border-radius:14px!important;background:#0b243b!important;box-shadow:0 18px 48px rgba(1,16,31,.32)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important;grid-template-columns:none!important;gap:0!important}
.psh-mega-menu .psfly:hover>.psfly-l1,.psh-mega-menu .psfly:focus-within>.psfly-l1,.psh-mega-menu .psfly.is-open>.psfly-l1{display:block!important}
.psh-mega-menu .psfly-l1>.psfly-item{position:static!important;min-width:0}
.psh-mega-menu .psfly-link{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:42px;margin:2px 6px!important;padding:8px 12px!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:#e5f1fa!important;font-size:13px!important;font-weight:600!important;line-height:1.35;text-decoration:none!important;white-space:normal!important;transform:none!important;box-shadow:none!important;cursor:pointer;overflow:visible!important;transition:background .2s,border-color .2s}
.psh-mega-menu .psfly-link::before{content:""!important;display:block!important;position:static!important;flex:0 0 7px!important;width:7px!important;height:7px!important;margin:0!important;border:0!important;border-radius:50%!important;background:#38bdf8!important;opacity:1!important;box-shadow:0 0 0 3px rgba(56,189,248,.09)!important}
.psh-mega-menu .psfly-link:hover,.psh-mega-menu .psfly-item:hover>.psfly-link,.psh-mega-menu .psfly-item:focus-within>.psfly-link{background:#174563!important;border-color:#347ca5!important;color:#fff!important}
.psh-mega-menu .psfly-left{display:flex;align-items:center;gap:9px;flex:1;min-width:0}
.psh-mega-menu .psfly-left i{display:none!important}
.psh-mega-menu .psfly-link .fa-chevron-right{margin-left:auto;color:#7dd3fc!important;font-size:10px;opacity:.9}
.psh-mega-menu .psfly-l1>.psfly-item>.psfly-link span{text-transform:uppercase;letter-spacing:.15px}
/* =========================================
   LEVEL 2 / SUBCATEGORIES
========================================= */
.psh-mega-menu .psfly-l2{display:none!important;position:absolute!important;top:-7px!important;left:100%!important;width:255px!important;min-height:200px!important;margin:0!important;padding:7px 0!important;border:1px solid #275473!important;border-top:2px solid #38bdf8!important;border-radius:12px!important;background:#102b45!important;box-shadow:0 18px 48px rgba(1,16,31,.3)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important}
.psh-mega-menu .psfly-item.has-flyout:hover>.psfly-l2,.psh-mega-menu .psfly-item.has-flyout:focus-within>.psfly-l2{display:block!important}
.psh-mega-menu .psfly-l2 .psfly-item{position:relative!important}
.psh-mega-menu .psfly-l2 .psfly-link{font-size:12px!important;font-weight:500!important}
.psh-mega-menu .psfly-l2 .psfly-link::before{flex-basis:6px!important;width:6px!important;height:6px!important;background:#76d6ff!important}
/* =========================================
   LEVEL 3 / CONTENT AND PRODUCT LINKS
========================================= */
.psh-mega-menu .psfly-l3{display:none!important;position:absolute!important;top:0!important;left:100%!important;width:560px!important;min-height:100%!important;height:auto!important;max-height:min(85vh,900px)!important;margin:0!important;padding:22px!important;border:1px solid #326585!important;border-top:2px solid #38bdf8!important;border-radius:14px!important;background:#0c2942!important;color:#f2f8ff!important;box-shadow:0 18px 48px rgba(1,16,31,.3)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-color:#4789ae #0c2942}
.psh-mega-menu .psfly-l1>.psfly-item.has-flyout:hover>.psfly-l3,.psh-mega-menu .psfly-l1>.psfly-item.has-flyout:focus-within>.psfly-l3,.psh-mega-menu .psfly-l1>.psfly-item.has-flyout.is-active>.psfly-l3{display:block!important}
.psh-mega-menu .psfly-head{margin-bottom:16px}
.psh-mega-menu .psfly-head h3{margin:0 0 6px;color:#fff!important;font-size:17px;font-weight:700;line-height:1.3}
.psh-mega-menu .psfly-head p{margin:0;color:#c3d9e8!important;font-size:12px;line-height:1.6}
.psh-mega-menu .psfly-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.psh-mega-menu .psfly-card{display:flex!important;align-items:center;gap:9px;min-height:45px;padding:10px 12px!important;border:1px solid rgba(125,211,252,.16)!important;border-radius:8px!important;background:#183c58!important;color:#edf7ff!important;font-size:13px!important;font-weight:500;text-decoration:none!important;transform:none!important;box-shadow:none!important;overflow:visible!important;transition:background .2s,border-color .2s}
.psh-mega-menu .psfly-card::before{content:""!important;display:block!important;position:static!important;flex:0 0 6px!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#38bdf8!important;opacity:1!important}
.psh-mega-menu .psfly-card:hover{background:#205375!important;border-color:#69c8f5!important;color:#fff!important}
.psh-mega-menu .psfly-card i{display:none!important}
.psh-mega-menu .psfly-card span{line-height:1.4}
.psh-mega-menu .psfly-head-space{margin-top:15px;padding-top:15px;border-top:1px solid rgba(125,211,252,.18)}
.psh-mega-menu .psfly-separator{height:1px;margin:7px 14px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.5),transparent)}
.psh-mega-menu .psfly-direct-link{display:flex!important;align-items:center;gap:10px;min-height:42px;margin:7px 9px!important;padding:8px 12px!important;border:1px solid rgba(56,189,248,.27)!important;border-radius:8px!important;background:#144564!important;color:#f1f9ff!important;font-size:12px!important;font-weight:700;text-decoration:none!important;text-transform:none!important;transform:none!important;box-shadow:none!important}
.psh-mega-menu .psfly-direct-link::before{display:none!important}
.psh-mega-menu .psfly-direct-link:hover{background:#1a5c82!important;border-color:#7dd3fc!important;color:#fff!important}
.psh-mega-menu .psfly-direct-link i{color:#7dd3fc}
.psh-mega-menu .psfly-cta{background:#155577!important}
.psh-mega-menu .psfly-l3:not(.psfly-boxes) .psfly-grid:not(:has(.psfly-card:nth-child(6))){grid-template-columns:1fr!important}
/* =========================================
   LEGACY JS DRAWER / DISABLED FOR FLYOUT
========================================= */
.psh-mega-menu .psh-mega-detail,.psh-mega-menu .psh-mega-main-heading,.psh-mega-menu .psh-mega-detail-heading{display:none!important}
/* =========================================
   PS HELLAS / STICKY MENU BUTTON
========================================= */
.psh-site .psh-header.psh-scrolled .psh-mega-menu .psfly-header{background:rgba(16,70,108,.28)!important;border-color:rgba(110,203,255,.35)!important;box-shadow:0 4px 18px rgba(0,0,0,.08)!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.psh-site .psh-header.psh-scrolled .psh-mega-menu .psfly-header:hover{background:rgba(21,89,130,.78)!important;border-color:#38bdf8!important}
/* =========================================
   RESPONSIVE / NO OFFSCREEN FLYOUTS
========================================= */
@media(max-width:1250px){.psh-mega-menu .psfly-l3{width:min(520px,calc(100vw - 330px))!important}}

/* =========================================================
   07 | RESPONSIVE - DESKTOP / MOBILE SEPARATION
========================================================= */
@media(min-width:992px){body.psh-site .psh-mobile-nav,body.psh-site .psh-menu-toggle{display:none!important}}
@media(max-width:991px){body.psh-site .psh-nav,body.psh-site .psh-mega-position,body.psh-site .psh-mega-menu .psfly{display:none!important}}

/* =========================================================
   08 | MOBILE HAMBURGER - NAVY / ELECTRIC BLUE
========================================================= */
@media(max-width:991px){
body.psh-site .psh-menu-toggle{position:relative;z-index:1202;display:flex!important;flex:0 0 42px;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:42px;height:42px;margin:0;padding:9px;border:1px solid #32658a;border-radius:9px;background:#112b44;color:#fff;cursor:pointer}
body.psh-site .psh-menu-toggle>span{display:block!important;flex:none;width:21px;height:2px;min-height:2px;margin:0!important;border:0;border-radius:2px;background:#38bdf8!important;opacity:1;transition:transform .25s,opacity .2s}
body.psh-site .psh-menu-toggle:hover{border-color:#38bdf8}
body.psh-site .psh-menu-toggle:focus-visible{outline:2px solid #38bdf8;outline-offset:3px}
body.psh-site .psh-menu-toggle[aria-expanded="true"]>span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.psh-site .psh-menu-toggle[aria-expanded="true"]>span:nth-child(2){opacity:0!important}
body.psh-site .psh-menu-toggle[aria-expanded="true"]>span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}

/* =========================================================
   09 | MOBILE PANEL - SCROLLING & LAYOUT
========================================================= */
@media(max-width:991px){
body.psh-site .psh-mobile-nav{position:fixed;top:0;right:0;bottom:0;left:auto;z-index:1200;width:min(420px,100vw);height:100vh;height:100dvh;max-height:100dvh;margin:0;padding:64px 18px 30px;box-sizing:border-box;background:#101f32!important;color:#eaf4ff;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#347da8 #101f32;box-shadow:-15px 0 45px rgba(0,0,0,.3)}
body.psh-site .psh-mobile-nav:not(.is-open):not(.active):not(.show){visibility:hidden;pointer-events:none}
body.psh-site .psh-mobile-nav.is-open,body.psh-site .psh-mobile-nav.active,body.psh-site .psh-mobile-nav.show{visibility:visible;pointer-events:auto}
body.psh-site .psh-mobile-nav *{box-sizing:border-box}
body.psh-site .psh-mobile-nav .psm-nav{display:block;width:100%;max-width:none;margin:0;padding:0;font-family:inherit;text-transform:none}
body.psh-site .psh-mobile-nav .psm-menu-wrapper{display:block!important;width:100%;margin:0;border:1px solid #31516b;border-radius:12px;background:#172a40;overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.16)}
}

/* =========================================================
   10 | MOBILE TITLE & SEARCH MODULE
========================================================= */
@media(max-width:991px){
body.psh-site .psh-mobile-nav .psm-header{text-align:center;margin:0 0 24px;padding:0 4px;font-family:inherit}
body.psh-site .psh-mobile-nav .psm-header h2{margin:0;color:#f4f9ff!important;font-size:22px;font-weight:700;line-height:1.35;letter-spacing:-.3px}
body.psh-site .psh-mobile-nav .psm-header p{margin:7px 0 0;color:#9bbbd2!important;font-size:13px;line-height:1.5}
body.psh-site .psh-mobile-nav .psm-header-line{position:relative;width:70%;max-width:240px;height:1px;margin:17px auto 0;background:linear-gradient(90deg,transparent,#38bdf8,transparent)}
body.psh-site .psh-mobile-nav .psm-header-line:after{content:"";position:absolute;top:-3px;left:50%;width:7px;height:7px;border-radius:50%;background:#38bdf8;transform:translateX(-50%)}
body.psh-site .psh-mobile-nav .psm-module-container{width:100%;margin:0 0 24px;background:transparent}
body.psh-site .psh-mobile-nav input.search-query,body.psh-site .psh-mobile-nav input[name="searchword"]{display:block;width:100%!important;min-width:0;height:46px;margin:0;padding:0 15px;border:1px solid #3c6582!important;border-radius:9px!important;background:#172e48!important;color:#fff!important;font-family:inherit;font-size:14px;outline:none;box-shadow:none}
body.psh-site .psh-mobile-nav input[name="searchword"]::placeholder{color:#b0c7d9;opacity:1}
body.psh-site .psh-mobile-nav input[name="searchword"]:focus{border-color:#38bdf8!important;box-shadow:0 0 0 3px rgba(56,189,248,.13)!important}
}

/* =========================================================
   11 | MOBILE CATEGORIES & ACCORDION
========================================================= */
@media(max-width:991px){
body.psh-site .psh-mobile-nav .psm-item{margin:0;border-bottom:1px solid #30465d}
body.psh-site .psh-mobile-nav .psm-accordion-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:14px 16px;border:0;border-radius:0;background:#1b3048!important;color:#f4f9ff!important;font-family:inherit;font-size:13px;font-weight:700;text-align:left;text-transform:uppercase;line-height:1.4;cursor:pointer;transition:box-shadow .2s}
body.psh-site .psh-mobile-nav .psm-item:nth-child(even)>.psm-accordion-trigger{background:#203953!important}
body.psh-site .psh-mobile-nav .psm-title{display:flex;align-items:center;gap:12px;min-width:0;color:inherit!important}
body.psh-site .psh-mobile-nav .psm-title i{flex:0 0 22px;width:22px;margin:0;color:#38bdf8!important;font-size:17px;text-align:center}
body.psh-site .psh-mobile-nav .psm-arrow{flex:0 0 auto;color:#90bad5!important;font-size:12px;transition:transform .25s}
body.psh-site .psh-mobile-nav .psm-item.is-open .psm-arrow{transform:rotate(90deg)}
body.psh-site .psh-mobile-nav .psm-submenu{max-height:0;overflow:hidden;background:#11263c;transition:max-height .35s ease}
body.psh-site .psh-mobile-nav .psm-item.is-open>.psm-submenu{max-height:10000px;overflow:visible}
body.psh-site .psh-mobile-nav .psm-link{display:flex;align-items:center;gap:11px;min-height:45px;padding:12px 17px 12px 24px;border-bottom:1px solid rgba(140,185,216,.12);background:#11263c!important;color:#dcefff!important;font-size:12px;font-weight:600;line-height:1.4;text-decoration:none!important;text-transform:uppercase;transition:box-shadow .2s}
body.psh-site .psh-mobile-nav .psm-link i{flex:0 0 18px;width:18px;margin:0;color:#59c9ff!important;text-align:center}
body.psh-site .psh-mobile-nav .psm-divider{height:1px;margin:8px 14px;background:#35556f}
body.psh-site .psh-mobile-nav .psm-direct-link{display:flex;align-items:center;gap:12px;min-height:52px;padding:13px 16px;border-bottom:1px solid #30465d;background:#1b3048;color:#fff!important;font-size:13px;font-weight:700;text-decoration:none!important;text-transform:uppercase}
body.psh-site .psh-mobile-nav .psm-direct-link i{flex:0 0 22px;width:22px;margin:0;color:#38bdf8!important;text-align:center}
body.psh-site .psh-mobile-nav .psm-direct-link.cta{background:#174b70;color:#fff!important;border-top:1px solid #38bdf8}
}

/* =========================================================
   12 | MOBILE HOVER - ELECTRIC BLUE OUTLINE ONLY
========================================================= */
@media(max-width:991px){
body.psh-site .psh-mobile-nav .psm-accordion-trigger:hover,body.psh-site .psh-mobile-nav .psm-accordion-trigger:focus-visible{box-shadow:inset 0 0 0 1px #38bdf8}
body.psh-site .psh-mobile-nav .psm-direct-link:hover,body.psh-site .psh-mobile-nav .psm-direct-link:focus-visible{box-shadow:inset 0 0 0 1px #38bdf8}
body.psh-site .psh-mobile-nav .psm-submenu a:hover,body.psh-site .psh-mobile-nav .psm-submenu a:focus-visible{background:#11263c!important;color:#fff!important;box-shadow:inset 0 0 0 1px #38bdf8}
}

/* =========================================================
   13 | MOBILE ACTIVE ITEM - LEFT ACCENT
   Requires active/current class or aria-current in markup.
========================================================= */
@media(max-width:991px){
body.psh-site .psh-mobile-nav .psm-item.active>.psm-accordion-trigger,body.psh-site .psh-mobile-nav .psm-item.current>.psm-accordion-trigger,body.psh-site .psh-mobile-nav .psm-accordion-trigger[aria-current="page"],body.psh-site .psh-mobile-nav .psm-direct-link[aria-current="page"],body.psh-site .psh-mobile-nav .psm-submenu a.active,body.psh-site .psh-mobile-nav .psm-submenu a.current,body.psh-site .psh-mobile-nav .psm-submenu a[aria-current="page"]{box-shadow:inset 4px 0 0 #38bdf8}
}
