/* Goals Tracking Devices - brand colour layer. Loaded last; changes colours only, never layout.
   Accent: #F37820 (client-supplied) - very close to the prior orange, so the navy structural
   colour (topStrip, section3, nav scrim) is kept as-is; only the orange swaps. */
.topStrip, .drawer__header, a.chk-btn, .cart-heading-row{ background:#16202E; }
a.continue-btn, .package.active{ border-color:#16202E; }
.buyopt input[type=radio]:checked + span:after{ background:#F37820; }
.yes-btn{ background:#F37820; }
a.nav-btn, .scrollStrip, .item, .contact-btn{ background:#1F8FFF; }
a.shop-btn, .bannar-sec .bnr-lft a.shop-btn, .order-btn{ background:linear-gradient(135deg,#F48636 0%,#B45918 100%); }
a.shop-btn:hover, .order-btn:hover{ background:linear-gradient(135deg,#F37C27 0%,#9C4D14 100%); }
.common-head2, .sty-list li span, p.prod-desc-prc, .s2-lft-bx1 .order-btn, .s2-lft-bx2 .order-btn,
.prd-s1-rgt-p1, .s2-content .common-head2{ color:#C3601A; }
.bannar-sec .bnr-lft, .s2-content{ border-color:rgba(243,120,32,.45); }
.sty-list li{ border-color:rgba(243,120,32,.45); background:linear-gradient(180deg,#ffffff 0%,#fff6f1 100%); }
.sty-list li::before{ background:linear-gradient(90deg,#F37820,#B45918); }
.sty-list li img{ box-shadow:inset 0 0 0 1px rgba(243,120,32,.4); }
.footer{ border-top-color:#F37820; }
.prod-nameHdng, .revw-p1, .qr-hd{ color:#16202E; }
.trm-bx h1{ border-bottom-color:#1F8FFF; }
.trm-bx h3, .continue-shpbtn, #browse{ background:#F37820; }

/* ---- section styling (home page): sporty / technical ---- */
.bannar-sec .bnr-lft{ border-radius:6px; border-left:6px solid #F37820; }
.s2-content{ border-radius:6px; border-left:6px solid #F37820; }
.common-head1, .common-head2, .bnr-head2{ text-transform:uppercase; letter-spacing:.03em; }
a.shop-btn, .order-btn{ border-radius:4px; text-transform:uppercase; letter-spacing:.06em; }
.sty-list li{ border-radius:6px; border-width:1px 1px 1px 4px; border-left-color:#F37820; }
.section3{ background:linear-gradient(180deg,#0F1B2D 0%,#16202E 100%); }
.section3 .common-head2, .section3 .common-para{ color:#fff; }
.section3 .common-head2{ color:#F48636; }
.section4{ background:#F4F6F9; border-top:4px solid #1F8FFF; }
.prodbox-row{ border-radius:8px; border-top:4px solid #F37820; box-shadow:0 14px 34px -18px rgba(15,27,45,.45); }
.prod-name{ text-transform:uppercase; letter-spacing:.04em; font-size:.92em; }

/* top nav sits transparent over the hero photo; add a soft scrim so the logo stays legible.
   .fixed-nav .nav-sec (solid black, higher specificity) still wins once the page is scrolled. */
.nav-sec{ background:linear-gradient(180deg,rgba(0,0,0,.6) 0%,rgba(0,0,0,.08) 100%); }