/*
Theme Name: PUCKUPS 2.0 Exact Approved
Description: Fresh PUCKUPS 2.0 WordPress draft.
Version: 2.0.1
*/
:root{--orange:#f15a24;--black:#090a0d;--muted:#aeb1b6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090a0d;color:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.wrap{max-width:1360px;margin:auto}.head{display:flex;align-items:center;gap:25px;justify-content:space-between;padding:18px clamp(18px,5vw,70px)}header{background:#090b0e;position:sticky;top:0;z-index:30;border-bottom:1px solid #282c30}.logo{font-size:clamp(30px,3vw,43px);font-weight:1000;letter-spacing:-2px;line-height:.89}.brand-up,.orange{color:var(--orange)}.official-brand-logo{display:block;width:clamp(190px,22vw,325px);height:auto;max-width:100%;object-fit:contain}.hero-brand{white-space:nowrap}.btn .brand-up{color:#111}nav{display:flex;align-items:center;gap:clamp(13px,2vw,35px)}nav a{font-size:13px;font-weight:700}nav a:hover{color:var(--orange)}.menu{display:none}.hero2{position:relative;min-height:610px;display:flex;align-items:flex-end;background:#161a1f;overflow:hidden}.hero2>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero2:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.15) 75%),linear-gradient(0deg,rgba(0,0,0,.6),transparent 55%)}.hero-copy{position:relative;z-index:2;padding:80px clamp(20px,7vw,110px);max-width:880px}.eyebrow{font-size:14px;letter-spacing:3px;color:var(--orange);font-weight:800}.hero-copy h1{font-size:clamp(42px,6vw,90px);letter-spacing:-2px;line-height:1.02;margin:18px 0}.hero-copy p{font-size:clamp(17px,2vw,23px);font-weight:700}.btn{display:inline-block;background:var(--orange);padding:15px 25px;color:white;font-weight:900;border-radius:3px;margin-top:22px}.section{padding:75px clamp(20px,5vw,70px)}.section h2{font-size:clamp(30px,4vw,56px);margin:0 0 10px;letter-spacing:-1px}.section .sub{color:#c2c4c7;font-size:18px;margin-bottom:32px}.packs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.pack{background:#16191d;border:1px solid #34373c;padding:14px;text-align:center}.pack img{width:100%;aspect-ratio:1.2;object-fit:cover}.pack h3{font-size:23px;margin:18px 0 4px}.pack .btn{margin:12px 0 10px}.feature2{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:65px clamp(20px,6vw,90px);background:#14171b}.feature2:nth-child(even){background:#0d0f12}.feature2 img{width:100%;height:auto}.feature2 h2{font-size:clamp(30px,4vw,56px);margin:0 0 18px}.feature2 p{font-size:19px;line-height:1.6;color:#c9c9c9}.feature2 .btn{margin-top:12px}.contact2{text-align:center;padding:75px 25px}.contact2 h2{font-size:clamp(30px,4vw,52px)}footer{background:#050607;color:#999;padding:30px;text-align:center}.note{font-size:13px;color:#aaa;margin-top:20px}@media(max-width:950px){.packs{grid-template-columns:repeat(2,1fr)}.feature2{grid-template-columns:1fr}}@media(max-width:800px){.head{flex-wrap:wrap}.menu{display:block;background:#171b20;color:white;border:1px solid #444;padding:8px}nav{display:none;width:100%;flex-direction:column;align-items:flex-start}nav.open{display:flex}.hero2{min-height:530px}.hero-copy{padding:60px 24px}}@media(max-width:480px){.packs{grid-template-columns:1fr 1fr;gap:9px}.pack{padding:7px}.pack h3{font-size:18px}.pack .btn{padding:11px;font-size:13px}.section{padding:50px 14px}}
.contact2 .pu-contact-panel{max-width:980px;margin:auto;padding:45px 24px;border-top:3px solid var(--orange);border-bottom:1px solid #393d43;background:linear-gradient(135deg,#1a1b20,#090a0d)}.pu-contact-eyebrow{color:var(--orange);font-size:13px;font-weight:900;letter-spacing:3px}.contact2 .pu-contact-panel h2{margin:14px 0;font-size:clamp(30px,4vw,52px)}.contact2 .pu-contact-panel>p:not(.pu-contact-eyebrow){font-size:18px;color:#c9cbd0;line-height:1.6}.pu-contact-actions{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap}.pu-contact-secondary{font-weight:800;border-bottom:2px solid var(--orange);padding:12px 0}.pu-contact-secondary:hover{color:var(--orange)}
/* PUCKUPS 2.0 compact mobile presentation; desktop unchanged */
@media(max-width:800px){
 .head{gap:9px;padding:10px 14px;flex-wrap:wrap}
 .official-brand-logo{width:clamp(135px,39vw,190px)}
 .menu{font-size:12px;padding:7px 10px}
 .cart{font-size:18px}
 nav{gap:0;padding:3px 0 8px}
 nav a{font-size:13px;padding:10px 4px;width:100%;border-top:1px solid #242930}
 .hero2 .hero-copy{padding:16px 16px 22px!important}
 .hero2 .hero-copy h1{font-size:clamp(24px,5.8vw,37px)!important;line-height:1.12;margin:8px 0}
 .hero2 .hero-copy p{font-size:12px!important;letter-spacing:.5px!important}
 .hero2 .eyebrow{font-size:10px!important;letter-spacing:1px!important}
 .hero2 .btn{font-size:12px!important;padding:10px 14px!important;margin-top:12px}
 .section{padding:34px 14px}
 .section h2{font-size:clamp(25px,6vw,34px)}
 .section .sub{font-size:13px;margin-bottom:17px}
 .packs{gap:10px}
 .pack{padding:8px}
 .pack img{aspect-ratio:1.24;object-fit:contain}
 .pack h3{font-size:17px;margin:9px 0 2px}
 .pack .btn{font-size:11px;padding:9px 10px;margin:8px 0 5px}
 .feature2{gap:15px;padding:31px 17px}
 .feature2 h2{font-size:clamp(24px,6vw,34px);margin:0 0 9px}
 .feature2 p{font-size:14px;line-height:1.45}
 .feature2 .btn{font-size:12px;padding:10px 14px;margin-top:9px}
 .contact2{padding:34px 17px}
 .contact2 h2{font-size:25px}
 .pu-pack-page .pu-wrap{padding:9px 13px 32px}
 .pu-pack-page .pu-bar{padding:9px 12px;gap:7px}
 .pu-pack-page .pu-bar span{font-size:10px;letter-spacing:0!important}
 .pu-pack-page .pu-back,.pu-pack-page .pu-cta{font-size:12px;padding:10px 12px}
 .pu-pack-page .pu-grid{grid-template-columns:1fr;gap:12px;margin-top:14px}
 .pu-pack-page .pu-main{height:auto;max-height:300px;aspect-ratio:4/3;object-fit:contain}
 .pu-pack-page .pu-thumbs{gap:6px;margin-top:8px;padding-bottom:7px}
 .pu-pack-page .pu-thumbs button{flex-basis:62px;width:62px;height:55px}
 .pu-pack-page .pu-eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:6px}
 .pu-pack-page h1{font-size:32px;margin:3px 0 10px}
 .pu-pack-page p{font-size:14px;line-height:1.4;margin-bottom:9px}
 .pu-pack-page .pu-price{font-size:31px;margin:7px 0}
 .pu-pack-page .pu-price-each{font-size:13px}
 .pu-pack-page .pu-save{font-size:15px;margin:8px 0 12px}
 .pu-pack-page .pu-picks{gap:5px;margin:12px 0}
 .pu-pack-page .pu-picks a{font-size:11px;padding:8px 9px}
 .pu-pack-page .pu-action{padding:14px 0}
 .pu-pack-page .pu-note{font-size:11px;line-height:1.4}
}
@media(max-width:480px){.packs{grid-template-columns:repeat(2,minmax(0,1fr))}.hero2 .hero-copy h1{font-size:clamp(24px,6.4vw,30px)!important}.pu-pack-page .pu-main{max-height:250px}.pu-pack-page .pu-bar span{font-size:9px}}