:root{
  --bg:#edf3f8;--surface:#fff;--surface2:#f5f8fb;--nav:#071522;
  --line:#d6e1ea;--text:#10202d;--muted:#687c8d;--blue:#1577ff;
  --cyan:#2bd2c7;--green:#2fbe7b;--shadow:0 12px 34px rgba(18,48,72,.12);
}
*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#f8fbfd,#edf3f8)}
a{text-decoration:none;color:inherit}.container{width:min(1400px,calc(100% - 28px));margin:auto}
.utility{background:#04101b;color:#b8c8d5;font-size:12px}.utility-inner{min-height:32px;display:flex;justify-content:space-between;align-items:center}
.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.header-main{min-height:82px;display:grid;grid-template-columns:auto minmax(260px,1fr) auto;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--blue),var(--cyan))}
.brand-copy strong{display:block;font-size:23px}.brand-copy span{font-size:12px;color:var(--muted)}
.search{height:44px;display:flex;border:1px solid var(--line);border-radius:11px;overflow:hidden}.search input{border:0;outline:0;padding:0 14px;flex:1}.search button{border:0;background:var(--nav);color:#fff;padding:0 18px;font-weight:800}
.actions{display:flex;gap:9px}.actions button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px;font-weight:800}.actions .cart{background:var(--blue);color:#fff;border-color:var(--blue)}
.mainnav{background:var(--nav);color:#dce9f2}.mainnav-inner{display:flex;align-items:center;min-height:46px;overflow:auto}.mainnav a{padding:14px 17px;font-size:13px;font-weight:800;white-space:nowrap}.mainnav a:hover,.mainnav a.active{background:#10283a;color:#fff;border-bottom:3px solid var(--cyan)}
.shop-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:22px;padding:22px 0 42px}
.sidebar{display:flex;flex-direction:column;gap:14px}.side-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 7px 22px rgba(22,55,78,.08)}
.side-head{padding:13px 15px;background:var(--nav);color:#fff;font-size:13px;font-weight:900}
.category-list a{display:flex;justify-content:space-between;padding:12px 15px;border-bottom:1px solid var(--line);font-size:13px;font-weight:700}.category-list a:hover{background:#eef6fb;color:var(--blue)}
.side-content,.offer{padding:14px}.side-content label{display:block;color:var(--muted);font-size:11px;font-weight:700;margin-bottom:5px}.side-content input{width:100%;height:38px;border:1px solid var(--line);border-radius:9px;padding:0 10px;margin-bottom:10px}
.login-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.login-row a{font-size:11px;color:var(--blue);font-weight:700}.login-row button{border:0;border-radius:9px;padding:9px 13px;background:var(--nav);color:#fff;font-weight:800}
.offer-visual{height:120px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#153e5a,#0c1e2e);color:#fff;margin-bottom:12px;font-weight:900;text-align:center}
.offer p{font-size:12px;color:var(--muted);line-height:1.45}.price{font-weight:900;color:#d94f4f}
.content{display:flex;flex-direction:column;gap:18px}
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;min-height:310px;padding:34px;background:linear-gradient(135deg,#0b1a29,#12314b 62%,#0f4960);border-radius:18px;box-shadow:var(--shadow);color:#fff}
.eyebrow{color:#7ff3e9;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero h1{margin:10px 0 14px;font-size:clamp(32px,4vw,54px);line-height:1.03}.hero p{color:#c7d8e5;line-height:1.65}
.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}.hero-actions button{border:0;border-radius:11px;padding:13px 17px;font-weight:900}.primary{background:var(--blue);color:#fff}.ghost{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.18)!important}
.hero-art{display:grid;place-items:center}.product-stack{width:min(100%,370px);aspect-ratio:1.1;position:relative}.panel{position:absolute;inset:16% 8% 5% 14%;border-radius:28px;background:linear-gradient(145deg,#12293f,#0a1724);border:1px solid rgba(255,255,255,.15);box-shadow:0 30px 60px rgba(0,0,0,.34)}.panel.two{inset:7% 22% 18% 4%;transform:rotate(-8deg);background:linear-gradient(145deg,#173e58,#0d2335)}.panel.front{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}
.shield{width:80px;height:90px;clip-path:polygon(50% 0,92% 18%,85% 72%,50% 100%,15% 72%,8% 18%);background:linear-gradient(180deg,var(--cyan),var(--blue))}
.trust-strip{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:10px}.trust-box{min-height:68px;display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:13px}.trust-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#e9f4ff;color:var(--blue);font-weight:900}.trust-box span{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.section{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 24px rgba(22,55,78,.07)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px}.section-head h2{margin:0;font-size:25px}.section-head p{margin:5px 0 0;color:var(--muted);font-size:13px}
.tabs{display:flex;gap:7px;flex-wrap:wrap}.tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.tab.active{background:var(--nav);color:#fff}
.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.product-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff}.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(21,59,84,.13)}
.product-image{height:148px;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#eef6fb,#dfeaf2)}.device{width:80px;height:116px;border-radius:18px;background:linear-gradient(180deg,#112b40,#07131e);border:5px solid #1a3548;display:grid;place-items:center}.mini-shield{width:34px;height:39px;clip-path:polygon(50% 0,92% 18%,85% 72%,50% 100%,15% 72%,8% 18%);background:linear-gradient(180deg,var(--cyan),var(--blue))}
.product-tag{position:absolute;top:10px;left:10px;padding:6px 8px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:10px;font-weight:900}.product-body{padding:15px}.product-body h3{margin:0 0 6px}.product-body p{margin:0;color:var(--muted);font-size:12px;line-height:1.45;min-height:52px}.features{list-style:none;padding:0;margin:12px 0;font-size:12px;display:grid;gap:7px}.features li:before{content:"✓";color:var(--green);font-weight:900;margin-right:7px}.price-line{display:flex;justify-content:space-between;align-items:end;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.price-line strong{font-size:23px}.price-line span{color:var(--muted);font-size:11px}.buy{border:0;border-radius:9px;padding:9px 11px;color:#fff;background:var(--blue);font-weight:900}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.info-card{padding:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fff,#f7fafc)}.info-card p{color:var(--muted);font-size:13px;line-height:1.5}
.mobile-toggle{display:none}
footer{background:var(--nav);color:#c7d6e1}.footer-inner{min-height:150px;display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:22px;padding:28px 0}.footer-inner strong{color:#fff}.footer-inner a{display:block;margin-top:8px;font-size:12px;color:#aebfcb}
@media(max-width:1050px){.products{grid-template-columns:repeat(2,1fr)}.trust-strip{grid-template-columns:repeat(2,1fr)}.trust-box:first-child{grid-column:1/-1}}
@media(max-width:820px){.shop-layout{grid-template-columns:1fr}.mobile-toggle{display:flex;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-weight:900}.sidebar{display:none}.sidebar.open{display:flex}.hero{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}.header-main{grid-template-columns:1fr;gap:12px;padding:14px 0}.actions{justify-content:space-between}.footer-inner{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.products,.trust-strip{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.footer-inner{grid-template-columns:1fr}}

@media(max-width:1050px){
  #main-app .products[style]{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:600px){
  #main-app .products[style]{grid-template-columns:1fr!important}
}


.config-card{
  border-left:4px solid var(--cyan);
  background:linear-gradient(180deg,#102f49,#0b2236);
  color:#fff;
}
.config-card .product-body p{color:#b8cde0;min-height:64px}
.config-card .product-tag{
  background:#173a54;
  border-color:#2b5775;
  color:#9feee7;
}
.license-label{
  display:block;
  margin:14px 0 7px;
  color:#9eb8d0;
  font-size:12px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.license-select{
  width:100%;
  height:49px;
  border-radius:13px;
  border:1px solid #284d69;
  background:#071827;
  color:#fff;
  padding:0 14px;
  font-size:16px;
  outline:none;
}
.license-select:focus{border-color:var(--cyan)}
.config-price{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
}
.config-price strong{
  display:block;
  font-size:32px;
  line-height:1;
  color:#fff;
}
.config-price small{
  color:#9db9cf;
  font-size:11px;
  text-align:right;
}
.config-card .buy{
  margin-top:14px;
  width:100%;
  background:linear-gradient(135deg,var(--blue),#2f9cff);
}


.payment-strip{
  display:grid;
  grid-template-columns:minmax(260px,1.35fr) repeat(6,minmax(112px,1fr));
  gap:10px;
  align-items:stretch;
}
.payment-trust,
.payment-chip{
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  padding:13px 14px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:13px;
  box-shadow:0 5px 16px rgba(20,52,76,.05);
}
.payment-trust{
  justify-content:flex-start;
}
.payment-trust .trust-icon{
  flex:0 0 auto;
}
.payment-trust strong{
  display:block;
  font-size:13px;
}
.payment-trust span{
  display:block;
  color:var(--muted);
  font-size:11px;
  margin-top:3px;
}
.payment-chip{
  flex-direction:column;
  min-width:0;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.payment-chip:hover{
  transform:translateY(-2px);
  border-color:#b8cfdf;
  box-shadow:0 10px 22px rgba(20,52,76,.09);
}
.payment-chip img{
  display:block;
  width:auto;
  max-width:92px;
  height:25px;
  object-fit:contain;
}
.payment-chip.mastercard img{height:30px}
.payment-chip.googlepay img{height:27px}
.payment-chip.applepay img{height:27px}
.payment-chip.klarna img{height:24px}
.payment-chip small{
  color:var(--muted);
  font-size:10px;
  line-height:1;
}
@media(max-width:1180px){
  .payment-strip{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .payment-trust{
    grid-column:1/-1;
  }
}
@media(max-width:700px){
  .payment-strip{
    display:flex;
    overflow-x:auto;
    padding-bottom:5px;
    scroll-snap-type:x proximity;
  }
  .payment-trust,
  .payment-chip{
    flex:0 0 145px;
    scroll-snap-align:start;
  }
  .payment-trust{
    flex-basis:250px;
  }
}


/* HeidSec Chatbot – based on prepared W_CHATBOT_1A frontend concept */
.hs-chat-launcher{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:90;
  width:62px;
  height:62px;
  border:0;
  border-radius:19px;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
  box-shadow:0 18px 44px rgba(12,73,130,.35);
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease;
}
.hs-chat-launcher:hover{
  transform:translateY(-3px) scale(1.02);
  box-shadow:0 24px 50px rgba(12,73,130,.42);
}
.hs-chat-launcher svg{width:29px;height:29px;fill:currentColor}
.hs-chat-launcher .pulse{
  position:absolute;
  top:-4px;
  right:-4px;
  width:15px;
  height:15px;
  border-radius:50%;
  background:#61e39f;
  border:3px solid #fff;
}
.hs-chat-panel{
  position:fixed;
  right:22px;
  bottom:96px;
  z-index:89;
  width:min(390px,calc(100vw - 28px));
  height:min(620px,calc(100vh - 132px));
  display:none;
  grid-template-rows:auto 1fr auto;
  overflow:hidden;
  border:1px solid #23465f;
  border-radius:22px;
  background:#f7fafc;
  box-shadow:0 30px 80px rgba(3,17,29,.38);
}
.hs-chat-panel.open{display:grid;animation:hsChatIn .2s ease}
@keyframes hsChatIn{
  from{opacity:0;transform:translateY(12px) scale(.98)}
  to{opacity:1;transform:none}
}
.hs-chat-head{
  padding:16px 17px;
  display:flex;
  align-items:center;
  gap:12px;
  color:#fff;
  background:linear-gradient(135deg,#081928,#123b58);
}
.hs-chat-avatar{
  width:42px;
  height:42px;
  border-radius:13px;
  display:grid;
  place-items:center;
  font-weight:900;
  background:linear-gradient(135deg,var(--blue),var(--cyan));
}
.hs-chat-title{min-width:0;flex:1}
.hs-chat-title strong{display:block;font-size:14px}
.hs-chat-title span{display:block;margin-top:3px;color:#a9c1d3;font-size:11px}
.hs-chat-close{
  width:34px;
  height:34px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
  color:#fff;
  background:rgba(255,255,255,.06);
  font-size:19px;
  cursor:pointer;
}
.hs-chat-body{
  overflow:auto;
  padding:16px;
  background:
    radial-gradient(circle at 90% 0%,rgba(43,210,199,.08),transparent 28%),
    #f3f7fa;
}
.hs-msg{
  display:flex;
  margin-bottom:12px;
}
.hs-msg.bot{justify-content:flex-start}
.hs-msg.user{justify-content:flex-end}
.hs-bubble{
  max-width:84%;
  padding:11px 13px;
  border-radius:15px;
  font-size:13px;
  line-height:1.48;
  box-shadow:0 5px 15px rgba(30,57,78,.06);
}
.hs-msg.bot .hs-bubble{
  color:#1a2e3c;
  background:#fff;
  border:1px solid #d8e3eb;
  border-bottom-left-radius:5px;
}
.hs-msg.user .hs-bubble{
  color:#fff;
  background:linear-gradient(135deg,#146fe8,#208cff);
  border-bottom-right-radius:5px;
}
.hs-chat-time{
  display:block;
  margin-top:5px;
  color:#8194a3;
  font-size:9px;
}
.hs-msg.user .hs-chat-time{color:#dceaff}
.hs-quick{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
  margin:4px 0 14px;
}
.hs-quick button{
  border:1px solid #bdd3e2;
  border-radius:999px;
  padding:8px 10px;
  color:#174d70;
  background:#fff;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.hs-quick button:hover{
  color:#fff;
  border-color:#1678ef;
  background:#1678ef;
}
.hs-typing{
  display:none;
  align-items:center;
  gap:4px;
  margin:0 0 12px;
  padding:9px 12px;
  width:max-content;
  border:1px solid #d8e3eb;
  border-radius:14px 14px 14px 5px;
  background:#fff;
}
.hs-typing.show{display:flex}
.hs-typing i{
  width:6px;height:6px;border-radius:50%;background:#7891a4;
  animation:hsDot 1s infinite ease-in-out;
}
.hs-typing i:nth-child(2){animation-delay:.15s}
.hs-typing i:nth-child(3){animation-delay:.3s}
@keyframes hsDot{0%,60%,100%{transform:none;opacity:.4}30%{transform:translateY(-4px);opacity:1}}
.hs-chat-foot{
  padding:12px;
  border-top:1px solid #d8e3eb;
  background:#fff;
}
.hs-chat-form{
  display:flex;
  align-items:center;
  gap:8px;
}
.hs-chat-input{
  min-width:0;
  flex:1;
  height:44px;
  border:1px solid #cad9e4;
  border-radius:12px;
  padding:0 12px;
  color:#142a39;
  background:#f8fbfd;
  outline:none;
}
.hs-chat-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(21,119,255,.1)}
.hs-chat-send{
  width:44px;
  height:44px;
  border:0;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:#fff;
  background:var(--blue);
  cursor:pointer;
}
.hs-chat-send svg{width:19px;height:19px;fill:currentColor}
.hs-chat-note{
  margin:7px 2px 0;
  color:#8194a3;
  font-size:9px;
  text-align:center;
}
@media(max-width:620px){
  .hs-chat-launcher{right:14px;bottom:14px}
  .hs-chat-panel{
    right:7px;
    bottom:84px;
    width:calc(100vw - 14px);
    height:min(670px,calc(100vh - 96px));
    border-radius:18px;
  }
}



/* Production shell additions */
body{min-height:100vh}
.header{position:sticky;top:0;z-index:60}
.brand-mark{overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 7px 18px rgba(21,119,255,.14)}
.brand-mark img{width:100%;height:100%;object-fit:cover}
.actions a,.actions button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text)}
.actions .cart{color:#fff}
.search-results{display:none;margin-top:0}.search-results.open{display:block}
.notice{padding:13px 15px;border:1px solid #bdd8ec;border-radius:12px;background:#edf7ff;color:#174d70;font-size:13px;line-height:1.55}
.notice.success{border-color:#afe1c7;background:#ecfbf3;color:#166b43}.notice.error{border-color:#efb9b9;background:#fff1f1;color:#9a2929}.notice.warning{border-color:#efd59b;background:#fff8e8;color:#815c10}
.auth-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,.9fr);gap:18px}.auth-card,.dashboard-card,.list-card{border:1px solid var(--line);border-radius:15px;background:#fff;padding:20px}.auth-card h2,.dashboard-card h3,.list-card h3{margin:0 0 8px}.auth-card p,.dashboard-card p,.list-card p{color:var(--muted);font-size:13px;line-height:1.55}
.form-grid{display:grid;gap:13px}.field{display:grid;gap:6px}.field label{font-size:12px;font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fff;color:var(--text);font:inherit;outline:none}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(21,119,255,.1)}
.form-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.button{border:0;border-radius:10px;padding:11px 15px;background:var(--nav);color:#fff;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.button.primary{background:var(--blue)}.button.secondary{background:#fff;color:var(--text);border:1px solid var(--line)}.button:disabled{opacity:.55;cursor:wait}
.checkbox-line{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:var(--muted)}.checkbox-line input{margin-top:3px}
.account-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{padding:18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#fff,#f7fafc)}.metric-card span{display:block;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.metric-card strong{display:block;margin-top:8px;font-size:24px}.metric-card small{display:block;margin-top:5px;color:var(--muted)}
.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.data-list{display:grid;gap:9px;margin-top:12px}.data-item{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#f8fbfd}.data-item strong{font-size:13px}.data-item span{color:var(--muted);font-size:11px;text-align:right}
.billing-switch{display:flex;align-items:center;gap:8px}.switch{position:relative;width:50px;height:28px}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;border-radius:999px;background:#cbd8e2;cursor:pointer}.switch span:before{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+span{background:var(--blue)}.switch input:checked+span:before{transform:translateX(22px)}
.modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;padding:18px;background:rgba(2,12,20,.7)}.modal.open{display:grid}.modal-card{width:min(520px,100%);padding:24px;border-radius:18px;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.3)}.modal-card h2{margin-top:0}.modal-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
.legal-content{display:grid;gap:18px;color:#263b49}.legal-content h1{font-size:32px;margin:0}.legal-content h2{font-size:20px;margin:18px 0 7px}.legal-content h3{font-size:16px;margin:14px 0 6px}.legal-content p,.legal-content li{font-size:14px;line-height:1.7}.legal-content ul,.legal-content ol{padding-left:22px}.legal-content a{color:var(--blue);text-decoration:underline}.legal-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.legal-link{padding:15px;border:1px solid var(--line);border-radius:13px;background:#fff}.legal-link strong{display:block}.legal-link span{display:block;margin-top:5px;color:var(--muted);font-size:12px}
.faq-list{display:grid;gap:10px}.faq-item{border:1px solid var(--line);border-radius:13px;overflow:hidden}.faq-item button{width:100%;display:flex;justify-content:space-between;gap:12px;border:0;background:#fff;padding:15px;text-align:left;font-weight:900;cursor:pointer}.faq-item div{display:none;padding:0 15px 15px;color:var(--muted);font-size:13px;line-height:1.6}.faq-item.open div{display:block}.faq-item.open button{color:var(--blue)}
.status-pill{display:inline-flex;border-radius:999px;padding:5px 9px;background:#edf7ff;color:#1769aa;font-size:11px;font-weight:900}.status-pill.active{background:#e9f9f0;color:#167044}.status-pill.warn{background:#fff7e6;color:#805b0d}
.page-hero{padding:27px 30px;border-radius:18px;background:linear-gradient(135deg,#0b1a29,#12314b 62%,#0f4960);color:#fff;box-shadow:var(--shadow)}.page-hero h1{margin:8px 0 10px;font-size:clamp(29px,4vw,44px)}.page-hero p{max-width:780px;color:#c7d8e5;line-height:1.65}.page-hero .eyebrow{color:#7ff3e9}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:13px 0;color:#8fa5b5;font-size:11px}
.hidden{display:none!important}
@media(max-width:1050px){.account-summary{grid-template-columns:repeat(2,1fr)}.auth-grid{grid-template-columns:1fr}.legal-nav{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.actions{overflow:auto}.actions a{white-space:nowrap}.account-summary,.dashboard-grid,.legal-nav{grid-template-columns:1fr}.page-hero{padding:24px 20px}.auth-card,.dashboard-card,.list-card{padding:16px}}


/* ChatGPT-basierter HeidSec Assistent */
.hs-chat-consent{
  display:flex;
  align-items:flex-start;
  gap:8px;
  margin-top:9px;
  color:#667d8e;
  font-size:10px;
  line-height:1.35;
}
.hs-chat-consent input{
  width:15px;
  height:15px;
  flex:0 0 auto;
  margin-top:1px;
  accent-color:var(--blue);
}
.hs-chat-consent a{color:#146fe8;font-weight:800;text-decoration:none}
.hs-chat-consent a:hover{text-decoration:underline}
.hs-chat-send:disabled,.hs-chat-input:disabled{opacity:.58;cursor:wait}
.hs-chat-note.is-live{color:#188354}
.hs-chat-note.is-local{color:#6d7f8c}
.hs-chat-note.is-error{color:#b34444}


/* Shop polish 4 */
.brand-mark{width:50px;height:50px;flex:0 0 50px;padding:0;overflow:hidden;border-radius:15px;border:1px solid #163d5d;background:#061421;box-shadow:0 10px 25px rgba(10,83,158,.22)}
.brand-mark img{width:100%;height:100%;display:block;object-fit:cover}
.brand-copy strong{font-size:24px;line-height:1.05}
.brand-copy span{display:block;margin-top:5px;white-space:nowrap}
.header-main{grid-template-columns:minmax(275px,auto) minmax(300px,1fr) auto;gap:18px}
.actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}
.actions a,.actions button{min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--text);font-size:13px;font-weight:850;white-space:nowrap}
.actions a:hover,.actions button:hover{border-color:#9dbbd1;background:#f4f9fc}
.actions .cart{gap:9px;padding-left:16px;color:#fff;border-color:var(--blue);background:linear-gradient(135deg,#126de9,#258aff);box-shadow:0 8px 20px rgba(21,119,255,.22)}
.actions .cart:hover{color:#fff;border-color:#0e67d8;background:linear-gradient(135deg,#0e67d8,#207fea)}
.cart-count{min-width:24px;height:24px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#fff;color:#0f6ee8;font-size:12px;font-weight:950}
.product-card{height:100%;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.product-card:hover{border-color:#b9cfdf}
.product-body{flex:1;display:flex;flex-direction:column;padding:18px}
.product-body h3{min-height:29px;margin:0 0 7px}
.product-body p{min-height:54px}
.features{flex:1;margin:15px 0}
.price-line{min-height:74px;margin-top:auto;align-items:center;gap:14px}
.price-line>div{min-width:0}
.buy{min-width:126px;height:44px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:0;border-radius:11px;background:linear-gradient(135deg,#126fe9,#248bff);color:#fff;font-size:14px;font-weight:900;line-height:1;text-align:center;white-space:nowrap;cursor:pointer;box-shadow:0 7px 18px rgba(21,119,255,.18)}
.buy:hover{background:linear-gradient(135deg,#0c63d4,#1b7ce7);transform:translateY(-1px)}
#main-app .products{grid-template-columns:repeat(3,minmax(0,1fr))}
#handoff-manager .handoff-products{grid-template-columns:repeat(2,minmax(0,1fr))}
#handoff-manager .product-image{background:linear-gradient(145deg,#eef6fb,#dfeaf2)}
#handoff-manager .product-body p{color:var(--muted)}
.offer-visual{background:radial-gradient(circle at 50% 28%,rgba(43,210,199,.22),transparent 32%),linear-gradient(135deg,#123854,#091b2b)}
@media(max-width:1180px){.header-main{grid-template-columns:minmax(260px,1fr) auto;padding:13px 0}.search{grid-column:1/-1;grid-row:2}}
@media(max-width:1050px){#main-app .products,#handoff-manager .handoff-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.brand-copy span{white-space:normal}.actions{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:3px}.actions a,.actions button{flex:0 0 auto}}
@media(max-width:600px){#main-app .products,#handoff-manager .handoff-products{grid-template-columns:1fr}.price-line{align-items:stretch;flex-direction:column}.buy{width:100%}}

/* Shop polish 5 — selectable business tabs and centered platform branding */
.business-tabs .tab{
  min-width:112px;
  height:42px;
  padding:0 17px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,border-color .18s ease,
             transform .18s ease,box-shadow .18s ease;
}
.business-tabs .tab:hover{
  border-color:#8fb0c7;
  background:#f1f7fb;
  transform:translateY(-1px);
}
.business-tabs .tab.active,
.business-tabs .tab[aria-pressed="true"]{
  color:#fff;
  border-color:#071522;
  background:#071522;
  box-shadow:0 7px 18px rgba(7,21,34,.18);
}
.business-card{
  scroll-margin-top:110px;
}
.business-card.is-selected{
  border-color:#1688f5;
  box-shadow:0 0 0 3px rgba(22,136,245,.13),0 18px 36px rgba(17,52,78,.10);
}
.business-card:focus{
  outline:none;
}
#business-pakete .price-line{
  display:grid;
  grid-template-columns:minmax(0,1fr) 142px;
  align-items:center;
  gap:14px;
}
#business-pakete .price-line strong{
  display:inline-block;
  white-space:nowrap;
  line-height:1.05;
}
#business-pakete .price-line span{
  display:inline-block;
  margin-top:4px;
  line-height:1.35;
}
#business-pakete .buy{
  width:142px;
  min-width:142px;
  justify-self:end;
}
.panel.front{
  text-align:center;
}
.panel.front strong,
.panel.front span{
  width:100%;
  max-width:260px;
  text-align:center;
}
.panel.front span{
  line-height:1.45;
}
@media(max-width:900px){
  .business-tabs{
    width:100%;
    overflow-x:auto;
    flex-wrap:nowrap;
    padding-bottom:4px;
  }
  .business-tabs .tab{
    flex:0 0 auto;
  }
}
@media(max-width:600px){
  #business-pakete .price-line{
    grid-template-columns:1fr;
  }
  #business-pakete .buy{
    width:100%;
    min-width:0;
  }
}

/* Shop polish 6 — stable business grid without horizontal overflow */
html,body{max-width:100%;overflow-x:hidden}
.shop-layout,.content,.section,.section-head,.products,.product-card,.product-body{min-width:0}
#business-pakete{overflow:hidden}
#business-pakete .section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:start;
  gap:16px;
}
#business-pakete .section-head>div:first-child{min-width:0}
.business-tabs{
  width:100%;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  flex-wrap:nowrap;
  overflow:visible;
}
.business-tabs .tab{
  width:100%;
  min-width:0;
  height:42px;
  padding:0 10px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#business-pakete .products{
  width:100%;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:15px;
}
#business-pakete .business-card{width:100%;min-width:0}
#business-pakete .product-body{min-width:0}
#business-pakete .price-line{
  min-height:112px;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-end;
  gap:11px;
}
#business-pakete .price-line>div{width:100%;min-width:0}
#business-pakete .price-line strong{
  display:block;
  width:100%;
  font-size:22px;
  line-height:1.1;
  white-space:nowrap;
}
#business-pakete .price-line span{
  display:block;
  width:100%;
  margin-top:5px;
}
#business-pakete .buy{
  width:100%;
  min-width:0;
  height:46px;
  justify-self:auto;
}
@media(max-width:1180px){
  #business-pakete .products{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  .business-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:430px){
  .business-tabs{grid-template-columns:1fr}
  #business-pakete .products{grid-template-columns:1fr}
}


/* Shop polish 7 — HeidSec KI restored */
#main-app .products{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
@media(max-width:1180px){
  #main-app .products{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:600px){
  #main-app .products{
    grid-template-columns:1fr;
  }
}


/* Integrations 1 — Turnstile, Trustpilot and Google Play */
.captcha-slot{
  width:100%;
  min-height:58px;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.captcha-slot>div{max-width:100%}
.captcha-loading,.captcha-error{
  width:100%;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  color:var(--muted);
  background:#f6fafc;
  font-size:12px;
}
.captcha-error{color:#9b2c2c;border-color:#efcaca;background:#fff7f7}
.trust-download-section{overflow:hidden}
.trust-download-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.trust-card,.play-card{
  min-width:0;
  padding:22px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#fff;
}
.trust-brand{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:12px;
  font-size:19px;
}
.trust-star{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:#fff;
  background:#00b67a;
}
.trust-card h3,.play-card h3{margin:7px 0 9px}
.trust-card p,.play-card p{color:var(--muted);line-height:1.55}
.trust-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:17px;
}
.play-card{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.google-play-badge{
  display:inline-block;
  width:max-content;
  max-width:100%;
  margin:15px 0 8px;
}
.google-play-badge img{
  display:block;
  width:190px;
  max-width:100%;
  height:auto;
}
.play-card small{color:var(--muted);line-height:1.45}
@media(max-width:800px){
  .trust-download-grid{grid-template-columns:1fr}
}

/* Legal, FAQ, social and marquee update */
.utility{min-height:32px;overflow:hidden;background:#04101b;color:#d0e2ef}
.utility-marquee{width:100%;overflow:hidden;white-space:nowrap}
.utility-track{display:inline-flex;align-items:center;min-height:32px;will-change:transform;animation:heidsec-marquee 22s linear infinite}
.utility-track span{display:inline-block;padding:0 80px;color:#d0e2ef;font-size:12px;letter-spacing:.01em}
.utility:hover .utility-track{animation-play-state:paused}
@keyframes heidsec-marquee{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}
.social-links{display:flex;align-items:center;gap:8px;margin-top:14px}
.social-link{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.16);border-radius:11px;color:#dbeaf4;background:#0b1d2b;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
.social-link svg{width:18px;height:18px;fill:currentColor}
.social-link:not(.is-disabled):hover{transform:translateY(-2px);color:#fff;border-color:#4da3ff;background:#123553}
.social-x:not(.is-disabled):hover{background:#111}
.social-tiktok:not(.is-disabled):hover{background:#111827}
.social-facebook:not(.is-disabled):hover{background:#1877f2}
.social-instagram:not(.is-disabled):hover{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}
.social-link.is-disabled{opacity:.45;cursor:not-allowed}
.document-meta{display:inline-flex;margin-top:14px;padding:7px 11px;border:1px solid rgba(27,117,186,.18);border-radius:999px;background:#eef7fc;color:#37647f;font-size:12px;font-weight:800}
.legal-document{max-width:920px;margin:0 auto;color:var(--text)}
.legal-document h2{margin:30px 0 10px;font-size:22px}
.legal-document h3{margin:22px 0 8px;font-size:17px}
.legal-document p,.legal-document li{line-height:1.68;color:#34566e}
.legal-document ul,.legal-document ol{padding-left:22px}
.legal-document .legal-note{padding:15px 17px;border-left:4px solid #1c80df;border-radius:10px;background:#eef7ff;color:#294b64}
.legal-document .warning-note{border-left-color:#d58a10;background:#fff8e8}
.legal-document .contact-box{margin-top:24px;padding:18px;border:1px solid var(--line);border-radius:14px;background:#f8fbfd}
.faq-category{margin-bottom:28px}
.faq-category h2{margin:0 0 13px;font-size:22px}
.legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.legal-card{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}
.legal-card h3{margin:0 0 7px}
.legal-card p{color:var(--muted);line-height:1.55}
.legal-card a{font-weight:850;color:#0d72df}
@media(prefers-reduced-motion:reduce){.utility-track{width:100%;justify-content:center;animation:none;transform:none}.social-link{transition:none}}
@media(max-width:700px){.utility-track{animation-duration:17s}.utility-track span{font-size:11px}.legal-grid{grid-template-columns:1fr}}

/* Release 1: language, mobile, SEO and consent */
.utility{min-height:34px;overflow:hidden;background:#04101b;color:#d0e2ef}
.utility-shell{height:34px;display:flex;align-items:center;gap:16px;overflow:hidden}
.utility-marquee{flex:1;min-width:0;overflow:hidden;white-space:nowrap}
.utility-track{display:inline-flex;align-items:center;min-height:34px;will-change:transform;animation:heidsec-marquee 22s linear infinite}
.utility-track span{display:inline-block;padding-right:70px;font-size:12px;letter-spacing:.01em}
.utility:hover .utility-track{animation-play-state:paused}
.utility-language{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding-left:14px;background:#04101b;font-size:12px;font-weight:900}
.utility-language a{color:#9db5c7;padding:5px 4px;border-radius:6px}
.utility-language a.active,.utility-language a:hover{color:#fff;background:#12324a}
@keyframes heidsec-marquee{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}
.consent-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:140;max-width:1180px;margin:auto;padding:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #294d67;border-radius:16px;background:#071522;color:#fff;box-shadow:0 24px 60px rgba(2,15,26,.38)}
.consent-copy{max-width:720px}.consent-copy strong{font-size:17px}.consent-copy p{margin:6px 0;color:#c3d4df;line-height:1.45;font-size:13px}.consent-copy a{color:#7fdcf4;font-size:12px;font-weight:800}
.consent-actions{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.consent-actions .button{min-height:42px;border:1px solid #52728a;cursor:pointer}
.consent-modal{position:fixed;inset:0;z-index:160;display:grid;place-items:center;padding:18px}.consent-backdrop{position:absolute;inset:0;background:rgba(1,10,18,.67)}
.consent-dialog{position:relative;width:min(640px,100%);max-height:min(760px,92vh);overflow:auto;padding:25px;border-radius:18px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.35)}
.consent-dialog h2{margin:0 34px 7px 0}.consent-dialog>p{color:var(--muted);line-height:1.5}.consent-close{position:absolute;right:15px;top:13px;width:38px;height:38px;border:0;border-radius:10px;background:#edf4f8;font-size:24px;cursor:pointer}
.consent-options{display:grid;gap:10px;margin:18px 0}.consent-option{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#f9fbfc}.consent-option span{display:grid;gap:4px}.consent-option small{color:var(--muted);line-height:1.35}.consent-option input{width:22px;height:22px;accent-color:var(--blue)}
html{scroll-behavior:smooth}button,a,input,select{touch-action:manipulation}.google-play-badge img{height:auto}
@media(max-width:760px){.utility-shell{padding-inline:12px}.utility-language{gap:4px;padding-left:8px}.consent-banner{align-items:stretch;flex-direction:column}.consent-actions{justify-content:stretch}.consent-actions .button{flex:1 1 145px}.header-main{padding-inline:14px}.mainnav-inner{overflow-x:auto;scrollbar-width:none}.mainnav-inner::-webkit-scrollbar{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.utility-track{width:100%;justify-content:center;animation:none;transform:none}.utility-track span{padding-right:0}}


/* Release 2: smartphone layout hardening */
@media(max-width:900px){
  .container{width:min(100% - 24px,1180px)}
  .header-main{grid-template-columns:1fr;gap:12px;padding:12px 0}
  .brand{width:100%;min-width:0}
  .brand-copy{min-width:0}
  .brand-copy strong{font-size:21px}
  .brand-copy span{font-size:12px;white-space:normal}
  .search{grid-column:auto;grid-row:auto;width:100%}
  .actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;overflow:visible}
  .actions a,.actions button{min-width:0;width:100%;padding:0 8px;justify-content:center;font-size:12px}
  .mainnav-inner{display:flex;gap:4px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:3px}
  .mainnav-inner a{flex:0 0 auto;scroll-snap-align:start;min-height:44px;display:flex;align-items:center}
  main.container{width:min(100% - 20px,1180px)}
  .shop-layout{grid-template-columns:1fr;gap:14px}
  .mobile-toggle{display:flex;width:100%;min-height:46px;align-items:center;justify-content:space-between}
  .sidebar{display:none;position:static;max-height:none;overflow:visible}
  .sidebar.open{display:block}
  .content{width:100%;min-width:0}
  .hero{grid-template-columns:1fr;padding:24px 18px;gap:20px}
  .hero h1{font-size:clamp(30px,10vw,48px)}
  .hero-art{min-height:260px}
  .product-stack{transform:scale(.82);transform-origin:center}
  .section{padding:20px 14px;border-radius:16px}
  .section-head{display:grid;gap:12px}
  .tabs{width:100%;overflow-x:auto;justify-content:flex-start;padding-bottom:4px}
  .products,#main-app .products,#business-pakete .products,#handoff-manager .handoff-products{grid-template-columns:1fr}
  .trust-download-grid,.info-grid,.account-grid,.contact-grid{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
  .hs-chat-panel{left:10px!important;right:10px!important;bottom:82px!important;width:auto!important;max-height:min(72vh,680px)!important}
  .hs-chat-launcher{right:14px!important;bottom:14px!important}
  .consent-dialog{width:min(100%,640px);padding:20px 16px}
}
@media(max-width:520px){
  .container,main.container{width:min(100% - 14px,1180px)}
  .utility-shell{padding-inline:7px}
  .utility-language{font-size:11px;padding-left:5px}
  .utility-track span{font-size:11px}
  .actions{grid-template-columns:1fr 1fr}
  .actions .cart{grid-column:1/-1}
  .search{grid-template-columns:1fr auto}
  .search input{min-width:0}
  .search button{padding-inline:12px}
  .hero-actions,.trust-actions,.form-actions{display:grid;grid-template-columns:1fr;width:100%}
  .hero-actions .button,.trust-actions .button,.form-actions .button{width:100%}
  .footer-inner{grid-template-columns:1fr}
  .google-play-badge img{width:170px}
  .product-body,.trust-card,.play-card{padding:16px}
  .price-line{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .price-line .buy,.price-line button,.price-line a{width:100%!important;min-width:0!important}
  .social-links{flex-wrap:wrap}
}
@media(max-width:360px){
  .actions{grid-template-columns:1fr}
  .actions .cart{grid-column:auto}
  .brand-mark{width:44px;height:44px;flex-basis:44px}
  .brand-copy strong{font-size:19px}
}

/* Business package clarity */
#business-pakete .product-body p{min-height:76px}
#business-pakete .features{min-height:150px}
#business-pakete .product-card{overflow:hidden}
@media(max-width:1180px){
  #business-pakete .product-body p,
  #business-pakete .features{min-height:0}
}

/* Language final — animated banner and clear German/English switch */
.utility-shell{
  min-height:36px;
  height:auto;
  display:flex;
  align-items:center;
  gap:14px;
  overflow:hidden;
}
.utility-marquee{
  flex:1 1 auto;
  min-width:0;
  overflow:hidden;
  white-space:nowrap;
}
.utility-track{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  will-change:transform;
  animation:heidsec-marquee-final 22s linear infinite;
}
.utility-track span{
  display:inline-block;
  padding-right:80px;
  color:#d7e8f4;
  font-size:12px;
}
.utility-language{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 2px 0 12px;
  background:#04101b;
  font-size:12px;
  font-weight:900;
}
.utility-language a{
  min-height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 8px;
  border-radius:7px;
  color:#9fb7c8;
  white-space:nowrap;
}
.utility-language a.active,
.utility-language a:hover{
  color:#fff;
  background:#12324a;
}
@keyframes heidsec-marquee-final{
  from{transform:translateX(100vw)}
  to{transform:translateX(-100%)}
}
@media(max-width:600px){
  .utility-shell{
    min-height:42px;
    gap:6px;
    padding-inline:8px;
  }
  .utility-track{
    animation-duration:16s;
  }
  .utility-track span{
    font-size:10.5px;
    padding-right:42px;
  }
  .utility-language{
    gap:2px;
    padding-left:5px;
    font-size:10.5px;
  }
  .utility-language a{
    padding:4px 5px;
  }
}
@media(prefers-reduced-motion:reduce){
  .utility-track{
    width:100%;
    justify-content:center;
    animation:none;
    transform:none;
  }
  .utility-track span{
    padding-right:0;
    text-align:center;
  }
}

/* Admin CMS public surfaces */
.vault-showcase{margin-top:8px}.post-placeholder{min-height:220px}.mainnav-inner{overflow-x:auto}@media(max-width:1180px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.post-grid{grid-template-columns:1fr}.post-detail{padding:20px}}

/* Dedicated product-page grids */
.products.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
.products.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1050px){.products.three-col{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.products.two-col,.products.three-col{grid-template-columns:1fr}}

/* CMS/Consent V3: persistent cookie settings and robust mobile modal */
.consent-reopen{position:fixed;left:max(12px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));z-index:139;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 13px;border:1px solid rgba(89,215,255,.35);border-radius:999px;background:#071522;color:#eaf6ff;box-shadow:0 12px 34px rgba(0,0,0,.3);font-weight:800;font-size:11px;cursor:pointer}
.consent-reopen:hover,.consent-reopen:focus-visible{border-color:#59d7ff;outline:0;box-shadow:0 0 0 3px rgba(89,215,255,.12),0 12px 34px rgba(0,0,0,.3)}
html.consent-open,html.consent-open body{overscroll-behavior:none}
.consent-dialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.consent-close{touch-action:manipulation;z-index:3}
@media(max-width:760px){.consent-reopen{width:42px;height:42px;min-height:42px;padding:0;justify-content:center;border-radius:50%}.consent-reopen span:last-child{display:none}.consent-modal{align-items:end;padding:0}.consent-dialog{width:100%;max-height:min(88dvh,760px);border-radius:22px 22px 0 0;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}.consent-close{position:sticky;float:right;right:0;top:0;width:46px;height:46px;margin:-4px -2px 0 12px;background:#edf4f8}}

/* V3: real HeidSec crest inside smartphone product visuals */
.mini-shield-logo{display:block;width:42px;height:48px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(43,210,199,.4))}
.device .mini-shield-logo{max-width:52%;max-height:52%}

/* HeidSec V10: keep privacy controls visible above the chatbot and make
   mobile dialogs reliably dismissible without leaving the page locked. */
.consent-banner{z-index:2147482998}
.consent-reopen{z-index:2147482999}
.consent-modal{z-index:2147483000;touch-action:manipulation}
html.consent-open body{touch-action:none}
.consent-dialog{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.consent-close{touch-action:manipulation;position:relative;z-index:5}
@media(max-width:760px){
  .consent-reopen{bottom:max(68px,calc(env(safe-area-inset-bottom) + 12px))}
  .consent-modal{align-items:end;padding:0}
  .consent-dialog{max-height:min(88dvh,760px);overflow:auto;border-radius:22px 22px 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom))}
  .consent-actions{padding-bottom:max(4px,env(safe-area-inset-bottom))}
  .consent-actions .button{min-height:48px}
}
.mini-shield-logo{mix-blend-mode:screen;border-radius:18px}


/* HeidSec Chatbot Voicebot V1 */
.hs-chat-head-actions{
  display:flex;
  align-items:center;
  gap:7px;
  margin-left:auto;
}
.hs-chat-head-actions .hs-chat-close{flex:0 0 auto}
.hs-chat-voice-toggle,
.hs-chat-mic{
  width:40px;
  height:40px;
  flex:0 0 40px;
  border:1px solid #cad9e4;
  border-radius:12px;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.hs-chat-voice-toggle{
  width:34px;
  height:34px;
  flex-basis:34px;
  color:#d8e9f5;
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.06);
}
.hs-chat-mic{
  color:#174d70;
  background:#eef7fc;
}
.hs-chat-voice-toggle svg,
.hs-chat-mic svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.hs-chat-voice-toggle:hover,
.hs-chat-mic:hover{
  transform:translateY(-1px);
}
.hs-chat-voice-toggle.is-active{
  color:#fff;
  border-color:rgba(43,210,199,.72);
  background:linear-gradient(135deg,#146fe8,#20b9c8);
  box-shadow:0 0 0 3px rgba(43,210,199,.12);
}
.hs-chat-voice-toggle.is-speaking{
  animation:hsVoicePulse 1.1s infinite ease-in-out;
}
.hs-chat-voice-toggle.is-loading svg{
  animation:hsVoiceSpin 1s linear infinite;
}
.hs-chat-mic.is-recording{
  color:#fff;
  border-color:#e64055;
  background:#e64055;
  box-shadow:0 0 0 4px rgba(230,64,85,.16),0 8px 22px rgba(230,64,85,.25);
  animation:hsRecordPulse 1.15s infinite ease-in-out;
}
.hs-chat-mic:disabled,
.hs-chat-voice-toggle:disabled{
  opacity:.48;
  cursor:not-allowed;
  transform:none;
}
.hs-chat-note.is-recording{color:#c7354a;font-weight:800}
.hs-chat-note.is-processing{color:#146fe8;font-weight:800}
@keyframes hsRecordPulse{
  0%,100%{box-shadow:0 0 0 4px rgba(230,64,85,.14),0 8px 22px rgba(230,64,85,.22)}
  50%{box-shadow:0 0 0 9px rgba(230,64,85,.05),0 8px 28px rgba(230,64,85,.3)}
}
@keyframes hsVoicePulse{
  0%,100%{box-shadow:0 0 0 3px rgba(43,210,199,.12)}
  50%{box-shadow:0 0 0 8px rgba(43,210,199,.04)}
}
@keyframes hsVoiceSpin{to{transform:rotate(360deg)}}
@media(max-width:620px){
  .hs-chat-form{gap:6px}
  .hs-chat-mic,.hs-chat-send{width:42px;height:42px;flex-basis:42px}
  .hs-chat-input{height:42px;padding:0 10px}
  .hs-chat-consent{font-size:9px;line-height:1.35}
}