:root{
  --navy:#1f4d3a;
  --navy-2:#2a5c46;
  --blue:#2e6b4f;
  --blue-soft:#ecf5ee;
  --orange:#d98e32;
  --orange-2:#e3a558;
  --white:#ffffff;
  --ink:#22382b;
  --muted:#69796b;
  --line:#dbe5d8;
  --line-strong:#c3d4c2;
  --bg:#f3f6f2;
  --bg-soft:#f7faf5;
  --success-bg:#e7f6ed;
  --success-text:#1f6b45;
  --error-bg:#fff1ef;
  --error-text:#a0352c;
  --radius-sm:14px;
  --radius-md:20px;
  --radius-lg:28px;
  --radius-xl:36px;
  --shadow-sm:0 12px 28px rgba(31, 77, 58,.08);
  --shadow-md:0 24px 58px rgba(31, 77, 58,.12);
  --shadow-lg:0 30px 80px rgba(20, 51, 38,.18);
  --container:1460px;
  --reading:1120px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.site-body{
  margin:0;
  background:linear-gradient(180deg,#eff4f8 0%,#f7f9fc 38%,#f3f6f2 100%);
  color:var(--ink);
  font:400 16.5px/1.72 "Source Sans 3","Segoe UI",Arial,sans-serif;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
.container{width:min(var(--container),calc(100% - 40px));margin:0 auto}
.narrow{max-width:var(--reading);margin-inline:auto}
.page-shell{padding-bottom:42px}

h1,h2,h3,h4,h5,h6,.section-title,.page-title,.hero-main h1,.product-body h3,.admin-hero h1{font-family:"Manrope","Source Sans 3","Segoe UI",Arial,sans-serif}
strong,b,th,label,.btn,.nav-link,.section-chip,.section-kicker,.status-pill{font-weight:700}
.section-text,.muted,.legal-text,.detail-copy,.detail-lead,.footer-card p,.footer-brand-panel p,.footer-action-box p,.brand-copy small,.hero-point span,.hero-main .lead,.contact-list,.help-text,.list-clean li,.brand-line span{color:var(--muted)}
.top-gap{margin-top:18px}

.site-meta-bar{
  background:linear-gradient(90deg,var(--navy) 0%, var(--navy-2) 100%);
  color:rgba(255,255,255,.82);
  font-size:.9rem;
}
.site-meta-inner{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.site-meta-inner i{color:var(--orange)}
.site-meta-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.site-meta-links a{color:rgba(255,255,255,.82)}
.site-meta-links a:hover{color:#fff}

.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,255,255,.96);
  border-bottom:1px solid rgba(219,228,239,.95);
  transition:box-shadow .2s ease,background .2s ease;
}
.site-header.is-scrolled{box-shadow:0 12px 32px rgba(31, 77, 58,.10)}
.navbar-shell{min-height:90px}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.brand-badge{
  width:50px;height:50px;border-radius:18px;flex:0 0 50px;
  background:linear-gradient(160deg,var(--navy) 0%,var(--blue) 65%,var(--orange) 100%);
  box-shadow:0 14px 30px rgba(17,53,92,.20);
  position:relative;overflow:hidden
}
.brand-badge span,.footer-brand-mark span{position:absolute;inset:12px;border-radius:12px;background:rgba(255,255,255,.18);display:block}
.brand-copy strong{display:block;font-size:1.12rem;line-height:1.12;color:var(--ink);letter-spacing:-.02em}
.brand-copy small{display:block;font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46ch}
.custom-toggler{border:1px solid var(--line-strong);border-radius:12px;padding:.42rem .7rem}
.custom-toggler:focus{box-shadow:none;border-color:var(--blue)}
.main-nav-list .nav-link{
  font-weight:700;
  color:#415167;
  padding:13px 16px !important;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.main-nav-list .nav-link:hover,.main-nav-list .nav-link.active{background:var(--blue-soft);color:var(--navy)}
.nav-cta-item{margin-left:6px}
.count-pill{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:24px;height:24px;padding:0 7px;border-radius:999px;
  background:var(--orange);color:#fff;font-size:.78rem;font-weight:800
}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:0 24px;border-radius:0px;border:1px solid transparent;
  font-size:1rem;font-weight:800;text-decoration:none;cursor:pointer;transition:all .18s ease;white-space:nowrap
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--blue),var(--navy-2));color:#fff;box-shadow:0 16px 32px rgba(46, 107, 79,.22)}
.btn-primary:hover{color:#fff;box-shadow:0 18px 36px rgba(46, 107, 79,.28)}
.btn-secondary,.btn-light,.btn-soft,.btn-header-cta,.btn-footer{background:#fff;color:var(--navy);border-color:var(--line)}
.btn-secondary:hover,.btn-light:hover,.btn-soft:hover,.btn-header-cta:hover,.btn-footer:hover{background:#f9fbff;border-color:#bfcfe0;color:var(--navy)}
.btn-header-cta{background:linear-gradient(135deg,var(--orange),#ff9d2f);color:#fff;border:none;box-shadow:0 14px 24px rgba(217, 142, 50,.26)}
.btn-header-cta:hover{background:linear-gradient(135deg,#d98e32,#ff9720);color:#fff}
.btn-footer{background:transparent;border-color:rgba(255,255,255,.18);color:#fff}
.btn-footer:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.28);color:#fff}
.btn-sm{min-height:40px;padding:0 16px;font-size:.92rem}
.btn-danger{background:linear-gradient(135deg,#b52f26,#d54d43);color:#fff}

.flash{
  margin-top:18px;padding:15px 18px;border-radius:16px;
  display:flex;align-items:flex-start;gap:12px;border:1px solid transparent;font-weight:600
}
.flash i{margin-top:2px}
.flash-success{background:var(--success-bg);color:var(--success-text);border-color:#cbe8d5}
.flash-error{background:var(--error-bg);color:var(--error-text);border-color:#f0cbc6}

.hero-section{padding:34px 0 28px}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:26px;align-items:stretch}
.hero-main,
.hero-side,
.card-surface,
.feature-card,
.product-card,
.contact-card,
.summary-card,
.checkout-card,
.cart-card,
.card,
.card-flat,
.admin-block,
.detail-panel,
.detail-visual,
.legal-card,
.footer-card,
.empty-state,
.not-found-card,
.info-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid rgba(219,228,239,.95)}
.hero-main{
  padding:54px;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.12), transparent 18%),
    radial-gradient(circle at bottom right, rgba(217, 142, 50,.26), transparent 22%),
    linear-gradient(135deg,var(--navy) 0%, #133e70 58%, #1c67ff 100%);
  color:#fff;overflow:hidden;position:relative;box-shadow:var(--shadow-lg)
}
.hero-main::before{
  content:"";position:absolute;right:-28px;top:-28px;width:180px;height:180px;border-radius:34px;
  transform:rotate(20deg);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10)
}
.hero-chip,.section-chip,.badge-soft,.status-pill,.section-chip-light{
  display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;font-size:.82rem;font-weight:800;letter-spacing:.01em
}
.hero-chip{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.14)}
.hero-main h1{margin:18px 0 0;font-size:clamp(3rem,4.2vw,5.4rem);line-height:.98;letter-spacing:-.05em;max-width:11ch}
.hero-main .lead{margin:20px 0 0;max-width:64ch;color:rgba(255,255,255,.84);font-size:1.14rem;line-height:1.8}
.hero-actions,.actions,.inline-form,.product-actions,.admin-toolbar,.row-between,.footer-links,.check-row,.detail-actions,.contact-list{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.hero-actions{margin-top:28px}
.hero-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:32px}
.hero-point{padding:18px;border-radius:20px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.10);display:flex;gap:14px;align-items:flex-start}
.hero-point-icon{width:46px;height:46px;flex:0 0 46px;border-radius:16px;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem}
.hero-point strong{display:block;color:#fff;font-size:.98rem;margin-bottom:4px}
.hero-point span{display:block;color:rgba(255,255,255,.76);font-size:.93rem;line-height:1.5}
.hero-side{padding:26px;background:linear-gradient(180deg,#ffffff 0%,#f7faf5 100%)}
.hero-side-top{padding:18px;border-radius:22px;background:#f7fbff;border:1px solid var(--line)}
.hero-side-label{display:inline-block;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--navy-2);margin-bottom:14px}
.hero-side-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.hero-stat-card{padding:18px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.hero-stat-card strong{display:block;font-size:1.5rem;line-height:1.1;color:var(--navy)}
.hero-stat-card span{display:block;color:var(--muted);margin-top:6px;font-size:.92rem}
.hero-preview-card{margin-top:18px;padding:18px;border-radius:24px;background:linear-gradient(180deg,#0f2745 0%, #143965 100%);box-shadow:var(--shadow-lg)}
.preview-header{display:flex;gap:8px;margin-bottom:14px}
.preview-header span{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.22)}
.preview-body{display:grid;grid-template-columns:120px 1fr;gap:14px}
.preview-sidebar,.preview-content{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:14px}
.preview-line{height:12px;border-radius:999px;background:rgba(255,255,255,.14);margin-bottom:10px}
.preview-line.wide{height:16px;width:86%}
.preview-line.active{background:rgba(217, 142, 50,.85);width:74%}
.preview-banner{height:78px;border-radius:16px;background:linear-gradient(135deg,#2b7bff,#ffa02d);margin-bottom:14px}
.preview-columns{display:grid;grid-template-columns:1.05fr .95fr;gap:12px;margin-bottom:12px}
.preview-tile,.preview-mini,.preview-chart{border-radius:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.08)}
.preview-tile.tall{min-height:120px}
.preview-stack{display:grid;gap:12px}
.preview-mini{min-height:54px}
.preview-chart{min-height:88px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06))}

.section-block{padding:36px 0 74px}

.section{padding:36px 0 74px}
.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.section-kicker,.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:999px;font-size:.82rem;font-weight:800;letter-spacing:.01em;background:#edf4ff;color:var(--navy-2);border:1px solid #d7e7ff}
.badge-neutral{background:#edf4ff;color:var(--navy-2);border:1px solid #d7e7ff}
.detail-bottom,.detail-stack{display:grid;gap:24px;margin-top:24px}
.section-soft{background:linear-gradient(180deg,#f7fafc 0%,#eff4f8 100%);border-block:1px solid rgba(219,228,239,.55)}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}
.section-chip{background:#edf4ff;color:var(--navy-2);border:1px solid #d7e7ff}
.section-chip-light{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.14)}
.section-head h2,.section-title,h1.page-title,.contact-card h1,.legal-card h1{margin:12px 0 0;font-size:clamp(2.15rem,2.9vw,3.25rem);line-height:1.08;letter-spacing:-.04em}
.section-head p{margin:14px 0 0;max-width:78ch;color:var(--muted);font-size:1.04rem}

.grid-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.product-card{display:grid;grid-template-columns:minmax(320px,44%) 1fr;overflow:hidden;background:#fff}
.product-visual{background:linear-gradient(180deg,#eff4fb 0%,#dfeaf8 100%);min-height:100%}
.product-visual img{width:100%;height:100%;object-fit:cover}
.product-body{padding:32px;display:flex;flex-direction:column;gap:18px}
.product-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}
.badge-soft{background:#fff3e4;color:#b55f00;border:1px solid #ffd59c}
.price{font-size:1.3rem;font-weight:900;color:var(--navy)}
.price-lg{font-size:2.3rem;font-weight:900;letter-spacing:-.05em;color:var(--navy);margin:10px 0 0}
.product-body h3{margin:0;font-size:1.95rem;line-height:1.08;letter-spacing:-.04em;color:var(--ink)}
.product-body p{margin:0;color:var(--muted)}
.product-tags,.detail-meta{display:flex;flex-wrap:wrap;gap:12px 16px;color:var(--muted);font-size:.93rem}
.product-tags span,.detail-meta span{display:inline-flex;align-items:center;gap:8px}
.product-tags i,.detail-meta i{color:var(--orange)}
.product-actions{margin-top:auto;justify-content:space-between}
.link-arrow{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:var(--blue)}
.link-arrow:hover{color:var(--navy-2)}

.feature-grid,.highlight-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.feature-card{padding:28px;background:linear-gradient(180deg,#fff 0%,#f9fbff 100%)}
.feature-icon{width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--orange),#ffb047);color:#fff;font-size:1.05rem;box-shadow:0 14px 24px rgba(217, 142, 50,.20)}
.feature-card h3{margin:18px 0 0;font-size:1.35rem;line-height:1.2}
.feature-card p{margin:12px 0 0;color:var(--muted)}

.detail-page{padding:34px 0 62px}
.back-link{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;font-weight:800;color:var(--blue)}
.detail-grid,.checkout-grid,.footer-grid,.page-grid-2,.split-panels,.order-grid,.detail-bottom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.detail-visual{overflow:hidden;background:#fff}
.detail-image{width:100%;height:100%;min-height:560px;object-fit:cover}
.detail-panel,.content-card,.contact-card,.summary-card,.checkout-card,.cart-card,.card,.card-flat,.admin-block,.legal-card,.footer-card,.info-card{padding:34px;background:#fff}
.page-title{max-width:12ch}
.detail-lead{font-size:1.05rem;margin-top:10px}
.detail-copy{margin-top:14px}
.inline-form{align-items:stretch}
.qty-input,input,textarea,select{
  width:100%;min-height:50px;padding:12px 14px;border-radius:14px;
  border:1px solid var(--line-strong);background:#fff;color:var(--ink);outline:none;transition:border-color .16s ease,box-shadow .16s ease
}
.qty-input{max-width:110px}
textarea{resize:vertical;min-height:auto}
input:focus,textarea:focus,select:focus{border-color:#84aefb;box-shadow:0 0 0 4px rgba(46, 107, 79,.10)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.form-grid .full{grid-column:1/-1}
label{display:block;font-weight:700;margin-bottom:8px;color:var(--ink)}
.radio,.check-row label{display:flex;align-items:center;gap:10px;color:var(--ink);margin:12px 0}
.radio input,.check-row input{width:auto;min-height:auto;margin:0}
.summary-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}
.summary-row:last-child{border-bottom:0}
.total-row{font-size:1.05rem;color:var(--ink);font-weight:800}
.empty-state,.not-found-card{text-align:center;padding:44px 28px;background:#fff}
.empty-state h2,.not-found-card h2{margin:0;font-size:1.7rem;line-height:1.15}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff}
.table{width:100%;border-collapse:collapse;background:#fff;margin:0}
.table th,.table td{padding:17px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.6}
.table thead th{background:#f6faff;color:var(--navy-2);font-size:.95rem;font-weight:800}
.table tbody tr:hover{background:#fbfdff}
.table tbody tr:last-child td{border-bottom:0}
.legal-layout{padding-top:6px}
.legal-text{line-height:1.85}
.contact-list{display:grid;gap:12px;margin-top:18px}
.contact-list i{width:18px;color:var(--orange)}
.info-note-box{margin-top:22px;padding:18px;border-radius:18px;background:#f7fbff;border:1px solid var(--line)}
.info-note-box strong{display:block;margin-bottom:6px;color:var(--navy)}
.feature-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}
.feature-list li{position:relative;padding-left:24px;color:var(--muted)}
.feature-list li::before{content:"";position:absolute;left:0;top:.58em;width:10px;height:10px;border-radius:50%;background:var(--orange)}
.preview-box{padding:18px;border:1px dashed var(--line-strong);background:#f7faf5;border-radius:18px}
.preview-box img{max-height:320px;object-fit:contain}
.help-text{font-size:.92rem;margin-top:6px}

.site-footer{
  margin-top:20px;
  background:linear-gradient(180deg,#081d34 0%,#0d2a49 100%);
  color:#fff;
  padding:0px 0 0px;
}
.footer-top{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch;margin-bottom:24px}
.footer-brand-panel,.footer-action-box{padding:28px;border-radius:28px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}
.footer-brand-panel{display:flex;gap:16px;align-items:flex-start}
.footer-brand-mark{width:56px;height:56px;flex:0 0 56px;border-radius:20px;background:linear-gradient(160deg,var(--blue),var(--orange));position:relative;box-shadow:0 18px 34px rgba(0,0,0,.18)}
.footer-brand-panel h3,.footer-action-box strong,.footer-card h4{margin:0;color:#fff}
.footer-action-box strong{display:block;font-size:1.22rem;line-height:1.2}
.footer-action-box p{margin:10px 0 18px;color:rgba(255,255,255,.72)}
.footer-grid{grid-template-columns:1.05fr .8fr .9fr;align-items:start}
.footer-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08)}
.footer-label{display:inline-block;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.68);margin-bottom:14px}
.footer-card p{color:rgba(255,255,255,.72)}
.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin-top:10px}
.footer-links a{font-weight:700;color:#fff}
.footer-links a:hover{color:#cddfff}
.footer-meta{margin-top:12px;font-size:.92rem;color:rgba(255,255,255,.60)}
.footer-bottom{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:12px;color:rgba(255,255,255,.64);font-size:.92rem}

.admin-page{padding-top:26px}
.admin-shell{display:grid;grid-template-columns:320px minmax(0,1fr);gap:28px;align-items:start}
.admin-sidebar{
  position:sticky;top:120px;padding:28px;border-radius:30px;color:#fff;
  background:linear-gradient(180deg,#0b2440 0%,#1f4d3a 60%,#143e6f 100%);
  box-shadow:var(--shadow-lg);overflow:hidden
}
.admin-sidebar::before{content:"";position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:24px;background:rgba(255,255,255,.06);transform:rotate(20deg)}
.brand-line{position:relative;z-index:1;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.10)}
.brand-line strong{display:block;font-size:1.15rem;line-height:1.2;color:#fff}
.brand-line span{display:block;margin-top:8px;color:rgba(255,255,255,.70);font-size:.94rem;line-height:1.6}
.admin-sidebar nav{position:relative;z-index:1;display:grid;gap:8px;margin-top:18px}
.admin-sidebar nav a{display:flex;align-items:center;gap:12px;padding:14px 15px;border-radius:16px;font-weight:800;color:rgba(255,255,255,.80);border:1px solid transparent}
.admin-sidebar nav a i{width:18px;text-align:center}
.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:rgba(255,255,255,.10);color:#fff;border-color:rgba(255,255,255,.10)}
.admin-main{display:grid;gap:24px}
.admin-hero{
  padding:40px;border-radius:30px;color:#fff;box-shadow:var(--shadow-lg);
  background:radial-gradient(circle at top right, rgba(217, 142, 50,.24), transparent 18%), linear-gradient(135deg,#0e2a47 0%, #144173 58%, #1f63ff 100%);
  display:flex;align-items:flex-start;justify-content:space-between;gap:24px
}
.admin-hero h1{margin:14px 0 0;font-size:clamp(2.2rem,3.2vw,3.6rem);line-height:1.04;letter-spacing:-.04em;max-width:14ch}
.admin-hero p{margin:14px 0 0;max-width:62ch;color:rgba(255,255,255,.82)}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.stat-card{padding:24px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.stat-icon{width:50px;height:50px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:#edf4ff;color:var(--blue);font-size:1.05rem;margin-bottom:14px}
.stat-card strong{display:block;font-size:2rem;line-height:1.08;color:var(--navy);letter-spacing:-.03em}
.stat-card span:last-child{display:block;margin-top:8px;color:var(--muted)}
.list-clean{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.list-clean li{padding:0 0 14px;border-bottom:1px solid var(--line)}
.list-clean li:last-child{border-bottom:0;padding-bottom:0}
.status-pill{font-size:.78rem;padding:7px 10px;border:1px solid transparent;text-transform:capitalize}
.status-open,.status-new{background:#edf4ff;color:#12437a;border-color:#d4e4ff}
.status-pending,.status-processing{background:#fff4e8;color:#a85d08;border-color:#ffd8af}
.status-paid,.status-completed{background:#e8f7ef;color:#246947;border-color:#cfe8da}
.status-inactive{background:#f3f6f9;color:#5f6f82;border-color:#dce4eb}

.card,.card-flat,.contact-card,.summary-card,.checkout-card,.cart-card,.admin-block,.detail-panel,.legal-card,.info-card{background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)}
.card-flat{padding:24px;border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.admin-toolbar{justify-content:space-between;margin-bottom:18px}
.admin-toolbar h1,.admin-toolbar h2,.content-card h2,.summary-card h2,.info-card h2,.contact-card h1,.legal-card h1{margin:0;color:var(--ink);line-height:1.1;letter-spacing:-.03em}
.admin-toolbar p{margin:8px 0 0}

@media (max-width:1400px){
  .grid-products{grid-template-columns:1fr}
  .product-card{grid-template-columns:minmax(280px,42%) 1fr}
}
@media (max-width:1280px){
  .hero-grid,.grid-products,.detail-grid,.checkout-grid,.footer-grid,.page-grid-2,.split-panels,.order-grid,.admin-shell,.feature-grid,.detail-bottom-grid,.footer-top{grid-template-columns:1fr}
  .hero-points{grid-template-columns:1fr}
  .admin-sidebar{position:relative;top:0}
}
@media (max-width:980px){
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-main,.hero-side,.detail-panel,.content-card,.contact-card,.summary-card,.checkout-card,.cart-card,.footer-card,.card,.card-flat,.admin-hero,.admin-block,.info-card{padding:26px}
  .product-card{grid-template-columns:1fr}
  .product-visual{min-height:260px}
  .product-visual img{height:260px}
  .preview-body{grid-template-columns:1fr}
}
@media (max-width:860px){
  .container{width:min(var(--container),calc(100% - 22px))}
  .narrow{max-width:none}
  .site-meta-inner{flex-direction:column;align-items:flex-start;justify-content:center;padding:10px 0}
  .site-meta-links{gap:10px}
  .navbar-shell{padding-top:10px;padding-bottom:10px}
  .brand-copy small{white-space:normal;max-width:none}
  .main-nav-list{padding-top:10px}
  .nav-cta-item{margin-left:0;margin-top:8px}
  .hero-main h1{font-size:clamp(2.2rem,11vw,3.7rem);max-width:none}
  .page-title{max-width:none}
  .form-grid,.hero-side-stats{grid-template-columns:1fr}
  .admin-hero{flex-direction:column;align-items:flex-start}
}
@media (max-width:640px){
  body.site-body{font-size:15.5px}
  .container{width:min(var(--container),calc(100% - 16px))}
  .hero-section{padding-top:18px}
  .hero-main,.hero-side,.detail-panel,.content-card,.contact-card,.summary-card,.checkout-card,.cart-card,.footer-card,.card,.card-flat,.admin-hero,.admin-block,.info-card{padding:20px}
  .hero-actions,.actions,.inline-form,.product-actions,.row-between,.admin-toolbar,.detail-actions,.footer-links,.contact-list{flex-direction:column;align-items:stretch}
  .btn{width:100%}
  .qty-input{max-width:none}
  .table th,.table td{padding:12px}
  .detail-image{min-height:300px}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .footer-links{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:1fr}
}

code{
  background:#f4f7fb;
  color:var(--navy);
  border:1px solid var(--line);
  border-radius:10px;
  padding:4px 8px;
  font-size:.9rem;
}
.customer-sidebar .brand-line strong{color:#fff}
.customer-sidebar .brand-line span{color:rgba(255,255,255,.72)}

/* wk-* utility classes — defined below in the consolidated block */

.status-authorized,.status-payment_review{background:#eef3ff;color:#254f9d;border-color:#d7e2ff}
.status-provisioning,.status-ready{background:#ecf8ff;color:#1b6387;border-color:#cfe8f6}
.status-failed,.status-cancelled,.status-revoked{background:#fff0ef;color:#a0392f;border-color:#f3c9c5}
.status-refunded,.status-partially_refunded,.status-expired{background:#f5f2ff;color:#644aa8;border-color:#ddd3fb}
.table .inline-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.table .inline-form input,.table .inline-form select{min-width:140px}

:root{
  --container:1540px;
  --reading:1180px;
}

body.site-body{
  font:400 16.75px/1.7 "Source Sans 3","Segoe UI",Arial,sans-serif;
}

h1,h2,h3,h4,h5,h6,.section-title,.page-title,.hero-main h1,.product-body h3,.admin-hero h1{
  font-family:"Manrope","Source Sans 3","Segoe UI",Arial,sans-serif;
}

.site-meta-bar{
  font-size:.94rem;
}

.navbar-shell{
  min-height:96px;
}

.main-nav-list .nav-link{
  font-size:.98rem;
}

.page-shell{
  padding-bottom:56px;
}

.card-surface,
.feature-card,
.product-card,
.contact-card,
.summary-card,
.checkout-card,
.cart-card,
.card,
.card-flat,
.admin-block,
.detail-panel,
.detail-visual,
.legal-card,
.footer-card,
.empty-state,
.not-found-card,
.info-card{
  border-radius:30px;
}

.section,
.section-block,
.detail-page{
  padding-top:42px;
  padding-bottom:82px;
}

.section-text,
.muted,
.legal-text,
.detail-copy,
.detail-lead,
.footer-card p,
.footer-brand-panel p,
.footer-action-box p,
.brand-copy small,
.hero-point span,
.hero-main .lead,
.contact-list,
.help-text,
.list-clean li,
.brand-line span{
  font-size:1rem;
}

.table-wrap{
  border-radius:22px;
}

.table{
  min-width:820px;
}

.table th,
.table td{
  padding:18px 20px;
}

.table td small,
.table th small,
.table .muted{
  color:var(--muted);
  font-size:.9rem;
}

.admin-shell{
  grid-template-columns:300px minmax(0,1fr);
  gap:30px;
}

.admin-sidebar{
  top:112px;
  border-radius:32px;
}

.admin-block,
.contact-card,
.summary-card,
.checkout-card,
.cart-card,
.legal-card,
.info-card{
  padding:38px;
}

.auth-page{
  padding-top:48px;
}

.auth-grid,
.success-layout,
.legal-page-grid{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);
  gap:30px;
  align-items:start;
}

.auth-grid-wide{
  grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);
}

.auth-panel,
.auth-side,
.success-panel,
.success-side,
.legal-side,
.legal-wide{
  min-height:100%;
}

.auth-panel h1,
.legal-side h1,
.success-panel h1{
  margin:16px 0 0;
  font-size:clamp(2.35rem,3vw,3.4rem);
  line-height:1.06;
  letter-spacing:-.04em;
}

.auth-side h2,
.success-side h2{
  margin:16px 0 0;
  font-size:1.7rem;
  line-height:1.15;
  letter-spacing:-.03em;
}

.auth-checklist{
  gap:14px;
}

.auth-actions{
  justify-content:flex-start;
}

.form-grid-compact{
  max-width:900px;
}

.success-layout{
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);
}

.success-grid{
  align-items:stretch;
}

.compact-card{
  padding:28px;
}

.legal-page-grid{
  grid-template-columns:minmax(300px,.7fr) minmax(0,1.3fr);
}

.legal-wide .legal-text{
  max-width:none;
  font-size:1.02rem;
}

.checkout-grid{
  align-items:start;
}

.summary-card{
  position:sticky;
  top:112px;
}

.order-grid .card-flat,
.split-panels .card-flat,
.detail-stack .card-flat{
  height:100%;
}

.contact-card,
.info-card,
.checkout-card,
.summary-card,
.admin-block{
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
}

@media (max-width:1280px){
  .auth-grid,
  .auth-grid-wide,
  .success-layout,
  .legal-page-grid{
    grid-template-columns:1fr;
  }

  .summary-card{
    position:relative;
    top:auto;
  }
}

@media (max-width:980px){
  .admin-block,
  .contact-card,
  .summary-card,
  .checkout-card,
  .cart-card,
  .legal-card,
  .info-card,
  .auth-panel,
  .auth-side,
  .success-side,
  .legal-side{
    padding:28px;
  }
}

@media (max-width:860px){
  .table{
    min-width:720px;
  }

  .auth-page{
    padding-top:28px;
  }
}

@media (max-width:640px){
  body.site-body{
    font-size:15.9px;
  }

  .admin-block,
  .contact-card,
  .summary-card,
  .checkout-card,
  .cart-card,
  .legal-card,
  .info-card,
  .auth-panel,
  .auth-side,
  .success-side,
  .legal-side{
    padding:22px;
  }

  .auth-panel h1,
  .legal-side h1,
  .success-panel h1{
    font-size:2rem;
  }

  .table{
    min-width:660px;
  }
}

/* ── Footer redesign ───────────────────────────────────────────────── */
.footer-main{border-bottom:1px solid rgba(255,255,255,.08);}
.footer-bottom{padding:.9rem 0;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.55);font-size:.88rem;}
.footer-bottom-links{display:flex;gap:1.1rem;flex-wrap:wrap;}
.footer-bottom-links a{color:rgba(255,255,255,.62);text-decoration:none;font-size:.88rem;white-space:nowrap;}
.footer-bottom-links a:hover{color:#fff;}

/* ── wk-* utility classes ──────────────────────────────────────────── */
.wk-section{padding-top:42px;padding-bottom:82px;}
.wk-wide{max-width:var(--container);margin-inline:auto;}
.wk-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:.5rem;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:#edf4ff;color:var(--navy-2);border:1px solid #d7e7ff;margin-bottom:.75rem;}
.wk-form-card{border-radius:1.4rem;box-shadow:var(--shadow-md);border:1px solid var(--line);}
.wk-title-lg{font-family:"Manrope",sans-serif;font-size:clamp(2rem,2vw,3.2rem);line-height:1.06;letter-spacing:-.04em;color:var(--ink);margin:0 0 .5rem;}
.wk-title-md{font-family:"Manrope",sans-serif;font-size:clamp(1.5rem,2.2vw,2.2rem);line-height:1.1;letter-spacing:-.03em;color:var(--ink);margin:0 0 .5rem;}
.wk-muted{color:var(--muted);}
.wk-check-list{list-style:none;padding:0;margin:0;display:grid;gap:10px;}
.wk-check-list li{display:flex;align-items:flex-start;gap:10px;color:var(--ink);}
.wk-check-list li::before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--blue);flex:0 0 18px;margin-top:2px;}
/* Header logo */
.wk-header-logo{display:block;height:46px;width:auto;max-width:220px;object-fit:contain;}

/* ── Legal pages prose ─────────────────────────────────────────────── */
.legal-prose h2{font-family:"Manrope",sans-serif;font-size:1.15rem;font-weight:800;color:#22382b;margin:2rem 0 .6rem;padding-bottom:.4rem;border-bottom:1px solid var(--wk-border,#dbe5d8);letter-spacing:-.02em;}
.legal-prose h2:first-child{margin-top:0;}
.legal-prose p{font-size:.96rem;line-height:1.8;color:#334e68;margin-bottom:.75rem;}
.legal-prose ul,.legal-prose ol{font-size:.96rem;line-height:1.75;color:#334e68;margin-bottom:.75rem;padding-left:1.4rem;}
.legal-prose li{margin-bottom:.35rem;}
.legal-prose a{color:var(--wk-primary,#1f67ff);text-decoration:underline;text-underline-offset:2px;}
.legal-prose a:hover{color:var(--wk-primary-dark,#1f4d3a);}
.legal-prose strong{color:#22382b;}

/* ── Cookie Consent Modal ──────────────────────────────────────────── */
.wk-ck-overlay{position:fixed;inset:0;z-index:9998;background:rgba(10,24,46,.65);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .3s ease;pointer-events:none;}
.wk-ck-overlay.wk-ck-visible{opacity:1;pointer-events:all;}
.wk-ck-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;pointer-events:none;}
.wk-ck-modal.wk-ck-visible{pointer-events:all;}
.wk-ck-box{background:#fff;border-radius:1.35rem;box-shadow:0 32px 80px rgba(10,24,46,.28);width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;transform:translateY(20px) scale(.97);opacity:0;transition:transform .35s cubic-bezier(.22,.68,0,1.2),opacity .3s ease;}
.wk-ck-modal.wk-ck-visible .wk-ck-box{transform:translateY(0) scale(1);opacity:1;}

/* Header */
.wk-ck-header{display:flex;align-items:center;gap:1rem;padding:1.35rem 1.5rem 1rem;border-bottom:1px solid #e8eef6;}
.wk-ck-logo{width:2.8rem;height:2.8rem;border-radius:.75rem;background:linear-gradient(135deg,#1f67ff,#d98e32);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.wk-ck-logo i{color:#fff;font-size:1.1rem;}
.wk-ck-title{font-family:"Manrope",sans-serif;font-size:1.1rem;font-weight:800;color:#22382b;margin:0;line-height:1.2;}
.wk-ck-badge{font-size:.72rem;color:#69796b;margin:.15rem 0 0;letter-spacing:.04em;font-weight:600;}

/* Body */
.wk-ck-body{padding:1.2rem 1.5rem;overflow-y:auto;flex:1 1 auto;}
.wk-ck-intro{font-size:.88rem;color:#4a6177;line-height:1.65;margin:0 0 1.1rem;}

/* Categories */
.wk-ck-category{border:1px solid #e2eaf4;border-radius:.85rem;margin-bottom:.7rem;overflow:hidden;}
.wk-ck-cat-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:#f7faf5;gap:.75rem;}
.wk-ck-cat-info{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;flex:1 1 auto;min-width:0;}
.wk-ck-cat-name{font-size:.9rem;font-weight:700;color:#22382b;display:flex;align-items:center;gap:.4rem;}
.wk-ck-cat-name i{color:#1f67ff;font-size:.85rem;}
.wk-ck-cat-badge{font-size:.68rem;font-weight:800;padding:.2rem .55rem;border-radius:999px;letter-spacing:.04em;text-transform:uppercase;}
.wk-ck-cat-badge--always{background:#d4f0df;color:#1d5a35;}

/* Toggle switch */
.wk-ck-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;cursor:pointer;}
.wk-ck-toggle input{opacity:0;width:0;height:0;position:absolute;}
.wk-ck-slider{position:absolute;inset:0;background:#cbd8e8;border-radius:999px;transition:background .2s ease;}
.wk-ck-slider::before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.2);top:3px;left:3px;transition:transform .2s ease;}
.wk-ck-toggle input:checked + .wk-ck-slider{background:#1f67ff;}
.wk-ck-toggle input:checked + .wk-ck-slider::before{transform:translateX(20px);}
.wk-ck-toggle--locked{cursor:not-allowed;opacity:.7;}
.wk-ck-toggle--locked .wk-ck-slider{background:#34a853;}

/* Details */
.wk-ck-details{padding:.5rem 1rem .85rem;}
.wk-ck-details summary{font-size:.8rem;color:#69796b;cursor:pointer;user-select:none;margin-bottom:.4rem;}
.wk-ck-details summary:hover{color:#1f67ff;}
.wk-ck-details p{font-size:.82rem;color:#4a6177;line-height:1.6;margin:0;}

/* CCPA */
.wk-ck-ccpa{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.65rem .85rem;background:#fff8ee;border:1px solid #fde8c0;border-radius:.75rem;margin-top:.5rem;font-size:.8rem;color:#7a5a20;}
.wk-ck-ccpa i{color:#d98e32;}
.wk-ck-ccpa-link{color:#d4821a;font-weight:600;text-decoration:underline;text-underline-offset:2px;}

/* Footer */
.wk-ck-footer{padding:1rem 1.5rem 1.35rem;border-top:1px solid #e8eef6;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.wk-ck-links{display:flex;gap:.9rem;flex-wrap:wrap;}
.wk-ck-links a{font-size:.78rem;color:#69796b;text-decoration:underline;text-underline-offset:2px;}
.wk-ck-links a:hover{color:#1f67ff;}
.wk-ck-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end;flex:1 1 auto;}
.wk-ck-btn{display:inline-flex;align-items:center;justify-content:center;padding:.45rem 1rem;border-radius:.6rem;font-size:.82rem;font-weight:700;cursor:pointer;border:1px solid transparent;transition:all .18s ease;white-space:nowrap;font-family:"Manrope",sans-serif;}
.wk-ck-btn--outline{background:#fff;border-color:#d0dce9;color:#4a6177;}
.wk-ck-btn--outline:hover{background:#eef5ee;border-color:#b0c0d4;color:#22382b;}
.wk-ck-btn--secondary{background:#f3f6f2;border-color:#d0dce9;color:#22382b;}
.wk-ck-btn--secondary:hover{background:#e2ebf4;}
.wk-ck-btn--primary{background:linear-gradient(135deg,#1f67ff,#1148c4);color:#fff;box-shadow:0 6px 16px rgba(31,103,255,.25);}
.wk-ck-btn--primary:hover{box-shadow:0 8px 20px rgba(31,103,255,.32);}

/* Reopen link in footer bottom bar */
#wk-cookie-reopen{opacity:.45;transition:opacity .2s;}
#wk-cookie-reopen:hover{opacity:1;}

@media (max-width:480px){
  .wk-ck-footer{flex-direction:column;align-items:stretch;}
  .wk-ck-actions{justify-content:stretch;}
  .wk-ck-btn{flex:1 1 auto;justify-content:center;}
  .wk-ck-links{justify-content:center;}
}



/* Fix: native checkbox/radio sizes must not inherit full-width input styles */
input[type="checkbox"],
input[type="radio"]{
  width:1.05rem !important;
  min-width:1.05rem !important;
  height:1.05rem !important;
  min-height:1.05rem !important;
  padding:0 !important;
  display:inline-block;
  vertical-align:middle;
  box-shadow:none;
}
input[type="radio"]{border-radius:50% !important;}
.form-check-input{
  width:1.05rem !important;
  height:1.05rem !important;
  min-height:1.05rem !important;
  margin-top:.15rem;
}
.check-row input[type="checkbox"],
.check-row input[type="radio"],
.radio input[type="radio"]{
  flex:0 0 auto;
}

/* ══════════════════════════════════════════════════════════════
   Admin Settings — Tab Navigation
   ══════════════════════════════════════════════════════════════ */

/* Tab nav strip */
.wk-settings-tabs{
  background:#fff;
  border:1px solid var(--wk-border,#dbe5d8);
  border-bottom:none;
  border-radius:1rem 1rem 0 0;
  overflow:hidden;
}
.wk-tab-nav{
  gap:0;
  padding:.5rem .5rem 0;
  border-bottom:2px solid var(--wk-border,#dbe5d8);
  list-style:none;
  margin:0;
}
.wk-tab-btn{
  display:flex;
  align-items:center;
  gap:.5rem;
  padding:.55rem 1.15rem;
  background:none;
  border:none;
  border-radius:.6rem .6rem 0 0;
  font-size:.88rem;
  font-weight:600;
  color:var(--wk-muted,#69796b);
  white-space:nowrap;
  cursor:pointer;
  transition:color .15s,background .15s;
  position:relative;
  margin-bottom:-2px;
}
.wk-tab-btn i{font-size:.9rem;}
.wk-tab-btn:hover{
  color:var(--wk-primary,#1f67ff);
  background:rgba(31,103,255,.05);
}
.wk-tab-btn.active,
.wk-tab-btn[aria-selected="true"]{
  color:var(--wk-primary,#1f67ff);
  background:#fff;
  border:2px solid var(--wk-border,#dbe5d8);
  border-bottom:2px solid #fff;
}

/* Tab content area */
.wk-tab-content{
  border:1px solid var(--wk-border,#dbe5d8);
  border-radius:0 0 1rem 1rem;
  overflow:hidden;
}
.wk-tab-content .tab-pane > .card{
  border-radius:0 !important;
  border:none !important;
}

/* Settings group — bordered sub-section */
.wk-settings-group{
  border:1px solid var(--wk-border,#dbe5d8);
  border-radius:.75rem;
  overflow:hidden;
}
.wk-settings-group-title{
  display:flex;
  align-items:center;
  gap:.35rem;
  padding:.65rem 1rem;
  background:var(--wk-surface,#f5f8fc);
  font-size:.83rem;
  font-weight:700;
  letter-spacing:.01em;
  color:var(--wk-muted,#69796b);
  border-bottom:1px solid var(--wk-border,#dbe5d8);
}

/* Toggle card (checkbox + label block) */
.wk-toggle-card{
  display:flex;
  align-items:flex-start;
  gap:.85rem;
  padding:.85rem 1rem;
  background:var(--wk-surface,#f5f8fc);
  border:1px solid var(--wk-border,#dbe5d8);
  border-radius:.75rem;
  cursor:pointer;
  transition:border-color .15s,background .15s;
}
.wk-toggle-card:hover{
  border-color:var(--wk-primary,#1f67ff);
  background:#eef3ff;
}
.wk-toggle-card .form-check-input{
  flex:0 0 auto;
  margin-top:.2rem;
}

/* Mobile: compact tab labels */
@media(max-width:575px){
  .wk-tab-btn span{display:none;}
  .wk-tab-btn{padding:.55rem .75rem;}
  .wk-tab-btn i{font-size:1rem;}
}

/* ── Product detail / dynamic logo fixes ───────────────────────── */
.wk-header-logo{
  display:block;
  width:clamp(150px,18vw,240px);
  max-width:min(240px,48vw);
  height:auto;
  flex-shrink:0;
}
.wk-product-badge{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.55rem .9rem;
  border-radius:999px;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.01em;
  border:1px solid transparent;
}
.wk-product-badge--category{background:#fff3dc;color:#7a4b00;border-color:#f0d9a0}
.wk-product-badge--featured{background:#ecf5ee;color:#1f67ff;border-color:#d0dfff}
.wk-product-badge--version{background:#f5f8fc;color:#26435f;border-color:#d9e4ef}
.wk-product-copy{line-height:1.75}
.wk-product-summary-box{
  height:100%;
  padding:1.35rem;
  border:1px solid #dbe5d8;
  border-radius:1.4rem;
  background:linear-gradient(180deg,#f7faf5 0%,#ffffff 100%);
  box-shadow:0 14px 36px rgba(31, 77, 58,.06);
}
.wk-product-price-label{
  font-size:.82rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#6f8298;
}
.wk-product-price{
  margin-top:.45rem;
  font-family:'Plus Jakarta Sans',sans-serif;
  font-size:clamp(2rem,3vw,2.6rem);
  line-height:1;
  color:#1f4d3a;
  letter-spacing:-.04em;
}
.wk-product-price-note{
  margin-top:.8rem;
  color:#69796b;
  line-height:1.6;
}
.wk-product-quick-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.9rem;
}
.wk-product-quick-item,
.wk-product-info-row{
  padding:.95rem 1rem;
  border-radius:1rem;
  border:1px solid #dbe5d8;
  background:#fff;
}
.wk-product-quick-item span,
.wk-product-info-row span{
  display:block;
  font-size:.78rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#6f8298;
  margin-bottom:.35rem;
}
.wk-product-quick-item strong,
.wk-product-info-row strong{
  display:block;
  color:#22382b;
  line-height:1.45;
}
.wk-product-inline-note{
  padding:1rem 1.05rem;
  border-radius:1rem;
  background:#fff7ed;
  border:1px solid #f3d7b5;
  color:#7a4b00;
  line-height:1.7;
}
.wk-product-info-list{
  display:grid;
  gap:.9rem;
}
.wk-product-richtext{
  line-height:1.85;
}
@media (max-width:991.98px){
  .wk-product-summary-box{padding:1.15rem}
}
@media (max-width:767.98px){
  .wk-header-logo{width:min(186px,58vw)}
  .wk-product-quick-grid{grid-template-columns:1fr}
}


.wk-product-title{
  font-family:"Manrope",sans-serif;
  font-size:clamp(2rem,2.2vw,2.8rem);
  line-height:1.08;
  letter-spacing:-.04em;
  color:var(--ink);
  margin:0 0 .5rem;
}
.wk-tax-note{
  font-size:.82rem;
  font-weight:800;
  color:#6f8298;
  white-space:nowrap;
}
.wk-product-detail-panel{
  display:flex;
  flex-direction:column;
  gap:1.5rem;
}
.wk-product-feature-list{
  margin:0;
  padding-left:1.2rem;
  color:#22382b;
}
.wk-product-feature-list li{
  margin-bottom:.2rem;
  line-height:1.7;
}
.wk-gallery-card{
  background:linear-gradient(180deg,#ffffff 0%,#f7faf5 100%);
}
.wk-gallery-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
.wk-gallery-thumb{
  border:1px solid #dbe5d8;
  border-radius:1.2rem;
  padding:.4rem;
  background:#fff;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.wk-gallery-thumb:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 32px rgba(31, 77, 58,.08);
  border-color:#c9d9eb;
}
.wk-gallery-thumb img{
  width:100%;
  height:180px;
  object-fit:cover;
  border-radius:.9rem;
  display:block;
}
@media (max-width:767.98px){
  .wk-gallery-grid{grid-template-columns:1fr}
  .wk-gallery-thumb img{height:220px}
}

.flash{transition:opacity .28s ease,transform .28s ease,margin .28s ease,padding .28s ease;}
.flash.wk-flash-hiding{opacity:0;transform:translateY(-8px);margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;overflow:hidden;}
.wk-download-file-name{word-break:break-word;}

/* Desktop compact tuning: reduziert nur die übergroße Desktop-Darstellung, ohne mobile Layouts umzubauen. */
@media (min-width:992px){
  :root{
    --container:1440px;
    --reading:1080px;
  }
  body.site-body{
    font-size:15.75px;
    line-height:1.62;
  }
  .site-meta-bar{font-size:.86rem;}
  .navbar-shell{min-height:84px;}
  .brand-badge{width:46px;height:46px;flex-basis:46px;border-radius:16px;}
  .brand-copy strong{font-size:1.04rem;}
  .brand-copy small{font-size:.9rem;}
  .main-nav-list .nav-link{font-size:.92rem;padding:10px 13px !important;}
  .btn{min-height:46px;padding:0 20px;font-size:.94rem;}
  .section,.section-block,.detail-page{padding-top:32px;padding-bottom:64px;}
  .hero-main{padding:42px;}
  .hero-main h1{font-size:clamp(2.55rem,3.3vw,4.45rem);}
  .hero-main .lead{font-size:1.02rem;line-height:1.65;}
  .section-head h2,.section-title,h1.page-title,.contact-card h1,.legal-card h1{font-size:clamp(1.85rem,2.25vw,2.75rem);}
  .section-head p{font-size:.98rem;}
  .product-body{padding:26px;gap:14px;}
  .product-body h3{font-size:1.62rem;}
  .price{font-size:1.16rem;}
  .price-lg{font-size:1.9rem;}
  .detail-panel,.content-card,.contact-card,.summary-card,.checkout-card,.cart-card,.card,.card-flat,.admin-block,.legal-card,.footer-card,.info-card{padding:28px;}
  .detail-image{min-height:480px;}
  .admin-shell{grid-template-columns:280px minmax(0,1fr);gap:24px;}
  .admin-sidebar{top:96px;}
  .admin-hero h1{font-size:clamp(1.9rem,2.5vw,3rem);}
  .stat-card strong{font-size:1.65rem;}
  .table th,.table td{padding:14px 16px;line-height:1.5;}
  .auth-panel h1,.legal-side h1,.success-panel h1{font-size:clamp(2rem,2.35vw,2.75rem);}
  .wk-title-lg{font-size:clamp(1.75rem,1.85vw,2.65rem);}
  .wk-product-title{font-size:clamp(1.75rem,1.85vw,2.35rem);}
  .wk-gallery-thumb img{height:150px;}
}


/* ================================================================
   Hotel am Lunikpark — Ergänzungen zum WerkDesk-Basis-Stylesheet
   ================================================================ */

/* ── Footer mit Hotelinfos ─────────────────────────────────────── */
.footer-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr .9fr;gap:2rem;padding:2.4rem 0 1.6rem;align-items:start;}
@media (max-width: 991.98px){.footer-grid{grid-template-columns:1fr 1fr;gap:1.6rem 1.4rem;padding:1.8rem 0 1.2rem;}}
@media (max-width: 575.98px){.footer-grid{grid-template-columns:1fr;}}
.footer-col{min-width:0;text-align:left;}
.footer-title{font-size:1.02rem;font-weight:800;color:#fff;margin-bottom:.8rem;text-align:left;}
.footer-text{font-size:.92rem;color:rgba(255,255,255,.78);line-height:1.7;margin-bottom:.7rem;text-align:left;}
.footer-text a{color:rgba(255,255,255,.92);text-decoration:none;}
.footer-text a:hover{color:#fff;text-decoration:underline;}
/* align-items:flex-start + text-align:left heben die geerbte Regel
   (align-items:center) aus dem Basis-Template auf — sonst stehen die
   Footer-Links zentriert statt linksbündig. grid-template-columns:none
   neutralisiert eine zweite geerbte Grid-Regel. */
.footer-links{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;gap:.5rem;margin-top:0;grid-template-columns:none;}
.footer-links a{color:rgba(255,255,255,.78);text-decoration:none;font-size:.92rem;font-weight:500;display:inline-flex;align-items:center;gap:.55rem;}
.footer-links a:hover{color:#fff;}
.footer-links a i{width:1rem;text-align:center;opacity:.7;}

/* ── Verfügbarkeits-Suchleiste (Hero + Zimmerseite) ───────────── */
.wk-search-bar{background:#fff;border:1px solid var(--line);border-radius:1.1rem;box-shadow:0 18px 45px rgba(31,77,58,.10);padding:1.1rem 1.2rem;}
.wk-search-bar .form-label{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#6d8272;margin-bottom:.3rem;}
.wk-search-bar .form-control,.wk-search-bar .form-select{border-color:var(--line);border-radius:.65rem;padding:.62rem .8rem;font-weight:600;}
.wk-search-bar .form-control:focus,.wk-search-bar .form-select:focus{border-color:var(--blue);box-shadow:0 0 0 .2rem rgba(46,107,79,.12);}
.wk-hero-dark .wk-search-bar{border-color:transparent;}

/* ── Zimmerkarten ──────────────────────────────────────────────── */
.wk-room-card{display:flex;flex-direction:column;overflow:hidden;padding:0;height:100%;}
.wk-room-card .wk-room-media{background:linear-gradient(135deg,#ecf5ee,#f7faf5);border-bottom:1px solid var(--line);aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.wk-room-card .wk-room-media img{width:100%;height:100%;object-fit:cover;}
.wk-room-card .wk-room-body{padding:1.25rem;display:flex;flex-direction:column;gap:.65rem;flex:1 1 auto;}
.wk-room-meta{display:flex;flex-wrap:wrap;gap:.9rem;font-size:.88rem;color:var(--muted);}
.wk-room-meta i{color:var(--blue);margin-right:.3rem;}
.wk-room-price{font-size:1.35rem;font-weight:800;color:var(--navy);}
.wk-room-price small{font-size:.82rem;font-weight:600;color:var(--muted);}
.wk-availability-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:999px;font-size:.8rem;font-weight:800;}
.wk-availability-pill.is-free{background:#e7f6ed;color:#1f6b45;border:1px solid #ccead6;}
.wk-availability-pill.is-low{background:#fdf3e2;color:#93611c;border:1px solid #f0dcb6;}
.wk-availability-pill.is-full{background:#fdeceb;color:#8d302a;border:1px solid #f0cbc7;}

/* ── Buchungszusammenfassung ───────────────────────────────────── */
.wk-summary-row{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;font-size:.95rem;}
.wk-summary-row.total{border-top:2px solid var(--line);margin-top:.5rem;padding-top:.9rem;font-size:1.08rem;font-weight:800;color:var(--navy);}
.wk-summary-label{color:var(--muted);}
.wk-qty-input{max-width:5.5rem;}

/* ── Feature-Listen (Ausstattung, Services) ───────────────────── */
.wk-feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.55rem;}
.wk-feature-list li{display:flex;align-items:flex-start;gap:.6rem;font-size:.95rem;}
.wk-feature-list li i{color:var(--blue);margin-top:.2rem;flex:0 0 auto;}

/* ── Service-Karten (Startseite) ───────────────────────────────── */
.wk-service-card{padding:1.4rem;height:100%;display:flex;flex-direction:column;gap:.6rem;}
.wk-service-card .wk-service-icon{width:3rem;height:3rem;border-radius:.9rem;background:linear-gradient(135deg,#ecf5ee,#fdf4e7);display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:var(--navy);}
.wk-service-card h3{font-size:1.08rem;margin:0;}
.wk-service-card p{font-size:.92rem;color:var(--muted);margin:0;}

/* ── Statusseite Reservierung ──────────────────────────────────── */
.wk-timeline{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.9rem;}
.wk-timeline li{display:flex;align-items:flex-start;gap:.8rem;}
.wk-timeline .wk-timeline-dot{width:1.9rem;height:1.9rem;border-radius:999px;background:#ecf5ee;border:2px solid var(--blue);color:var(--navy);display:flex;align-items:center;justify-content:center;font-size:.8rem;flex:0 0 auto;}
.wk-timeline li.is-done .wk-timeline-dot{background:var(--blue);color:#fff;}
.wk-timeline li.is-muted{opacity:.5;}

/* ── Öffnungszeiten-Tabelle ───────────────────────────────────── */
.wk-hours{width:100%;font-size:.95rem;}
.wk-hours td{padding:.4rem 0;border-bottom:1px dashed var(--line);vertical-align:top;}
.wk-hours td:last-child{text-align:right;font-weight:700;color:var(--navy);white-space:pre-line;}
.wk-hours tr:last-child td{border-bottom:0;}



/* ================================================================
   Hotel am Lunikpark — v3: FAQ, Gästestimmen, Galerie, Rechtstexte
   ================================================================ */

/* ── FAQ (Akkordeon) ───────────────────────────────────────────── */
.wk-faq{display:flex;flex-direction:column;gap:.85rem;}
.wk-faq-item{border:1px solid var(--line);border-radius:1rem;background:#fff;overflow:hidden;box-shadow:0 8px 22px rgba(31,77,58,.05);}
.wk-faq-item summary{list-style:none;cursor:pointer;padding:1.1rem 1.3rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-weight:700;font-family:"Plus Jakarta Sans",sans-serif;color:var(--navy);}
.wk-faq-item summary::-webkit-details-marker{display:none;}
.wk-faq-item summary .wk-faq-icon{flex:0 0 auto;width:1.9rem;height:1.9rem;border-radius:999px;background:var(--blue-soft);color:var(--blue);display:flex;align-items:center;justify-content:center;transition:transform .25s ease,background .25s ease;}
.wk-faq-item[open] summary .wk-faq-icon{transform:rotate(45deg);background:var(--blue);color:#fff;}
.wk-faq-item .wk-faq-body{padding:0 1.3rem 1.2rem;color:var(--muted);line-height:1.7;}
.wk-faq-item[open] summary{border-bottom:1px solid var(--line);margin-bottom:1rem;}

/* ── Gästestimmen (Testimonials) ───────────────────────────────── */
.wk-testimonial-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.3rem;}
.wk-testimonial{background:#fff;border:1px solid var(--line);border-radius:1.2rem;padding:1.5rem;box-shadow:0 12px 30px rgba(31,77,58,.07);display:flex;flex-direction:column;gap:1rem;position:relative;}
.wk-testimonial .wk-quote-mark{position:absolute;top:1rem;right:1.3rem;font-size:2.6rem;line-height:1;color:var(--blue-soft);font-family:Georgia,serif;}
.wk-stars{display:inline-flex;gap:.15rem;color:#e0a72c;font-size:.95rem;}
.wk-stars .is-empty{color:#d9e4d7;}
.wk-testimonial blockquote{margin:0;font-size:1.02rem;line-height:1.65;color:var(--ink);position:relative;z-index:1;}
.wk-testimonial .wk-testimonial-foot{margin-top:auto;display:flex;align-items:center;gap:.85rem;}
.wk-testimonial .wk-avatar{width:2.7rem;height:2.7rem;border-radius:999px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-family:"Plus Jakarta Sans",sans-serif;flex:0 0 auto;}
.wk-testimonial .wk-testimonial-name{font-weight:800;color:var(--navy);font-family:"Plus Jakarta Sans",sans-serif;line-height:1.2;}
.wk-testimonial .wk-testimonial-meta{font-size:.85rem;color:var(--muted);}

/* ── Galerie ───────────────────────────────────────────────────── */
.wk-gallery-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;}
.wk-gallery-filter button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:.5rem 1.1rem;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .18s ease;font-family:"Plus Jakarta Sans",sans-serif;}
.wk-gallery-filter button:hover{border-color:var(--blue);color:var(--blue);}
.wk-gallery-filter button.is-active{background:var(--navy);border-color:var(--navy);color:#fff;}
.wk-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;}
.wk-gallery-tile{position:relative;border-radius:1rem;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/3;background:linear-gradient(135deg,#ecf5ee,#f7faf5);cursor:pointer;padding:0;display:block;width:100%;}
.wk-gallery-tile img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;display:block;}
.wk-gallery-tile:hover img{transform:scale(1.06);}
.wk-gallery-tile .wk-gallery-cap{position:absolute;left:0;right:0;bottom:0;padding:1.4rem .9rem .7rem;background:linear-gradient(to top,rgba(31,77,58,.82),transparent);color:#fff;font-size:.9rem;font-weight:700;text-align:left;opacity:0;transition:opacity .25s ease;}
.wk-gallery-tile:hover .wk-gallery-cap{opacity:1;}
.wk-gallery-badge{position:absolute;top:.6rem;left:.6rem;background:rgba(255,255,255,.92);color:var(--navy);border-radius:999px;padding:.2rem .65rem;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;}

/* Lightbox */
.wk-lightbox{position:fixed;inset:0;background:rgba(16,32,24,.9);display:none;align-items:center;justify-content:center;z-index:2000;padding:2rem;}
.wk-lightbox.is-open{display:flex;}
.wk-lightbox img{max-width:100%;max-height:86vh;border-radius:.6rem;box-shadow:0 30px 80px rgba(0,0,0,.5);}
.wk-lightbox .wk-lb-close{position:absolute;top:1.2rem;right:1.5rem;width:2.8rem;height:2.8rem;border-radius:999px;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:1.3rem;cursor:pointer;}
.wk-lightbox .wk-lb-close:hover{background:rgba(255,255,255,.26);}
.wk-lightbox .wk-lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;border-radius:999px;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:1.3rem;cursor:pointer;}
.wk-lightbox .wk-lb-nav:hover{background:rgba(255,255,255,.26);}
.wk-lightbox .wk-lb-prev{left:1.3rem;}
.wk-lightbox .wk-lb-next{right:1.3rem;}
.wk-lightbox .wk-lb-caption{position:absolute;bottom:1.2rem;left:0;right:0;text-align:center;color:rgba(255,255,255,.85);font-size:.95rem;}

/* ── Rechtstexte: professionelles Layout ───────────────────────── */
.wk-legal-hero{background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;border-radius:1.4rem;padding:2.4rem 2rem;margin-bottom:1.8rem;}
.wk-legal-hero .wk-chip{background:rgba(255,255,255,.14);border:0;color:#fff;}
.wk-legal-hero h1{font-size:clamp(1.9rem,3vw,2.6rem);margin:1rem 0 .5rem;}
.wk-legal-hero .wk-legal-meta{color:rgba(255,255,255,.8);font-size:.92rem;}
.wk-legal-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;}
.wk-legal-card{background:#fff;border:1px solid var(--line);border-radius:1.2rem;padding:2rem 2.2rem;box-shadow:0 14px 40px rgba(31,77,58,.06);}
@media (max-width:575.98px){.wk-legal-card{padding:1.4rem 1.2rem;}}
.wk-legal-prose{max-width:52rem;color:var(--ink);line-height:1.75;font-size:1.01rem;}
.wk-legal-prose > *:first-child{margin-top:0;}
.wk-legal-prose h2{font-size:1.28rem;margin:2rem 0 .7rem;padding-top:1.3rem;border-top:1px solid var(--line);color:var(--navy);}
.wk-legal-prose h2:first-of-type{border-top:0;padding-top:0;margin-top:0;}
.wk-legal-prose h3{font-size:1.06rem;margin:1.3rem 0 .5rem;color:var(--navy);}
.wk-legal-prose p{margin:0 0 1rem;}
.wk-legal-prose a{color:var(--blue);word-break:break-word;}
.wk-legal-prose ul{margin:0 0 1rem;padding-left:1.2rem;}
.wk-legal-prose li{margin-bottom:.4rem;}
/* Impressum: strukturierte Firmendaten */
.wk-impressum-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem 1.5rem;margin:0 0 .5rem;}
.wk-impressum-facts dt{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.2rem;}
.wk-impressum-facts dd{margin:0 0 .9rem;color:var(--ink);line-height:1.6;font-weight:600;}
.wk-legal-toc{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.6rem;}
.wk-legal-toc a{font-size:.85rem;font-weight:700;color:var(--navy);background:var(--blue-soft);border:1px solid var(--line);border-radius:999px;padding:.4rem .85rem;text-decoration:none;}
.wk-legal-toc a:hover{background:var(--navy);color:#fff;}



/* ================================================================
   Hotel am Lunikpark - v4: Startseiten-Slider, Seiten-Kopfbilder
   ================================================================ */

/* -- Startseiten-Slider ------------------------------------------ */
.wk-slider{position:relative;width:100%;height:clamp(340px,52vw,560px);overflow:hidden;background:#1f4d3a;}
.wk-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;background-size:cover;background-position:center;display:flex;align-items:center;}
.wk-slide.is-active{opacity:1;}
.wk-slide::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,40,30,.66),rgba(20,40,30,.34) 55%,rgba(20,40,30,.18));}
.wk-slide-inner{position:relative;z-index:2;max-width:1600px;margin:0 auto;padding:0 clamp(1.2rem,5vw,4rem);width:100%;}
.wk-slide-box{max-width:640px;color:#fff;}
.wk-slide-box .wk-chip{background:rgba(255,255,255,.16);border:0;color:#fff;backdrop-filter:blur(4px);}
.wk-slide-title{font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;font-size:clamp(1.8rem,3.4vw,3.1rem);line-height:1.08;margin:1rem 0 .7rem;text-shadow:0 2px 18px rgba(0,0,0,.35);}
.wk-slide-sub{font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.5;color:rgba(255,255,255,.92);margin-bottom:1.4rem;text-shadow:0 2px 14px rgba(0,0,0,.3);max-width:34rem;}
.wk-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:3rem;height:3rem;border-radius:999px;border:0;background:rgba(255,255,255,.2);color:#fff;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;}
.wk-slider-arrow:hover{background:rgba(255,255,255,.38);}
.wk-slider-prev{left:1rem;}.wk-slider-next{right:1rem;}
@media (max-width:575.98px){.wk-slider-arrow{display:none;}}
.wk-slider-dots{position:absolute;bottom:1.1rem;left:0;right:0;z-index:5;display:flex;justify-content:center;gap:.55rem;}
.wk-slider-dots button{width:.7rem;height:.7rem;border-radius:999px;border:0;background:rgba(255,255,255,.5);cursor:pointer;padding:0;transition:all .2s ease;}
.wk-slider-dots button.is-active{background:#fff;width:1.7rem;border-radius:999px;}

/* Suchleiste unter dem Slider (Startseite) */
.wk-slider-search{max-width:1600px;margin:-3.4rem auto 0;position:relative;z-index:6;padding:0 clamp(1rem,4vw,3rem);}
@media (max-width:767.98px){.wk-slider-search{margin-top:1.2rem;}}

/* -- Seiten-Kopfbild (Hero mit Hintergrundbild) ------------------ */
.wk-page-hero{position:relative;border-radius:1.4rem;overflow:hidden;background-size:cover;background-position:center;min-height:clamp(200px,26vw,320px);display:flex;align-items:flex-end;margin-bottom:1.8rem;box-shadow:0 18px 45px rgba(31,77,58,.14);}
.wk-page-hero-inner{position:relative;z-index:2;padding:clamp(1.4rem,3vw,2.4rem);color:#fff;}
.wk-page-hero-title{font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;font-size:clamp(1.7rem,2.8vw,2.6rem);margin:.7rem 0 .4rem;text-shadow:0 2px 16px rgba(0,0,0,.35);}
.wk-page-hero-sub{font-size:clamp(.98rem,1.4vw,1.15rem);color:rgba(255,255,255,.92);margin:0;max-width:46rem;text-shadow:0 2px 12px rgba(0,0,0,.3);}
.wk-chip-onimage{background:rgba(255,255,255,.18)!important;border:0!important;color:#fff!important;backdrop-filter:blur(4px);}

/* -- Stellenangebote / Jobs -------------------------------------- */
.wk-job-list{display:flex;flex-direction:column;gap:1.1rem;}
.wk-job-card{background:#fff;border:1px solid var(--line);border-radius:1.1rem;padding:1.5rem;box-shadow:0 10px 26px rgba(31,77,58,.06);}
.wk-job-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.6rem;margin-bottom:.5rem;}
.wk-job-title{font-size:1.2rem;font-weight:800;color:var(--navy);font-family:"Plus Jakarta Sans",sans-serif;margin:0;}
.wk-job-meta{display:flex;flex-wrap:wrap;gap:.9rem;font-size:.9rem;color:var(--muted);margin-bottom:.7rem;}
.wk-job-meta i{color:var(--blue);margin-right:.3rem;}
.wk-job-card .wk-job-desc{color:var(--ink);line-height:1.65;}