*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--dark);background:#fff;line-height:1.58}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
.topbar{max-width:1180px;margin:auto;display:flex;align-items:center;gap:24px;padding:12px 20px}
.navlinks a{color:#fff;font-weight:700;padding:14px 12px;display:block}
.navlinks a:hover{background:rgba(0,0,0,.12);text-decoration:none}
.menu-toggle{display:none;background:#fff;color:#12833b;border:0;padding:12px;margin:8px 20px;border-radius:8px;font-weight:700}
.container{max-width:1320px;margin:auto;padding:26px 20px}
.hero{background:linear-gradient(135deg,#f5fae8,#fff);border:1px solid var(--line);border-radius:18px;padding:34px;margin-bottom:24px}
.hero h1{font-size:42px;line-height:1.12;margin:0 0 14px}
.hero p{font-size:19px;color:var(--muted);max-width:840px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(0,0,0,.045)}
.card h2,.card h3{margin-top:0}
.btn{display:inline-block;background:var(--green);color:#fff!important;font-weight:700;padding:10px 14px;border-radius:10px}
.breadcrumb{font-size:14px;color:var(--muted);margin-bottom:14px}
table{border-collapse:collapse;width:100%;background:#fff}
td,th{text-align:left;border-bottom:1px solid var(--line);padding:12px}
th{background:#f1f5e7}
.score{font-weight:700;color:#12833b}
.footer{background:#20202a;color:#fff;margin-top:34px}
.footer a{display:block;color:#d9e8ad;margin:6px 0}
.footer-grid{max-width:1180px;margin:auto;padding:30px 20px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
.listcols{columns:3;column-gap:28px}
.listcols li{break-inside:avoid;margin:4px 0}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}
.kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}
.kpi strong{display:block;font-size:24px;color:#12833b}
.mini{font-size:13px;color:var(--muted)}
.adminbar{background:#20202a;color:#fff;padding:10px 18px}
.adminbar a{color:#d9e8ad;margin-right:12px;font-weight:700}
.form-grid label{display:block;font-weight:700}
.form-grid input,.form-grid select,.form-grid textarea,.full input,.full textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px}
.full{grid-column:1/-1}
.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.danger{color:#9b1b1b}
.ok{background:#eef8df;border:1px solid #cfe7a0;border-radius:12px;padding:10px}
.error{background:#fff1f1;border:1px solid #f0b7b7;border-radius:12px;padding:10px}
.rank{font-size:22px;font-weight:800;color:#12833b}
.navdrop>a{display:flex;align-items:center}
.navdrop:focus-within .dropdown,.navdrop:hover .dropdown{display:block}
.bar-chart{display:grid;gap:10px;margin:18px 0}
.bar-row{display:grid;grid-template-columns:190px 1fr 70px;gap:10px;align-items:center}
.bar-track{height:14px;background:#eef1e7;border-radius:999px;overflow:hidden}
.bar-fill{height:100%;background:linear-gradient(90deg,#b9cf57,#657600);border-radius:999px}
.timeline{display:flex;gap:8px;align-items:end;min-height:110px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px;margin:16px 0}
.timeline .point{width:38px;background:#b9cf57;border-radius:8px 8px 0 0;position:relative}
.timeline .point span{position:absolute;bottom:-25px;left:0;font-size:11px;color:var(--muted)}
.saving-box{background:#f7faee;border:1px solid #dfe8bd;border-radius:14px;padding:14px;margin:14px 0}
.muted{color:var(--muted)}
.mainnav{background:var(--green);position:relative}
.drop-head:hover,.navlink:hover{background:rgba(0,0,0,.12);text-decoration:none}
.drop-chevron:focus{outline:2px solid #fff;outline-offset:-4px}
.dropdown a:hover{background:#f4f7ec;text-decoration:none}
.navdrop.is-open>.dropdown,.navdrop:focus-within>.dropdown,.navdrop:hover>.dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.navlinks{max-width:1180px;margin:0 auto;display:flex;gap:6px;align-items:center;padding:0 20px;min-height:54px;flex-wrap:nowrap;justify-content:flex-start;overflow:visible}
.drop-head{display:flex;align-items:center;border-radius:8px}
.navdrop:not(.is-open) .drop-head:hover{background:rgba(0,0,0,.12)}
.link-hint{background:#f7faee;border:1px solid #dfe8bd;border-radius:14px;padding:13px 15px;margin:16px 0}
.badge{display:inline-block;border-radius:999px;padding:3px 8px;background:#f1f5e7;color:#12833b;font-weight:700;border:1px solid var(--line)}
.visual-card{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center;background:#f7faef;border:1px solid #dfe9c8;border-radius:18px;padding:20px;margin:22px 0}
.visual-card .pharmacy-logo{max-width:160px;max-height:86px;background:#fff;border:1px solid #e4ead8;border-radius:14px;padding:12px}
.visual-card .pharmacy-shot{width:100%;max-height:190px;object-fit:cover;border-radius:14px;border:1px solid #dfe6d0;background:#fff;box-shadow:0 8px 24px rgba(39,58,0,.08)}
.chart-card{margin:28px 0;padding:22px;border:1px solid #dfe9c8;border-radius:18px;background:#fff}
.timeline-chart{height:190px;border-left:1px solid #dfe9c8;border-bottom:1px solid #dfe9c8;display:flex;align-items:end;gap:12px;padding:12px 12px 0;margin-top:12px;overflow-x:auto}
.timebar{height:150px;min-width:72px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;text-align:center;color:#53586b;font-size:.82rem}
.timebar span{display:block;width:42px;border-radius:9px 9px 0 0;background:linear-gradient(180deg,#c4d857,#7fa400)}
.timebar strong{font-size:.78rem;color:#20222e}
.timebar em{font-style:normal}
.top-list li:first-child{border-top:0}
.price-chip{display:inline-block;background:#eef7d7;color:#4d6700;border-radius:999px;padding:5px 10px;font-weight:800}
.mini-note{font-size:.9rem;color:#666b7a}
.offer-row strong{color:#4e6800}
.review-form input,.review-form select,.review-form textarea{width:100%;max-width:100%;padding:.7rem;border:1px solid #d8dee9;border-radius:10px}
.price-index-table td,.price-index-table th{vertical-align:top}
.mini-bars{display:grid;gap:8px;margin:12px 0}
.mini-bars div{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid #e6eaf0;border-radius:10px;background:#fff}
.link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.price-index-table a{font-weight:700}
.cluster-nav{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}
.cluster-nav a{font-weight:800;text-decoration:none}
.popularity-badge{display:inline-block;padding:4px 9px;border-radius:999px;background:#eef5dc;color:#4b6500;font-weight:800}
.admin-help{background:#f7faee;border:1px solid #dfe8bd;border-radius:14px;padding:14px;margin:16px 0}
.admin-help code{background:#fff;border:1px solid #e6eadf;border-radius:6px;padding:2px 5px}
.textarea-large{min-height:220px}
.textarea-medium{min-height:120px}
.pillrow{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.pillrow a{background:#f4f7ed;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-weight:800;text-decoration:none}
.btn-light{background:#f4f7ed!important;color:#12833b!important;border:1px solid var(--line)}
.lead{font-size:18px;color:var(--muted)}
.top-list-large li{align-items:flex-start}
.more-link{display:inline-block;margin-top:12px;font-weight:800}
.link-grid a:hover{border-color:#b8ca79;background:#fbfdf6}
.hub-hero{margin-top:8px}
.btn-affiliate{white-space:nowrap;font-weight:900;display:inline-block;background:#17a34a;color:#fff!important;border-radius:9px;padding:7px 10px;text-decoration:none!important}
.btn-affiliate:hover{filter:brightness(.95)}
.big-chart h2{font-size:32px}
.linechart-wrap{position:relative;background:#fff;border:1px solid #d8dee9;border-radius:12px;padding:12px 16px 10px;box-shadow:0 12px 28px rgba(0,0,0,.05)}
.linechart-wrap svg{width:100%;height:auto;display:block}
.linechart-wrap .gridline{stroke:#cbd4e6;stroke-width:1}
.linechart-wrap .gridline.v{stroke:#dce3ef}
.linechart-wrap .axis{font-size:13px;fill:#555}
.chart-legend{display:flex;gap:18px;flex-wrap:wrap;margin:10px 0 0 40px}
.chart-legend span{font-weight:800;color:#42516b}
.chart-legend i{display:inline-block;width:14px;height:14px;border-radius:3px;margin-right:8px;vertical-align:-2px}
.highlight-card{background:linear-gradient(135deg,#fbfff1,#fff)}
.link-grid a{display:flex!important;padding:10px 12px;border:1px solid #e6eaf0;border-radius:10px;background:#fff;text-decoration:none;min-height:76px;flex-direction:column;justify-content:center}
.link-grid a strong{display:block;margin-bottom:4px;font-size:17px;line-height:1.25}
.link-grid a small{display:block;color:#555c6e;line-height:1.35;margin-top:3px}
.top-list-large li span{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.chart-card .bar-chart{max-width:100%}
.index-chart{position:relative;height:260px;border:1px solid #d7dec9;background:linear-gradient(#fff,#f8f8f8);overflow:hidden}
.index-chart:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 49px,rgba(80,100,140,.18) 50px),repeating-linear-gradient(to right,transparent 0,transparent 24%,rgba(80,100,140,.18) 25%)}
.chart-line{position:absolute;left:7%;right:7%;height:4px;border-radius:4px;transform-origin:left center}
.line-blue{top:58%;background:#536da9;box-shadow:120px -35px 0 #536da9,260px -70px 0 #536da9,520px -80px 0 #536da9}
.line-green{top:62%;background:#79976d;box-shadow:220px 2px 0 #79976d,520px 2px 0 #79976d}
.line-red{top:50%;background:#b94b3d;box-shadow:220px 3px 0 #b94b3d,520px 0 0 #b94b3d}
.notice{background:#fff8df;border:1px solid #ead487;border-radius:12px;padding:16px 18px;margin:16px 0}
.admin-shellbar{background:#1f2029;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:2000}
.admin-shellbar strong{margin-right:8px}
.admin-shellbar a{color:#dbeab0;font-weight:800;padding:6px 8px;border-radius:8px}
.admin-shellbar a:hover{background:rgba(255,255,255,.08);text-decoration:none}
.admin-quicknav a{font-weight:800;color:#12833b}
.admin-hero{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:linear-gradient(135deg,#f6fae9,#fff);border:1px solid #dfe8bd;border-radius:18px;padding:26px;margin:10px 0 22px}
.admin-hero h1{margin:0 0 8px;font-size:36px}
.admin-hero p{margin:0;color:#5f6574;max-width:760px}
.admin-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.admin-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0}
.admin-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 24px}
.admin-action-grid a{display:block;border:1px solid #dfe8bd;border-radius:14px;padding:14px;background:#fff;text-decoration:none}
.admin-action-grid a strong{display:block;color:#20202a;margin-bottom:4px}
.admin-action-grid a span{display:block;color:#626879;font-size:.92rem}
.admin-action-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:12px}
.checkline{display:flex!important;gap:8px;align-items:center;align-self:end}
.checkline input{width:auto!important}
.admin-help h2{margin-top:0}
.admin-dashboard h2{margin-top:30px}
.price-index-table small{color:#606879}
.review-form select{background:#fff}
.review-form h2.full{margin-bottom:0}
.metric-pill{white-space:nowrap;background:#eef7d7;border-radius:999px;padding:4px 10px;font-weight:900;color:#4d6700;display:inline-block}
.top-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 28px}
.top-box{border:1px solid var(--line);border-radius:16px;background:#fff;padding:18px;box-shadow:0 8px 24px rgba(0,0,0,.035)}
.top-box h3{margin-top:0;margin:0 0 12px}
.top-list{list-style:none;margin:0;padding:0}
.top-list li{display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid #edf2e2;padding:9px 0;border-bottom:1px solid var(--line)}
.top-list li:last-child{border-bottom:0}
.trend{display:inline-block;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:800;margin-left:8px}
.trend-up{background:#edf8d7;color:#12833b}
.trend-down{background:#fff3df;color:#9a5600}
.trend-flat{background:#eef0f4;color:#596070}
.sep{color:#999;margin:0 5px}
.btn-affiliate.small{font-size:13px;padding:4px 8px}
.detail-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.detail-tabs a{font-weight:800;background:#f4f7ed;border:1px solid var(--line);border-radius:999px;padding:9px 12px}
.info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}
.info-tile{border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px}
.info-tile span{display:block;color:var(--muted)}
.info-tile strong{display:block;color:#12833b;font-size:22px}
.compare-chart{border:1px solid var(--line);border-radius:14px;background:linear-gradient(#fff,#fbfbfb);padding:18px}
.chart-series{display:grid;grid-template-columns:160px 1fr;gap:12px;align-items:end;margin:12px 0}
.sparkbars{height:92px;display:flex;gap:10px;align-items:end;border-left:1px solid var(--line);border-bottom:1px solid var(--line);padding-left:12px}
.sparkbars span{width:28px;border-radius:7px 7px 0 0}
.chart-labels{margin-left:172px;display:flex;gap:10px}
.chart-labels em{width:28px;text-align:center;font-size:12px;color:var(--muted);font-style:normal}
.admin-layout{display:grid;grid-template-columns:260px 1fr;gap:20px}
.admin-sidebar{background:#20202a;color:#fff;border-radius:16px;padding:16px;align-self:start;position:sticky;top:72px}
.admin-sidebar a{display:block;color:#d9e8ad;padding:8px 10px;border-radius:9px;font-weight:800}
.admin-sidebar a:hover{background:rgba(255,255,255,.08);text-decoration:none}
.admin-sidebar small{display:block;color:#bfc9d8;margin:4px 10px 12px}
.admin-header-card{background:linear-gradient(135deg,#f7faee,#fff);border:1px solid var(--line);border-radius:18px;padding:20px;margin-bottom:18px}
.admin-section-title{margin-top:28px;border-top:1px solid var(--line);padding-top:18px}
.admin-shellbar-inner{max-width:1280px;margin:auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 16px;font-size:15px}
.admin-quicknav{background:#f4f7ed;border-bottom:1px solid #dfe8bd;display:flex;gap:10px;flex-wrap:wrap;padding:9px 16px;justify-content:flex-start;font-size:14px;max-width:1280px;margin:auto}
.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.form-grid .full{grid-column:1/-1}
.medicine-meta-row{display:flex;gap:8px;flex-wrap:wrap}
.medicine-meta-row .metric-pill{margin:2px 0}
.score-card .score-head{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:14px 0 18px}
.score-card .score-head>div{border:1px solid var(--line);border-radius:16px;background:#fbfdf5;padding:16px}
.score-card .score-head span{display:block;color:var(--muted);font-weight:700}
.score-card .score-head strong{display:block;color:#12833b;font-size:30px;line-height:1.1}
.score-card .score-head em{display:block;color:#626879;font-style:normal;margin-top:4px}
.medal-card{background:linear-gradient(135deg,#fff,#fbf7e8)}
.medal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.medal{position:relative;border:1px solid #e3d5a8;border-radius:18px;padding:16px 16px 16px 58px;background:#fff;min-height:82px}
.medal:before{content:'🏅';position:absolute;left:16px;top:17px;font-size:30px}
.medal.gold{background:linear-gradient(135deg,#fff7d8,#fff)}
.medal.silver{background:linear-gradient(135deg,#eef1f6,#fff)}
.medal.bronze{background:linear-gradient(135deg,#f5e0cc,#fff)}
.medal strong{display:block;color:#22232d;font-size:17px}
.medal span{display:block;color:#12833b;font-weight:800;margin-top:4px}
.medal em{display:block;color:#6b6f7e;font-style:normal;font-size:13px;margin-top:6px}
.mini-medal{display:inline-block;background:#fff7d8;border:1px solid #ead37a;border-radius:999px;padding:4px 9px;font-weight:800;color:#735d00}
.inline-form{display:flex;gap:12px;flex-wrap:wrap;align-items:end}
.inline-form label{font-weight:800}
.inline-form input{display:block;margin-top:5px}
.admin-quicknav a[href="score.php"],.admin-shellbar-inner a[href="score.php"]{background:rgba(143,194,0,.16)}
.medal-highlight .medal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.medal-archive{margin-top:32px;background:#fafcf5}
.medal-archive .medal-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.medal-archive .medal{padding:14px;font-size:.92rem}
.med-masterdata .info-tile strong{font-size:18px;line-height:1.25}
.best-offer-card{background:linear-gradient(135deg,#fbfdf5,#fff)}
.dense-table td,.dense-table th{padding:10px 9px;font-size:14px}
.dense-table th{white-space:nowrap}
.dense-table td strong{color:#12833b}
.price-per-active{font-weight:900;color:#12833b}
.medication-warning{background:#fff7df;border:1px solid #efd98d;border-radius:14px;padding:14px}
.card .table-scroll{overflow-x:auto}
.data-source-box .check-list{margin:12px 0 0 0;padding-left:20px}
.data-source-box .check-list li{margin:6px 0}
.admin-pro .lead{max-width:980px}
.admin-pro .dense-table td,.admin-pro .dense-table th{font-size:14px}
.med-masterdata small{display:block;font-weight:400;color:#667;margin-top:4px}
.dropdown .all{font-weight:800;color:#12833b!important;border-top:1px solid #eef2e8;margin-top:8px;padding-top:10px}
.toplist-box .top-list-large li{gap:14px;align-items:center}
.dense-table td,.dense-table th{vertical-align:top}
.pillrow small{opacity:.75;margin-left:.25rem}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.best-offer-card,.data-source-box{margin-top:22px}
.quick-card{display:block;border:1px solid #dfe8cf;border-radius:14px;padding:18px;background:#fbfff4;text-decoration:none}
.quick-card strong{display:block;font-size:1.08rem;margin-bottom:6px}
.quick-card span{color:#667;display:block;margin-top:6px}
.table-wrap{overflow-x:auto;margin:14px 0}
.dropdown .menu-section{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#12833b;font-weight:900;padding:12px 18px 5px;border-top:1px solid #eef2e8;margin-top:6px;background:#fbfdf5}
.dropdown .menu-section:first-child{border-top:0;margin-top:0}
.dropdown-wide{min-width:310px;max-height:78vh;overflow:auto}
.sortable-table thead th{cursor:pointer;position:relative;user-select:none}
.sortable-table thead th:after{content:'↕';font-size:11px;color:#8b9566;margin-left:7px;opacity:.7}
.sortable-table thead th[data-dir=asc]:after{content:'↑';opacity:1;color:#12833b}
.sortable-table thead th[data-dir=desc]:after{content:'↓';opacity:1;color:#12833b}
.toplist-nav-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
.toplist-nav-card a{display:block;border:1px solid var(--line,#dfe8cf);border-radius:14px;background:#fff;padding:14px 16px;text-decoration:none}
.toplist-nav-card strong{display:block;color:#22232d}
.toplist-nav-card span{display:block;color:#667;margin-top:4px;font-size:.93rem}
.kpi-grid-extended .kpi small{display:block;color:#667;font-size:13px;margin-top:4px;font-weight:600}
.pharmacy-trend-card{margin-top:22px}
.vav-lines svg{width:100%;height:auto;display:block}
.vav-lines .gridline{stroke:#d8e0ef;stroke-width:1}
.vav-lines .gridline.v{stroke:#eef2f7}
.vav-lines .axis{font-size:13px;fill:#5e6678}
.pharmacy-trend-card .chart-legend{margin-left:0}
.dense-table .btn-affiliate.small{white-space:nowrap}
.card+.card{margin-top:20px}
.sortable-table th.sort-head{cursor:pointer;user-select:none;white-space:nowrap}
.sortable-table th .sort-indicator{font-size:.85em;opacity:.55;margin-left:.25rem}
.sortable-table th[data-dir] .sort-indicator{opacity:1}
.coupon-mini,.small-badge{display:inline-block;border-radius:999px;padding:.18rem .45rem;background:#f3f8e8;color:#486500;font-weight:800;font-size:.82rem;white-space:nowrap}
.coupon-mini{background:#fff6db;color:#7c5200;margin-left:.35rem}
.apotheke-hero-media{display:grid;grid-template-columns:minmax(160px,260px) 1fr;gap:1.4rem;align-items:center;margin:1rem 0}
.apotheke-brand-card{display:flex;align-items:center;justify-content:center;border:1px solid #dfe9d1;border-radius:18px;background:#fff;padding:1rem;min-height:120px}
.apotheke-brand-card img{max-width:220px;max-height:90px}
.apotheke-screen-card{border:1px solid #dfe9d1;border-radius:18px;background:#fff;overflow:hidden}
.apotheke-screen-card img{display:block;width:100%;height:auto}
.coupon-card{border:1px solid #ead58c;background:#fffdf3;border-radius:18px;padding:1rem;margin:.75rem 0}
.coupon-card.expired{opacity:.72;background:#fafafa}
.coupon-code{font-size:1.25rem;font-weight:900;letter-spacing:.05em;border:1px dashed #17a34a;padding:.35rem .6rem;border-radius:10px;background:#fff}
.subnav-card{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0}
.metric-subgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.two-col-wide{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.product-hero-live{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;align-items:start;margin:24px 0}
.product-hero-text h1{margin-top:0}
.product-image-box{margin:0;padding:18px;border:1px solid #e3ead7;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(32,40,56,.06);text-align:center}
.product-image-box img{max-width:100%;height:auto;max-height:220px;object-fit:contain}
.product-image-box figcaption{margin-top:10px;font-size:.82rem;color:#6b7280}
.dropdown-mega .menu-col{min-width:0}
.dropdown-mega a{white-space:normal}
.search-page-form{display:flex;gap:10px;max-width:820px;margin-top:18px}
.search-page-form input{flex:1;border:1px solid var(--line);border-radius:12px;padding:13px 15px;font-size:17px}
.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.search-result{display:block;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff;color:var(--dark);text-decoration:none}
.search-result:hover{background:#f8fbf1;text-decoration:none}
.result-type{display:inline-block;background:#f1f5e7;color:#12833b;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:900;margin-bottom:7px}
.search-result strong{display:block;font-size:18px}
.search-result small{display:block;color:var(--muted);margin-top:4px}
.trustline span{background:#f5f8eb;border:1px solid #e3ead7;border-radius:999px;padding:6px 10px;display:block;color:#526200;font-weight:900;white-space:nowrap}
.logo{display:flex;align-items:center;text-decoration:none}
.header-spacer{min-height:1px}
.search-label{display:block;font-weight:900;color:#20202a;font-size:15px;line-height:1.25;margin:0 0 7px;white-space:normal;text-align:left}
.search-row{display:flex;align-items:stretch;width:100%}
.site-search input{width:100%;border:1px solid #98a985;border-radius:8px 0 0 8px;padding:8px 12px;font-size:15px;outline:0;background:#fff;height:40px}
.site-search input:focus{box-shadow:0 0 0 3px rgba(143,189,0,.16);border-color:#17a34a}
.site-search button{border:1px solid #17a34a;border-left:0;background:#17a34a;color:#fff;font-weight:900;padding:0 15px;border-radius:0 8px 8px 0;cursor:pointer;height:40px;font-size:14px}
.search-suggest{display:none;position:absolute!important;left:0;right:0;top:calc(100% + 7px);background:#fff;border:1px solid #dfe6d3;border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.18);padding:7px;z-index:5000;max-height:360px;overflow:auto}
.search-suggest.is-visible{display:block}
.search-suggest a{display:grid;justify-content:space-between;gap:12px;align-items:center;padding:9px 10px;border-radius:10px;color:#20202a!important;text-decoration:none;grid-template-columns:1fr auto}
.search-suggest a:hover{background:#f4f8ea}
.search-suggest strong{font-size:15px;line-height:1.2}
.search-suggest a span{font-size:12px;color:#5a6b00;font-weight:900;white-space:nowrap}
.suggest-submit{width:100%;margin-top:5px;border:0;background:#f1f6e6;color:#12833b;border-radius:10px;padding:9px 10px;font-weight:900;cursor:pointer;text-align:left;display:block;margin:5px 0 0}
.suggest-empty{padding:10px 12px;color:#667;font-weight:700}
.trustline{margin-left:auto;display:none!important;gap:6px;flex-wrap:wrap;font-weight:700;color:#12833b;justify-self:end;grid-template-columns:1fr;margin:0;text-align:right;font-size:14px;line-height:1.1}
.mainnav-wide{border-top:1px solid #e7eddc}
.navdrop{position:relative;display:block;align-items:center;border-left:1px solid rgba(255,255,255,.32)}
.navdrop:first-child{border-left:0}
.drop-head>.navlink,.navlink{color:#fff!important;font-weight:800;padding:15px 16px;display:flex;align-items:center;min-height:54px;line-height:1.2;white-space:nowrap;font-size:17px}
.drop-chevron{appearance:none;border:0;background:0 0;color:#fff;font-size:14px;font-weight:900;padding:15px 12px;min-height:54px;cursor:pointer}
.dropdown{display:block;position:absolute;top:100%;left:0;min-width:250px;background:#fff;border:1px solid var(--line);box-shadow:0 16px 34px rgba(0,0,0,.16);border-radius:0 0 18px 18px;z-index:1001;padding:8px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
.dropdown-mega{min-width:min(1120px,calc(100vw - 48px));display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;left:50%;transform:translate(-50%,8px);padding:18px}
.navdrop.is-open>.dropdown-mega,.navdrop:focus-within>.dropdown-mega,.navdrop:hover>.dropdown-mega{transform:translate(-50%,0)}
.dropdown-compact{min-width:min(760px,calc(100vw - 48px));grid-template-columns:repeat(2,minmax(0,1fr))}
.dropdown-apotheken{min-width:min(1000px,calc(100vw - 48px))}
.menu-section{background:#f8faef;color:#5a6b00;text-transform:uppercase;letter-spacing:.05em;font-weight:900;font-size:13px;padding:9px 12px;margin:0 0 8px;border-top:1px solid #edf2e2;border-bottom:1px solid #edf2e2}
.dropdown a{display:block;color:var(--dark)!important;padding:9px 11px;border-radius:8px;white-space:normal;font-weight:700;line-height:1.25;font-size:15px}
.navdrop-more{margin-left:0}
.dropdown-right{left:auto;right:0}
.dropdown-right.dropdown-mega{left:auto;right:0;transform:translateY(8px)}
.search-result-list{display:grid;gap:14px}
.search-result-card{display:grid;grid-template-columns:150px 1fr auto;gap:16px;align-items:center;border:1px solid var(--line);border-radius:18px;background:#fff;padding:16px 18px;text-decoration:none;color:var(--dark)!important}
.search-result-card:hover{background:#fbfdf5;text-decoration:none}
.search-result-card .result-type{margin:0;justify-self:start;background:#f1f6e6;color:#12833b;border-radius:999px;padding:5px 10px;font-weight:900;font-size:13px}
.search-result-card strong{font-size:20px}
.search-result-card small{display:block;color:var(--muted);font-size:15px;margin-top:3px}
.result-cta{color:#12833b;font-weight:900;white-space:nowrap}
.search-followup{margin-top:22px;background:linear-gradient(135deg,#f7faee,#fff)}
.search-followup h2{margin-top:0}
.search-page-form.compact{max-width:720px;margin-top:10px}
.search-page-form.compact input{border-radius:12px}
.search-page-form.compact button{border:0}
.mainnav-wide .navlinks,.topbar-wide{max-width:1420px;margin-left:auto;margin-right:auto;padding-left:22px;padding-right:22px}
.mainnav-wide .dropdown-right{left:auto!important;right:22px!important;transform:translateY(8px)!important}
.mainnav-wide .navdrop.is-open>.dropdown-right,.mainnav-wide .navdrop:focus-within>.dropdown-right,.mainnav-wide .navdrop:hover>.dropdown-right{transform:translateY(0)!important}
:root{--green:#17A34A;--dark:#20202a;--muted:#666879;--soft:#f4f7ed;--line:#e6eadf;--link:#12833B;--card:#fff;--vav-shell-width:1180px;--vav-shell-pad:20px}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;top:0;z-index:1000}
.footer-grid,.mainnav-wide .navlinks,.topbar-wide{max-width:var(--vav-shell-width)!important;margin-left:auto!important;margin-right:auto!important}
.topbar-wide{max-width:1420px;gap:28px;display:grid;grid-template-columns:260px 520px 1fr!important;align-items:center;padding:14px 22px 12px;margin:0 auto;padding-left:var(--vav-shell-pad)!important;padding-right:var(--vav-shell-pad)!important}
.logo img{height:96px!important;max-width:250px!important;object-fit:contain;width:auto}
.mainnav-wide .navlinks{max-width:1420px;justify-content:flex-start!important;gap:0;min-height:54px;margin:0 auto;position:relative!important;padding-left:var(--vav-shell-pad)!important;padding-right:var(--vav-shell-pad)!important}
.mainnav-wide .navdrop{position:relative!important}
.mainnav-wide .navdrop-mega{position:static!important}
.mainnav-wide .dropdown-mega{left:var(--vav-shell-pad)!important;right:var(--vav-shell-pad)!important;width:auto!important;min-width:0!important;max-width:none!important;transform:translateY(8px)!important;position:absolute!important;top:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.mainnav-wide .navdrop.is-open>.dropdown-mega,.mainnav-wide .navdrop:focus-within>.dropdown-mega,.mainnav-wide .navdrop:hover>.dropdown-mega{transform:translateY(0)!important}
.mainnav-wide .dropdown-compact{right:auto!important;width:760px!important;max-width:calc(100% - 44px)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.mainnav-wide .dropdown-apotheken{width:auto!important;max-width:none!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.mainnav-wide .navdrop:not(.navdrop-mega)>.dropdown{left:0!important;right:auto!important;min-width:260px!important;transform:translateY(8px)!important}
.mainnav-wide .navdrop:not(.navdrop-mega).is-open>.dropdown,.mainnav-wide .navdrop:not(.navdrop-mega):focus-within>.dropdown,.mainnav-wide .navdrop:not(.navdrop-mega):hover>.dropdown{transform:translateY(0)!important}
.mainnav-wide .navdrop-more>.dropdown{left:auto!important;right:0!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.search-label.sr-only{margin:0!important}
.site-search{position:relative;flex:1;max-width:520px!important;display:block;align-items:center;margin-left:0!important;width:100%;margin:0 auto;margin-right:0!important;margin-top:0!important}
.vav-trust-panel{overflow:hidden;position:relative}
.vav-trust-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:18px}
.vav-trust-head h2{margin:0 0 6px;color:#0f3d22;letter-spacing:-.02em}
.vav-trust-head p{margin:0;color:#667085;max-width:760px}
.vav-method-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d8e2ef;background:#f7fafc;color:#0f3d22!important;border-radius:999px;padding:9px 13px;text-decoration:none;font-weight:800;white-space:nowrap}
.vav-method-link:hover{background:#eef5fb;text-decoration:none}
.vav-trust-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:stretch}
.vav-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-content:stretch}
.vav-award-badge{position:relative;isolation:isolate;overflow:hidden;border:1px solid #d9e3ef;border-radius:18px;background:linear-gradient(180deg,#fff,#f7fafc);box-shadow:0 14px 35px rgba(24,49,83,.1);min-height:220px;color:#0f3d22}
.vav-award-badge:before{content:"";position:absolute;inset:0;border-radius:18px;border:4px solid rgba(24,49,83,.045);pointer-events:none;z-index:2}
.vav-award-top{position:relative;z-index:3;background:linear-gradient(135deg,#0f3d22,#17a34a);color:#fff;padding:12px 14px;font-weight:950;text-transform:uppercase;letter-spacing:.035em;text-align:center;border-bottom:1px solid rgba(255,255,255,.26)}
.vav-award-top span{font-weight:800;opacity:.92;margin-left:4px}
.vav-cart-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-right:7px;vertical-align:-5px}
.vav-cart-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.vav-award-body{position:relative;z-index:3;padding:18px 18px 14px;text-align:center}
.vav-award-mark{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;height:54px;min-width:88px;border-radius:14px;background:#0f3d22;color:#fff;letter-spacing:.03em;box-shadow:inset 0 -8px 18px rgba(0,0,0,.18)}
.vav-award-mark strong{font-size:26px;line-height:1;font-weight:950}
.vav-award-mark span{font-size:9px;line-height:1.15;text-transform:uppercase;font-weight:900;opacity:.9;letter-spacing:.08em;margin-top:3px}
.vav-award-name{margin:14px 0 10px;font-size:22px;line-height:1.1;font-weight:950;text-transform:uppercase;color:#122642}
.vav-award-score span{display:block;text-transform:uppercase;font-size:11px;font-weight:900;color:#667085;letter-spacing:.06em}
.vav-award-score strong{display:block;font-size:32px;line-height:1.05;color:#0f3d22}
.vav-award-sub{margin-top:10px;border-top:1px solid #e7edf4;padding-top:10px;color:#42526a;font-weight:750;font-size:14px;line-height:1.25}
.vav-award-url{position:relative;z-index:3;background:#f1f4f8;border-top:1px solid #d9e3ef;color:#667085;text-align:center;font-size:12px;font-weight:950;letter-spacing:.02em;padding:8px 10px}
.vav-award-watermark{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-18deg);width:150%;text-align:center;color:#0f3d22;opacity:.075;font-weight:950;font-size:24px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;pointer-events:none}
.vav-award-testsieger .vav-award-top{background:linear-gradient(135deg,#0f3d22,#17a34a)}
.vav-award-testsieger .vav-award-mark{background:linear-gradient(135deg,#0f3d22,#17a34a)}
.vav-award-empfehlung .vav-award-top,.vav-award-live .vav-award-top{background:linear-gradient(135deg,#0f3d22,#17a34a)}
.vav-award-preisleistung .vav-award-top{background:linear-gradient(135deg,#0f3d22,#2f5f96)}
.vav-award-warenkorb .vav-award-top{background:linear-gradient(135deg,#0f3d22,#5f8fc7)}
.vav-award-erezept .vav-award-top,.vav-award-service .vav-award-top{background:linear-gradient(135deg,#0f3d22,#415a77)}
.vav-award-pending .vav-award-top{background:linear-gradient(135deg,#6b7280,#0f3d22)}
.vav-award-medium{min-height:156px;border-radius:14px}
.vav-award-medium .vav-award-top{padding:8px 10px;font-size:13px}
.vav-award-medium .vav-award-body{padding:12px}
.vav-award-medium .vav-award-mark{height:38px;min-width:66px}
.vav-award-medium .vav-award-mark strong{font-size:18px}
.vav-award-medium .vav-award-mark span{font-size:7px}
.vav-award-medium .vav-award-name{font-size:15px;margin:9px 0}
.vav-award-medium .vav-award-score strong{font-size:20px}
.vav-award-medium .vav-award-url{font-size:10px;padding:6px}
.vav-award-small{min-height:auto;border-radius:10px;display:inline-flex;align-items:center;gap:8px;padding:7px 10px;background:#eef3f8}
.vav-award-small .vav-award-body,.vav-award-small .vav-award-top,.vav-award-small .vav-award-url{display:inline;background:0 0;border:0;color:#0f3d22;padding:0}
.vav-award-small .vav-award-mark,.vav-award-small .vav-award-sub,.vav-award-small .vav-award-watermark{display:none}
.vav-award-small .vav-award-name{font-size:12px;margin:0}
.vav-award-small .vav-award-score strong{font-size:13px}
.vav-award-small .vav-award-score span{display:none}
.vav-rank-badge{position:relative;overflow:hidden;border:1px solid #d9e3ef;border-radius:16px;background:#fff;padding:14px;min-height:96px;box-shadow:0 8px 22px rgba(24,49,83,.055)}
.vav-rank-badge:after{content:"www.versandapothekenvergleich.com";position:absolute;right:-36px;bottom:8px;transform:rotate(-12deg);font-weight:950;color:#0f3d22;opacity:.045;white-space:nowrap;font-size:13px}
.vav-rank-badge span{display:block;text-transform:uppercase;font-size:11px;letter-spacing:.07em;color:#667085;font-weight:950}
.vav-rank-badge strong{display:block;font-size:24px;color:#0f3d22;margin-top:4px}
.vav-rank-badge small{display:block;color:#667085;margin-top:3px;font-weight:700}
.vav-rank-blue{background:linear-gradient(180deg,#fff,#f7fafc)}
.vav-badge-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:18px 0}
.vav-badge-showcase .vav-award-badge{min-height:240px}
.vav-badge-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}
.vav-brand-note{background:#f7fafc;border:1px solid #d9e3ef;border-radius:16px;padding:14px;color:#42526a}
.vav-brand-note strong{color:#0f3d22}
.hero-compact{padding-top:34px!important;padding-bottom:34px!important}
.hero-compact h1{font-size:clamp(30px,4.2vw,48px)!important;line-height:1.12!important;margin-bottom:16px!important}
.hero-compact p{font-size:clamp(17px,1.7vw,21px)!important;line-height:1.55!important;max-width:980px!important}
.keyword-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.keyword-strip span{display:inline-flex;align-items:center;border:1px solid #dfe8d2;background:#fbfff4;border-radius:999px;padding:7px 11px;font-weight:800;color:#3f5f00;font-size:14px}
.card-compact{padding:22px!important}
.card-compact h2{margin-top:0}
.compact-lead{font-size:17px!important;line-height:1.55!important;color:#5f667a!important}
.quick-entry{margin:22px 0}
.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.quick-grid a{display:block;border:1px solid #dfe8d2;background:#fff;border-radius:14px;padding:16px 18px;text-decoration:none;color:#1e2130;box-shadow:0 8px 22px rgba(27,35,54,.04)}
.quick-grid a:hover{border-color:#8cc000;box-shadow:0 10px 26px rgba(27,35,54,.07);text-decoration:none}
.quick-grid strong{display:block;font-size:18px;margin-bottom:4px}
.quick-grid span{display:block;color:#667085;font-weight:700;font-size:14px;line-height:1.35}
.kpi-grid-slim{gap:14px!important;margin:18px 0!important}
.kpi-grid-slim .kpi{padding:17px 18px!important;border-radius:14px!important}
.kpi-grid-slim .kpi span{text-transform:none!important;font-size:15px!important;color:#1e2130!important}
.kpi-grid-slim .kpi strong{font-size:25px!important;color:#496600!important}
.compact-table td,.compact-table th{padding:13px 14px!important}
.btn-slim{padding:9px 13px!important;border-radius:9px!important;font-size:15px!important}
.vav-trust-panel-compact{padding:22px!important}
.vav-trust-panel-compact .vav-trust-head{margin-bottom:12px!important}
.vav-trust-panel-compact .vav-trust-head h2{font-size:25px!important}
.vav-trust-panel-compact .vav-trust-head p{font-size:16px!important;line-height:1.45!important}
.vav-trust-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;margin-top:14px!important}
.vav-trust-grid-compact .vav-rank-badge{min-height:74px!important;padding:11px 12px!important;border-radius:13px!important}
.vav-trust-grid-compact .vav-rank-badge strong{font-size:20px!important}
.vav-trust-grid-compact .vav-rank-badge span{font-size:10px!important}
.vav-trust-grid-compact .vav-rank-badge small{font-size:12px!important}
.vav-ultra-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.vav-ultra-badge{display:inline-flex;align-items:center;gap:6px;height:32px;border-radius:999px;padding:0 10px;border:1px solid #d8e2ef;background:#f7fafc;color:#0f3d22;font-weight:900;white-space:nowrap;box-shadow:0 5px 14px rgba(24,49,83,.06)}
.vav-ultra-badge strong{font-size:16px;line-height:1}
.vav-ultra-badge small{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#667085;font-weight:900}
.vav-ultra-icon{font-size:15px;line-height:1}
.vav-ultra-cart,.vav-ultra-check,.vav-ultra-score{background:#eef5fb;border-color:#cfe0f2}
.vav-ultra-price{background:#fbfff4;border-color:#dfe8d2}
.vav-ultra-rx{background:#f7fafc}
canvas,iframe,img,svg,video{max-width:100%;height:auto}
*{min-width:0}
a,figcaption,h1,h2,h3,li,p,td,th{overflow-wrap:break-word}
.card .table-scroll,.table-scroll,.table-wrap,.vav-compare,.vavmb-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;max-width:100%}
.hero h1{font-size:clamp(28px,5.2vw,42px)}
.hero p{font-size:clamp(16px,2.4vw,19px)}
.big-chart h2{font-size:clamp(22px,4vw,32px)}
@media(max-width:800px){
.topbar{display:block}
.logo img{height:auto}
.trustline{margin:10px 0 0}
.menu-toggle{display:block}
.navlinks{display:none;flex-direction:column;align-items:stretch}
.mainnav.open .navlinks{display:flex}
.footer-grid,.grid,.grid2{grid-template-columns:1fr}
.hero h1{font-size:32px}
.listcols{columns:1}
}
@media(max-width:900px){
.form-grid,.kpi-grid{grid-template-columns:1fr}
}
@media(max-width:800px){
.navdrop{display:block}
.dropdown{position:static;box-shadow:none;border-radius:10px;margin:0 0 8px 12px}
.navdrop:hover .dropdown{display:none}
.mainnav.open .navdrop .dropdown{display:block}
.bar-row{grid-template-columns:1fr}
.timeline{overflow-x:auto}
.timeline .point{min-width:32px}
}
@media(max-width:1100px){
.drop-head>.navlink,.navlink{font-size:14px;padding-left:8px;padding-right:8px}
.drop-chevron{padding-left:5px;padding-right:7px}
.navlinks{padding:0 12px}
}
@media(max-width:900px){
.topbar{display:flex;align-items:center;gap:12px;padding:10px 14px}
.logo img{height:58px}
.trustline{display:none}
.menu-toggle{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 28px);margin:8px 14px;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.55);background:#fff;color:#12833b;font-weight:900;font-size:16px}
.navlinks{display:none;max-width:none;padding:6px 14px 14px;min-height:0;flex-direction:column;align-items:stretch;gap:6px}
.mainnav.open .navlinks{display:flex}
.drop-head>.navlink,.navlink{min-height:0;padding:12px 10px;border-radius:10px}
.navdrop{border:1px solid rgba(255,255,255,.25);border-radius:12px;overflow:hidden}
.drop-head{justify-content:space-between}
.drop-chevron{min-height:0;padding:12px 14px;border-left:1px solid rgba(255,255,255,.25)}
.dropdown{display:none;position:static;min-width:0;opacity:1;visibility:visible;pointer-events:auto;transform:none;box-shadow:none;border:0;border-radius:0;background:rgba(255,255,255,.96);padding:8px;margin:0}
.navdrop:focus-within>.dropdown,.navdrop:hover>.dropdown{display:none}
.navdrop.is-open>.dropdown{display:block}
.dropdown a{padding:10px 12px}
.navdrop.is-open .drop-chevron{transform:rotate(180deg)}
}
@media(max-width:1220px){
.navlinks{max-width:100%;padding-left:18px;padding-right:18px;gap:2px}
.drop-head>.navlink,.navlink{font-size:15px;padding-left:8px;padding-right:8px}
.drop-chevron{padding-left:4px;padding-right:6px}
.navdrop-more{margin-left:0}
}
@media(max-width:1040px) and (min-width:901px){
.drop-head>.navlink,.navlink{font-size:14px;padding-left:6px;padding-right:6px}
.drop-chevron{padding-left:3px;padding-right:5px}
.navlinks{gap:0}
}
@media(max-width:900px){
.navdrop-more{margin-left:0}
.dropdown-right{right:auto}
.navlinks{overflow:visible}
.drop-head>.navlink,.navlink{white-space:normal}
.navdrop.is-open>.dropdown{display:block}
.mainnav.open .navdrop:not(.is-open)>.dropdown{display:none}
.link-hint{font-size:16px}
}
@media(max-width:900px){
.visual-card{grid-template-columns:1fr}
.top-grid{grid-template-columns:1fr}
.visual-card .pharmacy-logo{max-width:220px}
.timeline-chart{gap:8px}
.timebar{min-width:58px}
.mainnav .navlinks{max-height:calc(100vh - 120px);overflow:auto}
}
@media(min-width:901px){
.navlinks{justify-content:center;gap:6px;max-width:1180px;padding-left:18px;padding-right:18px}
.drop-head>.navlink,.navlink{font-size:16px;padding-left:11px;padding-right:11px}
.drop-chevron{padding-left:5px;padding-right:8px}
.navdrop-more{margin-left:0}
}
@media(max-width:1180px) and (min-width:901px){
.navlinks{gap:2px}
.drop-head>.navlink,.navlink{font-size:15px;padding-left:8px;padding-right:8px}
}
@media(max-width:1000px){
.top-grid{grid-template-columns:1fr}
.hero h1{font-size:34px}
}
@media(max-width:900px){
.big-chart h2{font-size:25px}
.chart-legend{margin-left:0}
.top-list-large li{display:block}
.top-list-large li span{margin-top:6px;justify-content:flex-start}
}
@media(max-width:1050px){
.admin-action-grid,.admin-action-grid.compact,.admin-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.admin-hero{grid-template-columns:1fr}
.admin-hero-actions{justify-content:flex-start}
}
@media(max-width:700px){
.admin-action-grid,.admin-action-grid.compact,.admin-guide-grid{grid-template-columns:1fr}
.admin-shellbar-inner{display:block}
.admin-shellbar a{display:inline-block;margin:2px 0}
.admin-hero h1{font-size:28px}
}
@media(max-width:1000px){
.admin-layout,.info-grid,.top-grid{grid-template-columns:1fr}
.admin-sidebar{position:static}
.chart-series{grid-template-columns:1fr}
.chart-labels{margin-left:0}
.form-grid{grid-template-columns:1fr}
}
@media(max-width:900px){
.medal-grid,.score-card .score-head{grid-template-columns:1fr}
.inline-form{display:block}
.inline-form .btn{margin-top:10px}
}
@media(max-width:900px){
.medal-archive .medal-grid,.medal-highlight .medal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
.dense-table{font-size:13px}
.dense-table td,.dense-table th{padding:8px}
.med-masterdata{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
.med-masterdata{grid-template-columns:1fr}
}
@media(max-width:760px){
.quick-grid{grid-template-columns:1fr}
}
@media(max-width:800px){
.quick-grid{grid-template-columns:1fr}
.hero-actions{display:block}
.hero-actions .btn{display:inline-block;margin:4px 0}
}
@media(max-width:900px){
.toplist-nav-card{grid-template-columns:1fr}
.dropdown-wide{min-width:0}
}
@media(max-width:800px){
.apotheke-hero-media,.two-col-wide{grid-template-columns:1fr}
}
@media(max-width:760px){
.product-hero-live{grid-template-columns:1fr}
.product-image-box{max-width:280px}
}
@media(max-width:1300px){
.topbar-wide{max-width:100%;padding-left:22px;padding-right:22px}
.site-search{max-width:520px}
.trustline span{padding:7px 10px}
}
@media(max-width:1050px) and (min-width:901px){
.site-search{max-width:420px}
.trustline{display:none}
}
@media(max-width:900px){
.topbar-wide{display:block}
.site-search{max-width:none;margin:12px 0 0}
.site-search input{border-radius:12px 0 0 12px}
.site-search button{border-radius:0 12px 12px 0}
.mainnav-wide .navlinks{justify-content:flex-start}
.navdrop{border-left:0}
.dropdown-mega{min-width:0;display:none!important;grid-template-columns:1fr}
.navdrop.is-open>.dropdown-mega{display:grid!important}
.search-results{grid-template-columns:1fr}
.search-page-form{flex-direction:column}
}
@media(max-width:1100px){
.topbar-wide{grid-template-columns:230px minmax(300px,1fr) 180px;gap:18px}
.logo img{height:78px}
.trustline{font-size:12px}
.drop-head>.navlink,.navlink{font-size:15px;padding-left:11px;padding-right:11px}
.drop-chevron{padding-left:8px;padding-right:8px}
}
@media(max-width:900px){
.topbar-wide{display:block;padding:10px 14px}
.logo img{height:68px}
.site-search{margin-top:10px}
.trustline{display:grid;grid-template-columns:repeat(2,max-content);justify-content:start;text-align:left;margin-top:10px}
.dropdown-compact,.dropdown-mega{min-width:0!important;display:none!important;grid-template-columns:1fr;transform:none!important;padding:8px}
.navdrop.is-open>.dropdown-compact,.navdrop.is-open>.dropdown-mega{display:grid!important}
.search-result-card{grid-template-columns:1fr}
.result-cta{display:none}
}
@media(max-width:1180px){
.topbar-wide{grid-template-columns:270px minmax(360px,520px) 140px;gap:18px}
.logo img{height:94px}
.drop-head>.navlink,.navlink{font-size:15px;padding-left:11px;padding-right:11px}
.drop-chevron{padding-left:8px;padding-right:8px}
}
@media(max-width:900px){
.topbar-wide{display:block;padding:10px 14px}
.logo img{height:72px}
.site-search{max-width:none;margin-top:10px}
.header-spacer{display:none}
.dropdown-compact,.dropdown-mega{min-width:0!important;display:none!important;grid-template-columns:1fr;transform:none!important;padding:8px}
.navdrop.is-open>.dropdown-compact,.navdrop.is-open>.dropdown-mega{display:grid!important}
.search-result-card{grid-template-columns:1fr}
.result-cta{display:none}
.search-label{text-align:left}
.mainnav-wide .navlinks{justify-content:flex-start}
}
@media(max-width:900px){
.mainnav-wide .navlinks,.topbar-wide{padding-left:14px;padding-right:14px}
.mainnav-wide .navdrop{position:relative}
.mainnav-wide .dropdown-compact,.mainnav-wide .dropdown-mega,.mainnav-wide .dropdown-right{left:0!important;right:0!important;width:auto!important;max-width:none!important;transform:none!important}
}
@media(max-width:900px){
.topbar-wide{display:block!important;padding-left:14px!important;padding-right:14px!important}
.logo img{height:72px!important;max-width:220px!important}
.site-search{max-width:none!important;margin-top:10px!important}
.mainnav-wide .navlinks{max-width:none!important;padding-left:14px!important;padding-right:14px!important}
.mainnav-wide .navdrop,.mainnav-wide .navdrop-mega{position:relative!important}
.mainnav-wide .dropdown-apotheken,.mainnav-wide .dropdown-compact,.mainnav-wide .dropdown-mega,.mainnav-wide .navdrop-more>.dropdown,.mainnav-wide .navdrop:not(.navdrop-mega)>.dropdown{position:static!important;left:auto!important;right:auto!important;width:auto!important;max-width:none!important;min-width:0!important;transform:none!important;grid-template-columns:1fr!important}
}
@media (min-width:901px){
.topbar-wide{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important;gap:40px!important;max-width:var(--vav-shell-width)!important;padding-left:var(--vav-shell-pad)!important;padding-right:var(--vav-shell-pad)!important}
.topbar-wide .header-spacer{display:none!important}
.topbar-wide .logo{justify-self:start!important;display:flex!important;align-items:center!important;min-width:0!important}
.topbar-wide .logo img{height:118px!important;width:auto!important;max-width:360px!important;object-fit:contain!important}
.topbar-wide .site-search{justify-self:end!important;width:570px!important;max-width:100%!important;margin-left:auto!important;margin-right:0!important}
.topbar-wide .search-label{text-align:left!important;white-space:nowrap!important}
.topbar-wide .search-row{width:100%!important}
}
@media (max-width:900px){
.topbar-wide{padding:12px 22px 16px!important}
.topbar-wide .logo img{height:74px!important;max-width:230px!important}
.site-search{width:100%!important;max-width:none!important;margin:10px 0 0!important}
.search-row{width:100%!important}
.site-search button,.site-search input{height:44px!important;font-size:16px!important}
.site-search input{border-radius:12px 0 0 12px!important;padding-left:14px!important}
.site-search button{border-radius:0 12px 12px 0!important;padding:0 18px!important;min-width:112px!important}
.mainnav-wide{padding:16px 22px!important;background:var(--green)!important}
.menu-toggle{width:100%!important;height:44px!important;margin:0!important;padding:0 14px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.55)!important;background:#fff!important;color:#12833b!important;font-size:18px!important;line-height:1!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important}
.mainnav-wide .navlinks{padding:10px 0 0!important;gap:6px!important}
.mainnav-wide .navdrop,.mainnav-wide .navdrop-mega{overflow:visible!important;border-radius:12px!important}
.mainnav-wide .drop-head{min-height:44px!important;border-radius:12px!important;cursor:pointer!important}
.mainnav-wide .drop-head>.navlink,.mainnav-wide .navlink{min-height:44px!important;padding:10px 14px!important;flex:1 1 auto!important;font-size:17px!important;line-height:1.2!important}
.mainnav-wide .drop-chevron{min-height:44px!important;width:52px!important;padding:0!important;flex:0 0 52px!important}
.mainnav-wide .dropdown-apotheken,.mainnav-wide .dropdown-compact,.mainnav-wide .dropdown-mega,.mainnav-wide .navdrop-more>.dropdown,.mainnav-wide .navdrop:not(.navdrop-mega)>.dropdown{position:static!important;display:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;margin:0!important;border-radius:0 0 12px 12px!important;box-shadow:none!important;border:0!important;background:#fbfff4!important;padding:10px 12px!important}
.mainnav-wide .navdrop-more.is-open>.dropdown,.mainnav-wide .navdrop.is-open:not(.navdrop-mega)>.dropdown,.mainnav-wide .navdrop.is-open>.dropdown-apotheken,.mainnav-wide .navdrop.is-open>.dropdown-compact,.mainnav-wide .navdrop.is-open>.dropdown-mega{display:grid!important}
.mainnav-wide .navdrop.is-open>.dropdown-right{display:block!important}
.mainnav-wide .navdrop.is-open .drop-head{border-radius:12px 12px 0 0!important;background:rgba(0,0,0,.08)!important}
.mainnav-wide .dropdown a{font-size:16px!important;padding:9px 10px!important}
.mainnav-wide .menu-section{font-size:13px!important;padding:9px 10px!important;margin-top:4px!important}
}
@media (min-width:901px){
.topbar-wide .search-label{display:none!important}
.topbar-wide .site-search{align-self:center!important}
}
@media(max-width:980px){
.vav-trust-layout{grid-template-columns:1fr}
.vav-trust-main{max-width:360px}
.vav-badge-showcase{grid-template-columns:1fr 1fr}
.vav-trust-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
.vav-trust-head{display:block}
.vav-method-link{margin-top:12px}
.vav-badge-showcase,.vav-trust-grid{grid-template-columns:1fr}
.vav-trust-main{max-width:none}
.vav-award-badge{min-height:190px}
.vav-award-top{font-size:13px;padding:10px 12px}
.vav-award-body{padding:15px 14px 12px}
.vav-award-name{font-size:20px}
.vav-award-score strong{font-size:29px}
.vav-award-url{font-size:11px}
.vav-cart-icon{width:19px;height:19px}
.vav-cart-icon svg{width:19px;height:19px}
}
@media(max-width:900px){
.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.vav-trust-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.compact-table{font-size:14px}
.hero-actions .btn{margin-bottom:8px}
}
@media(max-width:620px){
.hero-compact{padding:24px 20px!important}
.hero-compact h1{font-size:30px!important}
.hero-compact p{font-size:17px!important}
.quick-grid{grid-template-columns:1fr}
.kpi-grid-slim{grid-template-columns:1fr 1fr!important}
.kpi-grid-slim .kpi{padding:13px!important}
.kpi-grid-slim .kpi strong{font-size:21px!important}
.vav-ultra-row{gap:6px}
.vav-ultra-badge{height:29px;padding:0 8px}
.vav-ultra-badge small{display:none}
.vav-trust-grid-compact{grid-template-columns:1fr!important}
.vav-method-link{padding:8px 11px;font-size:14px}
.table-wrap{overflow-x:auto}
}
@media (max-width:600px){
.admin-action-grid,.admin-guide-grid,.chart-series,.footer-grid,.form-grid,.grid,.grid2,.info-grid,.kpi-grid,.medal-grid,.top-grid{grid-template-columns:1fr!important}
table td,table th{padding:8px 10px;font-size:13px}
.container{padding:18px 14px}
.hero{padding:22px 18px}
.card{padding:16px}
}
@media (max-width:900px){
.menu-toggle,.navlink,.navlinks a{min-height:44px;display:flex;align-items:center}
.btn,.btn-affiliate,.detail-tabs a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
}
@media (max-width:600px){
table.stack-mobile thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
table.stack-mobile,table.stack-mobile tbody{display:block;width:100%}
table.stack-mobile tr{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:6px 12px;margin:0 0 12px;box-shadow:0 4px 14px rgba(0,0,0,.04)}
table.stack-mobile td{display:flex;gap:14px;align-items:baseline;justify-content:space-between;border:0;border-bottom:1px solid var(--line);padding:9px 0;text-align:right;white-space:normal;word-break:break-word;font-size:14px}
table.stack-mobile tr td:last-child{border-bottom:0}
table.stack-mobile td::before{content:attr(data-label);font-weight:700;color:var(--muted);text-align:left;flex:0 0 42%}
}
.vav-prod-img{display:block;max-width:170px;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#f6f7f9;border:1px solid #eceef1;border-radius:10px;padding:10px;margin:0 0 1.25rem auto}
.vav-prod-img--fallback{opacity:.8}
@media (max-width:600px){
.vav-prod-img{max-width:140px}
}
:root{--vav-paper:#F8FBF8;--vav-panel:#FFFFFF;--vav-ink:#15201A;--vav-ink-2:#4C574F;--vav-ink-3:#737D75;--vav-rule:#E7EBE5;--vav-rule-strong:#16201A;--vav-spot:#17A34A;--vav-spot-press:#12833B;--vav-spot-deep:#0F3D22;--vav-brick:#D0432E;--vav-r:10px;--vav-disp:'Bricolage Grotesque',system-ui,sans-serif;--vav-cond:'Saira Condensed',Arial,sans-serif;--vav-mono:'IBM Plex Mono',ui-monospace,monospace}
:root{--green:#17A34A;--link:#12833B}
.btn-affiliate{background:var(--vav-spot)!important}
.btn-affiliate:hover{background:var(--vav-spot-press)!important;filter:none!important}
.btn-light{color:var(--vav-spot-press)!important}
.mainnav{background:var(--vav-spot-deep)!important}
.mainnav .drop-chevron,.mainnav .drop-head .navlink,.mainnav .navlink{color:#eaf3ec!important}
.mainnav .drop-head:hover,.mainnav .navdrop.is-open .drop-head,.mainnav .navdrop:hover .drop-head,.mainnav .navdrop:not(.is-open) .drop-head:hover,.mainnav .navlink:hover{background:var(--vav-spot)!important}
.mainnav .drop-head:hover .navlink,.mainnav .navdrop.is-open .drop-chevron,.mainnav .navdrop.is-open .navlink,.mainnav .navdrop:hover .drop-chevron,.mainnav .navdrop:hover .navlink,.mainnav .navlink:hover{color:#fff!important}
.vavmb-section h2{font-family:var(--vav-disp);font-weight:700;color:var(--vav-ink);letter-spacing:-.01em;border-bottom:2px solid var(--vav-rule-strong);padding-bottom:7px}
.vavmb-sub{color:var(--vav-ink-3)}
.vavmb-stat{background:var(--vav-panel);border:1px solid var(--vav-rule);border-radius:var(--vav-r)}
.vavmb-stat--head{background:var(--vav-spot);border-color:var(--vav-spot)}
.vavmb-stat--head .vavmb-stat-l,.vavmb-stat--head .vavmb-stat-s{color:#cdead6}
.vavmb-stat--head .vavmb-stat-v{color:#fff}
.vavmb-stat-l{font-family:var(--vav-cond);text-transform:uppercase;letter-spacing:.08em;color:var(--vav-ink-3)}
.vavmb-stat-v{font-family:var(--vav-mono);font-weight:600;color:var(--vav-ink)}
.vavmb-stat-s{color:var(--vav-ink-3)}
.vavmb-table-wrap{background:var(--vav-panel);border:1px solid var(--vav-rule);border-radius:var(--vav-r);overflow:hidden}
table.vavmb-rank thead th{font-family:var(--vav-cond);text-transform:uppercase;letter-spacing:.07em;color:var(--vav-ink-3);border-bottom:2px solid var(--vav-rule-strong);background:#f3f7f3}
.vavmb-rank tbody td{border-bottom:1px solid var(--vav-rule);font-family:var(--vav-mono);color:var(--vav-ink)}
.vavmb-rank tbody td.vavmb-nm,.vavmb-rank tbody td:nth-child(2){font-family:var(--vav-disp);font-weight:700}
.vavmb-rank tbody tr:nth-child(2n){background:#fafcfa}
.vavmb-rank tbody tr:hover{background:#f0f9f3}
.vavmb-rank .vavmb-rk{color:var(--vav-ink-3)}
.vavmb-win td{background:#eff9f1!important}
.vavmb-win .vavmb-rk{color:var(--vav-spot);font-weight:700}
.vavmb-apo{color:var(--vav-ink);font-weight:700}
.vavmb-apo:hover{color:var(--vav-spot)}
.vavmb-pos{color:var(--vav-spot);font-weight:600}
.vavmb-neg{color:var(--vav-brick);font-weight:600}
.vavmb-idx{border-radius:var(--vav-r);font-family:var(--vav-mono);font-weight:600}
.vavmb-idx-low{color:var(--vav-spot);border-color:#bfe6cc;background:#eff9f1}
.vavmb-idx-high{color:var(--vav-brick);border-color:#f0d2ca;background:#fcf2ef}
.vavmb-uvprow td{background:#f3f7f3!important;color:var(--vav-ink-3)}
.vavmb-tabs>label{border-radius:var(--vav-r)!important;border-color:#cbe7d4!important;color:var(--vav-ink-2)!important;font-weight:600}
.vavmb-tabs>label:hover{background:#f0f9f3!important;border-color:var(--vav-spot)!important;color:var(--vav-spot-press)!important}
.vavmb-navrow a{border-radius:var(--vav-r)!important;border-color:var(--vav-rule)!important;background:#fff!important;color:var(--vav-ink)!important}
.vavmb-navrow a:hover{border-color:var(--vav-spot)!important;color:var(--vav-spot)!important}
body{background:var(--vav-paper)}
.card,.top-box,.vav-hero,.vav-mini-card{background:var(--vav-panel)!important;border:1px solid var(--vav-rule)!important;border-radius:var(--vav-r)!important;box-shadow:none!important}
h1,h2{font-family:var(--vav-disp);letter-spacing:-.01em;color:var(--vav-ink)}
.vav-logo{display:inline-flex!important;align-items:center;gap:10px;text-decoration:none}
.vav-logo img{display:none!important}
.vav-logo-mark{width:38px;height:38px;flex:none}
.vav-logo-text{font-family:var(--vav-disp);font-weight:800;font-size:18px;color:var(--vav-ink);letter-spacing:-.01em;line-height:1.05;white-space:nowrap}
.vav-logo-text span{color:var(--vav-spot)}
@media(max-width:560px){
.vav-logo-text{font-size:14.5px;white-space:normal}
}
.mainnav .drop-head,.mainnav .navdrop>a,.mainnav .navlink{border-radius:0!important}
.mainnav .menu-toggle{color:#0f3d22!important}
.btn,.btn-affiliate,.btn-light,.btn-slim{padding:6px 12px!important;font-size:12.5px!important;font-weight:700!important;border-radius:8px!important;line-height:1.3!important}
.price-index-table,.price-index-table td,.price-index-table th,.vavmb-grid,.vavmb-idx,.vavmb-rank,.vavmb-rank td,.vavmb-rank th,.vavmb-stat-l,.vavmb-stat-v{font-family:Arial,Helvetica,sans-serif!important}
a[href*="/go/"]::after{content:"\2197";font-size:.82em;margin-left:.28em;vertical-align:baseline;opacity:.9}
.vav-pill{border-radius:8px!important}
.vav-btn,.vav-tabs a{padding:6px 12px!important;font-size:12.5px!important;font-weight:700!important;border-radius:8px!important;line-height:1.3!important;margin:3px 5px 3px 0!important}
.vav-totop-btn{background:var(--vav-spot)!important;border-radius:8px!important}
.vavmb-table-wrap{overflow-x:auto}
.vav-topcta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#eff9f1;border:1px solid #bfe6cc;border-radius:10px;padding:14px 18px;margin:16px 0 8px}
.vav-topcta-lbl{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#4c574f;margin-bottom:2px}
.vav-topcta-txt strong{font-size:20px;color:#15201a}
.vav-topcta-sub{color:#4c574f;font-size:14px;margin-left:8px}
.vav-topcta-btn{flex:none;background:#17a34a!important;color:#fff!important;font-weight:700;font-size:14px;padding:11px 20px;border-radius:8px;text-decoration:none;white-space:nowrap}
.vav-topcta-btn:hover{background:#12833b!important}
@media(max-width:560px){
.vav-topcta-btn{width:100%;text-align:center}
}
.result-type{border-radius:8px!important}
:root{--vav-focus:#0F3D22;--vav-focus-on-dark:#EAF3EC;--vav-shadow-sm:0 1px 2px rgba(15,61,34,.05),0 2px 8px rgba(15,61,34,.05);--vav-shadow-md:0 6px 18px rgba(15,61,34,.09);--vav-shadow-lift:0 10px 26px rgba(15,61,34,.13);--vav-ease:cubic-bezier(.2,.7,.3,1)}
.btn-affiliate:focus-visible,.btn-light:focus-visible,.btn-slim:focus-visible,.btn:focus-visible,.drop-chevron:focus-visible,.link-grid a:focus-visible,.menu-toggle:focus-visible,.navlink:focus-visible,.quick-grid a:focus-visible,.vav-btn:focus-visible,.vav-topcta-btn:focus-visible,.vavmb-stat:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--vav-focus)!important;outline-offset:2px!important;border-radius:6px}
.footer a:focus-visible,.mainnav .drop-chevron:focus-visible,.mainnav .navlink:focus-visible,.mainnav a:focus-visible,.mainnav button:focus-visible,.vav-hero .b-primary:focus-visible,.vavmb-stat--head:focus-visible{outline-color:var(--vav-focus-on-dark)!important;outline-offset:2px!important}
.site-search input:focus-visible,.vav-hero .hsearch input:focus-visible{outline:3px solid var(--vav-focus)!important;outline-offset:2px!important}
.vav-skiplink{position:absolute;left:-9999px;top:0;z-index:20000;background:var(--vav-focus,#0f3d22);color:#fff;padding:10px 16px;border-radius:0 0 8px 0;font-family:Arial,Helvetica,sans-serif;font-weight:700;text-decoration:none}
.vav-skiplink:focus{left:0}
@media (prefers-reduced-motion:reduce){
*,::after,::before{animation-duration:NaNs!important;animation-iteration-count:1!important;transition-duration:NaNs!important;scroll-behavior:auto!important}
}
.vav-award-mark span,.vav-award-medium .vav-award-url mark span,.vav-award-score span{font-size:10.5px!important;line-height:1.1!important}
.btn,.btn-affiliate,.btn-light,.btn-slim,.card,.drop-head,.dropdown a,.info-tile,.kpi,.link-grid a,.navlink,.quick-grid a,.result-type,.top-box,.vav-btn,.vav-tabs a,.vav-topcta-btn,.vavmb-navrow a,.vavmb-stat,a{transition:background-color .18s var(--vav-ease),border-color .18s var(--vav-ease),color .18s var(--vav-ease),box-shadow .2s var(--vav-ease),transform .2s var(--vav-ease)}
.link-grid a:hover,.quick-grid a:hover{transform:translateY(-2px);box-shadow:var(--vav-shadow-lift)}
.card,.top-box{box-shadow:var(--vav-shadow-md)}
.info-tile,.kpi{box-shadow:var(--vav-shadow-sm)}
.btn-affiliate:hover,.btn-slim:hover,.btn:hover,.vav-topcta-btn:hover{box-shadow:var(--vav-shadow-md);transform:translateY(-1px)}
.btn-affiliate:active,.btn-slim:active,.btn:active,.vav-topcta-btn:active{transform:translateY(0);box-shadow:var(--vav-shadow-sm)}
.vav-topcta{box-shadow:var(--vav-shadow-sm)}
.compact-table tbody tr:hover,.dense-table tbody tr:hover,.price-index-table tbody tr:hover{background:#f3f9f4}
.search-page-form:focus-within,.site-search:focus-within .search-row{border-radius:9px}
h3,h4{font-family:'Bricolage Grotesque',system-ui,sans-serif;letter-spacing:-.01em;color:#15201a}
h2{margin-top:1.4em;line-height:1.2}
h3{margin-top:1.2em;line-height:1.25}
h4{margin-top:1em;line-height:1.3}
.card>h2:first-child,.card>h3:first-child,.top-box>h2:first-child,.top-box>h3:first-child,.vavmb-section>h2:first-child{margin-top:0}
.container p{max-width:80ch}
.container{max-width:1200px}
@media (max-width:900px){
.form-grid input,.form-grid select,.form-grid textarea,.full input,.full textarea,.review-form input,.review-form select,.review-form textarea,.search-page-form input{font-size:16px!important}
}
@media (max-width:900px){
.btn-light,.cluster-nav a,.pillrow a,.vav-btn,.vav-tabs a,.vavmb-navrow a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.dropdown a{min-height:44px;display:flex;align-items:center}
}
body,html{overflow-x:hidden}
img,svg,video{max-width:100%;height:auto}
@media (max-width:600px){
.card>table:not(.stack-mobile):not(.vav-cards),.container>table:not(.vav-cards):not(.stack-mobile){display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media (max-width:900px){
.navdrop .drop-chevron:focus-visible{outline:3px solid var(--vav-focus-on-dark)!important;outline-offset:-3px!important}
}
@media (max-width:640px){
table.vav-cards{display:block!important;width:100%!important;min-width:0!important;table-layout:auto!important;border:0!important;background:0 0!important}
table.vav-cards>thead{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
table.vav-cards>tbody{display:block}
table.vav-cards>tbody>tr{display:block;background:#fff;border:1px solid var(--vav-rule,#e7ebe5)!important;border-radius:12px;padding:6px 14px;margin:0 0 12px;box-shadow:var(--vav-shadow-sm)}
table.vav-cards>tbody>tr>td{position:static!important;display:flex!important;justify-content:space-between;align-items:baseline;gap:16px;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;padding:8px 0!important;border:0!important;border-bottom:1px solid #eef2ec!important;text-align:right!important;box-shadow:none!important;white-space:normal!important}
table.vav-cards>tbody>tr>td:last-child{border-bottom:0!important}
table.vav-cards>tbody>tr>td::before{content:attr(data-label);flex:0 0 40%;text-align:left;font-family:'Saira Condensed',Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600;color:var(--vav-ink-3,#737d75);white-space:normal}
table.vav-cards>tbody>tr>td[data-label=""]::before{content:none}
table.vav-cards>tbody>tr>td.vav-cell-actions{display:block!important;text-align:left!important;border-bottom:0!important;padding:10px 0 4px!important}
table.vav-cards>tbody>tr>td.vav-cell-actions::before{content:none!important}
table.vav-cards>tbody>tr>td.vav-cell-actions>a{display:flex!important;width:100%!important;justify-content:center;min-height:44px;align-items:center;font-size:14px!important}
table.vav-cards>tbody>tr>td.vav-cell-actions .vav-actions,table.vav-cards>tbody>tr>td.vav-cell-actions>div{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px!important;justify-content:stretch!important}
table.vav-cards>tbody>tr>td.vav-cell-actions .vav-actions>a,table.vav-cards>tbody>tr>td.vav-cell-actions .vav-btn,table.vav-cards>tbody>tr>td.vav-cell-actions>div>a{width:100%!important;min-height:40px;justify-content:center;font-size:12.5px!important;padding:6px 8px!important}
table.vav-cards>tbody>tr>td:first-child{color:var(--vav-ink-3,#737d75)}
table.vav-cards>tbody>tr>td .vav-name,table.vav-cards>tbody>tr>td.vav-prod a{font-weight:700}
}
@media (max-width:820px){
.vavz .quote{flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:2px!important;padding:18px 20px!important}
.vavz .quote .big{font-size:46px!important;margin:4px 0 4px!important}
.vavz .quote .chg{font-size:13px!important}
}
@media (max-width:560px){
.vavz .quote .big{font-size:40px!important}
}
@media (max-width:820px){
.vav-hero .folio .w{flex-direction:column!important;gap:3px!important;align-items:flex-start!important}
.vav-hero .folio .live{flex-wrap:wrap!important}
}
@media (max-width:560px){
.site-search input{font-size:16px!important}
.site-search input::placeholder{font-size:13px}
}
.sortable-table thead th:after{content:none!important}
.sortable-table th .sort-indicator{margin-left:.35rem}
@media (max-width:640px){
.vav-hero .hd-brand{font-size:clamp(14px,4vw,19px)!important;white-space:normal!important;overflow-wrap:anywhere;line-height:1.12!important}
.vav-hero .hd-sub{font-size:12.5px!important;line-height:1.25}
.vav-hero .mark{width:50px!important;height:50px!important}
.vav-hero .lead{gap:12px!important;align-items:center!important}
.vav-hero .hsearch{max-width:none!important;margin-top:12px!important}
.vav-hero .hero{padding:14px 0 18px!important}
}
@media (max-width:900px){
.menu-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:calc(100% - 24px)!important;margin:8px 12px!important;min-height:46px!important;height:auto!important;padding:0 14px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.6)!important;background:#fff!important;color:#0f3d22!important;font-weight:800!important;font-size:16.5px!important;letter-spacing:.01em!important;box-shadow:0 2px 8px rgba(15,61,34,.14)!important}
.menu-toggle::after{content:"\25BE";font-size:14px;line-height:1;color:#12833b;transition:transform .2s var(--vav-ease,ease)}
.mainnav.open .menu-toggle{background:#f0f9f3!important;box-shadow:0 3px 12px rgba(15,61,34,.18)!important}
.mainnav.open .menu-toggle::after{transform:rotate(180deg)}
.mainnav{padding-block:2px}
}
@media (max-width:900px){
.mainnav.open .navlinks{padding:4px 12px 10px!important;gap:2px!important}
.mainnav .navlinks .navdrop,.mainnav .navlinks>.navlink{border-bottom:1px solid rgba(255,255,255,.12)}
.mainnav .navlinks .drop-head,.mainnav .navlinks>.navlink{min-height:46px}
}
.vav-hero .acts{display:none!important}
h1{line-height:1.16}
h2{line-height:1.22}
.container h1,main h1{font-size:clamp(1.5rem,2.4vw,2rem)}
@media (max-width:640px){
.container h1,h1,main h1{font-size:24px!important;line-height:1.16!important}
.container h2,h2,main h2{font-size:19px!important;line-height:1.22!important}
h3{font-size:16.5px!important}
}