/* Compact catalog metadata also keeps weight beside material on desktop. */
.spool-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 6px;min-width:0}
.spool-weight{font-size:11px;white-space:nowrap;color:#626b70}
#rail.cards,.list-layout .products{align-items:stretch}
.spool-card{height:100%;min-width:0}
.guide-cards{display:none}
.brand-wall{list-style:none;margin:0;padding:16px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 16px;background:#f1f4f8;border:1px solid #dce4ef;border-radius:20px}
.brand-wall li{min-width:0;display:flex;align-items:center;justify-content:center}
.brand-wall a{display:flex;align-items:center;justify-content:center;min-width:0;width:100%;min-height:70px;padding:12px 6px;border-radius:10px;color:#173456;transition:background .15s}
.brand-wall a:hover{background:#e2e9f2}
.brand-wall a:focus-visible{outline:2px solid #245ce5;outline-offset:1px}
.brand-wall .product-brand-logo{display:flex;align-items:center;justify-content:center;width:112px;max-width:100%;height:36px;padding:0;background:none;border-radius:0;mix-blend-mode:multiply}
.brand-wall .product-brand-logo img{width:100%;height:34px;object-fit:contain;object-position:center}
.brand-wall .product-brand-logo>span{display:block;font-size:12px;font-weight:700;letter-spacing:.02em;color:#173456;overflow-wrap:anywhere;text-align:center}
.brand-wall .product-brand-logo[data-brand="masterprint"]::before{top:8px;height:20px}
.brand-wall .product-brand-logo[data-brand="sunlu"]{overflow:hidden}
.brand-wall .product-brand-logo[data-brand="sunlu"] img{transform:scale(1.7)}
.brand-wall .product-brand-logo:is([data-brand="nacional3d"],[data-brand="national3d"]){height:auto;aspect-ratio:315/91}
.brand-wall .product-brand-logo:is([data-brand="nacional3d"],[data-brand="national3d"]) img{left:-13.016%;top:-51.649%;width:126.984%;height:auto;max-width:none;object-fit:fill}
@media(max-width:1023px){.brand-wall{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px){.brand-wall{grid-template-columns:repeat(3,minmax(0,1fr));padding:12px;gap:4px 8px}.brand-wall a{min-height:66px}}
@media(max-width:479px){.brand-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
 #guia .guide-scroll{display:none}
 .guide-cards{display:grid;gap:10px;list-style:none;padding:0;margin:0;min-width:0}
 .guide-card{min-width:0;border:1px solid var(--line);border-radius:14px;padding:10px 14px 14px;background:var(--surface)}
 .guide-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
 .guide-card h3{font-size:16px;line-height:1.25;color:var(--orange-text);letter-spacing:.01em}
 .guide-card-top a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:12px;font-weight:600;color:var(--orange-text);white-space:nowrap}
 .guide-card>p{font-size:13px;line-height:1.5;color:var(--muted);margin:0 0 13px;overflow-wrap:anywhere}
 .guide-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding-top:12px;border-top:1px solid var(--line)}
 .guide-card dt{font-size:11px;color:var(--muted);margin-bottom:6px}
 .guide-card dd{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:700;line-height:1}
 .guide-card dd>span:last-child{white-space:nowrap}
 .guide-card dd small{font-size:10px;color:var(--muted);font-weight:400}
 .guide-card .meter{gap:3px;flex:none}
 .guide-card .meter i{width:9px;height:7px;border-radius:2px}
 #guia .guide-note{font-size:11px;line-height:1.5;margin-top:12px}
}
@media(max-width:767px){
 /* Keep horizontal gestures inside intentional carousels, not the page. */
 html,body{overscroll-behavior-x:none}
 .site-header{display:grid;grid-template-columns:minmax(0,1fr) 38px 38px;width:100%;max-width:100%}
 .site-header .brand{width:fit-content;max-width:100%}
 .site-header .brand-logo{flex-shrink:0}
 .site-header .brand .brand-lettering{min-width:0;flex-shrink:1}
 .hero{max-width:100%;overflow:clip;contain:paint;touch-action:pan-y pinch-zoom}
 .hero-copy{width:100%;min-width:0;padding-inline:12px}
 .hero h1{font-size:clamp(32px,9.8vw,43px);overflow-wrap:break-word}
 .hero .eyebrow{letter-spacing:clamp(.6px,.3vw,1.2px);flex-wrap:wrap}
 .hero-ctas>*{min-width:0;max-width:100%}
 .spool-stage{width:100%;max-width:100%}
 .section,.block-head>div,.list-layout,.pdp,.foot-grid>*{min-width:0}
 .mat-tiles,.guide-scroll,.chips{max-width:100%;overscroll-behavior-x:contain}
 .site-header{height:80px;padding-inline:12px;gap:6px}
 .site-header .brand{gap:7px;min-width:0}
 .site-header .brand-logo{width:56px;height:56px}
 .site-header .brand .brand-lettering{width:clamp(112px,31vw,134px);height:52px}
 .site-header .search-toggle{flex:none;width:38px;min-width:38px;padding:0}
 .site-header .bag{position:relative;flex:none;width:38px;min-width:38px;padding:0;justify-content:center}
 .site-header #bag-count{position:absolute;right:-2px;top:1px;min-width:16px;height:16px;font-size:10px}
 .site-header.searching .search{left:12px;right:58px;top:15px}
 .list-tools{top:80px}
 #rail.cards,.list-layout .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
 .spool-card{border-radius:13px}
 .spool-card .card-media{aspect-ratio:1.12;max-height:none}
 .spool-card .card-media .stock-spool,.spool-card .card-media>img{width:94%;max-width:100%}
 .spool-card .card-body{padding:10px;gap:6px}
 .spool-heading{gap:5px;min-height:0;align-items:center}
 .spool-card .spool-material{font-size:9px;letter-spacing:.04em;line-height:1.25;padding:0}
 .spool-weight{font-size:10px}
 .spool-card .product-brand-logo{max-width:48%;height:18px}
 .spool-card .product-brand-logo img{max-height:17px;max-width:100%;object-fit:contain}
 .spool-card h3{font-size:12px;line-height:1.25;white-space:normal;overflow-wrap:anywhere;margin:0}
 .spool-colors{gap:0;margin:0 -3px;align-content:start}
 .spool-color{width:26px;height:26px;min-height:26px;padding:3px;flex:none}
 .spool-color>span{width:19px;height:19px}
 .spool-color[aria-pressed=true]>span{outline-offset:2px}
 .spool-open{width:30px;height:30px;bottom:8px;right:8px}
 .spool-card .price{margin-top:auto;padding-top:2px;gap:2px}
 .spool-card .price strong{font-size:15px;line-height:1.2}
 .spool-card .price>span{font-size:10px;line-height:1.3}
 .spool-card .btn-add{min-height:38px;padding:8px 5px;font-size:11px;margin-top:4px;border-radius:9px}
 .spool-filters{gap:8px;margin-bottom:12px}
 .spool-filters label,.spool-filters select{min-width:0;width:100%}
 .spool-filters select{font-size:13px;padding:8px}
 .home-block{padding-block:30px}
 .block-head{margin-bottom:12px;gap:8px}
 .block-head h2{font-size:25px}
 .pdp-info{min-width:0}.pdp-info h1{font-size:25px;line-height:1.15;overflow-wrap:anywhere}
 .pdp-price{margin-block:12px}.opt-label{margin-top:12px}
 .buy-row{gap:8px;margin-top:14px}.add-big{min-width:0;padding-inline:10px;font-size:13px;white-space:normal}
 #cart-dialog .quantity button{width:30px;height:30px;min-height:30px}
 #cart-dialog .cart-row h3{overflow-wrap:anywhere}
 #checkout-dialog #co-ship .card-copy strong{white-space:normal;line-height:1.25;overflow-wrap:anywhere}
 #checkout-dialog .co-field input,#checkout-dialog .co-select,.ship-form input{font-size:16px}
}
@media(max-width:360px){
 .site-header .brand .brand-lettering{width:108px}
 .ship-form{flex-direction:column}.ship-form input{flex:auto}
 #checkout-dialog .co-row{grid-template-columns:minmax(0,1fr)}
 .spool-card .card-body{padding:8px}
 .spool-card .product-brand-logo{max-width:43%}
}


/* One clean logo, without the duplicate wordmark or badge background. */
.site-header .brand .brand-logo,.site-footer .brand .brand-logo{width:104px;height:96px;object-fit:contain;background:transparent;border:0;border-radius:0;flex:none}
.site-header{height:112px}
.site-footer .brand .brand-logo{width:130px;height:120px}
@media(max-width:767px){.site-header{height:104px}.site-header .brand .brand-logo{width:100px;height:92px}.site-header.searching .search{top:27px}.list-tools{top:104px}}