:root{--bg:#07080c;--panel:rgba(255,255,255,.075);--text:#f5f1e8;--muted:#b8b3aa;--line:rgba(255,255,255,.15);--gold:#d8b56d;--danger:#ff6b6b;--ok:#7ee0a3;--shadow:0 24px 90px rgba(0,0,0,.36)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#07080c;color:var(--text);min-height:100vh;overflow-x:hidden}.site-bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 18% 4%,rgba(74,91,139,.62) 0,rgba(34,42,68,.34) 24%,transparent 48%),radial-gradient(circle at 72% 38%,rgba(216,181,109,.20) 0,rgba(216,181,109,.08) 16%,transparent 34%),linear-gradient(135deg,#111725 0%,#07080c 46%,#030409 100%)}.site-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,12,.08),rgba(7,8,12,.60) 88%)}.noise:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.055;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency=".9" numOctaves="4" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)"/%3E%3C/svg%3E');z-index:-1}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,92vw);margin:auto}.nav{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.brand{font-size:22px;font-weight:850;letter-spacing:-.02em}.pill,.btn{border:1px solid var(--line);background:rgba(255,255,255,.075);color:var(--text);border-radius:999px;padding:11px 16px;display:inline-flex;gap:8px;align-items:center;justify-content:center;cursor:pointer;transition:.25s;font-weight:750}.btn:hover,.pill:hover{transform:translateY(-1px);border-color:rgba(216,181,109,.55);box-shadow:0 12px 40px rgba(216,181,109,.12)}.btn.small{padding:8px 12px;font-size:14px}.ghost{background:rgba(255,255,255,.035)}.hero{padding:86px 0 70px;position:relative;overflow:visible}.hero-glass{position:relative;z-index:1}.hero h1{font-size:clamp(46px,9vw,116px);line-height:.9;margin:0;letter-spacing:-.075em;max-width:1050px}.hero p{font-size:clamp(17px,2vw,23px);color:var(--muted);max-width:720px;line-height:1.6;font-weight:600}.album-hero{padding-bottom:42px}.orb{position:absolute;right:4vw;top:30px;width:min(440px,42vw);height:min(440px,42vw);border-radius:50%;background:radial-gradient(circle,#fff6 0,#d8b56d35 22%,transparent 64%);filter:blur(12px);animation:float 9s ease-in-out infinite;opacity:.72}@keyframes float{50%{transform:translateY(24px) translateX(-16px)}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:22px 0 70px}.card{position:relative;min-height:350px;border-radius:30px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));border:1px solid var(--line);box-shadow:var(--shadow);isolation:isolate}.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.94) contrast(1.05);transition:transform .8s ease}.card:hover img{transform:scale(1.06)}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 28% 0%,rgba(255,255,255,.32),transparent 28%);z-index:1;opacity:.55}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 15%,rgba(0,0,0,.86));z-index:1}.card .meta{position:absolute;inset:auto 22px 22px;z-index:2}.card h2{margin:0 0 8px;font-size:27px;letter-spacing:-.03em}.muted{color:var(--muted)}.lock{position:absolute;top:18px;right:18px;z-index:3;backdrop-filter:blur(14px)}.panel{background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.empty-state{margin:18px 0 35px}input,textarea,select{width:100%;background:rgba(255,255,255,.085);border:1px solid var(--line);color:var(--text);border-radius:16px;padding:13px 14px;margin:7px 0 15px;font:inherit;outline:none}input:focus,textarea:focus{border-color:rgba(216,181,109,.55);box-shadow:0 0 0 3px rgba(216,181,109,.10)}label{font-weight:800;font-size:14px;display:block}.gallery{columns:4 240px;column-gap:16px;padding-bottom:80px}.photo{break-inside:avoid;margin:0 0 16px;border-radius:22px;overflow:hidden;cursor:zoom-in;border:1px solid var(--line);background:#111;position:relative}.photo img{width:100%;display:block;transition:.35s}.photo:hover img{transform:scale(1.025);filter:brightness(1.08)}.admin-gallery .photo{cursor:default}.admin-gallery .photo .btn{position:absolute;right:10px;bottom:10px}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;z-index:99}.lightbox.open{display:flex}.lightbox img{max-width:92vw;max-height:86vh;border-radius:18px;box-shadow:0 30px 100px #000}.lb-btn{position:fixed;z-index:100;background:rgba(255,255,255,.1);border:1px solid var(--line);color:white;border-radius:999px;width:48px;height:48px;font-size:24px;cursor:pointer}.lb-close{top:24px;right:24px}.lb-prev{left:24px}.lb-next{right:24px}.adminbar{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 24px}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--line);padding:14px 12px;text-align:left;vertical-align:middle}.danger{background:rgba(255,107,107,.12);border-color:rgba(255,107,107,.45)}.success{background:rgba(126,224,163,.12);border:1px solid rgba(126,224,163,.35);padding:12px 14px;border-radius:16px}.error{background:rgba(255,107,107,.12);border:1px solid rgba(255,107,107,.35);padding:12px 14px;border-radius:16px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.section-head h1,.section-head h2{margin:0 0 8px}.below{margin:32px 0 14px}.admin-form{display:grid;gap:18px}.form-section{border:1px solid rgba(255,255,255,.11);border-radius:22px;padding:18px;background:rgba(255,255,255,.035)}.form-section.compact{padding:14px 16px}.form-section h2{margin:0 0 14px;font-size:20px}.check-row{display:flex;align-items:center;gap:10px;margin:8px 0}.check-row input{width:auto;margin:0}.help{margin:-2px 0 14px;color:var(--muted);font-size:14px}.file-input{padding:18px}.form-actions{display:flex;gap:12px;flex-wrap:wrap}.delete-box{margin-top:24px;border:1px solid rgba(255,107,107,.35);background:rgba(255,107,107,.07);border-radius:22px;padding:18px}.footer{padding:10px 0 45px;color:var(--muted);font-size:14px}@media(max-width:700px){.hero{padding:45px 0}.nav{gap:12px}.adminbar,.form-actions{flex-direction:column}.btn,.pill{justify-content:center}.table{font-size:14px}.table th:nth-child(4),.table td:nth-child(4){display:none}.section-head{flex-direction:column}.hero h1{letter-spacing:-.06em}}

.actions-cell{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.share-btn{min-width:72px}.share-btn:disabled{cursor:default;opacity:.9}.admin-note{margin-top:14px;padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.05)}

/* v1.4 navigation */
.footer a{color:inherit;text-decoration:none;transition:.2s}
.footer a:hover{color:var(--text)}
.admin-brand{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.admin-brand a{color:inherit;text-decoration:none}
.adminpanel-link{color:var(--muted)!important;font-size:.82em;font-weight:800;letter-spacing:-.02em}
.adminpanel-link:hover{color:var(--text)!important}
.admin-titlebar{align-items:center}
@media(max-width:700px){.admin-titlebar{align-items:flex-start}.admin-brand{line-height:1.15}.adminpanel-link{font-size:.78em}}


/* v1.6 levande premiumbakgrund + mobil-safearea */
:root{--deep:#02030a;--ink:#060814;--blueglow:rgba(40,112,205,.32);--tealglow:rgba(38,196,180,.20);--warmglow:rgba(216,181,109,.18);}
html{background:var(--deep);min-height:100%;}
body{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom);background:var(--deep);}
.site-bg{background:
  radial-gradient(ellipse at 12% -8%,rgba(105,128,205,.42) 0%,rgba(52,70,124,.20) 28%,transparent 55%),
  radial-gradient(ellipse at 82% 12%,rgba(216,181,109,.22) 0%,rgba(216,181,109,.08) 28%,transparent 55%),
  radial-gradient(ellipse at 50% 72%,rgba(26,177,165,.18) 0%,rgba(17,68,92,.12) 36%,transparent 66%),
  linear-gradient(145deg,#10182b 0%,#070913 42%,#02030a 100%);}
.site-bg:before{content:"";position:absolute;inset:-18%;background:
  conic-gradient(from 210deg at 24% 30%,transparent 0deg,rgba(84,130,230,.24) 48deg,transparent 120deg,rgba(38,196,180,.14) 190deg,transparent 270deg,rgba(216,181,109,.14) 318deg,transparent 360deg);
  filter:blur(52px);opacity:.74;animation:slowDrift 24s ease-in-out infinite alternate;}
.site-bg:after{content:"";position:absolute;inset:0;background:
  linear-gradient(180deg,rgba(2,3,10,.08) 0%,rgba(2,3,10,.34) 48%,rgba(2,3,10,.76) 100%),
  radial-gradient(circle at 50% 15%,rgba(255,255,255,.06),transparent 34%);}
@keyframes slowDrift{0%{transform:translate3d(-2%,0,0) rotate(-3deg) scale(1.02)}100%{transform:translate3d(3%,2%,0) rotate(4deg) scale(1.08)}}
.noise:before{opacity:.075;mix-blend-mode:screen;}
.orb{background:radial-gradient(circle,rgba(255,255,255,.58) 0%,rgba(216,181,109,.30) 18%,rgba(86,147,255,.12) 42%,transparent 68%);filter:blur(18px);opacity:.78;}
.hero:before{content:"";position:absolute;left:-8vw;right:-8vw;bottom:10px;height:170px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);filter:blur(20px);opacity:.55;transform:skewY(-3deg);}
.card{background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035));box-shadow:0 28px 100px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.10);}
.card:hover{border-color:rgba(216,181,109,.42);box-shadow:0 34px 120px rgba(0,0,0,.52),0 0 46px rgba(84,130,230,.10),inset 0 1px 0 rgba(255,255,255,.14);}
.card:before{background:radial-gradient(circle at 25% 0%,rgba(255,255,255,.38),transparent 30%),linear-gradient(115deg,transparent 0%,rgba(255,255,255,.08) 42%,transparent 62%);opacity:.72;}
.panel,input,textarea,select{box-shadow:inset 0 1px 0 rgba(255,255,255,.07);}

