
:root{
  --sg4-bg:#05070b;
  --sg4-panel:#0d1118;
  --sg4-panel2:#111722;
  --sg4-red:#ff2742;
  --sg4-red2:#cf142c;
  --sg4-text:#f7f8fb;
  --sg4-muted:#a9b0bf;
  --sg4-line:rgba(255,255,255,.10);
}

/* Fjern Astra/temaets rammer på forsiden */
body.sg4-fullscreen-page,
body.sg4-fullscreen-page #page,
body.sg4-fullscreen-page .site,
body.sg4-fullscreen-page .site-content,
body.sg4-fullscreen-page #content,
body.sg4-fullscreen-page .ast-container,
body.sg4-fullscreen-page .content-area,
body.sg4-fullscreen-page .site-main,
body.sg4-fullscreen-page article,
body.sg4-fullscreen-page .entry-content{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
}
body.sg4-fullscreen-page .entry-header,
body.sg4-fullscreen-page .entry-title,
body.sg4-fullscreen-page .ast-primary-header-bar,
body.sg4-fullscreen-page #masthead,
body.sg4-fullscreen-page header.site-header{
  display:none!important;
}
body.sg4-fullscreen-page{background:var(--sg4-bg)!important}
body.sg4-fullscreen-page .site-content{overflow:visible!important}
body.sg4-fullscreen-page .wp-site-blocks{padding:0!important}
body.sg4-fullscreen-page footer.site-footer{margin-top:0!important}

.sg4-site{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--sg4-bg);color:var(--sg4-text);width:100%;overflow:hidden}
.sg4-site *{box-sizing:border-box}
.sg4-shell{width:min(1320px,calc(100% - 48px));margin:0 auto}

