@font-face{font-family:"Archivo";font-weight:900;font-stretch:125%;font-display:swap;src:url(//gc-vape.ch/wp-content/themes/gc-child/assets/fonts/archivo-expanded-900.woff2) format("woff2")}
@font-face{font-family:"GC Logo";font-display:swap;src:url(//gc-vape.ch/wp-content/themes/gc-child/assets/fonts/bebas-logo.woff2) format("woff2")}
@font-face{font-family:"Figtree";font-weight:500 800;font-display:swap;src:url(//gc-vape.ch/wp-content/themes/gc-child/assets/fonts/figtree-var.woff2) format("woff2")}:root{--bg:#f5f8f6;--paper:#fff;--ink:#0b0d0b;--muted:#4b544e;--line:#d9e0db;--red:#ff4a2b;--orange:#ffae2b;--green:#24c46e;--violet:#5a1b8c;--lime:#63d361;--deep:#0c3a25;--night:#10210f;--display:Archivo,"Arial Black",sans-serif;--text:Figtree,system-ui,sans-serif;--g:clamp(16px,2.6vw,48px);--sec:clamp(56px,6vw,104px);--sec-h:clamp(16px,1.5vw,26px);--r-s:10px;--logo-green:#53b147;--out:cubic-bezier(.16,1,.3,1);--spring:cubic-bezier(.2,1.2,.4,1);--hd:72px;--primary-color:var(--ink);--fs-color-primary:var(--ink);--fs-color-secondary:var(--ink);--fs-color-success:#17863a;--fs-color-alert:#c9231a;--fs-experimental-link-color:var(--ink);--fs-experimental-link-color-hover:var(--ink);}:where(*,*::before,*::after){box-sizing:border-box}:where(html){-webkit-text-size-adjust:100%}:where(body){margin:0}:where(img,svg,video){max-width:100%;vertical-align:middle}:where(img){height:auto}:where(a){color:inherit;text-decoration:none}:where(button,input,select,textarea){color:inherit;font:inherit}:where(p,ul,ol,dl,figure,h1,h2,h3,h4,h5,h6){margin:0}:where(ul,ol){padding:0}
.hidden,.mfp-hide{display:none!important}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html{scroll-padding-top:calc(var(--hd) + 16px);accent-color:var(--ink)}
html,body,#wrapper,#main{background:var(--bg)}
body{color:var(--ink);font:500 clamp(1rem,.96rem + .15vw,1.125rem)/1.5 var(--text);overflow-x:clip}
h1,h2,h3,h4,h5,h6,.heading-font,button,.button,input,select,textarea{font-family:var(--text);letter-spacing:normal}
h1,h2,h3,h4,h5,h6{color:var(--ink)}::selection{background:var(--lime);color:#0b1f0e}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}
.gc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.gc-i{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.container,.container-width,.row,.full-width .ubermenu-nav,.is-full-height>.container{max-width:none!important}
.container{padding-inline:var(--g)}
#content>.row,.page-wrapper>.row,.shop-page-title .row,.product-main>.row,.product-footer .row{padding-inline:calc(var(--g) - 15px)}
.top{display:flex;justify-content:space-between;gap:24px;padding:5px var(--g);background:var(--ink);color:#fff;font-size:.8125rem;font-weight:600}
#header.header{position:sticky;top:var(--wp-admin--admin-bar--height,0);z-index:50;height:auto;background:none;box-shadow:none}
#header .header-wrapper{position:static;background:none;box-shadow:none}
.hd{position:relative;display:flex;align-items:center;gap:clamp(12px,1.4vw,28px);height:var(--hd);padding:0 var(--g);background:var(--paper);border-bottom:1px solid var(--line);color:var(--ink)}
.logo,.logo:hover{font:400 clamp(2rem,1.6rem + 1vw,2.75rem)/1 "GC Logo","Arial Narrow",sans-serif;letter-spacing:normal;color:var(--ink);text-decoration:none;white-space:nowrap;flex:none}
.logo span{color:var(--logo-green)}
.hd .nav{position:static;display:flex;align-items:center;flex:1 1 auto;min-width:0;width:auto;height:100%}
.nav-i{margin-left:clamp(6px,.8vw,14px)!important;padding-left:clamp(6px,.8vw,14px)!important;background:linear-gradient(var(--line),var(--line)) left center/1.5px 22px no-repeat}
.nav-i .nav-l,.nav-i .nav-l:hover{color:var(--muted);font-weight:600}
.nav-i li:hover>.nav-l,.nav-i .nav-l[aria-current],.nav-i .open>.nav-l{color:var(--ink)}
.nav>ul{display:flex;height:100%;margin:0;padding:0;list-style:none}
.nav li{position:static;display:flex;margin:0}
.nav-l,.nav-l:hover{position:relative;display:inline-flex;align-items:center;gap:.25em;margin:0;padding:0 clamp(7px,.72vw,14px);min-height:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--ink);font:700 1rem/1 var(--text);text-transform:none;text-decoration:none;white-space:nowrap;cursor:pointer}
.nav-l::after{content:"";position:absolute;left:clamp(7px,.72vw,14px);right:clamp(7px,.72vw,14px);bottom:14px;height:3px;background:var(--red);scale:0 1;transform-origin:left;transition:scale .35s var(--out)}
.nav li:hover>.nav-l::after,.nav-l:focus-visible::after,.nav-l[aria-current]::after{scale:1 1}
.nav-l .gc-i{width:.9em;transition:rotate .3s var(--out)}
.has-mega:hover>.nav-l .gc-i,.has-mega.open>.nav-l .gc-i{rotate:180deg}
.mega{position:absolute;left:0;right:0;top:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.5fr);gap:clamp(24px,3vw,56px);padding:clamp(24px,2.4vw,40px) var(--g);background:var(--paper);border-top:1px solid var(--line);box-shadow:0 30px 40px -24px #0b0d0b55;visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .4s var(--out),visibility 0s .4s}
.has-mega:hover>.mega,.has-mega.open>.mega{visibility:visible;clip-path:inset(0 -40px -80px);transition:clip-path .4s var(--out)}
.has-mega.shut>.mega{visibility:hidden;clip-path:inset(0 0 100% 0);transition:none}
.m-t{display:block;padding-bottom:8px;margin-bottom:6px;border-bottom:2px solid var(--ink);color:var(--ink);font-size:1.125rem;font-weight:800;text-decoration:none}
.m-l{display:block;padding:6px 0;color:var(--ink);font-weight:500;text-decoration:none}
.m-t:hover,.m-l:hover{color:var(--ink);text-decoration:underline}
.mega:has(.m-shop){grid-template-columns:repeat(4,minmax(0,1fr))}
.m-shop{display:block;text-decoration:none}
.m-shop img{display:block;width:100%;height:auto;aspect-ratio:4/3;margin-bottom:8px;object-fit:cover;background:var(--line)}
.m-shop:hover .m-t{text-decoration:underline}
.m-shop .m-t{margin:0;padding:0;border:0}
.m-pr{display:flex;gap:16px}
.m-pr a{flex:1;min-width:0;display:block;color:var(--ink);font-size:.9375rem;font-weight:700;text-decoration:none}
.m-pr a:hover{color:var(--ink);text-decoration:underline}
.m-pr img{display:block;width:100%;max-width:170px;height:auto;margin-bottom:6px}
.search{position:relative;flex:0 1 200px;min-width:170px;margin:0}
#header .search input[type=search]{width:100%;height:44px;margin:0;padding:0 16px 0 42px;border:1.5px solid var(--ink);border-radius:99px;background:var(--bg);box-shadow:none;color:var(--ink);font-weight:600;caret-color:var(--red)}
#header .search input[type=search]:focus{background:#fff}
#header .search input::placeholder{color:var(--muted);opacity:1}
.search>.gc-i{position:absolute;left:14px;top:50%;translate:0 -50%;pointer-events:none}
.accb,.accb:hover{display:inline-flex;align-items:center;gap:.4em;height:44px;padding:0 4px;color:var(--ink);font-weight:700;text-decoration:none;flex:none}
.accb:hover .accb-t{text-decoration:underline}
.cartb,.cartb:hover{display:inline-flex;align-items:center;gap:.45em;height:44px;padding:0 4px;color:var(--ink);font-weight:700;text-decoration:none;flex:none}
.cartb:hover .cartb-t{text-decoration:underline}
.cartb b{min-width:1.6em;height:1.6em;line-height:1.6em;text-align:center;border-radius:99px;background:var(--ink);color:#fff;font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums}
.burger,.x{display:none;width:44px;height:44px;margin:0;padding:0;place-items:center;flex:none;border:0;background:none;color:var(--ink);box-shadow:none;min-height:0;cursor:pointer}
.x{display:grid}
.burger .gc-i,.x .gc-i{width:24px;height:24px}
dialog.drawer{margin:0 auto 0 0;width:min(460px,100vw);max-width:none;height:100dvh;max-height:none;border:0;padding:0;background:var(--paper);color:var(--ink);transition:translate .45s var(--out),overlay .45s allow-discrete,display .45s allow-discrete;translate:-100% 0}
dialog.drawer[open]{translate:0 0}
@starting-style{dialog.drawer[open]{translate:-100% 0}}
dialog.drawer::backdrop{background:#0b0d0b80}
.dr-in{display:flex;flex-direction:column;height:100%;padding:12px var(--g) 16px}
.dr-h{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:8px}
.dr-nav{overflow:auto;flex:1}
.dr-nav a,.dr-nav summary{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);color:var(--ink);font-size:1.125rem;font-weight:700;text-decoration:none;cursor:pointer;list-style:none}
.dr-nav summary::-webkit-details-marker{display:none}
.dr-nav details>div{padding-left:14px}
.dr-nav details>div a,.dr-nav details>div summary{font-weight:500}
.dr-nav details[open]>summary .gc-i{rotate:180deg}
.dr-i{margin-top:18px;padding-top:6px;border-top:2px solid var(--ink)}
.dr-i>a,.dr-i>details>summary{color:var(--muted)}
.dr-acc a{display:flex;align-items:center;gap:10px;padding:14px 0 4px;color:var(--ink);font-size:1.0625rem;font-weight:700;text-decoration:none}
.ft{background:var(--ink);color:#fff;padding:clamp(36px,3.6vw,64px) var(--g) 20px}
.ft-g{display:grid;grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:32px var(--g)}
.ft h2{margin:0 0 8px;color:#fff;font-size:1rem;font-weight:800}
.ft ul{margin:0;padding:0;list-style:none}
.ft li{margin:0;padding:2px 0}
.ft a{color:#fff;text-decoration:none}
.ft a:hover{color:#fff;text-decoration:underline}
.ft p{margin:0 0 8px;color:#d3dbd5}
.ft-a p{margin-top:10px;max-width:30ch}
.ft .logo,.ft .logo:hover{color:#fff}
.ft .logo span{color:var(--logo-green)}
.ft :focus-visible{outline-color:#fff}
.ft-l{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;margin-top:clamp(28px,3vw,48px);color:#d3dbd5;font-size:.875rem}
.gc-p :where(h1,h2,h3,p,ul,dl,dt,dd,figure,address){margin:0;padding:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit}
.gc-p a,.gc-p a:where(:hover){color:inherit}
.gc-p :where(dl,dt,dd){letter-spacing:normal;text-transform:none}
.gc-p :where(img){display:block}
#top-link{display:none}
.gc-p :where(section){scroll-margin-top:calc(var(--hd) + 16px)}
.t-red{--a:var(--red);--tx:#5a1b8c;--on:#1a0605}
.t-orange{--a:var(--orange);--tx:#a01c47;--on:#2a0a12}
.t-green{--a:var(--green);--tx:#7a0e3a;--on:#04240f}
.t-violet{--a:var(--violet);--tx:#ffae2b;--on:#fff;--btn:#fff;--btn-on:#0b0d0b}
.t-lime{--a:var(--lime);--tx:#0c3a25;--on:#0b1f0e}
.t-deep{--a:var(--deep);--tx:#63d361;--on:#fff;--btn:#fff;--btn-on:#0b0d0b}
.tf,.gc-p a.tf,.gc-p a.tf:where(:hover){background:var(--a);color:var(--on)}
.gc-p .h2{font:900 clamp(1.5rem,2.5vw,2.8rem)/1.06 var(--display);font-stretch:125%;letter-spacing:-.015em;text-wrap:balance}
a.gbtn,a.gbtn:hover{display:inline-flex;align-items:stretch;min-height:52px;background:var(--btn,var(--ink));color:var(--btn-on,#fff);font-size:1.0625rem;font-weight:800;line-height:1.1;text-decoration:none;white-space:nowrap}
.gbtn>span{display:flex;align-items:center;padding:0 1.15em}
.gbtn-a{display:grid;place-items:center;width:52px;border:2px solid var(--btn,var(--ink));background:var(--btn-on,#fff);color:var(--btn,var(--ink))}
.gbtn-a .gc-i{transition:translate .35s var(--out)}
.gbtn:hover .gbtn-a .gc-i{translate:4px 0}
.lk{font-weight:700;text-decoration:underline}
.strip-h{padding:var(--sec) var(--g) var(--sec-h)}
.ri{position:absolute;right:9%;bottom:6%;height:70%;width:auto;rotate:-9deg;transition:rotate .55s var(--spring),translate .55s var(--spring)}
.ri .a{fill:var(--tx)}
.ri .b{fill:#fff}
.ri .c{fill:var(--a)}
.pgrid{--cols:2;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));border-top:1px solid var(--line)}
.pc{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--paper);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.pc:has(.pc-n a:focus-visible){outline:3px solid var(--ink);outline-offset:-3px}
.pc-img{position:relative;aspect-ratio:1;overflow:hidden;background:#fff}
.pc-img img{width:100%;height:100%;object-fit:contain;transition:scale .6s var(--out)}
.pc:hover .pc-img img{scale:1.04}
.pc--pop .pc-img{background:var(--a)}
.pc--pop .pc-img img{position:absolute;width:auto;max-width:none;height:128%;left:50%;top:7%;translate:-50% 0;rotate:-8deg;filter:drop-shadow(0 10px 12px #0004);transition:rotate .6s var(--spring),top .6s var(--out)}
.pc--pop:hover .pc-img img{scale:1;rotate:0deg;top:3%}
.gc-p .pc-tag{position:absolute;z-index:1;left:10px;top:10px;padding:.42em .6em .38em;background:var(--btn,var(--ink));color:var(--btn-on,#fff);font:900 .75rem/1 var(--display);font-stretch:125%;letter-spacing:.01em;text-transform:uppercase}
.pc-tx{display:flex;flex-direction:column;flex:1;padding:10px 14px 12px}
.gc-p .pc-n{font-size:1.0625rem;font-weight:800;line-height:1.18;text-wrap:balance}
.pc-n a{text-decoration:none}
.pc-n a::after{content:"";position:absolute;inset:0}
.pc:hover .pc-n a{text-decoration:underline}
.pc-n a:focus-visible{outline:0;box-shadow:none}
.gc-p .pc-ar{margin-top:3px;font-size:.9375rem;font-weight:700;line-height:1.25}
.gc-p .pc-m{margin-top:2px;font-size:.875rem;color:var(--muted)}
.pc-f{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;margin-top:auto;padding-top:8px}
.gc-p .pc-price{font-size:1.0625rem;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.pc-price del{font-weight:500;color:var(--muted)}
a.pc-add,a.pc-add:hover{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:40px;padding:0 10px;border-radius:var(--r-s);border:1.5px solid var(--ink);font-weight:700;font-size:.875rem;line-height:1;text-decoration:none;transition:background .2s,color .2s}
a.pc-add{color:var(--ink)}
a.pc-add:hover{background:var(--ink);color:#fff}
a.pc-add.loading{opacity:.55;pointer-events:none}
a.pc-add.added{background:#17863a;border-color:#17863a;color:#fff}
.pc-f .added_to_cart{display:none}
.pc-out{font-size:.875rem;font-weight:700;color:var(--muted)}
@media(min-width:640px){.pgrid{--cols:3}.pgrid.pc-g{--cols:4}}
@media(min-width:1000px){.pgrid{--cols:4}}
@media(min-width:1280px){.pgrid:not(.pc-g){--cols:5}}
@media(min-width:1700px){.pgrid:not(.pc-g){--cols:6}} .strip .pc:nth-child(n+5){display:none}
@media(min-width:640px){.strip .pc:nth-child(n+5){display:flex}}
@media(min-width:1000px){.strip .pc:nth-child(n+5){display:none}}
@media(min-width:1280px){.strip .pc:nth-child(5){display:flex}}
@media(min-width:1700px){.strip .pc:nth-child(6){display:flex}} .mini{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.gc-p .mini a{display:flex;align-items:flex-end;min-height:clamp(110px,10vw,180px);padding:clamp(12px,1.2vw,20px);font:900 clamp(1rem,1.35vw,1.6rem)/1.05 var(--display);font-stretch:125%;letter-spacing:-.015em;text-decoration:none}
.gc-p .mini a:hover{text-decoration:underline;text-decoration-thickness:3px}
.mini a:first-child{padding-left:var(--g)}
@media(max-width:999px){
.mini{grid-template-columns:repeat(3,minmax(0,1fr))}
.mini a:nth-child(4){padding-left:var(--g)}
}
@media(max-width:599px){
.mini{grid-template-columns:repeat(2,minmax(0,1fr))}
.mini a:nth-child(4){padding-left:clamp(12px,1.2vw,20px)}
.mini a:nth-child(odd){padding-left:var(--g)}
} .mq{overflow:hidden;background:var(--night);color:var(--lime);padding:.05em 0;font-size:clamp(3rem,9vw,11rem)}
.mq-t{display:flex;align-items:center;width:max-content;font-family:var(--display);font-stretch:125%;font-weight:900;text-transform:uppercase;line-height:1.05;animation:run 70s linear infinite}
.mq i{flex:none;width:.3em;height:.3em;margin:0 .35em;border-radius:50%;background:currentColor}
.mq:hover .mq-t{animation-play-state:paused}
@keyframes run{to{transform:translateX(-50%)}}
.shops{background:var(--lime);color:#0b1f0e}
.sh-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 48px;padding:clamp(28px,3vw,52px) var(--g) clamp(20px,2vw,32px)}
.now{margin-top:6px;font-weight:800;min-height:1.5em}
.hours{display:flex;flex-wrap:wrap;gap:8px clamp(20px,2.6vw,48px);font-variant-numeric:tabular-nums}
.hours>div{display:grid;gap:1px}
.gc-p .hours dt{font-size:.875rem;font-weight:500}
.gc-p .hours dd{font-weight:800;white-space:nowrap}
.sh-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.sh-c{position:relative;display:flex;flex-direction:column;min-width:0}
.sh-i{aspect-ratio:4/3;overflow:hidden;background:var(--deep)}
.sh-i img{width:100%;height:100%;object-fit:cover;transition:scale .7s var(--out)}
.sh-c:hover .sh-i img{scale:1.04}
.sh-b{display:grid;gap:6px;padding:clamp(12px,1.2vw,20px) clamp(12px,1.2vw,20px) clamp(24px,2.6vw,44px)}
.sh-c:first-child .sh-b{padding-left:var(--g)}
.gc-p .sh-b h3{font:900 clamp(1.4rem,2.3vw,2.7rem)/1 var(--display);font-stretch:125%;letter-spacing:-.015em}
.sh-b h3 a{display:inline-flex;align-items:center;gap:.25em;text-decoration:none}
.sh-b h3 a::after{content:"";position:absolute;inset:0}
.sh-b h3 .gc-i{width:.7em;height:.7em;transition:translate .35s var(--out)}
.sh-c:hover h3 a{text-decoration:underline;text-decoration-thickness:3px}
.sh-c:hover h3 .gc-i{translate:5px 0}
.sh-b address{font-style:normal;line-height:1.3}
.sh-b .tel{position:relative;z-index:1;justify-self:start;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.sh-b .tel:hover{text-decoration:underline}
@media(max-width:999px){
.sh-g{grid-template-columns:repeat(2,minmax(0,1fr))}
.sh-c:nth-child(odd) .sh-b{padding-left:var(--g)}
} .faq{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:20px clamp(24px,4vw,80px);padding:var(--sec) var(--g)}
.faq>.h2{position:sticky;top:calc(var(--hd) + 24px);align-self:start}
.acc{border-top:1px solid var(--ink)}
.acc:last-child{border-bottom:1px solid var(--ink)}
.acc summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:clamp(12px,1.05vw,18px) 0;cursor:pointer;list-style:none}
.acc summary::-webkit-details-marker{display:none}
.gc-p .acc h3{font-size:clamp(1.0625rem,1.2vw,1.375rem);font-weight:700;line-height:1.25}
.acc .gc-i{transition:rotate .45s var(--out)}
.acc[open] .gc-i{rotate:45deg}
.acc-b{display:grid;gap:.6em;max-width:68ch;padding-bottom:18px}
.acc-b a{font-weight:700;text-decoration:underline}
@supports (interpolate-size:allow-keywords){
.acc{interpolate-size:allow-keywords}
.acc::details-content{height:0;overflow:clip;transition:height .45s var(--out),content-visibility .45s allow-discrete}
.acc[open]::details-content{height:auto}
}
@media(max-width:999px){
.faq{grid-template-columns:minmax(0,1fr)}
.faq>.h2{position:static}
} .ck{position:fixed;z-index:900;left:16px;bottom:16px;display:grid;gap:12px;width:min(480px,calc(100vw - 32px));padding:16px 18px;background:var(--ink);color:#fff;box-shadow:0 18px 40px -16px #0b0d0b99}
.ck[hidden]{display:none}
.ck p{margin:0;font-size:.9375rem;line-height:1.4}
.ck a,.ck a:hover{color:#fff;font-weight:700;text-decoration:underline}
.ck-b{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ck-b button{min-height:48px;margin:0;padding:0 1em;border:1.5px solid #fff;border-radius:0;background:none;box-shadow:none;color:#fff;font-size:1rem;font-weight:800;letter-spacing:normal;line-height:1.1;text-transform:none;cursor:pointer}
.ck-b button:hover{background:#fff;color:var(--ink)}
.ft-ck{margin:0;padding:0;min-height:0;border:0;background:none;box-shadow:none;color:#d3dbd5;font:inherit;letter-spacing:normal;text-transform:none;text-decoration:underline;cursor:pointer}
.ft-ck:hover{color:#fff}
.nw{white-space:nowrap}
.ft-so{display:flex;flex-wrap:wrap;gap:6px 20px}
.ft .ft-so a{color:#d3dbd5;text-decoration:underline}
.ft .ft-so a:hover{color:#fff}
#surbma-yes-no-popup.uk-open{display:flex!important;align-items:center;justify-content:center;padding:16px;background:#0b0d0bb8}
#surbma-yes-no-popup .uk-modal-dialog{width:min(560px,100%);margin:0;padding:clamp(20px,3vw,36px);border:0;border-radius:0;background:var(--lime);box-shadow:none;color:#0b1f0e}
#surbma-yes-no-popup .uk-modal-header,#surbma-yes-no-popup .uk-modal-content,#surbma-yes-no-popup .uk-modal-footer{padding:0;border:0;background:none}
#surbma-yes-no-popup h2,#surbma-yes-no-popup h2 a{margin:0;color:#0b1f0e;font:900 clamp(1.5rem,3.4vw,2.5rem)/1.05 var(--display);font-stretch:125%;letter-spacing:-.015em;text-decoration:none}
#surbma-yes-no-popup .uk-modal-content{margin-top:12px;line-height:1.45}
#surbma-yes-no-popup .uk-modal-content *{color:#0b1f0e}
#surbma-yes-no-popup .uk-modal-content a{font-weight:700;text-decoration:underline}
#surbma-yes-no-popup .uk-modal-footer{display:flex;gap:8px;margin-top:clamp(16px,2vw,24px)}
#surbma-yes-no-popup .uk-button{min-height:56px;margin:0;padding:0 1.4em;border:1.5px solid #0b1f0e;border-radius:0;background:none;box-shadow:none;color:#0b1f0e;font-size:1.0625rem;font-weight:800;letter-spacing:normal;line-height:1.1;text-transform:none;cursor:pointer;transition:background .2s,color .2s}
#surbma-yes-no-popup .uk-button-default{flex:0 0 96px!important;width:96px!important;padding:0}
#surbma-yes-no-popup .uk-button-primary{flex:1 1 0!important;width:auto!important;min-width:0;padding:0;background:#0b1f0e;color:#fff}
#surbma-yes-no-popup .uk-button-primary:hover{background:#000;color:#fff}
#surbma-yes-no-popup .uk-button-default:hover{background:#0b1f0e;color:#fff}
@media(max-width:1439px){.nav-o1{display:none!important}.accb-t{display:none}}
@media(max-width:1179px){.nav-o2{display:none!important}}
@media(max-width:1099px){
.hd .nav{display:none}
.burger{display:grid}
.logo{margin-right:auto}
.ft-g{grid-template-columns:repeat(2,minmax(0,1fr))}
.ft-a{grid-column:1/-1}
}
@media(max-width:999px){
.top-2{display:none}
.hd{flex-wrap:wrap;height:auto;gap:4px 8px;padding:6px var(--g) 8px}
.search{order:9;flex:1 1 100%}
} @media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.hero{--hh:clamp(540px,calc(100svh - 100px - var(--wp-admin--admin-bar--height,0px)),820px);position:relative;height:var(--hh);overflow:hidden;container-type:inline-size;isolation:isolate;color:var(--on);transition:color .3s}
.hero>*,.fr>*{--h1:clamp(1rem,1.64cqw,1.85rem);--pad:clamp(16px,1.6cqw,28px)}
.fr{position:absolute;inset:0;visibility:hidden}
.fr.on{visibility:visible;z-index:1}
.fr.out{visibility:visible;z-index:0}
.fr.on.burst{animation:burst .95s var(--out) both}
@keyframes burst{from{clip-path:circle(0 at 79% 42%)}to{clip-path:circle(150% at 79% 42%)}}
.fr-n{position:absolute;left:var(--g);margin-left:-.035em;top:calc(var(--pad) + var(--h1)*1.1 + clamp(8px,.9cqw,16px));font:900 min(var(--fd),calc(var(--hh)*.31))/.86 var(--display);font-stretch:125%;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;color:var(--tx)}
.fr.on .fr-n{animation:slide 1s var(--out) both}
@keyframes slide{from{translate:-70px 0}}
.fr-b{position:absolute;height:107%;width:auto;max-width:none;left:79%;top:-1%;translate:-50% 0;rotate:-11deg;filter:drop-shadow(0 26px 30px #0005)}
.fr.on .fr-b{animation:popin .9s var(--spring) both}
@keyframes popin{from{scale:.62;rotate:14deg}}
.hero-ui{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;width:min(100%,66cqw);padding:var(--pad) var(--g) clamp(10px,1cqw,18px)}
.gc-p .hero-ui h1{font:900 var(--h1)/1.1 var(--display);font-stretch:125%;text-transform:uppercase;letter-spacing:.005em;white-space:nowrap;color:var(--hx,var(--tx))}
.hero.t-green{--hx:#04240f}
.hero.t-red{--hx:#37095f}
.gc-p .hero-ar{display:flex;flex-wrap:wrap;align-items:center;gap:.1em .4em;margin-top:auto;font:900 clamp(1.25rem,2.6cqw,3rem)/1.1 var(--display);font-stretch:125%;letter-spacing:-.01em}
.hero-ar i{flex:none;width:.26em;height:.26em;border-radius:50%;background:currentColor}
.hero-a{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:clamp(10px,1.1cqw,20px)}
.hero-d{font-size:clamp(1.0625rem,1.3cqw,1.5rem);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.sws{display:flex;flex-wrap:wrap;align-items:center;gap:0 clamp(14px,1.6cqw,28px);margin-top:clamp(10px,1cqw,18px)}
.sw,.sw-p{appearance:none;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:inherit;font:inherit;letter-spacing:normal;line-height:1.2;text-transform:none;cursor:pointer}
.sw{position:relative;min-height:44px;font-weight:700;font-size:.9375rem;white-space:nowrap;opacity:.82}
.sw:hover,.sw[aria-pressed=true]{opacity:1}
.sw::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:3px;background:currentColor;scale:0 1;transform-origin:left}
.sw:hover::after{scale:1 1}
.sw[aria-pressed=true]::after{scale:1 1;animation:fill 5s linear both}
.hero:hover .sw::after,.hero:focus-within .sw::after{animation-play-state:paused}
.hero.paused .sw::after{animation:none}
@keyframes fill{from{scale:0 1}}
.sw-p{display:grid;width:44px;height:44px;min-height:44px;place-items:center}
.sw-p .gc-i{grid-area:1/1}
.sw-p .gc-i:last-child,.paused .sw-p .gc-i:first-child{display:none}
.paused .sw-p .gc-i:last-child{display:block}
.gc-p .hero-tag{position:absolute;z-index:2;top:clamp(20px,3cqw,56px);right:clamp(16px,2.6cqw,48px);padding:.42em .65em .38em;background:var(--btn,var(--ink));color:var(--btn-on,#fff);font:900 clamp(1rem,1.7cqw,1.9rem)/1 var(--display);font-stretch:125%;letter-spacing:.01em;text-transform:uppercase;rotate:-11deg}
.ray-g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:clamp(400px,38vw,720px) clamp(240px,20vw,380px)}
.ray{position:relative;overflow:hidden;container-type:inline-size;text-decoration:none;padding:clamp(14px,1.5vw,28px)}
.gc-p .ray h3{font:900 clamp(1.25rem,1.7vw,2rem)/1.05 var(--display);font-stretch:125%;letter-spacing:-.015em}
.ray:hover h3{text-decoration:underline;text-decoration-thickness:3px}
.r-eli{grid-column:span 6}
.gc-p .r-eli h3{font-size:clamp(2rem,6.8cqi,5.6rem)}
.r-pods{grid-column:span 6}
.gc-p .r-pods h3{font-size:clamp(1.8rem,3.2vw,3.6rem)}
.r-ato{grid-column:span 5}
.gc-p .r-ato h3{font-size:clamp(1.25rem,2.2vw,2.6rem)}
.r-eli,.r-ato{padding-left:var(--g)}
.r-boo{grid-column:span 3}
.r-res,.r-box{grid-column:span 2}
.ray:hover .ri{rotate:0deg;translate:0 -12px}
.r-ato .ri,.ray:hover.r-ato .ri{rotate:0deg}
.r-ato .ri{height:72%;right:5%;bottom:5%}
.ray-fan{position:absolute;right:5cqw;bottom:-18cqw;display:flex;height:82cqw;max-height:106%}
.ray-fan img{height:100%;width:auto;max-width:none;margin-left:-3cqw;rotate:var(--rt);translate:0 var(--y);filter:drop-shadow(0 14px 18px #0004);transition:translate .55s var(--spring)}
.ray:hover .ray-fan img{translate:0 calc(var(--y) - 16px)}
.pod-fan{right:7cqw;bottom:-7%;height:84%;max-height:none}
.pod-fan img{margin-left:1.6cqw}
@supports (animation-timeline:view()){
.ray-fan{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 55%}
@keyframes rise{from{translate:0 16%}}
} .new-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px 32px;padding:var(--sec) var(--g) var(--sec-h)}
.gc-p .new-h>*{flex:none;width:auto;margin:0}
.np-w{display:flex;min-height:clamp(460px,40vw,760px)}
.np{position:relative;flex:1 1 0;min-width:0;overflow:hidden;container-type:inline-size;text-decoration:none;transition:flex-grow .6s var(--out)}
.np:hover,.np:focus-visible{flex-grow:1.35}
.np img{position:absolute;height:82%;width:auto;max-width:none;left:50%;bottom:-16%;translate:-50% 0;rotate:-6deg;filter:drop-shadow(0 16px 20px #0004);transition:rotate .6s var(--spring),bottom .6s var(--out)}
.np:hover img{rotate:0deg;bottom:-10%}
.np-t{position:absolute;left:clamp(12px,6cqw,24px);right:clamp(10px,4cqw,20px);top:clamp(12px,5cqw,22px);display:grid;gap:4px}
.np-t strong{font:900 clamp(1.25rem,10cqw,2.5rem)/1 var(--display);font-stretch:125%;letter-spacing:-.015em;color:var(--tx)}
.np:first-child .np-t{left:var(--g)}
.np-a{display:grid;font-size:clamp(1rem,6.4cqw,1.5rem);font-weight:800;line-height:1.15}
.np-p{font-size:.9375rem;font-weight:600}
@media(max-width:999px){
.ray-g{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}
.r-eli,.r-pods,.r-ato{grid-column:1/-1}
.r-eli{min-height:min(84vw,520px)}
.gc-p .r-eli h3{font-size:clamp(2rem,9cqi,4rem)}
.r-pods{min-height:340px}
.r-ato{min-height:230px}
.r-boo{grid-column:1/-1;min-height:230px}
.r-res,.r-box{grid-column:span 1;min-height:220px}
.r-res .ri,.r-box .ri{height:64%}
}
@media(max-width:840px){
.hero>*,.fr>*{--h1:4.15cqw!important;--l:2!important}
.gc-p .hero-ui h1{white-space:normal;text-wrap:balance}
}
@media(max-width:699px){
.hero{height:auto}
.hero>*,.fr>*{--v:min(100cqw,520px);--h1:1.25rem;--l:1}
.fr-n{font-size:min(var(--fm),112px);top:calc(var(--pad) + var(--h1)*1.12*var(--l) + 10px)}
.fr-b{height:calc(var(--v)*.84);left:max(72%,calc(100% - 150px));top:calc(var(--v)*.36);rotate:-9deg}
.hero-ui{display:block;height:auto;width:100%}
.gc-p .hero-ui h1{line-height:1.12;margin-bottom:calc(var(--v)*1.1)}
.gc-p .hero-ar{margin-top:0;font-size:clamp(1rem,4.5cqw,1.25rem)}
.sws{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:0 14px}
.sw{font-size:.875rem;flex:none}
.sw-p{flex:none;margin-left:auto}
.hero-a{margin-top:10px}
.gc-p .hero-tag{top:calc(var(--v)*.78);left:var(--g);right:auto}
.np-w{flex-wrap:wrap;min-height:0}
.np{flex:1 1 50%;aspect-ratio:3/4.6}
.np img,.np:hover img{height:100%;top:37%;bottom:auto}
.np-a{display:block;font-size:.9375rem}
.np-a span:not(:last-child)::after{content:", "}
.np:hover,.np:focus-visible{flex-grow:1}
.new-h{flex-wrap:wrap}
}.uk-text-small{font-size:11px;line-height:16px}.uk-text-large{font-size:18px;line-height:24px;font-weight:400}.uk-text-bold{font-weight:700}.uk-text-muted{color:#999!important}.uk-text-primary{color:#2d7091!important}.uk-text-success{color:#659f13!important}.uk-text-warning{color:#e28327!important}.uk-text-danger{color:#d85030!important}.uk-text-contrast{color:#fff!important}.uk-text-left{text-align:left!important}.uk-text-right{text-align:right!important}.uk-text-center{text-align:center!important}.uk-text-justify{text-align:justify!important}.uk-text-top{vertical-align:top!important}.uk-text-middle{vertical-align:middle!important}.uk-text-bottom{vertical-align:bottom!important}@media(max-width:959px){.uk-text-center-medium{text-align:center!important}.uk-text-left-medium{text-align:left!important}}@media(max-width:767px){.uk-text-center-small{text-align:center!important}.uk-text-left-small{text-align:left!important}}.uk-text-nowrap{white-space:nowrap}.uk-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uk-text-break{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto}.uk-text-capitalize{text-transform:capitalize!important}.uk-text-lowercase{text-transform:lowercase!important}.uk-text-uppercase{text-transform:uppercase!important}.uk-button::-moz-focus-inner{border:0;padding:0}.uk-button{-webkit-appearance:none;margin:0;border:none;overflow:visible;font:inherit;color:#444;text-transform:none;display:inline-block;box-sizing:border-box;padding:0 12px;background:#eee;vertical-align:middle;line-height:30px;min-height:30px;font-size:1rem;text-decoration:none;text-align:center}.uk-button:not(:disabled){cursor:pointer}.uk-button:focus,.uk-button:hover{background-color:#d5d5d5;color:#444;outline:0;text-decoration:none}.uk-button.uk-active,.uk-button:active{background-color:#ddd;color:#444}.uk-button-primary{background-color:#00a8e6;color:#fff}.uk-button-primary:focus,.uk-button-primary:hover{background-color:#0083b3;color:#fff}.uk-button-primary.uk-active,.uk-button-primary:active{background-color:#0091ca;color:#fff}.uk-button-success{background-color:#8cc14c;color:#fff}.uk-button-success:focus,.uk-button-success:hover{background-color:#72a238;color:#fff}.uk-button-success.uk-active,.uk-button-success:active{background-color:#72ae41;color:#fff}.uk-button-danger{background-color:#da314b;color:#fff}.uk-button-danger:focus,.uk-button-danger:hover{background-color:#b72138;color:#fff}.uk-button-danger.uk-active,.uk-button-danger:active{background-color:#c91032;color:#fff}.uk-button:disabled{background-color:#f5f5f5;color:#999}.uk-button-link,.uk-button-link.uk-active,.uk-button-link:active,.uk-button-link:disabled,.uk-button-link:focus,.uk-button-link:hover{border-color:transparent;background:0 0}.uk-button-link{color:#07D}.uk-button-link.uk-active,.uk-button-link:active,.uk-button-link:focus,.uk-button-link:hover{color:#059;text-decoration:underline}.uk-button-link:disabled{color:#999}.uk-button-link:focus{outline:1px dotted}.uk-button-mini{min-height:20px;padding:0 6px;line-height:20px;font-size:11px}.uk-button-small{min-height:25px;padding:0 10px;line-height:25px;font-size:12px}.uk-button-large{min-height:40px;padding:0 15px;line-height:1.6em;font-size:16px}.uk-button-group{display:inline-block;vertical-align:middle;position:relative;font-size:0;white-space:nowrap}.uk-button-group>*{display:inline-block}.uk-button-group .uk-button{vertical-align:top}.uk-button-dropdown{display:inline-block;vertical-align:middle;position:relative}.uk-close::-moz-focus-inner{border:0;padding:0}.uk-close{-webkit-appearance:none;margin:0;border:none;overflow:visible;font:inherit;color:inherit;text-transform:none;padding:0;background:0 0;display:inline-block;box-sizing:content-box;width:20px;line-height:20px;text-align:center;vertical-align:middle;opacity:.3}.uk-close:after{display:block;content:"\f00d";font-family:FontAwesome}.uk-close:focus,.uk-close:hover{opacity:.5;outline:0;color:inherit;text-decoration:none;cursor:pointer}.uk-close-alt{padding:2px;border-radius:50%;background:#eee;opacity:1}.uk-close-alt:focus,.uk-close-alt:hover{opacity:1}.uk-close-alt:after{opacity:.5}.uk-close-alt:focus:after,.uk-close-alt:hover:after{opacity:.8}.uk-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999999999;overflow-y:auto;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,.6);opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear;touch-action:cross-slide-y pinch-zoom double-tap-zoom;-webkit-transform:translateZ(0);transform:translateZ(0)}.uk-modal.uk-open{opacity:1}.uk-modal-page,.uk-modal-page body{overflow:hidden}.uk-modal-dialog{position:relative;box-sizing:border-box;margin:50px auto;padding:20px;width:600px;max-width:100%;max-width:calc(100% - 20px);background:#fff;opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px);-webkit-transition:opacity .3s linear,-webkit-transform .3s ease-out;transition:opacity .3s linear,transform .3s ease-out}@media(max-width:767px){.uk-modal-dialog{width:auto;margin:10px auto}}.uk-open .uk-modal-dialog{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.uk-modal-dialog>:not([class*=uk-modal-]):last-child{margin-bottom:0}.uk-modal-dialog>.uk-close:first-child{margin:-10px -10px 0 0;float:right}.uk-modal-dialog>.uk-close:first-child+:not([class*=uk-modal-]){margin-top:0}.uk-modal-dialog-lightbox{margin:15px auto;padding:0;max-width:95%;max-width:calc(100% - 30px);min-height:50px}.uk-modal-dialog-lightbox>.uk-close:first-child{position:absolute;top:-12px;right:-12px;margin:0;float:none}@media(max-width:767px){.uk-modal-dialog-lightbox>.uk-close:first-child{top:-7px;right:-7px}}.uk-modal-dialog-blank{margin:0;padding:0;width:100%;max-width:100%;-webkit-transition:opacity .3s linear;transition:opacity .3s linear}.uk-modal-dialog-blank>.uk-close:first-child{position:absolute;top:20px;right:20px;z-index:1;margin:0;float:none}@media(min-width:768px){.uk-modal-dialog-large{width:930px}}@media(min-width:1220px){.uk-modal-dialog-large{width:1130px}}.uk-modal-header{margin-bottom:15px}.uk-modal-footer{margin-top:15px}.uk-modal-footer>:last-child,.uk-modal-header>:last-child{margin-bottom:0}.uk-modal-caption{position:absolute;left:0;right:0;bottom:-20px;margin-bottom:-10px;color:#fff;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uk-modal-spinner{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:25px;color:#ddd}.uk-modal-spinner:after{content:"\f110";display:block;font-family:FontAwesome;-webkit-animation:uk-rotate 2s infinite linear;animation:uk-rotate 2s infinite linear}#surbma-yes-no-popup footer,#surbma-yes-no-popup header,#surbma-yes-no-popup section{display:block}#surbma-yes-no-popup .uk-modal-header a{display:none}#surbma-yes-no-popup .uk-modal-content,#surbma-yes-no-popup .uk-modal-footer,#surbma-yes-no-popup .uk-modal-header{overflow:hidden}#surbma-yes-no-popup .uk-modal-footer>:first-child,#surbma-yes-no-popup .uk-modal-header>:first-child{margin-top:0;padding-top:0}#surbma-yes-no-popup .uk-modal-footer>:last-child,#surbma-yes-no-popup .uk-modal-header>:last-child{margin-bottom:0;padding-bottom:0}#surbma-yes-no-popup .uk-modal-content a{border-bottom:1px dashed #666}#surbma-yes-no-popup.surbma-yes-no-popup-dark .uk-modal-content a{color:#fff;border-bottom:1px dashed #fff}#surbma-yes-no-popup .uk-modal-content a:hover{border-bottom:none}#surbma-yes-no-popup .surbma-yes-no-popup-image-left{text-align:left}#surbma-yes-no-popup .surbma-yes-no-popup-image-center{text-align:center}#surbma-yes-no-popup .surbma-yes-no-popup-image-right{text-align:right}#surbma-yes-no-popup .surbma-yes-no-popup-image-float-left{text-align:left;float:left;margin:0}#surbma-yes-no-popup .surbma-yes-no-popup-image-float-right{text-align:right;float:right;margin:0}#surbma-yes-no-popup .uk-modal-footer.surbma-yes-no-popup-button-left{text-align:left}#surbma-yes-no-popup .uk-modal-footer.surbma-yes-no-popup-button-center{text-align:center}#surbma-yes-no-popup .uk-modal-footer.surbma-yes-no-popup-button-right{text-align:right}#surbma-yes-no-popup.surbma-yes-no-popup-text-center .uk-modal-dialog{text-align:center}#surbma-yes-no-popup.surbma-yes-no-popup-full-page{background:#fff}#surbma-yes-no-popup.surbma-yes-no-popup-full-page.surbma-yes-no-popup-dark,#surbma-yes-no-popup.surbma-yes-no-popup-normal.surbma-yes-no-popup-dark .uk-modal-dialog,#surbma-yes-no-popup.surbma-yes-no-popup-normal.surbma-yes-no-popup-dark .uk-modal-footer,#surbma-yes-no-popup.surbma-yes-no-popup-normal.surbma-yes-no-popup-dark .uk-modal-header{background:#111}#surbma-yes-no-popup.surbma-yes-no-popup-normal.surbma-yes-no-popup-dark:not(.surbma-yes-no-popup-default) .uk-modal-dialog{background:#333}#surbma-yes-no-popup.surbma-yes-no-popup-full-page .uk-modal-dialog,#surbma-yes-no-popup.surbma-yes-no-popup-full-page .uk-modal-footer,#surbma-yes-no-popup.surbma-yes-no-popup-full-page .uk-modal-header{background:0 0;box-shadow:none;border:none}#surbma-yes-no-popup.surbma-yes-no-popup-dark .uk-modal-dialog,#surbma-yes-no-popup.surbma-yes-no-popup-dark .uk-modal-header h2{color:#fff}#surbma-yes-no-popup .uk-close{text-decoration:none!important}#surbma-yes-no-popup .uk-close:after{content:"\00d7";font-family:inherit;font-size:30px}@media(max-width:479px){#surbma-yes-no-popup .uk-modal-footer .uk-button{width:100%}#surbma-yes-no-popup .uk-modal-footer .uk-button+.uk-button{margin-top:10px}}