/* Fast toppmask som gör scroll under iPhone-statusfält snyggt. Ingen mobil-bottenoverlay. */
body::before{content:"";position:fixed;left:0;right:0;top:0;height:calc(94px + env(safe-area-inset-top));pointer-events:none;z-index:80;background:linear-gradient(180deg,rgba(2,3,10,1) 0%,rgba(2,3,10,.98) calc(18px + env(safe-area-inset-top)),rgba(2,3,10,.74) 58%,rgba(2,3,10,0) 100%);}
body::after{content:none!important;display:none!important;}
.lightbox{z-index:120}.lb-btn{z-index:130}
@media(max-width:700px){
  .wrap{width:min(100% - 34px,1180px);}
  .nav{padding-top:calc(54px + env(safe-area-inset-top));padding-bottom:14px;}
  .hero{padding-top:calc(42px + env(safe-area-inset-top));padding-bottom:54px;}
  .hero h1{font-size:clamp(44px,14.5vw,66px);line-height:.94;letter-spacing:-.065em;max-width:100%;}
  .hero p{font-size:clamp(18px,5vw,23px);line-height:1.55;margin-top:25px;}
  .grid{grid-template-columns:1fr;gap:22px;padding-top:28px;padding-bottom:calc(130px + env(safe-area-inset-bottom));}
  .card{min-height:330px;border-radius:28px;}
  .footer{padding-bottom:calc(118px + env(safe-area-inset-bottom));}
  .site-bg:before{inset:-35%;filter:blur(46px);opacity:.68;animation-duration:30s;}
  .site-bg:after{background:linear-gradient(180deg,rgba(2,3,10,.02) 0%,rgba(2,3,10,.26) 42%,rgba(2,3,10,.74) 100%);}
}
@media(max-width:380px){
  .hero h1{font-size:clamp(40px,14vw,58px);}
  .hero p{font-size:18px;}
  .wrap{width:min(100% - 28px,1180px);}
}


/* v1.7: mobil utan sidledsdrag, tydligare iPhone-safearea och renare albumkort */
html,body{width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none;touch-action:pan-y;background:#02030a;}
body{position:relative;}
.wrap,.nav,.hero,.grid,.gallery,.panel,.card,.photo{max-width:100%;}
img,video,canvas,svg{max-width:100%;}
.site-bg{left:0;right:0;width:100vw;max-width:100vw;overflow:hidden;}

/* Gör bilder mindre gråa i viloläge och undvik att hover-transition lämnar en matt hinna. */
.card img{filter:saturate(1.08) contrast(1.04) brightness(1.01);will-change:transform;}
.card:hover img{filter:saturate(1.12) contrast(1.07) brightness(1.04);}
.card:after{background:linear-gradient(180deg,rgba(0,0,0,0) 12%,rgba(0,0,0,.18) 54%,rgba(0,0,0,.72) 100%);}
.card:before{pointer-events:none;}

/* Låsta album: bilden finns kvar men döljs av dimma/blur tills albumet är upplåst. */
.card.locked-obscured img{filter:blur(13px) saturate(.48) contrast(.9) brightness(.58);transform:scale(1.08);}
.card.locked-obscured:hover img{filter:blur(11px) saturate(.55) contrast(.94) brightness(.64);transform:scale(1.10);}
.card.locked-obscured:after{background:linear-gradient(180deg,rgba(3,5,12,.20) 0%,rgba(3,5,12,.62) 48%,rgba(0,0,0,.88) 100%);}
.lock-mist{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 45% 22%,rgba(255,255,255,.20),transparent 28%),linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.025) 45%,rgba(0,0,0,.22));backdrop-filter:blur(2px);}
.card.locked-obscured .meta,.card.locked-obscured .lock{z-index:4;}
.lock.unlocked{background:rgba(126,224,163,.13);border-color:rgba(126,224,163,.35);}

@media(max-width:700px){
  html,body{overflow-x:hidden!important;position:relative;}
  body::before{height:calc(220px + env(safe-area-inset-top))!important;background:linear-gradient(180deg,rgba(2,3,10,1) 0%,rgba(2,3,10,1) calc(92px + env(safe-area-inset-top)),rgba(2,3,10,.88) calc(124px + env(safe-area-inset-top)),rgba(2,3,10,0) 100%)!important;z-index:90;}
  .wrap{width:calc(100vw - 34px);max-width:calc(100vw - 34px);overflow:visible;}
  .nav{padding-top:calc(112px + env(safe-area-inset-top))!important;}
  .hero{padding-top:calc(82px + env(safe-area-inset-top))!important;}
  .album-hero{padding-top:calc(108px + env(safe-area-inset-top))!important;}
  .site-bg:before{max-width:100vw;}
  .grid,.gallery{overflow-x:hidden;}
  .card{width:100%;}
}
@media(max-width:380px){.wrap{width:calc(100vw - 28px);max-width:calc(100vw - 28px);}}

@media (max-width:480px){
  .nav{padding-top:calc(122px + env(safe-area-inset-top))!important;}
  .hero{padding-top:calc(92px + env(safe-area-inset-top))!important;}
  .hero h1{font-size:clamp(2.45rem,13.2vw,4.1rem)!important;line-height:.92;}
  .album-hero{padding-top:calc(118px + env(safe-area-inset-top))!important;}
}


/* v1.8 — hard mobile/layout fix + real locked cover behavior */
html, body {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
  background: #02030a !important;
}
@supports (overflow: clip) {
  html, body { overflow-x: clip !important; }
}
body { overscroll-behavior-x: none !important; }
body * { max-width: 100%; }
.site-bg, .noise::before {
  width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  overflow: hidden !important;
}
.site-bg::before, .site-bg::after { max-width: none; }
.wrap { position: relative; overflow-x: clip; }

.locked-cover {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 36%, rgba(255,255,255,.16), transparent 19%),
    radial-gradient(circle at 22% 10%, rgba(73,140,230,.23), transparent 38%),
    radial-gradient(circle at 82% 0%, rgba(216,181,109,.15), transparent 35%),
    linear-gradient(145deg, rgba(21,29,49,.86), rgba(4,6,13,.98));
  filter: saturate(.75) brightness(.78);
  transform: none !important;
  z-index: 0;
}
.locked-cover::before {
  content: "";
  position: absolute;
  inset: -18%;
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency=".72" numOctaves="5" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)" opacity=".55"/%3E%3C/svg%3E');
  opacity: .38;
  mix-blend-mode: screen;
}
.locked-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  backdrop-filter: blur(11px);
  background: linear-gradient(180deg, rgba(3,5,12,.42), rgba(3,5,12,.72));
}
.card.locked-obscured img { display: none !important; }
.card.locked-obscured .locked-cover { display: block; }
.card.locked-obscured:before { opacity: .38; }
.card.locked-obscured:after { background: linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.52) 55%, rgba(0,0,0,.88) 100%) !important; }
.lock-mist { backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }

/* Desktop image state: no grey fallback when hover ends */
.card:not(.locked-obscured) img {
  filter: saturate(1.12) contrast(1.04) brightness(1.02) !important;
  opacity: 1 !important;
}
.card:not(.locked-obscured):hover img {
  filter: saturate(1.16) contrast(1.07) brightness(1.06) !important;
}

@media (max-width: 700px) {
  html, body {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
  @supports (overflow: clip) {
    html, body { overflow-x: clip !important; }
  }
  .home-page .wrap,
  .event-page .wrap {
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: calc(104px + env(safe-area-inset-top, 0px)) !important;
    overflow-x: clip !important;
  }
  .home-page .nav,
  .event-page .nav {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }
  .home-page .hero,
  .event-page .hero,
  .event-page .album-hero {
    padding-top: 34px !important;
  }
  .home-page .hero h1,
  .event-page .hero h1 {
    font-size: clamp(2.25rem, 12.2vw, 3.8rem) !important;
    line-height: .98 !important;
    letter-spacing: -.055em !important;
  }
  body::before {
    height: calc(178px + env(safe-area-inset-top, 0px)) !important;
    background: linear-gradient(180deg,
      rgba(2,3,10,1) 0%,
      rgba(2,3,10,1) calc(86px + env(safe-area-inset-top, 0px)),
      rgba(2,3,10,.90) calc(122px + env(safe-area-inset-top, 0px)),
      rgba(2,3,10,0) 100%) !important;
    z-index: 90 !important;
  }
  body::after { content: none !important; display: none !important; }
  .site-bg { width: 100vw !important; max-width: 100vw !important; }
  .site-bg::before { inset: 0 !important; transform: none !important; filter: blur(44px); }
  .grid, .gallery, .card, .photo, .panel { max-width: 100% !important; overflow-x: hidden !important; }
  .card { min-height: 326px; }
  .footer { padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important; }
}
@media (max-width: 380px) {
  .home-page .wrap,
  .event-page .wrap { width: calc(100vw - 26px) !important; max-width: calc(100vw - 26px) !important; }
  .home-page .hero h1,
  .event-page .hero h1 { font-size: clamp(2.05rem, 11.8vw, 3.35rem) !important; }
}


/* v1.9 — backa överkant till v1.6, lås sidled och frostad glasskiva för låsta album */
html, body {
  overflow-x: hidden !important;
  max-width: 100% !important;
  position: relative;
}
body {
  touch-action: pan-y;
}
.wrap {
  overflow-x: hidden !important;
}
.site-bg {
  width: 100% !important;
  max-width: 100% !important;
}

/* Låsta album visar omslagsbilden, men bakom frostad glasskiva tills albumet är upplåst. */
.card.locked-obscured img {
  display: block !important;
  filter: saturate(1.02) contrast(1.02) brightness(.86) !important;
  transform: scale(1.02) !important;
}
.card.locked-obscured:hover img {
  filter: saturate(1.06) contrast(1.05) brightness(.9) !important;
  transform: scale(1.05) !important;
}
.card.locked-obscured .locked-cover.no-cover {
  display: block;
}
.lock-mist.frosted {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    radial-gradient(circle at 30% 8%, rgba(255,255,255,.34), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.24), rgba(255,255,255,.075) 42%, rgba(7,10,18,.42));
  backdrop-filter: blur(14px) saturate(.92);
  -webkit-backdrop-filter: blur(14px) saturate(.92);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.24), inset 0 -1px 0 rgba(255,255,255,.08);
}
.lock-mist.frosted::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 0%, rgba(255,255,255,.22) 42%, transparent 58%);
  opacity: .46;
}
.card.locked-obscured:after {
  background: linear-gradient(180deg, rgba(0,0,0,.04) 0%, rgba(0,0,0,.24) 48%, rgba(0,0,0,.72) 100%) !important;
}
.card.locked-obscured .meta,
.card.locked-obscured .lock { z-index: 4; }

.cover-badge {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 2;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(2,3,10,.70);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 13px;
  font-weight: 800;
}
.photo.is-cover { border-color: rgba(216,181,109,.62); box-shadow: 0 0 0 2px rgba(216,181,109,.14); }

@media(max-width:700px){
  html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  .home-page .wrap,
  .event-page .wrap,
  .wrap {
    width: min(100% - 34px, 1180px) !important;
    max-width: calc(100% - 34px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 0 !important;
    overflow-x: hidden !important;
  }
  .nav,
  .home-page .nav,
  .event-page .nav {
    padding-top: calc(54px + env(safe-area-inset-top, 0px)) !important;
    padding-bottom: 14px !important;
  }
  .hero,
  .home-page .hero,
  .event-page .hero,
  .event-page .album-hero {
    padding-top: calc(42px + env(safe-area-inset-top, 0px)) !important;
    padding-bottom: 54px !important;
  }
  .hero h1,
  .home-page .hero h1,
  .event-page .hero h1 {
    font-size: clamp(44px,14.5vw,66px) !important;
    line-height: .94 !important;
    letter-spacing: -.065em !important;
    max-width: 100% !important;
  }
  body::before {
    height: calc(94px + env(safe-area-inset-top, 0px)) !important;
    background: linear-gradient(180deg, rgba(2,3,10,1) 0%, rgba(2,3,10,.98) calc(18px + env(safe-area-inset-top, 0px)), rgba(2,3,10,.74) 58%, rgba(2,3,10,0) 100%) !important;
    z-index: 80 !important;
  }
  .grid { grid-template-columns: 1fr; gap: 22px; padding-top: 28px; padding-bottom: calc(130px + env(safe-area-inset-bottom, 0px)) !important; }
  .footer { padding-bottom: calc(118px + env(safe-area-inset-bottom, 0px)) !important; }
}
@media(max-width:380px){
  .wrap,
  .home-page .wrap,
  .event-page .wrap { width: min(100% - 28px,1180px) !important; max-width: calc(100% - 28px) !important; }
  .hero h1,
  .home-page .hero h1,
  .event-page .hero h1 { font-size: clamp(40px,14vw,58px) !important; }
}

/* v2.0 — mobilkomprimering, adminfält, lightbox-gester och hemskärmsikon */
html,body{overflow-x:hidden!important;max-width:100%!important;}
@supports (overflow:clip){html,body{overflow-x:clip!important;}}
body{overscroll-behavior-x:none!important;}
body.lightbox-active{overflow:hidden!important;}
input,textarea,select,button{max-width:100%;min-width:0;}
input[type="date"]{appearance:none;-webkit-appearance:none;display:block;width:100%;}
.panel,.form-section,.admin-form,.table,.adminbar{min-width:0;}
.admin-event-title-link{border-bottom:1px solid rgba(216,181,109,.36);text-decoration:none;}
.admin-event-title-link:hover{color:var(--gold);}
.eyebrow{margin:0 0 8px;color:var(--gold);font-size:13px;font-weight:850;letter-spacing:.07em;text-transform:uppercase;}
.settings-panel{max-width:760px;}
.icon-preview{display:flex;align-items:center;gap:14px;margin:10px 0 16px;color:var(--muted);font-weight:700;}
.icon-preview img{width:72px;height:72px;border-radius:18px;border:1px solid var(--line);box-shadow:0 12px 35px rgba(0,0,0,.28);object-fit:cover;}

@media(max-width:700px){
  body::before{height:calc(72px + env(safe-area-inset-top,0px))!important;background:linear-gradient(180deg,rgba(2,3,10,.98) 0%,rgba(2,3,10,.78) 48%,rgba(2,3,10,0) 100%)!important;}
  .wrap,.home-page .wrap,.event-page .wrap{width:calc(100% - 28px)!important;max-width:calc(100% - 28px)!important;overflow-x:clip!important;}
  .nav,.home-page .nav,.event-page .nav{padding-top:calc(18px + env(safe-area-inset-top,0px))!important;padding-bottom:8px!important;}
  .hero,.home-page .hero,.event-page .hero,.event-page .album-hero{padding-top:18px!important;padding-bottom:28px!important;}
  .home-page .hero{padding-bottom:20px!important;}
  .hero h1,.home-page .hero h1,.event-page .hero h1{font-size:clamp(36px,12.2vw,56px)!important;line-height:.96!important;letter-spacing:-.055em!important;}
  .hero p,.home-page .hero p,.event-page .hero p{font-size:16px!important;line-height:1.45!important;margin-top:14px!important;margin-bottom:0!important;}
  .grid{gap:16px!important;padding-top:6px!important;padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))!important;}
  .card{min-height:286px!important;border-radius:24px!important;}
  .card .meta{inset:auto 18px 18px!important;}
  .card h2{font-size:23px!important;}
  .panel{padding:17px!important;border-radius:22px!important;overflow:hidden!important;}
  .form-section{padding:15px!important;border-radius:18px!important;overflow:hidden!important;}
  .form-section h2{font-size:18px!important;}
  input,textarea,select{font-size:16px!important;border-radius:14px!important;padding:12px!important;margin:6px 0 13px!important;}
  .file-input{padding:14px!important;}
  .section-head{gap:10px!important;margin-bottom:14px!important;}
  .section-head h1{font-size:28px!important;line-height:1.05!important;}
  .adminbar{gap:9px!important;margin:10px 0 16px!important;}
  .btn,.pill{padding:10px 13px!important;min-height:42px;}
  .table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;}
  .table th,.table td{padding:12px 10px!important;}
  .footer{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important;}
  .lightbox img{max-width:100vw!important;max-height:88vh!important;border-radius:0!important;}
  .lb-prev,.lb-next{display:none!important;}
  .lb-close{top:calc(14px + env(safe-area-inset-top,0px))!important;right:14px!important;background:rgba(0,0,0,.35)!important;}
}
@media(max-width:380px){
  .wrap,.home-page .wrap,.event-page .wrap{width:calc(100% - 22px)!important;max-width:calc(100% - 22px)!important;}
  .hero h1,.home-page .hero h1,.event-page .hero h1{font-size:clamp(34px,11.8vw,50px)!important;}
  .grid{gap:14px!important;}
}