/* Egen topmenu */
.sg4-header{position:sticky;top:0;z-index:9999;width:100%;height:82px;background:rgba(5,7,11,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--sg4-line)}
.admin-bar .sg4-header{top:32px}
.sg4-header-inner{width:min(1440px,calc(100% - 40px));height:100%;margin:0 auto;display:flex;align-items:center;gap:32px}
.sg4-logo{display:flex;align-items:center;gap:12px;text-decoration:none!important;color:#fff!important;min-width:220px}
.sg4-logo img{display:block;max-height:62px;width:auto}
.sg4-logo-mark{width:44px;height:44px;border:2px solid var(--sg4-red);border-radius:12px;display:grid;place-items:center;font-weight:900}
.sg4-logo-text{font-size:22px;font-weight:900;letter-spacing:-.03em}
.sg4-logo-text span{color:var(--sg4-red)}
.sg4-nav{display:flex;align-items:center;justify-content:center;gap:30px;flex:1}
.sg4-nav a,.sg4-header-actions a{color:#e7eaf0!important;text-decoration:none!important;font-weight:700;font-size:14px;transition:.2s}
.sg4-nav a:hover,.sg4-header-actions a:hover{color:var(--sg4-red)!important}
.sg4-header-actions{display:flex;align-items:center;gap:18px;white-space:nowrap}
.sg4-cart{display:flex;align-items:center;gap:8px}
.sg4-cart span{min-width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--sg4-red);color:#fff;font-size:12px}

/* Hero */
.sg4-hero{min-height:calc(100vh - 82px);background-size:cover;background-position:center center;display:flex;align-items:center}
.sg4-hero-inner{min-height:calc(100vh - 82px);display:flex;align-items:center}
.sg4-copy{max-width:760px;padding:90px 0}
.sg4-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#ff4357;font-size:13px;font-weight:900;letter-spacing:.18em;margin-bottom:20px}
.sg4-eyebrow:before{content:"";width:28px;height:2px;background:var(--sg4-red)}
.sg4-copy h1,.sg4-section h2{margin:0;line-height:.98;letter-spacing:-.055em;font-weight:950}
.sg4-copy h1{font-size:clamp(58px,7.1vw,108px);text-shadow:0 10px 35px rgba(0,0,0,.45)}
.sg4-copy h1 span{color:var(--sg4-red)}
.sg4-copy p{max-width:700px;margin:30px 0 36px;font-size:clamp(18px,1.45vw,24px);line-height:1.6;color:#e1e5ec}
.sg4-buttons{display:flex;gap:16px;flex-wrap:wrap}
.sg4-btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:0 34px;border-radius:9px;text-decoration:none!important;text-transform:uppercase;font-size:14px;font-weight:900;letter-spacing:.05em;transition:.2s ease}
.sg4-primary{background:linear-gradient(135deg,var(--sg4-red),#ff4057);color:#fff!important;box-shadow:0 16px 40px rgba(255,39,66,.28)}
.sg4-primary:hover{transform:translateY(-2px);box-shadow:0 20px 48px rgba(255,39,66,.38)}
.sg4-secondary{border:1px solid rgba(255,255,255,.55);color:#fff!important;background:rgba(0,0,0,.22)}
.sg4-secondary:hover{background:#fff;color:#090b10!important;transform:translateY(-2px)}

/* Trust */
.sg4-trust{background:#090c12;border-top:1px solid var(--sg4-line);border-bottom:1px solid var(--sg4-line)}
.sg4-trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.sg4-trust-grid>div{padding:25px 28px;border-right:1px solid var(--sg4-line)}
.sg4-trust-grid>div:last-child{border-right:0}
.sg4-trust b,.sg4-trust span{display:block}
.sg4-trust b{font-size:15px;margin-bottom:6px}
.sg4-trust span{font-size:13px;color:var(--sg4-muted)}

/* Sections */
.sg4-section{padding:96px 0;background:var(--sg4-bg)}
.sg4-products-section{background:#080b10}
.sg4-section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:38px}
.sg4-section h2{font-size:clamp(40px,5vw,68px)}
.sg4-section-head p{max-width:520px;margin:0;color:var(--sg4-muted);font-size:17px;line-height:1.6}
.sg4-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.sg4-cards a{min-height:245px;padding:28px;border:1px solid var(--sg4-line);border-radius:18px;background:
radial-gradient(circle at 85% 10%,rgba(255,39,66,.22),transparent 32%),
linear-gradient(145deg,#141a25,#0b0f16);color:#fff!important;text-decoration:none!important;display:flex;flex-direction:column;justify-content:flex-end;transition:.24s;overflow:hidden}
.sg4-cards a:hover{transform:translateY(-6px);border-color:rgba(255,39,66,.65);box-shadow:0 24px 55px rgba(0,0,0,.35)}
.sg4-cards span{font-size:46px;margin-bottom:auto}
.sg4-cards b{font-size:24px;margin-bottom:8px}
.sg4-cards small{font-size:14px;color:var(--sg4-muted)}

/* WooCommerce */
.sg4-products{margin-top:35px}
.sg4-products ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important}
.sg4-products ul.products:before,.sg4-products ul.products:after{display:none!important}
.sg4-products li.product{width:auto!important;margin:0!important;padding:16px!important;background:var(--sg4-panel)!important;border:1px solid var(--sg4-line)!important;border-radius:16px!important;overflow:hidden}
.sg4-products li.product img{border-radius:11px!important}
.sg4-products .woocommerce-loop-product__title{color:#fff!important;font-size:17px!important;line-height:1.4!important}
.sg4-products .price{color:#fff!important;font-weight:900!important}
.sg4-products .button{background:var(--sg4-red)!important;color:#fff!important;border-radius:8px!important}
.sg4-products .onsale{background:var(--sg4-red)!important}

@media(max-width:1100px){
  .sg4-nav{gap:18px}
  .sg4-logo{min-width:auto}
  .sg4-cards,.sg4-products ul.products{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:820px){
  .sg4-header{height:auto;position:relative}
  .admin-bar .sg4-header{top:0}
  .sg4-header-inner{padding:14px 0;flex-wrap:wrap}
  .sg4-nav{order:3;width:100%;overflow-x:auto;justify-content:flex-start;padding-bottom:4px}
  .sg4-header-actions{margin-left:auto}
  .sg4-hero,.sg4-hero-inner{min-height:720px}
  .sg4-hero{background-position:67% center}
  .sg4-copy{padding:90px 0 60px}
  .sg4-section-head{align-items:flex-start;flex-direction:column}
  .sg4-trust-grid{grid-template-columns:repeat(2,1fr)}
  .sg4-trust-grid>div:nth-child(2){border-right:0}
  .sg4-trust-grid>div:nth-child(-n+2){border-bottom:1px solid var(--sg4-line)}
}
@media(max-width:560px){
  .sg4-shell,.sg4-header-inner{width:min(100% - 28px,1320px)}
  .sg4-logo img{max-height:48px}
  .sg4-logo-text{font-size:18px}
  .sg4-header-actions a:first-child{display:none}
  .sg4-hero,.sg4-hero-inner{min-height:660px}
  .sg4-hero{background-position:72% center}
  .sg4-copy{padding:80px 0 50px}
  .sg4-copy h1{font-size:48px}
  .sg4-copy p{font-size:18px}
  .sg4-buttons{display:grid;grid-template-columns:1fr 1fr}
  .sg4-btn{padding:0 14px;font-size:12px}
  .sg4-trust-grid{grid-template-columns:1fr 1fr}
  .sg4-trust-grid>div{padding:20px 14px}
  .sg4-cards,.sg4-products ul.products{grid-template-columns:1fr!important}
  .sg4-section{padding:66px 0}
}
