:root{--primary-50:240 253 249;--primary-100:205 250 239;--primary-200:155 244 223;--primary-300:96 232 204;--primary-400:48 209 182;--primary-500:23 181 157;--primary-600:23 181 157;--primary-700:13 133 116;--primary-800:18 93 85;--primary-900:20 77 71;--primary-950:5 46 43;--gray-50:248 247 247;--gray-100:239 239 239;--gray-200:220 219 219;--gray-300:190 187 187;--gray-400:154 150 150;--gray-500:120 115 115;--gray-600:103 98 98;--gray-700:84 80 80;--gray-800:72 69 68;--gray-900:62 60 60;--gray-950:41 40 40;--lime-50:240 253 244;--lime-100:220 252 231;--lime-200:187 247 208;--lime-300:134 239 173;--lime-400:74 222 129;--lime-500:37 211 102;--lime-600:22 163 75;--lime-700:21 128 62;--lime-800:22 101 52;--lime-900:20 83 45;--lime-950:5 46 22;--price:0 150 108;--state-star:251 191 36;--state-danger:239 68 68;--state-dangerText:185 28 28;--state-discount:244 63 94;--state-discountStrong:190 18 60;--state-verified:16 185 129;--state-warn:251 191 36;--state-warnText:146 64 14;--weight-normal:400;--weight-medium:600;--weight-bold:800;--font-primary:"FT Kunst Grotesk", "Fellix", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-custom-sans:"FT Kunst Grotesk", "Fellix", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-ui:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--space-3xs:.15rem;--space-2xs:.25rem;--space-xs:.35rem;--space-sm:.5rem;--space-md:.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:3rem;--text-xs:.75rem;--text-sm:.8rem;--text-md:.85rem;--text-base:.9rem;--text-lg:.95rem;--text-xl:1.1rem;--text-2xl:1.6rem;--text-3xl:1.8rem;--radius-pill:9999px;--radius-xs:0.25rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--shadow-xs:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -1px rgb(0 0 0 / 0.06);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -2px rgb(0 0 0 / 0.05);--shadow-card:0 10px 30px -10px rgb(0 0 0 / 0.04);--topbar-bg:84 179 158;--gradient-stop-open:45 199 166;--gradient-stop-deep:13 148 136;--gradient-primary:linear-gradient(135deg,rgb(var(--gradient-stop-open)) 0%,rgb(var(--gradient-stop-deep)) 100%);--gradient-primary-strong:linear-gradient(135deg,rgb(var(--gradient-stop-open)) 0%,rgb(var(--primary-700)) 100%);--shadow-lift:0 4px 14px 0 rgb(var(--primary-500) / .25);--shadow-lift-strong:0 8px 22px -4px rgb(var(--primary-700) / .35);--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem}
:root{color-scheme:light dark;--bg:rgb(var(--gray-50));--surface:rgb(255 255 255);--ink:rgb(var(--gray-950));--ink-soft:rgb(var(--gray-600));--line:rgb(var(--gray-200));--accent:rgb(var(--primary-700));--accent-soft:rgb(var(--primary-50));--on-accent:rgb(255 255 255);--ok:rgb(var(--lime-700));--ok-soft:rgb(var(--lime-50));--warn:rgb(var(--state-warnText));--warn-soft:color-mix(in srgb, rgb(var(--state-warn)) 22%, rgb(255 255 255));--danger:rgb(var(--state-dangerText));--danger-soft:color-mix(in srgb, rgb(var(--state-danger)) 12%, rgb(255 255 255))}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:color-mix(in srgb, rgb(var(--gray-950)) 62%, black);--surface:rgb(var(--gray-950));--ink:rgb(var(--gray-100));--ink-soft:rgb(var(--gray-300));--line:rgb(var(--gray-700));--accent:rgb(var(--primary-300));--accent-soft:color-mix(in srgb, rgb(var(--primary-300)) 16%, rgb(var(--gray-950)));--on-accent:rgb(var(--gray-950));--ok:rgb(var(--lime-300));--ok-soft:color-mix(in srgb, rgb(var(--lime-300)) 16%, rgb(var(--gray-950)));--warn:rgb(var(--state-warn));--warn-soft:color-mix(in srgb, rgb(var(--state-warn)) 16%, rgb(var(--gray-950)));--danger:color-mix(in srgb, rgb(var(--state-danger)) 68%, white);--danger-soft:color-mix(in srgb, rgb(var(--state-danger)) 14%, rgb(var(--gray-950)))}}:root[data-theme="dark"]{color-scheme:dark;--bg:color-mix(in srgb, rgb(var(--gray-950)) 62%, black);--surface:rgb(var(--gray-950));--ink:rgb(var(--gray-100));--ink-soft:rgb(var(--gray-300));--line:rgb(var(--gray-700));--accent:rgb(var(--primary-300));--accent-soft:color-mix(in srgb, rgb(var(--primary-300)) 16%, rgb(var(--gray-950)));--on-accent:rgb(var(--gray-950));--ok:rgb(var(--lime-300));--ok-soft:color-mix(in srgb, rgb(var(--lime-300)) 16%, rgb(var(--gray-950)));--warn:rgb(var(--state-warn));--warn-soft:color-mix(in srgb, rgb(var(--state-warn)) 16%, rgb(var(--gray-950)));--danger:color-mix(in srgb, rgb(var(--state-danger)) 68%, white);--danger-soft:color-mix(in srgb, rgb(var(--state-danger)) 14%, rgb(var(--gray-950)))}:root[data-theme="light"]{color-scheme:light;--bg:rgb(var(--gray-50));--surface:rgb(255 255 255);--ink:rgb(var(--gray-950));--ink-soft:rgb(var(--gray-600));--line:rgb(var(--gray-200));--accent:rgb(var(--primary-700));--accent-soft:rgb(var(--primary-50));--on-accent:rgb(255 255 255);--ok:rgb(var(--lime-700));--ok-soft:rgb(var(--lime-50));--warn:rgb(var(--state-warnText));--warn-soft:color-mix(in srgb, rgb(var(--state-warn)) 22%, rgb(255 255 255));--danger:rgb(var(--state-dangerText));--danger-soft:color-mix(in srgb, rgb(var(--state-danger)) 12%, rgb(255 255 255))}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(60px + 1rem)}
@media (min-width:64rem){html{scroll-padding-top:1.5rem}}
body{margin:0;background:#fff;color:rgb(var(--gray-900));
  font-family:var(--font-primary);font-size:15px;line-height:1.55;
  -webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
@media (min-width:64rem){body{font-size:16px}}
h1,h2,h3,h4{margin:0;font-weight:var(--weight-bold);letter-spacing:-.01em;line-height:1.2}
p{margin:0}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}
button{font:inherit;color:inherit;cursor:pointer}
:where(a,button,input,select,textarea,summary):focus-visible{
  outline:2px solid rgb(var(--primary-500));outline-offset:2px;border-radius:4px}