/* v2.1 navigation/admin list fixes */
.event-title-link{color:var(--text);text-decoration:none;display:inline-block;max-width:100%;word-break:break-word;}
.event-title-link:hover{color:var(--gold);text-decoration:underline;text-underline-offset:4px;}
.actions-cell{display:flex;gap:8px;align-items:center;flex-wrap:wrap;max-width:100%;}
.share-btn{white-space:nowrap;max-width:100%;}
.brand{cursor:pointer;}
.nav .brand:hover{color:var(--gold);}
@media(max-width:700px){
  .actions-cell{gap:6px;}
  .actions-cell .btn.small{padding:8px 10px;font-size:13px;min-width:0;}
  .share-btn.copied{max-width:96px;overflow:hidden;text-overflow:ellipsis;}
  .table{white-space:normal!important;}
  .table td,.table th{word-break:normal;}
  .event-title-link{line-height:1.2;}
}


/* v2.2 — fix för klickbar titel på mobila fotosidor */
.nav{
  position: relative;
  z-index: 220;
}
.nav .brand,
a.brand,
.brand a{
  position: relative;
  z-index: 221;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 6px 0;
  -webkit-tap-highlight-color: rgba(216,181,109,.20);
  touch-action: manipulation;
  pointer-events: auto;
}
body::before,
body::after,
.site-bg,
.site-bg::before,
.site-bg::after,
.noise::before,
.hero::before,
.orb{
  pointer-events: none !important;
}
.wrap{
  position: relative;
  z-index: 1;
}
@media(max-width:700px){
  .event-page .nav,
  .home-page .nav{
    position: relative !important;
    z-index: 230 !important;
  }
  .event-page a.brand,
  .home-page a.brand,
  .nav .brand{
    display: inline-flex !important;
    min-width: 44px;
    min-height: 44px;
    align-items: center;
    padding: 8px 4px 8px 0 !important;
    position: relative !important;
    z-index: 231 !important;
  }
}

