:root{--bg:#050604;--panel:#10130b;--panel2:#1b2111;--text:#f8fafc;--muted:#c2c7b8;--red:#fa5301;--blue:#474f27;--green:#474f27;--orange:#fa5301;--white:#fff;--gold:#f8c66a;--line:rgba(255,255,255,.13);--shadow:0 24px 70px rgba(0,0,0,.42);--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at top left,rgba(22,119,201,.22),transparent 32rem),linear-gradient(180deg,#050604,#090b06 35%,#050604);color:var(--text);line-height:1.55}.wrap{width:min(1160px,92vw);margin:auto}a{color:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:99;background:#fff;color:#000;padding:.7rem 1rem;border-radius:10px}.topbar{position:sticky;top:0;z-index:40;background:rgba(8,10,15,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;font-weight:900;letter-spacing:.02em}.brand img{width:48px;height:48px;border-radius:12px;object-fit:cover;border:1px solid var(--line)}.brand span{font-size:1.08rem}.links{display:flex;align-items:center;gap:.25rem}.links a{padding:.65rem .8rem;border-radius:999px;text-decoration:none;color:var(--muted);font-weight:700;font-size:.92rem}.links a:hover,.links a.active{background:rgba(255,255,255,.08);color:#fff}.socials{display:flex;gap:.4rem}.socials a,.iconbtn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--line);text-decoration:none;font-weight:900}.cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.82rem 1rem;border-radius:999px;background:linear-gradient(135deg,var(--red),#bc3a00);color:#fff;text-decoration:none;font-weight:900;border:0;cursor:pointer;box-shadow:0 14px 35px rgba(239,35,60,.24)}.cta.secondary{background:rgba(255,255,255,.08);box-shadow:none;border:1px solid var(--line)}.cta.blue{background:linear-gradient(135deg,var(--blue),#32391b);box-shadow:0 14px 35px rgba(22,119,201,.24)}.menuBtn{display:none}.hero{position:relative;min-height:760px;display:grid;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,12,.96) 0%,rgba(6,8,12,.82) 42%,rgba(6,8,12,.3)),url('/assets/hero-gunny-logo-bg-current.png?v=20260516-hero-acorn-current-1') center/cover no-repeat;z-index:-2}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,#090b06);z-index:-1}.heroGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:2.2rem;align-items:center}.badge{display:inline-flex;gap:.55rem;align-items:center;color:#fff;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);border-radius:999px;padding:.45rem .72rem;font-weight:800;font-size:.9rem}.hero h1{font-size:clamp(2.65rem,7vw,6.1rem);line-height:.92;margin:1rem 0 .8rem;letter-spacing:-.07em;text-transform:uppercase}.accent{background:linear-gradient(90deg,#fff,#ffb178 42%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(1.05rem,2vw,1.34rem);color:#ecebdd;max-width:720px}.btnrow{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.45rem 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1.25rem;max-width:680px}.stat{border:1px solid var(--line);background:rgba(255,255,255,.06);padding:1rem;border-radius:18px}.stat strong{display:block;font-size:1.45rem}.heroCard{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.heroCard img{width:100%;display:block}.cardBody{padding:1.25rem}.section{padding:82px 0}.section.alt{background:rgba(255,255,255,.025);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.eyebrow{color:#f2a161;font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.section h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:.35rem 0 1rem;letter-spacing:-.04em}.section p.sub{color:var(--muted);font-size:1.08rem;max-width:780px}.grid{display:grid;gap:1rem}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));border-radius:var(--radius);padding:1.25rem;box-shadow:0 10px 34px rgba(0,0,0,.16)}.card h3{margin:.2rem 0 .5rem;font-size:1.25rem}.card p,.card li{color:#c7d0df}.pill{display:inline-flex;padding:.35rem .6rem;border-radius:999px;background:rgba(22,119,201,.16);color:#ffd3b6;font-weight:800;font-size:.8rem;margin:.2rem}.feature{display:flex;gap:.9rem}.feature .num{flex:0 0 42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--red));display:grid;place-items:center;font-weight:900}.videoMock{aspect-ratio:16/9;background:linear-gradient(135deg,#000,#1c2435);border-radius:18px;border:1px solid var(--line);display:grid;place-items:center;position:relative;overflow:hidden}.videoMock:before{content:"▶";font-size:3rem;background:#fff;color:#000;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;padding-left:.2rem}.list{display:grid;gap:.8rem;margin-top:1rem}.item{display:flex;justify-content:space-between;gap:1rem;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.05);border-radius:16px;padding:1rem}.item small{color:var(--muted)}.form{display:grid;gap:.9rem}.field{display:grid;gap:.35rem}.field label{font-weight:800;color:#e9eef8}.field input,.field textarea,.field select{width:100%;padding:.95rem 1rem;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;font:inherit}.field textarea{min-height:130px;resize:vertical}.footer{padding:48px 0;border-top:1px solid var(--line);background:#06080c}.footerGrid{display:grid;grid-template-columns:1.15fr .75fr .75fr .85fr;gap:1rem}.footer a{color:#cbd5e1;text-decoration:none}.footer a:hover{color:#fff}.adminLayout{display:grid;grid-template-columns:300px 1fr;gap:1rem}.adminSide{position:sticky;top:86px;align-self:start}.tabs{display:grid;gap:.5rem}.tabBtn{width:100%;text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.06);color:#fff;border-radius:14px;padding:.8rem 1rem;font-weight:900;cursor:pointer}.tabBtn.active{background:linear-gradient(135deg,var(--blue),var(--red))}.tabPanel{display:none}.tabPanel.active{display:block}.toolbar{display:flex;gap:.6rem;flex-wrap:wrap;margin:.8rem 0}.editor{min-height:220px;border:1px solid var(--line);background:rgba(255,255,255,.06);border-radius:14px;padding:1rem;outline:none}.adminTable{width:100%;border-collapse:collapse;overflow:hidden;border-radius:16px}.adminTable th,.adminTable td{border-bottom:1px solid var(--line);padding:.8rem;text-align:left;color:#ecebdd}.adminTable th{color:#fff;background:rgba(255,255,255,.07)}.notice{border:1px solid rgba(255,209,102,.35);background:rgba(255,209,102,.08);border-radius:18px;padding:1rem;color:#ffe7a3}.pageHero{padding:80px 0 34px;background:linear-gradient(180deg,rgba(22,119,201,.18),transparent)}.pageHero h1{font-size:clamp(2.2rem,6vw,4.8rem);line-height:.96;margin:.4rem 0;letter-spacing:-.05em}.empty{color:#aeb8c7;border:1px dashed var(--line);padding:1.2rem;border-radius:16px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.day{min-height:100px;border:1px solid var(--line);border-radius:14px;padding:.55rem;background:rgba(255,255,255,.04)}.day b{display:block;margin-bottom:.3rem}.jobchip{font-size:.75rem;background:rgba(22,119,201,.22);padding:.25rem .35rem;border-radius:8px;margin:.25rem 0}.mobileOnly{display:none}@media(max-width:940px){.links{display:none;position:absolute;left:4vw;right:4vw;top:72px;background:#090b06;border:1px solid var(--line);border-radius:20px;padding:.7rem;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.links.open{display:flex}.links a{border-radius:12px}.menuBtn{display:inline-grid}.hero{min-height:auto;padding:72px 0}.heroGrid,.grid.three,.grid.two,.footerGrid,.adminLayout{grid-template-columns:1fr}.heroCard{order:-1}.stats{grid-template-columns:1fr}.adminSide{position:static}.socials.hideSm{display:none}.mobileOnly{display:block}.section{padding:56px 0}.calendar{grid-template-columns:1fr 1fr}.item{display:block}.nav .cta{display:none}}@media(max-width:560px){.brand span{font-size:.96rem}.hero h1{font-size:3rem}.calendar{grid-template-columns:1fr}.btnrow .cta{width:100%}.nav{gap:.5rem}.brand img{width:42px;height:42px}.section h2{font-size:2.1rem}}

.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.socialIcon{font-family:Inter,system-ui,sans-serif;font-size:1rem;line-height:1;color:#fff;transition:transform .18s ease, background .18s ease}.socialIcon:hover{transform:translateY(-2px)}.socialIcon.facebook{background:#1877f2}.socialIcon.tiktok{background:linear-gradient(135deg,#111,#ff0050 52%,#00f2ea)}.socialIcon.instagram{background:radial-gradient(circle at 30% 110%,#feda75,#fa7e1e 30%,#d62976 55%,#962fbf 75%,#4f5bd5)}
.cleanSocialCard{display:flex;gap:.8rem;align-items:center;justify-content:center;flex-wrap:wrap}.bigSocial{min-width:150px;display:flex;align-items:center;justify-content:center;gap:.65rem;padding:1rem 1.1rem;border-radius:18px;text-decoration:none;color:#fff;font-weight:900;border:1px solid rgba(255,255,255,.15);box-shadow:0 14px 32px rgba(0,0,0,.18)}.bigSocial span{width:38px;height:38px;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.18);font-size:1.25rem}.bigSocial.facebook{background:#1877f2}.bigSocial.tiktok{background:linear-gradient(135deg,#111,#ff0050 52%,#00f2ea)}.bigSocial.instagram{background:radial-gradient(circle at 30% 110%,#feda75,#fa7e1e 30%,#d62976 55%,#962fbf 75%,#4f5bd5)}
.usmcMini{display:inline-grid;place-items:center;background:linear-gradient(135deg,#7a0612,#fa5301);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:.2rem .45rem;font-size:.72rem;letter-spacing:.08em}.usmcCard{position:relative;overflow:hidden}.usmcCard:after{content:"";position:absolute;right:-50px;bottom:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(239,35,60,.18),transparent 68%)}.usmcBadge{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;margin-bottom:1rem;background:linear-gradient(135deg,#7a0612,#121826);border:2px solid rgba(255,255,255,.22);box-shadow:0 18px 45px rgba(0,0,0,.24);text-align:center}.usmcBadge span{font-size:1.4rem;font-weight:1000;letter-spacing:.08em}.usmcBadge small{margin-top:-1.8rem;color:#ffd166;font-weight:900;text-transform:uppercase;font-size:.72rem;letter-spacing:.12em}

/* Polished social logos and embedded video cards */
.socialIcon{overflow:hidden;background:#fff;padding:0;border-color:rgba(255,255,255,.22)}
.socialIcon img{width:100%;height:100%;object-fit:cover;display:block;border-radius:999px}
.bigSocial{min-height:74px;display:flex!important;align-items:center;justify-content:flex-start;gap:1rem;padding:1rem 1.1rem!important;border-radius:20px!important;background:rgba(255,255,255,.07);border:1px solid var(--line);text-decoration:none;transition:.18s ease;overflow:hidden}
.bigSocial:hover{transform:translateY(-2px);background:rgba(255,255,255,.11)}
.bigSocial img{width:46px;height:46px;border-radius:14px;object-fit:cover;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.22)}
.bigSocial b{font-size:1.08rem}
.cleanSocialCard{display:grid;gap:.8rem}
.videoCard{display:flex;flex-direction:column;gap:.45rem}
.videoEmbed{position:relative;width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;border:1px solid var(--line);box-shadow:0 16px 38px rgba(0,0,0,.24)}
.videoEmbed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.verticalEmbed{aspect-ratio:9/16;max-height:640px;margin-inline:auto;background:#050505}
.fbEmbed{aspect-ratio:16/10}
.videoFallback{aspect-ratio:16/9;border-radius:18px;background:linear-gradient(135deg,#000,#1c2435);display:grid;place-items:center;text-decoration:none;border:1px solid var(--line);text-align:center}
.videoFallback span{font-size:2.4rem;background:#fff;color:#000;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;margin:auto;padding-left:.2rem}
.videoFallback b{display:block;margin-top:.75rem;color:#fff}
.marineLogoBadge{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.marineLogoBadge img{width:min(180px,60vw);height:auto;border-radius:50%;background:#fff;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 50px rgba(0,0,0,.32)}
.helpText{display:block;color:var(--muted);font-size:.85rem;margin-top:.3rem}
@media(max-width:940px){.verticalEmbed{max-height:560px}.fbEmbed{aspect-ratio:4/5}}

/* Updated portrait-first social video embeds */
.fbReelEmbed{aspect-ratio:9/16;max-width:430px;max-height:760px;margin-inline:auto;background:#000}
.fbReelEmbed iframe{width:100%;height:100%;overflow:hidden}
.verticalEmbed iframe{overflow:hidden}
.videoCard .cta.secondary{margin-top:auto;width:auto;align-self:flex-start}
.heroCard img{aspect-ratio:1.43/1;object-fit:cover;object-position:center}
@media(max-width:940px){.fbReelEmbed{max-height:680px;max-width:390px}}
@media(max-width:560px){.fbReelEmbed,.verticalEmbed{max-height:620px;max-width:100%}.heroCard img{aspect-ratio:1.25/1}}

/* Header social placement update */
.brandCluster{display:flex;align-items:center;gap:.75rem;min-width:0;flex:0 0 auto}
.headerSocials{align-items:center;gap:.38rem;flex:0 0 auto}
.headerSocials .socialIcon{width:36px;height:36px;background:transparent;border:0;padding:0;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.headerSocials .socialIcon img{object-fit:contain;background:transparent;border-radius:10px}
.links{margin-left:auto}
.socialIcon img{object-fit:contain;background:transparent}

/* Latest content cards */
.latestGrid .latestCard{align-items:flex-start;min-height:215px}
.latestCard .num{font-size:1.15rem}
.latestCard p{margin:.35rem 0 .65rem}
.inlineLink{display:inline-flex;margin-top:.35rem;color:#ffd3b6;font-weight:900;text-decoration:none;border-bottom:1px solid rgba(207,227,255,.45)}
.inlineLink:hover{color:#fff;border-color:#fff}

/* Logo-only social follow section */
.socialFollowBlock{align-items:center}
.socialLogoRow{display:flex;gap:1rem;align-items:center;justify-content:center;flex-wrap:wrap}
.bigLogoOnly{width:94px;height:94px;border-radius:24px;display:grid;place-items:center;text-decoration:none;background:rgba(255,255,255,.06);border:1px solid var(--line);box-shadow:0 16px 38px rgba(0,0,0,.22);transition:transform .18s ease, background .18s ease}
.bigLogoOnly:hover{transform:translateY(-3px);background:rgba(255,255,255,.1)}
.bigLogoOnly img{width:72px;height:72px;object-fit:contain;border-radius:18px;background:transparent;display:block}

@media(max-width:940px){
  .nav{position:relative;justify-content:flex-start}
  .brandCluster{gap:.55rem;flex:1 1 auto;min-width:0}
  .brand span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}
  .headerSocials{display:flex!important}
  .headerSocials .socialIcon{width:32px;height:32px}
  .menuBtn{margin-left:auto;flex:0 0 auto}
  .links{margin-left:0}
  .socials.hideSm{display:flex}
  .bigLogoOnly{width:84px;height:84px;border-radius:22px}
  .bigLogoOnly img{width:64px;height:64px}
}
@media(max-width:560px){
  .brandCluster{gap:.45rem}
  .brand{gap:.45rem}
  .brand span{max-width:125px;font-size:.88rem}
  .headerSocials .socialIcon{width:29px;height:29px}
  .socialLogoRow{justify-content:flex-start}
  .bigLogoOnly{width:78px;height:78px}
  .bigLogoOnly img{width:58px;height:58px}
}

/* Legal pages and clean transparent social logos */
.legalContent{display:grid;gap:1rem;max-width:940px}.legalCard h2{font-size:1.5rem;margin:.2rem 0 .75rem}.legalCard p{color:#c7d0df}.socialIcon,.socialIcon.facebook,.socialIcon.instagram,.socialIcon.tiktok{background:transparent!important;border-color:rgba(255,255,255,.16)}.socialIcon img{object-fit:contain!important;background:transparent!important}.footer .socialIcon{background:transparent!important}.bigLogoOnly img{background:transparent!important}
@media(max-width:940px){.footerGrid{grid-template-columns:1fr 1fr}.legalContent{max-width:100%}}@media(max-width:560px){.footerGrid{grid-template-columns:1fr}}


/* YouTube social icon support */
.socialIcon.youtube{background:transparent!important}
.socialIcon.youtube img{object-fit:contain!important;background:transparent!important}
@media(max-width:560px){.headerSocials{gap:.28rem}.headerSocials .socialIcon{width:27px;height:27px}.brand span{max-width:112px}}


/* Footer copyright */
.footerBottom{margin-top:1.75rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.12);color:#8e99aa;font-size:.9rem;text-align:center}
.footerBottom span{display:inline-block}

/* Dropdown menu + merch/raw additions */
.nav{position:relative}.links{display:none;position:absolute;right:0;top:68px;z-index:80;min-width:230px;background:#090b06;border:1px solid var(--line);border-radius:20px;padding:.7rem;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.links.open{display:flex}.links a{border-radius:12px}.menuBtn{display:inline-flex;width:auto;min-width:88px;padding:0 .95rem;gap:.35rem}.socialIcon.facebook,.socialIcon.instagram{background:transparent}.socialIcon img{max-width:100%;max-height:100%;object-fit:contain}.merchGrid{grid-template-columns:repeat(4,1fr)}.merchCard img{width:100%;height:190px;object-fit:cover;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--line)}.merchFeature{background:rgba(255,255,255,.018);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.adminHint{display:block;color:var(--muted);margin-top:.35rem;font-size:.86rem}.rawBadge{display:inline-flex;align-items:center;gap:.35rem;border:1px solid rgba(239,35,60,.35);background:rgba(239,35,60,.12);border-radius:999px;padding:.35rem .6rem;color:#ffd8de;font-weight:900;font-size:.78rem;text-transform:uppercase;letter-spacing:.09em}
@media(max-width:1100px){.merchGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.headerSocials .socialIcon{width:32px;height:32px}.brandCluster{gap:.45rem}.merchGrid{grid-template-columns:1fr}.links{left:auto;right:0;min-width:min(86vw,260px)}}
.checkline{display:flex;align-items:center;gap:.55rem;font-weight:900;color:#e9eef8}.checkline input{width:18px;height:18px}.helpText,.adminHint{color:#aeb8c7;font-size:.9rem}.merchCard img{width:100%;height:210px;object-fit:cover;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04)}


/* Final admin polish: readable controls and clear dashboard guide */
.menuBtn,.iconbtn.menuBtn{color:#fff!important;background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.22)!important}
.menuBtn:hover,.iconbtn.menuBtn:hover{background:rgba(255,255,255,.16)!important;color:#fff!important}
.field input,.field textarea,.field select,.editor{color:#fff!important;background-color:rgba(255,255,255,.075)!important}
.field input::placeholder,.field textarea::placeholder{color:#96a3b7!important;opacity:1}
.field select option,.field select optgroup{background:#10130b!important;color:#fff!important}
.field select:focus,.field input:focus,.field textarea:focus,.editor:focus{outline:2px solid rgba(145,184,255,.55);border-color:rgba(145,184,255,.75)}
.adminGuideGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}
.adminGuideCard{display:flex;flex-direction:column;gap:.55rem;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border-radius:18px;padding:1rem;min-height:180px}
.adminGuideCard h3{margin:.1rem 0;font-size:1.12rem;color:#fff}
.adminGuideCard p{margin:0;color:#c7d0df;font-size:.95rem;line-height:1.5}
.adminGuideCard .tabBtn{margin-top:auto;text-align:center;background:linear-gradient(135deg,var(--blue),var(--red));border:0;color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:100%}
.adminGuideCard .tabBtn:hover{filter:brightness(1.08)}
@media(max-width:760px){.adminGuideGrid{grid-template-columns:1fr}.adminGuideCard{min-height:auto}}
.videoEmbed video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;object-fit:contain}
.uploadedVideoEmbed{background:#000}

/* Merch card polish */
.merchCard{padding:1rem!important;min-height:0;display:flex;flex-direction:column;gap:.45rem}
.merchCard img{height:145px!important;border-radius:14px!important;object-fit:cover}
.merchCard h3{font-size:1.05rem;line-height:1.2;margin:.15rem 0}
.merchCard .eyebrow{font-size:.72rem;margin:0}
.merchCard .cta{margin-top:auto;padding:.72rem .9rem}
.merchDesc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45;min-height:4.35em;margin:.1rem 0 .45rem;color:#c7d0df}
.priceTag{display:inline-flex;align-items:center;width:max-content;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);padding:.28rem .65rem;color:#fff;font-weight:1000;margin:.05rem 0 .15rem}
@media(max-width:560px){.merchCard img{height:155px!important}.merchDesc{min-height:auto}}

/* Homepage final ordering: merch, videos, Gunny Raw, events */
.sectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}
.sectionHead .sub{margin-bottom:0}
.latestFeature{max-width:760px}
.latestContentCard{max-width:760px}
.latestPlaceholder{max-width:760px;border-style:dashed;background:rgba(255,255,255,.035)}
.homeLatestSection:nth-of-type(even){background:rgba(255,255,255,.018)}
@media(max-width:760px){.sectionHead{display:grid;align-items:start}.sectionHead .cta{width:100%}.latestFeature{max-width:100%}}

/* Homepage merch + single latest section layout */
#homeMerchSection{padding-top:72px;padding-bottom:72px}
#homeMerch .merchEmptyCard{grid-column:1/-1;max-width:720px}
#latestFromGunnySection{background:rgba(255,255,255,.018);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.latestFromGunnyGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch}
.latestFromGunnyGrid .latestSlot{max-width:none;display:flex}
.latestFromGunnyGrid .card{width:100%;display:flex;flex-direction:column}
.latestFromGunnyGrid .videoCard .videoEmbed,.latestFromGunnyGrid .videoPlaceholderFrame,.latestFromGunnyGrid .eventPoster{aspect-ratio:9/16;max-height:560px;width:100%;max-width:360px;margin-inline:auto}
.videoPlaceholderFrame,.eventPosterEmpty{border-radius:18px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(239,35,60,.16),rgba(22,119,201,.18));display:grid;place-items:center;color:#fff;font-weight:1000;text-transform:uppercase;letter-spacing:.12em}
.eventPoster{display:block;object-fit:cover;border-radius:18px;border:1px solid var(--line);background:#050505}
.eventFeatureCard .cta{margin-top:auto;width:auto;align-self:flex-start}
.latestButtons{justify-content:center;margin-top:1.25rem}
.eventListCard{display:grid;grid-template-columns:170px 1fr;gap:1rem;align-items:start;margin-bottom:1rem}
.eventListImage{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:16px;border:1px solid var(--line);background:#050505}
@media(max-width:980px){.latestFromGunnyGrid{grid-template-columns:1fr}.latestFromGunnyGrid .videoCard .videoEmbed,.latestFromGunnyGrid .videoPlaceholderFrame,.latestFromGunnyGrid .eventPoster{max-width:430px}.eventListCard{grid-template-columns:1fr}.eventListImage{max-width:340px}}
@media(max-width:560px){.latestButtons .cta{width:auto}.latestFromGunnyGrid .videoCard .videoEmbed,.latestFromGunnyGrid .videoPlaceholderFrame,.latestFromGunnyGrid .eventPoster{max-width:100%;max-height:620px}}

.merchFeature .sectionHead{align-items:center}.merchFeature .sectionHead .sub{max-width:820px}.merchFeature #homeMerch:empty{display:none}.latestPlaceholder .cta{margin-top:auto}.latestPlaceholder p{min-height:3.2rem}


/* Admin polish */
#adminApp .tabBtn.active,#adminApp .adminGuideCard .tabBtn,#adminLogin .cta,#adminApp .cta{background:var(--blue);box-shadow:0 12px 28px rgba(22,119,201,.22);border-color:rgba(255,255,255,.14);}
#adminApp .cta.secondary{background:rgba(255,255,255,.08);box-shadow:none;border:1px solid var(--line);}
.adminActions{display:flex;gap:.45rem;flex-wrap:wrap;align-items:center}.smallAction{width:auto;min-width:82px;text-align:center;padding:.55rem .75rem;border-radius:11px}.smallAction[data-edit]{background:var(--blue);border-color:rgba(255,255,255,.16)}.smallAction[data-del]{background:rgba(255,255,255,.08)}
.cancelEditBtn{width:auto;display:inline-flex!important;align-items:center;justify-content:center;background:rgba(255,255,255,.08)!important;margin-top:.25rem}.cancelEditBtn[style*=none]{display:none!important}
@media(max-width:940px){#adminApp .pageHero{padding:42px 0 18px}#adminApp .pageHero h1{font-size:2rem}#adminApp .pageHero .sub{font-size:.98rem}.adminSide{padding:.85rem}.adminSide h3{margin:.1rem 0 .55rem}.adminSide .grid.two{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.adminSide .stat{padding:.48rem;border-radius:12px}.adminSide .stat strong{font-size:1rem}.adminSide .stat span{font-size:.72rem;line-height:1.15;display:block}.tabs{gap:.38rem}.tabBtn{padding:.68rem .8rem;border-radius:12px}.adminGuideGrid{gap:.7rem}.adminGuideCard{padding:.85rem}.adminGuideCard p{font-size:.9rem}.adminTable{font-size:.9rem}.adminTable th,.adminTable td{padding:.6rem}.adminActions{display:grid;grid-template-columns:1fr 1fr}.smallAction{width:100%;min-width:0}}
@media(max-width:560px){.adminSide .grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.adminActions{grid-template-columns:1fr}.adminTable{display:block;overflow-x:auto;white-space:nowrap}}




/* Final hero and latest-button polish */
.whiteBtn{background:rgba(255,255,255,.88)!important;color:#090b06!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 14px 35px rgba(255,255,255,.12)!important}
.whiteBtn:hover{background:#fff!important;color:#06080c!important}
.heroCardActions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:1.1rem 0 0}
.heroCardActions .cta{width:auto;min-width:0;padding-inline:1.05rem}
.latestButtons{justify-content:center;align-items:center}.latestButtons .cta{width:auto;min-width:150px}
.latestFromGunnyGrid .videoCard .cta,.latestFromGunnyGrid .eventFeatureCard .cta,.latestPlaceholder .cta{width:auto;align-self:flex-start;margin-top:auto}
.latestFromGunnyGrid .videoCard,.latestFromGunnyGrid .eventFeatureCard,.latestFromGunnyGrid .latestPlaceholder{min-height:100%}
@media(max-width:560px){.heroCardActions{display:grid;grid-template-columns:1fr;gap:.7rem}.heroCardActions .cta{width:100%}.latestButtons{display:grid;grid-template-columns:1fr;gap:.7rem}.latestButtons .cta{width:100%}.latestFromGunnyGrid .videoCard .cta,.latestFromGunnyGrid .eventFeatureCard .cta,.latestPlaceholder .cta{width:auto;max-width:100%;align-self:flex-start}}


/* Final hero/latest CTA cleanup */
#latestFromGunnySection .latestButtons{display:none!important}
.merchFeature .sectionHead .cta.blue{background:linear-gradient(135deg,var(--blue),#32391b)!important;box-shadow:0 14px 35px rgba(22,119,201,.24)!important;color:#fff!important}
.heroCardActions{justify-content:flex-start!important}
.heroCardActions .whiteBtn{background:rgba(255,255,255,.94)!important;color:#090b06!important;border-color:rgba(255,255,255,.95)!important}
.latestFromGunnyGrid .videoCard .cta:not(.whiteBtn):not(.blue):not(.secondary),
.latestFromGunnyGrid .latestPlaceholder .cta:not(.whiteBtn):not(.blue):not(.secondary){background:linear-gradient(135deg,var(--red),#bc3a00)!important;color:#fff!important;box-shadow:0 14px 35px rgba(239,35,60,.24)!important}
.latestFromGunnyGrid .videoCard .cta.whiteBtn,
.latestFromGunnyGrid .latestPlaceholder .cta.whiteBtn{background:rgba(255,255,255,.94)!important;color:#090b06!important;border-color:rgba(255,255,255,.95)!important}
.latestFromGunnyGrid .eventFeatureCard .cta.blue{background:linear-gradient(135deg,var(--blue),#32391b)!important;color:#fff!important;box-shadow:0 14px 35px rgba(22,119,201,.24)!important}
.latestFromGunnyGrid .videoCard .cta,
.latestFromGunnyGrid .eventFeatureCard .cta,
.latestPlaceholder .cta{width:auto!important;max-width:max-content!important;padding-inline:1rem!important}
@media(max-width:560px){.heroCardActions{display:flex!important;flex-wrap:wrap!important}.heroCardActions .cta{width:auto!important;flex:0 0 auto}.latestFromGunnyGrid .videoCard .cta,.latestFromGunnyGrid .eventFeatureCard .cta,.latestPlaceholder .cta{width:auto!important;max-width:100%!important}}

/* Final social/menu polish */
.menuBtn,.iconbtn.menuBtn{color:#fff!important;background:linear-gradient(135deg,var(--red),#c9182f)!important;border-color:rgba(255,255,255,.22)!important;box-shadow:0 12px 30px rgba(239,35,60,.26)!important;}
.menuBtn:hover,.iconbtn.menuBtn:hover{background:linear-gradient(135deg,#ff334f,#d51f35)!important;color:#fff!important;transform:translateY(-1px);}
.socialIcon.x,.socialIcon.bluesky,.socialIcon.substack{background:transparent!important;border:0!important;padding:0!important;}
.socialIcon.x img,.socialIcon.bluesky img,.socialIcon.substack img{object-fit:contain!important;background:transparent!important;border-radius:10px!important;}

/* Final social/menu polish */
.menuBtn,.iconbtn.menuBtn{color:#fff!important;background:linear-gradient(135deg,var(--red),#c9182f)!important;border-color:rgba(255,255,255,.28)!important;box-shadow:0 12px 30px rgba(239,35,60,.28)!important;}
.menuBtn:hover,.iconbtn.menuBtn:hover{background:linear-gradient(135deg,#ff334f,#d51f35)!important;color:#fff!important;transform:translateY(-1px);}
.socialFollowBlock .socialLogoRow{display:grid;grid-template-columns:repeat(7,minmax(54px,86px));gap:.9rem;justify-content:center;align-items:center;}
.socialFollowBlock .bigLogoOnly{width:86px;height:86px;border-radius:22px;}
.socialFollowBlock .bigLogoOnly img{width:62px;height:62px;}
@media(max-width:720px){.socialFollowBlock .socialLogoRow{grid-template-columns:repeat(4,minmax(56px,78px));justify-content:start}.socialFollowBlock .bigLogoOnly{width:76px;height:76px}.socialFollowBlock .bigLogoOnly img{width:56px;height:56px}}
@media(max-width:420px){.socialFollowBlock .socialLogoRow{grid-template-columns:repeat(3,minmax(56px,74px))}.socialFollowBlock .bigLogoOnly{width:72px;height:72px}.socialFollowBlock .bigLogoOnly img{width:52px;height:52px}}

/* Social follower stat cards */
.socialStats{grid-template-columns:repeat(3,1fr)}
.socialStatCard{text-decoration:none;color:#fff;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.socialStatCard:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.09)}
.socialStatCard img{width:34px;height:34px;object-fit:contain;margin-bottom:.45rem;border-radius:10px}
.socialStatCard strong{display:block;font-size:1.45rem;line-height:1}
.socialStatCard span{display:block;color:#c7d0df}
@media(max-width:560px){.socialStats{grid-template-columns:1fr}.socialStatCard{display:grid;grid-template-columns:42px 1fr;align-items:center;text-align:left;column-gap:.75rem}.socialStatCard img{grid-row:1/3;margin:0}.socialStatCard strong{font-size:1.25rem}}


/* Mobile header and safe social video fallback cleanup */
.videoCard img,.latestFromGunnyGrid img{max-width:100%;height:auto;}
.socialFallbackEmbed{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;text-align:center;text-decoration:none;color:#fff;padding:1rem;background:linear-gradient(135deg,#101624,#07090f);}
.socialFallbackEmbed .fallbackPlatformLogo{width:72px!important;height:72px!important;max-width:38%!important;max-height:38%!important;object-fit:contain!important;border-radius:18px!important;background:transparent!important;display:block!important;margin:0 auto!important;}
.socialFallbackEmbed span{font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#f2a161;}
.socialFallbackEmbed b{font-size:1rem;}
@media(max-width:720px){
  .topbar .nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;column-gap:.65rem!important;row-gap:.35rem!important;padding:.65rem 0!important;}
  .topbar .brandCluster{display:grid!important;grid-template-columns:1fr!important;gap:.38rem!important;min-width:0!important;}
  .topbar .brand{min-width:0!important;gap:.55rem!important;}
  .topbar .brand img{width:38px!important;height:38px!important;border-radius:10px!important;flex:0 0 38px!important;}
  .topbar .brand span{font-size:.88rem!important;max-width:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .topbar .headerSocials{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:.28rem!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important;max-width:100%!important;}
  .topbar .headerSocials .socialIcon{width:25px!important;height:25px!important;min-width:25px!important;flex:0 0 25px!important;border-radius:7px!important;}
  .topbar .headerSocials .socialIcon img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:7px!important;}
  .topbar .menuBtn{grid-column:2!important;grid-row:1 / span 2!important;align-self:start!important;justify-self:end!important;min-width:78px!important;height:38px!important;padding:0 .7rem!important;font-size:.86rem!important;}
  .topbar .links{top:62px!important;right:0!important;left:auto!important;min-width:min(86vw,270px)!important;}
}
@media(max-width:390px){
  .topbar .headerSocials .socialIcon{width:23px!important;height:23px!important;min-width:23px!important;flex-basis:23px!important;}
  .topbar .headerSocials{gap:.22rem!important;}
  .topbar .menuBtn{min-width:72px!important;font-size:.8rem!important;}
}


/* Final fix: hero follower stat logos and mobile header social row */
.socialStats{align-items:stretch!important;}
.socialStats .socialStatCard{overflow:hidden!important;min-width:0!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:.75rem!important;text-align:left!important;}
.socialStats .socialStatCard img,.socialStats .socialStatCard .socialStatLogo{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;max-height:34px!important;object-fit:contain!important;display:block!important;margin:0!important;border-radius:9px!important;grid-row:1/3!important;background:transparent!important;}
.socialStats .socialStatCard strong,.socialStats .socialStatCard span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.socialStats .socialStatCard strong{font-size:1.24rem!important;line-height:1.05!important;}
.socialStats .socialStatCard span{font-size:.9rem!important;line-height:1.2!important;}
@media(min-width:761px){.socialStats{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.socialStats .socialStatCard{padding:.95rem!important;}}
@media(max-width:720px){
  .topbar .brandCluster{width:100%!important;max-width:100%!important;}
  .topbar .headerSocials{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:.30rem!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;max-width:100%!important;margin-top:.12rem!important;}
  .topbar .headerSocials .socialIcon{width:26px!important;height:26px!important;min-width:26px!important;flex:0 0 26px!important;}
  .topbar .headerSocials .socialIcon img{width:26px!important;height:26px!important;max-width:26px!important;max-height:26px!important;object-fit:contain!important;}
}
@media(max-width:430px){
  .topbar .headerSocials{gap:.22rem!important;}
  .topbar .headerSocials .socialIcon{width:23px!important;height:23px!important;min-width:23px!important;flex-basis:23px!important;}
  .topbar .headerSocials .socialIcon img{width:23px!important;height:23px!important;max-width:23px!important;max-height:23px!important;}
}

/* FINAL MOBILE / SOCIAL STATS / HOMEPAGE ORDER FIX */
.hero .socialStats,
.hero #socialStatsCards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.7rem!important;max-width:680px!important;align-items:stretch!important;}
.hero .socialStats .socialStatCard,
.hero #socialStatsCards .socialStatCard{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:.72rem!important;text-align:left!important;overflow:hidden!important;min-width:0!important;max-width:100%!important;padding:1rem!important;}
.hero .socialStats .socialStatCard img.socialStatLogo,
.hero #socialStatsCards .socialStatCard img.socialStatLogo{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;min-height:34px!important;max-height:34px!important;object-fit:contain!important;display:block!important;grid-row:1 / span 2!important;margin:0!important;border-radius:9px!important;background:transparent!important;transform:none!important;}
.hero .socialStats .socialStatCard strong,
.hero #socialStatsCards .socialStatCard strong{font-size:1.24rem!important;line-height:1.05!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.hero .socialStats .socialStatCard span,
.hero #socialStatsCards .socialStatCard span{font-size:.9rem!important;line-height:1.2!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.blogPreviewImage{width:100%;height:220px;object-fit:cover;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04);margin-bottom:.9rem}.blogPreviewCard{display:flex;flex-direction:column}.blogPreviewCard .cta{align-self:flex-start;margin-top:auto}
@media(max-width:760px){
  .topbar .nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;align-items:start!important;gap:.35rem .55rem!important;padding:.55rem 0!important;}
  .topbar .brandCluster{grid-column:1!important;grid-row:1 / span 2!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:.28rem .5rem!important;min-width:0!important;max-width:100%!important;}
  .topbar .brand{flex:0 1 auto!important;min-width:0!important;gap:.5rem!important;}
  .topbar .brand img{width:42px!important;height:42px!important;flex:0 0 42px!important;}
  .topbar .brand span{font-size:.9rem!important;line-height:1.05!important;max-width:145px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .topbar .headerSocials{order:3!important;flex:0 0 100%!important;width:100%!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:.28rem!important;margin-top:.16rem!important;overflow:hidden!important;max-width:100%!important;}
  .topbar .headerSocials .socialIcon{width:25px!important;height:25px!important;min-width:25px!important;flex:0 0 25px!important;border-radius:7px!important;}
  .topbar .headerSocials .socialIcon img{width:25px!important;height:25px!important;max-width:25px!important;max-height:25px!important;object-fit:contain!important;border-radius:7px!important;}
  .topbar .menuBtn{grid-column:2!important;grid-row:1!important;justify-self:end!important;align-self:start!important;min-width:74px!important;height:38px!important;padding:0 .68rem!important;font-size:.84rem!important;margin:0!important;}
  .topbar .links{top:58px!important;right:0!important;left:auto!important;min-width:min(86vw,260px)!important;}
  .hero .socialStats,.hero #socialStatsCards{grid-template-columns:1fr!important;gap:.65rem!important;max-width:100%!important;}
  .hero .socialStats .socialStatCard,.hero #socialStatsCards .socialStatCard{padding:.82rem!important;}
}
@media(max-width:390px){
  .topbar .brand span{max-width:118px!important;font-size:.84rem!important;}
  .topbar .headerSocials{gap:.22rem!important;}
  .topbar .headerSocials .socialIcon,.topbar .headerSocials .socialIcon img{width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;max-height:22px!important;}
  .topbar .menuBtn{min-width:68px!important;font-size:.78rem!important;padding:0 .55rem!important;}
}

/* Support page gateway cards */
.supportWaysSection{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(22,119,201,.045));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.supportGatewayGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.25rem}
.supportGatewayCard{display:grid;grid-template-columns:76px minmax(0,1fr);gap:.9rem;align-items:center;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.038));border-radius:24px;padding:1rem;box-shadow:0 18px 44px rgba(0,0,0,.22);min-height:154px;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.supportGatewayCard:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.28);background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.055))}
.supportLogoWrap{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.16);flex:0 0 auto}
.supportLogoWrap img{width:72px;height:72px;max-width:72px;max-height:72px;object-fit:contain;display:block}
.supportCardText{display:grid;gap:.25rem;min-width:0}.supportCardText strong{font-size:1.12rem;line-height:1.1}.supportCardText em{font-style:normal;color:#c7d0df;font-size:.92rem;line-height:1.35}.supportCardCta{display:inline-flex;align-items:center;justify-content:center;width:max-content;margin-top:.35rem;border-radius:999px;padding:.42rem .7rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#fff}
.supportMissionSection .usmcCard{min-height:100%}
@media(max-width:1080px){.supportGatewayGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.supportGatewayGrid{grid-template-columns:1fr}.supportGatewayCard{grid-template-columns:58px minmax(0,1fr);min-height:auto;border-radius:20px;padding:.9rem}.supportLogoWrap,.supportLogoWrap img{width:56px;height:56px;max-width:56px;max-height:56px;border-radius:16px}.supportCardText strong{font-size:1.02rem}.supportCardText em{font-size:.88rem}.supportCardCta{font-size:.72rem}}

/* Support page cleanup + responsive social row + blog cards/modal */
.supportWaysSection{padding-top:72px!important;}
.socialFollowBlock{overflow:hidden;}
.socialFollowBlock .socialLogoRow{max-width:100%;}
@media(max-width:1180px){
  .socialFollowBlock{grid-template-columns:1fr!important;gap:1.35rem!important;}
  .socialFollowBlock .socialLogoRow{display:grid!important;grid-template-columns:repeat(4,86px)!important;gap:.8rem!important;justify-content:flex-start!important;align-items:center!important;}
  .socialFollowBlock .bigLogoOnly{width:86px!important;height:86px!important;}
  .socialFollowBlock .bigLogoOnly img{width:64px!important;height:64px!important;}
}
@media(max-width:520px){
  .socialFollowBlock .socialLogoRow{grid-template-columns:repeat(4,minmax(56px,1fr))!important;gap:.45rem!important;width:100%!important;}
  .socialFollowBlock .bigLogoOnly{width:100%!important;height:68px!important;border-radius:18px!important;}
  .socialFollowBlock .bigLogoOnly img{width:48px!important;height:48px!important;}
}
@media(max-width:360px){
  .socialFollowBlock .socialLogoRow{grid-template-columns:repeat(3,minmax(56px,1fr))!important;}
}
.blogCardGrid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;}
.blogCard{display:flex;flex-direction:column;min-height:100%;overflow:hidden;}
.blogCardImage{width:100%;height:210px;object-fit:cover;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04);margin-bottom:1rem;}
.blogCard h2{font-size:1.45rem!important;line-height:1.12!important;margin:.25rem 0 .55rem!important;letter-spacing:-.025em;}
.blogCard p{margin:.25rem 0 .85rem;}
.blogCardActions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:auto;align-items:center;}
.blogCardActions .cta{box-shadow:none;}
body.modalOpen{overflow:hidden;}
.blogModal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:clamp(.8rem,2vw,1.4rem);}
.blogModal.open{display:flex;}
.blogModalBackdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(8px);}
.blogModalPanel{position:relative;width:min(980px,94vw);max-height:90vh;overflow:auto;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#151b27,#090b06);border-radius:26px;box-shadow:0 34px 90px rgba(0,0,0,.58);padding:clamp(1.1rem,3vw,2.2rem);}
.blogModalClose{position:sticky;top:0;float:right;z-index:2;width:44px;height:44px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(239,35,60,.96);color:#fff;font-size:2rem;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 30px rgba(239,35,60,.24);}
.blogModalImage{width:100%;max-height:420px;object-fit:cover;border-radius:20px;border:1px solid var(--line);margin:0 0 1.25rem;background:rgba(255,255,255,.04);}
.blogModalPanel h2{font-size:clamp(2rem,5vw,4rem);line-height:1;margin:.35rem 0 1rem;letter-spacing:-.045em;}
.blogModalBody{color:#d9e3f3;font-size:1.06rem;line-height:1.72;}
.blogModalBody p{color:#d9e3f3;}
.blogModalBody img{max-width:100%;height:auto;border-radius:16px;}
@media(max-width:940px){.blogCardGrid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){.blogCardGrid{grid-template-columns:1fr;}.blogCardImage{height:190px}.blogModalPanel{max-height:92vh;border-radius:20px}.blogModalClose{width:40px;height:40px;font-size:1.75rem}}


/* Final social follow layout fix: always use neat rows, never one long squeezed row */
.socialFollowBlock{
  align-items:center!important;
  overflow:hidden!important;
}
.socialFollowBlock .socialLogoRow{
  display:grid!important;
  grid-template-columns:repeat(4, minmax(68px, 86px))!important;
  gap:.85rem!important;
  justify-content:center!important;
  align-items:center!important;
  max-width:calc((86px * 4) + (.85rem * 3))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.socialFollowBlock .bigLogoOnly{
  width:86px!important;
  height:86px!important;
  min-width:0!important;
  border-radius:22px!important;
}
.socialFollowBlock .bigLogoOnly img{
  width:62px!important;
  height:62px!important;
  max-width:62px!important;
  max-height:62px!important;
  object-fit:contain!important;
}
@media(max-width:900px){
  .socialFollowBlock{grid-template-columns:1fr!important;text-align:left!important;}
  .socialFollowBlock .socialLogoRow{justify-content:flex-start!important;margin-left:0!important;margin-right:0!important;}
}
@media(max-width:520px){
  .socialFollowBlock .socialLogoRow{
    grid-template-columns:repeat(4, minmax(50px, 1fr))!important;
    gap:.45rem!important;
    width:100%!important;
    max-width:100%!important;
  }
  .socialFollowBlock .bigLogoOnly{height:64px!important;width:100%!important;border-radius:18px!important;}
  .socialFollowBlock .bigLogoOnly img{width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important;}
}
@media(max-width:350px){
  .socialFollowBlock .socialLogoRow{grid-template-columns:repeat(3, minmax(54px, 1fr))!important;}
}


/* Gunny green/orange theme refresh */
body{background:radial-gradient(circle at top left,rgba(71,79,39,.42),transparent 34rem),linear-gradient(180deg,#050604,#0a0c07 36%,#050604)!important;color:var(--text)}
.topbar{background:rgba(5,6,4,.9)!important;border-bottom:1px solid rgba(250,83,1,.22)}
.links.open{background:#090b06!important}.links a:hover,.links a.active{background:rgba(250,83,1,.14)!important;color:#fff}.iconbtn.menuBtn{background:linear-gradient(135deg,var(--orange),#bc3a00)!important;color:#fff!important;box-shadow:0 12px 34px rgba(250,83,1,.25)}
.cta{background:linear-gradient(135deg,var(--orange),#bc3a00)!important;box-shadow:0 14px 35px rgba(250,83,1,.25)!important;color:#fff!important}.cta.blue{background:linear-gradient(135deg,#64713a,var(--green))!important;box-shadow:0 14px 35px rgba(71,79,39,.34)!important;color:#fff!important}.cta.secondary,.tabBtn,.smallAction{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;box-shadow:none!important}.whiteBtn{background:rgba(255,255,255,.92)!important;color:#111!important}.tabBtn.active,.tabBtn:hover{background:linear-gradient(135deg,#64713a,var(--green))!important;color:#fff!important}.accent{background:linear-gradient(90deg,#fff,#ffb178 42%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{color:#ffb178!important}.badge .usmcMini,.usmcMini{background:linear-gradient(135deg,var(--orange),#bc3a00)!important;color:#fff}.hero:before{background:linear-gradient(90deg,rgba(5,6,4,.96) 0%,rgba(5,6,4,.82) 42%,rgba(5,6,4,.35)),url('/assets/hero-gunny-logo-bg-current.png?v=20260516-hero-acorn-current-1') center/cover no-repeat!important}.hero:after{background:linear-gradient(180deg,transparent 70%,#050604)!important}.pageHero{background:linear-gradient(180deg,rgba(71,79,39,.32),transparent)!important}.section.alt{background:rgba(71,79,39,.08)!important}.card,.heroCard,.supportOption,.adminSide,.day,.stat,.bigLogoOnly{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(71,79,39,.09))!important;border-color:rgba(255,255,255,.14)!important}.notice{border-color:rgba(250,83,1,.45)!important;background:rgba(250,83,1,.08)!important;color:#ffd9c2!important}.jobchip{background:rgba(250,83,1,.2)!important}.adminTable th{background:rgba(71,79,39,.35)!important}.field input,.field textarea,.field select{background:#090b06!important;border-color:rgba(255,255,255,.17)!important;color:#fff!important}.field select option{background:#090b06;color:#fff}.heroCardActions .cta:first-child{background:linear-gradient(135deg,var(--orange),#bc3a00)!important}.heroCardActions .cta.blue{background:linear-gradient(135deg,#64713a,var(--green))!important}.supportOption:hover,.card:hover{border-color:rgba(250,83,1,.38)}
.socialFollowBlock .socialLogoRow{display:grid!important;grid-template-columns:repeat(4,94px);gap:1rem;justify-content:center;align-items:center;max-width:430px;margin-left:auto}.socialFollowBlock .bigLogoOnly{width:94px;height:94px}.socialFollowBlock .bigLogoOnly img{width:70px;height:70px}
@media(max-width:1050px){.socialFollowBlock .socialLogoRow{grid-template-columns:repeat(4,82px);max-width:380px}.socialFollowBlock .bigLogoOnly{width:82px;height:82px}.socialFollowBlock .bigLogoOnly img{width:60px;height:60px}}
@media(max-width:940px){.socialFollowBlock .socialLogoRow{margin:1.5rem 0 0;justify-content:start;grid-template-columns:repeat(4,78px);max-width:100%}.hero:before{background:linear-gradient(180deg,rgba(5,6,4,.94),rgba(5,6,4,.72)),url('/assets/hero-gunny-logo-bg-current.png?v=20260516-hero-acorn-current-1') center/cover no-repeat!important}}
@media(max-width:560px){.socialFollowBlock .socialLogoRow{grid-template-columns:repeat(3,76px);gap:.75rem}.socialFollowBlock .bigLogoOnly{width:76px;height:76px}.socialFollowBlock .bigLogoOnly img{width:56px;height:56px}}


/* 20260516 final green/orange polish */
:root{--bg:#050604;--panel:#10130b;--panel2:#1b2111;--text:#f8fafc;--muted:#c2c7b8;--green:#474f27;--blue:#474f27;--orange:#fa5301;--red:#fa5301;}
body{background:radial-gradient(circle at top left,rgba(71,79,39,.34),transparent 34rem),linear-gradient(180deg,#050604,#090b06 35%,#050604)!important;}
.topbar,.footer{background:linear-gradient(180deg,#050604,#0b0d07)!important;border-color:rgba(250,83,1,.22)!important;}
.footer{box-shadow:inset 0 1px 0 rgba(250,83,1,.12)!important;}
.footer h3,.footer .brand span{color:#fff!important;}
.footer a:hover{color:#ffb178!important;}
.footerBottom{border-top:1px solid rgba(250,83,1,.18)!important;color:#c2c7b8!important;}
.menuBtn,.iconbtn.menuBtn{background:linear-gradient(135deg,var(--orange),#bc3a00)!important;color:#fff!important;border-color:rgba(250,83,1,.45)!important;box-shadow:0 12px 30px rgba(250,83,1,.26)!important;}
.menuBtn:hover,.iconbtn.menuBtn:hover{background:linear-gradient(135deg,#64713a,var(--green))!important;color:#fff!important;border-color:rgba(255,255,255,.28)!important;box-shadow:0 12px 32px rgba(71,79,39,.35)!important;transform:translateY(-1px);}
.links.open{background:#090b06!important;border-color:rgba(250,83,1,.22)!important;}
.links a:hover,.links a.active{background:rgba(71,79,39,.45)!important;color:#fff!important;}
.socialIcon:hover,.socialLogoLink:hover{border-color:rgba(250,83,1,.45)!important;box-shadow:0 12px 26px rgba(250,83,1,.18)!important;}
.cta{background:linear-gradient(135deg,var(--orange),#bc3a00)!important;color:#fff!important;box-shadow:0 14px 35px rgba(250,83,1,.25)!important;}
.cta:hover{filter:brightness(1.06);}
.cta.blue{background:linear-gradient(135deg,#64713a,var(--green))!important;color:#fff!important;box-shadow:0 14px 35px rgba(71,79,39,.34)!important;}
.cta.secondary:hover,.smallAction:hover{background:rgba(71,79,39,.38)!important;border-color:rgba(250,83,1,.3)!important;}
.card,.heroCard,.supportOption,.adminSide,.day,.stat,.bigLogoOnly{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(71,79,39,.11))!important;border-color:rgba(255,255,255,.14)!important;}
.card:hover,.supportOption:hover{border-color:rgba(250,83,1,.38)!important;}
.pageHero{background:linear-gradient(180deg,rgba(71,79,39,.32),transparent)!important;}
.section.alt{background:rgba(71,79,39,.08)!important;border-color:rgba(250,83,1,.16)!important;}
.eyebrow{color:#ffb178!important;}
.feature .num,.tabBtn.active,.tabBtn:hover{background:linear-gradient(135deg,#64713a,var(--green))!important;}
.badge .usmcMini,.usmcMini{background:linear-gradient(135deg,var(--orange),#bc3a00)!important;}
.notice{border-color:rgba(250,83,1,.45)!important;background:rgba(250,83,1,.08)!important;color:#ffd9c2!important;}
.jobchip{background:rgba(250,83,1,.20)!important;}
.adminTable th{background:rgba(71,79,39,.35)!important;}
.field input,.field textarea,.field select{background:#090b06!important;border-color:rgba(255,255,255,.17)!important;color:#fff!important;}
.field select option{background:#090b06;color:#fff;}
.brand img{background:#474f27!important;}

/* Live Giveaway integration */
.giveawayAdminFrame{width:100%;min-height:1180px;border:1px solid rgba(250,83,1,.35);border-radius:22px;background:#080a0f;box-shadow:0 18px 50px rgba(0,0,0,.35);}
@media(max-width:900px){.giveawayAdminFrame{min-height:1400px;border-radius:16px}}

/* === Final global menu click/visual cleanup === */
.topbar{z-index:5000!important;}
.topbar .nav{position:relative!important;}
.topbar .menuBtn{display:inline-flex!important;width:auto!important;min-width:88px!important;height:42px!important;padding:0 .95rem!important;gap:.35rem!important;background:linear-gradient(135deg,#fa5301,#bc3a00)!important;color:#fff!important;border:0!important;border-radius:999px!important;box-shadow:0 14px 35px rgba(250,83,1,.28)!important;align-items:center!important;justify-content:center!important;}
.topbar .links{display:none!important;position:absolute!important;right:0!important;left:auto!important;top:68px!important;z-index:5100!important;min-width:230px!important;background:#090b06!important;border:1px solid rgba(250,83,1,.22)!important;border-radius:20px!important;padding:.7rem!important;box-shadow:0 24px 70px rgba(0,0,0,.55)!important;flex-direction:column!important;align-items:stretch!important;gap:.15rem!important;margin-left:0!important;}
.topbar .links.open{display:flex!important;}
.topbar .links a{display:block!important;border-radius:12px!important;padding:.72rem .95rem!important;text-align:center!important;color:#ecebdd!important;font-weight:900!important;text-decoration:none!important;}
.topbar .links a:hover,.topbar .links a.active{background:rgba(71,79,39,.66)!important;color:#fff!important;}

/* Clint Custom Tech footer credit link */
.footerCreatorCta{margin:.85rem 0 0!important;}
.footerCreatorCta a{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(250,83,1,.35);background:rgba(250,83,1,.1);color:#ffe3c6!important;border-radius:999px;padding:.48rem .78rem;font-weight:900;text-decoration:none!important;font-size:.88rem;box-shadow:0 10px 24px rgba(0,0,0,.18);}
.footerCreatorCta a:hover{background:rgba(71,79,39,.72)!important;color:#fff!important;border-color:rgba(255,255,255,.24)!important;}

/* Clint Custom Tech footer CTA: Gunny green */
.footerCreatorCta a{background:linear-gradient(135deg,#474f27,#6b7639)!important;border-color:rgba(190,210,119,.55)!important;color:#fff7e8!important;box-shadow:0 12px 28px rgba(71,79,39,.36),inset 0 1px 0 rgba(255,255,255,.16)!important;}
.footerCreatorCta a:hover{background:linear-gradient(135deg,#5d6a31,#819044)!important;border-color:rgba(255,255,255,.34)!important;color:#fff!important;}

/* Live giveaway admin priority */
.tabBtn.liveGiveawayNav{background:linear-gradient(135deg,#fa5301,#ff8a2a)!important;color:#120700!important;border-color:rgba(250,83,1,.95)!important;font-weight:900!important;box-shadow:0 10px 24px rgba(250,83,1,.22)!important;}
.tabBtn.liveGiveawayNav:hover{filter:brightness(1.05);transform:translateY(-1px);}
.adminGuideCard.liveGiveawayOverview{border-color:rgba(250,83,1,.55)!important;box-shadow:0 18px 42px rgba(250,83,1,.16)!important;}
.adminGuideCard.liveGiveawayOverview h3{color:#ff8a2a!important;}

.giveawayPriorityBtn{background:linear-gradient(135deg,#fa5301,#c43f00)!important;color:#fff!important;border-color:rgba(250,83,1,.45)!important;font-weight:900!important;box-shadow:0 12px 24px rgba(250,83,1,.18)}
.giveawayPriorityCard{border-color:rgba(250,83,1,.45)!important;box-shadow:0 18px 40px rgba(250,83,1,.12)}
.freeGiveawayOverview{border-color:rgba(71,79,39,.55)!important;box-shadow:0 18px 40px rgba(71,79,39,.16)}
.freeAdminShell{border-color:rgba(71,79,39,.45)!important}

/* Footer compactness fix: keep the legal column aligned on normal desktop/tablet widths. */
.footer{overflow:hidden;}
.footerGrid{align-items:start;}
@media (min-width:760px){
  .footerGrid{grid-template-columns:minmax(250px,1.25fr) minmax(118px,.55fr) minmax(118px,.55fr) minmax(145px,.65fr)!important;gap:clamp(.9rem,2vw,1.4rem)!important;}
  .footer .brand span{white-space:nowrap;}
  .footer h3{margin-top:.15rem;}
  .footer p{margin-bottom:0;}
}
@media (min-width:760px) and (max-width:980px){
  .footer{padding:38px 0!important;}
  .footerGrid{font-size:.94rem;}
  .footer .socials{gap:.28rem;}
  .footer .socialIcon{width:34px;height:34px;}
}
@media (max-width:759px){
  .footerGrid{grid-template-columns:1fr!important;gap:1.35rem!important;}
  .footer .brand{justify-content:flex-start;}
}

/* Giveaway testing notice + admin drawer cleanup */
.testingNoticeBar{background:linear-gradient(135deg,#234019,#49632a);border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 10px 24px rgba(0,0,0,.2)}
.testingNoticeBar .wrap{display:flex;align-items:center;justify-content:center;gap:.7rem;padding:.75rem 1rem;text-align:center;color:#f2ffd9;font-weight:1000;letter-spacing:.02em;text-transform:uppercase}
.testingNoticeBar b{color:#fff}.testingNoticeBar span{color:#dceab7}.testingNoticeBar i{font-style:normal;color:#ffb06c}
.adminDataDrawer{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:18px;margin:.85rem 0;padding:.4rem;overflow:hidden}
.adminDataDrawer summary{cursor:pointer;list-style:none;border-radius:14px;background:linear-gradient(135deg,rgba(250,83,1,.16),rgba(71,79,39,.3));color:#fff;font-weight:1000;padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.adminDataDrawer summary::-webkit-details-marker{display:none}.adminDataDrawer summary:after{content:'Open';font-size:.78rem;text-transform:uppercase;color:#dceab7;letter-spacing:.1em}.adminDataDrawer[open] summary:after{content:'Close'}
.adminDataDrawer .sub,.adminDataDrawer .adminPager,.adminDataDrawer .freeAdminTableWrap,.adminDataDrawer .compactAdminTableWrap,.adminDataDrawer .toolbar{margin-left:.6rem;margin-right:.6rem}.adminDataDrawer .sub{margin-top:.8rem}
.adminPager{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin:.7rem 0;color:#cfd9c5;font-weight:900}.adminPager button:disabled{opacity:.45;cursor:not-allowed}.compactAdminTableWrap{max-height:430px;overflow:auto;border-radius:14px;border:1px solid rgba(255,255,255,.08)}
.setupChoiceGrid.twoChoice{grid-template-columns:repeat(2,minmax(0,1fr))}.memberAdminDrawers{margin-top:1rem}.liveSetupActions{align-items:stretch}.liveSetupActions .btn{min-height:44px}
@media(max-width:760px){.testingNoticeBar .wrap{font-size:.82rem;line-height:1.25;flex-direction:column;gap:.2rem}.setupChoiceGrid.twoChoice{grid-template-columns:1fr}.adminPager{align-items:flex-start;flex-direction:column}.adminDataDrawer .sub,.adminDataDrawer .adminPager,.adminDataDrawer .freeAdminTableWrap,.adminDataDrawer .compactAdminTableWrap,.adminDataDrawer .toolbar{margin-left:.25rem;margin-right:.25rem}}

/* Public pagination for merch and long public lists */
.publicPager{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin:1.35rem auto 0;
  padding:1rem;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.04);
}
.publicPager span{color:var(--muted);font-weight:900;}
.publicPager div{display:flex;gap:.6rem;flex-wrap:wrap;}
.publicPager .disabled{opacity:.45;pointer-events:none;}
@media(max-width:700px){.publicPager{align-items:stretch;flex-direction:column}.publicPager div .cta{flex:1;justify-content:center}}

/* Lower-page SEO support sections: intentionally below primary visual layouts. */
.seoSupportSection,.seoFaqSection{position:relative}
.seoInfoGrid,.seoFaqGrid{margin-top:1.25rem}
.seoSupportSection .card,.seoFaqSection .card{min-height:100%;}
.seoSupportSection h2,.seoFaqSection h2{max-width:900px}
.seoSupportSection p.sub,.seoFaqSection p.sub{max-width:920px}
@media(max-width:940px){.seoInfoGrid,.seoFaqGrid{grid-template-columns:1fr!important}}

/* Admin QR Codes / Promo Tools */
.qrAdminShell .sub{max-width:860px}
.qrOverviewCard{border-color:rgba(250,83,1,.35)!important;box-shadow:0 16px 38px rgba(250,83,1,.11)!important}
.qrAdminGrid{display:grid;gap:1rem}
.qrAdminCard{display:grid;grid-template-columns:168px 1fr;gap:1rem;align-items:stretch;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(71,79,39,.08));border-radius:18px;padding:1rem;overflow:hidden}
.qrPreviewButton{appearance:none;border:1px solid rgba(255,255,255,.16);background:#fff;border-radius:16px;padding:.65rem;display:grid;place-items:center;cursor:pointer;min-height:168px;box-shadow:0 12px 28px rgba(0,0,0,.25)}
.qrPreviewButton:hover{outline:2px solid rgba(250,83,1,.65)}
.qrPreviewButton img{display:block;width:100%;max-width:142px;aspect-ratio:1/1;object-fit:contain;border-radius:10px;background:#fff}
.qrAdminInfo{min-width:0;display:flex;flex-direction:column;gap:.45rem}
.qrAdminInfo h3{margin:0;color:#fff;font-size:1.25rem}.qrAdminInfo p{margin:0;color:#cbd5c8}.qrDestination{display:block;color:#ffe1c8;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:.55rem .7rem;background:rgba(0,0,0,.18)}
.qrDestination:hover{color:#fff;border-color:rgba(250,83,1,.5)}
.qrAdminActions{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:auto}.qrAdminActions .smallAction{width:auto;min-width:118px;text-align:center;justify-content:center;display:inline-flex;text-decoration:none}.dangerAction{border-color:rgba(255,116,116,.42)!important;color:#ffd1d1!important}
.qrLightbox{position:fixed;inset:0;z-index:90;display:none;place-items:center;padding:1rem;background:rgba(0,0,0,.78);backdrop-filter:blur(10px)}
.qrLightbox.open{display:grid}.qrLightboxCard{position:relative;width:min(620px,94vw);max-height:92vh;overflow:auto;border:1px solid rgba(250,83,1,.48);background:linear-gradient(180deg,#15190f,#070904);border-radius:24px;padding:1.25rem;box-shadow:0 24px 80px rgba(0,0,0,.6),0 0 50px rgba(250,83,1,.16);text-align:center}.qrLightboxClose{position:absolute;right:.8rem;top:.7rem;width:42px;height:42px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;font-size:1.8rem;line-height:1;cursor:pointer}.qrLightboxCard img{width:min(380px,76vw);aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:18px;padding:1rem;margin:.75rem auto;display:block}.qrDestinationLabel{margin:.5rem 0 .2rem!important;color:#ffb178!important;font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.qrLightboxCard a#qrLightboxUrl{display:block;word-break:break-word;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:14px;padding:.75rem;margin:.35rem 0 1rem}.qrLightboxActions{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}
@media(max-width:760px){.qrAdminCard{grid-template-columns:1fr}.qrPreviewButton{min-height:auto}.qrPreviewButton img{max-width:220px}.qrAdminActions .smallAction{width:100%}}

/* === QR tools Hippie-style fixed promo grid === */
.qrAdminHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}
.qrAdminHeader .sub{max-width:920px}.qrSaveAllBtn{min-width:150px;white-space:normal;border-radius:999px;padding:1rem 1.35rem;align-self:flex-start}
.qrPresetGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.qrPresetCard{display:grid;grid-template-columns:150px 1fr;gap:1rem;align-items:start;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(71,79,39,.075));border-radius:18px;padding:1rem;min-height:218px;box-shadow:0 14px 34px rgba(0,0,0,.18)}
.qrPresetMedia{min-width:0}.qrPresetPreview{appearance:none;width:136px;min-height:136px;border-radius:16px;border:2px dashed rgba(255,209,163,.5);background:rgba(0,0,0,.18);display:grid;place-items:center;cursor:pointer;color:#ffe8d2;font-weight:900;text-align:center;padding:.55rem;line-height:1.15}.qrPresetPreview.hasImage{border-style:solid;background:#fff;padding:.55rem}.qrPresetPreview img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:10px}.qrPresetPreview:hover{outline:2px solid rgba(250,83,1,.65);outline-offset:2px}.qrPresetBody{min-width:0}.qrPresetBody h3{margin:.1rem 0 .25rem;color:#fff;font-size:1.15rem}.qrPresetPath{margin:0 0 .65rem;color:#d9c4ad;font-weight:900}.qrFieldLabel{display:block;margin:.35rem 0 .35rem;color:#fff7e9;font-weight:900;font-size:.9rem}.qrUrlInput{width:100%;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.28);color:#fff;border-radius:13px;padding:.72rem .8rem;font:inherit}.qrUrlInput:focus{outline:2px solid rgba(250,83,1,.65);border-color:transparent}.qrPresetActions{display:flex;gap:.45rem;flex-wrap:wrap;margin:.55rem 0 .75rem}.qrPresetActions .smallAction{width:auto;min-width:96px;justify-content:center;display:inline-flex;text-align:center;text-decoration:none}.qrUploadLabel{margin-top:.55rem}.qrFileInput{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:.6rem;background:rgba(255,255,255,.05);color:#fff}.qrLightboxCard{text-align:center}.modalOpen{overflow:hidden}
@media(max-width:1040px){.qrPresetGrid{grid-template-columns:1fr}.qrAdminHeader{flex-direction:column}.qrSaveAllBtn{align-self:stretch}}
@media(max-width:640px){.qrPresetCard{grid-template-columns:1fr}.qrPresetPreview{width:100%;max-width:210px;margin:0 auto}.qrPresetActions .smallAction{flex:1 1 120px}.qrUrlInput{font-size:16px}}

.qrLightbox[hidden], .qrLightbox[aria-hidden="true"]{display:none!important}
.qrLightbox.open[aria-hidden="false"]{display:grid!important}
.qrPresetGrid:empty::before{content:"QR tools are loading. If this stays visible, refresh the admin page.";display:block;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:1rem;color:#fff;background:rgba(255,255,255,.06)}

/* QR ADMIN CRITICAL FINAL START */

#qrManager .qrAdminShell{max-width:1120px;margin:0 auto;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(71,79,39,.055));border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:1.25rem;box-shadow:0 20px 55px rgba(0,0,0,.28)}
#qrManager .qrAdminHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem;margin-bottom:1.25rem}
#qrManager .qrSaveAllBtn{white-space:nowrap;align-self:flex-start}
#qrManager .qrPresetGrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem!important;margin-top:1rem!important}
#qrManager .qrPresetCard{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;gap:1rem!important;align-items:start!important;border:1px solid rgba(255,255,255,.14)!important;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(71,79,39,.08))!important;border-radius:18px!important;padding:1rem!important;min-height:218px!important;box-shadow:0 14px 34px rgba(0,0,0,.22)!important;overflow:hidden!important}
#qrManager .qrPresetMedia{min-width:0!important}
#qrManager .qrPresetPreview{appearance:none!important;width:136px!important;min-height:136px!important;border-radius:16px!important;border:2px dashed rgba(255,209,163,.52)!important;background:rgba(0,0,0,.2)!important;display:grid!important;place-items:center!important;cursor:pointer!important;color:#ffe8d2!important;font-weight:900!important;text-align:center!important;padding:.55rem!important;line-height:1.15!important;font-family:inherit!important}
#qrManager .qrPresetPreview.hasImage{border-style:solid!important;background:#fff!important;padding:.55rem!important}
#qrManager .qrPresetPreview img{width:100%!important;aspect-ratio:1/1!important;object-fit:contain!important;background:#fff!important;border-radius:10px!important;display:block!important}
#qrManager .qrPresetPreview:hover{outline:2px solid rgba(250,83,1,.72)!important;outline-offset:2px!important}
#qrManager .qrPresetBody{min-width:0!important;display:block!important}
#qrManager .qrPresetBody h3{margin:.1rem 0 .25rem!important;color:#fff!important;font-size:1.15rem!important;line-height:1.15!important}
#qrManager .qrPresetPath{margin:0 0 .65rem!important;color:#d9c4ad!important;font-weight:900!important;word-break:break-word!important}
#qrManager .qrFieldLabel{display:block!important;margin:.35rem 0 .35rem!important;color:#fff7e9!important;font-weight:900!important;font-size:.9rem!important}
#qrManager .qrUrlInput{display:block!important;width:100%!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(0,0,0,.28)!important;color:#fff!important;border-radius:13px!important;padding:.72rem .8rem!important;font:inherit!important;min-height:46px!important}
#qrManager .qrUrlInput:focus{outline:2px solid rgba(250,83,1,.65)!important;border-color:transparent!important}
#qrManager .qrPresetActions{display:flex!important;gap:.45rem!important;flex-wrap:wrap!important;margin:.55rem 0 .75rem!important}
#qrManager .qrPresetActions .smallAction{width:auto!important;min-width:96px!important;justify-content:center!important;display:inline-flex!important;text-align:center!important;text-decoration:none!important;align-items:center!important}
#qrManager .qrUploadLabel{margin-top:.55rem!important}
#qrManager .qrFileInput{display:block!important;width:100%!important;box-sizing:border-box!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:13px!important;padding:.6rem!important;background:rgba(255,255,255,.06)!important;color:#fff!important}
#qrLightbox[hidden]{display:none!important}
.qrLightbox.open{position:fixed!important;inset:0!important;z-index:9999!important;display:grid!important;place-items:center!important;background:rgba(0,0,0,.82)!important;padding:1.25rem!important}
.qrLightboxCard{width:min(560px,94vw)!important;max-height:92vh!important;overflow:auto!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.18)!important;background:linear-gradient(180deg,#171914,#080a07)!important;padding:1.25rem!important;text-align:center!important;box-shadow:0 28px 90px rgba(0,0,0,.58)!important}
.qrLightboxCard img{width:min(360px,75vw)!important;max-height:50vh!important;object-fit:contain!important;background:#fff!important;border-radius:18px!important;padding:.75rem!important;margin:.75rem auto!important;display:block!important}
.qrLightboxClose{float:right!important;border:0!important;background:#fa5301!important;color:#fff!important;border-radius:999px!important;width:38px!important;height:38px!important;font-weight:900!important;cursor:pointer!important}
.qrLightboxActions{display:flex!important;justify-content:center!important;gap:.65rem!important;flex-wrap:wrap!important;margin-top:1rem!important}
@media(max-width:1040px){#qrManager .qrPresetGrid{grid-template-columns:1fr!important}#qrManager .qrAdminHeader{flex-direction:column!important}#qrManager .qrSaveAllBtn{align-self:stretch!important}}
@media(max-width:640px){#qrManager .qrPresetCard{grid-template-columns:1fr!important}#qrManager .qrPresetPreview{width:100%!important;max-width:210px!important;margin:0 auto!important}#qrManager .qrPresetActions .smallAction{flex:1 1 120px!important}#qrManager .qrUrlInput{font-size:16px!important}}


/* QR ADMIN CRITICAL FINAL END */