.price,.num{font-variant-numeric:tabular-nums}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}
.container{width:100%;max-width:80rem;margin:0 auto;padding-inline:1rem}
@media (min-width:64rem){.container{padding-inline:1.5rem}}
main{display:block;padding-top:60px}
@media (min-width:64rem){main{padding-top:0}}
main{overflow-x:clip;overflow-y:visible}


.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  border:1px solid transparent;border-radius:var(--radius-pill);
  font-weight:var(--weight-bold);white-space:nowrap;text-decoration:none;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .1s ease}
.btn:hover{text-decoration:none}
.btn:active{transform:scale(.97)}
.btn--sm{height:2.5rem;padding-inline:1.25rem;font-size:.875rem}
.btn--md{height:3rem;padding-inline:1.5rem;font-size:.875rem}
.btn--lg{height:3.25rem;padding-inline:2rem;font-size:1rem}
.btn--primary{background-color:rgb(var(--primary-700));background-image:var(--gradient-primary);
  color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / .35);box-shadow:var(--shadow-lift)}
.btn--primary:hover{background-image:var(--gradient-primary-strong);
  box-shadow:var(--shadow-lift-strong);transform:translateY(-1px)}
.btn--primary:active{transform:translateY(0)}
.btn--outline{background:#fff;color:rgb(var(--primary-700));border-color:rgb(var(--primary-500))}
.btn--outline:hover{background:rgb(var(--primary-500));color:#fff}
.btn--ghost{background:rgb(var(--gray-50));color:rgb(var(--gray-700));border-color:rgb(var(--gray-200))}
.btn--ghost:hover{background:rgb(var(--primary-50));color:rgb(var(--primary-700));
  border-color:rgb(var(--primary-200))}
.btn--invert{background:#fff;color:rgb(var(--gray-900))}
.btn--invert:hover{background:rgb(var(--gray-100))}
.btn--icon{width:2.25rem;height:2.25rem;padding:0;border-radius:var(--radius-pill);
  background-image:none;box-shadow:none}
.btn--icon:hover{transform:none}
@media (min-width:64rem){.btn--icon{width:2.5rem;height:2.5rem}}
.btn--block{display:flex;width:100%}


.badge{display:inline-flex;align-items:center;gap:.25rem;
  padding:.125rem .5rem;border-radius:var(--radius-pill);
  font-size:.625rem;font-weight:var(--weight-bold);letter-spacing:.03em;
  text-transform:uppercase;white-space:nowrap;line-height:1.6}
.badge--solid{background:rgb(var(--primary-700));color:#fff}
.badge--soft{background:rgb(var(--primary-50));color:rgb(var(--primary-700))}
.badge--onImage{background:#fff;color:rgb(var(--gray-800));box-shadow:var(--shadow-md)}
.badge--gradient{background-color:rgb(var(--primary-900));
  background-image:var(--gradient-primary-strong);color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / .35);box-shadow:var(--shadow-md)}
.badge--discount{background:rgb(var(--state-discountStrong));color:#fff}
.badge--ok{background:rgb(var(--lime-50));color:rgb(var(--lime-700))}
.badge--warn{background:rgb(var(--state-warn) / .22);color:rgb(var(--state-warnText))}
.badge--danger{background:rgb(var(--state-danger) / .12);color:rgb(var(--state-dangerText))}
.eyebrow{display:inline-flex;align-self:flex-start;align-items:center;gap:.5rem;
  padding:.375rem 1rem;border-radius:var(--radius-pill);
  border:1px solid rgb(var(--primary-100));background:rgb(var(--primary-50) / .8);
  font-size:.75rem;font-weight:var(--weight-bold);letter-spacing:.08em;
  text-transform:uppercase;color:rgb(var(--primary-700))}


.card{background:#fff;border:1px solid rgb(var(--gray-200));border-radius:var(--radius-lg);
  padding:1rem}
@media (min-width:40rem){.card{padding:1.25rem}}
.card + .card{margin-top:1rem}
.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
@media (min-width:40rem){.card-grid{gap:1.5rem}}
@media (min-width:64rem){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:80rem){.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
}
.tour-card{display:flex;flex-direction:column;position:relative;
  background:#fff;border:1px solid rgb(var(--gray-200));border-radius:var(--radius-lg);
  overflow:hidden;transition:border-color .2s ease}
.tour-card:hover{border-color:rgb(var(--gray-300))}
.tour-card:hover .tour-card__title{color:rgb(var(--primary-700))}
.tour-card__head{position:relative}
.tour-card__media{position:relative;aspect-ratio:4/3;overflow:hidden;background:rgb(var(--gray-100))}
.tour-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.tour-card:hover .tour-card__media img{transform:scale(1.06)}
.tour-card__scrim{position:absolute;inset:0;
  background:linear-gradient(to top,rgb(0 0 0 / .30),transparent 60%)}
.tour-card__media--empty{display:flex;align-items:center;justify-content:center;
  color:rgb(var(--gray-300))}
.tour-card__badges{position:absolute;top:.75rem;right:.75rem;z-index:2;
  display:flex;flex-direction:column;align-items:flex-end;gap:.375rem}
.tour-card__origin{position:absolute;bottom:.75rem;right:.75rem;z-index:2}
@media (max-width:40rem){
  .tour-card__badges .badge,.tour-card__origin .badge{
    font-size:.5625rem;padding:.1rem .4rem;gap:.2rem;letter-spacing:.02em}
  .tour-card__badges,.tour-card__origin{top:.5rem;right:.5rem;gap:.25rem}
  .tour-card__origin{top:auto;bottom:.5rem}
}
.tour-card__body{display:flex;flex:1;flex-direction:column;padding:.75rem}
@media (min-width:64rem){.tour-card__body{padding:1rem}}
.tour-card__title{margin-bottom:.75rem;min-height:2.25rem;
  font-size:.875rem;font-weight:var(--weight-medium);line-height:1.25;
  color:rgb(var(--gray-900));transition:color .2s ease;
  display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (min-width:64rem){.tour-card__title{font-size:1rem;min-height:2.5rem}}
.tour-card__facts{display:flex;flex-direction:column;gap:.375rem;margin-bottom:.75rem}
.tour-card__fact{display:flex;align-items:center;gap:.5rem;
  font-size:.75rem;font-weight:var(--weight-medium);color:rgb(var(--gray-600))}
.tour-card__fact svg{flex-shrink:0;color:rgb(var(--primary-500))}
.tour-card__fact img{height:16px;width:auto;max-width:60px;object-fit:contain}
.tour-card__foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;
  margin-top:auto;padding-top:.75rem;border-top:1px solid rgb(var(--gray-100))}
.tour-card__price{font-size:1.1875rem;font-weight:var(--weight-bold);line-height:1;
  color:rgb(var(--price))}
.tour-card__price-label{display:block;margin-top:.125rem;
  font-size:.625rem;font-weight:var(--weight-medium);line-height:1.2;color:rgb(var(--gray-600))}
.tour-card__price--pending{font-size:.8125rem;font-weight:var(--weight-medium);
  color:rgb(var(--gray-500))}
.tour-card__cta{background:rgb(var(--price));color:#fff}
.tour-card__cta:hover{background:rgb(var(--price) / .85)}
.tour-card__link::after{content:"";position:absolute;inset:0;z-index:1}


.accordion{display:flex;flex-direction:column;gap:1rem}
.accordion__item{background:#fff;border:1px solid rgb(var(--gray-100));
  border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow .3s ease}
.accordion__item[open]{box-shadow:var(--shadow-md)}
.accordion__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1.25rem;cursor:pointer;list-style:none;
  font-size:.875rem;font-weight:var(--weight-bold);color:rgb(var(--gray-900));
  transition:background-color .2s ease}
.accordion__head::-webkit-details-marker{display:none}
.accordion__head:hover{background:rgb(var(--gray-50))}
.accordion__head-label{display:flex;align-items:center;gap:.625rem}
.accordion__chevron{flex-shrink:0;color:rgb(var(--gray-400));transition:transform .3s ease}
.accordion__item[open] .accordion__chevron{transform:rotate(180deg)}
.accordion__body{padding:1.25rem;border-top:1px solid rgb(var(--gray-100));
  background:rgb(var(--gray-50) / .2);
  font-size:.8125rem;line-height:1.7;color:rgb(var(--gray-600))}
.accordion__body > * + *{margin-top:.75rem}


.section{padding-block:2rem}
@media (min-width:64rem){.section{padding-block:3.5rem}}
.section__head{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}
.section__headings{display:flex;flex-direction:column;gap:.75rem;min-width:0}
.section__title{font-size:1.5rem}
@media (min-width:64rem){.section__title{font-size:2.25rem}}
.section__lede{max-width:44rem;color:rgb(var(--gray-600));line-height:1.7}
@media (min-width:64rem){
  .section--head-action .section__head{flex-direction:row;align-items:flex-end;
    justify-content:space-between;gap:2rem}
  .section--head-action .section__action{flex-shrink:0;padding-bottom:.25rem}
}
.section--split{padding-block:1.5rem}
@media (min-width:64rem){
  .section--split{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:3rem;
    padding-block:2.25rem;border-top:1px solid rgb(var(--gray-200))}
  .section--split .section__head{margin-bottom:0}
  .section--split .section__title{font-size:1.375rem;line-height:1.25}
}
.breadcrumb{padding-block:.5rem;font-size:.75rem;color:rgb(var(--gray-600))}
.breadcrumb ol{display:flex;align-items:center;gap:.375rem;flex-wrap:nowrap;white-space:nowrap;
  margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none}
.breadcrumb a{display:inline-flex;align-items:center;min-height:1.75rem;padding-block:.25rem}
.breadcrumb ol::-webkit-scrollbar{display:none}
.breadcrumb [aria-current]{color:rgb(var(--gray-900));font-weight:var(--weight-medium)}
@media (max-width:63.99rem){.breadcrumb{border-block:1px solid rgb(var(--gray-100));
  padding:.5rem 1rem}}
.notice{padding:.75rem 1rem;border-radius:var(--radius-md);
  border:1px solid rgb(var(--state-danger));background:rgb(var(--state-danger) / .08);
  color:rgb(var(--state-dangerText));font-size:.875rem}


.tabs{display:flex;gap:.25rem;overflow-x:auto;scrollbar-width:none;
  border-bottom:1px solid rgb(var(--gray-200))}
.tabs::-webkit-scrollbar{display:none}
.tabs__link{padding:.625rem 1rem;white-space:nowrap;border-bottom:2px solid transparent;
  font-size:.875rem;font-weight:var(--weight-medium);color:rgb(var(--gray-600))}
.tabs__link:hover{color:rgb(var(--gray-900));text-decoration:none}
.tabs__link[aria-current]{color:rgb(var(--primary-700));font-weight:var(--weight-bold);
  border-bottom-color:rgb(var(--primary-500))}


.table-scroll{overflow-x:auto;border:1px solid rgb(var(--gray-200));
  border-radius:var(--radius-lg);background:#fff}
.table{width:100%;border-collapse:collapse;font-size:.875rem}
.table thead th{padding:.625rem .75rem;text-align:left;white-space:nowrap;
  border-bottom:1px solid rgb(var(--gray-200));
  font-size:.6875rem;font-weight:var(--weight-bold);letter-spacing:.04em;
  text-transform:uppercase;color:rgb(var(--gray-500))}
.table td{padding:.75rem;border-bottom:1px solid rgb(var(--gray-100));vertical-align:top}
.table tbody tr:last-child td{border-bottom:0}
.table td[data-numeric],.table th[data-numeric]{text-align:right;
  font-variant-numeric:tabular-nums;white-space:nowrap}
.table tfoot td{font-weight:var(--weight-bold);border-top:1px solid rgb(var(--gray-200))}
@media (max-width:40rem){
  .table--stacked thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .table--stacked tr{display:block;padding:.75rem;border-bottom:1px solid rgb(var(--gray-100))}
  .table--stacked td{display:flex;justify-content:space-between;gap:1rem;
    padding:.25rem 0;border:0;text-align:right}
  .table--stacked td::before{content:attr(data-label);flex-shrink:0;text-align:left;
    font-weight:var(--weight-medium);color:rgb(var(--gray-500))}
}


.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:.375rem;margin-top:2rem}
.pagination a,.pagination span{display:flex;align-items:center;justify-content:center;
  min-width:2.5rem;height:2.5rem;padding-inline:.75rem;border-radius:var(--radius-md);
  border:1px solid rgb(var(--gray-200));background:#fff;
  font-size:.875rem;font-weight:var(--weight-medium);color:rgb(var(--gray-700))}
.pagination a:hover{border-color:rgb(var(--primary-500));background:rgb(var(--primary-50));
  color:rgb(var(--primary-700));text-decoration:none}
.pagination [aria-current]{border-color:transparent;color:#fff;
  background-color:rgb(var(--primary-700));background-image:var(--gradient-primary)}
.pagination__gap{border:0;background:none;color:rgb(var(--gray-400))}


.locale{position:fixed;inset:0;margin:auto;width:min(24rem,calc(100vw - 2rem));height:fit-content;
  max-height:88dvh;border-radius:var(--radius-xl)}
.locale__group{margin:0 0 1rem;padding:0;border:0}
.locale__choices{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.locale__choice input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.locale__choice span{display:flex;align-items:center;justify-content:center;
  min-height:2.75rem;padding:.5rem .75rem;cursor:pointer;
  border:1px solid rgb(var(--gray-200));border-radius:var(--radius-md);
  font-size:.875rem;font-weight:var(--weight-medium);color:rgb(var(--gray-700))}
.locale__choice:has(input:checked) span{border-color:rgb(var(--primary-500));
  background:rgb(var(--primary-500) / .08);color:rgb(var(--primary-700));
  font-weight:var(--weight-bold)}
.locale__choice input:focus-visible + span{outline:2px solid rgb(var(--primary-500));
  outline-offset:2px}
.notice{display:flex;align-items:flex-start;gap:.5rem}
.notice svg{flex-shrink:0;margin-top:.1rem}
.notice--success{border-color:rgb(var(--lime-700));background:rgb(var(--lime-700) / .08);
  color:rgb(var(--lime-700))}
.notice--info{border-color:rgb(var(--primary-500));background:rgb(var(--primary-500) / .08);
  color:rgb(var(--primary-700))}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}
@media (min-width:48rem){.gallery{grid-template-columns:repeat(4,1fr);grid-auto-rows:9rem}}
.gallery__cell{padding:0;border:0;overflow:hidden;border-radius:var(--radius-md);
  background:rgb(var(--gray-100));cursor:zoom-in}
.gallery__cell img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.gallery__cell:hover img{transform:scale(1.04)}
.gallery__cell:first-child{grid-column:span 2;grid-row:span 2}
.lightbox{width:min(60rem,calc(100vw - 2rem));padding:0;border:0;
  border-radius:var(--radius-lg);background:#000}
.lightbox::backdrop{background:rgb(0 0 0 / .8)}
.lightbox img{width:100%;height:auto;max-height:85dvh;object-fit:contain;display:block}
.lightbox form{position:absolute;top:.75rem;right:.75rem;z-index:1}


@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important}
}


.topbar{position:sticky;top:0;z-index:500;background:#fff;box-shadow:0 1px 2px rgb(0 0 0 / .05)}
.topbar__utility{background:rgb(var(--topbar-bg));color:#fff}
.topbar__utility > .container{display:flex;align-items:center;justify-content:space-between;
  gap:1rem;padding-block:.5rem}
.topbar__countries{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem;
  margin:0;padding:0;list-style:none;
  font-size:.65rem;font-weight:var(--weight-medium);letter-spacing:.04em;text-transform:uppercase}
.topbar__countries a{transition:opacity .3s ease}
.topbar__countries a:hover{opacity:.75;text-decoration:none}
.topbar__aside{display:flex;align-items:center;gap:1rem;flex-shrink:0}
.topbar__phone{display:inline-flex;align-items:center;gap:.375rem;
  font-size:.75rem;font-weight:var(--weight-medium);white-space:nowrap}
.topbar__phone:hover{opacity:.75;text-decoration:none}
.topbar__chip{display:inline-flex;align-items:center;gap:.375rem;
  padding:.5rem 1rem;border-radius:var(--radius-pill);
  border:1px solid rgb(255 255 255 / .25);background:rgb(255 255 255 / .05);color:#fff;
  font-size:.75rem;font-weight:var(--weight-bold);white-space:nowrap;transition:background-color .2s ease}
.topbar__chip:hover{background:rgb(255 255 255 / .15);text-decoration:none}
.topbar__main{border-bottom:1px solid rgb(var(--gray-200))}
.topbar__main > .container{display:flex;align-items:center;justify-content:space-between;
  gap:1.5rem;padding-block:.5rem}
.topbar__logo{flex-shrink:0}
.topbar__logo img{width:128px;height:auto}
.topbar__search{flex:1;min-width:0;max-width:32.5rem}
.topbar__account{display:flex;align-items:center;gap:.75rem;flex-shrink:0}
.topbar__sections{display:none;flex-shrink:0}
@media (min-width:80rem){.topbar__sections{display:block}}
.topbar__sections ul{display:flex;align-items:center;gap:1.25rem;margin:0;padding:0;list-style:none}
.topbar__sections a{font-size:.8125rem;font-weight:var(--weight-medium);color:rgb(var(--gray-700))}
.topbar__sections a:hover{color:rgb(var(--primary-700))}
.topbar__sections a[aria-current]{color:rgb(var(--primary-700))}
.topbar__utility,.topbar__main{display:none}
@media (min-width:64rem){
  .topbar__utility{display:block}
  .topbar__main{display:block}
}
.footer{background:#fff;color:rgb(var(--gray-900))}
.assist{display:flex;flex-direction:column;justify-content:center;
  padding:1.5rem 1rem;background-color:rgb(var(--primary-900));
  background-image:var(--gradient-primary-strong);color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / .35);text-align:center;
  border-radius:var(--radius-xl)}
.assist:not(.assist--footer){margin-inline:calc(50% - 50vw);margin-block:2rem;width:100vw;
  max-width:100vw;border-radius:0;padding-inline:1rem}
@media (min-width:64rem){.assist:not(.assist--footer){margin-block:3.5rem}}
@media (min-width:64rem){.assist:not(.assist--footer){min-height:300px;padding-block:2.5rem}}
.assist--footer{border-radius:0;padding:1.25rem 1rem}
@media (min-width:64rem){.assist--footer{min-height:300px;justify-content:center}}
.assist__title{margin-bottom:.75rem;font-size:1rem;font-weight:var(--weight-medium)}
@media (min-width:40rem){.assist__title{margin-bottom:1rem;font-size:1.25rem}}
.assist__actions{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem}
.assist__action{display:flex;flex-direction:column;align-items:center;gap:.375rem;
  font-size:.75rem;font-weight:var(--weight-medium)}
.assist__action span[aria-hidden]{display:flex;align-items:center;justify-content:center;
  width:2.75rem;height:2.75rem;border-radius:var(--radius-pill);
  background:#fff;color:rgb(var(--primary-700))}
.assist__phone{display:block;font-size:1.125rem;font-weight:var(--weight-medium)}
.assist__note{margin-top:.125rem;font-size:.625rem;color:rgb(var(--primary-100))}
@media (min-width:40rem){.assist__note{font-size:.75rem}}
.footer__links{display:grid;grid-template-columns:1fr;gap:1.5rem 3rem;padding-block:1.5rem}
@media (min-width:40rem){.footer__links{grid-template-columns:repeat(2,1fr);
  gap:3rem;padding-block:3rem}}
@media (min-width:64rem){.footer__links{grid-template-columns:repeat(3,1fr)}}
.footer__col h2{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem;
  border-bottom:1px solid rgb(var(--gray-200));
  font-size:.8125rem;font-weight:var(--weight-medium)}
.footer__col ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}
.footer__col a{display:flex;align-items:center;min-height:2.75rem;
  font-size:.875rem;color:rgb(var(--gray-700))}
@media (min-width:64rem){.footer__col a{min-height:0;display:block}}
.footer__legal{background-color:rgb(var(--primary-900));
  background-image:var(--gradient-primary-strong);color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / .35);padding-block:1.5rem}
.footer__legal > .container{display:flex;flex-direction:column;align-items:flex-start;
  justify-content:space-between;gap:2rem}
@media (min-width:48rem){.footer__legal > .container{flex-direction:row;align-items:center}}
.footer__legal-text{max-width:22.5rem;font-size:.8125rem;line-height:1.6}
.footer__social{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.footer__social a{display:flex;align-items:center;justify-content:center;
  width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);
  background:#fff;color:rgb(var(--gray-700))}

.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;
  padding:2.5rem 1.25rem;border:1px dashed rgb(var(--gray-300));border-radius:var(--radius-lg);
  background:rgb(var(--gray-50))}
.empty__icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;
  border-radius:50%;background:#fff;border:1px solid rgb(var(--gray-200));
  color:rgb(var(--gray-500))}
.empty__title{margin:0;font-size:1.125rem;font-weight:var(--weight-bold);color:rgb(var(--gray-900))}
.empty__body{margin:0;max-width:34rem;color:rgb(var(--gray-600));line-height:1.6}
.empty__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.25rem}

.brand{font-weight:var(--weight-bold);font-size:var(--text-lg);letter-spacing:-.01em}

/* CHROME dar ekranda `.topbar__utility` ve `.topbar__main`i gizliyor ve yerine
   `.mobilebar`ı bekliyor. Blog mobil çubuğu çizmiyor (gerekçesi `kabuk.ts`te), yani
   o iki kural burada geri alınmasa telefonda **hiç üst bilgi olmazdı** — ürün
   sahibinin "hiç logo yok" dediği hâlin aynısı. Şeritler gizlenmiyor, sarmalanıyor. */
.topbar__utility,.topbar__main{display:block}
/* Yapışkanlık yalnız geniş ekranda: dar ekranda üç bant (turkuaz şerit, logo satırı,
   kategori şeridi) yapışkan olsaydı görüntü alanının dörtte birini kalıcı olarak yerdi. */
.topbar{position:static}
@media (min-width:64rem){.topbar{position:sticky;top:0}}
.topbar__utility > .container{flex-wrap:wrap;row-gap:.25rem}
.topbar__main > .container{flex-wrap:wrap;gap:.75rem}
/* CHROME bölümleri 80rem altında gizliyor çünkü orada bir de arama kutusu var.
   Blogda yok; yer boş ve gezinti görünüyor. */
.topbar__sections{display:block}
/* 48rem altında ülke ve bölüm bağlantıları gidiyor: on bir bağlantı, 320 pikselde
   dört satır eder ve dördü de içeriğin üstünde durur. İkisi de alt bilgide duruyor,
   yani kaybolmuyorlar, yer değiştiriyorlar. */
@media (max-width:47.9375rem){.topbar__countries,.topbar__sections{display:none}}
.footer__legal .brand{color:#fff}

/* Kategori şeridi — üst bilginin üçüncü bandı.
   Dar ekranda **kendi kabında** yatayda kayıyor: gövde kaymıyor, kategori gizlenmiyor.
   Dokunma hedefi 44 piksel (`min-height:2.75rem`). */
.blog-kategori{background:#fff;border-bottom:1px solid rgb(var(--gray-200))}
.blog-kategori__liste{display:flex;align-items:center;gap:.25rem;margin:0;padding:0;
  list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
.blog-kategori__liste a{display:flex;align-items:center;min-height:2.75rem;padding:0 .875rem;
  white-space:nowrap;font-size:.875rem;font-weight:var(--weight-medium);
  color:rgb(var(--gray-700));border-bottom:2px solid transparent}
.blog-kategori__liste a:hover{color:rgb(var(--primary-700));text-decoration:none}
.blog-kategori__liste a[aria-current]{color:rgb(var(--primary-700));
  border-bottom-color:rgb(var(--primary-700))}


body{background:var(--bg);color:var(--ink)}
/* v3'te üst çubuk mobilde sabit ve gövde ona yer ayırıyor. Blogun sabit çubuğu yok;
   barındıran site kendi şeridini verirse payı da o veriyor. */
main{padding-top:0}
a{color:inherit}
.blog-kabuk{display:flex;flex-direction:column;min-height:100vh}
.blog-kabuk>main{flex:1}

/* Barındıran site kendi üst bilgisini vermediğinde çizilen ince şerit. */
.blog-serit{border-bottom:1px solid var(--line);background:var(--surface)}
.blog-serit__ic{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  min-height:56px;flex-wrap:wrap}
.blog-serit__ad{font-weight:var(--weight-bold);font-size:var(--text-lg)}
.blog-serit nav{display:flex;gap:1rem;flex-wrap:wrap;font-size:var(--text-sm);color:var(--ink-soft)}
.blog-dip{border-top:1px solid var(--line);background:var(--surface);
  padding-block:1.5rem;color:var(--ink-soft);font-size:var(--text-sm)}
.blog-dip__ic{display:flex;gap:1rem;flex-wrap:wrap;justify-content:space-between}

/* İki sütun: içerik + yan sütun. `minmax(0,1fr)` olmadan uzun bir başlık ızgarayı
   genişletiyor ve gövde yatayda kayıyor — dar ekranda tam olarak yasaklanan şey. */
.blog-duzen{display:grid;gap:2rem;grid-template-columns:minmax(0,1fr);padding-block:2rem}
@media (min-width:64rem){
  .blog-duzen{grid-template-columns:minmax(0,1fr) 18rem;gap:3rem;align-items:start}
  .blog-yan{position:sticky;top:1.5rem}
}
.blog-yan{display:flex;flex-direction:column;gap:1.5rem;min-width:0}
.blog-yan__blok{border:1px solid var(--line);border-radius:var(--radius-lg);
  background:var(--surface);padding:1rem}
.blog-yan__baslik{font-size:var(--text-sm);font-weight:var(--weight-bold);
  text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin-bottom:.75rem}
.blog-yan ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.blog-yan a:hover{color:var(--accent)}

/* `<picture>` bir kap değil bir seçici: ölçüyü ve nesne uydurmasını `<img>` taşıyor.
   `display:contents` olmadan araya satır içi bir eleman giriyor ve kart medyası
   `object-fit` uygulayamıyor. */
picture{display:contents}

/* Yazı ızgarası. Gerekçesi `sayfalar.ts`teki `yaziIzgarasi`: `.card-grid` sayfanın
   tam genişliği için kurulmuş, blogun listesi yan sütunlu bir düzenin içinde.
   `auto-fit` son satırda öksüz kart bırakmıyor. */
.yazi-izgara{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr))}

/* Öne çıkan yazı: dar ekranda tek sütun, 48rem üstünde görsel solda metin sağda. */
.one-cikan{position:relative;display:grid;grid-template-columns:minmax(0,1fr);
  border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);
  overflow:hidden;margin-bottom:1.5rem}
@media (min-width:48rem){.one-cikan{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
.one-cikan__medya{aspect-ratio:3/2;background:var(--accent-soft)}
.one-cikan__medya img{width:100%;height:100%;object-fit:cover}
@media (min-width:48rem){.one-cikan__medya{aspect-ratio:auto;height:100%}}
.one-cikan__govde{display:flex;flex-direction:column;gap:.6rem;padding:1.25rem;justify-content:center}
.one-cikan__baslik{font-size:clamp(var(--text-xl),1rem + 1.3vw,var(--text-3xl));line-height:1.2}
/* Kartın tamamı tıklanabilir ama işaretlemede tek bağlantı var; `.yazi-karti` ile aynı desen. */
.one-cikan__baslik a::after{content:"";position:absolute;inset:0}
.one-cikan__ozet{color:var(--ink-soft)}
.one-cikan:hover{border-color:var(--accent)}

/* Bilgi kutusu: ipucu ve uyarı. Alıntıdan ayrı çiziliyor çünkü ayrı bir şey. */
.blog-bilgi{display:flex;flex-direction:column;gap:.35rem;padding:.9rem 1rem;
  border-left:3px solid var(--accent);border-radius:var(--radius-md);background:var(--accent-soft)}
.blog-bilgi--uyari{border-left-color:var(--warn);background:var(--warn-soft)}
.blog-bilgi__baslik{font-weight:var(--weight-bold)}
.blog-bilgi__govde{display:flex;flex-direction:column;gap:.5rem}

/* Yazı kartı. v3'ün `tour-card`ı kullanılmadı: o kart fiyat taşıyor ve blogda fiyat yok. */
.yazi-karti{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);
  border-radius:var(--radius-lg);background:var(--surface);overflow:hidden;min-width:0}
.yazi-karti__medya{aspect-ratio:3/2;background:var(--accent-soft)}
.yazi-karti__medya img{width:100%;height:100%;object-fit:cover}
.yazi-karti__govde{display:flex;flex-direction:column;gap:.5rem;padding:1rem;flex:1}
.yazi-karti__baslik{font-size:var(--text-lg);line-height:1.3}
/* Kartın tamamı tıklanabilir ama işaretlemede tek bağlantı var: başlığınki. İç içe
   bağlantı yerine kaplayan bir sözde öğe — ekran okuyucu bir kart için tek hedef
   duyuyor, fare kullanan kartın her yerine basabiliyor. */
.yazi-karti__baslik a::after{content:"";position:absolute;inset:0}
.yazi-karti__ozet{color:var(--ink-soft);font-size:var(--text-sm)}
.yazi-karti__alt{margin-top:auto;display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;
  color:var(--ink-soft);font-size:var(--text-xs)}
.yazi-karti:hover{border-color:var(--accent)}

/* Yazı sayfası. Ölçü 68 karakter: daha geniş satırlarda göz satır başını kaybediyor. */
.yazi{max-width:44rem;min-width:0}
.yazi__ust{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}
/* Belirteç ölçeği panel için kurulmuş ve en büyüğü `--text-3xl` = 1.8rem. Bir blog
   başlığı için küçük, ama ölçeğe yeni bir basamak eklemek paleti buradan çatallamak
   olurdu. `clamp` ölçeğin son basamağından başlıyor ve geniş ekranda 2.4rem'e çıkıyor —
   yeni bir belirteç değil, var olanın tarayıcı tarafından ölçeklenmesi. */
.yazi__baslik{font-size:clamp(var(--text-3xl),1.4rem + 2.2vw,2.4rem);line-height:1.15}
.yazi__meta{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;
  color:var(--ink-soft);font-size:var(--text-sm)}
.yazi__meta a:hover{color:var(--accent)}
.yazi__kapak{border-radius:var(--radius-lg);overflow:hidden;margin:0 0 1.5rem}
.yazi__kapak img{width:100%;height:auto}
.yazi__govde{display:flex;flex-direction:column;gap:1.1rem;font-size:1.0625rem;line-height:1.7}
.yazi__govde h2{font-size:var(--text-2xl);margin-top:.75rem}
.yazi__govde h3{font-size:var(--text-xl);margin-top:.5rem}
.yazi__govde ul,.yazi__govde ol{margin:0;padding-left:1.25rem;
  display:flex;flex-direction:column;gap:.4rem}
.yazi__govde a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.yazi__etiketler{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:2rem}

.blog-gorsel{margin:0;display:flex;flex-direction:column;gap:.5rem}
.blog-gorsel img{border-radius:var(--radius-md);width:100%}
.blog-gorsel figcaption{color:var(--ink-soft);font-size:var(--text-sm)}
.blog-alinti{margin:0;border-left:3px solid var(--accent);padding-left:1rem;
  display:flex;flex-direction:column;gap:.35rem}
.blog-alinti blockquote{margin:0;font-size:var(--text-lg);line-height:1.5}
.blog-alinti cite{color:var(--ink-soft);font-size:var(--text-sm);font-style:normal}
.blog-baglantilar{list-style:none;margin:.25rem 0 0;padding:0;
  display:flex;flex-direction:column;gap:.25rem;font-size:var(--text-sm)}
.blog-baglantilar a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}

/* Taşabilecek tek şey kod. Kendi kabında kayıyor, gövde kaymıyor. */
.blog-tasan{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-md);
  background:var(--accent-soft)}
.blog-tasan pre{margin:0;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:var(--text-sm);line-height:1.5}

/* Ürün bağları. Fiyat yok — gerekçesi `icerik.ts`teki `UrunBagi`. */
.urun-baglari{display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr)}
@media (min-width:48rem){.urun-baglari{grid-template-columns:repeat(2,minmax(0,1fr))}}
.urun-bagi{display:flex;gap:.75rem;align-items:center;border:1px solid var(--line);
  border-radius:var(--radius-md);background:var(--surface);padding:.75rem;min-width:0}
.urun-bagi:hover{border-color:var(--accent)}
.urun-bagi img{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-sm);flex:none}
.urun-bagi__metin{display:flex;flex-direction:column;gap:.15rem;min-width:0}
.urun-bagi__ad{font-weight:var(--weight-medium);overflow-wrap:anywhere}
.urun-bagi__tur{color:var(--ink-soft);font-size:var(--text-xs);
  text-transform:uppercase;letter-spacing:.06em}

