*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    :root{--teal-dark:#004559;--teal-mid:#0A6880;--teal-light:#51C2C5;--body-dark:#001E2A;--body-mid:#3A5A65;--amber:#E8820C;--amber-dark:#C5690A;--white:#FFFFFF;--page-bg:#FAFEFE;--teal-pale:#E4F5F6;--teal-faint:#F0FAFA;--rule:#C4E6E9}
    html{scroll-behavior:smooth}
    body{font-family:'Poppins',sans-serif;background:var(--page-bg);color:var(--body-dark);line-height:1.6;overflow-x:hidden}
    nav{position:sticky;top:0;z-index:1000;background:rgba(0,29,42,0.97);backdrop-filter:blur(12px);height:72px;display:flex;align-items:center;padding:0 2rem;box-shadow:0 2px 24px rgba(0,0,0,0.4)}
    .nav-logo img{height:44px;width:auto;display:block}
    .nav-links{display:flex;align-items:center;gap:.25rem;list-style:none;margin-left:auto}
    .nav-links a{color:rgba(255,255,255,.88);text-decoration:none;font-size:.78rem;font-weight:500;padding:.4rem .75rem;border-radius:4px;transition:color .2s,background .2s}
    .nav-links a:hover,.nav-links a.active{color:var(--teal-light);background:rgba(81,194,197,.1)}
    .nav-links .nav-dropdown{position:relative}
    .nav-links .nav-dropdown>a::after{content:' ▾';font-size:.65rem;opacity:.7}
    .dropdown-menu{display:none;position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:var(--white);border:1px solid var(--rule);border-radius:8px;padding:.5rem 0;box-shadow:0 8px 32px rgba(0,29,42,0.12)}
    .nav-dropdown::after{content:'';position:absolute;left:0;right:0;top:100%;height:14px}
    .nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{display:block}
    .dropdown-menu a{display:block;padding:.5rem 1rem;font-size:.78rem;border-left:2px solid transparent;color:var(--teal-dark)}
    .dropdown-menu a:hover{border-left-color:var(--teal-light);background:var(--teal-pale);color:var(--teal-dark)}
    .btn-search-nav{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid rgba(81,194,197,.3);background:rgba(81,194,197,.08);color:var(--teal-light);text-decoration:none}
    .btn-nav{background:var(--amber)!important;color:var(--white)!important;font-weight:600!important;padding:.5rem 1.25rem!important;border-radius:6px!important;margin-left:.5rem;display:inline-flex!important;align-items:center;gap:.5rem}
    .btn-nav:hover{background:var(--amber-dark)!important}
    .wl-badge{background:var(--white);color:var(--amber);font-size:.65rem;font-weight:800;min-width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 4px}
    .wl-badge[hidden]{display:none!important}
    .nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none;margin-left:auto}
    .nav-hamburger span{display:block;width:24px;height:2px;background:var(--white)}
    .nav-mobile{display:none;position:fixed;top:72px;left:0;right:0;background:rgba(0,29,42,.98);border-top:1px solid rgba(81,194,197,.2);padding:1rem 0 2rem;z-index:999;backdrop-filter:blur(12px);max-height:calc(100vh - 72px);overflow-y:auto}
    .nav-mobile.open{display:block}
    .nav-mobile a{display:block;color:rgba(255,255,255,.9);text-decoration:none;padding:.75rem 2rem;font-size:.9rem;font-weight:500;border-bottom:1px solid rgba(81,194,197,.08)}
    .nav-mobile a:hover{color:var(--teal-light)}
    .nav-mobile .mobile-cta{margin:1rem 2rem 0;display:block;text-align:center;background:var(--amber);color:var(--white)!important;border-radius:8px;padding:.85rem!important;font-weight:600!important;border-bottom:none!important}
    .crumb-bar{background:linear-gradient(135deg,var(--body-dark) 0%,var(--teal-dark) 100%);padding:.85rem 2rem}
    .crumb-inner{max-width:1200px;margin:0 auto;font-size:.72rem;color:rgba(255,255,255,.5)}
    .crumb-inner a{color:rgba(255,255,255,.7);text-decoration:none}
    .crumb-inner a:hover{color:var(--teal-light)}
    .crumb-inner span.sep{margin:0 .45rem;opacity:.4}
    .crumb-inner .crumb-here{color:var(--teal-light)}
    .pd-main-section{padding:3rem 2rem 3.5rem;background:var(--page-bg)}
    .pd-wrap{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:3.5rem;align-items:start}
    .pd-gallery{position:sticky;top:96px}
    .pd-main-img{aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:var(--teal-faint);border:1px solid rgba(81,194,197,.25);display:flex;align-items:center;justify-content:center}
    .pd-main-img img.photo{width:100%;height:100%;object-fit:cover;display:block}
    .pd-main-img img.icon{width:64px;height:64px;opacity:.25}
    .pd-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:.6rem;margin-top:.75rem}
    .pd-thumb{aspect-ratio:1/1;border-radius:10px;overflow:hidden;border:2px solid rgba(81,194,197,.25);background:var(--teal-faint);cursor:pointer;padding:0;transition:border-color .2s}
    .pd-thumb img{width:100%;height:100%;object-fit:cover;display:block}
    .pd-thumb.active,.pd-thumb:hover{border-color:var(--teal-light)}
    .pd-sku{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(0,69,89,.45)}
    .pd-name{font-size:clamp(1.6rem,3.2vw,2.3rem);font-weight:800;line-height:1.15;color:var(--body-dark);margin:.4rem 0 .9rem}
    .pd-short{font-size:.95rem;color:var(--body-mid);line-height:1.75;margin-bottom:1.5rem}
    .pd-price-row{display:flex;align-items:baseline;gap:.5rem;padding:1.1rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-bottom:1.5rem}
    .pd-price{font-size:2rem;font-weight:800;color:var(--teal-dark)}
    .pd-unit{font-size:.82rem;color:var(--body-mid)}
    .pd-gst{margin-left:auto;font-size:.7rem;color:rgba(0,69,89,.5)}
    .product-colours{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:1.6rem}
    .colour-label{font-size:.68rem;font-weight:600;color:var(--body-mid);text-transform:uppercase;letter-spacing:.06em}
    .colour-swatches{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
    .swatch{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid rgba(0,0,0,.08);outline:2px solid transparent;outline-offset:2px;transition:outline-color .15s,transform .15s;flex-shrink:0}
    .swatch:hover{transform:scale(1.12)}
    .swatch.active{outline-color:var(--teal-light)}
    .swatch--black{background:#1c1c1e}.swatch--white{background:#f0f0ed;border-color:rgba(0,0,0,.18)}.swatch--cream{background:#f0e8d0}.swatch--grey{background:#8a9aaa}.swatch--charcoal{background:#3d3d4a}.swatch--oatmeal{background:#cfc2a8}.swatch--red{background:#cc3333}.swatch--blue{background:#2566cc}.swatch--green{background:#22aa44}.swatch--yellow{background:#d4aa00}.swatch--silver{background:#b8c0cc}.swatch--wood{background:#7a5230}.swatch--graphics{background:linear-gradient(135deg,#e74c3c,#f39c12,#3498db,#9b59b6)}
    .colour-name{font-size:.72rem;color:var(--body-mid);margin-left:.2rem}
    .btn-wishlist{display:inline-flex;align-items:center;gap:.45rem;background:transparent;color:var(--amber);border:1.5px solid rgba(232,130,12,.45);border-radius:7px;font-family:'Poppins',sans-serif;font-size:.72rem;font-weight:600;padding:.5rem .85rem;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s,transform .15s}
    .btn-wishlist svg{width:14px;height:14px;flex-shrink:0}
    .btn-wishlist:hover{background:rgba(232,130,12,.12);border-color:var(--amber);transform:translateY(-1px)}
    .btn-wishlist.in-wishlist{background:rgba(232,130,12,.15);border-color:var(--amber)}
    .btn-wishlist--lg{width:100%;justify-content:center;background:var(--amber);color:var(--white);border-color:var(--amber);font-size:.92rem;padding:1rem 1.5rem;border-radius:10px}
    .btn-wishlist--lg:hover{background:var(--amber-dark);border-color:var(--amber-dark);color:var(--white)}
    .btn-wishlist--lg svg{width:17px;height:17px}
    .pd-note{font-size:.72rem;color:rgba(0,69,89,.55);margin-top:.7rem;text-align:center}
    .pd-meta{margin-top:1.6rem;display:flex;flex-direction:column;gap:.4rem;font-size:.78rem;color:var(--body-mid)}
    .pd-meta a{color:var(--teal-mid);text-decoration:none;font-weight:500}
    .pd-meta a:hover{color:var(--teal-dark);text-decoration:underline}
    .pd-long-section{padding:0 2rem 3.5rem;background:var(--page-bg)}
    .pd-long{max-width:1200px;margin:0 auto;border-top:1px solid var(--rule);padding-top:2.5rem}
    .pd-long h2{font-size:1.15rem;font-weight:700;color:var(--body-dark);margin-bottom:1rem}
    .pd-long p{font-size:.9rem;color:var(--body-mid);line-height:1.85;max-width:820px;margin-bottom:1rem}
    .pd-docs-section{padding:0 2rem 3.5rem;background:var(--page-bg)}
    .pd-docs{max-width:1200px;margin:0 auto;border-top:1px solid var(--rule);padding-top:2.5rem}
    .pd-docs h2{font-size:1.15rem;font-weight:700;color:var(--body-dark);margin-bottom:.35rem}
    .pd-docs-sub{font-size:.82rem;color:var(--body-mid);margin-bottom:1.25rem}
    .pd-docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.85rem;max-width:820px}
    .pd-doc{display:flex;align-items:center;gap:.85rem;background:var(--white);border:1px solid rgba(81,194,197,.3);border-radius:12px;padding:.9rem 1.1rem;text-decoration:none;transition:border-color .2s,transform .15s,box-shadow .2s}
    .pd-doc:hover{border-color:var(--teal-light);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,29,42,.08)}
    .pd-doc-icon{width:38px;height:38px;border-radius:9px;background:var(--teal-pale);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--teal-mid)}
    .pd-doc-icon svg{width:19px;height:19px}
    .pd-doc-body{min-width:0}
    .pd-doc-label{display:block;font-size:.82rem;font-weight:600;color:var(--body-dark);line-height:1.3}
    .pd-doc-type{display:block;font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(0,69,89,.45);margin-top:.15rem}
    .btn-branding{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:.45rem;background:transparent;color:var(--teal-mid);border:1.5px solid rgba(10,104,128,.4);border-radius:10px;font-family:'Poppins',sans-serif;font-size:.85rem;font-weight:600;padding:.85rem 1.5rem;margin-top:.7rem;cursor:pointer;transition:background .2s,border-color .2s,transform .15s}
    .btn-branding svg{width:16px;height:16px;flex-shrink:0}
    .btn-branding:hover{background:var(--teal-pale);border-color:var(--teal-mid);transform:translateY(-1px)}
    .pd-qty-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.9rem}
    .pd-qty-label{font-size:.68rem;font-weight:600;color:var(--body-mid);text-transform:uppercase;letter-spacing:.06em}
    .pd-qty-controls{display:flex;align-items:center}
    .pd-qty-btn{width:36px;height:38px;border:1px solid rgba(81,194,197,.35);background:var(--white);color:var(--teal-dark);font-size:1.1rem;cursor:pointer;font-family:'Poppins',sans-serif;transition:background .15s}
    .pd-qty-btn:first-child{border-radius:8px 0 0 8px}
    .pd-qty-btn:last-child{border-radius:0 8px 8px 0}
    .pd-qty-btn:hover{background:var(--teal-pale)}
    .pd-qty-input{width:56px;height:38px;border:1px solid rgba(81,194,197,.35);border-left:none;border-right:none;text-align:center;font-family:'Poppins',sans-serif;font-size:.9rem;font-weight:600;color:var(--body-dark);background:var(--white);-moz-appearance:textfield}
    .pd-qty-input::-webkit-inner-spin-button,.pd-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
    .pd-brand-tag{display:inline-flex;align-items:center;gap:.35rem;background:rgba(232,130,12,.1);border:1px solid rgba(232,130,12,.3);color:var(--amber-dark);font-size:.66rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:.25rem .7rem;margin-left:.6rem;vertical-align:middle}
    .related-section{padding:0 2rem 4.5rem;background:var(--page-bg)}
    .related-inner{max-width:1200px;margin:0 auto;border-top:1px solid var(--rule);padding-top:2.5rem}
    .related-head{display:flex;align-items:baseline;gap:1rem;margin-bottom:1.5rem}
    .related-head h2{font-size:1.15rem;font-weight:700;color:var(--body-dark)}
    .related-head p{font-size:.78rem;color:var(--body-mid)}
    .carousel-wrap{position:relative}
    .carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1.25rem;padding-bottom:1.25rem;scrollbar-width:thin;scrollbar-color:rgba(81,194,197,.25) transparent;-webkit-overflow-scrolling:touch}
    .carousel-track::-webkit-scrollbar{height:4px}
    .carousel-track::-webkit-scrollbar-thumb{background:rgba(81,194,197,.3);border-radius:2px}
    .carousel-track .product-card{flex:0 0 250px;scroll-snap-align:start}
    .carousel-btn{position:absolute;top:38%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:var(--white);border:1px solid rgba(81,194,197,.4);color:var(--teal-mid);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;font-size:1.2rem;box-shadow:0 2px 10px rgba(0,29,42,.1)}
    .carousel-btn:hover{border-color:var(--teal-light);color:var(--teal-dark)}
    .carousel-btn-prev{left:-18px}.carousel-btn-next{right:-18px}
    .product-card{background:var(--white);border:1px solid rgba(81,194,197,.2);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 1px 6px rgba(0,29,42,.06);transition:border-color .25s,transform .25s,background .25s}
    .product-card:hover{border-color:rgba(81,194,197,.45);transform:translateY(-3px)}
    a.product-img-wrap{display:block;aspect-ratio:1/1;overflow:hidden;background:var(--teal-faint);text-decoration:none}
    .product-img-wrap img.product-photo{width:100%;height:100%;object-fit:cover;display:block}
    .product-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--teal-faint)}
    .product-img-placeholder img{width:36px;height:36px;opacity:.25}
    .product-info{padding:1.1rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
    .product-sku{font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(0,69,89,.5)}
    .product-name{font-size:.85rem;font-weight:700;color:var(--body-dark);line-height:1.3}
    .product-name a{color:inherit;text-decoration:none}
    .product-name a:hover{color:var(--teal-mid)}
    .product-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.7rem;border-top:1px solid rgba(0,69,89,.1);margin-top:auto}
    .product-price{display:flex;align-items:baseline;gap:.3rem}
    .price-amount{font-size:1.1rem;font-weight:800;color:var(--body-dark)}
    .price-unit{font-size:.65rem;color:rgba(0,69,89,.55)}
    .cta-strip{background:var(--amber);padding:4rem 2rem;text-align:center}
    .cta-strip h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:var(--white);margin-bottom:.6rem}
    .cta-strip p{font-size:.95rem;font-weight:300;color:rgba(255,255,255,.85);margin-bottom:2rem}
    .cta-btns{display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap}
    .btn-white{display:inline-block;background:var(--white);color:var(--amber);text-decoration:none;font-weight:700;font-size:.92rem;padding:.85rem 2rem;border-radius:8px;transition:transform .15s,box-shadow .2s}
    .btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.2)}
    .btn-ghost-white{display:inline-block;background:transparent;color:var(--white);text-decoration:none;font-weight:500;font-size:.92rem;padding:.85rem 2rem;border-radius:8px;border:2px solid rgba(255,255,255,.6)}
    .btn-ghost-white:hover{background:rgba(255,255,255,.12);border-color:var(--white)}
    footer{background:#000c12;padding:4rem 2rem 2rem;border-top:1px solid rgba(81,194,197,.12)}
    .footer-inner{max-width:1200px;margin:0 auto}
    .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;margin-bottom:3rem}
    .footer-brand img{height:40px;margin-bottom:1rem}
    .footer-brand p{font-size:.82rem;color:rgba(255,255,255,.45);line-height:1.7;max-width:280px}
    .footer-col h4{font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--teal-light);margin-bottom:1rem}
    .footer-col ul{list-style:none}
    .footer-col ul li{margin-bottom:.5rem}
    .footer-col ul a,.footer-col p a{font-size:.82rem;color:rgba(255,255,255,.5);text-decoration:none;transition:color .2s;display:block}
    .footer-col ul a:hover,.footer-col p a:hover{color:var(--teal-light)}
    .footer-col p{font-size:.82rem;color:rgba(255,255,255,.55);line-height:1.8}
    .footer-col strong{display:block;color:rgba(255,255,255,.85);font-weight:500;margin-top:.75rem}
    .footer-col strong:first-of-type{margin-top:0}
    .footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}
    .footer-bottom p{font-size:.72rem;color:rgba(255,255,255,.3)}
    .footer-social a{width:32px;height:32px;border-radius:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;color:rgba(255,255,255,.5);text-decoration:none}
    .footer-social a:hover{background:rgba(81,194,197,.15);color:var(--teal-light)}
    .wl-toast{position:fixed;bottom:2rem;right:2rem;z-index:2000;background:#001E2A;border:1px solid rgba(81,194,197,.35);border-radius:12px;padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 8px 32px rgba(0,0,0,.5);transform:translateY(120%);opacity:0;transition:transform .3s cubic-bezier(0.34,1.56,0.64,1),opacity .3s;pointer-events:none;max-width:320px}
    .wl-toast.show{transform:translateY(0);opacity:1;pointer-events:auto}
    .wl-toast-icon{width:36px;height:36px;border-radius:8px;flex-shrink:0;background:rgba(81,194,197,.12);border:1px solid rgba(81,194,197,.25);display:flex;align-items:center;justify-content:center}
    .wl-toast-icon svg{width:18px;height:18px}
    .wl-toast-body{flex:1;min-width:0}
    .wl-toast-title{font-size:.8rem;font-weight:600;color:var(--white)}
    .wl-toast-sub{font-size:.72rem;color:rgba(255,255,255,.5)}
    .wl-toast-link{font-size:.72rem;font-weight:600;color:var(--teal-light);text-decoration:none;white-space:nowrap;margin-left:auto;padding-left:.5rem}
    @media(max-width:960px){.pd-wrap{grid-template-columns:1fr;gap:2rem}.pd-gallery{position:static}.footer-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:768px){.nav-links{display:none}.nav-hamburger{display:flex}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;text-align:center}.wl-toast{right:1rem;left:1rem;max-width:none;bottom:1rem}.carousel-btn{display:none}}
    @media(max-width:480px){.pd-main-section{padding:2rem 1.25rem 2.5rem}.pd-long-section,.related-section{padding-left:1.25rem;padding-right:1.25rem}.pd-thumbs{grid-template-columns:repeat(4,1fr)}}