/* v2.3 — mobil overscroll/bounce bakgrundsfix */
html,
body{
  background-color:#02030a !important;
  background:#02030a !important;
  min-width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
  overscroll-behavior-x:none !important;
}
@supports (overflow:clip){
  html,body{overflow-x:clip !important;}
}
body{
  min-height:100vh !important;
  min-height:100dvh !important;
}
.site-bg{
  position:fixed !important;
  inset:-30vh 0 -30vh 0 !important;
  width:100vw !important;
  max-width:100vw !important;
  min-height:160vh !important;
  background-color:#02030a !important;
  background-attachment:scroll !important;
}
@media(max-width:700px){
  html,
  body{
    background-color:#02030a !important;
    background:#02030a !important;
    overscroll-behavior:none !important;
    overflow-x:hidden !important;
    max-width:100vw !important;
  }
  @supports (overflow:clip){html,body{overflow-x:clip !important;}}
  body{
    min-height:100dvh !important;
    position:relative !important;
  }
  body:before{
    pointer-events:none !important;
  }
  .site-bg{
    inset:-45vh 0 -45vh 0 !important;
    min-height:190vh !important;
    transform:translateZ(0);
    background:
      radial-gradient(circle at 18% 0%,rgba(74,91,139,.58) 0,rgba(34,42,68,.28) 22%,transparent 48%),
      radial-gradient(circle at 80% 28%,rgba(216,181,109,.18) 0,rgba(216,181,109,.07) 18%,transparent 36%),
      linear-gradient(135deg,#101624 0%,#07080c 44%,#02030a 100%) !important;
  }
  .site-bg:before,
  .site-bg:after{
    inset:0 !important;
  }
  .wrap,
  .home-page .wrap,
  .event-page .wrap,
  .admin-page .wrap,
  main,
  .hero,
  .grid,
  .gallery,
  .panel{
    max-width:100% !important;
  }
}

/* v2.4 — behåll mjuk iOS-bounce men matcha bakgrunden bakom sidan */
html,
body{
  background-color:#02030a !important;
  background-image:
    radial-gradient(circle at 18% 0%,rgba(74,91,139,.58) 0,rgba(34,42,68,.28) 22%,transparent 48%),
    radial-gradient(circle at 80% 28%,rgba(216,181,109,.18) 0,rgba(216,181,109,.07) 18%,transparent 36%),
    linear-gradient(135deg,#101624 0%,#07080c 44%,#02030a 100%) !important;
  background-repeat:no-repeat !important;
  background-size:cover !important;
  background-attachment:scroll !important;
  overflow-x:hidden !important;
  overscroll-behavior-y:auto !important;
  overscroll-behavior-x:none !important;
}
@supports (overflow:clip){
  html,body{overflow-x:clip !important;}
}
.site-bg{
  position:fixed !important;
  inset:-45vh 0 -45vh 0 !important;
  width:100vw !important;
  max-width:100vw !important;
  min-height:190vh !important;
  pointer-events:none !important;
  background-color:#02030a !important;
  background:
    radial-gradient(circle at 18% 0%,rgba(74,91,139,.58) 0,rgba(34,42,68,.28) 22%,transparent 48%),
    radial-gradient(circle at 80% 28%,rgba(216,181,109,.18) 0,rgba(216,181,109,.07) 18%,transparent 36%),
    linear-gradient(135deg,#101624 0%,#07080c 44%,#02030a 100%) !important;
}
@media(max-width:700px){
  html,
  body{
    background-color:#02030a !important;
    background-image:
      radial-gradient(circle at 18% 0%,rgba(74,91,139,.58) 0,rgba(34,42,68,.28) 22%,transparent 48%),
      radial-gradient(circle at 80% 28%,rgba(216,181,109,.18) 0,rgba(216,181,109,.07) 18%,transparent 36%),
      linear-gradient(135deg,#101624 0%,#07080c 44%,#02030a 100%) !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    overflow-x:hidden !important;
    overscroll-behavior-y:auto !important;
    overscroll-behavior-x:none !important;
    -webkit-overflow-scrolling:touch;
  }
  body{
    min-height:100dvh !important;
  }
}

/* v2.5 admin list delete button */
.admin-list-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.inline-delete-form{display:inline-flex;margin:0}
.inline-delete-form .btn{white-space:nowrap}
@media(max-width:700px){.admin-list-actions{gap:7px}.inline-delete-form{width:auto}.admin-list-actions .btn.small{padding:8px 10px;font-size:13px}}


/* v2.6 – snabb lås/lås upp i adminlistan */
.inline-lock-form{display:inline-flex;margin:0;min-width:0;}
.admin-list-actions .lock-toggle{white-space:nowrap;}
@media (max-width:700px){
  .admin-list-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:100%;}
  .admin-list-actions .btn,.admin-list-actions form{flex:0 1 auto;}
  .admin-list-actions .lock-toggle{min-width:70px;}
}

/* v2.7 – albumnedladdning och statusknappar */
.album-download-row{margin-top:18px;display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;}
.download-album-btn{display:inline-flex;align-items:center;justify-content:center;}
.inline-status-form{display:inline-flex;margin:0;}
.status-cell{min-width:92px;}
.visibility-toggle{min-width:84px;white-space:nowrap;}
.visibility-toggle.is-visible{box-shadow:0 0 0 1px rgba(120,255,190,.18) inset;}
.visibility-toggle.is-hidden{opacity:.82;box-shadow:0 0 0 1px rgba(255,255,255,.10) inset;}
@media(max-width:700px){
  .album-download-row{justify-content:flex-start;margin-top:14px;}
  .download-album-btn{width:100%;}
  .status-cell{min-width:0;}
  .visibility-toggle{min-width:74px;padding:8px 10px;font-size:13px;}
}


/* Pixartist v1 – branding */
:root{--bg:#030303;--panel:rgba(255,255,255,.065);--text:#f8f5ef;--muted:#c6bfb2;--line:rgba(232,207,150,.18);--gold:#d7b978;--shadow:0 24px 90px rgba(0,0,0,.52)}
html,body{background-color:#030303!important;background-image:radial-gradient(circle at 70% 10%,rgba(215,185,120,.14),transparent 32%),linear-gradient(135deg,#050505 0%,#0b0b0d 48%,#010101 100%)!important;}
.site-bg{background:radial-gradient(circle at 76% 10%,rgba(215,185,120,.18) 0,rgba(215,185,120,.07) 22%,transparent 42%),radial-gradient(circle at 12% 0%,rgba(255,255,255,.06),transparent 30%),linear-gradient(135deg,#060606 0%,#0b0b0e 46%,#010101 100%)!important;}
.brand-logo{display:inline-flex;align-items:center;max-width:min(360px,70vw)}
.brand-logo img{display:block;width:100%;height:auto;max-height:54px;object-fit:contain;filter:drop-shadow(0 10px 28px rgba(0,0,0,.45));}
.admin-logo{max-width:220px}.admin-logo img{max-height:34px}.adminpanel-link{color:var(--gold)!important;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.hero{text-align:center}.hero-glass{display:flex;flex-direction:column;align-items:center}.hero h1{margin-left:auto;margin-right:auto}.hero p{margin-left:auto;margin-right:auto}.btn{border-color:rgba(215,185,120,.28)}.btn.primary-save{background:linear-gradient(135deg,rgba(215,185,120,.95),rgba(182,145,74,.95));color:#090704;border-color:rgba(255,231,178,.62);box-shadow:0 16px 42px rgba(215,185,120,.18)}.btn.secondary-back{opacity:.76;background:rgba(255,255,255,.035)}
.no-save-images .gallery img,.no-save-images .lightbox img{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;}

/* Pixartist v1 – compact mobile admin event cards */
@media(max-width:700px){
  .admin-page .table{display:block!important;overflow:visible!important;white-space:normal!important;border-collapse:separate!important;}
  .admin-page .table tbody{display:block;}
  .admin-page .table tr{display:grid;grid-template-columns:1fr auto;gap:8px;margin:0 0 14px;padding:14px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.045);}
  .admin-page .table tr:first-child{display:none;}
  .admin-page .table td{display:block!important;border:0!important;padding:0!important;}
  .admin-page .table td:nth-child(1){grid-column:1 / -1;}
  .admin-page .table td:nth-child(2)::before{content:'Bilder: ';color:var(--muted);}
  .admin-page .table td:nth-child(3)::before{content:'Skydd: ';color:var(--muted);}
  .admin-page .table td:nth-child(4){display:block!important;grid-column:1 / -1;}
  .admin-page .table td:nth-child(5){grid-column:1 / -1;margin-top:6px;}
  .admin-list-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;}
  .admin-list-actions form,.admin-list-actions a,.admin-list-actions button{flex:0 0 auto!important;}
  .admin-list-actions .btn.small{min-height:38px;padding:8px 10px!important;}
  .status-cell .inline-status-form{margin-top:4px;}
  .visibility-toggle{min-width:88px;}
}


/* Pixartist v1.2 — större logotyp och ljusare premiumdesign */
:root{--bg:#0b0b0d;--deep:#08070a;--panel:rgba(255,255,255,.105);--text:#fbf5ea;--muted:#d5cbb9;--line:rgba(234,205,143,.24);--gold:#d9b76c;--champagne:#f3dfb4;--warm:#8f6a33;--shadow:0 30px 110px rgba(0,0,0,.42);}
body{background:#09080b!important;color:var(--text);}
.site-bg{background:radial-gradient(circle at 16% 8%,rgba(243,223,180,.30) 0%,rgba(143,106,51,.18) 20%,transparent 44%),radial-gradient(circle at 82% 18%,rgba(255,255,255,.12) 0%,rgba(216,183,108,.14) 24%,transparent 50%),radial-gradient(circle at 50% 90%,rgba(102,77,42,.24) 0%,transparent 42%),linear-gradient(135deg,#18100c 0%,#0b0b0f 42%,#15110d 100%)!important;}
.site-bg:before{background:conic-gradient(from 190deg at 42% 28%,rgba(255,255,255,.12),rgba(216,183,108,.28),rgba(89,61,28,.12),rgba(255,255,255,.08),rgba(216,183,108,.24),rgba(255,255,255,.12))!important;filter:blur(64px)!important;opacity:.82!important;}
.site-bg:after{background:linear-gradient(180deg,rgba(9,8,11,.08) 0%,rgba(9,8,11,.22) 40%,rgba(9,8,11,.62) 100%),radial-gradient(ellipse at 50% 8%,rgba(255,255,255,.10),transparent 45%)!important;}
.noise:before{opacity:.055!important;}
.nav{padding-top:34px!important;padding-bottom:20px!important;}
.brand-logo{max-width:min(560px,84vw)!important;padding:8px 0;}
.brand-logo img{max-height:92px!important;filter:drop-shadow(0 18px 38px rgba(0,0,0,.52)) drop-shadow(0 0 22px rgba(216,183,108,.16))!important;}
.home-page .nav{justify-content:center!important;}
.admin-logo{max-width:280px!important;}
.admin-logo img{max-height:46px!important;}
.hero{padding-top:62px!important;padding-bottom:78px!important;}
.hero-glass{padding:34px 34px 28px;border:1px solid rgba(243,223,180,.16);border-radius:38px;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025));box-shadow:0 28px 90px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.10);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.hero h1{color:#fff8eb;text-shadow:0 10px 42px rgba(0,0,0,.45),0 0 34px rgba(216,183,108,.12);}
.hero p{color:#e7dcc9!important;}
.orb{background:radial-gradient(circle,rgba(255,248,235,.62) 0%,rgba(216,183,108,.32) 19%,rgba(143,106,51,.16) 44%,transparent 72%)!important;opacity:.92!important;}
.panel,.card,.form-section,.photo{border-color:rgba(243,223,180,.20)!important;}
.panel{background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.04))!important;box-shadow:0 28px 95px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.10)!important;}
.card{background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05))!important;box-shadow:0 30px 100px rgba(0,0,0,.38),0 0 0 1px rgba(216,183,108,.06),inset 0 1px 0 rgba(255,255,255,.13)!important;}
.card:hover{border-color:rgba(243,223,180,.42)!important;box-shadow:0 36px 120px rgba(0,0,0,.46),0 0 54px rgba(216,183,108,.14),inset 0 1px 0 rgba(255,255,255,.16)!important;}
.card:before{background:radial-gradient(circle at 22% 0%,rgba(255,255,255,.42),transparent 28%),linear-gradient(115deg,transparent 0%,rgba(243,223,180,.10) 42%,transparent 62%)!important;}
.card:after{background:linear-gradient(180deg,rgba(0,0,0,0) 10%,rgba(22,15,9,.18) 50%,rgba(7,5,4,.76) 100%)!important;}
.pill,.btn{background:linear-gradient(135deg,rgba(255,255,255,.115),rgba(255,255,255,.045))!important;border-color:rgba(243,223,180,.25)!important;}
.btn.primary-save,.form-actions .btn:first-child{background:linear-gradient(135deg,#f1d99f,#b88b3e)!important;color:#111!important;border-color:rgba(255,237,190,.74)!important;box-shadow:0 18px 48px rgba(216,183,108,.20)!important;}
input,textarea,select{background:rgba(255,255,255,.105)!important;border-color:rgba(243,223,180,.18)!important;}
.footer{color:#cbbda4!important;}
@media(max-width:700px){.nav{padding-top:calc(96px + env(safe-area-inset-top,0px))!important;}.brand-logo{max-width:min(430px,88vw)!important;}.brand-logo img{max-height:78px!important;}.admin-logo{max-width:215px!important;}.admin-logo img{max-height:38px!important;}.hero{padding-top:28px!important;padding-bottom:52px!important;}.hero-glass{padding:24px 20px 22px;border-radius:30px;}.hero h1{font-size:clamp(2.45rem,12.5vw,4rem)!important;}body::before{background:linear-gradient(180deg,rgba(9,8,11,1) 0%,rgba(9,8,11,.98) calc(86px + env(safe-area-inset-top,0px)),rgba(9,8,11,.84) calc(126px + env(safe-area-inset-top,0px)),rgba(9,8,11,0) 100%)!important;}}
@media(max-width:420px){.brand-logo img{max-height:66px!important;}.hero-glass{padding-left:16px;padding-right:16px;}}

/* Pixartist v1.3 — uppdaterade logotyper */
.brand-logo{
  max-width:min(760px,92vw)!important;
  padding:10px 0!important;
}
.brand-logo img{
  max-height:124px!important;
  width:100%!important;
  object-fit:contain!important;
  filter:drop-shadow(0 18px 46px rgba(0,0,0,.62)) drop-shadow(0 0 30px rgba(216,183,108,.20))!important;
}
.home-page .nav{
  justify-content:center!important;
  padding-top:34px!important;
  padding-bottom:10px!important;
}
.event-page .nav{
  justify-content:center!important;
}
.admin-logo{
  max-width:360px!important;
}
.admin-logo img{
  max-height:58px!important;
}
.admin-brand{
  gap:16px!important;
}
@media(max-width:700px){
  .brand-logo{max-width:min(560px,94vw)!important;}
  .brand-logo img{max-height:104px!important;}
  .home-page .nav{padding-top:calc(76px + env(safe-area-inset-top,0px))!important;}
  .admin-logo{max-width:250px!important;}
  .admin-logo img{max-height:44px!important;}
}
@media(max-width:420px){
  .brand-logo img{max-height:86px!important;}
  .admin-logo{max-width:220px!important;}
  .admin-logo img{max-height:38px!important;}
}

/* Pixartist v1.4 — integrerad logotyp utan hård svart rektangel */
.home-page .nav,
.event-page .nav{
  justify-content:center!important;
  padding-top:calc(34px + env(safe-area-inset-top,0px))!important;
  padding-bottom:2px!important;
}
.brand-logo{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:min(780px,92vw)!important;
  max-width:min(780px,92vw)!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  isolation:isolate!important;
}
.brand-logo:before{
  content:"";
  position:absolute;
  left:5%;
  right:5%;
  top:14%;
  bottom:14%;
  z-index:-1;
  border-radius:999px;
  background:radial-gradient(ellipse at center,rgba(244,221,170,.16),rgba(244,221,170,.07) 38%,rgba(0,0,0,0) 72%);
  filter:blur(22px);
  opacity:.9;
}
.brand-logo img{
  display:block!important;
  width:100%!important;
  max-height:132px!important;
  height:auto!important;
  object-fit:contain!important;
  mix-blend-mode:screen!important;
  filter:drop-shadow(0 16px 32px rgba(0,0,0,.52)) drop-shadow(0 0 20px rgba(221,184,102,.18))!important;
}
.home-page .hero{
  padding-top:30px!important;
}
.hero-glass{
  margin-top:4px!important;
}
@media(max-width:700px){
  .home-page .nav,
  .event-page .nav{
    padding-top:calc(46px + env(safe-area-inset-top,0px))!important;
    padding-bottom:0!important;
  }
  .brand-logo{
    width:min(520px,88vw)!important;
    max-width:min(520px,88vw)!important;
  }
  .brand-logo:before{
    left:2%;right:2%;top:18%;bottom:18%;filter:blur(18px);opacity:.8;
  }
  .brand-logo img{
    max-height:102px!important;
  }
  .home-page .hero{
    padding-top:18px!important;
  }
}
@media(max-width:420px){
  .brand-logo{width:86vw!important;max-width:86vw!important;}
  .brand-logo img{max-height:82px!important;}
}


/* Pixartist v1.5 — endast nya logotyper, transparent integrering */
.brand-logo img{
  mix-blend-mode:normal!important;
  background:transparent!important;
  max-height:146px!important;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.56)) drop-shadow(0 0 18px rgba(221,184,102,.16))!important;
}
.brand-logo:before{
  background:radial-gradient(ellipse at center,rgba(244,221,170,.13),rgba(244,221,170,.055) 42%,rgba(0,0,0,0) 74%)!important;
}
.admin-logo img{max-height:60px!important;}
@media(max-width:700px){
  .brand-logo img{max-height:112px!important;}
  .admin-logo img{max-height:44px!important;}
}
@media(max-width:420px){
  .brand-logo img{max-height:92px!important;}
}


/* Pixartist v1.6 — mindre hero-text och textstorlek från admin */
.home-page .hero{
  padding-top:14px!important;
  padding-bottom:28px!important;
}
.home-page .hero-glass{
  padding:24px 26px 22px!important;
  border-radius:30px!important;
}
.home-page .hero h1{
  font-size:clamp(2rem, 7.8vw, var(--hero-title-size, 42px))!important;
  line-height:1.02!important;
  letter-spacing:-.055em!important;
  max-width:860px!important;
}
.home-page .hero p{
  font-size:var(--hero-intro-size, 18px)!important;
  line-height:1.45!important;
  max-width:760px!important;
  margin-top:18px!important;
  margin-bottom:0!important;
}
.home-page .grid{
  padding-top:8px!important;
}
.text-size-row{
  display:grid;
  grid-template-columns:minmax(190px,240px) minmax(120px,180px);
  gap:10px 14px;
  align-items:end;
  margin-top:6px;
}
.text-size-row label{margin:0;}
.text-size-row select{margin:0;}
.text-size-row .help{grid-column:1 / -1;margin:2px 0 0;}
@media(max-width:700px){
  .home-page .hero{padding-top:8px!important;padding-bottom:22px!important;}
  .home-page .hero-glass{padding:20px 18px 18px!important;border-radius:26px!important;}
  .home-page .hero h1{font-size:clamp(1.8rem, 9vw, var(--hero-title-size, 42px))!important;}
  .home-page .hero p{font-size:min(var(--hero-intro-size, 18px), 20px)!important;line-height:1.42!important;}
  .text-size-row{grid-template-columns:1fr;}
}

/* Pixartist v1.7 — ny presentationsstartsida, bildspel, kontaktsida och diskret redigeringsknapp */
.nav{gap:22px;align-items:center;}
.nav-links{margin-left:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.nav-links a{color:rgba(255,255,255,.78);text-decoration:none;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);padding:9px 13px;border-radius:999px;font-size:.92rem;letter-spacing:.01em;backdrop-filter:blur(10px);}
.nav-links a:hover{color:#fff;border-color:rgba(216,181,109,.38);background:rgba(216,181,109,.10);}
.business-home .wrap,.contact-page .wrap,.albums-page .wrap{padding-bottom:42px;}
.business-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr);gap:34px;align-items:center;padding:22px 0 40px;min-height:calc(100vh - 210px);}
.business-copy{position:relative;z-index:2;padding:34px;border:1px solid rgba(255,255,255,.12);border-radius:36px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.035));box-shadow:0 30px 110px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.10);backdrop-filter:blur(18px);}
.business-copy:before{content:"";position:absolute;inset:-1px;border-radius:36px;pointer-events:none;background:radial-gradient(circle at 12% 0%,rgba(216,181,109,.20),transparent 33%),radial-gradient(circle at 100% 100%,rgba(76,115,190,.16),transparent 38%);opacity:.9;}
.business-copy>*{position:relative;z-index:2;}
.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:rgba(244,221,170,.82);font-size:.78rem;font-weight:700;margin:0 0 14px;}
.business-copy h1,.contact-hero h1{font-size:clamp(2.2rem,6.2vw,5.15rem);line-height:.96;letter-spacing:-.06em;margin:0 0 18px;max-width:880px;}
.business-copy .lead,.contact-hero .lead{font-size:clamp(1.08rem,2vw,1.45rem);line-height:1.48;color:rgba(255,255,255,.88);margin:0 0 18px;}
.business-copy p:not(.eyebrow):not(.lead){font-size:1.02rem;line-height:1.65;color:rgba(255,255,255,.72);max-width:760px;}
.hero-actions,.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;}
.slideshow-card{position:relative;min-height:min(62vh,640px);height:100%;border-radius:38px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.025));box-shadow:0 34px 130px rgba(0,0,0,.55),0 0 54px rgba(216,181,109,.09),inset 0 1px 0 rgba(255,255,255,.10);}
.slideshow-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,3,10,.08),rgba(2,3,10,.36) 68%,rgba(2,3,10,.74));pointer-events:none;}
.slideshow{position:absolute;inset:0;}
.slideshow img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06) translateX(2%);animation:pixSlide calc(var(--slide-count) * 5.5s) infinite ease-in-out;animation-delay:calc(var(--slide-index) * 5.5s);filter:saturate(1.08) contrast(1.04) brightness(.95);}
@keyframes pixSlide{0%{opacity:0;transform:scale(1.07) translateX(3%)}7%{opacity:1}25%{opacity:1;transform:scale(1.02) translateX(-1%)}34%{opacity:0;transform:scale(1.01) translateX(-4%)}100%{opacity:0}}
.slideshow-placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:28px;background:radial-gradient(circle at 50% 30%,rgba(216,181,109,.20),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.02));}
.slideshow-placeholder span{border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:12px 16px;color:rgba(255,255,255,.72);background:rgba(0,0,0,.20);}
.contact-hero{max-width:880px;margin:18px auto 42px;padding:42px;border-radius:36px;}
.contact-hero p{line-height:1.65;}
.contact-cta{margin-top:22px;}
.page-edit-float{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:160;text-decoration:none;color:rgba(255,255,255,.72);background:rgba(7,9,17,.58);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);border-radius:999px;padding:9px 13px;font-size:.82rem;box-shadow:0 12px 34px rgba(0,0,0,.34);opacity:.72;}
.page-edit-float:hover{opacity:1;color:#fff;border-color:rgba(216,181,109,.38);background:rgba(30,25,15,.72);}
.page-tabs{margin-bottom:18px;}
.slide-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-top:18px;}
.slide-admin-item{border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.04);padding:10px;}
.slide-admin-item img{width:100%;height:120px;object-fit:cover;border-radius:12px;display:block;margin-bottom:10px;}
.albums-page .hero{padding-top:14px!important;padding-bottom:24px!important;}
.albums-page .hero-glass{padding:22px 24px 20px!important;}
.albums-page .hero h1{font-size:clamp(2rem,7vw,var(--hero-title-size,36px))!important;}
.albums-page .hero p{font-size:var(--hero-intro-size,16px)!important;line-height:1.45!important;}
.albums-page .grid{padding-top:8px!important;}
@media(max-width:860px){
  .business-hero{grid-template-columns:1fr;gap:22px;min-height:auto;padding-top:10px;}
  .business-copy{padding:25px;border-radius:30px;}
  .slideshow-card{min-height:420px;border-radius:30px;}
  .nav{align-items:flex-start;}
  .nav-links{width:100%;justify-content:center;margin-left:0;margin-top:6px;}
}
@media(max-width:700px){
  .business-home .wrap,.contact-page .wrap,.albums-page .wrap{width:calc(100vw - 32px)!important;max-width:calc(100vw - 32px)!important;margin:auto;padding-top:calc(104px + env(safe-area-inset-top,0px))!important;}
  .business-home .nav,.contact-page .nav,.albums-page .nav{padding-top:18px!important;padding-bottom:16px!important;}
  .business-copy h1,.contact-hero h1{font-size:clamp(2.1rem,11vw,3.7rem);}
  .business-copy .lead,.contact-hero .lead{font-size:1.08rem;}
  .slideshow-card{min-height:360px;}
  .contact-hero{padding:26px 20px;border-radius:28px;margin-top:8px;}
  .page-edit-float{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));font-size:.76rem;padding:8px 11px;}
}
@media(max-width:420px){
  .slideshow-card{min-height:310px;}
  .business-copy{padding:22px 18px;}
  .hero-actions .btn,.contact-actions .btn{width:100%;justify-content:center;text-align:center;}
}


