/*
==================================================================
PROJEKT SKAPARE: Simon Blomqvist - simon@ehl.nu
FILE: appstore_style_V1.12.css
VER: V1.12 / 2026-07-23
URL: https://kvartersmenyguiden.se/billing/appstore.php
DIR: /home/objdevehl/public_html/node_js_dev/kvartersmenyguiden/kmg-test/public/start/billing/appstore_style_V1.12.css
DESC: Mörk responsiv appbutiksdesign. V1.12 fixar mobilbredd, hero-avgränsning och horisontellt galleri.
LINKED-FILES: appstore_V1.12.php, appstore_app_V1.11.js.
CODE-GENERATOR: ChatGPT
==================================================================
*/
:root{
  --store-bg:#02100f;
  --store-bg-2:#041815;
  --store-panel:rgba(7,28,25,.84);
  --store-panel-strong:rgba(5,22,20,.96);
  --store-line:rgba(153,211,187,.22);
  --store-line-strong:rgba(167,235,204,.4);
  --store-text:#f8f2e7;
  --store-muted:#a8bbb3;
  --store-gold:#e2a52d;
  --store-gold-light:#ffd26a;
  --store-green:#45dc95;
  --store-cyan:#2ad7da;
  --store-purple:#b351ff;
  --store-pink:#ff5fa2;
  --store-danger:#ff6f7c;
  --store-radius:20px;
  --store-shadow:0 24px 70px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.kmg-appstore-body{margin:0;background:
  radial-gradient(circle at 15% 0,rgba(37,174,120,.13),transparent 28rem),
  radial-gradient(circle at 92% 12%,rgba(178,62,255,.1),transparent 30rem),
  linear-gradient(180deg,#020d0c 0%,#041613 42%,#03110f 100%);color:var(--store-text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
body.kmg-appstore-body a{color:inherit}
body.kmg-appstore-body .billing-top{display:none!important}
body.kmg-appstore-body .kmg-footer{margin-top:30px}
.kmg-store-topbar{position:sticky;top:0;z-index:920;background:rgba(1,17,15,.93);border-bottom:1px solid rgba(83,191,150,.22);backdrop-filter:blur(20px);box-shadow:0 8px 34px rgba(0,0,0,.24)}
.kmg-store-topbar-inner{width:min(1500px,100%);min-height:80px;margin:0 auto;padding:0 28px;display:flex;align-items:center;gap:24px}
.kmg-store-brand{display:grid;text-decoration:none;line-height:.9;min-width:88px}.kmg-store-brand-kmg{font:600 31px/1 Georgia,serif;letter-spacing:.08em;color:var(--store-gold)}.kmg-store-brand-billing{font-size:9px;letter-spacing:.42em;color:var(--store-gold-light);padding-left:4px;margin-top:4px}
.kmg-store-divider{width:1px;height:38px;background:rgba(255,255,255,.15)}
.kmg-store-app-title{display:flex;gap:9px;align-items:center;text-decoration:none;font-weight:900;font-size:14px;letter-spacing:.04em;white-space:nowrap}.kmg-store-icon{width:21px;height:21px}.kmg-store-icon svg,.kmg-store-topbar svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.kmg-store-nav{display:flex;align-self:stretch;margin-left:auto}.kmg-store-nav a{position:relative;display:flex;align-items:center;padding:0 22px;text-decoration:none;font-size:13px;color:#b8c5bf;font-weight:700;white-space:nowrap}.kmg-store-nav a:hover,.kmg-store-nav a.active{color:var(--store-gold-light)}.kmg-store-nav a.active:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--store-gold),var(--store-gold-light));box-shadow:0 0 18px rgba(255,191,62,.65)}.kmg-store-nav a span{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:5px;padding:0 5px;border-radius:999px;background:rgba(226,165,45,.18);color:var(--store-gold-light);font-size:10px}
.kmg-store-top-actions{display:flex;align-items:center;gap:14px;margin-left:10px}.kmg-store-admin-link{padding:10px 19px;border:1px solid rgba(224,191,109,.45);border-radius:8px;text-decoration:none;font-weight:800;font-size:12px}.kmg-store-admin-link:hover{background:rgba(226,165,45,.1)}.kmg-store-bell{width:35px;height:35px;padding:8px;color:#d3ddd8}.kmg-store-account{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f4e7ce;color:#3d3225;font-size:11px;font-weight:800}.kmg-store-nav-toggle{display:none;margin-left:auto;border:1px solid var(--store-line);background:transparent;color:#fff;border-radius:9px;padding:7px 10px;font-size:19px}
.kmg-store-shell{width:min(1500px,100%);margin:0 auto;padding:22px 28px 48px}
.kmg-store-breadcrumb{display:flex;align-items:center;gap:11px;margin:0 4px 22px;color:#a6b9b1;font-size:12px}.kmg-store-breadcrumb a{text-decoration:none}.kmg-store-breadcrumb a:hover{color:var(--store-gold-light)}.kmg-store-breadcrumb strong{color:#e9eee9}.kmg-store-breadcrumb span{color:#6e877d;font-size:18px}
.kmg-store-alert{padding:14px 17px;margin:0 0 18px;border:1px solid;border-radius:14px;font-size:13px}.kmg-store-alert.success{background:rgba(24,117,75,.23);border-color:rgba(76,224,145,.42);color:#d5f8e5}.kmg-store-alert.warning{background:rgba(170,108,18,.18);border-color:rgba(255,186,58,.4);color:#ffe8bd}.kmg-store-alert.info{background:rgba(24,102,117,.18);border-color:rgba(55,213,219,.37);color:#d3f4f4}.kmg-store-offer-alert strong{display:block;margin-bottom:3px}
.kmg-store-product-layout{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(330px,.82fr);gap:30px;align-items:start}.kmg-store-product-main{min-width:0}
.kmg-store-hero-card{position:relative;min-height:540px;border:1px solid rgba(116,216,169,.46);border-radius:23px;overflow:hidden;background:linear-gradient(135deg,#09261f,#101514 58%,#34142f);box-shadow:0 0 0 1px rgba(65,255,170,.05),0 0 34px rgba(65,224,160,.12),0 0 42px rgba(220,69,255,.08),var(--store-shadow)}.kmg-store-hero-card:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,var(--store-pink),transparent 23%,transparent 76%,var(--store-purple));opacity:.9}.kmg-store-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.kmg-store-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,20,17,.97) 0%,rgba(4,21,18,.86) 38%,rgba(5,18,17,.24) 70%,rgba(4,13,12,.22) 100%),linear-gradient(0deg,rgba(1,11,10,.6),transparent 45%)}
.kmg-store-hero-placeholder{position:absolute;inset:0;background:radial-gradient(circle at 68% 42%,rgba(226,165,45,.24),transparent 27%),radial-gradient(circle at 80% 72%,rgba(63,230,162,.18),transparent 24%),linear-gradient(135deg,#0b2a22 0%,#0c1513 54%,#241220 100%)}.kmg-store-device{position:absolute;background:#f7f3eb;color:#1c241f;border:8px solid #171b1a;box-shadow:0 28px 65px rgba(0,0,0,.48)}.kmg-store-device-desktop{right:8%;top:16%;width:45%;height:48%;border-radius:12px;transform:perspective(900px) rotateY(-8deg)}.kmg-store-device-desktop>span{display:block;padding:10% 7% 4%;text-align:center;font:600 clamp(18px,2vw,30px)/1 Georgia,serif}.kmg-store-device-panel{display:flex;gap:8px;justify-content:center;padding:8%}.kmg-store-device-panel i{width:25%;height:55px;border-radius:7px;background:linear-gradient(180deg,#e6e2d8,#c7b894)}.kmg-store-device-phone{right:31%;bottom:14%;width:110px;height:220px;border-radius:22px;padding:26px 9px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}.kmg-store-device-phone span{font-size:42px}.kmg-store-device-phone b{font-size:12px}
.kmg-store-hero-content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:540px;width:min(58%,680px);padding:50px 42px}.kmg-store-pill{display:inline-flex;align-items:center;padding:6px 14px;border:1px solid rgba(226,165,45,.55);border-radius:999px;color:var(--store-gold-light);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:rgba(6,27,23,.5)}.kmg-store-headline-stack{display:flex;flex-direction:column;margin:27px 0 15px}.kmg-store-headline-stack span{font-size:clamp(36px,4vw,60px);font-weight:800;line-height:1.04;letter-spacing:-.045em;color:rgba(238,241,234,.16);white-space:nowrap}.kmg-store-headline-stack span.active{color:#fff;text-shadow:0 8px 34px rgba(0,0,0,.44)}.kmg-store-hero-content>p{max-width:550px;margin:0 0 28px;color:#d5dfd9;font-size:16px;line-height:1.55}.kmg-store-hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.kmg-store-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:0 23px;border:1px solid transparent;border-radius:10px;text-decoration:none;font-size:13px;font-weight:900;cursor:pointer;transition:transform .18s ease,filter .18s ease,background .18s ease;color:#fff}.kmg-store-button:hover{transform:translateY(-1px);filter:brightness(1.08)}.kmg-store-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.kmg-store-button.primary{background:linear-gradient(135deg,#e6a428,#d48b16);border-color:#f8ca65;box-shadow:0 9px 28px rgba(226,165,45,.25);color:#fff}.kmg-store-button.ghost{background:rgba(5,21,18,.74);border-color:rgba(176,225,204,.34)}.kmg-store-button.outline{background:transparent;border-color:rgba(226,165,45,.62);color:#f5e5bf}.kmg-store-button.full{width:100%;margin-top:15px}
.kmg-store-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:15px}.kmg-store-gallery-card{min-width:0;padding:0 0 12px;border:1px solid var(--store-line);border-radius:14px;background:rgba(5,24,21,.9);color:var(--store-text);text-align:left;overflow:hidden;cursor:pointer;transition:border-color .18s,transform .18s}.kmg-store-gallery-card:hover,.kmg-store-gallery-card.active{transform:translateY(-2px);border-color:rgba(105,236,176,.55)}.kmg-store-gallery-image{height:125px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#183c31,#171f1c)}.kmg-store-gallery-image img{width:100%;height:100%;object-fit:cover}.kmg-store-gallery-placeholder{width:48px;height:48px;color:var(--store-green)}.kmg-store-gallery-placeholder svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.3}.kmg-store-gallery-card strong,.kmg-store-gallery-card small{display:block;padding:0 12px}.kmg-store-gallery-card strong{margin-top:10px;font-size:12px}.kmg-store-gallery-card small{margin-top:2px;color:#98aaa2;font-size:10px;line-height:1.35}
.kmg-store-buy-card{position:sticky;top:105px;padding:29px;border:1px solid rgba(95,215,168,.48);border-radius:20px;background:radial-gradient(circle at 95% 0,rgba(177,72,255,.17),transparent 33%),linear-gradient(155deg,rgba(12,34,31,.97),rgba(3,22,19,.97));box-shadow:0 0 32px rgba(56,224,172,.1),0 0 28px rgba(177,72,255,.08),var(--store-shadow)}.kmg-store-buy-card:before{content:"";position:absolute;inset:-1px;border-radius:20px;padding:1px;background:linear-gradient(135deg,rgba(255,109,152,.8),rgba(177,72,255,.8) 38%,rgba(41,217,216,.8) 70%,rgba(62,224,151,.8));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.kmg-store-buy-label{display:block;color:#d9e2dd;font-size:15px;font-weight:800}.kmg-store-buy-price{margin:3px 0 7px;font-size:44px;font-weight:800;letter-spacing:-.04em}.kmg-store-buy-commission{display:flex;align-items:center;gap:8px;margin:0 0 13px;color:#d4ded9}.kmg-store-buy-commission span{width:17px;height:17px}.kmg-store-buy-commission svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8}.kmg-store-managed-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid rgba(63,218,126,.4);border-radius:7px;background:rgba(28,119,72,.28);color:#8cf1b7;font-size:11px;font-weight:800}.kmg-store-managed-badge svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.kmg-store-facts{margin:24px 0 0;padding:19px 0 0;border-top:1px solid rgba(159,208,187,.22)}.kmg-store-facts>div{display:grid;grid-template-columns:minmax(120px,.85fr) minmax(100px,1.15fr);gap:13px;padding:8px 0}.kmg-store-facts dt,.kmg-store-facts dd{margin:0;font-size:11px}.kmg-store-facts dt{display:flex;align-items:center;gap:9px;color:#b4c4bd}.kmg-store-facts dt svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.kmg-store-facts dd{text-align:right;color:#dce7e1}.kmg-store-active-links{display:grid;gap:9px;margin-top:18px;padding-top:15px;border-top:1px solid var(--store-line)}.kmg-store-active-links a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#8ce9b9;font-size:12px;font-weight:800}.kmg-store-active-links svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.kmg-store-panel{border:1px solid var(--store-line);border-radius:18px;background:linear-gradient(145deg,rgba(8,31,27,.87),rgba(5,24,21,.82));padding:26px;box-shadow:0 13px 45px rgba(0,0,0,.14)}.kmg-store-panel h2,.kmg-store-related-section h2{margin:0 0 17px;font:600 24px/1.2 Georgia,serif;color:#f7f0df}.kmg-store-panel p{color:#c0d0c8;font-size:13px;line-height:1.65}.kmg-store-info-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:12px;margin-top:18px}.kmg-store-about p{margin:0 0 13px}.kmg-store-text-link{display:inline-flex;align-items:center;gap:11px;margin-top:8px;color:#78e3a7;text-decoration:none;font-size:12px;font-weight:800}.kmg-store-text-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.kmg-store-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.kmg-store-feature{display:flex;align-items:center;gap:12px;min-height:73px;padding:13px;border:1px solid rgba(138,195,172,.2);border-radius:12px;background:rgba(9,34,29,.46)}.kmg-store-feature>span{width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#a4ffc6;filter:drop-shadow(0 0 8px rgba(81,230,147,.35))}.kmg-store-feature svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.45}.kmg-store-feature strong,.kmg-store-feature small{display:block}.kmg-store-feature strong{font-size:12px}.kmg-store-feature small{margin-top:2px;color:#8fa49b;font-size:10px}
.kmg-store-lower-grid{display:grid;grid-template-columns:1.42fr .93fr;gap:12px;margin-top:12px}.kmg-store-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.kmg-store-stat{position:relative;min-height:130px;padding:15px;border:1px solid rgba(117,197,164,.28);border-radius:13px;background:linear-gradient(145deg,rgba(8,36,30,.8),rgba(6,24,22,.85))}.kmg-store-stat:first-child{border-color:rgba(67,222,151,.58);box-shadow:inset 0 0 26px rgba(67,222,151,.06)}.kmg-store-stat>span{position:absolute;left:15px;top:16px;width:30px;height:30px;color:var(--store-gold-light)}.kmg-store-stat svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7}.kmg-store-stat small,.kmg-store-stat strong,.kmg-store-stat em{display:block;margin-left:42px}.kmg-store-stat small{color:#a8b9b1;font-size:10px}.kmg-store-stat strong{margin-top:2px;font-size:24px;letter-spacing:.02em}.kmg-store-stat em{position:absolute;left:15px;bottom:14px;margin:0;color:#81968c;font-size:9px;font-style:normal}.kmg-store-support-strip{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:14px;border:1px solid var(--store-line);border-radius:14px;overflow:hidden}.kmg-store-support-item{display:flex;align-items:center;gap:15px;padding:18px}.kmg-store-support-item+ .kmg-store-support-item{border-left:1px solid var(--store-line)}.kmg-store-support-item>span{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(61,219,144,.4);border-radius:50%;color:#91f2b8}.kmg-store-support-item svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5}.kmg-store-support-item strong,.kmg-store-support-item small{display:block}.kmg-store-support-item strong{font-size:12px}.kmg-store-support-item small{margin-top:3px;color:#9aaca4;font-size:10px}
.kmg-store-support-summary{margin:-6px 0 15px!important}.kmg-store-faq-list{display:grid;gap:8px}.kmg-store-faq-list details{border:1px solid rgba(131,184,163,.28);border-radius:8px;background:rgba(6,25,22,.45)}.kmg-store-faq-list summary{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;cursor:pointer;list-style:none;font-size:11px}.kmg-store-faq-list summary::-webkit-details-marker{display:none}.kmg-store-faq-list details[open] summary{color:#9af2bd}.kmg-store-faq-list details p{margin:0;padding:0 12px 12px;font-size:11px}.kmg-store-faq-list summary span{font-size:15px;color:#92a69d}
.kmg-store-level-section,.kmg-store-referral-panel{margin-top:12px}.kmg-store-section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}.kmg-store-section-heading h2{margin-top:10px}.kmg-store-section-heading>p{max-width:470px;text-align:right}.kmg-store-level-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.kmg-store-level-grid article{display:flex;gap:17px;padding:21px;border:1px solid var(--store-line);border-radius:14px;background:rgba(5,24,21,.45)}.kmg-store-level-grid article.managed{border-color:rgba(179,81,255,.5);background:linear-gradient(135deg,rgba(85,28,115,.23),rgba(7,31,26,.5))}.kmg-store-level-icon{flex:0 0 52px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(68,219,143,.4);border-radius:14px;color:#8bf1b5}.kmg-store-level-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.5}.kmg-store-level-grid small,.kmg-store-referral-copy small{color:var(--store-gold-light);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.kmg-store-level-grid h3{margin:4px 0 8px;font-size:17px}.kmg-store-level-grid strong{font-size:19px}.kmg-store-level-grid p{margin-bottom:0}.kmg-store-muted{color:var(--store-muted)!important;font-size:11px!important}
.kmg-store-referral-panel{display:flex;justify-content:space-between;align-items:center;gap:28px}.kmg-store-referral-copy{display:flex;gap:18px;align-items:flex-start;max-width:850px}.kmg-store-referral-copy h2{margin:4px 0 9px}.kmg-store-referral-copy p{margin:0}.kmg-store-share-box{display:grid;gap:8px;min-width:min(420px,100%)}.kmg-store-share-box label,.kmg-store-share-box small{font-size:10px;color:var(--store-muted)}.kmg-store-share-box input{width:100%;padding:12px;border:1px solid var(--store-line);border-radius:9px;background:#041714;color:#dbe8e1;font-size:11px}
.kmg-store-related-section{margin-top:18px}.kmg-store-related-section>h2{margin-left:4px}.kmg-store-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.kmg-store-related-card{display:grid;grid-template-columns:42% 58%;min-height:142px;border:1px solid var(--store-line);border-radius:15px;background:rgba(7,27,24,.85);overflow:hidden;text-decoration:none;transition:transform .18s,border-color .18s}.kmg-store-related-card:hover{transform:translateY(-2px);border-color:rgba(226,165,45,.52)}.kmg-store-related-media{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#213b31,#171711)}.kmg-store-related-media img{width:100%;height:100%;object-fit:cover}.kmg-store-related-media b{font-size:52px}.kmg-store-related-copy{display:flex;flex-direction:column;justify-content:center;padding:17px}.kmg-store-related-copy strong{font-size:15px}.kmg-store-related-copy small{margin-top:7px;color:#a5b7ae;font-size:10px;line-height:1.45}.kmg-store-related-copy em{display:flex;align-items:center;gap:7px;margin-top:12px;color:#7fe1a8;font-size:10px;font-style:normal;font-weight:800}.kmg-store-related-copy svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.kmg-store-bottom-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:18px 24px;border:1px solid rgba(226,165,45,.55);border-radius:14px;background:linear-gradient(90deg,rgba(44,31,8,.47),rgba(4,47,38,.78) 56%,rgba(6,29,25,.94))}.kmg-store-bottom-cta>div{display:flex;align-items:center;gap:18px}.kmg-store-bottom-cta>div>span{width:35px;height:35px;color:var(--store-gold-light)}.kmg-store-bottom-cta svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6}.kmg-store-bottom-cta p{margin:0}.kmg-store-bottom-cta strong,.kmg-store-bottom-cta small{display:block}.kmg-store-bottom-cta strong{font-size:14px}.kmg-store-bottom-cta small{margin-top:3px;color:#a9bbb2;font-size:10px}
.kmg-store-terms{margin-top:13px;border:1px solid var(--store-line);border-radius:12px;background:rgba(4,20,18,.7);overflow:hidden}.kmg-store-terms summary{padding:13px 17px;cursor:pointer;font-size:12px;font-weight:800;color:#c5d2cc}.kmg-store-terms>div{padding:0 17px 14px;color:#9fb0a8;font-size:11px}.kmg-store-admin-tools{display:flex;justify-content:flex-end;gap:9px;margin-top:13px}.kmg-store-admin-tools a{padding:8px 11px;border:1px solid var(--store-line);border-radius:8px;text-decoration:none;font-size:10px;color:#9de5bb}
@media(max-width:1280px){.kmg-store-nav a{padding:0 13px}.kmg-store-topbar-inner{gap:15px}.kmg-store-product-layout{grid-template-columns:minmax(0,1.8fr) minmax(310px,.8fr)}.kmg-store-hero-card,.kmg-store-hero-content{min-height:500px}.kmg-store-headline-stack span{font-size:clamp(32px,4vw,52px)}.kmg-store-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kmg-store-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1040px){.kmg-store-nav-toggle{display:block}.kmg-store-top-actions{margin-left:0}.kmg-store-nav{display:none;position:absolute;left:18px;right:18px;top:73px;height:auto;padding:9px;border:1px solid var(--store-line);border-radius:13px;background:#041b17;box-shadow:var(--store-shadow)}.kmg-store-nav.open{display:grid;grid-template-columns:repeat(3,1fr)}.kmg-store-nav a{min-height:42px;padding:0 12px;border-radius:8px}.kmg-store-nav a.active:after{display:none}.kmg-store-product-layout{grid-template-columns:1fr}.kmg-store-buy-card{position:static}.kmg-store-info-grid,.kmg-store-lower-grid{grid-template-columns:1fr}.kmg-store-related-grid{grid-template-columns:1fr 1fr}.kmg-store-gallery{grid-template-columns:repeat(5,minmax(130px,1fr));overflow-x:auto;padding-bottom:6px}.kmg-store-gallery-card{min-width:130px}.kmg-store-level-grid{grid-template-columns:1fr}.kmg-store-referral-panel{align-items:flex-start;flex-direction:column}.kmg-store-share-box{width:100%}}
@media(max-width:720px){.kmg-store-topbar-inner{min-height:67px;padding:0 14px;gap:11px}.kmg-store-brand-kmg{font-size:25px}.kmg-store-brand-billing{font-size:7px}.kmg-store-divider{height:29px}.kmg-store-app-title{font-size:12px}.kmg-store-admin-link,.kmg-store-bell{display:none}.kmg-store-nav{top:62px}.kmg-store-nav.open{grid-template-columns:1fr 1fr}.kmg-store-shell{padding:15px 13px 34px}.kmg-store-breadcrumb{overflow-x:auto;white-space:nowrap;margin-bottom:14px}.kmg-store-hero-card,.kmg-store-hero-content{min-height:510px}.kmg-store-hero-content{width:100%;padding:34px 22px;justify-content:flex-end}.kmg-store-hero-shade{background:linear-gradient(0deg,rgba(2,16,14,.98) 0%,rgba(2,17,15,.87) 58%,rgba(2,15,13,.28) 100%)}.kmg-store-headline-stack span{font-size:clamp(31px,10vw,46px);white-space:normal}.kmg-store-hero-placeholder{opacity:.82}.kmg-store-device-desktop{width:68%;right:3%;top:7%;height:35%}.kmg-store-device-phone{right:15%;bottom:43%;width:76px;height:150px;padding:17px 6px}.kmg-store-device-phone span{font-size:29px}.kmg-store-gallery-image{height:96px}.kmg-store-buy-card,.kmg-store-panel{padding:20px}.kmg-store-facts>div{grid-template-columns:1fr}.kmg-store-facts dd{text-align:left;padding-left:25px}.kmg-store-feature-grid,.kmg-store-stat-grid,.kmg-store-support-strip,.kmg-store-related-grid{grid-template-columns:1fr}.kmg-store-support-item+ .kmg-store-support-item{border-left:0;border-top:1px solid var(--store-line)}.kmg-store-section-heading{align-items:flex-start;flex-direction:column;gap:3px}.kmg-store-section-heading>p{text-align:left}.kmg-store-related-card{grid-template-columns:36% 64%}.kmg-store-bottom-cta{align-items:flex-start;flex-direction:column}.kmg-store-bottom-cta .kmg-store-button{width:100%}.kmg-store-referral-copy{flex-direction:column}.kmg-store-admin-tools{justify-content:stretch}.kmg-store-admin-tools a{flex:1;text-align:center}}
@media(max-width:430px){.kmg-store-app-title{display:none}.kmg-store-divider{display:none}.kmg-store-nav.open{grid-template-columns:1fr}.kmg-store-account{width:31px;height:31px}.kmg-store-hero-actions,.kmg-store-hero-actions .kmg-store-button{width:100%}.kmg-store-buy-price{font-size:38px}.kmg-store-related-card{grid-template-columns:1fr}.kmg-store-related-media{min-height:120px}.kmg-store-level-grid article{flex-direction:column}.kmg-store-stat small,.kmg-store-stat strong{margin-left:40px}}

.kmg-store-button.danger{border-color:rgba(255,111,124,.45);color:#ffd3d7}
.kmg-store-media-manager{margin-top:18px}
.kmg-store-media-upload{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:14px;align-items:end;margin-top:14px}
.kmg-store-media-upload label{display:grid;gap:8px}
.kmg-store-media-upload label span,.kmg-store-media-upload small{font-size:10px;color:var(--store-muted)}
.kmg-store-media-upload input[type=file]{width:100%;padding:12px;border:1px dashed rgba(166,235,204,.28);border-radius:10px;background:rgba(5,22,20,.68);color:#dce7e0}
.kmg-store-media-upload small{grid-column:1/-1}
.kmg-store-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.kmg-store-media-card{display:grid;gap:12px;padding:14px;border:1px solid var(--store-line);border-radius:14px;background:rgba(5,22,20,.62)}
.kmg-store-media-preview{position:relative;height:200px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#0b2a23,#131914);display:flex;align-items:center;justify-content:center}
.kmg-store-media-preview img{width:100%;height:100%;object-fit:cover}
.kmg-store-media-preview span{width:54px;height:54px;color:var(--store-gold-light)}
.kmg-store-media-preview svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7}
.kmg-store-media-preview b{position:absolute;left:10px;top:10px;padding:6px 9px;border-radius:999px;background:rgba(226,165,45,.92);color:#281a04;font-size:10px;letter-spacing:.05em;text-transform:uppercase}
.kmg-store-media-copy{display:grid;gap:8px}
.kmg-store-media-copy strong{font-size:12px}
.kmg-store-media-copy input{width:100%;padding:10px 11px;border:1px solid rgba(166,235,204,.22);border-radius:9px;background:#041714;color:#dbe8e1;font-size:10px}
.kmg-store-media-actions{display:grid;gap:8px}
.kmg-store-media-actions form{margin:0}
.kmg-store-footer{margin-top:34px;border-top:1px solid rgba(123,205,170,.18);background:rgba(1,14,12,.86)}
.kmg-store-footer-inner{width:min(1500px,100%);margin:0 auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.kmg-store-footer-inner strong,.kmg-store-footer-inner small{display:block}
.kmg-store-footer-inner strong{font-size:13px}
.kmg-store-footer-inner small{margin-top:4px;color:#93a79f;font-size:10px}
.kmg-store-footer-inner nav{display:flex;flex-wrap:wrap;gap:16px}
.kmg-store-footer-inner nav a{text-decoration:none;font-size:11px;color:#bfd0c8}
.kmg-store-footer-inner nav a:hover{color:var(--store-gold-light)}
@media(max-width:1040px){.kmg-store-media-grid{grid-template-columns:1fr 1fr}.kmg-store-media-upload{grid-template-columns:1fr}.kmg-store-footer-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:720px){.kmg-store-media-grid{grid-template-columns:1fr}.kmg-store-media-preview{height:180px}}


/* V1.2: håller långa statistikvärden inom korten. */
.kmg-store-stat{min-width:0;overflow:hidden;padding-bottom:34px}
.kmg-store-stat strong{max-width:100%;margin-left:0;margin-top:14px;font-size:clamp(17px,1.7vw,24px);line-height:1.06;overflow-wrap:anywhere;word-break:normal;hyphens:auto}
.kmg-store-stat em{right:15px;max-width:calc(100% - 30px);white-space:normal;line-height:1.25}

/* V1.2: klickbara fasta bildplatser med AI-prompt per bild. */
.kmg-store-media-card{min-width:0;align-content:start}
.kmg-store-media-card.is-hero{border-color:rgba(226,165,45,.62);box-shadow:inset 0 0 0 1px rgba(226,165,45,.08)}
.kmg-store-slot-upload{margin:0}
.kmg-store-media-slot{display:grid;gap:9px;cursor:pointer}
.kmg-store-media-slot>input[type=file]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.kmg-store-media-slot-title{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;font-weight:900;color:#f6ead1}
.kmg-store-media-slot-title small{font-size:10px;font-weight:700;color:#79dfa6}
.kmg-store-media-preview{height:178px;isolation:isolate;border:1px solid rgba(152,220,191,.18);transition:border-color .18s ease,transform .18s ease}
.kmg-store-media-slot:hover .kmg-store-media-preview{border-color:rgba(102,232,172,.58);transform:translateY(-1px)}
.kmg-store-media-empty{display:grid;justify-items:center;gap:8px;color:#74e3a4}
.kmg-store-media-empty svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.6}
.kmg-store-media-empty em{font-size:11px;font-style:normal;font-weight:800}
.kmg-store-media-hover{position:absolute;z-index:2;left:10px;right:10px;bottom:10px;padding:9px;border-radius:9px;background:rgba(2,16,14,.9);border:1px solid rgba(113,231,177,.38);color:#dff9ea;text-align:center;font-size:10px;font-weight:900;opacity:0;transform:translateY(5px);transition:opacity .18s ease,transform .18s ease}
.kmg-store-media-slot:hover .kmg-store-media-hover{opacity:1;transform:translateY(0)}
.kmg-store-media-description{display:grid;gap:4px;min-width:0}
.kmg-store-media-description strong{font-size:12px;overflow-wrap:anywhere}
.kmg-store-media-description small{color:#9dafA7;font-size:10px;line-height:1.4;overflow-wrap:anywhere}
.kmg-store-media-prompt{display:grid;gap:8px;min-width:0}
.kmg-store-media-prompt label{font-size:10px;font-weight:800;color:var(--store-gold-light)}
.kmg-store-media-prompt textarea{width:100%;min-height:132px;resize:vertical;padding:11px;border:1px solid rgba(166,235,204,.22);border-radius:9px;background:#041714;color:#dbe8e1;font:11px/1.45 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:anywhere}
.kmg-store-media-prompt .kmg-store-button{width:100%;min-height:42px}
.kmg-store-media-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kmg-store-media-actions form{min-width:0}
.kmg-store-media-actions .kmg-store-button{width:100%;min-height:42px;padding:0 10px;font-size:11px}
.kmg-store-button:disabled{cursor:default;opacity:.58;transform:none;filter:none}
.kmg-store-media-help{margin:14px 0 0;color:var(--store-muted);font-size:10px}
.kmg-store-media-card.is-uploading{opacity:.72;pointer-events:none}
.kmg-store-media-card.is-uploading .kmg-store-media-hover{opacity:1;transform:none}

@media(max-width:1280px){
  .kmg-store-stat strong{font-size:clamp(17px,2vw,22px)}
}
@media(max-width:720px){
  .kmg-store-stat strong{margin-left:0;font-size:21px}
  .kmg-store-media-actions{grid-template-columns:1fr}
  .kmg-store-media-hover{opacity:1;transform:none}
}


/* V1.3: mjuk växling mellan hero-rubrikerna. */
.kmg-store-headline-stack span{position:relative;transition:color .48s ease,opacity .48s ease,transform .48s ease,text-shadow .48s ease;opacity:.64;transform:translateX(0)}
.kmg-store-headline-stack span.active{opacity:1;transform:translateX(8px);text-shadow:0 8px 34px rgba(0,0,0,.44),0 0 28px rgba(255,255,255,.08)}
.kmg-store-headline-stack span.active:before{content:"";position:absolute;left:-18px;top:50%;width:7px;height:7px;border-radius:50%;background:var(--store-gold-light);box-shadow:0 0 16px rgba(255,210,106,.8);transform:translateY(-50%)}

/* V1.3: separat huvudbild och fem fristående galleribilder. */
.kmg-store-media-hero-grid{display:grid;grid-template-columns:minmax(0,1fr);margin-top:18px}
.kmg-store-media-card-hero{grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr);align-items:start}
.kmg-store-media-card-hero .kmg-store-slot-upload{min-width:0}
.kmg-store-media-preview-hero{height:310px}
.kmg-store-media-card-hero>.kmg-store-media-prompt{align-self:stretch}
.kmg-store-media-card-hero>.kmg-store-media-prompt textarea{min-height:218px}
.kmg-store-media-card-hero>form:last-child{grid-column:1/-1}
.kmg-store-media-subheading{margin:24px 0 4px;font-size:16px;color:#f6ead1}

/* V1.3: flytande widget för återuppringning. */
.kmg-store-callback-widget{position:fixed;right:24px;bottom:24px;z-index:1150;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.kmg-store-callback-trigger{display:flex;align-items:center;gap:11px;min-width:190px;padding:10px 15px 10px 10px;border:1px solid rgba(255,210,106,.7);border-radius:999px;background:linear-gradient(135deg,#e5a328,#c87a12);color:#fff;box-shadow:0 12px 34px rgba(0,0,0,.38),0 0 22px rgba(226,165,45,.2);cursor:pointer;animation:kmgCallbackPulse 2.8s ease-in-out infinite}
.kmg-store-callback-trigger:hover{filter:brightness(1.08);transform:translateY(-1px)}
.kmg-store-callback-trigger-icon{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:rgba(3,24,20,.94);color:#8df0b6}
.kmg-store-callback-trigger-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.kmg-store-callback-trigger strong,.kmg-store-callback-trigger small{display:block;text-align:left}
.kmg-store-callback-trigger strong{font-size:13px;line-height:1.15}
.kmg-store-callback-trigger small{margin-top:3px;font-size:10px;color:#fff4d5}
.kmg-store-callback-panel{position:absolute;right:0;bottom:calc(100% + 13px);width:min(380px,calc(100vw - 28px));padding:24px;border:1px solid rgba(104,225,171,.42);border-radius:20px;background:linear-gradient(145deg,rgba(4,28,23,.98),rgba(3,18,16,.99));box-shadow:0 28px 80px rgba(0,0,0,.58),0 0 36px rgba(58,210,147,.12);opacity:0;visibility:hidden;transform:translateY(12px) scale(.98);transform-origin:bottom right;transition:opacity .2s ease,visibility .2s ease,transform .2s ease}
.kmg-store-callback-widget.is-open .kmg-store-callback-panel{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.kmg-store-callback-close{position:absolute;right:13px;top:11px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:#d9e7e0;font-size:24px;line-height:1;cursor:pointer}
.kmg-store-callback-eyebrow{display:inline-flex;margin-right:38px;padding:5px 10px;border:1px solid rgba(226,165,45,.52);border-radius:999px;color:var(--store-gold-light);font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.kmg-store-callback-panel h2{margin:15px 0 7px;font-size:26px;line-height:1.05}
.kmg-store-callback-lead{margin:0 0 17px;color:#b9cbc2;font-size:13px;line-height:1.5}
.kmg-store-callback-lead strong{color:#fff}
.kmg-store-callback-form{display:grid;gap:11px}
.kmg-store-callback-form.is-hidden{display:none}
.kmg-store-callback-form label{display:grid;gap:6px;color:#c8d8d0;font-size:10px;font-weight:800}
.kmg-store-callback-form input{width:100%;padding:12px 13px;border:1px solid rgba(150,217,188,.26);border-radius:10px;background:#031814;color:#f4f7f4;font:13px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;outline:none}
.kmg-store-callback-form input:focus{border-color:rgba(85,229,161,.62);box-shadow:0 0 0 3px rgba(65,220,149,.1)}
.kmg-store-callback-note{margin:0;color:#829a8f;font-size:9px;line-height:1.45}
.kmg-store-callback-status{min-height:16px;margin:0;color:#9fe8bd;font-size:10px;line-height:1.4}
.kmg-store-callback-status.is-error{color:#ffb0b8}
.kmg-store-callback-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.kmg-store-callback-success{display:none;text-align:center;padding:7px 0 2px}
.kmg-store-callback-success.is-visible{display:grid;justify-items:center;gap:8px}
.kmg-store-callback-success>span{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid rgba(75,225,147,.52);border-radius:50%;color:#8bf0b4;background:rgba(38,137,86,.14)}
.kmg-store-callback-success>span svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2}
.kmg-store-callback-success>strong{font-size:18px}
.kmg-store-callback-success>p{margin:0;color:#aec0b7;font-size:11px;line-height:1.45}
.kmg-store-callback-countdown{display:grid;place-items:center;width:112px;height:112px;margin-top:7px;border:2px solid rgba(226,165,45,.68);border-radius:50%;background:radial-gradient(circle,rgba(226,165,45,.14),transparent 67%);box-shadow:0 0 26px rgba(226,165,45,.14)}
.kmg-store-callback-countdown b{font-size:36px;line-height:1;color:#ffd26a}
.kmg-store-callback-countdown small{margin-top:-23px;color:#aebdb5;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
@keyframes kmgCallbackPulse{0%,100%{box-shadow:0 12px 34px rgba(0,0,0,.38),0 0 18px rgba(226,165,45,.12)}50%{box-shadow:0 12px 34px rgba(0,0,0,.38),0 0 32px rgba(226,165,45,.34)}}

@media(max-width:1040px){
  .kmg-store-media-card-hero{grid-template-columns:1fr}
  .kmg-store-media-card-hero>form:last-child{grid-column:auto}
}
@media(max-width:720px){
  .kmg-store-headline-stack span.active{transform:translateX(4px)}
  .kmg-store-headline-stack span.active:before{display:none}
  .kmg-store-media-preview-hero{height:220px}
  .kmg-store-callback-widget{right:12px;bottom:12px}
  .kmg-store-callback-trigger{min-width:0;padding-right:11px}
  .kmg-store-callback-trigger>span:last-child{display:none}
  .kmg-store-callback-panel{right:0;width:calc(100vw - 24px);padding:21px}
}
@media(prefers-reduced-motion:reduce){
  .kmg-store-callback-trigger{animation:none}
  .kmg-store-headline-stack span,.kmg-store-callback-panel{transition:none}
}


/* V1.4: tydligare galleriinteraktion, bättre hover-effekter och lila→guld callback-widget. */
.kmg-store-hero-content{transition:opacity .45s ease,transform .45s ease,filter .45s ease}
.kmg-store-hero-card.gallery-focus .kmg-store-hero-content{opacity:.16;transform:translateY(8px);filter:blur(.4px)}
.kmg-store-hero-card.gallery-focus .kmg-store-hero-shade{background:linear-gradient(90deg,rgba(2,16,14,.12) 0%,rgba(2,17,15,.12) 30%,rgba(2,15,13,.48) 100%)}
.kmg-store-gallery-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.kmg-store-gallery-card:hover{transform:translateY(-3px) scale(1.01);border-color:rgba(226,165,45,.64);box-shadow:0 10px 30px rgba(0,0,0,.26),0 0 0 1px rgba(226,165,45,.12),0 0 18px rgba(226,165,45,.14)}
.kmg-store-gallery-card.active{box-shadow:0 12px 32px rgba(0,0,0,.32),0 0 0 1px rgba(99,231,175,.16),0 0 24px rgba(90,227,163,.12)}
.kmg-store-gallery-card strong,.kmg-store-gallery-card small{transition:color .2s ease}
.kmg-store-gallery-card:hover strong{color:#fff4d3}
.kmg-store-gallery-card:hover small{color:#dce7e1}
.kmg-store-stat{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.kmg-store-stat:hover{transform:translateY(-4px);border-color:rgba(226,165,45,.48);background:linear-gradient(145deg,rgba(14,45,37,.88),rgba(8,29,26,.92));box-shadow:0 18px 32px rgba(0,0,0,.22),0 0 24px rgba(226,165,45,.08)}
.kmg-store-stat:hover strong{color:#fff5da}
.kmg-store-stat:hover em{color:#b7c8c0}
.kmg-store-faq-list details{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}
.kmg-store-faq-list details:hover{transform:translateY(-2px);border-color:rgba(226,165,45,.42);background:rgba(11,34,29,.74);box-shadow:0 10px 24px rgba(0,0,0,.18),0 0 18px rgba(226,165,45,.06)}
.kmg-store-faq-list summary{transition:padding-left .18s ease,color .18s ease,background .18s ease}
.kmg-store-faq-list details:hover summary{padding-left:16px;color:#fff2cd}
.kmg-store-faq-list details[open]{border-color:rgba(100,234,176,.45);box-shadow:0 10px 24px rgba(0,0,0,.2),0 0 18px rgba(74,225,146,.08)}
.kmg-store-faq-list details[open] summary{background:linear-gradient(90deg,rgba(65,220,149,.08),transparent)}
.kmg-store-callback-trigger{background:linear-gradient(135deg,#8b4dff 0%,#cb5fd8 36%,#f1aa2d 100%);border-color:rgba(255,216,134,.76);box-shadow:0 12px 34px rgba(0,0,0,.38),0 0 24px rgba(165,105,255,.18),0 0 24px rgba(226,165,45,.18)}
.kmg-store-callback-trigger:hover{box-shadow:0 16px 42px rgba(0,0,0,.44),0 0 28px rgba(165,105,255,.25),0 0 24px rgba(226,165,45,.22)}
.kmg-store-callback-trigger-icon{background:linear-gradient(135deg,rgba(20,8,43,.96),rgba(31,21,17,.92));color:#f4d57d}
.kmg-store-callback-panel{border-color:rgba(188,118,255,.42);background:linear-gradient(145deg,rgba(24,11,43,.97),rgba(8,23,21,.99) 54%,rgba(44,28,8,.95) 100%);box-shadow:0 28px 80px rgba(0,0,0,.58),0 0 36px rgba(162,102,255,.14),0 0 34px rgba(226,165,45,.08)}
.kmg-store-callback-eyebrow{border-color:rgba(197,130,255,.56);color:#e1b7ff}
.kmg-store-callback-countdown{border-color:rgba(206,131,255,.6);background:radial-gradient(circle,rgba(176,98,255,.17),transparent 67%);box-shadow:0 0 26px rgba(176,98,255,.16),0 0 24px rgba(226,165,45,.12)}
.kmg-store-callback-countdown b{color:#ffd875}
.kmg-store-feature,.kmg-store-support-item,.kmg-store-related-card,.kmg-store-buy-card,.kmg-store-panel{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.kmg-store-feature:hover,.kmg-store-support-item:hover{transform:translateY(-2px);border-color:rgba(226,165,45,.42);box-shadow:0 10px 22px rgba(0,0,0,.15)}
.kmg-store-buy-card:hover,.kmg-store-panel:hover{box-shadow:0 18px 40px rgba(0,0,0,.22)}
@media(max-width:720px){.kmg-store-hero-card.gallery-focus .kmg-store-hero-content{opacity:.11}}


/* V1.5: större callback-widget, tjänstespecifik hero och mer wow/hover-ljus. */
.kmg-store-hero-card{--hero-x:72%;--hero-y:34%;--hero-tilt-x:0deg;--hero-tilt-y:0deg;isolation:isolate;transition:box-shadow .35s ease,border-color .35s ease,transform .35s ease}
.kmg-store-hero-card:before{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:
  radial-gradient(circle at var(--hero-x) var(--hero-y),rgba(255,213,112,.18),transparent 19%),
  linear-gradient(112deg,transparent 15%,rgba(255,255,255,.08) 34%,transparent 48%);background-size:auto,220% 100%;background-position:center,-120% 0;mix-blend-mode:screen;opacity:.54;animation:kmgHeroSweep 8.5s ease-in-out infinite}
.kmg-store-hero-card:hover{border-color:rgba(123,239,188,.68);box-shadow:0 0 0 1px rgba(65,255,170,.08),0 0 46px rgba(65,224,160,.18),0 0 58px rgba(190,82,255,.13),0 28px 74px rgba(0,0,0,.4)}
.kmg-store-hero-card.is-pointer-active{transform:translateY(-2px)}
.kmg-store-hero-image{transform:scale(1.045) rotateX(var(--hero-tilt-x)) rotateY(var(--hero-tilt-y));transform-origin:center;transition:transform .65s cubic-bezier(.2,.75,.2,1),filter .45s ease;animation:kmgHeroImageBreath 14s ease-in-out infinite alternate}
.kmg-store-hero-card:hover .kmg-store-hero-image{filter:saturate(1.08) contrast(1.03) brightness(1.03)}
.kmg-store-hero-content{z-index:5}
.kmg-store-headline-stack span.active{animation:kmgHeroHeadlineIn .72s cubic-bezier(.2,.8,.2,1) both;text-shadow:0 8px 34px rgba(0,0,0,.42),0 0 24px rgba(255,255,255,.08)}
.kmg-store-pill{position:relative;overflow:hidden;box-shadow:0 0 0 rgba(226,165,45,0);transition:box-shadow .25s ease,transform .25s ease}
.kmg-store-pill:after{content:"";position:absolute;top:-40%;bottom:-40%;left:-50%;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transform:skewX(-22deg);animation:kmgPillShine 5.5s ease-in-out infinite}
.kmg-store-hero-card:hover .kmg-store-pill{transform:translateY(-1px);box-shadow:0 0 22px rgba(226,165,45,.18)}
.kmg-store-button{position:relative;isolation:isolate;overflow:hidden;box-shadow:0 0 0 rgba(226,165,45,0)}
.kmg-store-button:before{content:"";position:absolute;z-index:-1;top:-70%;bottom:-70%;left:-45%;width:34%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);transform:skewX(-18deg);transition:left .55s ease}
.kmg-store-button:hover:before{left:112%}
.kmg-store-button:hover{box-shadow:0 0 23px rgba(226,165,45,.22),0 9px 28px rgba(0,0,0,.22)}
.kmg-store-button.ghost:hover,.kmg-store-button.outline:hover{box-shadow:0 0 22px rgba(140,94,255,.18),0 9px 25px rgba(0,0,0,.2)}
.kmg-store-buy-card{overflow:hidden;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.kmg-store-buy-card:after{content:"";position:absolute;z-index:0;inset:-35%;pointer-events:none;background:radial-gradient(circle at 65% 25%,rgba(183,91,255,.18),transparent 27%),radial-gradient(circle at 32% 75%,rgba(242,176,47,.12),transparent 25%);opacity:.4;transform:rotate(0deg);transition:opacity .3s ease;animation:kmgPriceAura 12s linear infinite}
.kmg-store-buy-card>*{position:relative;z-index:1}
.kmg-store-buy-card:hover{transform:translateY(-5px);border-color:rgba(248,202,101,.63);box-shadow:0 24px 58px rgba(0,0,0,.34),0 0 36px rgba(176,82,255,.16),0 0 28px rgba(226,165,45,.12)}
.kmg-store-buy-card:hover:after{opacity:.8}
.kmg-store-buy-price{transition:transform .24s ease,text-shadow .24s ease,color .24s ease}
.kmg-store-buy-card:hover .kmg-store-buy-price{transform:scale(1.035);transform-origin:left center;color:#fff7df;text-shadow:0 0 20px rgba(255,210,106,.25)}
.kmg-store-facts>div{transition:background .2s ease,padding-left .2s ease,border-color .2s ease}
.kmg-store-facts>div:hover{padding-left:7px;background:linear-gradient(90deg,rgba(226,165,45,.07),transparent);border-color:rgba(226,165,45,.22)}
.kmg-store-callback-widget{right:28px;bottom:28px}
.kmg-store-callback-trigger{min-width:260px;padding:13px 20px 13px 12px;border-width:1px;box-shadow:0 18px 48px rgba(0,0,0,.46),0 0 30px rgba(165,105,255,.22),0 0 27px rgba(226,165,45,.2)}
.kmg-store-callback-trigger-icon{flex-basis:52px;width:52px;height:52px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 22px rgba(0,0,0,.2)}
.kmg-store-callback-trigger-icon svg{width:28px;height:28px}
.kmg-store-callback-trigger strong{font-size:16px}
.kmg-store-callback-trigger small{font-size:11px}
.kmg-store-callback-panel{width:min(460px,calc(100vw - 34px));padding:31px;border-radius:24px}
.kmg-store-callback-panel h2{font-size:32px;letter-spacing:-.025em}
.kmg-store-callback-lead{font-size:14px}
.kmg-store-callback-form{gap:13px}
.kmg-store-callback-form label{font-size:11px}
.kmg-store-callback-form input{padding:14px 15px;font-size:14px}
.kmg-store-callback-success>strong{font-size:21px}
.kmg-store-callback-success>p{font-size:12px}
.kmg-store-callback-call-us{margin:8px 0 0!important;padding:12px 14px;border:1px solid rgba(246,192,78,.32);border-radius:12px;background:linear-gradient(135deg,rgba(118,61,185,.18),rgba(226,165,45,.1));color:#e7eee9!important;font-size:12px!important}
.kmg-store-callback-call-us a{color:#ffd56f;font-weight:900;text-decoration:none;white-space:nowrap}
.kmg-store-callback-call-us a:hover{text-decoration:underline;text-shadow:0 0 16px rgba(255,213,111,.28)}
.kmg-store-callback-widget.is-open .kmg-store-callback-trigger{filter:saturate(1.06);box-shadow:0 18px 48px rgba(0,0,0,.48),0 0 36px rgba(165,105,255,.3),0 0 30px rgba(226,165,45,.25)}
@keyframes kmgHeroSweep{0%,18%{background-position:center,-120% 0}55%,72%{background-position:center,160% 0}100%{background-position:center,160% 0}}
@keyframes kmgHeroImageBreath{0%{transform:scale(1.045) rotateX(var(--hero-tilt-x)) rotateY(var(--hero-tilt-y)) translate3d(-.25%,0,0)}100%{transform:scale(1.075) rotateX(var(--hero-tilt-x)) rotateY(var(--hero-tilt-y)) translate3d(.35%,-.35%,0)}}
@keyframes kmgHeroHeadlineIn{0%{opacity:.08;transform:translateY(15px) scale(.985);filter:blur(3px)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes kmgPillShine{0%,58%{left:-50%;opacity:0}68%{opacity:1}84%,100%{left:130%;opacity:0}}
@keyframes kmgPriceAura{to{transform:rotate(360deg)}}
@media(max-width:720px){
  .kmg-store-callback-widget{right:12px;bottom:12px}
  .kmg-store-callback-panel{width:calc(100vw - 24px);padding:24px}
  .kmg-store-callback-trigger{min-width:0;padding:10px}
  .kmg-store-callback-trigger-icon{flex-basis:48px;width:48px;height:48px}
  .kmg-store-callback-panel h2{font-size:28px}
}
@media(prefers-reduced-motion:reduce){
  .kmg-store-hero-card:before,.kmg-store-hero-image,.kmg-store-headline-stack span.active,.kmg-store-pill:after,.kmg-store-buy-card:after{animation:none!important}
  .kmg-store-button:before{display:none}
}


/* V1.6: galleritext i hero, neutrala tomvärden och animerad callback-border. */
.kmg-store-hero-card.gallery-focus .kmg-store-hero-content{opacity:1;transform:none;filter:none}
.kmg-store-hero-card.gallery-focus .kmg-store-hero-shade{background:linear-gradient(90deg,rgba(2,16,14,.96) 0%,rgba(2,17,15,.82) 42%,rgba(2,15,13,.25) 100%)}
.kmg-store-gallery-hero-title{max-width:min(820px,100%);font-size:clamp(38px,4.4vw,70px)!important;line-height:.98!important;white-space:normal!important;overflow-wrap:anywhere}
.kmg-store-hero-card.gallery-text-updated .kmg-store-gallery-hero-title{animation:kmgGalleryHeroTextIn .5s cubic-bezier(.2,.8,.2,1) both}
.kmg-store-hero-card.gallery-text-updated [data-appstore-hero-lead]{animation:kmgGalleryHeroLeadIn .58s .05s cubic-bezier(.2,.8,.2,1) both}
.kmg-store-stat.is-empty strong{max-width:100%;font-size:clamp(15px,1.45vw,20px);line-height:1.08;color:#f6d481;overflow-wrap:normal;word-break:normal;hyphens:none}
.kmg-store-stat.is-empty em{color:#9fb2a9}
.kmg-store-callback-panel{
  border:2px solid transparent;
  background:
    linear-gradient(145deg,rgba(24,11,43,.98),rgba(8,23,21,.99) 54%,rgba(44,28,8,.97)) padding-box,
    linear-gradient(120deg,#8d50ff,#df64d7,#ffd064,#45d99a,#8d50ff) border-box;
  background-size:auto,320% 320%;
  background-position:0 0,0% 50%;
  animation:kmgCallbackBorderFlow 6s linear infinite;
}
.kmg-store-callback-panel h2{text-shadow:0 0 24px rgba(190,111,255,.16)}
.kmg-store-callback-widget.is-open .kmg-store-callback-panel{box-shadow:0 30px 86px rgba(0,0,0,.62),0 0 42px rgba(165,95,255,.2),0 0 34px rgba(241,170,45,.15)}
@keyframes kmgGalleryHeroTextIn{0%{opacity:.1;transform:translateY(15px);filter:blur(3px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes kmgGalleryHeroLeadIn{0%{opacity:0;transform:translateY(9px)}100%{opacity:1;transform:translateY(0)}}
@keyframes kmgCallbackBorderFlow{0%{background-position:0 0,0% 50%}50%{background-position:0 0,100% 50%}100%{background-position:0 0,0% 50%}}
@media(max-width:720px){.kmg-store-gallery-hero-title{font-size:clamp(31px,10vw,46px)!important}}
@media(prefers-reduced-motion:reduce){.kmg-store-callback-panel{animation:none!important}.kmg-store-hero-card.gallery-text-updated .kmg-store-gallery-hero-title,.kmg-store-hero-card.gallery-text-updated [data-appstore-hero-lead]{animation:none!important}}


/* V1.8: hela hero-rubriken visas utan ellips och får använda upp till tre rader. */
.kmg-store-headline-stack{
  position:relative;
  display:grid;
  width:min(760px,100%);
  min-height:188px;
  margin:27px 0 15px;
  overflow:visible;
}
.kmg-store-headline-stack span{
  grid-area:1/1;
  align-self:center;
  width:100%;
  margin:0;
  white-space:normal;
  overflow:visible;
  overflow-wrap:normal;
  word-break:normal;
  display:block;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(14px);
  transition:opacity .42s ease,transform .52s cubic-bezier(.2,.8,.2,1),visibility 0s linear .52s;
}
.kmg-store-headline-stack span.active{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
  transition-delay:0s;
}
.kmg-store-headline-stack .kmg-store-headline-size-short{font-size:clamp(48px,5vw,76px);line-height:1.01}
.kmg-store-headline-stack .kmg-store-headline-size-medium{font-size:clamp(41px,4.35vw,65px);line-height:1.01}
.kmg-store-headline-stack .kmg-store-headline-size-long{font-size:clamp(34px,3.55vw,54px);line-height:1.03}
.kmg-store-gallery-hero-title{
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
@media(max-width:1100px){
  .kmg-store-headline-stack{min-height:174px}
  .kmg-store-headline-stack .kmg-store-headline-size-short{font-size:clamp(42px,5.2vw,64px)}
  .kmg-store-headline-stack .kmg-store-headline-size-medium{font-size:clamp(37px,4.65vw,56px)}
  .kmg-store-headline-stack .kmg-store-headline-size-long{font-size:clamp(32px,3.95vw,48px)}
}
@media(max-width:720px){
  .kmg-store-headline-stack{min-height:142px;margin:20px 0 13px}
  .kmg-store-headline-stack span.active{transform:none}
  .kmg-store-headline-stack .kmg-store-headline-size-short{font-size:clamp(34px,9.7vw,47px)}
  .kmg-store-headline-stack .kmg-store-headline-size-medium{font-size:clamp(31px,8.7vw,41px)}
  .kmg-store-headline-stack .kmg-store-headline-size-long{font-size:clamp(27px,7.4vw,35px)}
}
@media(prefers-reduced-motion:reduce){
  .kmg-store-headline-stack span{transition:none!important}
}

/* ==============================================================
   V1.12: MOBILBREDD, HERO-AVGRÄNSNING OCH GALLERI
   - Hindrar dokumentet från att bli bredare än viewporten.
   - Klipper hero-effekterna inom hero-kortets egen kant.
   - Gör mobilgalleriet till en isolerad horisontell flexlista.
   ============================================================== */

html{
  width:100%;
  min-width:0;
  max-width:100%;
  overflow-x:clip;
}

body.kmg-appstore-body{
  position:relative;
  width:100%;
  min-width:0;
  max-width:100%;
  min-height:100svh;
  overflow-x:clip;
  overscroll-behavior-x:none;
}

/* Top-level-element från KMG-menyn eller Billing får inte bredda sidan. */
body.kmg-appstore-body > *{
  max-width:100%;
}

.kmg-store-topbar,
.kmg-store-topbar-inner,
.kmg-store-shell,
.kmg-store-product-layout,
.kmg-store-product-main,
.kmg-store-hero-card,
.kmg-store-gallery,
.kmg-store-buy-card{
  min-width:0;
  max-width:100%;
}

.kmg-store-shell{
  width:100%;
  max-width:1500px;
}

.kmg-store-product-layout,
.kmg-store-product-main{
  width:100%;
}

/*
 * contain: layout paint gör att border, glow, bildanimation och pseudo-element
 * inte kan målas över galleriet under hero-kortet.
 */
.kmg-store-hero-card{
  display:block;
  width:100%;
  margin:0;
  contain:layout paint;
  overflow:hidden;
  overflow:clip;
}

.kmg-store-hero-card::before{
  border-radius:inherit;
}

.kmg-store-hero-card::after{
  border-radius:0 0 22px 22px;
}

.kmg-store-hero-image,
.kmg-store-hero-placeholder,
.kmg-store-hero-shade,
.kmg-store-hero-content{
  max-width:100%;
}

.kmg-store-gallery{
  width:100%;
  max-width:100%;
}

/* Fallback för äldre webbläsare som saknar overflow:clip. */
@supports not (overflow:clip){
  html,
  body.kmg-appstore-body{
    overflow-x:hidden;
  }

  .kmg-store-hero-card{
    overflow:hidden;
  }
}

@media(max-width:1040px){
  .kmg-store-product-layout{
    grid-template-columns:minmax(0,1fr);
    width:100%;
  }

  .kmg-store-product-main,
  .kmg-store-buy-card{
    width:100%;
  }

  /*
   * Flex i stället för bred CSS-grid på mobil/surfplatta.
   * Därmed kan galleriet scrollas utan att öka sidans scrollWidth.
   */
  .kmg-store-gallery{
    display:flex;
    grid-template-columns:none;
    gap:10px;
    margin-top:15px;
    padding:0 0 7px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-inline:contain;
    scroll-snap-type:inline proximity;
    scrollbar-width:thin;
    -webkit-overflow-scrolling:touch;
  }

  .kmg-store-gallery-card{
    flex:0 0 clamp(130px,32vw,180px);
    width:auto;
    min-width:0;
    max-width:none;
    scroll-snap-align:start;
  }
}

@media(max-width:720px){
  .kmg-store-shell{
    width:100%;
    max-width:100%;
    padding-left:13px;
    padding-right:13px;
  }

  .kmg-store-hero-card{
    margin-bottom:14px;
    box-shadow:
      0 0 0 1px rgba(65,255,170,.04),
      0 14px 34px rgba(0,0,0,.32),
      0 0 25px rgba(65,224,160,.09),
      0 0 26px rgba(190,82,255,.07);
  }

  .kmg-store-gallery{
    margin-top:0;
  }

  .kmg-store-gallery-card{
    flex-basis:clamp(136px,40vw,170px);
  }

  /* Ingen rörlig bildtransform på mobil: stabilare kant och mindre GPU-bleed. */
  .kmg-store-hero-image{
    animation:none;
    transform:scale(1.025);
  }
}