.yazar-kutusu{display:flex;gap:1rem;align-items:flex-start;border:1px solid var(--line);
  border-radius:var(--radius-lg);background:var(--surface);padding:1rem;margin-top:2rem;min-width:0}
.yazar-kutusu img{width:56px;height:56px;border-radius:999px;object-fit:cover;flex:none}
.yazar-kutusu__metin{display:flex;flex-direction:column;gap:.25rem;min-width:0}
.yazar-kutusu__ad{font-weight:var(--weight-bold)}
.yazar-kutusu__unvan{color:var(--ink-soft);font-size:var(--text-xs);
  text-transform:uppercase;letter-spacing:.06em}
.yazar-kutusu__ozgecmis{color:var(--ink-soft);font-size:var(--text-sm)}
/* Sosyal hesaplar. Etiket ağın adı, adres değil: bir künyenin altına ham adres
   yazmak satırı taşırıyor ve dar ekranda kutuyu kırıyor. */
.yazar-kutusu__sosyal{display:flex;gap:.75rem;flex-wrap:wrap;font-size:var(--text-sm)}
.yazar-kutusu__sosyal a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}

/* Yazar listesi. Kart başına bir künye kutusu; kutunun kendi kenarlığı zaten
   var, kart ikinci bir çerçeve çizmiyor. */