/* Pixartist v1.9 — snabbare horisontellt bildband utan beskärning */
.business-home .wrap{width:min(1180px,94vw);}
.business-hero{grid-template-columns:1fr;padding-bottom:44px;gap:24px;min-height:auto;}
.business-copy{max-width:980px;margin:0 auto;text-align:center;}
.business-copy p:not(.eyebrow):not(.lead){margin-left:auto;margin-right:auto;}
.hero-actions{justify-content:center;}
.slideshow-card{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);min-height:clamp(260px,42vw,560px);height:clamp(260px,42vw,560px);border-radius:0;border-left:0;border-right:0;overflow:hidden;background:linear-gradient(90deg,rgba(216,181,109,.08),rgba(255,255,255,.035),rgba(216,181,109,.08));box-shadow:0 20px 80px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.08);}
.slideshow-card:before,.slideshow-card:after{content:"";position:absolute;top:0;bottom:0;width:min(13vw,160px);z-index:3;pointer-events:none;}
.slideshow-card:before{left:0;background:linear-gradient(90deg,#07080c 0%,rgba(7,8,12,.76) 42%,rgba(7,8,12,0) 100%);}
.slideshow-card:after{right:0;background:linear-gradient(270deg,#07080c 0%,rgba(7,8,12,.76) 42%,rgba(7,8,12,0) 100%);}
.slideshow-marquee{position:absolute;inset:0;overflow:hidden;display:flex;align-items:center;}
.slideshow-track{height:100%;display:flex;align-items:center;gap:clamp(14px,2vw,28px);width:max-content;will-change:transform;animation:pixMarquee var(--marquee-duration, 80s) linear infinite;}
.slide-frame{flex:0 0 auto;height:calc(100% - clamp(28px,5vw,58px));width:clamp(260px,58vw,760px);margin:0;display:grid;place-items:center;border-radius:clamp(22px,3vw,36px);overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.10),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 80px rgba(0,0,0,.35);}
.slide-frame img{position:static!important;width:100%!important;height:100%!important;object-fit:contain!important;opacity:1!important;transform:none!important;animation:none!important;filter:saturate(1.05) contrast(1.03) brightness(.98);display:block;background:rgba(0,0,0,.20);}
@keyframes pixMarquee{from{transform:translateX(-50%);}to{transform:translateX(0);}}
.slideshow-placeholder{border-radius:0;}
.contact-form{margin-top:24px;display:grid;gap:8px;}
.contact-form .btn{width:max-content;margin-top:4px;}
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;}
.request-list{display:grid;gap:16px;}
.request-card{border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:18px;background:rgba(255,255,255,.045);}
.request-card.unread{border-color:rgba(216,181,109,.42);background:rgba(216,181,109,.07);}
.request-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;}
.request-head h2{margin:0 0 4px;}
.request-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.request-actions form{margin:0;}
.request-message{white-space:normal;line-height:1.62;background:rgba(0,0,0,.16);border-radius:16px;padding:14px;}
@media(max-width:860px){.business-hero{grid-template-columns:1fr}.slideshow-card{min-height:clamp(240px,58vw,430px);height:clamp(240px,58vw,430px)}.slide-frame{width:clamp(230px,76vw,620px)}.business-copy{text-align:left}.hero-actions{justify-content:flex-start}.request-head{flex-direction:column}.request-actions{justify-content:flex-start}.contact-form .btn{width:100%;}}
@media(max-width:420px){.slideshow-card{min-height:300px;height:300px}.slide-frame{width:82vw;height:calc(100% - 34px);border-radius:22px}.slideshow-track{gap:14px}.business-copy{text-align:left}.hero-actions .btn{width:100%;}}
@media(prefers-reduced-motion:reduce){.slideshow-track{animation:none;transform:none}.slideshow-marquee{overflow-x:auto;scroll-snap-type:x mandatory}.slide-frame{scroll-snap-align:center}}


/* Pixartist v2.0 – fullbredd, centrerat bildspel utan beskärning */
.business-home{overflow-x:hidden;}
.business-home .wrap{max-width:min(1180px,94vw);}
.business-home .business-hero{align-items:start;}
.slideshow-card{
  width:100vw !important;
  max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  left:auto !important;
  right:auto !important;
  min-height:clamp(260px,44vw,620px) !important;
  height:clamp(260px,44vw,620px) !important;
  border-radius:0 !important;
}
.slideshow-marquee{width:100vw !important;max-width:100vw !important;overflow:hidden !important;}
.slideshow-track{
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  gap:clamp(12px,1.8vw,28px) !important;
  width:max-content !important;
  min-width:max-content !important;
  animation:pixMarquee var(--marquee-duration, 80s) linear infinite !important;
}
.slide-frame{
  flex:0 0 clamp(280px,42vw,720px) !important;
  width:clamp(280px,42vw,720px) !important;
  height:calc(100% - clamp(26px,5vw,62px)) !important;
  padding:clamp(10px,1.5vw,22px) !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  display:grid !important;
  place-items:center !important;
  background:
    radial-gradient(circle at 50% 50%,rgba(216,181,109,.12),transparent 44%),
    linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025)) !important;
}
.slide-frame img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  display:block !important;
  background:transparent !important;
}
@media(max-width:860px){
  .slideshow-card{height:clamp(260px,64vw,460px) !important;min-height:clamp(260px,64vw,460px) !important;}
  .slide-frame{flex-basis:clamp(250px,78vw,600px) !important;width:clamp(250px,78vw,600px) !important;}
}
@media(max-width:420px){
  .slideshow-card{height:310px !important;min-height:310px !important;}
  .slide-frame{flex-basis:82vw !important;width:82vw !important;}
}


