/* THE SHRED SHED — original on-brand action-sports commerce layer.
   This is an editorial gear-family directory until approved saleable SKUs exist. */
.shred-section{background:#101810;color:#eff5e7;position:relative;isolation:isolate}
.shred-head{background:#121914;overflow:hidden}
.shred-masthead{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 4.4%;border-top:1px solid #54634b;border-bottom:1px solid #334233;font-size:10px;font-weight:900;letter-spacing:1.8px}
.shred-kicker{display:flex;align-items:center;gap:10px;color:var(--acid)}.shred-led{width:7px;height:7px;background:var(--acid);border-radius:50%;box-shadow:0 0 0 5px #d2ff3820}.shred-index{color:#8ca08d}
.shred-lockup{display:grid;grid-template-columns:1.05fr 1fr;min-height:640px}
.shred-intro{padding:90px 9% 95px 8.4%;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.shred-mini{font:900 35px/1 var(--font-head);letter-spacing:10px;color:#a0b59c;margin-bottom:12px}
.shred-intro h2{font:900 clamp(126px,13.6vw,215px)/.69 var(--font-head);letter-spacing:-5px;margin:0 0 45px;text-transform:uppercase}
.shred-intro h2 em{font-style:normal;color:var(--acid)}
.shred-sub{font:900 18px/1.1 var(--font-head);letter-spacing:2.4px;margin:0 0 18px;color:#eaf0e6}
.shred-description{max-width:500px;font-size:14px;line-height:1.85;color:#b1c4b1;margin:0 0 28px}
.shred-hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.shred-main-button,.shred-outline-button{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:19px 18px;font-weight:900;letter-spacing:1px;font-size:11px;min-width:180px}
.shred-main-button{color:#0f1a11;background:var(--acid)}.shred-main-button:hover{background:#efffad}.shred-outline-button{color:#f1f6ec;border:1px solid #789173}.shred-outline-button:hover{border-color:var(--acid);color:var(--acid)}
.shred-art{min-height:580px;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 38%,#536b51 0,#203a2c 36%,#12241b 76%)}
.shred-graphic-grid{position:absolute;inset:-10%;background:repeating-linear-gradient(0deg,transparent 0 39px,#9fc29916 40px,#9fc29916 41px),repeating-linear-gradient(90deg,transparent 0 39px,#9fc29916 40px,#9fc29916 41px);transform:rotate(-18deg) scale(1.4)}
.shred-graphic-grid:after{content:'';position:absolute;inset:4%;border:1px solid #d2ff3833;border-radius:50%;box-shadow:0 0 0 55px #d2ff3811,0 0 0 115px #d2ff380b,0 0 0 175px #d2ff3806}
.shred-large-stroke{position:absolute;top:4%;left:11%;font:900 clamp(380px,42vw,700px)/1 var(--font-head);letter-spacing:-60px;color:var(--acid);transform:rotate(13deg);text-shadow:18px 18px 0 #0c1f16,24px 24px 50px #0008;user-select:none}
.shred-graphic-mark{position:absolute;right:8%;top:15%;font:900 clamp(35px,5vw,76px)/.82 var(--font-head);letter-spacing:1.6px;text-align:right;text-shadow:0 3px 20px #0b2218}
.shred-graphic-mark span{color:var(--acid)}
.shred-art-bottom{position:absolute;bottom:25px;left:35px;right:35px;display:flex;justify-content:space-between;gap:15px;padding-top:15px;border-top:1px solid #e3ff9566;font-size:9px;font-weight:900;letter-spacing:1.2px}
.shred-ribbon{display:flex;gap:28px;align-items:center;justify-content:space-between;padding:22px 4.4%;background:var(--acid);color:#111a11;flex-wrap:wrap}
.shred-ribbon span{font:900 clamp(16px,2vw,28px)/.95 var(--font-head);white-space:nowrap}.shred-ribbon b{font-size:13px}
.shred-market{padding:93px 4.4% 85px;background:#ebefe6;color:#111a12;scroll-margin-top:10px}
.shred-market-title{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:34px}
.shred-market-title h3{font:900 clamp(70px,9vw,128px)/.82 var(--font-head);margin:13px 0 0;letter-spacing:-1px}
.shred-market-title h3 em{font-style:normal;color:#668020}
.shred-market-title>p{color:#4b584d;max-width:400px;line-height:1.85;margin-bottom:4px;font-size:14px}
.shred-shop-tabs{display:flex;flex-wrap:wrap;gap:7px;border-bottom:2px solid #1c2c20;padding-bottom:16px}
.shred-shop-tabs button{background:transparent;border:1px solid #a2b0a0;color:#253527;padding:12px 15px;font:900 11px var(--font-body);letter-spacing:.5px}
.shred-shop-tabs button:hover{border-color:#121c13}.shred-shop-tabs button.active{background:#182519;color:var(--acid);border-color:#182519}
.shred-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(155px,.45fr) auto auto;align-items:end;gap:11px;padding:24px 0 18px}
.shred-toolbar label{display:flex;flex-direction:column;gap:8px;min-width:0}.shred-toolbar label span{font-size:9px;font-weight:900;letter-spacing:1.4px}
.shred-toolbar input,.shred-toolbar select{width:100%;min-width:0;min-height:53px;border:1px solid #a5b4a4;background:#fafff6;padding:0 14px;color:#17251b;font-size:13px;outline-offset:3px}
.shred-toolbar input:focus,.shred-toolbar select:focus{outline:2px solid #8ba91f;outline-offset:2px}
.shred-reset,.shred-locker-trigger{min-height:53px;border:0;font:900 10px var(--font-body);letter-spacing:.7px;padding:0 18px;white-space:nowrap}
.shred-reset{background:#ced9ca;color:#344237}.shred-locker-trigger{background:#182519;color:#e9f4e5}.shred-locker-trigger span{background:var(--acid);color:#172417;border-radius:100px;padding:4px 8px;margin-left:4px}
.shred-count-line{display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:900;letter-spacing:1.4px;color:#5b705f;border-top:1px solid #c4d0bf;padding:14px 0 17px}
.shred-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.shred-card{background:#f9fbf5;border:1px solid #cbd6c6;min-width:0;display:flex;flex-direction:column;transition:transform .16s,border-color .16s,box-shadow .16s}
.shred-card:hover{transform:translateY(-3px);border-color:#88aa54;box-shadow:0 10px 24px #21382018}
.shred-card-bar{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;font-size:9px;font-weight:900;letter-spacing:1px;border-bottom:1px solid #cbd6c6;color:#53644d}
.shred-card-art{height:205px;position:relative;overflow:hidden;background:linear-gradient(120deg,#dce7d6,#f1f4ee);display:flex;justify-content:center;align-items:center}
.shred-card-art:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,#173d1900 0 26px,#173d1909 27px,#173d1909 28px),radial-gradient(circle at 70% 70%,#c5d5bd 0,transparent 55%)}
.shred-card-art:after{content:'H / A';position:absolute;left:14px;bottom:10px;color:#2a392f66;font:900 10px var(--font-body);letter-spacing:2px}
.shred-card-glyph{z-index:1;color:#466e3e;display:block;transform:rotate(-6deg);transition:transform .25s}
.shred-card:hover .shred-card-glyph{transform:rotate(2deg) scale(1.08)}
.shred-icon-art{width:135px;height:155px;max-width:100%;max-height:100%}
.shred-card-art-label{position:absolute;right:13px;top:12px;font-size:9px;font-weight:900;letter-spacing:1.5px;color:#426040;background:#f9fff7c9;padding:5px 7px}
.shred-tone-snowboard .shred-card-art{background:linear-gradient(125deg,#bfcfca,#e8eeed)}.shred-tone-skate .shred-card-art{background:linear-gradient(125deg,#dad6ca,#f0f1e6)}
.shred-tone-bike .shred-card-art{background:linear-gradient(125deg,#c4d4a8,#e7f0d4)}.shred-tone-water .shred-card-art{background:linear-gradient(125deg,#aed2d2,#e5eeeb)}
.shred-tone-climb .shred-card-art{background:linear-gradient(125deg,#cbc5bb,#e7e3db)}
.shred-tone-merch .shred-card-art{background:#15261b;color:var(--acid)}
.shred-tone-merch .shred-card-glyph{color:var(--acid)}.shred-tone-merch .shred-card-art-label{color:#d5fba9;background:#273d2c}.shred-tone-merch .shred-card-art:after{color:#b0d16c}
.shred-card-bottom{padding:17px;display:flex;flex-direction:column;flex:1;min-height:217px}
.shred-card-type{font-weight:900;font-size:9px;letter-spacing:1.3px;color:#77904d}
.shred-card h4{font:900 clamp(23px,2.3vw,35px)/.9 var(--font-head);min-height:58px;margin:8px 0 8px;letter-spacing:.2px}
.shred-card p{font-size:11px;line-height:1.65;margin-bottom:14px;color:#627060;flex:1}
.shred-card-actions{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-top:auto}
.shred-card-actions button{font-size:9px;font-weight:900;letter-spacing:.5px;border:1px solid #b8c5b1;padding:12px 8px;min-height:38px}
.shred-card-view{background:#172519;color:#e6f6df;flex:1}.shred-card-view:hover{background:#37563b}
.shred-card-save{background:transparent;color:#4a604a;flex:0 0 auto}.shred-card-save.saved{background:#d2ff38;border-color:#aed329;color:#1a271c}
.shred-no-results{grid-column:1/-1;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #789574}.shred-no-results strong{font:900 42px var(--font-head)}.shred-no-results p{font-size:13px;color:#617065}
.shred-pagination{padding-top:20px;display:flex;justify-content:space-between;gap:25px;align-items:center}
.shred-pagination button{padding:14px 30px;background:#172519;color:var(--acid);border:0;font-weight:900;letter-spacing:.6px;font-size:11px}.shred-pagination button[hidden]{display:none}
.shred-pagination p{color:#647064;font-size:10px;line-height:1.5;margin:0}
.shred-race-merch{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#688044;padding:0 4.4% 0}
.shred-race,.shred-drop{position:relative;min-height:535px;overflow:hidden;padding:56px 7% 77px;display:flex;flex-direction:column;align-items:start;justify-content:flex-end}
.shred-race{background:radial-gradient(circle at 88% 10%,#354a4d,#101e21 64%)}.shred-drop{background:radial-gradient(circle at 78% 20%,#455132,#223122 65%)}
.shred-race:before,.shred-drop:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(120deg,transparent 0 72px,#b7fa8722 73px,#b7fa8722 74px);opacity:.6}
.shred-feature-overline{position:absolute;top:45px;left:7%;font-size:10px;font-weight:900;letter-spacing:2px;color:#cde2c1}
.shred-race h3,.shred-drop h3{position:relative;font:900 clamp(77px,9.3vw,140px)/.73 var(--font-head);margin:20px 0 27px;letter-spacing:-1px}
.shred-race h3 em,.shred-drop h3 em{color:var(--acid);font-style:normal}
.shred-race p,.shred-drop p{position:relative;color:#c4d1c3;max-width:400px;font-size:13px;line-height:1.8;margin:0 0 23px}
.shred-race button,.shred-drop button{position:relative;background:var(--acid);border:0;color:#172317;font-size:10px;font-weight:900;letter-spacing:.8px;padding:16px 21px}
.shred-race-icon{position:absolute;right:5%;top:14%;font:900 320px/.8 var(--font-head);color:#caed9933;transform:rotate(14deg)}
.shred-drop-emblem{position:absolute;right:7%;top:13%;font:900 clamp(95px,15vw,205px)/.9 var(--font-head);color:#cafe42a6;letter-spacing:-20px;transform:rotate(11deg)}.shred-drop-emblem span{font-size:.5em;color:#fff}
.shred-race-stripe,.shred-drop-stripe{position:absolute;bottom:0;left:0;right:0;padding:13px 7%;background:#d2ff38;color:#1a291b;font-size:9px;font-weight:900;letter-spacing:1px}.shred-drop-stripe{background:#88b36c}
.shred-standards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#3f583f;padding:1px 4.4% 70px}
.shred-standards>div{padding:35px 28px 24px;background:#121f15}.shred-std-number{font-size:11px;color:var(--acid);font-weight:900;display:block;margin-bottom:17px}
.shred-standards strong{font:900 32px/.9 var(--font-head)}.shred-standards p{color:#b7c8b6;font-size:12px;line-height:1.7;margin:10px 0 0;max-width:300px}
.shred-dialog{max-width:650px;width:calc(100% - 30px);max-height:calc(100svh - 28px);overflow-y:auto;background:#f4f6ec;color:#172019;padding:35px 40px;box-shadow:0 20px 90px #000b}
.shred-dialog::backdrop{background:#07100add}.shred-dialog-close{position:absolute;right:15px;top:13px;background:none;border:0;color:#23301f;font-size:21px;padding:8px}
.shred-dialog-eyebrow{display:block;color:#5f7b32;font-size:10px;font-weight:900;letter-spacing:1.4px;max-width:calc(100% - 40px)}
.shred-dialog-art{height:145px;background:#15281b;color:var(--acid);margin:19px 0;display:flex;align-items:center;justify-content:center;overflow:hidden}.shred-dialog-art .shred-icon-art{height:135px;width:120px}
.shred-dialog h2{font:900 clamp(55px,8vw,83px)/.82 var(--font-head);letter-spacing:-.7px;margin:12px 0 17px}
.shred-dialog>p{font-size:13px;color:#506050;line-height:1.8}
.shred-detail-meta{border-top:1px solid #b5c2ae;border-bottom:1px solid #b5c2ae;padding:15px 0;margin:14px 0}.shred-detail-meta span{display:block;font-weight:900;font-size:9px;letter-spacing:1px;color:#66775c}.shred-detail-meta strong{display:block;margin-top:8px;font-weight:900;font-size:16px}
.shred-dialog .shred-warning{font-size:11px;background:#dbe5d3;padding:14px}
.shred-dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.shred-dialog-actions button,.shred-dialog-actions a{background:#17281c;color:#e9ffdd;display:inline-flex;align-items:center;justify-content:center;min-height:45px;gap:6px;padding:13px 17px;font-weight:900;font-size:10px;letter-spacing:.5px;border:1px solid #17281c}
.shred-dialog-actions a{background:transparent;color:#263528;border-color:#91a78c}
.shred-dialog-actions button:disabled{opacity:.4;cursor:not-allowed}
.shred-locker-list{border-top:1px solid #b5c2ae;margin:25px 0}.shred-locker-row{display:flex;justify-content:space-between;gap:14px;padding:17px 0;border-bottom:1px solid #c1cbbd;align-items:center}.shred-locker-row strong{font:800 22px/.94 var(--font-head);display:block}.shred-locker-row span{font-size:10px;letter-spacing:.5px;color:#687867;display:block;margin-top:7px}.shred-locker-row button{border:0;background:transparent;color:#815340;font-weight:900;font-size:10px;white-space:nowrap;padding:12px}
.shred-locker-empty{padding:36px 10px;font-size:13px;color:#687966;line-height:1.7}.shred-locker-dialog .shred-locker-note{font-size:11px;color:#4d623d;margin-top:17px}
@media(max-width:1250px){.shred-intro h2{font-size:clamp(120px,13vw,175px)}.shred-ribbon{gap:15px}.shred-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.shred-lockup{grid-template-columns:1fr}.shred-intro{padding:65px 5% 60px}.shred-intro h2{font-size:clamp(115px,18vw,190px)}.shred-art{min-height:330px}.shred-large-stroke{font-size:400px;top:-32%;left:32%}.shred-graphic-mark{right:9%;top:25%}.shred-market-title{display:block}.shred-market-title>p{margin-top:25px;max-width:650px}.shred-toolbar{grid-template-columns:1fr 1fr}.shred-search-label{grid-column:1/-1}.shred-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shred-race-merch{grid-template-columns:1fr}.shred-race,.shred-drop{min-height:450px}.shred-standards{grid-template-columns:1fr}.shred-standards>div{padding:20px}}
@media(max-width:600px){.shred-masthead{padding:15px 5%;font-size:9px}.shred-index{display:none}.shred-intro{padding:55px 5% 65px}.shred-intro h2{font-size:clamp(91px,21vw,135px);letter-spacing:-2px;margin-bottom:28px}.shred-mini{font-size:26px}.shred-sub{font-size:15px}.shred-description{font-size:13px}.shred-hero-actions{width:100%}.shred-hero-actions a{min-width:0;flex:1;padding:16px 12px;font-size:9px}.shred-art{min-height:285px}.shred-large-stroke{font-size:350px;top:-28%;left:18%}.shred-graphic-mark{font-size:43px}.shred-art-bottom{left:17px;right:17px;bottom:16px;font-size:8px}.shred-ribbon{padding:16px 5%;gap:13px}.shred-ribbon span{font-size:19px}.shred-market{padding:62px 5%}.shred-market-title h3{font-size:clamp(49px,12.2vw,67px)}.shred-shop-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.shred-shop-tabs button{padding:13px 4px;font-size:10px}.shred-toolbar{gap:9px}.shred-reset,.shred-locker-trigger{padding:0 8px;font-size:9px}.shred-count-line{font-size:8px}.shred-count-line>span:last-child{display:none}.shred-product-grid{grid-template-columns:1fr;gap:14px}.shred-card-art{height:210px}.shred-card-bottom{min-height:185px}.shred-card h4{min-height:auto;font-size:33px}.shred-pagination{align-items:flex-start;flex-direction:column}.shred-race-merch{padding:0}.shred-race,.shred-drop{padding:75px 6% 75px;min-height:425px}.shred-feature-overline{left:6%;top:35px}.shred-race h3,.shred-drop h3{font-size:clamp(85px,20vw,115px)}.shred-race-icon{font-size:240px}.shred-standards{padding:1px 0 40px}.shred-dialog{padding:35px 22px}.shred-dialog h2{font-size:clamp(50px,14vw,75px)}}
@media(prefers-reduced-motion:reduce){.shred-card{transition:none}.shred-card-glyph{transition:none}}

.shred-copy-fallback{display:block;width:100%;margin-top:12px;padding:14px;background:#fcfff8;border:1px solid #99b18b;color:#19261c;font:12px/1.6 monospace;resize:vertical}.shred-copy-fallback[hidden]{display:none}

.shred-race-models{position:relative;max-width:390px;margin-top:12px;margin-bottom:20px}
.shred-race-models a{display:inline-flex;color:#dcff8c;border-bottom:1px solid #dcff8c;font-size:10px;letter-spacing:.45px;font-weight:900;padding:8px 0;line-height:1.45}
.shred-race-models a:hover{color:#fff;border-color:#fff}
