:root{--toss-ink:#14234b;--toss-blue:#0066b0;--toss-yellow:#ffe581;--toss-radius:24px;--content-width:1800px;--page-gutter:max(5%,calc((100% - var(--content-width))/2))}
body .site-header{height:88px;padding:0 var(--page-gutter);display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--toss-blue);color:#fff;border:0}
.site-brand{display:block;flex:0 0 132px}.site-brand>span{display:block;position:relative;width:132px;height:40px;overflow:hidden}.site-brand img{position:absolute;width:158px;max-width:none;height:auto;left:-13px;top:-11px;filter:grayscale(1) invert(1);mix-blend-mode:screen}
body .site-header nav{display:flex;align-items:center;gap:28px}body .site-header nav a{display:inline-block!important;font-size:14px;font-weight:500;color:#fff}
body .unified-footer{background:var(--toss-ink);color:#fff;padding:55px var(--page-gutter) 40px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;font-size:14px}
.unified-footer>div{display:flex;flex-direction:column;gap:14px}.unified-footer a{color:#fff}.unified-footer .footer-wordmark{font-size:40px;font-weight:900;letter-spacing:-2px}.unified-footer p{font-size:14px;margin:0}.unified-footer strong{color:var(--toss-yellow)}.unified-footer .footer-legal{grid-column:1/-1;font-size:12px;border-top:1px solid #ffffff33;padding-top:25px}
.skip-link{position:fixed;top:10px;left:10px;z-index:100;background:#fff;color:#14234b;padding:15px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #ff6139;outline-offset:5px}
.crumb{display:flex;flex-wrap:wrap;gap:10px;font-size:12px}.product-sections{display:flex;flex-wrap:wrap;gap:12px;padding:25px var(--page-gutter) 0}.product-sections a{padding:12px 18px;border-radius:30px;background:#fff;font-size:13px}.facts{flex-wrap:wrap}section[id]{scroll-margin-top:25px}
.collection-search{max-width:550px;margin-top:25px}.collection-search label{display:block;font-size:13px;font-weight:bold;margin-bottom:10px}.collection-search input{width:100%;padding:16px 20px;border:1px solid #14234b44;background:white;border-radius:14px;color:#14234b;font:inherit}.collection-search p{font-size:13px;margin:8px 0}.search-results{padding:20px var(--page-gutter) 60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,340px));gap:22px}.search-results .carousel-card{width:100%;flex:none}.carousel-controls button:disabled{opacity:.4;cursor:default}.carousel-card{display:flex;flex-direction:column}.carousel-card>img{position:relative;height:280px;min-height:0;flex:1;left:auto;bottom:auto;margin-top:18px}.carousel-card .photo-pending{flex:1;min-height:0}.carousel-track{touch-action:pan-x pan-y}
.guide-intro,.guide-grid,.guide-panel{padding:45px var(--page-gutter)}.guide-intro>p{max-width:600px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.guide-grid article{background:#ffe581;border-radius:24px;padding:30px}.guide-grid article:nth-child(2){background:#e0ecda}.guide-grid article:nth-child(3){background:#dbeaf5}.guide-grid h2{font-size:30px}.guide-grid a{display:block;border-top:1px solid #14234b33;padding:20px 0}.guide-grid a span{display:block;margin-top:10px;font-size:14px;line-height:1.5}.guide-panel p{max-width:850px}.guide-panel h2{font-size:42px}
[hidden]{display:none!important}
@media(max-width:700px){:root{--page-gutter:7%}body .site-header{height:auto;min-height:90px;padding-top:18px;padding-bottom:18px;flex-wrap:wrap;gap:15px}body .site-header nav{gap:18px;flex-wrap:wrap}body .site-header nav a{font-size:12px}body .unified-footer{grid-template-columns:1fr 1fr;padding-bottom:100px}.unified-footer>div:first-child{grid-column:1/-1}.guide-grid{grid-template-columns:1fr}.product-sections{gap:8px}.product-sections a{font-size:12px;padding:10px 13px}.tab-list{flex-wrap:wrap;gap:14px}.tab-list button{min-height:44px}.search-results{grid-template-columns:1fr}.guide-intro h1{font-size:48px}}
/* Use the established TOSS logo consistently in every footer. */
.unified-footer .footer-wordmark{display:block;width:158px;line-height:0}
.footer-logo-frame{display:block;position:relative;width:158px;height:48px;overflow:hidden}
.footer-logo-frame img{position:absolute;width:190px;max-width:none;height:auto;left:-16px;top:-13px;filter:grayscale(1) invert(1);mix-blend-mode:screen}
/* Shared navigation uses TOSS navy. */
body .site-header{background:#14234b}