.yazar-izgara{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr))}
.yazar-karti{display:flex;flex-direction:column;gap:.5rem;min-width:0}
.yazar-karti .yazar-kutusu{margin-top:0;flex:1}
.yazar-karti__sayi{font-size:var(--text-sm)}
.yazar-karti__sayi a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}

.terim-bulutu{display:flex;gap:.5rem;flex-wrap:wrap}

/* Uzun bir slug ya da boşluksuz bir başlık dar ekranda kabı taşırmasın. */
.yazi__baslik,.yazi-karti__baslik,.blog-serit__ad{overflow-wrap:anywhere}

/* Dokunma hedefleri: 44 piksel.
   Ölçüldü (21.08.2026, 390 piksel, altı sayfa türü): yan sütun bağlantıları 18,
   etiket rozetleri 24, kırıntılar 28, telefon 19, hesap düğmeleri ve sosyal
   simgeler 40 pikseldi. Parmak 18 piksele nişan alamıyor; v3 aynı kusuru alt
   bilgi sütunlarında ölçüp 2.75rem'e çıkarmıştı, kural onun devamı.

   Yalnız dar ekranda: geniş ekranda işaret eden şey fare ve 44 piksellik satırlar
   listeyi iki katına uzatıyor. Sınır 64rem, `CHROME`ın kendi sınırıyla aynı.

   Cümlenin **içindeki** bağlantı kapsam dışı: bir paragrafta geçen bağlantıyı 44
   piksel yapmak satır aralığını bozar ve WCAG 2.2 de onu istisna tutuyor.
   Kart başlıkları da kapsam dışı — onların gerçek hedefi kartın tamamı
   (`.yazi-karti__baslik a::after` kabı kaplıyor). */
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;
  min-height:2.75rem;min-width:2.75rem}
