/* Scoped reset — ακυρώνει browser defaults μέσα στο equip-page */
.equip-page button{background:none;border:0;cursor:pointer;padding:0;text-align:left}
.equip-page a{color:inherit;text-decoration:none}
.equip-page img{display:block;max-width:none}
/* eq-row είναι button — επαναφέρει το σχεδιαστικό padding (specificity 0,2,0 > reset 0,1,1) */
.equip-page .eq-row{padding:34px 0}
/* Explicit font longhands για .tab buttons — font shorthand var() έχει specificity conflict με browser UA */
.equip-page .tab{font-family:'Plus Jakarta Sans','Noto Sans',sans-serif;font-weight:500;font-size:15px;line-height:1.4}
.equip-page .tab.noto{font-family:'Noto Sans',sans-serif}

/* Custom properties used by equipment mockup CSS */
.equip-page{
  --navy:#00256b;--footer:#1a3360;--teal:#2fa4a9;--dark:#333;--off:#f4f6fa;--white:#fff;
  --pjs:'Plus Jakarta Sans','Noto Sans',sans-serif;
  --noto:'Noto Sans',sans-serif;
  --comm:'Commissioner','Noto Sans',sans-serif;
}

  /* The page is a fixed 1920px design; it scales to fit the viewport width. */
  .equip-page{width:1920px;position:relative;background:#fff;overflow:hidden}
  .a{position:absolute}

  .vc{transform:translateY(-50%)}

  .nw{white-space:nowrap}

  .up{text-transform:uppercase}


  /* NAV */
  .nav{position:sticky;top:-2px;z-index:10;height:96px;margin-top:-2px;background:var(--navy)}


  /* HERO */
  .hero{height:601px;margin-top:-11px;background:#001846 url(/wp-content/uploads/equipment/equip-01-f2531b28.jpeg) 0 0/1920px 601px no-repeat}

  .hero .kicker{left:212px;top:207.5px;font:400 18px/1.4 var(--noto);letter-spacing:-.09px;color:#fff}

  .hero h1{left:211px;top:329px;width:1500px;font:400 70px/1.35 var(--noto);letter-spacing:-1.4px;color:#fff}


  /* BREADCRUMB */
  .crumb{height:50px;display:flex;align-items:center;padding:0 212px;font:400 15px/37.333px var(--noto);color:var(--dark);text-transform:uppercase}

  .crumb b{font-weight:600}


  /* INTRO */
  .intro{height:491px;color:var(--dark)}

  .intro h2{left:211px;top:204px;width:897px;font:500 50px/1.2 var(--pjs);letter-spacing:-1px}

  .intro h2 span{display:block}

  .intro p{width:586px;font:400 18px/1.6 var(--pjs)}


  /* PARTNERS */
  .partners{height:893px;left:-1px;width:1922px;background:#0d2a52 url(/wp-content/uploads/equipment/equip-02-92bd0c3c.jpeg) 0 0/1922px 893px no-repeat}

  .tabs{left:195px;top:93px;width:1513px;display:flex;justify-content:space-between;align-items:center}

  .tab{display:flex;flex-direction:column;gap:9px;font:500 15px/1.4 var(--pjs);letter-spacing:-.075px;text-transform:uppercase;color:rgba(244,246,250,.7)}

  .tab.noto{font-family:var(--noto)}

  .tab i{display:block;height:1px;background:rgba(244,246,250,.5)}

  .tab.active{color:var(--teal)}

  .tab.active .t{white-space:nowrap;display:flex;align-items:flex-start;gap:5px}

  .tab.active .dot{width:6px;height:6px;border-radius:50%;background:var(--teal);margin-top:8px;flex:none}

  .p-content{left:211px;top:279px;width:750px;display:flex;flex-direction:column;gap:45px;color:#fff}

  .p-content h3{font:500 36px/1.4 var(--pjs);height:50px;white-space:nowrap;margin-bottom:18px;display:flex;align-items:center}

  .p-content .lead{font:400 18px/1.6 var(--pjs)}

  .checks{display:flex;flex-direction:column;gap:5px;font:400 18px/1.6 var(--pjs);list-style:none}

  .checks li{position:relative;padding-left:36px}

  .checks li img{position:absolute;left:0;top:4px;width:24px;height:24px}

  .checks li:first-child{padding-left:34.16px}

  .checks li:first-child img{top:2.92px;width:22.16px;height:22.16px}

  .pbox{left:964px;top:253px;width:689px;height:549px;background:#31a4a9;clip-path:polygon(0 0,179px 0,238px 41px,100% 41px,100% 100%,0 100%);color:#fff}

  .pbox .item{left:199px;font:400 16px/1.6 var(--noto)}

  .pbox .item strong{display:block;font:700 18px/1.6 var(--noto)}

  .pbox .div{left:177px;top:110px;width:1px;height:379px;background:#fff}


  /* EQUIPMENT — manufacturer accordion + category cards */
  .equip{padding:176px 0 150px}

  .eq-wrap{margin-left:211px;width:1502px}

  .eq-label{font:400 15px/1.4 var(--pjs);letter-spacing:-.075px;color:var(--dark);text-transform:uppercase}

  .eq-head{display:flex;justify-content:space-between;align-items:flex-end;gap:80px;margin-top:16px}

  .eq-head h2{width:1195px;font:500 50px/1.2 var(--pjs);letter-spacing:-1px;color:var(--dark)}

  .eq-filter{display:flex;gap:40px;margin-top:56px;border-bottom:1px solid #d9d9d9}

  .eq-filter button{position:relative;display:flex;align-items:center;gap:8px;padding:0 0 14px;font:500 15px/1.4 var(--pjs);letter-spacing:-.075px;text-transform:uppercase;color:#7a7f87;transition:color .2s}

  .eq-filter button sup{font:500 12px/1 var(--pjs);color:#9aa0a8;vertical-align:0;transition:color .2s}

  .eq-filter button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}

  .eq-filter button:hover{color:var(--dark)}

  .eq-filter button[aria-pressed="true"]{color:var(--navy)}

  .eq-filter button[aria-pressed="true"] sup{color:var(--teal)}

  .eq-filter button[aria-pressed="true"]::after{transform:scaleX(1)}

  .eq-filter button:focus-visible,.eq-row:focus-visible,.eq-card:focus-visible{outline:2px solid var(--teal);outline-offset:4px}


  .eq-group{border-bottom:1px solid #d9d9d9}

  .eq-group[hidden]{display:none}

  .eq-row{width:100%;display:grid;grid-template-columns:55px 1fr 48px;align-items:center;column-gap:0;padding:34px 0;text-align:left}

  .eq-row .num{font:400 18px/1.6 var(--pjs);color:var(--teal)}

  .eq-row .brand{font:500 36px/1.4 var(--noto);color:#000}

  .eq-row .sub{display:block;margin-top:2px;font:400 16px/1.6 var(--pjs);color:#6b7079}

  .eq-row .tog{width:48px;height:48px;display:grid;place-items:center;border:1px solid #d9d9d9;transition:background .2s,border-color .2s}

  .eq-row .tog svg{transition:transform .3s ease}

  .eq-row:hover .tog{border-color:var(--navy)}

  .eq-row[aria-expanded="true"] .tog svg{transform:rotate(180deg)}

  .eq-row:hover .brand{color:var(--navy)}

  .eq-panel{display:grid;grid-template-rows:1fr;transition:grid-template-rows .35s ease}

  .eq-panel.closed{grid-template-rows:0fr}

  .eq-panel > div{overflow:hidden}

  .eq-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:0 0 56px 55px}


  /* Specificity 0,2,0 — beats .equip-page a (0,1,1) που κάνει color:inherit */
  .equip-page .eq-card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:440px;overflow:hidden;color:#fff;background:#1d2a3d}

  .eq-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}

  .eq-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,20,60,0) 35%,rgba(0,20,60,.78) 100%);transition:opacity .3s}

  .eq-card::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--teal);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}

  .eq-card .body{position:relative;padding:0 22px 24px;display:grid;grid-template-columns:1fr 56px;column-gap:16px;align-items:end}

  .eq-card h4{grid-column:1/-1;margin-bottom:10px;font:500 26px/1.25 var(--pjs);text-transform:uppercase}

  .eq-card p{font:400 14px/1.45 var(--pjs);letter-spacing:-.07px;text-transform:uppercase;color:rgba(255,255,255,.88)}

  .eq-card .go{width:56px;height:56px;display:grid;place-items:center;background:#fff;transition:background .25s}

  /* Βελάκι μέσω CSS — το HTML έχει κενό <span class="go"> χωρίς SVG */
  .eq-card .go::after{content:"";display:block;width:22px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' stroke='%2300256b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transition:background-image .25s,transform .25s}

  .eq-card:hover img{transform:scale(1.05)}

  .eq-card:hover::after,.eq-card:focus-visible::after{transform:scaleX(1)}

  .eq-card:hover .go{background:var(--teal)}

  .eq-card:hover .go::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transform:translateX(3px)}

  .eq-card .new{position:absolute;top:20px;left:22px;padding:5px 10px;background:var(--teal);font:500 12px/1.2 var(--pjs);letter-spacing:.3px;text-transform:uppercase}

  /* CTA */
  .cta{height:512px;background:#00256b url(/wp-content/uploads/equipment/equip-03-4ff793af.jpeg) 0 0/1920px 512px no-repeat;color:var(--off)}

  .cta h2{left:960.5px;top:168.5px;transform:translate(-50%,-50%);font:400 70px/1.35 var(--pjs);letter-spacing:-1.4px;white-space:nowrap}

  .cta h2 em{font-style:normal;color:var(--teal)}

  .cta p{left:960px;top:256.5px;transform:translate(-50%,-50%);font:400 22px/1.6 var(--pjs);white-space:nowrap}

  .btn{top:326px;height:56px;display:flex;align-items:center;justify-content:center;font:400 15px/1.4 var(--noto);letter-spacing:-.075px;text-transform:uppercase}

  .btn.solid{left:701px;width:264px;background:#fff;color:var(--navy);clip-path:polygon(16px 0,100% 0,100% 100%,0 100%,0 22px)}

  .btn.ghost{left:987px;width:229px;color:#fff}

  .btn.ghost svg{position:absolute;inset:0}

  .btn span{position:relative}


  /* FOOTER */
  .foot{height:773px;background:var(--footer);color:#fff}

/* Sections need position:relative so .a children position correctly within them */
.equip-page section{position:relative;width:1920px;overflow:hidden}

/* style.css κρύβει το footer αν δεν έχει .iid-cta-band — επαναφορά για equipment page */
.wp-site-blocks > .iid-main--equipment + footer.wp-block-template-part{display:block}