/* Taylored storefront header/footer, Pure Fishing-inspired layout.
   Scoped classes avoid disturbing WooCommerce products, importer, prices and checkout. */
:root{--tts-ui-ink:#172630;--tts-ui-muted:#65727b;--tts-ui-border:#e6e9ec;--tts-ui-orange:#f26427;--tts-ui-teal:#0a4150}
.tts-header-wrap{position:relative;z-index:5000;background:#fff;isolation:isolate;font-family:Arial,Helvetica,sans-serif;color:var(--tts-ui-ink)}
.tts-header-wrap *, .tts-store-footer *{box-sizing:border-box}
.tts-header-wrap a,.tts-store-footer a{text-decoration:none}
.tts-header-promo{height:37px;background:#101c26;color:#fff;display:flex;align-items:center;justify-content:center;position:relative;padding:0 clamp(14px,2.4vw,38px)}
.tts-header-promo>a{font-size:11px;font-weight:750;letter-spacing:.6px;color:#fff;line-height:1.25;text-align:center}
.tts-header-promo>a span{display:inline-block;margin-left:8px;font-size:16px;vertical-align:middle}
.tts-header-utility{position:absolute;right:clamp(14px,2.4vw,38px);top:0;height:100%;display:flex;gap:18px;align-items:center}
.tts-header-utility a{color:#f0f4f4;font-size:11px;font-weight:600;white-space:nowrap}
.tts-header-utility a:hover{text-decoration:underline}
.tts-header{background:#fff;border-bottom:1px solid #e6e9ee}
.tts-header-main{width:min(1420px,calc(100% - 76px));margin:0 auto;min-height:102px;display:grid;grid-template-columns:minmax(210px,265px) minmax(220px,1fr) auto;align-items:center;gap:35px}
.tts-header-logo,.tts-footer-logo{display:inline-flex;align-items:center;gap:9px;color:#214b62!important;text-decoration:none;min-width:0}
.tts-header-logo img,.tts-footer-logo img{width:52px;height:52px;object-fit:contain;display:block}
.tts-header-wordmark,.tts-footer-logo>span{display:flex;flex-direction:column;gap:2px;white-space:nowrap}
.tts-header-wordmark strong,.tts-footer-logo strong{font-size:25px;line-height:1;font-weight:900;letter-spacing:-.9px;color:#1d4257}
.tts-header-wordmark small,.tts-footer-logo small{font-size:9px;letter-spacing:1.6px;color:#426879;font-weight:750}
.tts-header-search{display:flex;align-items:stretch;width:min(100%,690px);height:47px;border:1px solid #c6ccd2;background:#f8f9fa;margin:auto}
.tts-header-search input{border:0!important;box-shadow:none!important;outline:0!important;flex:1;min-width:0;background:transparent!important;font-size:14px!important;color:#1d2a33!important;margin:0!important;padding:0 16px!important;width:auto!important;border-radius:0!important}
.tts-header-search input::placeholder{color:#808c95;opacity:1}
.tts-header-search button{border:0!important;border-radius:0!important;background:var(--tts-ui-orange)!important;color:white!important;width:54px;display:grid;place-items:center;cursor:pointer;margin:0;padding:0}
.tts-header-search button:hover{background:#ce521c!important}
.tts-header-search svg,.tts-header-action svg,.tts-menu-toggle svg,.tts-mobile-nav-top svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.tts-header-actions{display:flex;gap:22px;align-items:center;justify-content:flex-end}
.tts-header-action{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:4px;color:#273641!important;font-size:11px!important;font-weight:650;min-width:40px}
.tts-header-action svg{width:22px;height:22px}
.tts-header-action:hover{color:var(--tts-ui-orange)!important}
.tts-cart-count{position:absolute;left:calc(50% + 9px);top:-7px;border-radius:20px;min-width:17px;height:17px;padding:1px 4px;background:var(--tts-ui-orange);color:white;font-weight:750;font-size:10px;display:grid;place-items:center;line-height:1}
.tts-menu-toggle{display:none;background:transparent;border:0!important;color:#1f3441!important;cursor:pointer;padding:9px!important;border-radius:0!important}
.tts-main-navigation{border-top:1px solid #eff1f3;background:#fff}
.tts-nav-list{display:flex;align-items:stretch;justify-content:center;gap:0;max-width:1440px;padding:0 20px;margin:0 auto;list-style:none}
.tts-nav-item{position:static;padding:0;margin:0}
.tts-nav-toplink{display:flex;gap:6px;align-items:center;justify-content:center;min-height:51px;padding:0 clamp(8px,.95vw,15px);white-space:nowrap;font-size:12px!important;font-weight:800!important;letter-spacing:.1px;color:#27343e!important;border-bottom:3px solid transparent}
.tts-nav-item:hover>.tts-nav-toplink,.tts-nav-item:focus-within>.tts-nav-toplink{border-bottom-color:var(--tts-ui-orange);color:#151d25!important}
.tts-nav-chevron{font-size:14px;color:#697785}
.tts-nav-mega{position:absolute;top:100%;left:0;right:0;width:100%;background:white;box-shadow:0 15px 25px #0b202529;border-top:1px solid #e2e6e9;z-index:6000;padding:24px max(40px,calc((100vw - 1240px)/2));display:none}
.tts-nav-item:hover .tts-nav-mega,.tts-nav-item:focus-within .tts-nav-mega{display:block}
.tts-mega-heading{border-bottom:1px solid #e5e8ec;padding-bottom:15px;margin-bottom:20px}
.tts-mega-heading a{font-size:18px;font-weight:800;color:#263742!important}
.tts-mega-heading span{color:var(--tts-ui-orange);margin-left:7px}
.tts-mega-columns{display:grid;grid-template-columns:minmax(0,3fr) minmax(210px,1fr);gap:50px}
.tts-mega-columns h3{font-size:12px!important;letter-spacing:1px;font-weight:900;color:#586673;margin:0 0 14px}
.tts-mega-columns ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 20px;margin:0;padding:0;list-style:none}
.tts-mega-columns li{margin:0;padding:0;line-height:1.4}
.tts-mega-columns a{font-size:13px;color:#263845!important;line-height:1.35}
.tts-mega-columns a:hover{color:var(--tts-ui-orange)!important;text-decoration:underline}
.tts-mega-side{border-left:1px solid #e9ecee;padding-left:35px;display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.tts-mega-side h3{margin-bottom:2px}
.tts-mobile-scrim[hidden]{display:none!important}
.tts-mobile-scrim,.tts-mobile-navigation{display:none}
.tts-header-wrap :focus-visible,.tts-store-footer :focus-visible{outline:2px solid #ec6b31!important;outline-offset:2px}
/* Footer */
.tts-store-footer{background:#f6f7f8;color:#1b2a36;font-family:Arial,Helvetica,sans-serif;border-top:1px solid #e4e7e9}
.tts-footer-container{width:min(1400px,calc(100% - 76px));margin:auto}
.tts-footer-topline{background:#e9eff1;border-bottom:1px solid #dde5e7}
.tts-footer-topline-inner{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:42px;padding-bottom:42px}
.tts-footer-overline{font-size:10px;font-weight:850;letter-spacing:1.7px;color:#dc632d}
.tts-footer-topline h2{margin:10px 0;font-size:clamp(27px,2.8vw,39px)!important;line-height:1.1;letter-spacing:-.8px;font-weight:900;color:#1a2d38}
.tts-footer-topline p{font-size:13px;line-height:1.6;color:#66747d;margin:0}
.tts-footer-topline-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.tts-footer-shop-cta,.tts-footer-contact-cta{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-height:46px;padding:12px 18px;font-weight:850;font-size:12px}
.tts-footer-shop-cta{background:var(--tts-ui-orange);color:#fff!important}
.tts-footer-shop-cta:hover{background:#d15120;color:#fff!important}
.tts-footer-shop-cta span{padding-left:11px}
.tts-footer-contact-cta{color:#263844!important;border:1px solid #596b75}
.tts-footer-contact-cta:hover{background:#1c2d38;color:white!important}
.tts-footer-main{padding:65px 0 62px;display:grid;grid-template-columns:minmax(205px,1.5fr) minmax(120px,.82fr) minmax(130px,.85fr) minmax(115px,.8fr) minmax(210px,1.4fr);gap:clamp(17px,2.2vw,42px)}
.tts-footer-company p{font-size:13px;line-height:1.65;max-width:245px;color:#67757d;margin:20px 0 25px}
.tts-footer-logo img{width:48px;height:48px}
.tts-footer-logo strong{font-size:22px}
.tts-footer-contact-heading{font-size:11px;font-weight:850;letter-spacing:1.1px;display:block;margin-bottom:10px}
.tts-footer-company address{font-size:13px;line-height:1.8;color:#4e626d;font-style:normal;margin-bottom:10px}
.tts-footer-telephone{display:block;font-size:14px;font-weight:800;color:#233948!important;margin-bottom:12px}
.tts-footer-directions{display:inline-block;font-size:12px;color:#356c7a!important;text-decoration:underline!important}
.tts-footer-col h3{font-size:14px!important;letter-spacing:.2px;color:#21333d;margin:3px 0 23px;font-weight:900}
.tts-footer-col ul{margin:0;padding:0;list-style:none}
.tts-footer-col li{margin:0 0 13px;line-height:1.3}
.tts-footer-col li a,.tts-footer-col>a{font-size:13px;color:#53616c!important;line-height:1.35}
.tts-footer-col li a:hover,.tts-footer-col>a:hover{text-decoration:underline;color:#eb642b!important}
.tts-footer-brands ul{columns:2;column-gap:19px}
.tts-footer-brands li{break-inside:avoid}
.tts-footer-all-brands{display:inline-block;margin-top:9px;font-weight:800!important;color:#243f4e!important}
.tts-footer-bottom{border-top:1px solid #dfe4e8;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:22px 0 27px;color:#6b7880}
.tts-footer-bottom p{font-size:11px;margin:0}
.tts-footer-bottom>div{display:flex;gap:23px;flex-wrap:wrap}
.tts-footer-bottom a{font-size:11px;color:#5d6a74!important}
.tts-footer-bottom a:hover{text-decoration:underline}
@media(max-width:1230px){
 .tts-header-main{width:calc(100% - 52px);grid-template-columns:225px minmax(210px,1fr) auto;gap:20px}
 .tts-header-promo{justify-content:flex-start}
 .tts-header-actions{gap:14px}
 .tts-nav-toplink{font-size:11px!important;padding:0 8px}
 .tts-footer-main{grid-template-columns:1.35fr 1fr 1fr 1fr;gap:26px}
 .tts-footer-brands{grid-column:1/-1}
 .tts-footer-brands ul{columns:4}
}
@media(max-width:1020px){
 .tts-header-utility{display:none}
 .tts-header-promo{justify-content:center}
 .tts-header-main{min-height:88px;grid-template-columns:auto minmax(160px,1fr) auto;gap:13px;width:calc(100% - 36px);padding:12px 0}
 .tts-menu-toggle{display:grid;place-items:center}
 .tts-header-logo{justify-self:start}
 .tts-header-search{grid-column:1/-1;grid-row:2;width:100%;max-width:none;height:43px}
 .tts-header-action>span{display:none}
 .tts-header-actions{gap:13px}
 .tts-header-help{display:none}
 .tts-main-navigation{display:none}
 .tts-mobile-navigation{display:block;position:fixed;z-index:10010;left:0;top:0;width:min(390px,87vw);height:100dvh;overflow-y:auto;background:#fff;transform:translateX(-110%);transition:transform .25s ease;box-shadow:5px 0 24px #07172221;padding:0 0 30px}
 .tts-mobile-navigation.tts-mobile-open{transform:translateX(0)}
 .tts-mobile-scrim:not([hidden]){display:block;position:fixed;z-index:10009;inset:0;background:#0a1418a8;cursor:pointer;border:0}
 .tts-mobile-nav-top{height:66px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e8ea}
 .tts-mobile-nav-top strong{font-size:17px}
 .tts-mobile-nav-top button{border:0;background:none;padding:10px;color:#1a2f3b}
 .tts-mobile-nav-mainlink,.tts-mobile-nav-group>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;min-height:49px;border-bottom:1px solid #eceff2;padding:13px 22px;color:#263641!important;font-weight:750;font-size:14px}
 .tts-mobile-nav-group>summary{list-style:none}
 .tts-mobile-nav-group>summary::-webkit-details-marker{display:none}
 .tts-mobile-nav-mainlink span,.tts-mobile-nav-group>summary span{font-size:16px;color:#73818b}
 .tts-mobile-nav-links{background:#f7f9fa;padding:8px 0}
 .tts-mobile-nav-links a{display:block;padding:9px 28px;font-size:12px;color:#485a67!important}
 .tts-mobile-nav-links a:hover{background:#edf2f4;color:#0c4961!important}
 .tts-mobile-nav-all{font-weight:800!important}
 .tts-mobile-nav-bottom{display:flex;flex-direction:column;gap:17px;padding:25px 22px}
 .tts-mobile-nav-bottom a{font-size:13px;color:#344955!important}
}
@media(max-width:750px){
 .tts-footer-container{width:calc(100% - 32px)}
 .tts-footer-topline-inner{display:block;padding:32px 0}
 .tts-footer-topline-actions{margin-top:25px}
 .tts-footer-main{padding:39px 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}
 .tts-footer-company{grid-column:1/-1}
 .tts-footer-brands{grid-column:1/-1}
 .tts-footer-brands ul{columns:2}
 .tts-footer-bottom{display:block}
 .tts-footer-bottom>div{margin-top:16px;gap:17px}
}
@media(max-width:420px){
 .tts-header-wordmark strong{font-size:19px}
 .tts-header-wordmark small{font-size:7px;letter-spacing:1.2px}
 .tts-header-logo img{width:38px;height:38px}
 .tts-header-promo>a{font-size:9px;letter-spacing:.2px}
 .tts-header-main{gap:8px}
 .tts-header-actions{gap:8px}
 .tts-header-action svg{width:20px;height:20px}
 .tts-footer-main{gap:26px 17px}
 .tts-footer-col h3{font-size:13px!important}
 .tts-footer-col li a{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.tts-mobile-navigation{transition:none}}