/* Pixartist v2.1 – ombyggt bildspel utan beskärande bildregler
   Princip: bilder visas i sin naturliga proportion, med samma maxhöjd,
   mjukt horisontellt flöde och inga object-fit-regler som kan kapa bilden. */
.business-home{overflow-x:hidden;}
.business-home .business-hero{display:block !important;padding-bottom:42px !important;}
.business-home .business-copy{max-width:980px;margin:0 auto 30px auto;text-align:center;}
.business-home .business-copy p:not(.eyebrow):not(.lead){margin-left:auto;margin-right:auto;}
.business-home .hero-actions{justify-content:center;}

.slideshow-card{
  width:100vw !important;
  max-width:100vw !important;
  height:clamp(280px,48vw,640px) !important;
  min-height:clamp(280px,48vw,640px) !important;
  margin:0 calc(50% - 50vw) !important;
  border-radius:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 20% 20%,rgba(216,181,109,.16),transparent 34%),
    radial-gradient(circle at 80% 70%,rgba(255,255,255,.08),transparent 32%),
    linear-gradient(90deg,#07080d 0%,#111017 45%,#07080d 100%) !important;
  box-shadow:0 22px 88px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.slideshow-card:before,
.slideshow-card:after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  width:min(12vw,150px) !important;
  z-index:5 !important;
  pointer-events:none !important;
}
.slideshow-card:before{left:0 !important;background:linear-gradient(90deg,#07080d 0%,rgba(7,8,13,.72) 44%,rgba(7,8,13,0) 100%) !important;}
.slideshow-card:after{right:0 !important;background:linear-gradient(270deg,#07080d 0%,rgba(7,8,13,.72) 44%,rgba(7,8,13,0) 100%) !important;}
.slideshow-marquee{
  position:absolute !important;
  inset:0 !important;
  width:100vw !important;
  max-width:100vw !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
}
.slideshow-track{
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  gap:clamp(16px,2.2vw,34px) !important;
  width:max-content !important;
  min-width:max-content !important;
  padding:clamp(24px,4vw,54px) 0 !important;
  box-sizing:border-box !important;
  animation:pixartistFlow var(--marquee-duration,80s) linear infinite !important;
  will-change:transform !important;
}
.slide-frame{
  flex:0 0 auto !important;
  width:auto !important;
  max-width:none !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  border-radius:clamp(18px,2.4vw,34px) !important;
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.13) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.34) !important;
}
.slide-frame img{
  position:static !important;
  height:100% !important;
  width:auto !important;
  max-width:none !important;
  max-height:100% !important;
  min-width:0 !important;
  object-fit:unset !important;
  object-position:unset !important;
  display:block !important;
  opacity:1 !important;
  transform:none !important;
  animation:none !important;
  filter:saturate(1.05) contrast(1.03) brightness(.98) !important;
  background:transparent !important;
}
@keyframes pixartistFlow{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:860px){
  .business-home .business-copy{text-align:left;margin-bottom:22px;}
  .business-home .hero-actions{justify-content:flex-start;}
  .slideshow-card{height:clamp(260px,68vw,480px) !important;min-height:clamp(260px,68vw,480px) !important;}
  .slideshow-track{gap:16px !important;padding:24px 0 !important;}
}
@media(max-width:420px){
  .slideshow-card{height:330px !important;min-height:330px !important;}
  .slideshow-track{gap:14px !important;padding:24px 0 !important;}
}
@media(prefers-reduced-motion:reduce){
  .slideshow-track{animation:none !important;transform:none !important;overflow-x:auto !important;}
}

/* Pixartist v2.2 – mobil: mindre toppluft och tajtare första vy */
@media(max-width:700px){
  .business-home .wrap,
  .contact-page .wrap,
  .albums-page .wrap{
    padding-top:calc(16px + env(safe-area-inset-top,0px)) !important;
    padding-bottom:28px !important;
  }
  .business-home .nav,
  .contact-page .nav,
  .albums-page .nav{
    padding-top:calc(10px + env(safe-area-inset-top,0px)) !important;
    padding-bottom:10px !important;
    margin-bottom:8px !important;
  }
  .business-home .brand-logo{max-width:min(232px,46vw) !important;}
  .business-home .brand-logo img{max-height:42px !important;}
  .business-home .nav-links{width:auto !important;margin-left:auto !important;margin-top:0 !important;justify-content:flex-end !important;gap:8px !important;}
  .business-home .nav-links a{padding:8px 12px !important;font-size:.9rem !important;}
  .business-hero{padding-top:10px !important;gap:18px !important;}
  .business-copy{padding:22px 18px !important;border-radius:28px !important;margin-bottom:22px !important;}
  .business-copy h1{font-size:clamp(2.15rem,10.5vw,3.35rem) !important;line-height:.98 !important;}
  .business-copy .lead{font-size:1.02rem !important;line-height:1.45 !important;}
  .business-copy p:not(.eyebrow):not(.lead){font-size:.98rem !important;line-height:1.52 !important;}
  .hero-actions{margin-top:22px !important;}
  body::before{
    height:calc(48px + env(safe-area-inset-top,0px)) !important;
    background:linear-gradient(180deg,rgba(2,3,10,.82) 0%,rgba(2,3,10,.38) 54%,rgba(2,3,10,0) 100%) !important;
  }
}
@media(max-width:420px){
  .business-home .wrap{width:calc(100vw - 28px)!important;max-width:calc(100vw - 28px)!important;}
  .business-home .brand-logo{max-width:min(205px,43vw) !important;}
  .business-home .nav-links a{padding:7px 10px !important;font-size:.86rem !important;}
}