@media (max-width:63.9375rem){
  .topbar__phone,.topbar__account .btn{min-height:2.75rem}
  .blog-yan ul a,.yazar-kutusu__ad a,.yazar-karti__sayi a{display:flex;align-items:center;min-height:2.75rem}
  .yazar-kutusu__sosyal a{display:inline-flex;align-items:center;min-height:2.75rem}
  /* Yazının künye satırındaki yazar bağlantısı. Cümle içi bir bağlantı değil,
     satırın tek hedefi; komşuları düz metin. */
  .yazi__meta a{display:inline-flex;align-items:center;min-height:2.75rem}
  .breadcrumb a,.breadcrumb ol span,.terim-bulutu a,.yazi__etiketler a,
  .blog-baglantilar a,.urun-bagi{display:inline-flex;align-items:center;min-height:2.75rem}
  .footer__social a{width:2.75rem;height:2.75rem}
  .assist__phone{display:flex;align-items:center;justify-content:center;min-height:2.75rem}
}

@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]) .topbar,:root:not([data-theme="light"]) .blog-kategori,:root:not([data-theme="light"]) .footer{background:var(--surface);color:var(--ink)}
:root:not([data-theme="light"]) .topbar__main,:root:not([data-theme="light"]) .blog-kategori{border-bottom-color:var(--line)}
:root:not([data-theme="light"]) .blog-kategori__liste a,:root:not([data-theme="light"]) .topbar__sections a{color:var(--ink-soft)}
:root:not([data-theme="light"]) .blog-kategori__liste a:hover,:root:not([data-theme="light"]) .blog-kategori__liste a[aria-current],:root:not([data-theme="light"]) .topbar__sections a:hover,:root:not([data-theme="light"]) .topbar__sections a[aria-current]{color:var(--accent);border-bottom-color:var(--accent)}
:root:not([data-theme="light"]) .footer__col h2{border-bottom-color:var(--line)}
:root:not([data-theme="light"]) .footer__col a{color:var(--ink-soft)}
:root:not([data-theme="light"]) .footer__col a:hover{color:var(--accent)}
:root:not([data-theme="light"]) .footer__social a{background:var(--surface);color:var(--ink);border:1px solid var(--line)}
}
:root[data-theme="dark"] .topbar,:root[data-theme="dark"] .blog-kategori,:root[data-theme="dark"] .footer{background:var(--surface);color:var(--ink)}
:root[data-theme="dark"] .topbar__main,:root[data-theme="dark"] .blog-kategori{border-bottom-color:var(--line)}
:root[data-theme="dark"] .blog-kategori__liste a,:root[data-theme="dark"] .topbar__sections a{color:var(--ink-soft)}
:root[data-theme="dark"] .blog-kategori__liste a:hover,:root[data-theme="dark"] .blog-kategori__liste a[aria-current],:root[data-theme="dark"] .topbar__sections a:hover,:root[data-theme="dark"] .topbar__sections a[aria-current]{color:var(--accent);border-bottom-color:var(--accent)}
:root[data-theme="dark"] .footer__col h2{border-bottom-color:var(--line)}
:root[data-theme="dark"] .footer__col a{color:var(--ink-soft)}
:root[data-theme="dark"] .footer__col a:hover{color:var(--accent)}
:root[data-theme="dark"] .footer__social a{background:var(--surface);color:var(--ink);border:1px solid var(--line)}