/* Dr. Otto Mattress — Velora theme */
@import url('campaigns.css');
@import url('hero-campaign.css');
:root{
  /* Velora design tokens → Dr. Otto semantic aliases */
  --dr-primary:var(--oc-primary);
  --dr-secondary:var(--oc-secondary);
  --dr-accent:var(--oc-accent);
  --dr-surface:var(--oc-surface);
  --dr-soft:var(--oc-surface-soft);
  --dr-dark:var(--oc-surface-dark);
  --dr-text:var(--oc-text);
  --dr-muted:var(--oc-text-muted);
  --dr-inverse:var(--oc-text-inverse);
  --dr-border:var(--oc-border);

  /* Derived tones: still follow Settings > Colors; no independent brand palette here. */
  --dr-primary-strong:color-mix(in srgb,var(--dr-primary) 82%,var(--dr-secondary));
  --dr-primary-soft:color-mix(in srgb,var(--dr-primary) 10%,var(--dr-surface));
  --dr-primary-softer:color-mix(in srgb,var(--dr-primary) 5%,var(--dr-surface));
  --dr-primary-border:color-mix(in srgb,var(--dr-primary) 48%,var(--dr-border));
  --dr-dark-soft:color-mix(in srgb,var(--dr-dark) 92%,var(--dr-surface));
  --dr-dark-hover:color-mix(in srgb,var(--dr-dark) 84%,var(--dr-surface));
  --dr-text-strong:color-mix(in srgb,var(--dr-text) 92%,var(--dr-secondary));
  --dr-text-soft:color-mix(in srgb,var(--dr-text) 68%,var(--dr-surface));
  --dr-muted-soft:color-mix(in srgb,var(--dr-muted) 80%,var(--dr-surface));
  --dr-line-soft:color-mix(in srgb,var(--dr-border) 68%,var(--dr-surface));
  --dr-media-bg:color-mix(in srgb,var(--dr-soft) 78%,var(--dr-border));
  --dr-on-dark-muted:color-mix(in srgb,var(--dr-inverse) 72%,transparent);
  --dr-shadow:0 20px 60px color-mix(in srgb,var(--dr-secondary) 8%,transparent);
  --dr-shadow-soft:0 10px 30px color-mix(in srgb,var(--dr-secondary) 6%,transparent);

  /* Typography aliases from Settings > Typography */
  --dr-body-size:var(--oc-body-size);
  --dr-h1:var(--oc-h1);
  --dr-h1-mobile:var(--oc-h1-mobile);
  --dr-h1-weight:var(--oc-h1-weight);
  --dr-h1-lh:var(--oc-h1-lh);
  --dr-h2:var(--oc-h2);
  --dr-h2-mobile:var(--oc-h2-mobile);
  --dr-h2-weight:var(--oc-h2-weight);
  --dr-h2-lh:var(--oc-h2-lh);
  --dr-h3:var(--oc-h3);
  --dr-h3-mobile:var(--oc-h3-mobile);
  --dr-h3-weight:var(--oc-h3-weight);
  --dr-h3-lh:var(--oc-h3-lh);
  --dr-h4:var(--oc-h4);
  --dr-h4-mobile:var(--oc-h4-mobile);
  --dr-h4-weight:var(--oc-h4-weight);
  --dr-h4-lh:var(--oc-h4-lh);
}

/* =========================================================
   Dr. Otto Theme v1.3.40 — Hero Pro bottom-left navigation
   ========================================================= */
.oc-hero-slider.is-drotto-nav-ready>.oc-hero-dots{display:none!important}
.drotto-hero-nav-wrap{
  position:absolute;
  inset:0;
  z-index:10;
  height:100%;
  pointer-events:none;
}
.drotto-hero-nav{
  position:absolute;
  left:0;
  bottom:clamp(18px,2.4vw,30px);
  display:flex;
  align-items:center;
  gap:10px;
  color:#fff;
  pointer-events:auto;
}
.drotto-hero-nav .oc-hero-arrow{
  position:static;
  inset:auto;
  transform:none;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  flex:0 0 40px;
  padding:0;
  border:1px solid rgba(255,255,255,.34);
  border-radius:50%;
  background:rgba(7,12,18,.42);
  color:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.16);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font-size:0;
  line-height:1;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.drotto-hero-nav .oc-hero-arrow svg{
  display:block;
  width:16px;
  height:16px;
  margin:auto;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
}
.drotto-hero-nav .oc-hero-arrow:hover,
.drotto-hero-nav .oc-hero-arrow:focus-visible{
  border-color:rgba(255,255,255,.72);
  background:rgba(7,12,18,.68);
  transform:translateY(-1px);
}
.drotto-hero-nav .oc-hero-arrow:focus-visible{
  outline:2px solid var(--dr-primary);
  outline-offset:3px;
}
.drotto-hero-nav__counter{
  min-width:72px;
  text-align:center;
  color:#fff;
  font-family:var(--oc-body-font,inherit);
  font-size:12px;
  font-variant-numeric:tabular-nums;
  font-weight:600;
  letter-spacing:.08em;
  text-shadow:0 1px 8px rgba(0,0,0,.42);
}
.drotto-hero-nav__current{color:#fff;font-weight:600}
.drotto-hero-nav__total{color:rgba(255,255,255,.54)}

@media(max-width:700px){
  .oc-hero-slider.is-drotto-nav-ready .oc-hero-slide .oc-hero-pro__grid{padding-bottom:110px}
  .drotto-hero-nav-wrap{width:min(var(--oc-container,1280px),calc(100% - 32px))}
  .drotto-hero-nav{left:0;bottom:16px;gap:8px}
  .drotto-hero-nav .oc-hero-arrow{width:36px;height:36px;flex-basis:36px}
  .drotto-hero-nav .oc-hero-arrow svg{width:14px;height:14px}
  .drotto-hero-nav__counter{min-width:62px;font-size:11px}
}

@media(prefers-reduced-motion:reduce){
  .drotto-hero-nav .oc-hero-arrow{transition:none}
}

/* Dr. Otto footer: Builder content, theme-only presentation. */
.oc-footer{
  --drotto-footer-line:color-mix(in srgb,var(--dr-inverse) 12%,transparent);
  --drotto-footer-muted:color-mix(in srgb,var(--dr-inverse) 70%,transparent);
  background:var(--dr-dark);
  color:var(--dr-inverse);
}
.oc-footer .oc-global-row{background:transparent;color:inherit;border-color:var(--drotto-footer-line)}
.oc-footer .oc-global-row--main .oc-footer-grid{
  grid-template-columns:minmax(160px,1.2fr) repeat(4,minmax(110px,1fr)) minmax(185px,1.25fr);
  column-gap:clamp(20px,2.4vw,42px);
  row-gap:32px;
  padding-block:48px 54px;
}
.oc-footer .oc-footer-col{gap:13px}
.oc-footer .oc-footer-heading{
  margin:0 0 7px;
  font-size:12px;
  font-weight:600;
  line-height:1.4;
  letter-spacing:.085em;
  text-transform:uppercase;
  color:var(--dr-inverse);
}
.oc-footer .oc-footer-col .oc-nav>ul{gap:12px}
.oc-footer .oc-footer-col .oc-nav a,
.oc-footer .oc-footer-col .oc-global-link,
.oc-footer .oc-footer-col p{
  font-size:13px;
  line-height:1.6;
  font-weight:400;
  color:var(--drotto-footer-muted);
}
.oc-footer .oc-footer-col a{text-decoration:none;transition:color .2s ease}
.oc-footer .oc-footer-col a:hover,
.oc-footer .oc-footer-col a:focus-visible{color:var(--dr-accent)}
.oc-footer .oc-global-row--main .oc-footer-col--1 .oc-site-logo{
  display:inline-flex;
  flex:none;
  width:140px;
  min-width:140px;
  height:48px;
  min-height:48px;
  align-items:center;
  justify-content:flex-start;
}
.oc-footer .oc-global-row--main .oc-footer-col--1 .oc-site-logo img{
  display:block;
  flex:none;
  width:140px;
  height:auto;
  max-width:140px;
  max-height:48px;
  object-fit:contain;
  object-position:left center;
  filter:brightness(0) invert(1);
}
.oc-footer .oc-global-row--main .oc-footer-col--1 .drotto-footer-brandline{
  max-width:205px;
  margin:0;
  color:var(--drotto-footer-muted);
  font-size:13px;
  line-height:1.65;
}
.oc-footer .oc-global-row--main .oc-footer-col--6 .oc-global-link{overflow-wrap:anywhere}
.oc-footer .oc-global-row--main .oc-footer-col--6 p{margin:2px 0 0}

.drotto-footer-utility{border-bottom:1px solid var(--drotto-footer-line)}
.drotto-footer-utility__inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  min-height:82px;
  padding-block:16px;
}
.drotto-footer-utility__contact{display:flex;align-items:center;gap:13px;min-width:0}
.drotto-footer-utility__contact svg{width:28px;height:28px;flex:none;color:var(--dr-accent)}
.drotto-footer-utility__contact-copy{display:grid;gap:2px;min-width:0}
.drotto-footer-utility__label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--drotto-footer-muted)}
.drotto-footer-utility__contact a{font-size:15px;font-weight:600;white-space:nowrap;color:var(--dr-inverse);text-decoration:none}
.drotto-footer-utility__contact a:hover{color:var(--dr-accent)}
.drotto-footer-utility__payments{display:flex;align-items:center;gap:7px;margin-left:auto;flex:none}
.drotto-footer-etbis{
  display:block;
  flex:none;
  width:82px;
  height:31px;
  margin-right:5px;
  background:url('etbis-1.png') center / contain no-repeat;
}
.drotto-footer-payment{
  display:block;
  flex:none;
  width:47px;
  height:30px;
  border:1px solid color-mix(in srgb,var(--dr-inverse) 15%,transparent);
  border-radius:7px;
  background-color:var(--dr-surface);
  background-position:center;
  background-repeat:no-repeat;
  background-size:38px 21px;
}
.drotto-footer-payment--visa{background-image:url('visa.svg')}
.drotto-footer-payment--mastercard{background-image:url('mastercard.svg')}
.drotto-footer-payment--troy{background-image:url('troy.svg')}
.oc-footer .oc-global-row--bottom .oc-footer-grid{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:20px;
  padding-block:21px;
}
.oc-footer .oc-global-row--bottom .oc-footer-col{display:none}
.oc-footer .oc-global-row--bottom .oc-footer-col:first-child{display:flex;grid-column:1;justify-self:start}
.oc-footer .oc-global-row--bottom .oc-footer-col:last-child:not(:first-child){display:flex;grid-column:2;justify-self:end}
.oc-footer .oc-copyright{font-size:12px;color:var(--drotto-footer-muted);opacity:1}
.oc-footer .oc-footer-legal{display:flex;flex-wrap:wrap;gap:14px}
.oc-footer .oc-footer-legal a{font-size:12px}
@media(max-width:1100px){
  .oc-footer .oc-global-row--main .oc-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 28px}
  .oc-footer .oc-global-row--main .oc-footer-col--1{grid-column:1 / -1}
}
@media(max-width:700px){
  .oc-footer .oc-global-row--main .oc-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 18px;padding-block:36px 40px}
  .oc-footer .oc-global-row--main .oc-footer-col--1,
  .oc-footer .oc-global-row--main .oc-footer-col--6{grid-column:1 / -1}
  .drotto-footer-utility__inner{min-height:0;flex-wrap:nowrap;gap:8px;padding-block:14px}
  .drotto-footer-utility__contact{gap:6px}
  .drotto-footer-utility__contact svg{width:20px;height:20px}
  .drotto-footer-utility__label{font-size:8px;letter-spacing:.07em}
  .drotto-footer-utility__contact a{font-size:11px}
  .drotto-footer-utility__payments{width:auto;gap:4px;margin-left:auto}
  .drotto-footer-etbis{width:60px;height:25px;margin-right:2px}
  .drotto-footer-payment{width:39px;height:26px;border-radius:5px;background-size:32px 17px}
  .oc-footer .oc-global-row--bottom .oc-footer-grid{grid-template-columns:1fr;justify-items:start;gap:10px;padding-block:20px}
  .oc-footer .oc-global-row--bottom .oc-footer-col:first-child,
  .oc-footer .oc-global-row--bottom .oc-footer-col:last-child:not(:first-child){grid-column:1;justify-self:start;text-align:left}
  .oc-footer .oc-footer-legal{justify-content:flex-start}
}
@media(max-width:360px){
  .drotto-footer-utility__inner{gap:6px}
  .drotto-footer-utility__contact svg,
  .drotto-footer-utility__label{display:none}
  .drotto-footer-utility__contact a{font-size:10px}
  .drotto-footer-utility__payments{gap:3px}
  .drotto-footer-etbis{width:52px;height:22px;margin-right:0}
  .drotto-footer-payment{width:34px;height:23px;background-size:29px 15px}
}
@media(max-width:390px){
  .oc-footer .oc-global-row--main .oc-footer-grid{grid-template-columns:1fr}
  .oc-footer .oc-global-row--main .oc-footer-col--1,
  .oc-footer .oc-global-row--main .oc-footer-col--6{grid-column:auto}
}
body.drotto-theme{background:var(--dr-surface);color:var(--dr-text);font-family:var(--oc-font)!important;font-size:var(--dr-body-size);-webkit-font-smoothing:antialiased}
/* UI/form controls do not reliably inherit body font in every browser. Keep commerce UI on the body token. */
body.drotto-theme button,body.drotto-theme input,body.drotto-theme select,body.drotto-theme textarea{font-family:var(--oc-font)!important}
/* Only semantic headings use the heading token. */
body.drotto-theme h1,body.drotto-theme h2,body.drotto-theme h3,body.drotto-theme h4,body.drotto-theme h5,body.drotto-theme h6{font-family:var(--oc-heading-font)!important}
body.drotto-theme svg{width:1.35em;height:1.35em}

/* Header / footer inherit Velora layout builder, themed here. */
.drotto-theme .oc-header{background:var(--dr-dark);color:var(--dr-inverse)}
.drotto-theme .oc-header .oc-global-row{background:var(--dr-dark);color:var(--dr-inverse);border-color:color-mix(in srgb,var(--dr-inverse) 8%,transparent)}
.drotto-theme .oc-header .oc-global-row.is-stuck{background:color-mix(in srgb,var(--dr-dark) 94%,transparent);backdrop-filter:blur(18px) saturate(130%)}
.drotto-theme .oc-header .oc-nav a{font-weight:650;letter-spacing:-.01em;color:var(--dr-inverse)}
.drotto-theme .oc-header .oc-nav a:hover{color:var(--dr-accent)}
.drotto-theme .oc-header .oc-header-button{background:linear-gradient(135deg,var(--dr-accent),var(--dr-primary));color:var(--dr-inverse)!important;box-shadow:none;border:1px solid color-mix(in srgb,var(--dr-inverse) 10%,transparent)}
.drotto-theme .oc-header .oc-search input{background:var(--dr-dark-soft);color:var(--dr-inverse);border-color:color-mix(in srgb,var(--dr-inverse) 12%,transparent)}
.drotto-theme .oc-header .oc-search input::placeholder{color:var(--dr-on-dark-muted)}
.drotto-theme .oc-header .oc-search button{background:transparent;color:var(--dr-inverse)!important;border:1px solid color-mix(in srgb,var(--dr-inverse) 12%,transparent)}
.drotto-theme .oc-header .oc-nav li>ul{background:var(--dr-dark-soft);color:var(--dr-inverse);border-color:color-mix(in srgb,var(--dr-inverse) 10%,transparent)}
.drotto-theme .oc-header .oc-nav li>ul a:hover{background:var(--dr-dark-hover)}
.drotto-theme .oc-header .oc-mobile-toggle{color:var(--dr-inverse);border-color:color-mix(in srgb,var(--dr-inverse) 22%,transparent)}
.drotto-theme .oc-footer{background:var(--dr-dark);color:var(--dr-inverse)}
.drotto-theme .oc-footer .oc-global-row{border-color:color-mix(in srgb,var(--dr-inverse) 8%,transparent)}
.drotto-theme .oc-footer a{color:color-mix(in srgb,var(--dr-inverse) 75%,transparent)}
.drotto-theme .oc-footer a:hover{color:var(--dr-accent)}
.drotto-theme .oc-footer-heading{color:var(--dr-inverse)}
.drotto-fallback-header{background:var(--dr-dark);padding:15px 0;border-bottom:1px solid color-mix(in srgb,var(--dr-inverse) 8%,transparent)}
.drotto-fallback-header img{display:block;width:125px;max-height:48px;filter:invert(1) brightness(3)}
.drotto-fallback-footer{margin-top:80px;background:var(--dr-dark);color:var(--dr-inverse);padding:30px 0}
.drotto-fallback-footer .oc-container{display:flex;justify-content:space-between;align-items:center;gap:20px}
.drotto-fallback-footer img{width:120px;filter:invert(1) brightness(3)}

/* Product frame */
.drotto-product{padding:0 0 84px;background:linear-gradient(180deg,var(--dr-surface) 0%,var(--dr-surface) 62%,var(--dr-surface) 100%)}
.drotto-product>.oc-container{width:min(var(--oc-container,1380px),calc(100% - 48px))}
.drotto-breadcrumb{display:flex;align-items:center;gap:9px;min-height:58px;font-size:calc(var(--dr-body-size) * 0.75);color:var(--dr-muted);white-space:nowrap;overflow:auto}
.drotto-breadcrumb a{color:var(--dr-text-soft);text-decoration:none}
.drotto-breadcrumb a:hover{color:var(--dr-primary)}
.drotto-breadcrumb strong{font-weight:600;color:var(--dr-text)}

.drotto-product-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:clamp(36px,5vw,76px);align-items:start;padding:8px 0 62px}

/* Gallery */
.drotto-gallery{min-width:0}
.drotto-gallery__stage{position:relative;aspect-ratio:1.08/1;overflow:hidden;border-radius:4px;background:var(--dr-media-bg);box-shadow:0 1px 0 color-mix(in srgb,var(--dr-secondary) 4%,transparent)}
.drotto-gallery__stage>img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .2s ease,transform .45s ease}
.drotto-gallery__stage:hover>img{transform:scale(1.012)}
.drotto-gallery__zoom{position:absolute;right:16px;top:16px;width:42px;height:42px;border-radius:var(--oc-radius);border:1px solid color-mix(in srgb,var(--dr-primary) 60%,transparent);background:color-mix(in srgb,var(--dr-dark) 76%,transparent);color:var(--dr-inverse);display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px)}
.drotto-gallery__zoom:hover{background:var(--dr-primary);color:var(--dr-text-strong)}
.drotto-gallery__empty{height:100%;display:grid;place-items:center;color:var(--dr-muted)}
.drotto-gallery__thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.drotto-gallery__thumb{padding:0;aspect-ratio:1.38/1;border:1px solid var(--dr-line-soft);border-radius:5px;overflow:hidden;background:var(--dr-soft);cursor:pointer;transition:border .2s,box-shadow .2s,transform .2s}
.drotto-gallery__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.drotto-gallery__thumb:hover{transform:translateY(-1px)}
.drotto-gallery__thumb.is-active{border-color:var(--dr-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--dr-primary) 16%,transparent)}

/* Buy box */
.drotto-buybox{padding:4px 0 0}
.drotto-buybox__topline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:7px}
.drotto-eyebrow,.drotto-kicker{font-size:calc(var(--dr-body-size) * 0.625);font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--dr-primary)}
.drotto-wishlist{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--dr-text-soft);font:inherit;font-size:calc(var(--dr-body-size) * 0.75);cursor:pointer;padding:7px 0}
.drotto-wishlist svg{font-size:calc(var(--dr-body-size) * 1.125)}.drotto-wishlist:hover{color:var(--dr-primary)}
.drotto-buybox h1{font-size:var(--dr-h1);line-height:var(--dr-h1-lh);margin:4px 0 8px;font-weight:var(--dr-h1-weight);color:var(--dr-text-strong)}
.drotto-subtitle{margin:0 0 18px;font-size:calc(var(--dr-body-size) * 0.9375);color:var(--dr-text-soft)}
.drotto-price-wrap{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap;padding:8px 0 14px;border-bottom:1px solid var(--dr-line-soft)}
.drotto-price{font-family:var(--oc-font);font-size:var(--dr-h2);line-height:var(--dr-h2-lh);font-weight:var(--dr-h2-weight);color:var(--dr-primary-strong)}
.drotto-regular-price{font-size:calc(var(--dr-body-size) * .72);font-weight:600;color:var(--dr-muted);text-decoration-thickness:1.5px;text-decoration-color:color-mix(in srgb,var(--dr-muted) 72%,transparent)}.drotto-regular-price.is-hidden{display:none}
.drotto-series-pill{margin-left:auto;background:var(--dr-primary-soft);color:var(--dr-primary-strong);border-radius:var(--oc-radius);padding:7px 10px;font-size:calc(var(--dr-body-size) * 0.625);font-weight:700}
.drotto-summary{font-size:calc(var(--dr-body-size) * 0.875);line-height:1.7;color:var(--dr-text-soft);margin:15px 0 22px;max-width:680px}
.drotto-field-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}
.drotto-field-heading strong,.drotto-field-heading label{font-size:calc(var(--dr-body-size) * 0.8125);font-weight:750;color:var(--dr-text)}
.drotto-field-heading a,.drotto-field-heading>button{padding:0 0 2px;border:0;border-bottom:1px solid var(--dr-primary-border);background:transparent;color:var(--dr-primary-strong);font:700 calc(var(--dr-body-size) * 0.6875)/1.4 var(--oc-font);text-decoration:none;cursor:pointer}
.drotto-firmness-value{padding:7px 13px;border-radius:var(--oc-button-radius);background:var(--dr-primary-soft);color:var(--dr-primary-strong);font-size:calc(var(--dr-body-size) * 0.6875);font-weight:750}
.drotto-firmness-block{padding:5px 0 22px;border-bottom:1px solid var(--dr-line-soft)}
.drotto-firmness-bar{position:relative;display:grid;grid-template-columns:repeat(5,1fr);padding-top:7px}
.drotto-firmness-bar:before{content:"";position:absolute;left:4%;right:4%;top:13px;height:2px;background:var(--dr-border)}
.drotto-firmness-bar:after{content:"";position:absolute;left:4%;top:13px;height:2px;width:calc((var(--firmness) - 1) * 23%);background:linear-gradient(90deg,var(--dr-primary-border),var(--dr-primary))}
.drotto-firmness-step{position:relative;z-index:1;text-align:center;color:var(--dr-muted);font-size:calc(var(--dr-body-size) * 0.625)}
.drotto-firmness-step i{display:block;width:12px;height:12px;margin:0 auto 9px;border-radius:50%;background:var(--dr-line-soft);border:2px solid var(--dr-border);box-shadow:0 0 0 3px var(--dr-surface)}
.drotto-firmness-step.is-active{color:var(--dr-primary-strong);font-weight:750}
.drotto-firmness-step.is-active i{width:16px;height:16px;margin-top:-2px;margin-bottom:7px;background:var(--dr-primary);border-color:var(--dr-surface);box-shadow:0 0 0 2px var(--dr-primary)}
.drotto-size-block{padding:20px 0 18px}
.drotto-select-wrap{position:relative}
.drotto-select-wrap select{width:100%;height:50px;appearance:none;border:1px solid var(--dr-primary-border);border-radius:var(--oc-button-radius);background:var(--dr-surface);color:var(--dr-text);font:inherit;font-size:calc(var(--dr-body-size) * 0.8125);font-weight:650;padding:0 48px 0 15px;outline:none;box-shadow:0 8px 24px color-mix(in srgb,var(--dr-primary) 8%,transparent)}
.drotto-select-wrap select:focus{border-color:var(--dr-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--dr-primary) 12%,transparent)}
.drotto-select-wrap>svg{position:absolute;right:15px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--dr-text);font-size:calc(var(--dr-body-size) * 1.0625)}
.drotto-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--dr-line-soft);border-bottom:1px solid var(--dr-line-soft);padding:16px 0}
.drotto-meta-item{display:grid;grid-template-columns:28px 1fr;gap:9px;align-items:center;padding:0 13px;border-right:1px solid var(--dr-line-soft);min-width:0}
.drotto-meta-item:first-child{padding-left:0}.drotto-meta-item:last-child{border-right:0;padding-right:0}
.drotto-meta-item>svg{font-size:calc(var(--dr-body-size) * 1.3125);color:var(--dr-text-soft)}
.drotto-meta-item span{display:block;color:var(--dr-muted);font-size:calc(var(--dr-body-size) * 0.5625);margin-bottom:3px}.drotto-meta-item strong{display:block;font-size:calc(var(--dr-body-size) * 0.6875);line-height:1.25;color:var(--dr-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drotto-stock{grid-template-columns:9px 1fr}.drotto-stock>i{width:8px;height:8px;border-radius:50%;background:var(--dr-accent)}.drotto-stock.is-out>i{background:var(--dr-secondary)}.drotto-stock.is-in strong{color:var(--dr-accent)}.drotto-stock.is-out strong{color:var(--dr-secondary)}
.drotto-actions{display:grid;grid-template-columns:82px 1fr 116px;gap:10px;padding:18px 0}
.drotto-qty{display:grid;grid-template-columns:26px 30px 26px;height:48px;border:1px solid var(--dr-line-soft);border-radius:var(--oc-button-radius);overflow:hidden;background:var(--dr-surface)}
.drotto-qty button{border:0;background:var(--dr-surface);color:var(--dr-muted);font-size:calc(var(--dr-body-size) * 1.125);cursor:pointer}.drotto-qty button:hover{background:var(--dr-soft);color:var(--dr-text)}
.drotto-qty input{min-width:0;width:100%;border:0;text-align:center;font:inherit;font-weight:700;color:var(--dr-text);-moz-appearance:textfield}.drotto-qty input::-webkit-outer-spin-button,.drotto-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.drotto-add-cart,.drotto-buy-now{height:48px;border-radius:var(--oc-button-radius);font:inherit;font-size:calc(var(--dr-body-size) * 0.8125);font-weight:800;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s;display:flex;align-items:center;justify-content:center;gap:9px}
.drotto-add-cart{border:1px solid var(--dr-primary);background:linear-gradient(135deg,var(--dr-accent),var(--dr-primary-strong));color:var(--dr-inverse);box-shadow:0 10px 24px color-mix(in srgb,var(--dr-primary) 18%,transparent)}
.drotto-buy-now{border:1px solid var(--dr-primary);background:var(--dr-surface);color:var(--dr-primary-strong)}
.drotto-add-cart:hover,.drotto-buy-now:hover{transform:translateY(-1px)}
.drotto-add-cart:disabled,.drotto-buy-now:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}
.drotto-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:5px}
.drotto-trust-row>div{display:flex;align-items:center;gap:9px;min-width:0}.drotto-trust-row svg{color:var(--dr-primary);font-size:calc(var(--dr-body-size) * 1.25);flex:0 0 auto}.drotto-trust-row span{min-width:0}.drotto-trust-row strong{display:block;font-size:calc(var(--dr-body-size) * 0.5625);line-height:1.2}.drotto-trust-row small{display:block;margin-top:3px;font-size:calc(var(--dr-body-size) * 0.5);color:var(--dr-muted);white-space:nowrap}

/* Tabs */
.drotto-tabs{border:1px solid var(--dr-line-soft);border-radius:var(--oc-radius);background:var(--dr-surface);box-shadow:var(--dr-shadow-soft);overflow:hidden;margin:0 0 18px}
.drotto-tabs__nav{display:grid;grid-template-columns:1fr 1fr 1.15fr 1.55fr;border-bottom:1px solid var(--dr-line-soft);background:var(--dr-surface)}
.drotto-tabs__nav button{position:relative;min-height:58px;padding:0 18px;border:0;border-right:1px solid var(--dr-line-soft);background:var(--dr-surface);color:var(--dr-text);font-family:var(--oc-font);font-size:calc(var(--dr-body-size) * .875);cursor:pointer}
.drotto-tabs__nav button:last-child{border-right:0}.drotto-tabs__nav button:after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:2px;background:transparent}.drotto-tabs__nav button.is-active{color:var(--dr-primary-strong)}.drotto-tabs__nav button.is-active:after{background:var(--dr-primary)}
.drotto-tab-panel{padding:28px}.drotto-tab-panel[hidden]{display:none}.drotto-editorial{display:block}.drotto-prose{color:var(--dr-text-soft);font-size:calc(var(--dr-body-size) * 0.875);line-height:1.75}.drotto-prose p:first-child{margin-top:0}.drotto-prose>:last-child{margin-bottom:0}
.drotto-description-divider{height:1px;margin:34px 0;background:linear-gradient(90deg,transparent,var(--dr-primary-border) 18%,var(--dr-primary-border) 82%,transparent)}
.drotto-product-story{position:relative;isolation:isolate;overflow:hidden;border-radius:clamp(18px,2.2vw,30px);background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--dr-accent) 15%,transparent),transparent 34%),linear-gradient(145deg,var(--dr-dark),var(--dr-dark-soft));color:var(--dr-inverse);box-shadow:0 24px 60px color-mix(in srgb,var(--dr-dark) 18%,transparent)}.drotto-product-story:before,.drotto-product-story:after{content:"";position:absolute;z-index:-1;width:78%;height:15%;border:1px solid color-mix(in srgb,var(--dr-accent) 24%,transparent);border-radius:50%;transform:rotate(-12deg)}.drotto-product-story:before{left:-18%;top:17%}.drotto-product-story:after{right:-20%;bottom:21%}.drotto-product-story>header{padding:clamp(28px,4vw,52px) clamp(22px,5vw,68px) 0;text-align:center}.drotto-product-story>header span{color:var(--dr-accent);font-size:9px;font-weight:850;letter-spacing:.2em}.drotto-product-story>header h3{max-width:760px;margin:9px auto 0;color:var(--dr-inverse);font-family:var(--oc-heading-font);font-size:clamp(24px,2.4vw,var(--dr-h2));font-weight:var(--dr-h2-weight);line-height:1.18}
.drotto-product-story__stage{display:grid;grid-template-areas:"a hero b" "c hero d";grid-template-columns:minmax(190px,.8fr) minmax(360px,1.55fr) minmax(190px,.8fr);grid-template-rows:1fr 1fr;gap:34px clamp(24px,3.2vw,52px);align-items:center;min-height:570px;padding:42px clamp(24px,4.3vw,60px) 28px}.drotto-product-story__stage>figure{grid-area:hero;align-self:stretch;display:grid;place-items:center;min-width:0;margin:0}.drotto-product-story__stage>figure img{display:block;width:100%;max-height:500px;object-fit:contain;filter:drop-shadow(0 28px 28px color-mix(in srgb,#000 48%,transparent))}.drotto-product-story__card{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr);gap:15px;align-items:start;min-width:0;padding:20px 0}.drotto-product-story__card.is-1{grid-area:a}.drotto-product-story__card.is-2{grid-area:b}.drotto-product-story__card.is-3{grid-area:c}.drotto-product-story__card.is-4{grid-area:d}.drotto-product-story__card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--dr-accent),transparent)}.drotto-product-story__card>i{display:grid;place-items:center;width:68px;height:68px;overflow:hidden;color:var(--dr-accent);font-style:normal}.drotto-product-story__card>i img{width:100%;height:100%;object-fit:contain}.drotto-product-story__card>div{min-width:0}.drotto-product-story__card strong{display:block;margin:1px 0 7px;color:var(--dr-accent);font-size:14px;font-weight:800;line-height:1.28;letter-spacing:.015em}.drotto-product-story__card p{margin:0;color:var(--dr-on-dark-muted);font-size:11px;line-height:1.65}
.drotto-product-story__features{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:0;margin:0 clamp(20px,4vw,56px);padding:23px 0 28px;border-top:1px solid color-mix(in srgb,var(--dr-accent) 55%,transparent)}.drotto-product-story__features>div{display:grid;place-items:center;align-content:start;gap:5px;min-height:94px;padding:5px 11px;border-left:1px solid color-mix(in srgb,var(--dr-inverse) 12%,transparent);text-align:center}.drotto-product-story__features>div:first-child{border-left:0}.drotto-product-story__features i{display:grid;place-items:center;width:48px;height:48px;color:var(--dr-accent)}.drotto-product-story__features img{width:46px;height:46px;object-fit:contain}.drotto-product-story__features strong{color:var(--dr-inverse);font-size:10px;line-height:1.25}.drotto-product-story__features span{color:var(--dr-on-dark-muted);font-size:8px;line-height:1.2}
@media(max-width:980px){.drotto-product-story__stage{grid-template-areas:"hero hero" "a b" "c d";grid-template-columns:1fr 1fr;grid-template-rows:minmax(280px,auto) auto auto;min-height:0}.drotto-product-story__stage>figure img{max-height:390px}.drotto-product-story__card{padding:16px}.drotto-product-story__features{grid-template-columns:repeat(4,1fr);row-gap:18px}.drotto-product-story__features>div:nth-child(4n+1){border-left:0}}
@media(max-width:620px){.drotto-description-divider{margin:25px 0}.drotto-product-story>header{text-align:left}.drotto-product-story__stage{grid-template-areas:"hero" "a" "b" "c" "d";grid-template-columns:1fr;grid-template-rows:minmax(210px,auto);gap:2px;padding:18px 18px 20px}.drotto-product-story__stage>figure img{max-height:280px}.drotto-product-story__card{grid-template-columns:58px 1fr;padding:16px 4px}.drotto-product-story__card>i{width:54px;height:54px}.drotto-product-story__card strong{font-size:13px}.drotto-product-story__features{grid-template-columns:repeat(3,1fr);margin-inline:16px;padding-bottom:18px}.drotto-product-story__features>div{border-left:0;border-top:1px solid color-mix(in srgb,var(--dr-inverse) 10%,transparent);padding-top:12px}.drotto-product-story__features>div:nth-child(-n+3){border-top:0}}
.drotto-specs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.drotto-specs-grid>div{min-height:104px;padding:20px;border:1px solid var(--dr-line-soft);border-radius:var(--oc-button-radius);background:var(--dr-surface)}.drotto-specs-grid span{display:block;font-size:calc(var(--dr-body-size) * 0.625);color:var(--dr-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.drotto-specs-grid strong{display:block;font-size:calc(var(--dr-body-size) * 0.9375);line-height:1.4;color:var(--dr-text)}
.drotto-info-card{display:grid;grid-template-columns:64px 1fr;gap:22px;align-items:start;max-width:850px;padding:26px;border:1px solid var(--dr-primary-border);border-radius:var(--oc-radius);background:linear-gradient(135deg,var(--dr-surface),var(--dr-surface))}.drotto-info-card__icon{width:56px;height:56px;border-radius:50%;background:var(--dr-primary-soft);color:var(--dr-primary);display:grid;place-items:center;font-size:calc(var(--dr-body-size) * 1.625)}.drotto-info-card h3{margin:0 0 8px;font-size:var(--dr-h3);font-weight:var(--dr-h3-weight);line-height:var(--dr-h3-lh)}.drotto-info-card p{margin:0 0 9px;line-height:1.65;color:var(--dr-text-soft)}.drotto-info-card small{color:var(--dr-muted)}
.drotto-delivery-grid{display:grid;grid-template-columns:minmax(220px,.36fr) 1fr;gap:30px}.drotto-delivery-summary{padding:24px;border-radius:var(--oc-radius);background:var(--dr-dark-soft);color:var(--dr-inverse)}.drotto-delivery-summary span{display:block;color:var(--dr-accent);font-size:calc(var(--dr-body-size) * 0.625);text-transform:uppercase;letter-spacing:.14em}.drotto-delivery-summary strong{display:block;font-size:calc(var(--dr-body-size) * 1.625);margin:8px 0}.drotto-delivery-summary p{margin:0;color:var(--dr-on-dark-muted);line-height:1.55;font-size:calc(var(--dr-body-size) * 0.8125)}.drotto-delivery-copy{padding:10px 0}.drotto-delivery-copy h3{margin-top:0}.drotto-delivery-copy p,.drotto-delivery-copy .oc-prose{color:var(--dr-text-soft);line-height:1.7}

/* Why */
.drotto-why{display:grid;grid-template-columns:1.35fr repeat(4,1fr);gap:0;border:1px solid var(--dr-line-soft);border-radius:var(--oc-radius);background:var(--dr-surface);margin:0 0 42px;padding:24px 22px;box-shadow:0 10px 30px color-mix(in srgb,var(--dr-secondary) 3%,transparent)}
.drotto-why__lead{padding:0 24px 0 0}.drotto-why__lead h2{font-size:var(--dr-h3);line-height:var(--dr-h3-lh);margin:0 0 6px;font-weight:var(--dr-h3-weight)}.drotto-why__lead p{margin:0;font-size:calc(var(--dr-body-size) * 0.6875);line-height:1.5;color:var(--dr-muted)}
.drotto-why__item{display:flex;align-items:center;gap:11px;padding:0 18px;border-left:1px solid var(--dr-line-soft);min-width:0}.drotto-why__item>svg{flex:0 0 auto;color:var(--dr-primary);font-size:calc(var(--dr-body-size) * 1.75)}.drotto-why__item strong{display:block;font-size:calc(var(--dr-body-size) * 0.625)}.drotto-why__item span{display:block;margin-top:3px;color:var(--dr-muted);font-size:calc(var(--dr-body-size) * 0.5625);line-height:1.35}

/* Related */
.drotto-related{padding-top:6px}.drotto-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.drotto-section-head h2{font-size:var(--dr-h2);font-weight:var(--dr-h2-weight);line-height:var(--dr-h2-lh);margin:7px 0 0}.drotto-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.drotto-product-card{border:1px solid var(--dr-line-soft);border-radius:var(--oc-radius);background:var(--dr-surface);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.drotto-product-card:hover{transform:translateY(-3px);box-shadow:var(--dr-shadow)}
.drotto-product-card__image{display:block;aspect-ratio:1.55/1;background:var(--dr-line-soft);overflow:hidden;color:var(--dr-muted);text-decoration:none}.drotto-product-card__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.drotto-product-card:hover .drotto-product-card__image img{transform:scale(1.025)}.drotto-product-card__image span{height:100%;display:grid;place-items:center}
.drotto-product-card__body{padding:15px 16px 17px}.drotto-product-card__body>span{font-size:calc(var(--dr-body-size) * 0.5625);color:var(--dr-primary);text-transform:uppercase;letter-spacing:.12em;font-weight:750}.drotto-product-card h3{font-size:var(--dr-h4);font-weight:var(--dr-h4-weight);line-height:var(--dr-h4-lh);margin:5px 0 9px}.drotto-product-card h3 a{color:var(--dr-text);text-decoration:none}.drotto-related-price{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}.drotto-related-price strong{color:var(--dr-primary-strong);font-size:calc(var(--dr-body-size) * 1.25)}.drotto-related-price del{order:-1;color:var(--dr-muted);font-size:calc(var(--dr-body-size) * .68);font-weight:600;text-decoration-thickness:1.5px}.drotto-card-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--dr-line-soft);padding-top:11px;color:var(--dr-primary-strong);text-decoration:none;font-size:calc(var(--dr-body-size) * 0.6875);font-weight:750}

/* Lightbox */
.drotto-lightbox{position:fixed;inset:0;z-index:1000;background:color-mix(in srgb,var(--dr-dark) 94%,transparent);display:grid;place-items:center;padding:48px}.drotto-lightbox[hidden]{display:none}.drotto-lightbox img{max-width:min(1200px,92vw);max-height:88vh;object-fit:contain}.drotto-lightbox button{position:absolute;right:24px;top:20px;width:46px;height:46px;border:1px solid color-mix(in srgb,var(--dr-inverse) 30%,transparent);border-radius:50%;background:transparent;color:var(--dr-inverse);font-size:calc(var(--dr-body-size) * 1.875);cursor:pointer}

/* Responsive */
@media(max-width:1100px){
  .drotto-product-hero{grid-template-columns:1fr;gap:28px}.drotto-gallery{max-width:820px}.drotto-buybox{max-width:820px}
  .drotto-why{grid-template-columns:repeat(2,1fr);gap:20px}.drotto-why__lead{grid-column:1/-1;padding:0 0 4px}.drotto-why__item{border-left:0;padding:0}
}
@media(max-width:860px){
  .drotto-theme .oc-header.is-mobile-open .oc-header-col.has-menu{background:var(--dr-dark-soft);color:var(--dr-inverse);border-color:color-mix(in srgb,var(--dr-inverse) 10%,transparent)}
  .drotto-tabs__nav{display:flex;overflow-x:auto}.drotto-tabs__nav button{flex:0 0 auto;min-width:160px}.drotto-tabs__nav button:last-child{min-width:220px}
  .drotto-specs-grid{grid-template-columns:repeat(2,1fr)}
  .drotto-related-grid{grid-template-columns:repeat(2,1fr)}
}

/* =========================================================
   Dr. Otto Theme v1.3.9.3 — Store contact CTA
   Builder: 5-column Layout Container, class: magaza-cta
   The section spacing stays under Builder control; only the card is themed.
   ========================================================= */
.magaza-cta.oc-layout-section{
  padding-top:4px;
  padding-bottom:4px;
}
.magaza-cta .oc-layout-grid{
  grid-template-columns:34fr 18fr repeat(3,16fr);
  gap:0;
  align-items:stretch;
  margin-block:6px;
  overflow:hidden;
  border:1px solid var(--dr-line-soft);
  border-radius:12px;
  background:
    radial-gradient(ellipse at 18% 0%,color-mix(in srgb,var(--dr-accent) 6%,transparent),transparent 46%),
    radial-gradient(ellipse at 88% 100%,color-mix(in srgb,var(--dr-primary) 5%,transparent),transparent 43%),
    repeating-linear-gradient(0deg,color-mix(in srgb,var(--dr-secondary) 1.6%,transparent) 0 1px,transparent 1px 4px),
    repeating-linear-gradient(90deg,color-mix(in srgb,var(--dr-primary) 1.2%,transparent) 0 1px,transparent 1px 5px),
    linear-gradient(180deg,var(--dr-surface) 0%,var(--dr-primary-softer) 100%);
  box-shadow:var(--dr-shadow-soft);
}
.magaza-cta .oc-layout-column{
  min-height:118px;
  justify-content:center;
  gap:0;
  padding:16px 22px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.magaza-cta .oc-layout-column:nth-child(1){
  padding-left:30px;
}
.magaza-cta .oc-layout-column:nth-child(1) .oc-layout-item>.oc-section>.oc-container{
  display:flex;
  min-height:0;
  flex-direction:column;
  justify-content:center;
}
.magaza-cta .oc-layout-column:nth-child(1) :is(h2,h3){
  margin:0 0 6px;
  color:var(--dr-text-strong);
  font-size:clamp(24px,1.55vw,30px);
  line-height:1.12;
  font-weight:var(--dr-h3-weight);
  letter-spacing:-.025em;
  white-space:nowrap;
}
.magaza-cta .oc-layout-column:nth-child(1) .oc-prose{
  max-width:58ch;
  color:var(--dr-muted);
  font-size:calc(var(--dr-body-size)*.78);
  line-height:1.5;
}
.magaza-cta .oc-layout-column:nth-child(1) .oc-prose p{
  margin:0;
}
.magaza-cta .oc-layout-column:nth-child(2){
  padding-inline:16px;
}
.magaza-cta .oc-layout-column:nth-child(2) .oc-layout-button,
.magaza-cta .oc-layout-column:nth-child(2) .oc-layout-button>a{
  width:100%;
}
.magaza-cta .oc-layout-column:nth-child(2) .oc-layout-button>a{
  display:flex;
  min-height:48px;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:0 18px;
  border:1px solid var(--dr-primary);
  border-radius:var(--oc-button-radius);
  background:var(--dr-primary);
  color:var(--dr-inverse);
  box-shadow:0 10px 24px color-mix(in srgb,var(--dr-primary) 18%,transparent);
  font-size:calc(var(--dr-body-size)*.72);
  font-weight:600;
  line-height:1.25;
  text-align:center;
  text-decoration:none;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.magaza-cta .oc-layout-column:nth-child(2) .oc-layout-button>a::after{
  content:"→";
  flex:0 0 auto;
  font-size:1.2em;
  line-height:1;
}
.magaza-cta .oc-layout-column:nth-child(2) .oc-layout-button>a:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px color-mix(in srgb,var(--dr-primary) 24%,transparent);
  filter:saturate(1.06);
}
.magaza-cta .oc-layout-column:nth-child(n+3){
  position:relative;
  padding:16px 18px;
  box-shadow:none;
  transition:background-color .2s ease;
}
.magaza-cta .oc-layout-column:nth-child(n+3)::after{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:1px;
  height:52%;
  transform:translateY(-50%);
  background:var(--dr-line-soft);
  pointer-events:none;
}
.magaza-cta .oc-layout-column:nth-child(n+3):hover{
  background-color:var(--dr-primary-softer);
}
.magaza-cta .oc-layout-column:nth-child(n+3)>.oc-layout-item{
  width:100%;
}
.magaza-cta .oc-layout-column:nth-child(n+3) .oc-layout-iconbox{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  align-items:center;
  column-gap:13px;
  height:auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transform:none;
}
.magaza-cta .oc-layout-column:nth-child(n+3) .oc-layout-iconbox__icon{
  grid-column:1;
  grid-row:1;
  width:44px;
  height:44px;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--dr-primary);
}
.magaza-cta .oc-layout-column:nth-child(n+3) .oc-layout-iconbox__icon img{
  width:34px;
  height:34px;
  object-fit:contain;
}
.magaza-cta .oc-layout-column:nth-child(n+3) .oc-layout-iconbox__icon.has-drotto-cta-mask{
  background-color:var(--dr-primary);
  -webkit-mask-image:var(--drotto-cta-icon);
  mask-image:var(--drotto-cta-icon);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:34px 34px;
  mask-size:34px 34px;
}
.magaza-cta .oc-layout-column:nth-child(n+3) .oc-layout-iconbox__icon.has-drotto-cta-mask img{
  opacity:0;
}
.magaza-cta .oc-layout-column:nth-child(n+3) .oc-layout-iconbox__icon:has(>span)::before{
  content:"";
  display:block;
  width:34px;
  height:34px;
  background-color:var(--dr-primary);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}
.magaza-cta .oc-layout-column:nth-child(n+3) .oc-layout-iconbox__icon:has(>span)>span{
  display:none;
}
.magaza-cta .oc-layout-column:nth-child(3) .oc-layout-iconbox__icon:has(>span)::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.69 2.8a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.33 1.85.56 2.81.69A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.69 2.8a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.33 1.85.56 2.81.69A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
}
.magaza-cta .oc-layout-column:nth-child(4) .oc-layout-iconbox__icon:has(>span)::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3Cpath d='M8 9h8M8 13h5'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3Cpath d='M8 9h8M8 13h5'/%3E%3C/svg%3E");
}
.magaza-cta .oc-layout-column:nth-child(5) .oc-layout-iconbox__icon:has(>span)::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 5-8 12-8 12S4 15 4 10a8 8 0 1 1 16 0z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
}
.magaza-cta .oc-layout-column:nth-child(n+3) .oc-layout-iconbox__copy{
  grid-column:2;
  grid-row:1;
  min-width:0;
}
.magaza-cta .oc-layout-column:nth-child(n+3) .oc-layout-iconbox h3{
  margin:0 0 4px;
  color:var(--dr-text-strong);
  font-family:var(--oc-font);
  font-size:calc(var(--dr-body-size)*.76);
  line-height:1.35;
  font-weight:600;
  letter-spacing:-.01em;
}
.magaza-cta .oc-layout-column:nth-child(n+3) .oc-layout-iconbox p{
  margin:0;
  color:var(--dr-muted);
  font-size:calc(var(--dr-body-size)*.72);
  line-height:1.42;
}

/* Builder exposes the advanced class on the icon item itself. */
.magaza-cta .cta-contact-link{
  position:relative;
  inset:auto;
  z-index:1;
  width:100%;
}

@media(min-width:701px) and (max-width:1180px){
  .magaza-cta .oc-layout-grid{
    grid-template-columns:repeat(6,minmax(0,1fr));
  }
  .magaza-cta .oc-layout-column:nth-child(1){
    grid-column:span 4;
  }
  .magaza-cta .oc-layout-column:nth-child(1) :is(h2,h3){
    white-space:normal;
  }
  .magaza-cta .oc-layout-column:nth-child(2){
    grid-column:span 2;
    box-shadow:none;
  }
  .magaza-cta .oc-layout-column:nth-child(n+3){
    grid-column:span 2;
    min-height:100px;
    padding-block:16px;
    box-shadow:none;
  }
  .magaza-cta .oc-layout-column:nth-child(n+3)::before{
    content:"";
    position:absolute;
    left:18px;
    right:18px;
    top:0;
    height:1px;
    background:var(--dr-line-soft);
    pointer-events:none;
  }
  .magaza-cta .oc-layout-column:nth-child(3)::after{
    display:none;
  }
}

@media(max-width:700px){
  .magaza-cta .oc-layout-grid{
    grid-template-columns:1fr;
    border-radius:10px;
  }
  .magaza-cta .oc-layout-column,
  .magaza-cta .oc-layout-column:nth-child(1),
  .magaza-cta .oc-layout-column:nth-child(2),
  .magaza-cta .oc-layout-column:nth-child(n+3){
    grid-column:1;
    min-height:0;
    padding:0 22px;
    box-shadow:none;
  }
  .magaza-cta .oc-layout-column:nth-child(1){
    padding-top:21px;
    padding-bottom:11px;
  }
  .magaza-cta .oc-layout-column:nth-child(1) :is(h2,h3){
    font-size:var(--dr-h3-mobile);
    white-space:normal;
  }
  .magaza-cta .oc-layout-column:nth-child(2){
    padding-top:5px;
    padding-bottom:20px;
  }
  .magaza-cta .oc-layout-column:nth-child(2) .oc-layout-button>a{
    width:min(100%,320px);
    min-height:46px;
  }
  .magaza-cta .oc-layout-column:nth-child(n+3){
    min-height:78px;
    padding-top:14px;
    padding-bottom:14px;
    box-shadow:none;
  }
  .magaza-cta .oc-layout-column:nth-child(n+3)::after{
    display:none;
  }
  .magaza-cta .oc-layout-column:nth-child(n+3)::before{
    content:"";
    position:absolute;
    left:22px;
    right:22px;
    top:0;
    height:1px;
    background:var(--dr-line-soft);
    pointer-events:none;
  }
  .magaza-cta .oc-layout-column:nth-child(n+3) .oc-layout-iconbox{
    grid-template-columns:44px minmax(0,1fr);
  }
  .magaza-cta .oc-layout-column:nth-child(n+3) .oc-layout-iconbox__icon{
    width:44px;
    height:44px;
  }
  .magaza-cta .oc-layout-column:nth-child(n+3) .oc-layout-iconbox__icon img{
    width:34px;
    height:34px;
  }
  .magaza-cta .oc-layout-column:nth-child(n+3) .oc-layout-iconbox__icon.has-drotto-cta-mask{
    -webkit-mask-size:34px 34px;
    mask-size:34px 34px;
  }
}
@media(max-width:640px){
  .drotto-section-head h2{font-size:var(--dr-h2-mobile);line-height:var(--dr-h2-lh)}
  .drotto-product>.oc-container{width:min(100% - 28px,var(--oc-container,1380px))}.drotto-breadcrumb{min-height:48px;font-size:calc(var(--dr-body-size) * 0.625)}
  .drotto-product-hero{padding:0 0 38px}.drotto-gallery__stage{aspect-ratio:1/1.02}.drotto-gallery__thumbs{grid-template-columns:repeat(4,1fr);gap:7px}.drotto-gallery__thumb{border-radius:4px}
  .drotto-buybox h1{font-size:var(--dr-h1-mobile);line-height:var(--dr-h1-lh)}.drotto-wishlist span{display:none}.drotto-series-pill{width:100%;margin-left:0;max-width:max-content}
  .drotto-firmness-step span{font-size:calc(var(--dr-body-size) * 0.5)}.drotto-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:14px 0}.drotto-meta-item,.drotto-meta-item:first-child,.drotto-meta-item:last-child{grid-template-columns:1fr;justify-items:center;align-content:start;text-align:center;gap:5px;padding:0 6px;border-right:1px solid var(--dr-line-soft)}.drotto-meta-item:last-child{border-right:0}.drotto-meta-item>svg{font-size:calc(var(--dr-body-size) * 1.45)}.drotto-meta-item span{font-size:calc(var(--dr-body-size) * 0.48);line-height:1.2;margin-bottom:0;white-space:normal}.drotto-meta-item strong{font-size:calc(var(--dr-body-size) * 0.58);line-height:1.25;white-space:normal;overflow:visible;text-overflow:clip}.drotto-stock{grid-template-columns:1fr}.drotto-stock>i{width:9px;height:9px;margin:0 auto}.drotto-actions{grid-template-columns:82px 1fr}.drotto-buy-now{grid-column:1/-1}.drotto-trust-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.drotto-trust-row>div{flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;gap:5px}.drotto-trust-row svg{font-size:calc(var(--dr-body-size) * 1.4)}.drotto-trust-row strong{font-size:calc(var(--dr-body-size) * 0.54);line-height:1.25}.drotto-trust-row small{font-size:calc(var(--dr-body-size) * 0.44);line-height:1.25;white-space:normal}
  .drotto-tabs{margin-left:-2px;margin-right:-2px}.drotto-tab-panel{padding:20px}.drotto-specs-grid{grid-template-columns:1fr}.drotto-info-card{grid-template-columns:1fr}.drotto-delivery-grid{grid-template-columns:1fr}
  .drotto-why{grid-template-columns:1fr;margin-bottom:34px;padding:20px;gap:18px}.drotto-why__lead{grid-column:auto}.drotto-why__item{border-top:1px solid var(--dr-line-soft);padding-top:15px}
  .drotto-related-grid{grid-template-columns:1fr}.drotto-fallback-footer .oc-container{align-items:flex-start;flex-direction:column}.drotto-lightbox{padding:20px}
}
/* Dr. Otto header is intentionally dark in every state. */
.drotto-theme .oc-header .oc-site-logo--adaptive .oc-logo-art--dark{opacity:0!important;visibility:hidden!important}
.drotto-theme .oc-header .oc-site-logo--adaptive .oc-logo-art--light{opacity:1!important;visibility:visible!important}
.drotto-theme .oc-header .oc-site-logo:not(.oc-site-logo--adaptive)>img{filter:brightness(0) invert(1)}

/* Commerce 0.3.4 — Dr. Otto ürün detay iyileştirmeleri */
/* Ana satın alma aksiyonu doğrudan Global Tasarım Sistemi > Primary tokenını kullanır. */
.drotto-add-cart{background:var(--oc-primary)!important;border-color:var(--oc-primary)!important;color:var(--oc-text-inverse)!important;box-shadow:0 10px 24px color-mix(in srgb,var(--oc-primary) 18%,transparent)}
.drotto-add-cart:hover{background:color-mix(in srgb,var(--oc-primary) 86%,var(--oc-secondary))!important;border-color:color-mix(in srgb,var(--oc-primary) 86%,var(--oc-secondary))!important}

/* Seri ve sertlik etiketleri aynı görsel sistem. */
.drotto-series-pill,.drotto-firmness-value{border-radius:var(--oc-button-radius);padding:7px 13px;line-height:1.25;font-weight:750}

/* Kısa açıklama + öne çıkan teknik bilgiler: 70 / 30. */
.drotto-summary-row{margin:15px 0 22px}
.drotto-summary-row.has-quick-specs{display:grid;grid-template-columns:minmax(0,7fr) minmax(190px,3fr);gap:24px;align-items:stretch}
.drotto-summary-row .drotto-summary{margin:0;max-width:none}
.drotto-quick-specs{display:grid;align-content:start;gap:0;border-left:1px solid var(--dr-line-soft);padding-left:20px;min-width:0}
.drotto-quick-spec{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;padding:5px 0 14px;min-width:0}
.drotto-quick-spec+.drotto-quick-spec{padding-top:14px;border-top:1px solid var(--dr-line-soft)}
.drotto-quick-spec__icon{width:42px;height:42px;display:grid;place-items:center;color:var(--dr-primary);border:1px solid var(--dr-primary-border);border-radius:var(--oc-button-radius);background:var(--dr-primary-soft)}
.drotto-quick-spec__icon::before{content:"";display:block;width:25px;height:25px;background:var(--oc-primary);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}
.drotto-quick-spec__icon--height::before{-webkit-mask-image:url("height.svg");mask-image:url("height.svg")}
.drotto-quick-spec__icon--fabric::before{-webkit-mask-image:url("bed.svg");mask-image:url("bed.svg")}
.drotto-quick-spec small{display:block;margin-bottom:3px;color:var(--dr-muted);font-size:calc(var(--dr-body-size) * .5625);font-weight:650;line-height:1.25}
.drotto-quick-spec strong{display:block;color:var(--dr-text-strong);font-size:calc(var(--dr-body-size) * .875);line-height:1.25;overflow-wrap:anywhere}
.drotto-quick-spec em{display:block;margin-top:4px;color:var(--dr-muted);font-size:calc(var(--dr-body-size) * .5625);font-style:normal;line-height:1.3}
.drotto-specs-grid>div>small{display:block;margin-top:6px;color:var(--dr-muted);font-size:calc(var(--dr-body-size) * .625);line-height:1.35}

/* Native dropdown içinde ölçüler Tek / Çift Kişilik başlıklarıyla gruplanır. */
.drotto-select-wrap optgroup{font-weight:800;color:var(--dr-text-strong)}
.drotto-select-wrap option{font-weight:500;color:var(--dr-text)}

@media(max-width:1180px){.drotto-summary-row.has-quick-specs{grid-template-columns:minmax(0,1fr) minmax(220px,.38fr)}}
@media(max-width:760px){.drotto-summary-row.has-quick-specs{grid-template-columns:1fr;gap:18px}.drotto-quick-specs{border-left:0;border-top:1px solid var(--dr-line-soft);padding:16px 0 0;grid-template-columns:1fr 1fr;gap:14px}.drotto-quick-spec{padding:0}.drotto-quick-spec+.drotto-quick-spec{padding-top:0;border-top:0;border-left:1px solid var(--dr-line-soft);padding-left:14px}}
@media(max-width:440px){.drotto-quick-specs{grid-template-columns:1fr}.drotto-quick-spec+.drotto-quick-spec{border-left:0;border-top:1px solid var(--dr-line-soft);padding-left:0;padding-top:14px}}

/* Commerce 0.4.0 — title subtitle + rating */
.drotto-title-meta{display:flex;align-items:center;gap:14px;min-height:28px;margin:0 0 15px;color:var(--dr-text-soft)}
.drotto-title-meta .drotto-subtitle{margin:0;flex:0 1 auto}
.drotto-title-meta .drotto-rating{position:relative;padding-left:15px}
.drotto-title-meta .drotto-rating:before{content:"";position:absolute;left:0;top:50%;width:1px;height:18px;background:var(--dr-line-soft);transform:translateY(-50%)}
.drotto-rating{display:inline-flex;align-items:center;gap:7px;font-size:calc(var(--dr-body-size) * .72);white-space:nowrap}
.drotto-rating__stars{position:relative;display:inline-block;line-height:1;font-size:calc(var(--dr-body-size) * .82);letter-spacing:.08em;color:var(--dr-border)}
.drotto-rating__stars i,.drotto-rating__stars b{font-style:normal;font-weight:800;display:block}
.drotto-rating__stars b{position:absolute;left:0;top:0;overflow:hidden;color:var(--dr-accent);white-space:nowrap}
.drotto-rating>strong{font-family:var(--oc-font);font-size:inherit;color:var(--dr-text);font-weight:700}.drotto-rating>span:last-child{color:var(--dr-muted)}
@media(max-width:640px){.drotto-title-meta{flex-wrap:wrap;gap:8px 12px}.drotto-title-meta .drotto-rating{padding-left:12px}.drotto-rating{font-size:calc(var(--dr-body-size) * .66)}}
.drotto-title-meta .drotto-rating:first-child{padding-left:0}.drotto-title-meta .drotto-rating:first-child:before{display:none}

/* Commerce 0.6.0 — fixed review gold + premium catalog/archive */
:root{--dr-rating-gold:#c99a2e}
.drotto-rating__stars b,.drotto-card-rating .drotto-rating__stars b{color:var(--dr-rating-gold)!important}

.drotto-archive{background:var(--dr-surface);padding:0 0 88px;min-height:70vh}
.drotto-archive>.oc-container{width:min(var(--oc-container,1380px),calc(100% - 48px))}
.drotto-archive-hero{padding:34px 0 38px;border-bottom:1px solid var(--dr-line-soft);max-width:900px}
.drotto-archive-hero h1{margin:8px 0 10px;font-size:var(--dr-h1);line-height:var(--dr-h1-lh);color:var(--dr-text-strong)}
.drotto-archive-hero p{margin:0;max-width:760px;color:var(--dr-text-soft);line-height:1.7;font-size:calc(var(--dr-body-size)*.9)}
.drotto-active-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:16px 0 0}
.drotto-active-filters span{display:inline-flex;align-items:center;min-height:34px;padding:6px 11px;border:1px solid var(--dr-primary-border);border-radius:var(--oc-button-radius);background:var(--dr-primary-soft);color:var(--dr-primary-strong);font-size:calc(var(--dr-body-size)*.62);font-weight:700}
.drotto-active-filters a{margin-left:4px;color:var(--dr-muted);font-size:calc(var(--dr-body-size)*.62);font-weight:650;text-decoration:none}
.drotto-active-filters a:hover{color:var(--dr-primary)}
.drotto-catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0 18px;color:var(--dr-muted);font-size:calc(var(--dr-body-size)*.72)}
.drotto-catalog-toolbar>div:first-child strong{color:var(--dr-text);font-size:1.05em}
.drotto-sort-form label{display:flex;align-items:center;gap:10px;font-weight:650;color:var(--dr-muted)}
.drotto-sort-form select{height:42px;min-width:185px;border:1px solid var(--dr-border);border-radius:var(--oc-button-radius);background:var(--dr-surface);color:var(--dr-text);padding:0 36px 0 13px;outline:0}
.drotto-sort-form select:focus{border-color:var(--dr-primary)}
.drotto-mobile-actions{display:none}
.drotto-catalog-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:34px;align-items:start}
.drotto-filter-sidebar{position:sticky;top:104px;border:1px solid var(--dr-line-soft);border-radius:var(--oc-radius);background:var(--dr-surface);box-shadow:var(--dr-shadow-soft);overflow:hidden}
.drotto-filter-form{min-width:0}
.drotto-filter-section{border-bottom:1px solid var(--dr-line-soft)}
.drotto-filter-section__head{width:100%;height:54px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;color:var(--dr-text);font-weight:750;font-size:calc(var(--dr-body-size)*.72);cursor:pointer;text-align:left}
.drotto-filter-section__head i{font-style:normal;color:var(--dr-muted);font-size:1.4em;font-weight:350;transition:transform .2s ease}
.drotto-filter-section.is-open .drotto-filter-section__head i{transform:rotate(45deg)}
.drotto-filter-section__body{display:none;padding:0 16px 16px}
.drotto-filter-section.is-open .drotto-filter-section__body{display:block}
.drotto-filter-option{position:relative;display:flex;align-items:center;gap:10px;min-height:34px;color:var(--dr-text-soft);font-size:calc(var(--dr-body-size)*.66);cursor:pointer}
.drotto-filter-option input{appearance:none;width:16px;height:16px;border:1px solid var(--dr-border);border-radius:50%;background:var(--dr-surface);margin:0;display:grid;place-items:center;flex:none}
.drotto-filter-option input:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--dr-primary);transform:scale(0);transition:.15s ease}
.drotto-filter-option input:checked{border-color:var(--dr-primary)}.drotto-filter-option input:checked:after{transform:scale(1)}
.drotto-filter-option:has(input:checked){color:var(--dr-text);font-weight:700}
.drotto-filter-option.is-parent{font-weight:700;color:var(--dr-text);margin-top:2px}.drotto-filter-option.is-child{padding-left:20px}
.drotto-filter-category-group+.drotto-filter-category-group{margin-top:5px}
.drotto-filter-sizes{max-height:260px;overflow:auto;padding-right:8px}
.drotto-price-filter{display:grid;grid-template-columns:1fr 1fr;gap:9px}.drotto-price-filter label span{display:block;margin-bottom:5px;color:var(--dr-muted);font-size:calc(var(--dr-body-size)*.55)}.drotto-price-filter input{width:100%;height:38px;border:1px solid var(--dr-border);border-radius:var(--oc-button-radius);padding:0 9px;background:var(--dr-surface);color:var(--dr-text);outline:0}.drotto-price-filter input:focus{border-color:var(--dr-primary)}
.drotto-filter-submit{display:grid;grid-template-columns:.7fr 1.3fr;gap:8px;padding:14px}.drotto-filter-submit a,.drotto-filter-submit button{height:42px;display:grid;place-items:center;border-radius:var(--oc-button-radius);font-size:calc(var(--dr-body-size)*.62);font-weight:750;text-decoration:none}.drotto-filter-submit a{border:1px solid var(--dr-border);color:var(--dr-text)}.drotto-filter-submit button{border:1px solid var(--dr-primary);background:var(--dr-primary);color:var(--dr-inverse);cursor:pointer}

.drotto-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;min-width:0}
.drotto-catalog-card{position:relative;min-width:0;height:100%;display:flex;flex-direction:column;border:1px solid var(--dr-line-soft);border-radius:var(--oc-radius);background:var(--dr-surface);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.drotto-catalog-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--dr-primary) 24%,var(--dr-border));box-shadow:var(--dr-shadow)}
.drotto-catalog-card__media{position:relative;aspect-ratio:1.35/1;background:var(--dr-media-bg);overflow:hidden}
.drotto-catalog-card__media>a{display:block;width:100%;height:100%;color:var(--dr-muted);text-decoration:none}.drotto-catalog-card__media>a>span{height:100%;display:grid;place-items:center}
.drotto-catalog-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.drotto-catalog-card:hover .drotto-catalog-card__media img{transform:scale(1.025)}
.drotto-card-badge{position:absolute;left:14px;top:14px;padding:7px 11px;border-radius:var(--oc-button-radius);background:var(--dr-primary);color:var(--dr-inverse);font-size:calc(var(--dr-body-size)*.56);font-weight:800;box-shadow:0 5px 15px color-mix(in srgb,var(--dr-secondary) 14%,transparent)}
.drotto-card-heart{position:absolute;right:12px;top:11px;width:38px;height:38px;border-radius:50%;border:1px solid color-mix(in srgb,var(--dr-inverse) 45%,transparent);background:color-mix(in srgb,var(--dr-dark) 28%,transparent);color:var(--dr-inverse);font-size:25px;line-height:1;cursor:pointer;backdrop-filter:blur(7px)}
.drotto-card-heart:hover{background:var(--dr-surface);color:var(--dr-primary);border-color:var(--dr-primary-border)}
.drotto-catalog-card__body{padding:15px 15px 16px;display:flex;flex:1;flex-direction:column}.drotto-catalog-card__body h2{min-height:2.45em;margin:0 0 7px;font-family:var(--oc-heading-font);font-size:var(--dr-h4);line-height:var(--dr-h4-lh);font-weight:var(--dr-h4-weight)}.drotto-catalog-card__body h2 a{color:var(--dr-text-strong);text-decoration:none}.drotto-catalog-card__body>p{margin:8px 0 9px;color:var(--dr-muted);font-size:calc(var(--dr-body-size)*.72);line-height:1.5;min-height:2.9em}
.drotto-card-rating{display:flex;align-items:center;gap:6px;margin:0 0 7px;color:var(--dr-muted);font-size:calc(var(--dr-body-size)*.57)}.drotto-card-rating strong{color:var(--dr-text);font-size:1em}.drotto-card-rating .drotto-rating__stars{font-size:calc(var(--dr-body-size)*.67)}
.drotto-card-price-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:7px 0 10px}.drotto-card-price{display:flex;align-items:baseline;gap:8px;margin:0;min-width:0}.drotto-card-price strong{font-size:calc(var(--dr-body-size)*1.02);font-weight:800;color:var(--dr-primary-strong)}.drotto-card-price del{order:-1;font-size:calc(var(--dr-body-size)*.62);font-weight:600;color:var(--dr-muted);text-decoration-thickness:1.5px;text-decoration-color:color-mix(in srgb,var(--dr-muted) 72%,transparent)}.drotto-card-price del.is-hidden{display:none}
.drotto-card-sizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:10px}.drotto-card-sizes button{height:33px;padding:0 4px;border:1px solid var(--dr-line-soft);border-radius:calc(var(--oc-button-radius)*.72);background:var(--dr-surface);color:var(--dr-text-soft);font-size:calc(var(--dr-body-size)*.72);font-weight:650;cursor:pointer;white-space:nowrap}.drotto-card-sizes button:hover{border-color:var(--dr-primary-border);color:var(--dr-primary-strong)}.drotto-card-sizes button.is-active{background:var(--dr-primary-soft);border-color:var(--dr-primary);color:var(--dr-primary-strong);font-weight:800}.drotto-card-sizes button:disabled{opacity:.38;cursor:not-allowed;text-decoration:line-through}
.drotto-card-cart{width:100%;height:44px;margin-top:auto;border:1px solid var(--dr-primary);border-radius:var(--oc-button-radius);background:var(--dr-primary);color:#fff;font-weight:800;font-size:calc(var(--dr-body-size)*.66);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.drotto-card-cart__icon{width:19px;height:19px;display:inline-grid;place-items:center;color:#fff;flex:0 0 auto}.drotto-card-cart__icon svg{display:block;width:100%;height:100%}.drotto-card-cart:hover{background:var(--dr-primary-strong);border-color:var(--dr-primary-strong);color:#fff}.drotto-card-cart:disabled{opacity:.5;cursor:not-allowed}
.drotto-empty-state{grid-column:1/-1;text-align:center;padding:76px 24px;border:1px dashed var(--dr-border);border-radius:var(--oc-radius);background:var(--dr-primary-softer)}.drotto-empty-state h2{margin:0 0 10px;font-size:var(--dr-h3)}.drotto-empty-state p{color:var(--dr-muted)}.drotto-empty-state a{display:inline-grid;place-items:center;margin-top:12px;height:42px;padding:0 18px;border-radius:var(--oc-button-radius);background:var(--dr-primary);color:var(--dr-inverse);text-decoration:none;font-weight:750}
.drotto-pagination{display:flex;justify-content:center;gap:7px;padding:38px 0 0}.drotto-pagination a{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--dr-border);border-radius:var(--oc-button-radius);color:var(--dr-text);text-decoration:none;font-weight:700;font-size:calc(var(--dr-body-size)*.63)}.drotto-pagination a.is-active{background:var(--dr-primary);color:var(--dr-inverse);border-color:var(--dr-primary)}

.drotto-filter-drawer[hidden]{display:none}.drotto-filter-drawer{position:fixed;inset:0;z-index:1500}.drotto-filter-backdrop{position:absolute;inset:0;border:0;background:color-mix(in srgb,var(--dr-dark) 58%,transparent);opacity:0;transition:.22s ease}.drotto-filter-sheet{position:absolute;left:0;right:0;bottom:0;max-height:88dvh;display:flex;flex-direction:column;background:var(--dr-surface);border-radius:22px 22px 0 0;transform:translateY(105%);transition:.25s ease;box-shadow:0 -16px 60px color-mix(in srgb,var(--dr-secondary) 18%,transparent)}.drotto-filter-drawer.is-open .drotto-filter-backdrop{opacity:1}.drotto-filter-drawer.is-open .drotto-filter-sheet{transform:translateY(0)}.drotto-filter-sheet__head{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid var(--dr-line-soft)}.drotto-filter-sheet__head div{display:flex;align-items:baseline;gap:7px;color:var(--dr-muted)}.drotto-filter-sheet__head strong{font-size:calc(var(--dr-body-size)*1.05);color:var(--dr-text)}.drotto-filter-sheet__head button{width:38px;height:38px;border:1px solid var(--dr-border);border-radius:50%;background:var(--dr-surface);color:var(--dr-text);font-size:25px;cursor:pointer}.drotto-filter-form--mobile{overflow:auto;padding-bottom:82px}.drotto-filter-form--mobile .drotto-filter-section__head{height:58px;padding:0 20px}.drotto-filter-form--mobile .drotto-filter-section__body{padding:0 20px 18px}.drotto-filter-sheet__footer{position:sticky;bottom:0;z-index:2;display:grid;grid-template-columns:.7fr 1.3fr;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--dr-surface);border-top:1px solid var(--dr-line-soft)}.drotto-filter-sheet__footer a,.drotto-filter-sheet__footer button{height:48px;border-radius:var(--oc-button-radius);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:calc(var(--dr-body-size)*.66);text-decoration:none}.drotto-filter-sheet__footer a{border:1px solid var(--dr-border);color:var(--dr-text)}.drotto-filter-sheet__footer button{border:1px solid var(--dr-primary);background:var(--dr-primary);color:var(--dr-inverse)}.drotto-filter-lock{overflow:hidden}

@media(max-width:1180px){.drotto-catalog-layout{grid-template-columns:220px minmax(0,1fr);gap:22px}.drotto-product-grid{gap:16px}.drotto-card-sizes{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.drotto-filter-sidebar{display:none}.drotto-catalog-layout{grid-template-columns:1fr}.drotto-mobile-actions{display:block}.drotto-mobile-actions button{height:42px;padding:0 14px;border:1px solid var(--dr-border);border-radius:var(--oc-button-radius);background:var(--dr-surface);color:var(--dr-text);font-weight:750}.drotto-catalog-toolbar{display:grid;grid-template-columns:1fr auto auto}.drotto-sort-form label>span{display:none}.drotto-sort-form label{font-size:0}.drotto-sort-form select{min-width:150px}.drotto-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.drotto-archive>.oc-container{width:min(100% - 24px,var(--oc-container,1380px))}.drotto-archive-hero{padding:20px 0 24px}.drotto-archive-hero h1{font-size:var(--dr-h1-mobile)}.drotto-archive-hero p{font-size:calc(var(--dr-body-size)*.72)}.drotto-catalog-toolbar{padding:17px 0 13px;gap:8px}.drotto-sort-form select{min-width:132px;height:40px;font-size:calc(var(--dr-body-size)*.6)}.drotto-mobile-actions button{height:40px;font-size:calc(var(--dr-body-size)*.61)}.drotto-product-grid{gap:10px}.drotto-catalog-card__media{aspect-ratio:1.18/1}.drotto-catalog-card__body{padding:11px 10px 12px}.drotto-catalog-card__body h2{font-size:calc(var(--dr-body-size)*.82);line-height:1.25;margin-bottom:5px}.drotto-catalog-card__body>p{display:none}.drotto-card-rating{gap:4px;margin-bottom:5px;font-size:calc(var(--dr-body-size)*.49)}.drotto-card-rating .drotto-rating__stars{font-size:calc(var(--dr-body-size)*.54);letter-spacing:.03em}.drotto-card-price-row{gap:6px;margin:6px 0 8px}.drotto-card-price{margin:0}.drotto-card-price strong{font-size:calc(var(--dr-body-size)*.82)}.drotto-card-price del{font-size:calc(var(--dr-body-size)*.5)}.drotto-card-sizes{grid-template-columns:repeat(2,1fr);gap:4px}.drotto-card-sizes button{height:29px;font-size:calc(var(--dr-body-size)*.72);padding:0 2px}.drotto-card-cart{height:39px;font-size:calc(var(--dr-body-size)*.55)}.drotto-card-badge{left:8px;top:8px;padding:5px 8px;font-size:calc(var(--dr-body-size)*.47)}.drotto-card-heart{right:7px;top:7px;width:32px;height:32px;font-size:21px}.drotto-pagination{padding-top:28px}.drotto-pagination a{width:36px;height:36px}}

/* Commerce 0.6.1 — premium horizontal filters + hierarchical category archive */
.drotto-filter-zone{position:relative;border-bottom:1px solid var(--dr-line-soft);margin-bottom:24px}
.drotto-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0}
.drotto-horizontal-filter-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.drotto-filter-popover{position:relative}
.drotto-filter-popover>summary{list-style:none;height:42px;display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid var(--dr-line-soft);border-radius:var(--oc-button-radius);background:var(--dr-surface-soft);color:var(--dr-text);font-size:calc(var(--dr-body-size)*.64);font-weight:720;cursor:pointer;user-select:none;transition:border-color .16s ease,background .16s ease,color .16s ease}
.drotto-filter-popover>summary::-webkit-details-marker{display:none}
.drotto-filter-popover>summary em{font-style:normal;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dr-primary-strong);font-size:.9em;font-weight:800}
.drotto-filter-popover>summary i{font-style:normal;margin-left:1px;color:var(--dr-muted);font-size:14px;transition:transform .18s ease}
.drotto-filter-popover[open]>summary{border-color:var(--dr-primary-border);background:var(--dr-primary-soft);color:var(--dr-primary-strong)}
.drotto-filter-popover[open]>summary i{transform:rotate(180deg)}
.drotto-filter-popover__panel{position:absolute;left:0;top:calc(100% + 8px);z-index:80;width:240px;padding:12px 14px;border:1px solid var(--dr-line-soft);border-radius:var(--oc-radius);background:var(--dr-surface);box-shadow:0 16px 46px color-mix(in srgb,var(--dr-secondary) 14%,transparent)}
.drotto-filter-popover__panel--category{width:310px;max-height:430px;overflow:auto}
.drotto-filter-popover__panel--scroll{max-height:360px;overflow:auto}
.drotto-filter-popover__panel--price{width:320px}
.drotto-filter-popover__apply{width:100%;height:38px;margin-top:10px;border:1px solid var(--dr-primary);border-radius:var(--oc-button-radius);background:var(--dr-primary);color:var(--dr-inverse);font-weight:800;cursor:pointer}
.drotto-filter-more{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;border:1px solid var(--dr-border);border-radius:var(--oc-button-radius);background:var(--dr-surface);color:var(--dr-text);font-size:calc(var(--dr-body-size)*.64);font-weight:750;cursor:pointer}
.drotto-filter-more:hover{border-color:var(--dr-primary-border);color:var(--dr-primary-strong)}
.drotto-filter-bar__tools{display:flex;align-items:center;gap:18px;margin-left:auto;flex:none}
.drotto-filter-bar__tools>strong{white-space:nowrap;color:var(--dr-text);font-size:calc(var(--dr-body-size)*.64)}
.drotto-filter-bar__tools .drotto-sort-form select{height:42px;min-width:170px;background:var(--dr-surface-soft);border-color:var(--dr-line-soft)}
.drotto-mobile-filterbar{display:none}

.drotto-category-links{display:grid;gap:3px}
.drotto-category-links a{display:flex;align-items:center;min-height:34px;padding:6px 8px;border-radius:calc(var(--oc-button-radius)*.75);color:var(--dr-text-soft);font-size:calc(var(--dr-body-size)*.62);text-decoration:none;transition:background .15s ease,color .15s ease}
.drotto-category-links a:hover{background:var(--dr-surface-soft);color:var(--dr-text)}
.drotto-category-links a.is-active{background:var(--dr-primary-soft);color:var(--dr-primary-strong);font-weight:800}
.drotto-category-links__group{display:grid;gap:2px;padding-top:3px}
.drotto-category-links__parent{font-weight:800!important;color:var(--dr-text)!important}
.drotto-category-links__child{padding-left:24px!important}
.drotto-category-links__child:before{content:"↳";margin-right:7px;color:var(--dr-muted)}
.drotto-category-links--mobile{gap:5px}.drotto-category-links--mobile a{min-height:40px;font-size:calc(var(--dr-body-size)*.67)}

.drotto-filter-zone .drotto-active-filters{padding:0 0 16px}
.drotto-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.drotto-card-firmness{display:inline-flex;align-items:center;gap:7px;width:max-content;max-width:100%;margin:0;padding:5px 8px;border:1px solid var(--dr-line-soft);border-radius:999px;background:var(--dr-surface-soft);color:var(--dr-text-soft);font-size:calc(var(--dr-body-size)*.54);line-height:1}
.drotto-card-firmness>span{width:6px;height:6px;border-radius:50%;background:var(--dr-primary);box-shadow:0 0 0 3px var(--dr-primary-soft)}
.drotto-card-firmness strong{font-size:1em;color:var(--dr-text);font-weight:760}

@media(min-width:901px){
  .drotto-filter-zone{position:relative;z-index:35}
  .drotto-filter-sheet{top:0;right:0;bottom:0;left:auto;width:30vw;min-width:360px;max-width:520px;height:100dvh;max-height:none;border-radius:var(--oc-radius) 0 0 var(--oc-radius);transform:translateX(105%);box-shadow:-18px 0 60px color-mix(in srgb,var(--dr-secondary) 18%,transparent)}
  .drotto-filter-drawer.is-open .drotto-filter-sheet{transform:translateX(0)}
  .drotto-filter-form--mobile{flex:1;min-height:0;overflow:auto;padding-bottom:82px}
}

@media(max-width:1180px){
  .drotto-filter-bar{align-items:flex-start}
  .drotto-horizontal-filter-form{gap:6px}
  .drotto-filter-popover>summary,.drotto-filter-more{height:40px;padding:0 11px}
  .drotto-filter-popover>summary em{display:none}
  .drotto-filter-bar__tools{gap:10px}
  .drotto-product-grid{gap:17px}
}

@media(max-width:900px){
  .drotto-filter-zone{margin-bottom:16px}
  .drotto-filter-bar{padding:0;border:0}
  .drotto-horizontal-filter-form,.drotto-filter-bar__tools{display:none}
  .drotto-mobile-filterbar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px 0 10px}
  .drotto-mobile-filterbar>button{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;border:1px solid var(--dr-primary-border);border-radius:var(--oc-button-radius);background:var(--dr-primary-soft);color:var(--dr-primary-strong);font-weight:800;cursor:pointer}
  .drotto-mobile-filterbar>span{text-align:center;color:var(--dr-muted);font-size:calc(var(--dr-body-size)*.58);font-weight:700}
  .drotto-mobile-sort-form select{height:42px;max-width:138px;border:1px solid var(--dr-border);border-radius:var(--oc-button-radius);background:var(--dr-surface);color:var(--dr-text);padding:0 30px 0 10px;font-size:calc(var(--dr-body-size)*.58);font-weight:700;outline:0}
  .drotto-filter-zone .drotto-active-filters{padding:0 0 12px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .drotto-filter-zone .drotto-active-filters::-webkit-scrollbar{display:none}
  .drotto-filter-zone .drotto-active-filters span{white-space:nowrap}
  .drotto-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}

@media(max-width:640px){
  .drotto-filter-zone{margin-bottom:13px}
  .drotto-mobile-filterbar{gap:7px;padding:10px 0 9px}
  .drotto-mobile-filterbar>button,.drotto-mobile-sort-form select{height:39px}
  .drotto-mobile-filterbar>button{padding:0 11px;font-size:calc(var(--dr-body-size)*.57)}
  .drotto-mobile-sort-form select{max-width:118px;font-size:calc(var(--dr-body-size)*.53)}
  .drotto-card-firmness{margin:0;padding:4px 6px;font-size:calc(var(--dr-body-size)*.46)}
  .drotto-card-firmness>span{width:5px;height:5px}
}


/* v0.6.3 — mobile catalog refinements */
@media(max-width:900px){
  .drotto-mobile-filterbar{
    display:flex;
    align-items:center;
    gap:8px;
    padding:13px 0 11px;
    white-space:nowrap;
  }
  .drotto-mobile-filterbar>button{
    order:1;
    flex:0 0 auto;
    height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:0 16px;
    border:1px solid var(--dr-line-soft);
    border-radius:var(--oc-button-radius);
    background:var(--dr-surface-soft);
    color:var(--dr-text);
    font-weight:780;
  }
  .drotto-mobile-filter-trigger i{
    font-style:normal;
    font-size:18px;
    line-height:1;
    color:var(--dr-text);
    transform:translateY(-1px);
  }
  .drotto-mobile-sort-form{order:2;flex:0 0 auto;margin:0}
  .drotto-mobile-sort-form select{
    height:42px;
    min-width:134px;
    max-width:150px;
    border:1px solid var(--dr-line-soft);
    border-radius:var(--oc-button-radius);
    background:var(--dr-surface-soft);
    color:var(--dr-text);
    padding:0 31px 0 14px;
    font-size:calc(var(--dr-body-size)*.62);
    font-weight:750;
  }
  .drotto-mobile-result-count{
    order:3;
    margin-left:auto;
    text-align:right!important;
    color:var(--dr-text)!important;
    font-size:calc(var(--dr-body-size)*.6)!important;
    font-weight:750!important;
  }
  /* Mobile stays clean: selected values are visible inside the filter sheet. */
  .drotto-filter-zone .drotto-active-filters{display:none}
  .drotto-filter-sheet__footer{grid-template-columns:1fr}
  .drotto-filter-sheet__footer a{display:none}
}

@media(max-width:640px){
  .drotto-product-grid{grid-template-columns:1fr;gap:18px}
  .drotto-mobile-filterbar{gap:7px;overflow:hidden}
  .drotto-mobile-filterbar>button,
  .drotto-mobile-sort-form select{height:40px}
  .drotto-mobile-filterbar>button{padding:0 13px;font-size:calc(var(--dr-body-size)*.61)}
  .drotto-mobile-sort-form select{min-width:124px;max-width:132px;font-size:calc(var(--dr-body-size)*.59)}
  .drotto-mobile-result-count{font-size:calc(var(--dr-body-size)*.56)!important}

  /* Restore comfortable card proportions now that cards are single-column. */
  .drotto-catalog-card__media{aspect-ratio:1.42/1}
  .drotto-catalog-card__body{padding:16px 16px 17px}
  .drotto-catalog-card__body h2{font-size:calc(var(--dr-body-size)*1.02);line-height:1.22;margin-bottom:7px}
  .drotto-card-rating{font-size:calc(var(--dr-body-size)*.58);margin-bottom:7px}
  .drotto-card-rating .drotto-rating__stars{font-size:calc(var(--dr-body-size)*.65)}
  .drotto-card-price strong{font-size:calc(var(--dr-body-size)*1.02)}
  .drotto-card-sizes{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .drotto-card-sizes button{height:36px;font-size:calc(var(--dr-body-size)*.62);padding:0 3px}
  .drotto-card-cart{height:48px;font-size:calc(var(--dr-body-size)*.65)}
}

@media(max-width:420px){
  .drotto-mobile-filterbar>button{padding:0 11px}
  .drotto-mobile-sort-form select{min-width:116px;max-width:120px;padding-left:10px}
  .drotto-mobile-result-count{font-size:calc(var(--dr-body-size)*.52)!important}
  .drotto-card-sizes{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Commerce v0.7.0 — Cart & Checkout */
.drotto-commerce-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px 0 34px;border-bottom:1px solid var(--oc-border)}
.drotto-commerce-head>div:first-child>span{display:block;margin-bottom:8px;color:var(--oc-primary);font-size:.72em;font-weight:800;letter-spacing:.18em}.drotto-commerce-head h2{margin:0;font-family:var(--oc-heading-font);font-size:var(--dr-h2);line-height:var(--dr-h2-lh);font-weight:var(--dr-h2-weight)}
.drotto-cart,.drotto-checkout,.drotto-order-success{padding:18px 0 90px}.drotto-cart-layout,.drotto-checkout-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:42px;align-items:start;padding-top:34px}
.drotto-cart-items{display:grid;gap:14px}.drotto-cart-item{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;padding:16px;border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-surface)}
.drotto-cart-item__image{display:block;aspect-ratio:4/3;border-radius:calc(var(--oc-radius) * .7);overflow:hidden;background:var(--oc-surface-soft)}.drotto-cart-item__image img{width:100%;height:100%;object-fit:cover}.drotto-cart-item__content{display:flex;flex-direction:column;justify-content:space-between;min-width:0}.drotto-cart-item__top{display:flex;justify-content:space-between;gap:20px}.drotto-cart-item h2{margin:2px 0 8px;font-size:1.25em}.drotto-cart-item h2 a{color:var(--oc-text);text-decoration:none}.drotto-cart-item__option{display:block;color:var(--oc-text-muted);margin-bottom:5px}.drotto-cart-item small{color:var(--oc-text-muted)}.drotto-cart-item__price{white-space:nowrap;font-size:1.15em}.drotto-cart-item__bottom{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:14px}.drotto-cart-item__bottom>span{color:var(--oc-text-muted);font-size:.9em}.drotto-cart-qty-form label{display:flex;align-items:center;gap:9px;font-size:.88em;color:var(--oc-text-muted)}.drotto-cart-qty-form select{height:38px;padding:0 28px 0 12px;border:1px solid var(--oc-border);border-radius:10px;background:var(--oc-surface);font:inherit;color:var(--oc-text)}.drotto-cart-remove{border:0;background:none;color:var(--oc-text-muted);font:inherit;text-decoration:underline;cursor:pointer}
.drotto-order-summary{position:sticky;top:22px;padding:26px;border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-surface);box-shadow:0 18px 50px color-mix(in srgb,var(--oc-text) 7%,transparent)}.drotto-order-summary h2{margin:0 0 22px;font-size:1.35em}.drotto-order-summary dl{margin:0;padding:0 0 18px;border-bottom:1px solid var(--oc-border)}.drotto-order-summary dl div{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.drotto-order-summary dt{color:var(--oc-text-muted)}.drotto-order-summary dd{margin:0;font-weight:700}.drotto-order-summary .is-free{color:var(--oc-primary)}.drotto-order-total{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:20px 0}.drotto-order-total span{font-weight:700}.drotto-order-total strong{font-size:1.7em}.drotto-checkout-button,.drotto-checkout-submit{display:flex;width:100%;min-height:56px;align-items:center;justify-content:center;gap:12px;border:1px solid var(--oc-primary);border-radius:var(--oc-button-radius);background:var(--oc-primary);color:var(--oc-text-inverse);font:inherit;font-weight:800;text-decoration:none;cursor:pointer;transition:.2s ease}.drotto-checkout-button:hover,.drotto-checkout-submit:hover{filter:brightness(.94);transform:translateY(-1px)}.drotto-checkout-button.is-disabled{pointer-events:none;opacity:.45}.drotto-summary-trust{display:grid;gap:7px;padding:17px 0;color:var(--oc-text-muted);font-size:.82em}.drotto-continue-shopping{display:block;text-align:center;color:var(--oc-text);font-weight:700;text-decoration:none;font-size:.88em}.drotto-cart-empty{max-width:680px;margin:70px auto;padding:50px;text-align:center;border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-surface-soft)}.drotto-cart-empty>div{font-size:44px}.drotto-cart-empty h2{font-size:2em;margin:12px 0 8px}.drotto-cart-empty p{color:var(--oc-text-muted)}.drotto-cart-empty a{display:inline-flex;margin-top:15px;padding:14px 24px;border-radius:var(--oc-button-radius);background:var(--oc-primary);color:var(--oc-text-inverse);text-decoration:none;font-weight:800}
.drotto-checkout-security{color:var(--oc-text-muted);font-size:.9em}.drotto-checkout-fields{display:grid;gap:18px}.drotto-checkout-card{padding:26px;border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-surface)}.drotto-checkout-card__head{display:flex;gap:14px;align-items:flex-start;margin-bottom:24px}.drotto-checkout-card__head>b{display:grid;place-items:center;min-width:38px;height:38px;border-radius:12px;background:var(--oc-surface-dark);color:var(--oc-text-inverse);font-size:.82em}.drotto-checkout-card__head h2{margin:1px 0 4px;font-size:1.25em}.drotto-checkout-card__head p{margin:0;color:var(--oc-text-muted);font-size:.9em}.drotto-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.drotto-form-grid label,.drotto-order-note{display:grid;gap:7px}.drotto-form-grid label.wide,.drotto-order-note.wide{grid-column:1/-1}.drotto-form-grid label>span,.drotto-order-note>span{font-size:.86em;font-weight:700}.drotto-form-grid input,.drotto-form-grid textarea,.drotto-order-note textarea{width:100%;border:1px solid var(--oc-border);border-radius:12px;background:var(--oc-surface);color:var(--oc-text);font:inherit;padding:13px 14px;outline:0;transition:.18s}.drotto-form-grid input:focus,.drotto-form-grid textarea:focus,.drotto-order-note textarea:focus{border-color:var(--oc-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--oc-primary) 10%,transparent)}.drotto-invoice-switch{display:flex;gap:10px;margin-bottom:18px}.drotto-invoice-switch input{position:absolute;opacity:0}.drotto-invoice-switch span{display:block;padding:10px 17px;border:1px solid var(--oc-border);border-radius:999px;cursor:pointer;font-weight:700}.drotto-invoice-switch input:checked+span{border-color:var(--oc-primary);background:color-mix(in srgb,var(--oc-primary) 8%,var(--oc-surface));color:var(--oc-primary)}.drotto-corporate-fields{display:none}.drotto-corporate-fields.is-visible{display:grid}.drotto-payment-method{display:grid;grid-template-columns:42px minmax(0,1fr) 24px;align-items:center;gap:14px;padding:16px;border:1px solid var(--oc-primary);border-radius:14px;background:color-mix(in srgb,var(--oc-primary) 5%,var(--oc-surface));cursor:pointer}.drotto-payment-method>input{position:absolute;opacity:0}.drotto-payment-method__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--oc-surface);color:var(--oc-primary);font-size:1.4em}.drotto-payment-method strong,.drotto-payment-method small{display:block}.drotto-payment-method small{margin-top:3px;color:var(--oc-text-muted);font-size:.82em}.drotto-payment-method>i{color:var(--oc-primary);font-style:normal;font-weight:900}.drotto-order-note{margin-top:18px}.drotto-checkout-agreements{display:grid;gap:10px;padding:2px 4px}.drotto-checkout-agreements label{display:flex;gap:10px;align-items:flex-start;color:var(--oc-text-muted);font-size:.87em}.drotto-checkout-agreements input{margin-top:3px;accent-color:var(--oc-primary)}.drotto-checkout-products{display:grid;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--oc-border)}.drotto-checkout-products>div{display:flex;justify-content:space-between;gap:15px}.drotto-checkout-products strong,.drotto-checkout-products small{display:block}.drotto-checkout-products small{margin-top:3px;color:var(--oc-text-muted);font-size:.8em}.drotto-checkout-products b{white-space:nowrap}.drotto-checkout-note{margin:12px 0 0;color:var(--oc-text-muted);font-size:.78em;line-height:1.5}.drotto-checkout-error{margin-top:20px;padding:14px 17px;border:1px solid #d55757;border-radius:12px;background:#fff4f4;color:#972f2f;font-weight:700}
.drotto-order-success{min-height:64vh;display:grid;align-items:center}.drotto-order-success section{max-width:760px;margin:50px auto;text-align:center;padding:50px;border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-surface)}.drotto-success-mark{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 20px;border-radius:50%;background:color-mix(in srgb,var(--oc-primary) 10%,var(--oc-surface));color:var(--oc-primary);font-size:32px;font-weight:900}.drotto-order-success section>span{color:var(--oc-primary);font-weight:800;letter-spacing:.13em;font-size:.72em}.drotto-order-success h2{font-size:var(--dr-h2);line-height:var(--dr-h2-lh);font-weight:var(--dr-h2-weight);margin:10px 0}.drotto-order-success p{max-width:600px;margin:0 auto;color:var(--oc-text-muted);line-height:1.7}.drotto-success-order{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:30px 0;background:var(--oc-border);border:1px solid var(--oc-border);border-radius:14px;overflow:hidden}.drotto-success-order>div{padding:18px;background:var(--oc-surface)}.drotto-success-order small,.drotto-success-order strong{display:block}.drotto-success-order small{color:var(--oc-text-muted);margin-bottom:5px}.drotto-order-success section>a{display:inline-flex;padding:14px 24px;border-radius:var(--oc-button-radius);background:var(--oc-primary);color:var(--oc-text-inverse);text-decoration:none;font-weight:800}
.drotto-toast{position:fixed;right:24px;bottom:24px;z-index:99999;max-width:340px;padding:13px 18px;border-radius:12px;background:var(--oc-surface-dark);color:var(--oc-text-inverse);box-shadow:0 14px 50px #0003;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.drotto-toast.is-show{opacity:1;transform:none}
@media(max-width:900px){.drotto-cart-layout,.drotto-checkout-layout{grid-template-columns:1fr;gap:20px}.drotto-order-summary{position:static}.drotto-commerce-head{align-items:flex-start}.drotto-cart-item{grid-template-columns:120px minmax(0,1fr)}.drotto-checkout-summary{order:-1}.drotto-success-order{grid-template-columns:1fr}}
@media(max-width:620px){.drotto-cart,.drotto-checkout{padding-bottom:55px}.drotto-commerce-head{padding:14px 0 24px}.drotto-commerce-head h2{font-size:var(--dr-h2-mobile);line-height:var(--dr-h2-lh)}.drotto-commerce-head>strong,.drotto-checkout-security{display:none}.drotto-cart-item{grid-template-columns:92px minmax(0,1fr);gap:12px;padding:10px}.drotto-cart-item__top{display:block}.drotto-cart-item__price{display:block;margin-top:10px}.drotto-cart-item__bottom{gap:10px}.drotto-checkout-card{padding:18px}.drotto-form-grid{grid-template-columns:1fr}.drotto-form-grid label.wide{grid-column:auto}.drotto-order-summary{padding:20px}.drotto-order-success section{padding:30px 18px;margin:28px auto}.drotto-success-order{grid-template-columns:1fr}.drotto-toast{left:16px;right:16px;bottom:16px;max-width:none;text-align:center}}

/* Dr. Otto Commerce 0.7.1 — premium cart + progressive checkout */
.drotto-checkout-button{color:var(--oc-text-inverse)!important}.drotto-checkout-button span,.drotto-checkout-button b{color:inherit}.drotto-checkout-button b{font-size:1.15em}
.drotto-cart-item{padding:20px;box-shadow:0 10px 30px color-mix(in srgb,var(--oc-text) 4%,transparent)}.drotto-cart-benefit{display:flex;align-items:center;gap:10px;margin-top:14px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--oc-primary) 20%,var(--oc-border));border-radius:12px;background:color-mix(in srgb,var(--oc-primary) 5%,var(--oc-surface));max-width:520px}.drotto-cart-benefit__icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--oc-surface);color:var(--oc-primary);flex:0 0 auto}.drotto-cart-benefit svg{width:19px;height:19px}.drotto-cart-benefit strong,.drotto-cart-benefit small{display:block}.drotto-cart-benefit strong{font-size:.86em}.drotto-cart-benefit small{margin-top:2px;font-size:.76em}.drotto-summary-trust{gap:10px}.drotto-summary-trust>span{display:flex;align-items:center;gap:9px}.drotto-summary-trust i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:color-mix(in srgb,var(--oc-primary) 7%,var(--oc-surface));color:var(--oc-primary)}.drotto-summary-trust svg{width:16px;height:16px}.drotto-summary-trust b{font-weight:650;color:var(--oc-text-muted)}.drotto-cart-empty__icon{width:58px;height:58px!important;margin:auto;display:grid;place-items:center;border-radius:18px;background:color-mix(in srgb,var(--oc-primary) 8%,var(--oc-surface));color:var(--oc-primary)}.drotto-cart-empty__icon svg{width:28px;height:28px}
.drotto-checkout{background:var(--oc-surface-soft)}.drotto-checkout>.oc-container{padding-bottom:30px}.drotto-checkout .drotto-commerce-head,.drotto-checkout .drotto-breadcrumb{background:transparent}.drotto-checkout-security{display:flex;align-items:center;gap:7px}.drotto-checkout-security svg{width:17px;height:17px;color:var(--oc-primary)}
.drotto-checkout-access{margin:12px 0 24px;padding:24px;border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-surface);box-shadow:0 12px 34px color-mix(in srgb,var(--oc-text) 4%,transparent)}.drotto-checkout-access__head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.drotto-checkout-access__head small{display:block;color:var(--oc-primary);font-weight:850;letter-spacing:.12em;font-size:.68em}.drotto-checkout-access__head h2{margin:5px 0 0;font-size:1.4em}.drotto-access-logout{border:0;background:none;color:var(--oc-text-muted);font:inherit;text-decoration:underline;cursor:pointer}.drotto-access-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.drotto-access-option{display:grid;grid-template-columns:42px 1fr;gap:2px 11px;text-align:left;align-items:center;padding:14px;border:1px solid var(--oc-border);border-radius:14px;background:var(--oc-surface);color:var(--oc-text);font:inherit;cursor:pointer;transition:.2s}.drotto-access-option:hover,.drotto-access-option.is-active{border-color:var(--oc-primary);background:color-mix(in srgb,var(--oc-primary) 5%,var(--oc-surface));transform:translateY(-1px)}.drotto-access-option.is-disabled{opacity:.5;cursor:not-allowed;transform:none}.drotto-access-icon{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--oc-surface-soft);color:var(--oc-primary)}.drotto-access-icon svg{width:21px;height:21px}.drotto-access-option strong{font-size:.88em}.drotto-access-option small{font-size:.72em;color:var(--oc-text-muted);line-height:1.35}.drotto-access-panels>div{margin-top:14px;padding-top:14px;border-top:1px solid var(--oc-border)}.drotto-access-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}.drotto-access-form--register{grid-template-columns:repeat(2,1fr)}.drotto-access-form label{display:grid;gap:6px}.drotto-access-form label span{font-size:.8em;font-weight:750}.drotto-access-form input{height:46px;padding:0 13px;border:1px solid var(--oc-border);border-radius:11px;background:var(--oc-surface-soft);font:inherit;color:var(--oc-text)}.drotto-access-form input:focus{outline:0;border-color:var(--oc-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--oc-primary) 10%,transparent)}.drotto-access-form button{height:46px;padding:0 18px;border:0;border-radius:var(--oc-button-radius);background:var(--oc-primary);color:var(--oc-text-inverse);font:inherit;font-weight:800;cursor:pointer}.drotto-access-form .wide{grid-column:1/-1}.drotto-customer-active{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;background:var(--oc-surface-soft)}.drotto-customer-active strong,.drotto-customer-active small{display:block}.drotto-customer-active small{margin-top:2px;color:var(--oc-text-muted)}
.drotto-checkout-layout{padding-top:0}.drotto-checkout-fields{gap:12px}.drotto-checkout-step{border:1px solid var(--oc-border);border-radius:var(--oc-radius);background:var(--oc-surface);overflow:hidden;box-shadow:0 8px 26px color-mix(in srgb,var(--oc-text) 3%,transparent)}.drotto-checkout-step__head{width:100%;display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;text-align:left;padding:19px 22px;border:0;background:var(--oc-surface);color:var(--oc-text);font:inherit;cursor:pointer}.drotto-checkout-step__head>b{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--oc-surface-dark);color:var(--oc-text-inverse);font-size:.78em}.drotto-checkout-step__head h2{margin:0 0 3px;font-size:1.18em}.drotto-checkout-step__head p{margin:0;color:var(--oc-text-muted);font-size:.82em}.drotto-checkout-step__head>span{padding:6px 9px;border-radius:999px;background:var(--oc-surface-soft);color:var(--oc-text-muted);font-size:.7em;font-weight:800}.drotto-checkout-step.is-active .drotto-checkout-step__head>span{background:color-mix(in srgb,var(--oc-primary) 9%,var(--oc-surface));color:var(--oc-primary)}.drotto-checkout-step__body{display:none;padding:0 22px 22px;border-top:1px solid var(--oc-border)}.drotto-checkout-step.is-active .drotto-checkout-step__body{display:block;padding-top:20px}.drotto-form-grid input,.drotto-form-grid textarea,.drotto-order-note textarea,.drotto-access-form input{background:var(--oc-surface);box-shadow:inset 0 0 0 999px color-mix(in srgb,var(--oc-surface-soft) 42%,transparent)}.drotto-form-grid input::placeholder,.drotto-form-grid textarea::placeholder{color:color-mix(in srgb,var(--oc-text-muted) 70%,transparent)}.drotto-step-actions{display:flex;justify-content:flex-end;padding-top:18px}.drotto-step-actions button{min-width:148px;height:46px;padding:0 18px;border:1px solid var(--oc-primary);border-radius:var(--oc-button-radius);background:var(--oc-primary);color:var(--oc-text-inverse);font:inherit;font-weight:800;cursor:pointer}.drotto-step-actions--final button{min-width:190px}
.drotto-payment-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.drotto-payment-choice{display:grid;grid-template-columns:46px 1fr 24px;gap:12px;align-items:center;padding:16px;border:1px solid var(--oc-border);border-radius:14px;background:var(--oc-surface);cursor:pointer;transition:.18s}.drotto-payment-choice>input{position:absolute;opacity:0}.drotto-payment-choice.is-active{border-color:var(--oc-primary);background:color-mix(in srgb,var(--oc-primary) 5%,var(--oc-surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--oc-primary) 7%,transparent)}.drotto-payment-choice__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--oc-surface-soft);color:var(--oc-primary)}.drotto-payment-choice__icon svg{width:22px;height:22px}.drotto-payment-choice strong,.drotto-payment-choice small{display:block}.drotto-payment-choice small{margin-top:2px;color:var(--oc-text-muted);font-size:.75em}.drotto-payment-choice>i{opacity:0;color:var(--oc-primary);font-style:normal;font-weight:900}.drotto-payment-choice.is-active>i{opacity:1}.drotto-payment-panel{margin:10px 0 0;padding:16px;border:1px solid var(--oc-border);border-radius:14px;background:var(--oc-surface-soft)}.drotto-card-preview-note{display:flex;align-items:center;gap:11px;margin-bottom:14px}.drotto-card-preview-note strong,.drotto-card-preview-note small{display:block}.drotto-card-preview-note small{margin-top:2px;color:var(--oc-text-muted);font-size:.78em}.drotto-bank-box{display:grid;grid-template-columns:1fr 1fr;gap:12px}.drotto-bank-box>div{padding:11px;border-radius:11px;background:var(--oc-surface)}.drotto-bank-box small,.drotto-bank-box strong{display:block}.drotto-bank-box small{color:var(--oc-text-muted);font-size:.72em;margin-bottom:3px}.drotto-bank-box p{grid-column:1/-1;margin:0;padding:11px 12px;border-radius:11px;background:var(--oc-surface);color:var(--oc-text-muted);font-size:.82em}.drotto-mobile-summary-toggle,.drotto-checkout-mobile-bar{display:none}
@media(max-width:1000px){.drotto-access-options{grid-template-columns:1fr 1fr}.drotto-checkout-layout{grid-template-columns:1fr}.drotto-checkout-summary{order:-1}.drotto-checkout-summary .drotto-mobile-summary-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;padding:0 0 12px;border:0;background:none;color:var(--oc-text);font:inherit;font-weight:800}.drotto-checkout-summary .drotto-mobile-summary-body{display:none}.drotto-checkout-summary.is-open .drotto-mobile-summary-body{display:block}.drotto-checkout-summary h2{display:none}}
@media(max-width:680px){.drotto-checkout{padding-bottom:92px}.drotto-checkout-access{padding:16px}.drotto-checkout-access__head{display:block}.drotto-access-logout{margin-top:8px}.drotto-access-options{grid-template-columns:1fr}.drotto-access-option{grid-template-columns:38px 1fr;padding:11px}.drotto-access-icon{width:38px;height:38px}.drotto-access-form,.drotto-access-form--register{grid-template-columns:1fr}.drotto-access-form .wide{grid-column:auto}.drotto-checkout-step__head{grid-template-columns:36px 1fr auto;padding:15px}.drotto-checkout-step__head>b{width:34px;height:34px}.drotto-checkout-step__head p{display:none}.drotto-checkout-step__body{padding-left:15px;padding-right:15px}.drotto-payment-cards{grid-template-columns:1fr}.drotto-bank-box{grid-template-columns:1fr}.drotto-bank-box p{grid-column:auto}.drotto-checkout-mobile-bar{position:fixed;z-index:9995;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--oc-surface) 96%,transparent);border-top:1px solid var(--oc-border);backdrop-filter:blur(12px);box-shadow:0 -12px 34px color-mix(in srgb,var(--oc-text) 8%,transparent)}.drotto-checkout-mobile-bar small,.drotto-checkout-mobile-bar strong{display:block}.drotto-checkout-mobile-bar small{font-size:.68em;color:var(--oc-text-muted)}.drotto-checkout-mobile-bar button{min-width:130px;height:46px;border:0;border-radius:var(--oc-button-radius);background:var(--oc-primary);color:var(--oc-text-inverse);font:inherit;font-weight:850}.drotto-order-summary{padding:16px}.drotto-cart-item{grid-template-columns:86px 1fr;padding:10px}.drotto-cart-benefit{grid-column:1/-1}.drotto-summary-trust{grid-template-columns:repeat(3,1fr);gap:6px}.drotto-summary-trust>span{display:grid;justify-items:center;text-align:center;gap:5px}.drotto-summary-trust i{width:32px;height:32px}.drotto-summary-trust b{font-size:.72em}}

/* v0.7.2 — Premium account choice, auth pages and focused checkout shell */
.drotto-flow-page{background:var(--oc-surface-soft)}
.drotto-flow-header{position:relative;z-index:20;background:var(--oc-surface);border-bottom:1px solid var(--oc-border)}
.drotto-flow-header>.oc-container{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.drotto-flow-logo{display:inline-flex;align-items:center}.drotto-flow-logo img{display:block;max-height:43px;width:auto}
.drotto-flow-trust{display:flex;align-items:center;gap:10px;color:var(--oc-text-muted)}.drotto-flow-trust>i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--oc-primary) 8%,var(--oc-surface));color:var(--oc-primary)}.drotto-flow-trust svg{width:18px;height:18px}.drotto-flow-trust strong,.drotto-flow-trust small{display:block}.drotto-flow-trust strong{font-size:.82em;color:var(--oc-text)}.drotto-flow-trust small{font-size:.69em;margin-top:2px}
.drotto-flow-footer{background:var(--oc-surface);border-top:1px solid var(--oc-border);color:var(--oc-text-muted)}.drotto-flow-footer>.oc-container{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.78em}
.drotto-checkout-mode{display:flex;align-items:center;gap:10px;font-size:.78em;color:var(--oc-text-muted)}.drotto-checkout-mode a{color:var(--oc-primary);font-weight:800;text-decoration:none}.drotto-checkout-mode span{padding:8px 10px;border-radius:999px;background:var(--oc-surface);border:1px solid var(--oc-border)}
.drotto-checkout .drotto-form-grid input,.drotto-checkout .drotto-form-grid textarea,.drotto-checkout .drotto-order-note textarea{background:var(--oc-surface)!important;box-shadow:none!important;border-color:color-mix(in srgb,var(--oc-border) 86%,var(--oc-text) 14%)}
.drotto-checkout .drotto-checkout-step__body{background:color-mix(in srgb,var(--oc-surface) 96%,var(--oc-surface-soft))}

.drotto-auth-page{margin:0;background:var(--oc-surface);color:var(--oc-text)}
.drotto-auth-shell{min-height:100svh;display:grid;grid-template-columns:minmax(460px,42%) minmax(0,58%);background:var(--oc-surface)}
.drotto-auth-panel{min-width:0;display:flex;flex-direction:column;padding:30px clamp(26px,4vw,72px);background:var(--oc-surface)}
.drotto-auth-brand{display:flex;align-items:center;justify-content:space-between;gap:18px}.drotto-auth-brand img{display:block;max-height:46px;width:auto}.drotto-auth-back{font-size:.76em;color:var(--oc-text-muted);text-decoration:none}.drotto-auth-back:hover{color:var(--oc-primary)}
.drotto-auth-content{width:min(100%,590px);margin:auto 0;padding:46px 0}.drotto-auth-content--form{max-width:540px}.drotto-auth-eyebrow{display:block;margin-bottom:10px;color:var(--oc-primary);font-size:.72em;font-weight:900;letter-spacing:.14em}.drotto-auth-content h2{margin:0;font-family:var(--oc-heading-font);font-size:var(--dr-h2);font-weight:var(--dr-h2-weight);line-height:var(--dr-h2-lh);color:var(--oc-text)}.drotto-auth-lead{max-width:540px;margin:18px 0 26px;color:var(--oc-text-muted);line-height:1.75;font-size:.94em}
.drotto-auth-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;border-top:1px solid var(--oc-border);font-size:.68em;color:var(--oc-text-muted)}
.drotto-auth-visual{position:relative;min-height:100%;background-color:var(--oc-surface-dark);background-size:cover;background-position:center;overflow:hidden}.drotto-auth-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,10,17,.54))}.drotto-auth-visual>div{position:absolute;left:clamp(28px,4vw,70px);right:clamp(28px,4vw,70px);bottom:clamp(34px,6vw,82px);z-index:1;color:#fff}.drotto-auth-visual small{display:block;margin-bottom:10px;font-size:.7em;font-weight:900;letter-spacing:.16em}.drotto-auth-visual strong{font-family:var(--oc-heading-font);font-size:clamp(2rem,3.5vw,4rem);font-weight:500;line-height:1.04}
.drotto-choice-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 16px;padding:13px 15px;border-radius:14px;background:var(--oc-surface-soft);color:var(--oc-text-muted)}.drotto-choice-summary b,.drotto-choice-summary strong{color:var(--oc-text)}
.drotto-choice-list{display:grid;gap:10px}.drotto-choice-list form{margin:0}.drotto-choice-card{width:100%;display:grid;grid-template-columns:48px 1fr 28px;gap:13px;align-items:center;padding:16px 17px;border:1px solid var(--oc-border);border-radius:16px;background:var(--oc-surface);color:var(--oc-text);text-align:left;text-decoration:none;font:inherit;cursor:pointer;transition:.2s}.drotto-choice-card:hover{border-color:var(--oc-primary);transform:translateY(-1px);box-shadow:0 10px 26px color-mix(in srgb,var(--oc-text) 6%,transparent)}.drotto-choice-card--primary{background:color-mix(in srgb,var(--oc-primary) 5%,var(--oc-surface));border-color:color-mix(in srgb,var(--oc-primary) 52%,var(--oc-border))}.drotto-choice-card>i{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--oc-surface-soft);color:var(--oc-primary)}.drotto-choice-card svg{width:22px;height:22px}.drotto-choice-card strong,.drotto-choice-card small{display:block}.drotto-choice-card strong{font-size:.93em}.drotto-choice-card small{margin-top:3px;color:var(--oc-text-muted);font-size:.75em;line-height:1.4}.drotto-choice-card>b{justify-self:end;color:var(--oc-primary);font-size:1.1em}
.drotto-auth-divider{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin:19px 0;color:var(--oc-text-muted);font-size:.72em}.drotto-auth-divider:before,.drotto-auth-divider:after{content:"";height:1px;background:var(--oc-border)}
.drotto-social-login{width:100%;height:54px;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:0 16px;border:1px solid var(--oc-border);border-radius:16px;background:var(--oc-surface);color:var(--oc-text);font:inherit;font-weight:800}.drotto-social-login i{display:grid;place-items:center;color:var(--oc-text)}.drotto-social-login svg{width:20px;height:20px}.drotto-social-login small{color:var(--oc-text-muted);font-size:.7em;font-weight:700}.drotto-social-login:disabled{opacity:.55;cursor:not-allowed}
.drotto-auth-error{margin:0 0 16px;padding:12px 14px;border:1px solid color-mix(in srgb,#b42318 28%,var(--oc-border));border-radius:12px;background:color-mix(in srgb,#b42318 5%,var(--oc-surface));color:#8a1c13;font-size:.8em}
.drotto-auth-form{display:grid;gap:14px}.drotto-auth-form label{display:grid;gap:7px}.drotto-auth-form label>span{font-size:.79em;font-weight:800}.drotto-auth-form input{width:100%;height:52px;padding:0 14px;border:1px solid var(--oc-border);border-radius:13px;background:var(--oc-surface-soft);color:var(--oc-text);font:inherit;outline:0}.drotto-auth-form input:focus{background:var(--oc-surface);border-color:var(--oc-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--oc-primary) 10%,transparent)}.drotto-auth-form>button{height:54px;margin-top:2px;padding:0 18px;border:0;border-radius:var(--oc-button-radius);background:var(--oc-primary);color:var(--oc-text-inverse);font:inherit;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px}.drotto-auth-form>button b{font-size:1.1em}.drotto-auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.drotto-auth-secondary{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:17px;color:var(--oc-text-muted);font-size:.78em}.drotto-auth-secondary a{color:var(--oc-primary);font-weight:850;text-decoration:none}
.drotto-consents{display:grid;gap:10px;margin:4px 0 2px;padding:14px;border-radius:14px;background:var(--oc-surface-soft)}.drotto-consents label{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start}.drotto-consents input{width:17px;height:17px;margin-top:2px;accent-color:var(--oc-primary)}.drotto-consents span{font-size:.72em;line-height:1.55;color:var(--oc-text-muted)}.drotto-consents a{color:var(--oc-text);font-weight:800;text-decoration:underline;text-underline-offset:2px}.drotto-consents b{color:#b42318}

@media(max-width:980px){.drotto-auth-shell{grid-template-columns:1fr}.drotto-auth-panel{min-height:100svh;padding:24px clamp(20px,6vw,54px)}.drotto-auth-visual{display:none}.drotto-auth-content{width:min(100%,620px);margin:auto;padding:40px 0}.drotto-auth-footer{margin-top:auto}.drotto-flow-header>.oc-container{min-height:72px}.drotto-checkout-mode{margin-top:10px}.drotto-checkout .drotto-commerce-head{align-items:flex-start}}
@media(max-width:680px){.drotto-flow-header>.oc-container{min-height:66px}.drotto-flow-logo img{max-height:36px}.drotto-flow-trust small{display:none}.drotto-flow-trust>i{width:34px;height:34px}.drotto-flow-footer>.oc-container{min-height:58px;display:grid;justify-content:center;text-align:center;gap:4px;padding-top:10px;padding-bottom:10px}.drotto-auth-panel{padding:20px 18px}.drotto-auth-brand img{max-height:38px}.drotto-auth-content{padding:34px 0}.drotto-auth-content h2{font-size:var(--dr-h2-mobile);line-height:var(--dr-h2-lh)}.drotto-choice-card{grid-template-columns:43px 1fr 22px;padding:14px}.drotto-choice-card>i{width:43px;height:43px}.drotto-choice-card small{font-size:.71em}.drotto-auth-grid{grid-template-columns:1fr}.drotto-auth-footer{display:grid;justify-content:center;text-align:center;gap:4px}.drotto-checkout-mode{width:100%;justify-content:space-between}.drotto-checkout .drotto-commerce-head{display:block}.drotto-checkout .drotto-commerce-head h2{margin-bottom:12px}}

/* === Dr. Otto Commerce v0.7.3: checkout shell refinement === */
.drotto-checkout-brand{display:flex;align-items:center;padding:26px 0 16px}.drotto-checkout .drotto-breadcrumb{padding-top:0}.drotto-checkout .drotto-commerce-head{padding-top:18px}
.drotto-individual-fields{display:grid}.drotto-individual-fields.is-hidden{display:none}
.drotto-checkout-assurance{display:grid;gap:0;margin-top:18px;padding-top:8px;border-top:1px solid var(--oc-border)}.drotto-checkout-assurance>div{display:grid;grid-template-columns:40px 1fr;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid color-mix(in srgb,var(--oc-border) 78%,transparent)}.drotto-checkout-assurance>div:last-child{border-bottom:0}.drotto-checkout-assurance i{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--oc-primary) 8%,var(--oc-surface));color:var(--oc-primary)}.drotto-checkout-assurance svg{width:20px;height:20px}.drotto-checkout-assurance strong,.drotto-checkout-assurance small{display:block}.drotto-checkout-assurance strong{font-size:.82em;color:var(--oc-text)}.drotto-checkout-assurance small{margin-top:2px;color:var(--oc-text-muted);font-size:.72em;line-height:1.35}
.drotto-flow-footer nav{display:flex;align-items:center;gap:14px}.drotto-flow-footer nav a{color:var(--oc-text-muted);text-decoration:none}.drotto-flow-footer nav a:hover{color:var(--oc-primary)}
.drotto-checkout .drotto-payment-choice{min-height:86px}.drotto-checkout .drotto-payment-choice__icon{width:50px;height:50px;border-radius:14px}.drotto-checkout .drotto-payment-choice strong{font-size:.95em}.drotto-checkout .drotto-payment-choice small{font-size:.76em}
@media(max-width:680px){.drotto-checkout-brand{padding:18px 0 12px}.drotto-flow-footer nav{justify-content:center;flex-wrap:wrap;gap:6px 12px}.drotto-checkout-assurance{grid-template-columns:1fr}.drotto-checkout-assurance>div{grid-template-columns:36px 1fr}.drotto-checkout-assurance i{width:36px;height:36px}}

/* === Dr. Otto Commerce v0.7.4: logo visibility / intrinsic SVG sizing ===
   Core public CSS applies max-width:100% to all images. In shrink-to-fit
   logo wrappers an SVG that only has a viewBox may collapse to 0x0.
   Give brand artwork an explicit rendered size while preserving aspect ratio. */
.drotto-theme .oc-header .oc-site-logo{
  flex:0 0 auto;
  min-width:132px;
  min-height:42px;
}
.drotto-theme .oc-header .oc-site-logo>img,
.drotto-theme .oc-header .oc-site-logo .oc-logo-art{
  display:block!important;
  height:42px!important;
  width:auto!important;
  max-height:42px!important;
  max-width:180px!important;
  object-fit:contain;
}
.drotto-theme .oc-header .oc-site-logo--adaptive{
  width:180px;
  height:42px;
  min-width:132px;
  min-height:42px;
}
.drotto-theme .oc-header .oc-site-logo--adaptive .oc-logo-art{
  grid-area:1 / 1;
  justify-self:start;
  align-self:center;
}
.drotto-checkout-brand a{
  display:inline-flex;
  align-items:center;
  width:150px;
  min-width:150px;
}
.drotto-checkout-brand img{
  display:block!important;
  width:150px!important;
  height:auto!important;
  max-width:150px!important;
  max-height:none!important;
  object-fit:contain;
}
.drotto-flow-logo{
  width:150px;
  min-width:150px;
}
.drotto-flow-logo img{
  display:block!important;
  width:150px!important;
  height:auto!important;
  max-width:150px!important;
  max-height:none!important;
}
@media(max-width:680px){
  .drotto-theme .oc-header .oc-site-logo{min-width:112px;min-height:36px}
  .drotto-theme .oc-header .oc-site-logo>img,
  .drotto-theme .oc-header .oc-site-logo .oc-logo-art{height:36px!important;max-height:36px!important;max-width:150px!important}
  .drotto-theme .oc-header .oc-site-logo--adaptive{width:150px;height:36px;min-width:112px;min-height:36px}
  .drotto-checkout-brand a,.drotto-checkout-brand img,.drotto-flow-logo,.drotto-flow-logo img{width:126px!important;min-width:126px;max-width:126px!important}
}

/* =========================================================
   Dr. Otto v0.7.7 — Premium Products Mega Menu
   ========================================================= */
.drotto-mega-backdrop{
  position:fixed;left:0;right:0;top:var(--drotto-mega-top,0);bottom:0;z-index:1480;
  background:color-mix(in srgb,var(--dr-dark) 46%,transparent);
  opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;
  backdrop-filter:blur(2px);
}
.drotto-mega-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}
.drotto-mega-menu{
  position:fixed;left:0;right:0;top:var(--drotto-mega-top,0);z-index:1490;
  max-height:calc(100dvh - var(--drotto-mega-top,0px));overflow:auto;
  background:var(--dr-surface);border-top:0;border-bottom:0;box-shadow:0 28px 70px color-mix(in srgb,var(--dr-dark) 22%,transparent);
  opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
}
.drotto-mega-menu.is-open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.drotto-mega-menu__inner{display:grid;grid-template-columns:240px minmax(0,1fr) 270px;min-height:390px}
.drotto-mega-menu__rail{padding:28px 20px;background:var(--dr-dark);color:var(--dr-inverse)}
.drotto-mega-menu__rail-label{display:block;margin:0 10px 18px;color:var(--dr-on-dark-muted);font-size:calc(var(--dr-body-size)*.51);font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.drotto-mega-tab{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 14px;margin:0 0 6px;
  border:1px solid transparent;border-radius:calc(var(--oc-radius)*.8);background:transparent;color:var(--dr-inverse);
  text-align:left;font-size:calc(var(--dr-body-size)*.76);font-weight:750;cursor:pointer;transition:.18s ease;
}
.drotto-mega-tab span{display:flex;align-items:center;gap:11px}.drotto-mega-tab__asset{width:22px;height:22px;display:block;flex:0 0 22px;background:currentColor;opacity:.9;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.drotto-mega-tab__asset--mattress{-webkit-mask-image:url(yatak.svg);mask-image:url(yatak.svg)}.drotto-mega-tab__asset--base{-webkit-mask-image:url(baza.svg);mask-image:url(baza.svg)}.drotto-mega-tab__asset--sleep{-webkit-mask-image:url(tekstil.svg);mask-image:url(tekstil.svg)}.drotto-mega-tab__asset--project{-webkit-mask-image:url(proje.svg);mask-image:url(proje.svg)}
.drotto-mega-tab i{font-style:normal;color:var(--dr-on-dark-muted);transition:transform .18s ease}
.drotto-mega-tab:hover,.drotto-mega-tab.is-active{background:color-mix(in srgb,var(--dr-inverse) 8%,transparent);border-color:color-mix(in srgb,var(--dr-inverse) 10%,transparent)}
.drotto-mega-tab.is-active{color:var(--dr-accent)}.drotto-mega-tab.is-active i{transform:translateX(3px);color:var(--dr-accent)}
.drotto-mega-menu__content{padding:34px 38px 32px;min-width:0}
.drotto-mega-panel[hidden]{display:none}.drotto-mega-panel__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px;padding-bottom:17px;border-bottom:1px solid var(--dr-line-soft)}
.drotto-mega-panel__head h2{margin:0;font-family:var(--oc-heading-font)!important;font-size:var(--dr-h3);line-height:1.08;color:var(--dr-text-strong)}
.drotto-mega-panel__head a{color:var(--dr-primary);text-decoration:none;font-size:calc(var(--dr-body-size)*.61);font-weight:800}.drotto-mega-panel__head a:hover{text-decoration:underline}
.drotto-mega-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.drotto-mega-column strong{display:block;margin-bottom:12px;color:var(--dr-text-strong);font-size:calc(var(--dr-body-size)*.90);font-weight:800}
.drotto-mega-column nav{display:grid;gap:9px}.drotto-mega-column a{width:max-content;max-width:100%;color:var(--dr-text-soft);text-decoration:none;font-size:calc(var(--dr-body-size)*.80);line-height:1.35;transition:color .16s ease,transform .16s ease}
.drotto-mega-column a:hover{color:var(--dr-primary);transform:translateX(2px)}
.drotto-mega-menu__aside{padding:28px 28px 30px;background:linear-gradient(155deg,var(--dr-primary-softer),var(--dr-soft));border-left:1px solid var(--dr-line-soft);display:flex;align-items:stretch}
.drotto-mega-discovery{width:100%;display:flex;flex-direction:column;justify-content:flex-end;min-height:300px;padding:25px;border:1px solid color-mix(in srgb,var(--dr-primary) 18%,var(--dr-border));border-radius:calc(var(--oc-radius) + 3px);background:linear-gradient(160deg,color-mix(in srgb,var(--dr-surface) 92%,transparent),color-mix(in srgb,var(--dr-primary) 6%,var(--dr-surface)))}
.drotto-mega-discovery__mark{width:44px;height:44px;display:grid;place-items:center;margin-bottom:auto;border-radius:50%;background:var(--dr-primary);color:var(--dr-inverse)}
.drotto-mega-discovery__mark svg{width:22px;height:22px}.drotto-mega-discovery small{display:block;margin:28px 0 7px;color:var(--dr-primary);font-size:calc(var(--dr-body-size)*.49);font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.drotto-mega-discovery h3{margin:0 0 9px;font-family:var(--oc-heading-font)!important;font-size:var(--dr-h4);line-height:1.14;color:var(--dr-text-strong)}
.drotto-mega-discovery p{margin:0 0 18px;color:var(--dr-muted);font-size:calc(var(--dr-body-size)*.63);line-height:1.55}
.drotto-mega-discovery a{display:inline-flex;align-items:center;gap:8px;color:var(--dr-text-strong);text-decoration:none;font-size:calc(var(--dr-body-size)*.62);font-weight:850}.drotto-mega-discovery a i{font-style:normal;color:var(--dr-primary);transition:transform .18s ease}.drotto-mega-discovery a:hover i{transform:translateX(4px)}
.drotto-products-nav>a{position:relative}.drotto-products-nav>a::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:2px;background:var(--dr-accent);transform:scaleX(0);transform-origin:center;transition:transform .18s ease}.drotto-products-nav.is-mega-open>a::after{transform:scaleX(1)}
body.drotto-mega-lock{overflow:hidden}

/* Mobile products drawer */
.drotto-mobile-products[hidden]{display:none!important}.drotto-mobile-products{position:fixed;inset:0;z-index:3200;background:var(--dr-surface);color:var(--dr-text);display:flex;flex-direction:column;opacity:0;transform:translateX(100%);transition:opacity .22s ease,transform .25s ease}
.drotto-mobile-products.is-open{opacity:1;transform:translateX(0)}
.drotto-mobile-products__head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border-bottom:1px solid var(--dr-line-soft);background:var(--dr-dark);color:var(--dr-inverse)}
.drotto-mobile-products__brand{display:flex;align-items:center;gap:13px;min-width:0}.drotto-mobile-products__brand img{display:block;width:112px;height:36px;object-fit:contain;filter:none}.drotto-mobile-products__brand strong{font-family:var(--oc-heading-font)!important;font-size:calc(var(--dr-body-size)*1.05);font-weight:var(--dr-h4-weight)}
.drotto-mobile-products__close{width:40px;height:40px;border:1px solid color-mix(in srgb,var(--dr-inverse) 22%,transparent);border-radius:50%;background:transparent;color:var(--dr-inverse);font-size:26px;line-height:1;cursor:pointer}
.drotto-mobile-products__body{flex:1;overflow:auto;padding:20px 20px 110px;background:var(--dr-surface)}
.drotto-mobile-products details{border-bottom:1px solid var(--dr-line-soft)}.drotto-mobile-products summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 2px;color:var(--dr-text-strong);font-weight:800;cursor:pointer}.drotto-mobile-products__summary-label{display:flex;align-items:center;gap:11px}.drotto-mobile-products__summary-icon{width:22px;height:22px;display:block;flex:0 0 22px;background:var(--dr-primary);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.drotto-mobile-products__summary-icon--mattress{-webkit-mask-image:url(yatak.svg);mask-image:url(yatak.svg)}.drotto-mobile-products__summary-icon--base{-webkit-mask-image:url(baza.svg);mask-image:url(baza.svg)}.drotto-mobile-products__summary-icon--sleep{-webkit-mask-image:url(tekstil.svg);mask-image:url(tekstil.svg)}.drotto-mobile-products__summary-icon--project{-webkit-mask-image:url(proje.svg);mask-image:url(proje.svg)}.drotto-mobile-products summary::-webkit-details-marker{display:none}.drotto-mobile-products summary::after{content:"+";font-size:22px;font-weight:400;color:var(--dr-primary)}.drotto-mobile-products details[open] summary::after{content:"−"}
.drotto-mobile-products__links{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;padding:0 0 18px}.drotto-mobile-products__links strong{grid-column:1/-1;margin:8px 0 1px;color:var(--dr-muted);font-size:calc(var(--dr-body-size)*.54);text-transform:uppercase;letter-spacing:.09em}.drotto-mobile-products__links a{display:flex;align-items:center;min-height:38px;color:var(--dr-text-soft);text-decoration:none;font-size:calc(var(--dr-body-size)*.7);font-weight:650}.drotto-mobile-products__links a.is-primary{color:var(--dr-primary);font-weight:800}
.drotto-mobile-products__footer{position:absolute;left:0;right:0;bottom:0;padding:13px 20px calc(13px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--dr-surface) 94%,transparent);border-top:1px solid var(--dr-line-soft);backdrop-filter:blur(14px)}
.drotto-mobile-products__footer a{height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--oc-button-radius);background:var(--dr-primary);color:var(--dr-inverse)!important;text-decoration:none;font-weight:850}

/* General /urunler/ is intentionally simple: heading → filters → products. */
.drotto-shop-categories,.drotto-shop-products-intro{display:none!important}

@media(max-width:1100px){.drotto-mega-menu__inner{grid-template-columns:210px minmax(0,1fr) 235px}.drotto-mega-menu__content{padding-inline:28px}.drotto-mega-columns{gap:20px}.drotto-mega-menu__aside{padding-inline:20px}}
@media(max-width:860px){.drotto-mega-menu,.drotto-mega-backdrop{display:none!important}.drotto-products-nav>a::after{display:none}}
@media(min-width:861px){.drotto-mobile-products{display:none!important}}
@media(max-width:520px){.drotto-mobile-products__links{grid-template-columns:1fr}.drotto-mobile-products__links strong{grid-column:1}.drotto-mobile-products__brand strong{display:none}}

/* =========================================================
   DR. OTTO HOME — Hero CTA + Trust Band Refinements (v0.8.3)
   Builder içerikleri değişmeden, yalnız görünüm katmanı.
   ========================================================= */

/* Hero: secondary CTA — referanstaki beyaz çerçeveli, hafif koyu cam yüzey */
.oc-hero-slider .oc-actions .oc-button--ghost{
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:var(--oc-button-radius)!important;
  background:rgba(7,12,18,.30)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 7px 20px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.oc-hero-slider .oc-actions .oc-button--ghost:hover{
  border-color:#fff!important;
  background:rgba(7,12,18,.46)!important;
  color:#fff!important;
  transform:translateY(-1px);
}

/* Hero'nun hemen arkasındaki ilk ikon kart bölümü Dr. Otto avantaj bandıdır.
   JS aynı bölüme .drotto-home-trust-band sınıfını da ekler. */
.drotto-home-trust-band{
  padding:0!important;
  margin:0!important;
  background:#1a1a1a!important;
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.drotto-home-trust-band>.oc-container{
  width:min(var(--oc-container,1380px),calc(100% - 48px));
}
.drotto-home-trust-band .oc-feature-grid{
  gap:0!important;
  align-items:stretch;
}
.drotto-home-trust-band .oc-feature{
  min-height:84px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr)!important;
  grid-template-rows:auto auto;
  column-gap:14px!important;
  row-gap:2px;
  align-content:center;
  align-items:center;
  padding:17px 24px!important;
  margin:0!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.14)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.drotto-home-trust-band .oc-feature:last-child{border-right:0!important}
.drotto-home-trust-band .oc-feature:hover{
  background:rgba(255,255,255,.018)!important;
  transform:none!important;
  box-shadow:none!important;
}
.drotto-home-trust-band .oc-feature__icon{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  width:38px!important;
  height:38px!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--oc-primary)!important;
  box-shadow:none!important;
}
.drotto-home-trust-band .oc-feature__icon img{
  display:block;
  width:30px!important;
  height:30px!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain;
}
/* SVG ikonlar JS ile mask'e dönüştürülür; böylece Primary tokenını gerçek zamanlı kullanır. */
.drotto-home-trust-band .drotto-token-svg{
  display:block;
  width:31px;
  height:31px;
  background:var(--oc-primary);
  -webkit-mask-image:var(--drotto-svg-mask);
  mask-image:var(--drotto-svg-mask);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:contain;
  mask-size:contain;
}
.drotto-home-trust-band .oc-feature h3{
  grid-column:2!important;
  grid-row:1!important;
  align-self:end!important;
  margin:0 0 2px!important;
  color:var(--oc-text-inverse,#fff)!important;
  font-family:var(--oc-font)!important;
  font-size:calc(var(--dr-body-size,16px) * .78)!important;
  font-weight:750!important;
  line-height:1.25!important;
  letter-spacing:0!important;
}
.drotto-home-trust-band .oc-feature p{
  grid-column:2!important;
  grid-row:2!important;
  align-self:start!important;
  margin:0!important;
  color:color-mix(in srgb,var(--oc-text-inverse,#fff) 67%,transparent)!important;
  font-family:var(--oc-font)!important;
  font-size:calc(var(--dr-body-size,16px) * .62)!important;
  line-height:1.35!important;
}

@media(max-width:1100px){
  .drotto-home-trust-band>.oc-container{width:min(var(--oc-container,1380px),calc(100% - 32px))}
  .drotto-home-trust-band .oc-feature{min-height:78px;padding:15px 18px!important}
}
@media(max-width:700px){
  .oc-hero-slider .oc-actions{gap:9px}
  .oc-hero-slider .oc-actions .oc-button{min-width:0}
  .drotto-home-trust-band>.oc-container{width:100%}
  .drotto-home-trust-band .oc-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .drotto-home-trust-band .oc-feature{
    min-height:82px;
    grid-template-columns:34px minmax(0,1fr)!important;
    column-gap:10px!important;
    padding:14px 13px!important;
    border-right:1px solid rgba(255,255,255,.12)!important;
    border-bottom:1px solid rgba(255,255,255,.12)!important;
  }
  .drotto-home-trust-band .oc-feature:nth-child(2n){border-right:0!important}
  .drotto-home-trust-band .oc-feature:nth-last-child(-n+2){border-bottom:0!important}
  .drotto-home-trust-band .oc-feature__icon{width:32px!important;height:32px!important}
  .drotto-home-trust-band .drotto-token-svg{width:27px;height:27px}
  .drotto-home-trust-band .oc-feature h3{font-size:calc(var(--dr-body-size,16px) * .68)!important}
  .drotto-home-trust-band .oc-feature p{font-size:calc(var(--dr-body-size,16px) * .55)!important}
}

/* =========================================================
   DR. OTTO HOME — Premium Collections / Solution Cards (v0.8.4)
   Scope: only Builder blocks carrying .drotto-home-collections
   ========================================================= */
.drotto-home-collections{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(42px,4.2vw,68px) 0 clamp(48px,5vw,78px)!important;
  background-color:#171717;
  background-position:center center!important;
  background-size:cover!important;
  color:#fff;
}
.drotto-home-collections::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(8,8,8,.78) 0%,rgba(8,8,8,.56) 45%,rgba(8,8,8,.62) 100%),linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.48));
}
.drotto-home-collections>.oc-container{
  position:relative;
  z-index:1;
  width:min(var(--oc-container,1380px),calc(100% - 48px));
}
.drotto-home-collections .oc-section-head,
.drotto-home-collections .oc-section-head--center{
  max-width:900px;
  margin:0 0 clamp(26px,2.4vw,38px)!important;
  text-align:left!important;
}
.drotto-home-collections .oc-section-head h2{
  margin:0 0 10px!important;
  color:#fff!important;
  font-family:var(--oc-heading-font)!important;
  font-size:clamp(32px,3.1vw,48px)!important;
  font-weight:var(--dr-h2-weight,500)!important;
  line-height:1.06!important;
  letter-spacing:-.02em;
  text-wrap:balance;
}
.drotto-home-collections .oc-section-head p{
  max-width:680px;
  margin:0!important;
  color:rgba(255,255,255,.72)!important;
  font-size:clamp(14px,1.15vw,17px)!important;
  line-height:1.55!important;
}
.drotto-home-collections .oc-solution-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:clamp(14px,1.2vw,20px)!important;
  align-items:stretch;
}
.drotto-home-collections .oc-solution{
  position:relative;
  min-width:0;
  min-height:clamp(255px,19vw,315px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.23)!important;
  border-radius:12px!important;
  background:#121212!important;
  box-shadow:0 18px 42px rgba(0,0,0,.24)!important;
  transform:none!important;
  transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease!important;
}
.drotto-home-collections .oc-solution::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(5,5,5,.80) 0%,rgba(5,5,5,.56) 39%,rgba(5,5,5,.16) 69%,rgba(5,5,5,.06) 100%),linear-gradient(180deg,rgba(0,0,0,.08) 35%,rgba(0,0,0,.46) 100%);
  transition:background .32s ease;
}
.drotto-home-collections .oc-solution figure{
  position:absolute;
  inset:0;
  z-index:0;
  margin:0!important;
  border-radius:inherit!important;
  overflow:hidden;
}
.drotto-home-collections .oc-solution figure img,
.drotto-home-collections .oc-solution__placeholder{
  display:block;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  object-fit:cover!important;
  object-position:center center;
  border-radius:inherit!important;
  transform:scale(1.001);
  transition:transform .55s cubic-bezier(.2,.72,.2,1),filter .35s ease!important;
}
.drotto-home-collections .oc-solution__placeholder{
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,#242424,#151515)!important;
}
.drotto-home-collections .oc-solution__placeholder::after{display:none!important}
.drotto-home-collections .oc-solution__body{
  position:relative;
  z-index:2;
  min-height:inherit;
  padding:clamp(20px,1.8vw,28px)!important;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  color:#fff;
}
.drotto-home-collections .oc-mini-badge{
  display:inline-flex!important;
  margin:0 0 7px!important;
  padding:0!important;
  background:transparent!important;
  color:var(--oc-primary)!important;
  font-family:var(--oc-font)!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1.2!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.drotto-home-collections .oc-solution h3{
  max-width:82%;
  margin:0 0 9px!important;
  color:#fff!important;
  font-family:var(--oc-heading-font)!important;
  font-size:clamp(24px,1.8vw,31px)!important;
  font-weight:var(--dr-h3-weight,500)!important;
  line-height:1.04!important;
  letter-spacing:-.018em;
  text-wrap:balance;
}
.drotto-home-collections .oc-solution p{
  max-width:72%;
  min-height:0!important;
  margin:0!important;
  color:rgba(255,255,255,.76)!important;
  font-family:var(--oc-font)!important;
  font-size:clamp(12px,.9vw,14px)!important;
  line-height:1.45!important;
}
.drotto-home-collections .oc-solution a{
  margin-top:auto!important;
  padding-top:22px;
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  color:var(--oc-primary)!important;
  font-family:var(--oc-font)!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.2;
  text-decoration:none!important;
  transition:color .22s ease,transform .22s ease;
}
.drotto-home-collections .oc-solution a span{
  display:inline-block;
  font-size:18px;
  line-height:1;
  transition:transform .22s ease;
}
@media(hover:hover){
  .drotto-home-collections .oc-solution:hover{
    transform:translateY(-4px)!important;
    border-color:color-mix(in srgb,var(--oc-primary) 58%,rgba(255,255,255,.24))!important;
    box-shadow:0 26px 54px rgba(0,0,0,.34)!important;
  }
  .drotto-home-collections .oc-solution:hover figure img{
    transform:scale(1.045)!important;
    filter:brightness(1.04);
  }
  .drotto-home-collections .oc-solution:hover::after{
    background:linear-gradient(90deg,rgba(5,5,5,.76) 0%,rgba(5,5,5,.49) 39%,rgba(5,5,5,.11) 69%,rgba(5,5,5,.03) 100%),linear-gradient(180deg,rgba(0,0,0,.05) 35%,rgba(0,0,0,.40) 100%);
  }
  .drotto-home-collections .oc-solution a:hover span{transform:translateX(4px)}
}
@media(max-width:1100px){
  .drotto-home-collections>.oc-container{width:min(var(--oc-container,1380px),calc(100% - 36px))}
  .drotto-home-collections .oc-solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .drotto-home-collections .oc-solution{min-height:300px}
}
@media(max-width:700px){
  .drotto-home-collections{
    padding:38px 0 42px!important;
    background-position:center center!important;
  }
  .drotto-home-collections>.oc-container{width:100%!important;padding-inline:16px}
  .drotto-home-collections .oc-section-head,
  .drotto-home-collections .oc-section-head--center{margin-bottom:22px!important}
  .drotto-home-collections .oc-section-head h2{font-size:clamp(29px,9vw,38px)!important}
  .drotto-home-collections .oc-section-head p{font-size:14px!important}
  .drotto-home-collections .oc-solution-grid{
    grid-template-columns:none!important;
    grid-auto-flow:column;
    grid-auto-columns:minmax(78vw,78vw);
    gap:12px!important;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:1px 1px 10px;
    margin-inline:-1px;
  }
  .drotto-home-collections .oc-solution-grid::-webkit-scrollbar{display:none}
  .drotto-home-collections .oc-solution{
    min-height:290px;
    scroll-snap-align:start;
    border-radius:11px!important;
  }
  .drotto-home-collections .oc-solution__body{padding:22px!important}
  .drotto-home-collections .oc-solution h3{max-width:88%;font-size:27px!important}
  .drotto-home-collections .oc-solution p{max-width:82%;font-size:13px!important}
}
@media(prefers-reduced-motion:reduce){
  .drotto-home-collections .oc-solution,
  .drotto-home-collections .oc-solution figure img,
  .drotto-home-collections .oc-solution a,
  .drotto-home-collections .oc-solution a span{transition:none!important;transform:none!important}
}

/* =========================================================
   DR. OTTO HOME — Collections compact alignment refinements (v0.8.4.1)
   Scope: .drotto-home-collections only
   ========================================================= */
@media(min-width:701px){
  .drotto-home-collections .oc-solution{
    min-height:clamp(230px,16.3vw,272px)!important;
  }
}

/* =========================================================
   Dr. Otto Commerce v0.8.14 — Hikayemiz editorial section
   Builder structure: 40 / 40 / 20 columns, class: hikayemiz
   All colour decisions inherit the Velora design tokens.
   ========================================================= */
.hikayemiz{
  padding-inline:0;
  overflow:hidden;
}
.hikayemiz .oc-layout-shell{
  width:100%;
  max-width:none;
}
.hikayemiz .oc-layout-grid{
  min-height:400px;
  gap:0;
  align-items:stretch;
  box-sizing:border-box;
  padding-right:max(0px,calc((100vw - var(--oc-container,1280px))/2));
}
.hikayemiz .oc-layout-column{
  min-height:100%;
  gap:0;
  padding:0;
  border:0;
  border-radius:0;
  box-shadow:none;
}

/* Image / craft statement */
.hikayemiz .oc-layout-column:nth-child(1){
  isolation:isolate;
  justify-content:flex-end;
  padding:44px 48px;
  background-color:var(--dr-dark);
}
.hikayemiz .oc-layout-column:nth-child(1)::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(to left,
      var(--drotto-story-surface,var(--dr-surface)) 0%,
      color-mix(in srgb,var(--drotto-story-surface,var(--dr-surface)) 92%,transparent) 12%,
      color-mix(in srgb,var(--drotto-story-surface,var(--dr-surface)) 58%,transparent) 28%,
      color-mix(in srgb,var(--drotto-story-surface,var(--dr-surface)) 18%,transparent) 44%,
      transparent 60%),
    linear-gradient(180deg,
      color-mix(in srgb,var(--dr-dark) 5%,transparent) 12%,
      color-mix(in srgb,var(--dr-dark) 28%,transparent) 54%,
      color-mix(in srgb,var(--dr-dark) 80%,transparent) 100%);
}
.hikayemiz .oc-layout-column:nth-child(1)>.oc-layout-item{
  max-width:330px;
}
.hikayemiz .oc-layout-column:nth-child(1) .oc-layout-title{
  gap:0;
}
.hikayemiz .oc-layout-column:nth-child(1) .oc-layout-title__eyebrow{
  color:var(--dr-accent);
  font-size:calc(var(--dr-body-size)*.68);
  line-height:1.5;
  font-weight:800;
  letter-spacing:.24em;
}
.hikayemiz .oc-layout-column:nth-child(1) .oc-layout-title__eyebrow::after{
  content:"";
  display:block;
  width:38px;
  height:2px;
  margin:18px 0 20px;
  border-radius:999px;
  background:var(--dr-accent);
}
.hikayemiz .oc-layout-column:nth-child(1) .oc-layout-title h2,
.hikayemiz .oc-layout-column:nth-child(1) .oc-layout-title h3,
.hikayemiz .oc-layout-column:nth-child(1) .oc-layout-title h4{
  color:var(--dr-inverse);
  font-size:clamp(27px,2.2vw,42px);
  line-height:1.13;
  font-weight:var(--dr-h4-weight);
  font-style:italic;
  letter-spacing:-.025em;
  text-wrap:balance;
}
.hikayemiz .oc-layout-column:nth-child(1) .oc-layout-title.has-line::after{
  display:none;
}

/* Story copy / CTA */
.hikayemiz .oc-layout-column:nth-child(2){
  justify-content:center;
  padding:20px 40px;
}
.hikayemiz .oc-layout-column:nth-child(2)>.oc-layout-item+.oc-layout-item{
  margin-top:26px;
}
.hikayemiz .oc-layout-column:nth-child(2) .oc-text-eyebrow{
  display:block;
  margin-bottom:14px;
  color:var(--dr-primary);
  font-size:calc(var(--dr-body-size)*.68);
  line-height:1.4;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:none;
}
.hikayemiz .oc-layout-column:nth-child(2) h2{
  max-width:720px;
  margin:0 0 18px;
  color:var(--dr-text-strong);
  font-size:clamp(34px,3.1vw,var(--dr-h2));
  line-height:var(--dr-h2-lh);
  font-weight:var(--dr-h2-weight);
  letter-spacing:-.045em;
  text-wrap:balance;
}
.hikayemiz .oc-layout-column:nth-child(2) .oc-prose{
  max-width:62ch;
  color:var(--dr-muted);
  font-size:calc(var(--dr-body-size)*.92);
  line-height:1.72;
}
.hikayemiz .oc-layout-column:nth-child(2) .oc-prose p:last-child{
  margin-bottom:0;
}
.hikayemiz .oc-layout-column:nth-child(2) .oc-layout-button>a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  min-height:50px;
  padding:0 23px;
  border:1px solid color-mix(in srgb,var(--dr-primary) 76%,var(--dr-border));
  border-radius:var(--oc-button-radius);
  background:var(--dr-primary);
  color:var(--dr-inverse)!important;
  box-shadow:none;
  font-size:calc(var(--dr-body-size)*.78);
  font-weight:750;
  text-decoration:none;
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.hikayemiz .oc-layout-column:nth-child(2) .oc-layout-button>a:hover{
  transform:translateY(-2px);
  background:var(--dr-primary-strong);
  border-color:var(--dr-primary-strong);
}
.hikayemiz .oc-layout-column:nth-child(2) .oc-layout-button>.oc-button::after{
  content:"→";
  font-size:1.15em;
  line-height:1;
}

/* Benefit rail */
.hikayemiz .oc-layout-column:nth-child(3){
  justify-content:center;
  padding:20px 28px;
  box-shadow:inset 1px 0 0 var(--dr-line-soft);
}
.hikayemiz .oc-layout-column:nth-child(3)>.oc-layout-item{
  width:100%;
}
.hikayemiz .oc-layout-column:nth-child(3) .oc-layout-iconbox{
  display:grid;
  grid-template-columns:52px minmax(0,1fr);
  align-items:center;
  column-gap:14px;
  min-height:96px;
  padding:12px 0;
  border:0;
  border-bottom:1px solid var(--dr-line-soft);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.hikayemiz .oc-layout-column:nth-child(3)>.oc-layout-item:last-child .oc-layout-iconbox{
  border-bottom:0;
}
.hikayemiz .oc-layout-column:nth-child(3) .oc-layout-iconbox__icon{
  grid-column:1;
  grid-row:1;
  width:52px;
  height:52px;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--dr-primary);
  font-size:34px;
}
.hikayemiz .oc-layout-column:nth-child(3) .oc-layout-iconbox__icon img{
  width:42px;
  height:42px;
  object-fit:contain;
}
.hikayemiz .oc-layout-column:nth-child(3) .oc-layout-iconbox__icon.has-drotto-token-mask{
  background-color:var(--dr-primary);
  -webkit-mask-image:var(--drotto-story-icon);
  mask-image:var(--drotto-story-icon);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:42px 42px;
  mask-size:42px 42px;
}
.hikayemiz .oc-layout-column:nth-child(3) .oc-layout-iconbox__icon.has-drotto-token-mask img{
  opacity:0;
}
.hikayemiz .oc-layout-column:nth-child(3) .oc-layout-iconbox__copy{
  grid-column:2;
  grid-row:1;
}
.hikayemiz .oc-layout-column:nth-child(3) .oc-layout-iconbox h3{
  margin:0;
  color:var(--dr-text-strong);
  font-size:calc(var(--dr-body-size)*.83);
  line-height:1.45;
  font-weight:700;
  letter-spacing:-.015em;
}
.hikayemiz .oc-layout-column:nth-child(3) .oc-layout-iconbox p{
  margin-top:5px;
  color:var(--dr-muted);
  font-size:calc(var(--dr-body-size)*.7);
  line-height:1.5;
}

@media(min-width:701px) and (max-width:1024px){
  .hikayemiz .oc-layout-grid{
    grid-template-columns:1fr 1fr;
    padding-right:0;
  }
  .hikayemiz .oc-layout-column:nth-child(3){
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    padding:20px 30px;
    box-shadow:inset 0 1px 0 var(--dr-line-soft);
  }
  .hikayemiz .oc-layout-column:nth-child(3) .oc-layout-iconbox{
    padding:16px 20px;
    border-bottom:0;
    border-right:1px solid var(--dr-line-soft);
  }
  .hikayemiz .oc-layout-column:nth-child(3)>.oc-layout-item:last-child .oc-layout-iconbox{
    border-right:0;
  }
}

@media(max-width:700px){
  .hikayemiz .oc-layout-grid{
    min-height:0;
    padding-right:0;
  }
  .hikayemiz .oc-layout-column:nth-child(1){
    min-height:340px;
    padding:34px 24px;
  }
  .hikayemiz .oc-layout-column:nth-child(1)>.oc-layout-item{
    max-width:280px;
  }
  .hikayemiz .oc-layout-column:nth-child(1) .oc-layout-title h2,
  .hikayemiz .oc-layout-column:nth-child(1) .oc-layout-title h3,
  .hikayemiz .oc-layout-column:nth-child(1) .oc-layout-title h4{
    font-size:clamp(27px,8vw,36px);
  }
  .hikayemiz .oc-layout-column:nth-child(2){
    padding:42px 24px 46px;
  }
  .hikayemiz .oc-layout-column:nth-child(2) h2{
    font-size:var(--dr-h2-mobile);
  }
  .hikayemiz .oc-layout-column:nth-child(3){
    padding:14px 24px 22px;
    box-shadow:inset 0 1px 0 var(--dr-line-soft);
  }
  .hikayemiz .oc-layout-column:nth-child(3) .oc-layout-iconbox{
    min-height:90px;
  }
}

/* =========================================================
   Dr. Otto Commerce v0.8.15.2 — Sleep guide icon cards
   Builder component: Icon Cards / Left / 4-2-1 columns
   ========================================================= */
.oc-section-head:has(+.oc-feature-grid--card),
.sola-dayali .oc-section-head{
  max-width:none;
  margin-bottom:20px;
}
.oc-section-head:has(+.oc-feature-grid--card) h2,
.sola-dayali .oc-section-head h2{
  margin-bottom:4px;
  color:var(--dr-text-strong);
}
.oc-section-head:has(+.oc-feature-grid--card) p,
.sola-dayali .oc-section-head p{
  max-width:720px;
  color:var(--dr-muted);
  font-size:calc(var(--dr-body-size)*.82);
  line-height:1.55;
}
:is(.oc-feature-grid--card,.sola-dayali .oc-feature-grid--left){
  gap:16px;
}
:is(.oc-feature-grid--card,.sola-dayali .oc-feature-grid--left) .oc-feature{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:18px;
  row-gap:5px;
  align-content:center;
  min-height:136px;
  padding:22px 24px;
  border:1px solid var(--dr-line-soft);
  border-radius:8px;
  background:var(--dr-surface);
  box-shadow:0 8px 24px color-mix(in srgb,var(--dr-secondary) 3%,transparent);
}
:is(.oc-feature-grid--card,.sola-dayali .oc-feature-grid--left) .oc-feature:hover{
  transform:translateY(-2px);
  border-color:var(--dr-primary-border);
  box-shadow:var(--dr-shadow-soft);
}
:is(.oc-feature-grid--card,.sola-dayali .oc-feature-grid--left) .oc-feature__icon{
  grid-column:1;
  grid-row:1/3;
  align-self:center;
  width:58px;
  height:58px;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:var(--dr-primary);
  font-size:38px;
}
:is(.oc-feature-grid--card,.sola-dayali .oc-feature-grid--left) .oc-feature__icon img{
  width:48px;
  height:48px;
  max-width:48px;
  max-height:48px;
  object-fit:contain;
}
:is(.oc-feature-grid--card,.sola-dayali .oc-feature-grid--left) .oc-feature__icon.has-drotto-feature-mask{
  background-color:var(--dr-primary);
  -webkit-mask-image:var(--drotto-feature-icon);
  mask-image:var(--drotto-feature-icon);
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-size:48px 48px;
  mask-size:48px 48px;
}
:is(.oc-feature-grid--card,.sola-dayali .oc-feature-grid--left) .oc-feature__icon.has-drotto-feature-mask img{
  opacity:0;
}
:is(.oc-feature-grid--card,.sola-dayali .oc-feature-grid--left) .oc-feature h3{
  grid-column:2;
  grid-row:1;
  align-self:end;
  margin:0;
  color:var(--dr-text-strong);
  font-family:var(--oc-font);
  font-size:calc(var(--dr-body-size)*.88);
  line-height:1.35;
  font-weight:750;
  letter-spacing:-.015em;
}
:is(.oc-feature-grid--card,.sola-dayali .oc-feature-grid--left) .oc-feature p{
  grid-column:2;
  grid-row:2;
  align-self:start;
  margin:0;
  color:var(--dr-muted);
  font-size:calc(var(--dr-body-size)*.72);
  line-height:1.55;
}

@media(max-width:700px){
  .oc-section-head:has(+.oc-feature-grid--card),
  .sola-dayali .oc-section-head{
    margin-bottom:16px;
  }
  :is(.oc-feature-grid--card,.sola-dayali .oc-feature-grid--left){
    gap:12px;
  }
  :is(.oc-feature-grid--card,.sola-dayali .oc-feature-grid--left) .oc-feature{
    grid-template-columns:46px minmax(0,1fr);
    column-gap:14px;
    min-height:112px;
    padding:18px;
  }
  :is(.oc-feature-grid--card,.sola-dayali .oc-feature-grid--left) .oc-feature__icon{
    width:46px;
    height:46px;
  }
  :is(.oc-feature-grid--card,.sola-dayali .oc-feature-grid--left) .oc-feature__icon img{
    width:40px;
    height:40px;
    max-width:40px;
    max-height:40px;
  }
  :is(.oc-feature-grid--card,.sola-dayali .oc-feature-grid--left) .oc-feature__icon.has-drotto-feature-mask{
    -webkit-mask-size:40px 40px;
    mask-size:40px 40px;
  }
}

/* Center the label/title/description block vertically; keep CTA independently
   pinned to the bottom with comfortable breathing room from the card border. */
.drotto-home-collections .oc-solution__body{
  position:relative!important;
}
.drotto-home-collections .oc-mini-badge{
  margin:0 0 6px!important;
}
.drotto-home-collections .oc-solution h3{
  margin:0 0 8px!important;
}
.drotto-home-collections .oc-solution p{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  min-height:calc(1.45em * 2)!important;
  max-height:calc(1.45em * 2)!important;
  margin:0!important;
}
.drotto-home-collections .oc-solution a{
  position:absolute!important;
  left:clamp(18px,1.5vw,24px)!important;
  bottom:20px!important;
  margin:0!important;
  padding:0!important;
}

@media(max-width:1100px) and (min-width:701px){
  .drotto-home-collections .oc-solution{
    min-height:260px!important;
  }
}

@media(max-width:700px){
  .drotto-home-collections .oc-solution p{
    max-width:86%!important;
  }
}

/* =========================================================
   DR. OTTO HOME — Collections image fit / 240px cards (v0.8.4.2)
   Scope: .drotto-home-collections only
   ========================================================= */
.drotto-home-collections .oc-solution{
  min-height:240px!important;
  height:240px!important;
  overflow:hidden!important;
}

/* The generated collection artwork itself contains an outer dark frame.
   Make the media layer cover the whole card and crop that frame away. */
.drotto-home-collections .oc-solution figure{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  border-radius:inherit!important;
  overflow:hidden!important;
}
.drotto-home-collections .oc-solution figure::before,
.drotto-home-collections .oc-solution figure::after{
  content:none!important;
  display:none!important;
}
.drotto-home-collections .oc-solution figure img{
  position:absolute!important;
  width:134%!important;
  height:134%!important;
  max-width:none!important;
  max-height:none!important;
  left:-17%!important;
  top:-17%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
}

.drotto-home-collections .oc-solution__body{
  min-height:240px!important;
  height:240px!important;
  padding:18px 20px 56px!important;
  justify-content:center!important;
}
.drotto-home-collections .oc-solution a{
  left:20px!important;
  bottom:17px!important;
}

@media(hover:hover){
  .drotto-home-collections .oc-solution:hover figure img{
    width:138%!important;
    height:138%!important;
    left:-19%!important;
    top:-19%!important;
    transform:none!important;
  }
}

@media(max-width:1100px){
  .drotto-home-collections .oc-solution{
    min-height:240px!important;
    height:240px!important;
  }
  .drotto-home-collections .oc-solution__body{
    min-height:240px!important;
    height:240px!important;
  }
}

@media(max-width:700px){
  .drotto-home-collections .oc-solution{
    min-height:240px!important;
    height:240px!important;
  }
  .drotto-home-collections .oc-solution__body{
    min-height:240px!important;
    height:240px!important;
    padding:18px 18px 54px!important;
  }
  .drotto-home-collections .oc-solution a{
    left:18px!important;
    bottom:16px!important;
  }
}

/* v0.8.5 · Dr. Otto featured product carousel Builder component */
.drotto-featured-products{background:var(--dr-surface,#fff);padding-top:clamp(52px,5vw,78px);padding-bottom:clamp(50px,5vw,76px);overflow:hidden}
.drotto-featured-products>.oc-container{position:relative}
.drotto-featured-products__head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}
.drotto-featured-products__copy{min-width:0}
.drotto-featured-products__eyebrow{display:block;margin:0 0 8px;color:var(--dr-primary,var(--oc-primary));font-size:calc(var(--dr-body-size)*.58);line-height:1.2;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.drotto-featured-products__head h2{margin:0;font-family:var(--oc-heading-font)!important;font-size:clamp(32px,2.75vw,48px);line-height:1.06;font-weight:var(--dr-h2-weight,500);color:var(--dr-text-strong)}
.drotto-featured-products__head p{margin:8px 0 0;max-width:660px;color:var(--dr-muted);font-size:calc(var(--dr-body-size)*.76);line-height:1.55}
.drotto-featured-products__all{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;margin-bottom:5px;padding:7px 0;border-bottom:1px solid color-mix(in srgb,var(--dr-primary,var(--oc-primary)) 58%,transparent);color:var(--dr-primary,var(--oc-primary));font-size:calc(var(--dr-body-size)*.68);font-weight:800;text-decoration:none;transition:gap .2s ease,border-color .2s ease}
.drotto-featured-products__all:hover{gap:14px;border-color:var(--dr-primary,var(--oc-primary))}
.drotto-featured-products__viewport{overflow:hidden;margin:-5px -3px -12px;padding:5px 3px 12px;touch-action:pan-y}
.drotto-featured-products__track{display:flex;align-items:stretch;gap:24px;transition:transform .48s cubic-bezier(.22,.61,.36,1);will-change:transform}
.drotto-featured-products .drotto-catalog-card{flex:0 0 calc((100% - 48px)/3);width:calc((100% - 48px)/3);align-self:stretch}
.drotto-featured-products__dots{display:flex;justify-content:center;align-items:center;gap:8px;min-height:22px;margin-top:22px}
.drotto-featured-products__dots[hidden]{display:none}
.drotto-featured-products__dot{appearance:none;width:8px;height:8px;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--dr-text-strong) 18%,transparent);cursor:pointer;transition:width .24s ease,background .24s ease,transform .24s ease}
.drotto-featured-products__dot:hover{transform:scale(1.15)}
.drotto-featured-products__dot.is-active{width:28px;background:var(--dr-primary,var(--oc-primary))}
@media(max-width:1080px){.drotto-featured-products__track{gap:20px}.drotto-featured-products .drotto-catalog-card{flex-basis:calc((100% - 20px)/2);width:calc((100% - 20px)/2)}}
@media(max-width:680px){.drotto-featured-products{padding-top:42px;padding-bottom:42px}.drotto-featured-products__head{align-items:flex-start;margin-bottom:20px}.drotto-featured-products__head h2{font-size:clamp(28px,9vw,38px)}.drotto-featured-products__head p{font-size:calc(var(--dr-body-size)*.7)}.drotto-featured-products__all{font-size:calc(var(--dr-body-size)*.62);margin-top:4px}.drotto-featured-products__track{gap:14px}.drotto-featured-products .drotto-catalog-card{flex-basis:100%;width:100%}.drotto-featured-products__dots{margin-top:16px}}
@media(max-width:520px){.drotto-featured-products__head{display:block}.drotto-featured-products__all{margin-top:12px}}

/* v0.8.6 · automatic commerce card badges + unified favorite icon */
.drotto-card-badges{position:absolute;left:14px;top:14px;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:6px;pointer-events:none}
.drotto-card-badges .drotto-card-badge{position:static;left:auto;top:auto;display:inline-flex;align-items:center;min-height:29px;padding:6px 11px;border:0;border-radius:var(--oc-button-radius);box-shadow:0 5px 15px rgba(0,0,0,.13);font-size:calc(var(--dr-body-size)*.54);font-weight:800;letter-spacing:.01em;white-space:nowrap}
.drotto-card-badge.is-sale{background:#a33a32;color:#fff}
.drotto-card-badge.is-bestseller{background:#c79b47;color:#16130d}
.drotto-card-badge.is-custom{background:var(--dr-primary);color:#fff}
.drotto-card-heart{display:grid;place-items:center;padding:0;font-size:0;line-height:1}
.drotto-card-heart svg{display:block;width:22px;height:22px;overflow:visible}
.drotto-card-heart:hover svg{transform:scale(1.04)}
@media(max-width:640px){.drotto-card-badges{left:8px;top:8px;gap:4px}.drotto-card-badges .drotto-card-badge{min-height:24px;padding:4px 8px;font-size:calc(var(--dr-body-size)*.46)}.drotto-card-heart svg{width:19px;height:19px}}

/* Commerce favorites and agreement links */
.drotto-catalog-card__media .drotto-card-heart{z-index:4;background:rgba(20,25,32,.72);color:#fff;border-color:rgba(255,255,255,.7)}
.drotto-card-heart svg,.drotto-wishlist svg{stroke:currentColor;fill:none}
.drotto-card-heart.is-favorite,.drotto-card-heart:focus-visible{background:var(--dr-primary);color:#fff;border-color:var(--dr-primary)}
.drotto-card-heart.is-favorite svg,.drotto-wishlist.is-favorite svg{fill:currentColor}
.drotto-wishlist.is-favorite{color:var(--dr-primary)}
.drotto-checkout-agreements a{color:var(--dr-primary);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.drotto-social-login[href]{text-decoration:none;cursor:pointer;grid-template-columns:30px 1fr;transition:border-color .2s,background .2s}
.drotto-social-login[href]:hover{border-color:var(--dr-primary);background:var(--dr-surface-soft)}
.drotto-favorites{padding-top:60px;padding-bottom:90px;min-height:45vh}
.drotto-favorites h1{font-family:var(--dr-heading-font,Georgia,serif);font-size:clamp(34px,4vw,58px);margin:8px 0 35px}
.drotto-favorites__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.drotto-favorites__item{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--dr-border,#e5e7eb);border-radius:16px;color:var(--dr-text,#17191b);text-decoration:none}
.drotto-favorites__item img{width:100%;aspect-ratio:1.25;object-fit:cover;border-radius:9px}
.drotto-favorites__item span{font-size:1.1rem;font-weight:700}
.drotto-favorites__item b{color:var(--dr-primary);font-size:.87rem}
.drotto-favorites__empty{padding:50px;border:1px solid var(--dr-border,#e5e7eb);border-radius:16px;text-align:center}
.drotto-favorites__empty a{color:var(--dr-primary);font-weight:700}
@media(max-width:900px){.drotto-favorites__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.drotto-favorites__grid{grid-template-columns:1fr}}


/* =========================================================
   Dr. Otto Commerce v0.8.7 — Premium Header + Mini Cart
   Header Builder remains the source of logo/menu/search layout.
   ========================================================= */
.oc-header{
  background:#1a1a1a;
  color:#fff;
}
.oc-header .oc-global-row{
  background:#1a1a1a;
  color:#fff;
  border-bottom-color:rgba(255,255,255,.08);
}
.oc-header .oc-global-row--main .oc-header-grid{
  align-items:center;
}

/* Robust SVG/media logo sizing: never allow the adaptive artwork to collapse to 0x0. */
.oc-header .oc-site-logo,
.oc-header .oc-site-logo--adaptive{
  position:relative;
  display:inline-grid!important;
  place-items:center start;
  overflow:visible;
}
.oc-header .oc-site-logo>img,
.oc-header .oc-site-logo .oc-logo-art{
  grid-area:1/1!important;
  display:block!important;
  box-sizing:border-box;
  object-fit:contain!important;
  object-position:left center!important;
}
.oc-header .oc-site-logo--adaptive .oc-logo-art--dark{
  opacity:0!important;
  visibility:hidden!important;
}
.oc-header .oc-site-logo--adaptive .oc-logo-art--light{
  opacity:1!important;
  visibility:visible!important;
  filter:brightness(0) invert(1)!important;
}
.oc-header .oc-site-logo:not(.oc-site-logo--adaptive)>img{
  filter:brightness(0) invert(1);
}

/* Navigation */
.oc-header .oc-nav a{
  color:#fff;
  font-size:13px;
  line-height:1;
  font-weight:650;
  letter-spacing:-.015em;
}
.oc-header .oc-nav a:hover,
.oc-header .oc-nav li.is-mega-open>a{
  color:#fff;
}
.oc-header .oc-nav>ul>li>a{
  position:relative;
  align-items:center;
}
.oc-header .oc-nav>ul>li>a:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:14px;
  height:2px;
  border-radius:2px;
  background:var(--oc-primary);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .18s ease;
}
.oc-header .oc-nav>ul>li>a:hover:after,
.oc-header .oc-nav li.is-mega-open>a:after{
  transform:scaleX(1);
}

/* Search pill: reference-style, icon inside and no separate submit block. */
.oc-header .oc-search-widget{
  width:100%;
  max-width:300px;
  min-width:0;
}
.oc-header .oc-search-form{
  width:100%;
}
.oc-header .oc-search-form input{
  width:100%;
  min-height:42px;
  height:42px;
  padding:0 18px 0 43px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.045)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.oc-header .oc-search-form input::placeholder{
  color:rgba(255,255,255,.48)!important;
}
.oc-header .oc-search-form input:focus{
  border-color:rgba(255,255,255,.38)!important;
  background:rgba(255,255,255,.07)!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.035)!important;
}
.oc-header .oc-search-field-icon{
  left:15px;
  color:rgba(255,255,255,.72)!important;
}
.oc-header .oc-search-field-icon svg{
  width:17px;
  height:17px;
}
.oc-header .oc-search-submit{
  display:none!important;
}
.oc-header .oc-search-live{
  top:calc(100% + 10px);
  background:#202020!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#fff;
}

/* Theme-specific commerce actions are injected into the final Builder column. */
.oc-header .oc-header-col.has-commerce-actions{
  justify-content:flex-end;
  flex-wrap:nowrap;
}
.drotto-header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:3px;
  margin-left:auto;
}
.drotto-header-action{
  position:relative;
  width:42px;
  height:42px;
  padding:0;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:transparent;
  color:#fff!important;
  text-decoration:none;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.drotto-header-action:hover{
  background:rgba(255,255,255,.08);
  transform:translateY(-1px);
}
.drotto-header-action svg{
  width:24px!important;
  height:24px!important;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.drotto-header-action.is-logged-in:after{
  content:"";
  position:absolute;
  right:7px;
  bottom:7px;
  width:7px;
  height:7px;
  border:2px solid #1a1a1a;
  border-radius:50%;
  background:var(--oc-primary);
}
.drotto-header-cart-count{
  position:absolute;
  top:1px;
  right:-1px;
  min-width:17px;
  height:17px;
  padding:0 4px;
  display:grid;
  place-items:center;
  border:2px solid #1a1a1a;
  border-radius:999px;
  background:#c99b4a;
  color:#fff;
  font-size:9px;
  line-height:1;
  font-weight:900;
  font-family:var(--oc-font);
}

/* Mini cart drawer */
html.drotto-mini-cart-lock{
  overflow:hidden;
}
.drotto-mini-cart-backdrop{
  position:fixed;
  inset:0;
  z-index:1980;
  border:0;
  padding:0;
  background:rgba(0,0,0,.48);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  cursor:default;
  backdrop-filter:blur(2px);
  transition:opacity .22s ease,visibility .22s ease;
}
.drotto-mini-cart-backdrop.is-open{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.drotto-mini-cart{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  z-index:1990;
  width:min(430px,94vw);
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  background:var(--oc-surface,#fff);
  color:var(--oc-text,#101828);
  box-shadow:-28px 0 70px rgba(0,0,0,.18);
  transform:translateX(102%);
  visibility:hidden;
  transition:transform .28s cubic-bezier(.2,.75,.2,1),visibility .28s ease;
}
.drotto-mini-cart.is-open{
  transform:translateX(0);
  visibility:visible;
}
.drotto-mini-cart__head{
  min-height:92px;
  padding:22px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-bottom:1px solid var(--oc-border);
}
.drotto-mini-cart__head small{
  display:block;
  margin-bottom:4px;
  color:var(--oc-primary);
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
}
.drotto-mini-cart__head h2{
  margin:0;
  font-size:clamp(27px,2.2vw,34px);
  line-height:1;
}
.drotto-mini-cart__close{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:1px solid var(--oc-border);
  border-radius:50%;
  background:var(--oc-surface);
  color:var(--oc-text);
  cursor:pointer;
}
.drotto-mini-cart__close:hover{
  border-color:var(--oc-primary);
  color:var(--oc-primary);
}
.drotto-mini-cart__close svg{
  width:18px!important;
  height:18px!important;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
}
.drotto-mini-cart__body{
  min-height:0;
  overflow:auto;
  padding:0 24px;
}
.drotto-mini-cart__items{
  display:grid;
}
.drotto-mini-cart__item{
  display:grid;
  grid-template-columns:86px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:18px 0;
  border-bottom:1px solid var(--oc-border);
}
.drotto-mini-cart__image{
  width:86px;
  height:72px;
  display:block;
  overflow:hidden;
  border-radius:12px;
  background:var(--oc-surface-soft);
}
.drotto-mini-cart__image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.drotto-mini-cart__image span{
  display:block;
  width:100%;
  height:100%;
  background:var(--oc-surface-soft);
}
.drotto-mini-cart__info{
  min-width:0;
}
.drotto-mini-cart__info>a{
  display:block;
  color:var(--oc-text);
  text-decoration:none;
  font-weight:800;
  font-size:14px;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.drotto-mini-cart__info small,
.drotto-mini-cart__info span{
  display:block;
  margin-top:4px;
  color:var(--oc-text-muted);
  font-size:12px;
}
.drotto-mini-cart__item>strong{
  align-self:center;
  white-space:nowrap;
  font-size:13px;
}
.drotto-mini-cart__foot{
  padding:20px 24px 24px;
  border-top:1px solid var(--oc-border);
  background:var(--oc-surface);
}
.drotto-mini-cart__summary{
  display:grid;
  gap:8px;
  margin-bottom:16px;
}
.drotto-mini-cart__summary-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}
.drotto-mini-cart__summary-row--products{
  display:none;
}
.drotto-mini-cart__summary.has-discount .drotto-mini-cart__summary-row--products{
  display:flex;
}
.drotto-mini-cart__summary-row span,
.drotto-mini-cart__campaign-row span{
  color:var(--oc-text-muted);
  font-size:13px;
}
.drotto-mini-cart__summary-row--vat strong{
  color:var(--oc-text-muted);
  font-size:13px;
}
.drotto-mini-cart__summary-row--total{
  margin-top:3px;
  padding-top:12px;
  border-top:1px solid var(--oc-border);
}
.drotto-mini-cart__summary-row--total span{
  color:var(--oc-text);
  font-weight:750;
}
.drotto-mini-cart__summary-row--total strong{
  font-size:20px;
}
.drotto-mini-cart__campaigns{
  display:grid;
  gap:6px;
}
.drotto-mini-cart__campaigns[hidden]{display:none}
.drotto-mini-cart__campaign-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.drotto-mini-cart__campaign-row span{line-height:1.35}
.drotto-mini-cart__campaign-row strong{
  flex:0 0 auto;
  color:var(--oc-primary);
  font-size:13px;
}
.drotto-mini-cart__unit-price.is-discounted{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:4px 8px;
}
.drotto-mini-cart__unit-price.is-discounted del{opacity:.72}
.drotto-mini-cart__unit-price.is-discounted strong,
.drotto-mini-cart__item>strong.is-discounted,
.drotto-mini-cart__gift-label{color:var(--oc-primary)}
.drotto-mini-cart__gift-label{font-weight:800}
.drotto-mini-cart__checkout,
.drotto-mini-cart__view{
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border-radius:var(--oc-button-radius);
  text-decoration:none;
  font-weight:850;
}
.drotto-mini-cart__checkout{
  background:var(--oc-primary);
  color:var(--oc-text-inverse)!important;
}
.drotto-mini-cart__checkout:hover{
  background:color-mix(in srgb,var(--oc-primary) 86%,#000);
}
.drotto-mini-cart__view{
  min-height:42px;
  margin-top:8px;
  color:var(--oc-text)!important;
  font-size:13px;
}
.drotto-mini-cart__view:hover{
  color:var(--oc-primary)!important;
}
.drotto-mini-cart__empty{
  min-height:55vh;
  display:grid;
  place-items:center;
  align-content:center;
  gap:12px;
  text-align:center;
  color:var(--oc-text-muted);
}
.drotto-mini-cart__empty>svg{
  width:42px!important;
  height:42px!important;
  fill:none;
  stroke:var(--oc-primary);
  stroke-width:1.35;
}
.drotto-mini-cart__empty strong{
  color:var(--oc-text);
}
.drotto-mini-cart__empty a{
  color:var(--oc-primary);
  text-decoration:none;
  font-weight:850;
}
.drotto-mini-cart__loading{
  min-height:45vh;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}
.drotto-mini-cart__loading span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--oc-primary);
  animation:drottoMiniCartPulse .9s ease-in-out infinite alternate;
}
.drotto-mini-cart__loading span:nth-child(2){animation-delay:.15s}
.drotto-mini-cart__loading span:nth-child(3){animation-delay:.3s}
@keyframes drottoMiniCartPulse{to{opacity:.25;transform:translateY(-4px)}}

@media(min-width:861px) and (max-width:980px){
  .oc-header .oc-global-row--main .oc-header-grid{
    display:flex!important;
    min-height:68px;
    padding-right:52px;
  }
  .oc-header .oc-header-col.has-logo{margin-right:auto}
  .oc-header .oc-header-col.has-commerce-actions{
    display:flex!important;
    margin-left:auto;
    order:8;
  }
  .oc-header .oc-header-col.has-search{display:none!important}
  .oc-header .oc-site-logo,
  .oc-header .oc-site-logo--adaptive{
    flex-basis:145px!important;
    width:145px!important;
    min-width:145px!important;
    max-width:145px!important;
    height:42px!important;
    min-height:42px!important;
  }
  .oc-header .oc-site-logo>img,
  .oc-header .oc-site-logo .oc-logo-art{
    width:145px!important;
    min-width:145px!important;
    max-width:145px!important;
    height:42px!important;
    min-height:42px!important;
    max-height:42px!important;
  }
  .drotto-header-action{width:38px;height:38px}
  .drotto-header-action svg{width:22px!important;height:22px!important}
}
@media(max-width:620px){
  .drotto-mini-cart{width:100vw}
  .drotto-mini-cart__head{min-height:78px;padding:18px}
  .drotto-mini-cart__body{padding:0 18px}
  .drotto-mini-cart__foot{padding:18px}
  .drotto-mini-cart__item{grid-template-columns:74px minmax(0,1fr);gap:12px}
  .drotto-mini-cart__image{width:74px;height:64px}
  .drotto-mini-cart__item>strong{grid-column:2;justify-self:start;margin-top:-6px}
}



/* =========================================================
   Dr. Otto Commerce v0.8.8 — Builder-owned Header + Compact Header
   The Header Builder owns the row background. Theme only styles layout.
   ========================================================= */
.oc-header{
  background:transparent!important;
}
.oc-header .oc-global-row.is-custom{
  background:var(--oc-row-bg,#242424)!important;
}
.oc-header .oc-global-row.is-custom.is-stuck{
  background:var(--oc-row-bg,#242424)!important;
}
.oc-header .oc-global-row.is-dark{
  background:var(--oc-surface-dark)!important;
}
.oc-header .oc-global-row.is-light{
  background:var(--oc-surface)!important;
}
.oc-header .oc-global-row.is-transparent{
  background:transparent!important;
}
.oc-header .oc-global-row--main .oc-header-grid{
  min-height:62px!important;
  padding-top:5px!important;
  padding-bottom:5px!important;
  gap:clamp(8px,.9vw,16px)!important;
}
.oc-header .oc-header-col{
  gap:clamp(8px,.8vw,14px)!important;
}
.oc-header .oc-site-logo,
.oc-header .oc-site-logo--adaptive{
  flex:0 0 136px!important;
  width:136px!important;
  height:42px!important;
  min-width:136px!important;
  min-height:42px!important;
  max-width:136px!important;
}
.oc-header .oc-site-logo>img,
.oc-header .oc-site-logo .oc-logo-art{
  width:136px!important;
  height:42px!important;
  min-width:136px!important;
  min-height:42px!important;
  max-width:136px!important;
  max-height:42px!important;
}
.oc-header .oc-nav>ul{
  gap:clamp(16px,1.35vw,24px)!important;
}
.oc-header .oc-nav>ul>li>a{
  min-height:62px!important;
}
.oc-header .oc-nav>ul>li>a:after{
  bottom:9px!important;
}
.oc-header .oc-search-form input{
  min-height:38px!important;
  height:38px!important;
}
.drotto-header-action{
  width:38px!important;
  height:38px!important;
}
.drotto-header-action svg{
  width:22px!important;
  height:22px!important;
}
@media(min-width:981px){
  .oc-header .oc-header-col--2.has-menu{
    margin-left:-36px!important;
    justify-content:flex-start!important;
  }
}
@media(min-width:861px) and (max-width:980px){
  .oc-header .oc-global-row--main .oc-header-grid{
    min-height:58px!important;
    padding-top:5px!important;
    padding-bottom:5px!important;
  }
  .oc-header .oc-site-logo,
  .oc-header .oc-site-logo--adaptive{
    flex-basis:116px!important;
    width:116px!important;
    min-width:116px!important;
    max-width:116px!important;
    height:34px!important;
    min-height:34px!important;
  }
  .oc-header .oc-site-logo>img,
  .oc-header .oc-site-logo .oc-logo-art{
    width:116px!important;
    min-width:116px!important;
    max-width:116px!important;
    height:34px!important;
    max-height:34px!important;
  }
  .drotto-header-action{width:36px!important;height:36px!important}
  .drotto-header-action svg{width:21px!important;height:21px!important}
}

/* =========================================================
   Dr. Otto Commerce v0.8.10 — Readability + Consolidated Mobile Header
   - compact translated search placeholder
   - hero readability gradient
   - clean mobile logo / search / cart / menu row
   ========================================================= */

/* Header search: keep the field visually quiet and compact. */
.oc-header .oc-search-form input{
  font-size:13px!important;
  letter-spacing:0!important;
}

/* Hero text protection: left-to-right black veil so copy remains readable
   even when a future slide uses a light background image. */
.oc-hero-slider .oc-hero-slide::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,
    rgba(0,0,0,.72) 0%,
    rgba(0,0,0,.58) 22%,
    rgba(0,0,0,.34) 43%,
    rgba(0,0,0,.12) 64%,
    rgba(0,0,0,0) 82%);
}
.oc-hero-slider .oc-hero-slide>.oc-hero-pro__grid{
  position:relative;
  z-index:3!important;
}

/* Mobile-only search action is injected by theme.js. */
.drotto-header-action--search{display:none}
.drotto-mobile-search-panel{display:none}

@media(max-width:860px){
  .oc-header .oc-global-row--main .oc-header-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    min-height:66px!important;
    padding:11px 14px!important;
    column-gap:5px!important;
  }
  .oc-header .oc-header-col.has-logo{
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    margin:0!important;
    justify-content:flex-start!important;
    min-width:0!important;
  }
  .oc-header .oc-header-col.has-search{display:none!important}
  .oc-header .oc-header-col.has-commerce-actions{
    display:flex!important;
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    align-items:center!important;
    margin:0!important;
    padding:0!important;
    justify-content:flex-end!important;
  }
  .drotto-header-actions{
    align-items:center!important;
    gap:5px!important;
    margin:0!important;
  }
  .drotto-header-action--account,
  .drotto-header-action--favorite{
    display:none!important;
  }
  .drotto-header-action--search,
  .drotto-header-action--cart{
    display:grid!important;
  }
  .drotto-header-action{
    width:34px!important;
    height:34px!important;
    border:0!important;
    background:transparent!important;
  }
  .drotto-header-action svg{
    width:20px!important;
    height:20px!important;
    stroke-width:1.65!important;
  }
  .drotto-header-cart-count{
    top:-2px!important;
    right:-3px!important;
    min-width:16px!important;
    height:16px!important;
    line-height:16px!important;
    font-size:9px!important;
  }
  .oc-header .oc-mobile-toggle{
    display:block;
    position:relative;
    inset:auto;
    grid-column:3;
    grid-row:1;
    align-self:center;
    justify-self:end;
    transform:none;
    box-sizing:border-box;
    width:34px;
    height:34px;
    margin:0;
    padding:0;
    border:0;
    border-radius:50%;
    background:transparent;
    color:inherit;
    font-size:0;
    line-height:0;
  }
  .oc-header .oc-mobile-toggle::before{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    width:19px;
    height:14px;
    display:block;
    transform:translate(-50%,-50%);
    background:linear-gradient(to bottom,
      currentColor 0 1.6px,
      transparent 1.6px 6.1px,
      currentColor 6.1px 7.7px,
      transparent 7.7px 12.2px,
      currentColor 12.2px 13.8px);
    border-radius:2px;
  }
  .oc-header .oc-mobile-toggle>span{display:none}
  .oc-header .oc-site-logo,
  .oc-header .oc-site-logo--adaptive{
    flex:0 0 112px!important;
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    height:34px!important;
    min-height:34px!important;
  }
  .oc-header .oc-site-logo>img,
  .oc-header .oc-site-logo .oc-logo-art{
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }

  /* The menu column stays out of the header row until the toggle opens it. */
  .oc-header .oc-header-col.has-menu{display:none!important}

  /* Mobile search uses the original Velora search widget, moved here by JS. */
  .drotto-mobile-search-panel{
    position:absolute;
    left:0;
    right:0;
    top:100%;
    z-index:170;
    padding:10px 14px 14px;
    background:var(--oc-row-bg,#1f1f1f);
    border-top:1px solid rgba(255,255,255,.07);
    border-bottom:1px solid rgba(255,255,255,.10);
    box-shadow:0 16px 30px rgba(0,0,0,.22);
  }
  .drotto-mobile-search-panel.is-open{display:block}
  .drotto-mobile-search-panel .oc-search-widget{
    display:block!important;
    width:100%!important;
    max-width:none!important;
  }
  .drotto-mobile-search-panel .oc-search-form input{
    width:100%!important;
    height:42px!important;
    min-height:42px!important;
    padding-right:16px!important;
    font-size:13px!important;
    background:rgba(255,255,255,.065)!important;
    border-color:rgba(255,255,255,.18)!important;
    color:#fff!important;
  }
  .drotto-mobile-search-panel .oc-search-form input::placeholder{
    color:rgba(255,255,255,.58)!important;
  }
  .drotto-mobile-search-panel .oc-search-live{
    top:calc(100% + 7px)!important;
  }
}

@media(max-width:620px){
  .oc-header .oc-global-row--main .oc-header-grid{
    min-height:64px!important;
    padding:10px 12px!important;
  }
  .oc-header .oc-site-logo,
  .oc-header .oc-site-logo--adaptive{
    flex-basis:106px!important;
    width:106px!important;
    min-width:106px!important;
    max-width:106px!important;
    height:32px!important;
    min-height:32px!important;
  }
  .oc-header .oc-site-logo>img,
  .oc-header .oc-site-logo .oc-logo-art{
    width:106px!important;
    min-width:106px!important;
    max-width:106px!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
  }
}

/* Mega menu rail follows the Header Builder's actual background color. */

.drotto-mega-menu__rail{
  background:var(--drotto-header-bg, var(--dr-dark))!important;
}

/* Dark native mobile menu. */
@media(max-width:860px){
  /* Native Velora mobile menu follows the Dr. Otto header instead of
     opening as a white surface on top of the hero. */
  .oc-header.is-mobile-open .oc-header-col.has-menu{
    display:flex!important;
    position:absolute;
    left:12px;
    right:12px;
    top:calc(100% + 8px);
    z-index:190;
    padding:10px;
    background:var(--drotto-header-bg,#1f1f1f);
    color:#fff;
    border:1px solid rgba(255,255,255,.10);
    border-radius:14px;
    box-shadow:0 18px 46px rgba(0,0,0,.30);
    max-height:calc(100vh - 96px);
    overflow:auto;
  }
  .oc-header.is-mobile-open .oc-header-col.has-menu .oc-nav{
    display:block;
    width:100%;
  }
  .oc-header.is-mobile-open .oc-header-col.has-menu .oc-nav>ul{
    display:grid;
    gap:0;
    width:100%;
    margin:0;
    padding:0;
  }
  .oc-header.is-mobile-open .oc-header-col.has-menu .oc-nav>ul>li{
    width:100%;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .oc-header.is-mobile-open .oc-header-col.has-menu .oc-nav>ul>li:last-child{
    border-bottom:0;
  }
  .oc-header.is-mobile-open .oc-header-col.has-menu .oc-nav a{
    display:flex;
    width:100%;
    min-height:44px;
    align-items:center;
    padding:10px 12px;
    border-radius:9px;
    color:#fff;
    background:transparent;
    font-weight:600;
  }
  .oc-header.is-mobile-open .oc-header-col.has-menu .oc-nav a:hover,
  .oc-header.is-mobile-open .oc-header-col.has-menu .oc-nav a:focus-visible{
    color:var(--oc-primary,var(--dr-primary,#306b00));
    background:rgba(255,255,255,.055);
  }
  .oc-header.is-mobile-open .oc-header-col.has-menu .oc-nav li>ul{
    position:static;
    display:grid;
    gap:2px;
    min-width:0;
    margin:0;
    padding:0 0 8px 14px;
    background:transparent;
    color:#fff;
    border:0;
    border-radius:0;
    box-shadow:none;
  }
  .oc-header.is-mobile-open .oc-header-col.has-menu .oc-nav li>ul a{
    min-height:38px;
    padding:8px 10px;
    color:rgba(255,255,255,.76);
  }
}

/* Commerce account · Dr. Otto */
.drotto-account{--account-line:color-mix(in srgb,var(--dr-border) 82%,transparent);padding-block:36px 86px;color:var(--dr-text);scroll-behavior:smooth}
.drotto-account [id]{scroll-margin-top:105px}
.drotto-account__hero{min-height:252px;display:flex;position:relative;overflow:hidden;align-items:center;padding:clamp(30px,4.5vw,62px);border-radius:22px;background:linear-gradient(115deg,var(--dr-dark) 0%,color-mix(in srgb,var(--dr-dark) 88%,var(--dr-primary)) 100%);color:var(--dr-inverse,#fff)}
.drotto-account__hero:before{content:"";position:absolute;right:-9%;top:-175%;width:720px;height:720px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 66px rgba(255,255,255,.026),0 0 0 134px rgba(255,255,255,.02)}
.drotto-account__hero:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,var(--dr-primary),var(--dr-accent),transparent 82%)}
.drotto-account__hero-copy{position:relative;z-index:1;max-width:740px}
.drotto-account__eyebrow,.drotto-account__section-head small,.drotto-account__support small{font-size:11px;font-weight:750;letter-spacing:.16em;color:var(--dr-primary)}
.drotto-account__hero .drotto-account__eyebrow{color:var(--dr-accent)}
.drotto-account__hero h1{font-family:var(--dr-heading-font,Georgia,serif);font-size:clamp(34px,4vw,57px);font-weight:500;line-height:1.12;margin:13px 0 11px;color:inherit}
.drotto-account__hero p{margin:0;color:color-mix(in srgb,var(--dr-inverse,#fff) 73%,transparent);font-size:15px;line-height:1.6}
.drotto-account__hero-rule{width:38px;height:2px;margin:24px 0 15px;background:var(--dr-accent)}
.drotto-account__member{font-size:12px;letter-spacing:.06em;color:color-mix(in srgb,var(--dr-inverse,#fff) 72%,transparent)}
.drotto-account__hero-mark{position:absolute;right:8%;bottom:-90px;font:normal 410px/.9 Georgia,serif;opacity:.045;pointer-events:none}
.drotto-account__notice{margin:18px 0 0;padding:13px 17px;background:var(--dr-primary-soft);border:1px solid var(--dr-primary-border);border-radius:12px;color:var(--dr-primary-strong)}
.drotto-account__notice.is-error{background:#fff0ee;border-color:#f2ceca;color:#9d2525}
.drotto-account__layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start;margin-top:31px}
.drotto-account__rail{position:sticky;top:104px;border:1px solid var(--account-line);border-radius:18px;background:var(--dr-surface);padding:17px;box-shadow:0 8px 35px rgba(20,30,35,.035)}
.drotto-account__nav{display:grid;gap:2px}.drotto-account__nav>small{padding:10px 13px 15px;color:var(--dr-muted);font-size:10px;letter-spacing:.14em;font-weight:750}
.drotto-account__nav a{display:flex;align-items:center;gap:12px;min-height:45px;padding:9px 12px;border-radius:10px;text-decoration:none;color:var(--dr-text);font-size:13px;font-weight:650;transition:background .16s,color .16s}
.drotto-account__nav a:hover,.drotto-account__nav a:focus-visible{background:var(--dr-primary-soft);color:var(--dr-primary)}
.drotto-account__nav svg,.drotto-account__stat-icon svg,.drotto-account__order-icon svg,.drotto-account__empty-icon svg,.drotto-account__support-icon svg{width:21px;height:21px;flex:none}
.drotto-account__nav svg{color:var(--dr-primary)}
.drotto-account__rail-logout{border-top:1px solid var(--account-line);margin-top:13px;padding-top:10px}.drotto-account__rail-logout button{border:0;background:transparent;color:var(--dr-muted);font-weight:600;font-size:12px;font-family:inherit;width:100%;padding:11px 13px;cursor:pointer;text-align:left;display:flex;justify-content:space-between}
.drotto-account__content{display:grid;gap:22px;min-width:0}
.drotto-account__overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.drotto-account__stat{display:flex;align-items:center;gap:12px;min-height:100px;padding:17px 18px;border:1px solid var(--account-line);border-radius:15px;background:var(--dr-surface);box-shadow:0 7px 25px rgba(20,30,35,.035);color:var(--dr-text);text-decoration:none;transition:transform .17s,border-color .17s}
.drotto-account__stat:hover{transform:translateY(-2px);border-color:var(--dr-primary-border)}
.drotto-account__stat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--dr-primary-soft);color:var(--dr-primary);flex:none}
.drotto-account__stat>span:nth-child(2){display:grid;gap:4px}.drotto-account__stat small{font-size:11px;color:var(--dr-muted)}.drotto-account__stat strong{font:500 25px/1.1 var(--dr-heading-font,Georgia,serif)}.drotto-account__stat strong.drotto-account__stat-label{font-size:19px}.drotto-account__stat-arrow{margin-left:auto;align-self:flex-start;color:var(--dr-primary);font-size:15px}
.drotto-account__panel{min-width:0;border:1px solid var(--account-line);border-radius:18px;padding:clamp(20px,2.7vw,31px);background:var(--dr-surface);box-shadow:0 9px 30px rgba(20,30,35,.035)}
.drotto-account__section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.drotto-account__section-head h2{font:500 clamp(25px,2.5vw,33px)/1.2 var(--dr-heading-font,Georgia,serif);margin:5px 0 0;color:var(--dr-text)}.drotto-account__section-head>a,.drotto-account__text-link{font-size:12px;font-weight:700;color:var(--dr-primary);text-decoration:none}.drotto-account__section-head>a:hover,.drotto-account__text-link:hover{text-decoration:underline}
.drotto-account__count{padding:8px 11px;border-radius:50px;font-size:11px;color:var(--dr-primary);background:var(--dr-primary-soft)}
.drotto-account__empty{display:flex;align-items:center;gap:20px;padding:24px;border-radius:12px;background:var(--dr-soft);border:1px solid var(--account-line)}.drotto-account__empty-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--dr-surface);color:var(--dr-primary);flex:none}.drotto-account__empty strong{font-size:15px}.drotto-account__empty p,.drotto-account__subtle{color:var(--dr-muted);font-size:13px;line-height:1.65}.drotto-account__empty p{margin:6px 0}.drotto-account__empty a{font-size:12px;font-weight:750;color:var(--dr-primary);text-decoration:none}.drotto-account__empty--small{padding:19px 22px}
.drotto-account__order{display:flex;align-items:center;gap:15px;padding:16px 0;border-top:1px solid var(--account-line)}.drotto-account__order:first-child{border-top:0}.drotto-account__order-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--account-line);border-radius:11px;color:var(--dr-primary);flex:none}.drotto-account__order-main{display:grid;gap:5px;min-width:0}.drotto-account__order-main strong{font-size:13px}.drotto-account__order-main small{font-size:11px;color:var(--dr-muted)}.drotto-account__order-meta{display:grid;gap:5px;margin-left:auto;text-align:right}.drotto-account__order-meta strong{font-size:13px}.drotto-account__status{display:inline-block;white-space:nowrap;font-size:11px;font-weight:700;color:var(--dr-primary);background:var(--dr-primary-soft);padding:6px 9px;border-radius:99px}.drotto-account__order-link{width:35px;height:35px;display:grid;place-items:center;color:var(--dr-primary);border:1px solid var(--account-line);border-radius:9px}.drotto-account__order-link svg{width:17px;height:17px}.drotto-account__pages{display:flex;gap:8px;margin-top:17px}.drotto-account__pages a{padding:7px 10px;border:1px solid var(--account-line);border-radius:8px;color:var(--dr-text);text-decoration:none}.drotto-account__pages [aria-current="page"]{background:var(--dr-primary);color:var(--dr-inverse,#fff)}
.drotto-account__tracking-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:13px}.drotto-account__tracking-summary div{display:grid;gap:5px}.drotto-account__tracking-summary small{color:var(--dr-muted);font-size:11px}.drotto-account__tracking-summary strong{font-size:13px}.drotto-account__timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:19px 0 11px;padding:0;list-style:none}.drotto-account__timeline li{position:relative;display:grid;gap:10px;justify-items:start;color:var(--dr-muted);font-size:11px;line-height:1.35}.drotto-account__timeline li:not(:last-child):before{content:"";position:absolute;top:8px;left:17px;right:0;height:1px;background:var(--account-line)}.drotto-account__timeline li.is-reached{color:var(--dr-primary);font-weight:700}.drotto-account__timeline li.is-reached:not(:last-child):before{background:var(--dr-primary)}.drotto-account__timeline-dot{width:17px;height:17px;border:1px solid var(--dr-border);background:var(--dr-surface);border-radius:50%;z-index:1}.drotto-account__timeline .is-reached .drotto-account__timeline-dot{background:var(--dr-primary);border-color:var(--dr-primary);box-shadow:inset 0 0 0 4px var(--dr-surface)}.drotto-account__timeline .is-current .drotto-account__timeline-dot{box-shadow:0 0 0 4px var(--dr-primary-soft),inset 0 0 0 4px var(--dr-surface)}
.drotto-account__favorites{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.drotto-account__favorite{display:grid;grid-template-columns:54px 1fr auto;gap:10px;align-items:center;min-width:0;padding:9px;border:1px solid var(--account-line);border-radius:11px;color:var(--dr-text);text-decoration:none}.drotto-account__favorite img,.drotto-account__favorite-placeholder{width:54px;height:54px;object-fit:cover;border-radius:7px;background:var(--dr-soft)}.drotto-account__favorite-placeholder{display:grid;place-items:center;color:var(--dr-primary)}.drotto-account__favorite-placeholder svg{width:23px}.drotto-account__favorite strong{font-size:11px;line-height:1.3;min-width:0}.drotto-account__favorite>span:last-child{color:var(--dr-primary)}
.drotto-account__lower{display:grid;grid-template-columns:1fr 1fr;gap:22px}.drotto-account__contact-row{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--account-line);padding:11px 0;font-size:12px}.drotto-account__contact-row span{color:var(--dr-muted)}.drotto-account__contact-row strong{text-align:right;overflow-wrap:anywhere}.drotto-account__text-link{display:inline-block;margin-top:18px}
.drotto-account__support{position:relative;overflow:hidden;background:var(--dr-soft)}.drotto-account__support-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--dr-surface);color:var(--dr-primary);margin-bottom:13px}.drotto-account__support h2{font:500 25px/1.2 var(--dr-heading-font,Georgia,serif);margin:7px 0}.drotto-account__support p{font-size:12px;line-height:1.5;color:var(--dr-muted);max-width:290px}.drotto-account__support a{display:flex;justify-content:space-between;max-width:295px;color:var(--dr-text);font-size:12px;font-weight:700;text-decoration:none;margin-top:10px}.drotto-account__support a span{color:var(--dr-primary)}
.drotto-account__profile>.drotto-account__subtle{margin:-9px 0 23px}.drotto-account__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.drotto-account__fields label{display:grid;gap:8px;font-size:12px;font-weight:700}.drotto-account__fields input{width:100%;height:45px;background:var(--dr-surface);border:1px solid var(--dr-border);border-radius:9px;padding:0 13px;color:var(--dr-text);font:inherit}.drotto-account__fields input:focus-visible{outline:2px solid var(--dr-primary);outline-offset:1px}.drotto-account__fields input[readonly]{background:var(--dr-soft);color:var(--dr-muted)}.drotto-account__check{display:flex;gap:10px;align-items:flex-start;margin:19px 0;font-size:12px;color:var(--dr-muted)}.drotto-account__check input{margin-top:3px;accent-color:var(--dr-primary)}.drotto-account__check a{color:var(--dr-primary)}.drotto-account__form button{display:flex;align-items:center;gap:13px;justify-content:center;padding:12px 18px;border:0;border-radius:9px;background:var(--dr-primary);color:var(--dr-inverse,#fff);font-size:12px;font-weight:750;cursor:pointer}.drotto-account__form button svg{width:16px;height:16px}
@media(max-width:1120px){.drotto-account__layout{grid-template-columns:210px minmax(0,1fr);gap:19px}.drotto-account__favorites{grid-template-columns:1fr}.drotto-account__favorite{grid-template-columns:54px 1fr auto}}
@media(max-width:860px){.drotto-account{padding-block:16px 54px}.drotto-account__hero{min-height:230px}.drotto-account__layout{grid-template-columns:1fr;gap:18px;margin-top:18px}.drotto-account__rail{position:static;display:block;overflow:auto;padding:8px;white-space:nowrap}.drotto-account__nav{display:flex;align-items:center}.drotto-account__nav>small,.drotto-account__rail-logout{display:none}.drotto-account__nav a{flex:none;min-height:40px;padding:8px 11px;font-size:12px}.drotto-account__nav svg{width:17px;height:17px}.drotto-account__overview{gap:9px}.drotto-account__stat{min-height:83px;padding:11px}.drotto-account__stat-icon{width:35px;height:35px}.drotto-account__stat-icon svg{width:17px}}
@media(max-width:620px){.drotto-account__hero{padding:29px 24px;min-height:220px;border-radius:15px}.drotto-account__hero h1{font-size:36px}.drotto-account__hero p{font-size:13px}.drotto-account__hero-mark{right:-25%;font-size:300px;bottom:-30px}.drotto-account__content{gap:15px}.drotto-account__overview{grid-template-columns:repeat(3,minmax(0,1fr))}.drotto-account__stat{display:grid;justify-items:start;gap:6px;min-height:94px}.drotto-account__stat small{font-size:10px}.drotto-account__stat strong{font-size:21px}.drotto-account__stat strong.drotto-account__stat-label{font-size:15px}.drotto-account__stat-arrow{display:none}.drotto-account__panel{padding:19px;border-radius:13px}.drotto-account__section-head h2{font-size:26px}.drotto-account__lower,.drotto-account__fields{grid-template-columns:1fr}.drotto-account__order{flex-wrap:wrap}.drotto-account__order-main{flex:1}.drotto-account__order-meta{order:3;width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;margin:0}.drotto-account__order-link{order:2}.drotto-account__empty{padding:17px;gap:13px}.drotto-account__empty-icon{width:43px;height:43px}.drotto-account__timeline li{font-size:10px}}
.drotto-account--detail{max-width:1320px}.drotto-account__back{display:inline-flex;margin-bottom:16px;text-decoration:none;color:var(--dr-primary);font-size:13px;font-weight:700}.drotto-account__detail-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(285px,.8fr);gap:22px;align-items:start;margin-top:23px}.drotto-account__detail-main,.drotto-account__detail-aside{display:grid;gap:20px;min-width:0}.drotto-account__line-item{display:flex;align-items:start;justify-content:space-between;gap:15px;border-top:1px solid var(--account-line);padding:17px 0}.drotto-account__line-item:first-of-type{border-top:0}.drotto-account__line-item div{display:grid;gap:6px}.drotto-account__line-item strong{font-size:13px}.drotto-account__line-item small{font-size:12px;color:var(--dr-muted)}.drotto-account__totals{border-top:1px solid var(--account-line);padding-top:10px}.drotto-account__totals p{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px}.drotto-account__totals p:last-child{border-top:1px solid var(--account-line);padding-top:15px;font-size:18px;font-weight:700}.drotto-account__address{font-size:13px;line-height:1.8;color:var(--dr-muted)}.drotto-account__address strong{color:var(--dr-text)}@media(max-width:850px){.drotto-account__detail-grid{grid-template-columns:1fr}}

.drotto-account__empty .drotto-account__guest-note{font-size:11px;color:var(--dr-muted);margin:14px 0 0}

/* Account: compact header, accessible tab panels, password form. */
.drotto-account [hidden]{display:none}
.drotto-account__hero{min-height:114px;padding:23px 30px;border-radius:15px}
.drotto-account__hero:before,.drotto-account__hero:after{content:none}
.drotto-account__hero h1{margin:0 0 5px;font-size:clamp(26px,3vw,38px);line-height:1.15;text-transform:uppercase}
.drotto-account__hero .drotto-account__hero-name{font-size:13px;line-height:1.5;color:color-mix(in srgb,var(--dr-inverse,#fff) 78%,transparent)}
.drotto-account__layout{margin-top:20px}
.drotto-account__nav [aria-selected="true"]{color:var(--dr-primary);background:var(--dr-primary-soft)}
.drotto-account__nav [role="tab"]:focus-visible{outline:2px solid var(--dr-primary);outline-offset:2px}
.drotto-account__password{border-top:1px solid var(--account-line);margin-top:30px;padding-top:25px}
.drotto-account__password h3{font:500 24px/1.2 var(--dr-heading-font,Georgia,serif);margin:0 0 8px;color:var(--dr-text)}
.drotto-account__password .drotto-account__subtle{margin:0 0 18px}
.drotto-account__password .drotto-account__form button{margin-top:19px}
@media(max-width:620px){.drotto-account__hero{min-height:92px;padding:19px 22px}.drotto-account__hero h1{font-size:28px}.drotto-account__layout{margin-top:14px}}

/* User profile subsections, saved addresses and cancellation */
.drotto-account__subnav{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--account-line);padding-bottom:12px;margin-bottom:23px}
.drotto-account__subnav a{padding:9px 12px;border-radius:8px;font-size:12px;color:var(--dr-muted);font-weight:650;text-decoration:none}
.drotto-account__subnav a:hover,.drotto-account__subnav a[aria-selected="true"]{background:var(--dr-primary-soft);color:var(--dr-primary)}
.drotto-account__subnav a:focus-visible{outline:2px solid var(--dr-primary);outline-offset:2px}
.drotto-account__subpanel[hidden],.drotto-account__content>[hidden]{display:none}
.drotto-account__subpanel .drotto-account__subtle{margin:0 0 18px}
.drotto-account__subpanel .drotto-account__form>button{margin-top:17px}
.drotto-account__address-list{display:grid;gap:11px;margin-bottom:16px}.drotto-account__address-card{border:1px solid var(--account-line);border-radius:12px;padding:17px;display:grid;gap:9px}.drotto-account__address-card>div{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}.drotto-account__address-card p{width:100%;font-size:12px;line-height:1.65;color:var(--dr-muted);margin:0}.drotto-account__address-card details{width:100%}.drotto-account__address-card summary,.drotto-account__new-address summary{color:var(--dr-primary);cursor:pointer;font-size:12px;font-weight:700;padding:7px 0}.drotto-account__address-card details[open],.drotto-account__new-address[open]{padding-top:10px}.drotto-account__new-address{border:1px solid var(--account-line);border-radius:12px;padding:10px 16px}.drotto-account__delete{margin-top:15px;border:1px solid var(--account-line);color:var(--dr-text);background:transparent;border-radius:8px;padding:9px 12px;cursor:pointer}
.drotto-account__reason{display:grid;gap:8px;font-size:12px;font-weight:700}.drotto-account__reason textarea{width:100%;border:1px solid var(--account-line);border-radius:8px;padding:11px;color:var(--dr-text);font:inherit;resize:vertical}.drotto-account__cancel .drotto-account__form button{margin-top:12px}
.drotto-saved-address{display:grid;gap:8px;padding:0 0 15px;color:var(--dr-text);font-size:12px;font-weight:700}.drotto-saved-address select{max-width:100%;width:100%;padding:11px;border:1px solid var(--dr-border);border-radius:9px;background:var(--dr-surface);color:var(--dr-text)}
@media(max-width:620px){.drotto-account__subnav{flex-wrap:nowrap;overflow:auto;scrollbar-width:thin}.drotto-account__subnav a{white-space:nowrap;flex:none}}

/* Checkout approval stays alongside the order total on every screen. */
.drotto-checkout-final{border-top:1px solid var(--dr-border);padding-top:20px;margin-top:18px}
.drotto-checkout-final h3{font:600 17px/1.3 var(--oc-font);margin:0 0 14px;color:var(--dr-text)}
.drotto-checkout-final .drotto-checkout-agreements{padding:0;gap:12px}
.drotto-checkout-final .drotto-checkout-agreements label{font-size:13px;line-height:1.55}
.drotto-checkout-final__hint{color:var(--dr-muted);font-size:12px;line-height:1.5;margin:13px 0}
.drotto-checkout-final>button{width:100%;min-height:48px;border:0;border-radius:var(--oc-button-radius);background:var(--dr-primary);color:#fff;font:700 14px var(--oc-font);cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px}
.drotto-checkout-final>button:disabled{background:var(--dr-border);color:var(--dr-muted);cursor:not-allowed}
@media(max-width:1000px){.drotto-checkout-layout>.drotto-checkout-summary{order:2}.drotto-checkout-summary .drotto-mobile-summary-toggle{display:none}.drotto-checkout-summary .drotto-mobile-summary-body{display:block}.drotto-checkout-summary h2{display:block}}
@media(max-width:1000px){body.is-checkout-review .drotto-checkout-mobile-bar{display:none}}

/* Account heading and discoverable profile subsections. */
body.drotto-theme .drotto-account:not(.drotto-account--detail) .drotto-account__hero h1{font-family:Poppins,var(--oc-font),sans-serif;font-size:20px;font-weight:600;letter-spacing:0}
.drotto-account__side-subnav{display:grid;gap:2px;margin:0 10px 8px 33px;padding:4px 0 9px 14px;border-left:1px solid var(--account-line)}
.drotto-account__side-subnav a{display:block;padding:9px 12px;border-radius:8px;color:var(--dr-muted);font-size:12px;font-weight:550;text-decoration:none;line-height:1.35;transition:background .15s,color .15s}
.drotto-account__side-subnav a:hover,.drotto-account__side-subnav a[aria-current="page"]{background:var(--dr-primary-soft);color:var(--dr-primary)}
.drotto-account__side-subnav a:focus-visible{outline:2px solid var(--dr-primary);outline-offset:2px}

/* Member questions and ticket conversation. */
.drotto-support-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:18px 0 22px}
.drotto-support-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;border:1px solid var(--account-line);border-radius:11px;text-decoration:none;color:var(--dr-text);background:var(--dr-surface)}
.drotto-support-list a:hover,.drotto-support-list a.is-active{border-color:var(--dr-primary);background:var(--dr-primary-soft)}
.drotto-support-list strong{display:block;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.drotto-support-list span{color:var(--dr-muted);font-size:11px;text-align:right;flex:none}
.drotto-support-thread{border:1px solid var(--account-line);border-radius:12px;padding:19px;background:var(--dr-soft);margin:18px 0}
.drotto-support-thread h3{font:500 21px/1.3 var(--dr-heading-font,Georgia,serif);margin:0 0 4px}
.drotto-support-thread>p{font-size:12px;color:var(--dr-muted);margin:0 0 16px}
.drotto-support-thread article{max-width:85%;padding:13px 16px;border:1px solid var(--account-line);border-radius:11px;background:var(--dr-surface);margin:11px auto 11px 0}
.drotto-support-thread article.is-customer{margin-left:auto;margin-right:0;background:var(--dr-primary-soft)}
.drotto-support-thread article small{font-size:11px;color:var(--dr-primary);font-weight:700}
.drotto-support-thread article p{font-size:13px;line-height:1.7;margin:7px 0 0;white-space:normal;overflow-wrap:anywhere}
.drotto-support-new{border:1px solid var(--account-line);border-radius:14px;margin-top:24px;background:var(--dr-surface);overflow:hidden}
.drotto-support-new[open]{box-shadow:0 10px 28px rgba(20,30,35,.035)}
.drotto-support-new>summary{display:flex;align-items:center;gap:13px;padding:18px 22px;color:var(--dr-text);font-size:14px;font-weight:700;cursor:pointer;list-style:none;background:var(--dr-soft)}
.drotto-support-new>summary::-webkit-details-marker{display:none}
.drotto-support-new>summary:focus-visible{outline:2px solid var(--dr-primary);outline-offset:-4px}
.drotto-support-new>summary small{display:block;margin-top:3px;color:var(--dr-muted);font-size:11px;font-weight:450;line-height:1.45}
.drotto-support-new__plus{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:10px;background:var(--dr-surface);color:var(--dr-primary);font-size:22px;font-weight:400}
.drotto-support-new__chevron{margin-left:auto;color:var(--dr-primary);font-size:22px;line-height:1;transition:transform .2s}
.drotto-support-new[open] .drotto-support-new__chevron{transform:rotate(180deg)}
.drotto-account__support-panel .drotto-account__form{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;margin:0;padding:24px}
.drotto-account__support-panel>.drotto-account__form{margin-top:18px;border:1px solid var(--account-line);border-radius:12px;background:var(--dr-soft)}
.drotto-account__support-panel .drotto-account__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.drotto-account__support-panel .drotto-account__form label{display:grid;align-content:start;gap:8px;min-width:0;color:var(--dr-text);font-size:12px;font-weight:700;line-height:1.45}
.drotto-account__support-panel .drotto-account__form label small{display:inline;font-size:11px;color:var(--dr-muted);font-weight:400}
.drotto-account__support-panel .drotto-account__form input,.drotto-account__support-panel .drotto-account__form select,.drotto-account__support-panel .drotto-account__form textarea{display:block;width:100%;min-width:0;max-width:100%;min-height:46px;box-sizing:border-box;padding:11px 13px;border:1px solid var(--account-line);border-radius:9px;background:var(--dr-surface);color:var(--dr-text);font:400 13px/1.5 var(--oc-font);resize:vertical}
.drotto-account__support-panel .drotto-account__form textarea{min-height:128px}
.drotto-account__support-panel .drotto-account__form :is(input,select,textarea):focus-visible{outline:2px solid var(--dr-primary);outline-offset:2px}
.drotto-support-new__actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:2px}
.drotto-support-new__actions>span{color:var(--dr-muted);font-size:11px;line-height:1.5}
.drotto-account__support-panel .drotto-account__form button{justify-self:start;background:var(--dr-primary);color:var(--dr-inverse,#fff);border:0;border-radius:9px;padding:12px 19px;font:700 13px var(--oc-font);cursor:pointer;white-space:nowrap}
.drotto-account__support-panel .drotto-account__form button:hover{filter:brightness(.92)}
.drotto-auth-trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}
@media(max-width:860px){.drotto-account__rail{overflow:visible;white-space:normal}.drotto-account__nav{overflow-x:auto;white-space:nowrap}.drotto-account__side-subnav{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:9px 3px 2px;padding:12px 0 2px;border-left:0;border-top:1px solid var(--account-line)}.drotto-account__side-subnav:before{content:"Kullanıcı Bilgilerim";grid-column:1/-1;margin:0 0 2px 4px;font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--dr-muted)}.drotto-account__side-subnav a{background:var(--dr-soft)}}
@media(max-width:620px){.drotto-support-list{grid-template-columns:1fr}.drotto-support-thread article{max-width:95%}.drotto-account__support-panel .drotto-account__fields{grid-template-columns:1fr}.drotto-account__support-panel .drotto-account__form{padding:18px;gap:15px}.drotto-support-new>summary{padding:15px 17px}.drotto-support-new__actions{align-items:flex-start;flex-direction:column-reverse}.drotto-account__support-panel .drotto-account__form button{width:100%;min-height:46px}}

/* Customer invoices */
.drotto-account__invoice-lead{margin:-8px 0 19px}.drotto-account__invoice-list{display:grid;gap:10px}.drotto-account__invoice{display:grid;grid-template-columns:46px minmax(175px,1fr) minmax(190px,.9fr) auto;gap:15px;align-items:center;padding:16px;border:1px solid var(--account-line);border-radius:13px;background:var(--dr-surface)}.drotto-account__invoice.is-pending{background:linear-gradient(110deg,var(--dr-soft),var(--dr-surface))}.drotto-account__invoice-icon,.drotto-account__invoice-card-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:var(--dr-primary-soft);color:var(--dr-primary);flex:none}.drotto-account__invoice-icon svg,.drotto-account__invoice-card-icon svg{width:22px;height:22px}.drotto-account__invoice-main,.drotto-account__invoice-state{display:grid;gap:4px;min-width:0}.drotto-account__invoice-main small{font-size:9px;font-weight:750;letter-spacing:.14em;color:var(--dr-muted)}.drotto-account__invoice-main a{font-size:13px;font-weight:750;color:var(--dr-text);text-decoration:none;overflow-wrap:anywhere}.drotto-account__invoice-main a:hover{color:var(--dr-primary)}.drotto-account__invoice-main span,.drotto-account__invoice-state small{font-size:11px;line-height:1.45;color:var(--dr-muted)}.drotto-account__invoice-state .drotto-account__status{justify-self:start}.drotto-account__invoice-download,.drotto-account__invoice-card-download{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:40px;padding:10px 14px;border-radius:9px;background:var(--dr-primary);color:var(--dr-inverse,#fff);font-size:12px;font-weight:750;text-decoration:none;white-space:nowrap}.drotto-account__invoice-download:hover,.drotto-account__invoice-card-download:hover{filter:brightness(.92)}.drotto-account__invoice-wait{color:var(--dr-primary);font-weight:800;letter-spacing:.12em}.drotto-account__invoice-card{background:linear-gradient(145deg,var(--dr-surface),var(--dr-soft))}.drotto-account__invoice-card-file,.drotto-account__invoice-preparing{display:flex;align-items:center;gap:13px}.drotto-account__invoice-card-file>div,.drotto-account__invoice-preparing>div{display:grid;gap:4px}.drotto-account__invoice-card-file strong,.drotto-account__invoice-preparing strong{font-size:13px}.drotto-account__invoice-card-file small{font-size:11px;color:var(--dr-muted)}.drotto-account__invoice-card-download{width:100%;margin-top:16px}.drotto-account__invoice-preparing p{margin:0;color:var(--dr-muted);font-size:12px;line-height:1.55}.drotto-account__invoice-preparing .drotto-account__invoice-card-icon{background:var(--dr-surface);border:1px solid var(--account-line)}
@media(max-width:760px){.drotto-account__invoice{grid-template-columns:44px 1fr auto}.drotto-account__invoice-state{grid-column:2/4}.drotto-account__invoice-download{grid-column:2/4;justify-self:start}.drotto-account__invoice-wait{grid-column:3;grid-row:1}}
@media(max-width:480px){.drotto-account__invoice{grid-template-columns:42px 1fr;padding:14px}.drotto-account__invoice-state,.drotto-account__invoice-download{grid-column:1/-1}.drotto-account__invoice-download{width:100%}.drotto-account__invoice-wait{display:none}}
/* Premium SSS / yardım merkezi */
.drotto-faq-section{--faq-accent:var(--oc-primary,var(--dr-primary,#b38a45));position:relative}
.drotto-faq-section--embedded{margin:78px 0;padding:44px 48px;border:1px solid color-mix(in srgb,var(--oc-border,var(--dr-border,#e7dfd2)) 82%,transparent);border-radius:28px;background:radial-gradient(circle at 8% 10%,color-mix(in srgb,var(--faq-accent) 8%,transparent) 0 1px,transparent 1.5px) 0 0/14px 14px,linear-gradient(180deg,color-mix(in srgb,var(--oc-surface-soft,var(--dr-surface-soft,#f7f2ea)) 72%,#fff),#fff);box-shadow:0 22px 60px rgba(20,24,28,.055)}
.drotto-faq-section__head{display:flex;justify-content:space-between;gap:36px;align-items:end;margin-bottom:30px}
.drotto-faq-section__head>div{max-width:720px}.drotto-faq-section__head h2{margin:7px 0 8px;color:var(--oc-text,var(--dr-text,#17191b));font-family:var(--oc-heading-font,var(--dr-heading-font,serif));font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.08}.drotto-faq-section__head p{margin:0;color:var(--oc-muted,var(--dr-muted,#717171));font-size:15px;line-height:1.7}.drotto-faq-section__head>a{display:inline-flex;gap:9px;align-items:center;white-space:nowrap;color:var(--faq-accent);font-size:13px;font-weight:750;text-decoration:none}.drotto-faq-section__head>a span{transition:transform .2s ease}.drotto-faq-section__head>a:hover span{transform:translateX(4px)}
.drotto-faq-list{border-top:1px solid color-mix(in srgb,var(--oc-border,var(--dr-border,#e7dfd2)) 92%,transparent)}
.drotto-faq-item{border-bottom:1px solid color-mix(in srgb,var(--oc-border,var(--dr-border,#e7dfd2)) 92%,transparent)}
.drotto-faq-item summary{display:grid;grid-template-columns:48px minmax(0,1fr) 42px;gap:16px;align-items:center;min-height:84px;padding:9px 0;cursor:pointer;list-style:none}.drotto-faq-item summary::-webkit-details-marker{display:none}
.drotto-faq-item__number{color:color-mix(in srgb,var(--faq-accent) 82%,#101820);font-size:11px;font-weight:800;letter-spacing:.15em}.drotto-faq-item summary strong{color:var(--oc-text,var(--dr-text,#17191b));font-size:16px;font-weight:650;line-height:1.45;transition:color .2s ease}.drotto-faq-item summary i{position:relative;width:38px;height:38px;border:1px solid color-mix(in srgb,var(--faq-accent) 35%,var(--oc-border,var(--dr-border,#e7dfd2)));border-radius:50%;background:color-mix(in srgb,var(--faq-accent) 5%,#fff);transition:background .25s ease,border-color .25s ease,transform .25s ease}.drotto-faq-item summary i:before,.drotto-faq-item summary i:after{content:"";position:absolute;left:50%;top:50%;width:13px;height:1.5px;border-radius:2px;background:var(--faq-accent);transform:translate(-50%,-50%);transition:transform .25s ease}.drotto-faq-item summary i:after{transform:translate(-50%,-50%) rotate(90deg)}.drotto-faq-item[open] summary strong,.drotto-faq-item summary:hover strong{color:var(--faq-accent)}.drotto-faq-item[open] summary i{border-color:var(--faq-accent);background:var(--faq-accent);transform:rotate(180deg)}.drotto-faq-item[open] summary i:before,.drotto-faq-item[open] summary i:after{background:#fff}.drotto-faq-item[open] summary i:after{transform:translate(-50%,-50%) rotate(0)}
.drotto-faq-item__answer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .3s ease,opacity .25s ease}.drotto-faq-item[open] .drotto-faq-item__answer{grid-template-rows:1fr;opacity:1}.drotto-faq-item__answer>div{overflow:hidden;max-width:860px;padding:0 58px 0 64px;color:var(--oc-muted,var(--dr-muted,#717171));font-size:14px;line-height:1.8}.drotto-faq-item[open] .drotto-faq-item__answer>div{padding-bottom:28px}.drotto-faq-item__answer p{margin:0 0 12px}.drotto-faq-item__answer p:last-child{margin-bottom:0}.drotto-faq-item__answer ul,.drotto-faq-item__answer ol{margin:10px 0 0;padding-left:20px}
.drotto-faq-page__main{padding-bottom:92px;background:linear-gradient(180deg,color-mix(in srgb,var(--oc-surface-soft,var(--dr-surface-soft,#f7f2ea)) 55%,#fff) 0,rgba(255,255,255,0) 540px)}
.drotto-faq-hero{padding:34px 0 68px;border-bottom:1px solid color-mix(in srgb,var(--oc-border,var(--dr-border,#e7dfd2)) 72%,transparent)}.drotto-faq-hero .drotto-breadcrumb{margin-bottom:22px}.drotto-faq-hero__copy{max-width:860px}.drotto-faq-hero__copy h1{margin:8px 0 16px;color:var(--oc-text,var(--dr-text,#17191b));font-family:var(--oc-heading-font,var(--dr-heading-font,serif));font-size:var(--dr-h1);font-weight:var(--dr-h1-weight);letter-spacing:normal;line-height:var(--dr-h1-lh)}.drotto-faq-hero__copy p{max-width:700px;margin:0;color:var(--oc-muted,var(--dr-muted,#717171));font-size:17px;line-height:1.7}
.drotto-faq-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:76px;align-items:start;padding-top:72px}.drotto-faq-topics{position:sticky;top:28px;padding:25px;border:1px solid var(--oc-border,var(--dr-border,#e7dfd2));border-radius:22px;background:rgba(255,255,255,.88);box-shadow:0 16px 44px rgba(20,24,28,.045);backdrop-filter:blur(14px)}.drotto-faq-topics>span{display:block;margin-bottom:14px;color:var(--faq-accent,var(--oc-primary,var(--dr-primary,#b38a45)));font-size:10px;font-weight:800;letter-spacing:.18em}.drotto-faq-topics nav{display:grid}.drotto-faq-topics nav a{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid color-mix(in srgb,var(--oc-border,var(--dr-border,#e7dfd2)) 72%,transparent);color:var(--oc-text,var(--dr-text,#17191b));font-size:13px;font-weight:650;text-decoration:none}.drotto-faq-topics nav a i{width:5px;height:5px;border-radius:50%;background:var(--oc-primary,var(--dr-primary,#b38a45))}.drotto-faq-topics nav a b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--oc-surface-soft,var(--dr-surface-soft,#f7f2ea));color:var(--oc-muted,var(--dr-muted,#717171));font-size:10px}.drotto-faq-topics__help{padding-top:22px}.drotto-faq-topics__help strong{font-family:var(--oc-heading-font,var(--dr-heading-font,serif));font-size:20px;font-weight:500;line-height:1.15}.drotto-faq-topics__help p{margin:9px 0 13px;color:var(--oc-muted,var(--dr-muted,#717171));font-size:12px;line-height:1.6}.drotto-faq-topics__help>a{color:var(--oc-primary,var(--dr-primary,#b38a45));font-size:14px;font-weight:800;text-decoration:none}
.drotto-faq-groups{display:grid;gap:68px}.drotto-faq-group{scroll-margin-top:28px}.drotto-faq-group__head{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:center;margin-bottom:15px}.drotto-faq-group__head>span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--oc-surface-dark,var(--dr-surface-dark,#0d1011));color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em}.drotto-faq-group__head small{display:block;margin-bottom:3px;color:var(--oc-primary,var(--dr-primary,#b38a45));font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.drotto-faq-group__head h2{margin:0;color:var(--oc-text,var(--dr-text,#17191b));font-family:var(--oc-heading-font,var(--dr-heading-font,serif));font-size:clamp(28px,3vw,38px);font-weight:500;line-height:1.08}
.drotto-faq-empty{display:grid;justify-items:start;gap:8px;padding:38px;border:1px solid var(--oc-border,var(--dr-border,#e7dfd2));border-radius:22px;background:#fff}.drotto-faq-empty>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--oc-surface-soft,var(--dr-surface-soft,#f7f2ea));color:var(--oc-primary,var(--dr-primary,#b38a45));font-weight:800}.drotto-faq-empty h2,.drotto-faq-empty p{margin:0}.drotto-faq-empty p{color:var(--oc-muted,var(--dr-muted,#717171))}
.drotto-faq-section--page .drotto-faq-list{border-top-color:color-mix(in srgb,var(--oc-border,var(--dr-border,#e7dfd2)) 92%,transparent)}
.drotto-faq-support{display:flex;justify-content:space-between;align-items:center;gap:48px;margin-top:88px;padding:44px 48px;border-radius:28px;background:linear-gradient(115deg,var(--oc-surface-dark,var(--dr-surface-dark,#0d1011)),color-mix(in srgb,var(--oc-surface-dark,var(--dr-surface-dark,#0d1011)) 84%,var(--oc-primary,var(--dr-primary,#b38a45))));color:#fff;overflow:hidden}.drotto-faq-support h2{margin:8px 0;color:#fff;font-family:var(--oc-heading-font,var(--dr-heading-font,serif));font-size:clamp(28px,3.4vw,44px);font-weight:500}.drotto-faq-support p{margin:0;color:rgba(255,255,255,.66);font-size:14px}.drotto-faq-support>div:last-child{display:flex;align-items:center;gap:12px}.drotto-faq-support a{text-decoration:none}.drotto-faq-support__call{display:grid;gap:3px;min-width:170px;padding:14px 18px;border:1px solid rgba(255,255,255,.16);border-radius:14px;color:#fff}.drotto-faq-support__call small{color:rgba(255,255,255,.62);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.drotto-faq-support__call strong{font-size:15px}.drotto-faq-support__request{display:inline-flex;gap:13px;align-items:center;min-height:60px;padding:0 22px;border-radius:14px;background:var(--oc-primary,var(--dr-primary,#b38a45));color:#fff;font-size:13px;font-weight:800}.drotto-faq-support__request span{font-size:18px}
@media(max-width:980px){.drotto-faq-section--embedded{padding:36px}.drotto-faq-layout{grid-template-columns:230px minmax(0,1fr);gap:40px}.drotto-faq-support{align-items:flex-start;flex-direction:column}.drotto-faq-support>div:last-child{width:100%}}
@media(max-width:760px){.drotto-faq-section--embedded{margin:54px 0;padding:28px 20px;border-radius:22px}.drotto-faq-section__head{align-items:flex-start;flex-direction:column;gap:14px}.drotto-faq-item summary{grid-template-columns:34px minmax(0,1fr) 36px;gap:9px;min-height:76px}.drotto-faq-item summary strong{font-size:14px}.drotto-faq-item summary i{width:34px;height:34px}.drotto-faq-item__answer>div{padding-left:43px;padding-right:12px;font-size:13px}.drotto-faq-hero{padding:24px 0 46px}.drotto-faq-hero .drotto-breadcrumb{margin-bottom:16px}.drotto-faq-hero__copy h1{font-size:var(--dr-h1-mobile)}.drotto-faq-hero__copy p{font-size:15px}.drotto-faq-layout{display:block;padding-top:44px}.drotto-faq-topics{position:static;margin-bottom:46px}.drotto-faq-groups{gap:52px}.drotto-faq-support{margin-top:62px;padding:32px 24px;border-radius:22px}.drotto-faq-support>div:last-child{align-items:stretch;flex-direction:column}.drotto-faq-support__call,.drotto-faq-support__request{width:100%;box-sizing:border-box}.drotto-faq-support__request{justify-content:space-between}}

/* Dr. Otto ölçü ve uyku rehberi */
html.drotto-advisor-lock,html.drotto-advisor-lock body{overflow:hidden}
.drotto-advisor[hidden]{display:none}
.drotto-advisor{position:fixed;inset:0;z-index:100020;display:grid;place-items:center;padding:24px;color:var(--dr-text)}
.drotto-advisor__backdrop{position:absolute;inset:0;background:color-mix(in srgb,var(--dr-dark) 68%,transparent);backdrop-filter:blur(10px)}
.drotto-advisor__shell{position:relative;display:grid;grid-template-columns:310px minmax(0,1fr);width:min(1120px,100%);height:min(760px,calc(100dvh - 48px));overflow:hidden;border:1px solid color-mix(in srgb,var(--dr-border) 80%,transparent);border-radius:26px;background:var(--dr-surface);box-shadow:0 34px 100px color-mix(in srgb,var(--dr-dark) 32%,transparent);outline:0}
.drotto-advisor__close{position:absolute;right:18px;top:18px;z-index:4;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--dr-line-soft);border-radius:50%;background:color-mix(in srgb,var(--dr-surface) 92%,transparent);color:var(--dr-text);font:400 25px/1 var(--oc-font);cursor:pointer;backdrop-filter:blur(10px)}
.drotto-advisor__close:hover{border-color:var(--dr-primary);color:var(--dr-primary)}
.drotto-advisor__rail{position:relative;overflow:hidden;padding:48px 34px 34px;background:linear-gradient(145deg,var(--dr-dark),color-mix(in srgb,var(--dr-dark) 82%,var(--dr-primary)));color:var(--dr-inverse)}
.drotto-advisor__rail:before,.drotto-advisor__rail:after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--dr-inverse) 8%,transparent);border-radius:50%;pointer-events:none}
.drotto-advisor__rail:before{width:330px;height:330px;right:-210px;top:-145px}.drotto-advisor__rail:after{width:210px;height:210px;right:-105px;top:-74px}
.drotto-advisor__brand{position:relative;z-index:1;display:block;margin-bottom:20px;color:var(--dr-accent);font-size:10px;font-weight:800;letter-spacing:.19em}
.drotto-advisor__rail h2{position:relative;z-index:1;margin:0;font-family:var(--oc-heading-font);font-size:32px;font-weight:var(--dr-h2-weight);line-height:1.08}
.drotto-advisor__rail>p{position:relative;z-index:1;margin:15px 0 30px;color:var(--dr-on-dark-muted);font-size:13px;line-height:1.65}
.drotto-advisor__steps{position:relative;z-index:1;display:grid;gap:0;margin:0;padding:0;list-style:none}
.drotto-advisor__steps li{display:grid;grid-template-columns:33px 1fr;gap:12px;align-items:center;min-height:48px;color:color-mix(in srgb,var(--dr-inverse) 48%,transparent);font-size:12px;transition:color .2s ease}
.drotto-advisor__steps li b{display:grid;place-items:center;width:30px;height:30px;border:1px solid color-mix(in srgb,var(--dr-inverse) 12%,transparent);border-radius:10px;font-size:9px;letter-spacing:.08em}
.drotto-advisor__steps li.is-active{color:var(--dr-inverse);font-weight:700}.drotto-advisor__steps li.is-active b{border-color:var(--dr-primary);background:var(--dr-primary);color:var(--dr-inverse)}
.drotto-advisor__steps li.is-complete{color:color-mix(in srgb,var(--dr-inverse) 76%,transparent)}.drotto-advisor__steps li.is-complete b{border-color:color-mix(in srgb,var(--dr-primary) 60%,transparent);color:var(--dr-accent)}
.drotto-advisor__rail>small{position:absolute;z-index:1;left:34px;right:34px;bottom:30px;color:color-mix(in srgb,var(--dr-inverse) 45%,transparent);font-size:9px;line-height:1.55}
.drotto-advisor__stage{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:linear-gradient(180deg,var(--dr-surface),color-mix(in srgb,var(--dr-soft) 48%,var(--dr-surface)))}
.drotto-advisor__progress{display:flex;align-items:center;gap:18px;min-height:70px;padding:0 72px 0 42px;border-bottom:1px solid var(--dr-line-soft);background:color-mix(in srgb,var(--dr-surface) 94%,transparent)}
.drotto-advisor__progress>span{flex:none;color:var(--dr-muted);font-size:10px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.drotto-advisor__progress>div{width:100%;height:3px;overflow:hidden;border-radius:999px;background:var(--dr-line-soft)}.drotto-advisor__progress i{display:block;height:100%;border-radius:inherit;background:var(--dr-primary);transition:width .3s ease}
.drotto-advisor__body{min-height:0;overflow:auto;padding:34px 42px 28px;scrollbar-width:thin;scrollbar-color:var(--dr-primary-border) transparent}
.drotto-advisor__question[hidden],.drotto-advisor__result[hidden]{display:none}
.drotto-advisor__question,.drotto-advisor__result{animation:drottoAdvisorIn .26s ease}
@keyframes drottoAdvisorIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.drotto-advisor__eyebrow{display:block;margin-bottom:9px;color:var(--dr-primary);font-size:9px;font-weight:850;letter-spacing:.18em}
.drotto-advisor__question h3{max-width:680px;margin:0;color:var(--dr-text-strong);font-family:var(--oc-heading-font);font-size:var(--dr-h3);font-weight:var(--dr-h3-weight);line-height:var(--dr-h3-lh)}
.drotto-advisor__question>p{max-width:680px;margin:10px 0 24px;color:var(--dr-muted);font-size:13px;line-height:1.65}
.drotto-advisor__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.drotto-advisor__options--four{grid-template-columns:repeat(2,minmax(0,1fr))}
.drotto-advisor-option{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) 21px;gap:13px;align-items:center;min-height:94px;padding:15px;border:1px solid var(--dr-line-soft);border-radius:15px;background:var(--dr-surface);color:var(--dr-text);font-family:var(--oc-font);text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.drotto-advisor-option:hover{transform:translateY(-1px);border-color:var(--dr-primary-border)}.drotto-advisor-option.is-selected{border-color:var(--dr-primary);background:var(--dr-primary-softer);box-shadow:0 0 0 2px color-mix(in srgb,var(--dr-primary) 8%,transparent)}
.drotto-advisor-option>i{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--dr-soft);color:var(--dr-primary)}.drotto-advisor-option>i svg{width:23px;height:23px}
.drotto-advisor-option strong,.drotto-advisor-option small{display:block}.drotto-advisor-option strong{font-size:13px;line-height:1.35}.drotto-advisor-option small{margin-top:4px;color:var(--dr-muted);font-size:10px;line-height:1.45}
.drotto-advisor-option>b,.drotto-advisor-comfort>b{display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--dr-line-soft);border-radius:50%;color:transparent;font-size:10px}.drotto-advisor-option.is-selected>b,.drotto-advisor-comfort.is-selected>b{border-color:var(--dr-primary);background:var(--dr-primary);color:var(--dr-inverse)}
.drotto-advisor__notice{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;margin-top:14px;padding:12px 14px;border-radius:12px;background:var(--dr-soft);color:var(--dr-muted);font-size:10px;line-height:1.55}.drotto-advisor__notice b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--dr-surface);color:var(--dr-primary);font-family:serif;font-size:12px}
.drotto-advisor__fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.drotto-advisor__fields label{display:grid;gap:8px;color:var(--dr-text);font-size:11px;font-weight:750}.drotto-advisor__fields select{width:100%;height:54px;padding:0 42px 0 14px;border:1px solid var(--dr-line-soft);border-radius:12px;background:var(--dr-surface);color:var(--dr-text);font:600 13px var(--oc-font);outline:0}.drotto-advisor__fields select:focus{border-color:var(--dr-primary);box-shadow:0 0 0 3px var(--dr-primary-soft)}
.drotto-advisor__metric{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:15px;border:1px solid var(--dr-primary-border);border-radius:13px;background:var(--dr-primary-softer)}.drotto-advisor__metric span{color:var(--dr-muted);font-size:11px}.drotto-advisor__metric strong{color:var(--dr-primary-strong);font-size:12px}
.drotto-advisor__chips{display:flex;flex-wrap:wrap;gap:9px}.drotto-advisor__chips button{display:flex;align-items:center;gap:8px;min-height:42px;padding:9px 13px;border:1px solid var(--dr-line-soft);border-radius:999px;background:var(--dr-surface);color:var(--dr-text);font:600 11px var(--oc-font);cursor:pointer}.drotto-advisor__chips button span{display:grid;place-items:center;width:17px;height:17px;border:1px solid var(--dr-border);border-radius:50%;color:transparent;font-size:8px}.drotto-advisor__chips button.is-selected{border-color:var(--dr-primary);background:var(--dr-primary-softer);color:var(--dr-primary-strong)}.drotto-advisor__chips button.is-selected span{border-color:var(--dr-primary);background:var(--dr-primary);color:var(--dr-inverse)}
.drotto-advisor__disclaimer{display:block;margin-top:18px;color:var(--dr-muted);font-size:9px;line-height:1.55}
.drotto-advisor__comforts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.drotto-advisor-comfort{position:relative;display:grid;justify-items:center;align-content:start;min-height:153px;padding:16px 9px;border:1px solid var(--dr-line-soft);border-radius:14px;background:var(--dr-surface);color:var(--dr-text);font-family:var(--oc-font);text-align:center;cursor:pointer}.drotto-advisor-comfort:hover,.drotto-advisor-comfort.is-selected{border-color:var(--dr-primary);background:var(--dr-primary-softer)}
.drotto-advisor-comfort>span{display:grid;place-items:end center;width:50px;height:39px;margin-bottom:11px}.drotto-advisor-comfort>span:after{content:"";width:46px;height:16px;border:1px solid var(--dr-primary-border);border-radius:50%;background:var(--dr-soft);box-shadow:inset 0 -4px 8px color-mix(in srgb,var(--dr-primary) 7%,transparent)}.drotto-advisor-comfort>span i{position:absolute;z-index:1;width:17px;height:17px;margin-bottom:8px;border-radius:50%;background:var(--dr-primary);transform:translateY(calc((var(--level,3) - 3) * -2px))}.drotto-advisor-comfort strong{font-size:12px}.drotto-advisor-comfort small{margin-top:5px;color:var(--dr-muted);font-size:9px;line-height:1.45}.drotto-advisor-comfort>b{position:absolute;right:8px;top:8px}
.drotto-advisor__actions{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:76px;padding:12px 42px;border-top:1px solid var(--dr-line-soft);background:var(--dr-surface)}
.drotto-advisor__actions button{min-height:46px;border-radius:11px;font:750 12px var(--oc-font);cursor:pointer}.drotto-advisor__back{padding:0 4px;border:0;background:transparent;color:var(--dr-muted)}.drotto-advisor__back:disabled{visibility:hidden}.drotto-advisor__next{min-width:154px;padding:0 18px;border:0;background:var(--dr-primary);color:var(--dr-inverse);box-shadow:0 10px 26px color-mix(in srgb,var(--dr-primary) 18%,transparent)}.drotto-advisor__next:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}
.drotto-advisor-result__hero{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:28px;align-items:center;padding:24px;border-radius:20px;background:linear-gradient(130deg,var(--dr-dark),color-mix(in srgb,var(--dr-dark) 82%,var(--dr-primary)));color:var(--dr-inverse)}.drotto-advisor-result__hero small{display:block;color:var(--dr-accent);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.drotto-advisor-result__hero>div>strong{display:block;margin:7px 0 6px;font-family:var(--oc-heading-font);font-size:42px;font-weight:500;line-height:1}.drotto-advisor-result__hero p{margin:0;color:var(--dr-on-dark-muted);font-size:11px;line-height:1.6}
.drotto-advisor-result__hero figure{position:relative;display:grid;place-items:center;min-height:125px;margin:0}.drotto-advisor-result__hero figure>span{position:relative;display:block;width:124px;height:82px;border:1px solid color-mix(in srgb,var(--dr-inverse) 62%,transparent);border-radius:13px;background:color-mix(in srgb,var(--dr-inverse) 5%,transparent);box-shadow:inset 0 0 0 7px color-mix(in srgb,var(--dr-inverse) 3%,transparent)}.drotto-advisor-result__hero figure>span i{position:absolute;left:12px;right:12px;top:11px;height:20px;border-bottom:1px solid color-mix(in srgb,var(--dr-inverse) 24%,transparent)}.drotto-advisor-result__hero figure b,.drotto-advisor-result__hero figure em{position:absolute;color:var(--dr-accent);font-size:9px;font-style:normal}.drotto-advisor-result__hero figure b{bottom:5px}.drotto-advisor-result__hero figure em{right:2px;transform:rotate(90deg)}
.drotto-advisor-result__notes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.drotto-advisor-result__notes article{display:grid;grid-template-columns:28px 1fr;gap:9px;padding:13px;border:1px solid var(--dr-line-soft);border-radius:13px;background:var(--dr-surface)}.drotto-advisor-result__notes article>span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--dr-soft);color:var(--dr-primary);font-size:8px;font-weight:800}.drotto-advisor-result__notes strong{font-size:10px}.drotto-advisor-result__notes p{margin:4px 0 0;color:var(--dr-muted);font-size:9px;line-height:1.45}
.drotto-advisor-result__alternatives{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding-top:14px;border-top:1px solid var(--dr-line-soft)}.drotto-advisor-result__alternatives>span{color:var(--dr-muted);font-size:10px}.drotto-advisor-result__alternatives>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.drotto-advisor-result__alternatives button{padding:7px 10px;border:1px solid var(--dr-primary-border);border-radius:999px;background:var(--dr-surface);color:var(--dr-primary-strong);font:750 10px var(--oc-font);cursor:pointer}
.drotto-advisor-result__actions{display:flex;align-items:center;gap:12px;margin-top:18px}.drotto-advisor__select{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:50px;padding:0 20px;border:0;border-radius:12px;background:var(--dr-primary);color:var(--dr-inverse);font:800 12px var(--oc-font);cursor:pointer}.drotto-advisor__select span{font-size:17px}.drotto-advisor__restart{padding:0 8px;border:0;background:transparent;color:var(--dr-muted);font:700 11px var(--oc-font);cursor:pointer}.drotto-advisor-result__footnote{margin:13px 0 0;color:var(--dr-muted);font-size:9px;line-height:1.5}
@media(max-width:900px){.drotto-advisor{align-items:end;padding:0}.drotto-advisor__shell{grid-template-columns:1fr;width:100%;height:min(92dvh,820px);border-width:1px 0 0;border-radius:24px 24px 0 0}.drotto-advisor__rail{padding:22px 54px 18px 22px}.drotto-advisor__rail h2{font-size:23px}.drotto-advisor__rail>p,.drotto-advisor__steps,.drotto-advisor__rail>small{display:none}.drotto-advisor__brand{margin-bottom:7px;font-size:8px}.drotto-advisor__stage{min-height:0}.drotto-advisor__progress{min-height:54px;padding:0 22px}.drotto-advisor__body{padding:25px 22px 20px}.drotto-advisor__actions{min-height:68px;padding:10px 22px}}
@media(max-width:620px){.drotto-advisor__shell{height:min(94dvh,860px)}.drotto-advisor__rail h2{max-width:300px;font-size:20px}.drotto-advisor__question h3{font-size:var(--dr-h3-mobile)}.drotto-advisor__question>p{margin-bottom:18px}.drotto-advisor__options,.drotto-advisor__options--four{grid-template-columns:1fr}.drotto-advisor-option{min-height:76px;grid-template-columns:40px minmax(0,1fr) 20px;padding:11px}.drotto-advisor-option>i{width:40px;height:40px}.drotto-advisor__fields{grid-template-columns:1fr}.drotto-advisor__metric{align-items:flex-start;flex-direction:column;gap:4px}.drotto-advisor__comforts{grid-template-columns:repeat(2,minmax(0,1fr))}.drotto-advisor-comfort{min-height:130px}.drotto-advisor-result__hero{grid-template-columns:1fr;padding:20px}.drotto-advisor-result__hero figure{display:none}.drotto-advisor-result__notes{grid-template-columns:1fr}.drotto-advisor-result__alternatives{align-items:flex-start;flex-direction:column}.drotto-advisor-result__alternatives>div{justify-content:flex-start}.drotto-advisor-result__actions{align-items:stretch;flex-direction:column}.drotto-advisor__select{width:100%}.drotto-advisor__restart{min-height:38px}.drotto-field-heading{align-items:flex-start}.drotto-field-heading>button{text-align:right}}
@media(prefers-reduced-motion:reduce){.drotto-advisor__question,.drotto-advisor__result{animation:none}.drotto-advisor__progress i,.drotto-advisor-option{transition:none}}

/* Dr. Otto mattress matcher */
.drotto-advisor-entry{display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:16px;border:1px solid var(--dr-primary-border);border-radius:16px;background:linear-gradient(135deg,var(--dr-primary-softer),color-mix(in srgb,var(--dr-surface) 92%,var(--dr-primary)));box-shadow:0 12px 34px color-mix(in srgb,var(--dr-dark) 5%,transparent)}
.drotto-advisor-entry__icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:var(--dr-surface);color:var(--dr-primary);box-shadow:0 7px 18px color-mix(in srgb,var(--dr-primary) 10%,transparent)}.drotto-advisor-entry__icon svg{width:26px;height:26px}
.drotto-advisor-entry>div:nth-child(2){display:grid;gap:3px;min-width:0}.drotto-advisor-entry span{color:var(--dr-primary);font-size:8px;font-weight:850;letter-spacing:.15em}.drotto-advisor-entry strong{color:var(--dr-text-strong);font-size:14px;line-height:1.25}.drotto-advisor-entry small{color:var(--dr-muted);font-size:10px;line-height:1.45}
.drotto-advisor-entry>button,.drotto-advisor-entry>a{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding:0 17px;border:1px solid var(--dr-primary);border-radius:11px;background:var(--dr-primary);color:var(--dr-inverse);font:750 11px var(--oc-font);text-decoration:none;white-space:nowrap;cursor:pointer}.drotto-advisor-entry>button:hover,.drotto-advisor-entry>a:hover{background:var(--dr-primary-strong);border-color:var(--dr-primary-strong)}.drotto-advisor-entry>button b,.drotto-advisor-entry>a b{font-size:16px}
.drotto-advisor-entry--archive{margin:-5px 0 28px;padding:16px 18px}.drotto-advisor-entry--archive>div:nth-child(2){gap:4px}.drotto-advisor-entry--archive strong{font-size:17px}.drotto-advisor-entry--archive small{font-size:11px}
.drotto-advisor__consultant{position:absolute;z-index:1;left:26px;right:26px;bottom:25px;display:grid;gap:4px;padding:14px;border:1px solid color-mix(in srgb,var(--dr-inverse) 13%,transparent);border-radius:14px;background:color-mix(in srgb,var(--dr-inverse) 5%,transparent)}.drotto-advisor__consultant>span{color:var(--dr-on-dark-muted);font-size:9px}.drotto-advisor__consultant>strong{font-size:12px}.drotto-advisor__consultant>div{display:flex;gap:7px;margin-top:7px}.drotto-advisor__consultant a{flex:1;padding:7px;border:1px solid color-mix(in srgb,var(--dr-inverse) 18%,transparent);border-radius:8px;color:var(--dr-inverse);font-size:9px;font-weight:750;text-align:center;text-decoration:none}.drotto-advisor__consultant a:last-child{border-color:var(--dr-primary);background:var(--dr-primary)}
.drotto-advisor-result__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}.drotto-advisor-result__heading h3{margin:0;color:var(--dr-text-strong);font-family:var(--oc-heading-font);font-size:var(--dr-h3);font-weight:var(--dr-h3-weight);line-height:1.12}.drotto-advisor-result__heading p{max-width:620px;margin:7px 0 0;color:var(--dr-muted);font-size:11px;line-height:1.55}.drotto-advisor-result__heading .drotto-advisor__restart{flex:none;min-height:36px;border:1px solid var(--dr-line-soft);border-radius:9px;padding:0 11px;background:var(--dr-surface)}
.drotto-advisor-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.drotto-advisor-product{min-width:0;overflow:hidden;border:1px solid var(--dr-line-soft);border-radius:16px;background:var(--dr-surface);box-shadow:0 10px 24px color-mix(in srgb,var(--dr-dark) 4%,transparent)}.drotto-advisor-product.is-primary{border-color:var(--dr-primary);box-shadow:0 12px 28px color-mix(in srgb,var(--dr-primary) 11%,transparent)}
.drotto-advisor-product__media{display:grid;place-items:center;aspect-ratio:1.55/1;overflow:hidden;background:var(--dr-soft);color:var(--dr-muted);font-size:10px;text-decoration:none}.drotto-advisor-product__media img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.drotto-advisor-product:hover .drotto-advisor-product__media img{transform:scale(1.025)}
.drotto-advisor-product__body{display:grid;gap:10px;padding:14px}.drotto-advisor-product__badges{display:flex;flex-wrap:wrap;gap:5px}.drotto-advisor-product__badges span{padding:4px 7px;border-radius:999px;background:var(--dr-primary-softer);color:var(--dr-primary-strong);font-size:7px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.drotto-advisor-product__badges span.is-current{background:var(--dr-dark);color:var(--dr-inverse)}
.drotto-advisor-product h4{min-height:35px;margin:0;font-family:var(--oc-heading-font);font-size:17px;font-weight:var(--dr-h4-weight);line-height:1.15}.drotto-advisor-product h4 a{color:var(--dr-text-strong);text-decoration:none}.drotto-advisor-product__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:9px;border-bottom:1px solid var(--dr-line-soft)}.drotto-advisor-product__meta strong{font-size:12px}.drotto-advisor-product__meta span{color:var(--dr-muted);font-size:9px}
.drotto-advisor-product ul{display:grid;gap:6px;min-height:56px;margin:0;padding:0;list-style:none}.drotto-advisor-product li{display:grid;grid-template-columns:16px 1fr;gap:6px;color:var(--dr-muted);font-size:9px;line-height:1.35}.drotto-advisor-product li i{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--dr-primary-softer);color:var(--dr-primary);font-size:7px;font-style:normal}.drotto-advisor-product__link{display:flex;align-items:center;justify-content:space-between;min-height:38px;margin-top:2px;padding:0 11px;border-radius:9px;background:var(--dr-dark);color:var(--dr-inverse);font-size:10px;font-weight:800;text-decoration:none}.drotto-advisor-product.is-primary .drotto-advisor-product__link{background:var(--dr-primary)}
.drotto-advisor-product__empty{grid-column:1/-1;display:grid;gap:5px;padding:28px;border:1px dashed var(--dr-border);border-radius:15px;text-align:center}.drotto-advisor-product__empty p{margin:0;color:var(--dr-muted);font-size:11px}
.drotto-advisor-result__warning{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:center;margin-top:15px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--dr-accent) 38%,var(--dr-line-soft));border-radius:13px;background:color-mix(in srgb,var(--dr-accent) 9%,var(--dr-surface))}.drotto-advisor-result__warning>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--dr-accent);color:var(--dr-dark);font-family:var(--oc-heading-font);font-size:18px;font-weight:800}.drotto-advisor-result__warning strong{font-size:11px}.drotto-advisor-result__warning p{margin:3px 0 0;color:var(--dr-muted);font-size:10px;line-height:1.45}
.drotto-advisor-result__contact{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:10px;padding:14px 16px;border-radius:13px;background:var(--dr-dark);color:var(--dr-inverse)}.drotto-advisor-result__contact>div:first-child{display:grid;gap:4px}.drotto-advisor-result__contact span{color:var(--dr-accent);font-size:7px;font-weight:850;letter-spacing:.15em}.drotto-advisor-result__contact strong{font-size:11px}.drotto-advisor-result__contact>div:last-child{display:flex;gap:7px}.drotto-advisor-result__contact a{padding:8px 10px;border:1px solid color-mix(in srgb,var(--dr-inverse) 18%,transparent);border-radius:8px;color:var(--dr-inverse);font-size:9px;font-weight:750;text-decoration:none}.drotto-advisor-result__contact a:last-child{border-color:var(--dr-primary);background:var(--dr-primary)}
@media(max-width:900px){.drotto-advisor__consultant{position:relative;left:auto;right:auto;bottom:auto;grid-template-columns:1fr auto;align-items:center;margin-top:12px;padding:10px 11px}.drotto-advisor__consultant>span{display:none}.drotto-advisor__consultant>div{margin:0}.drotto-advisor-product-grid{grid-template-columns:repeat(3,minmax(210px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.drotto-advisor-product{scroll-snap-align:start}.drotto-advisor-entry--archive{margin-top:0}}
@media(max-width:620px){.drotto-advisor-entry{grid-template-columns:42px 1fr;padding:13px}.drotto-advisor-entry__icon{width:42px;height:42px}.drotto-advisor-entry>button,.drotto-advisor-entry>a{grid-column:1/-1;width:100%}.drotto-advisor-entry--archive strong{font-size:15px}.drotto-advisor__consultant{grid-template-columns:1fr}.drotto-advisor__consultant>div{display:grid;grid-template-columns:1fr 1fr}.drotto-advisor-result__heading{display:grid;gap:10px}.drotto-advisor-result__heading h3{font-size:var(--dr-h3-mobile)}.drotto-advisor-result__heading .drotto-advisor__restart{justify-self:start}.drotto-advisor-product-grid{grid-template-columns:repeat(3,minmax(245px,82vw))}.drotto-advisor-result__contact{align-items:stretch;flex-direction:column}.drotto-advisor-result__contact>div:last-child{display:grid;grid-template-columns:1fr 1fr}.drotto-advisor-result__contact a{text-align:center}}

/* Standalone mattress selection guide */
.drotto-guide-page{padding-bottom:84px;background:linear-gradient(180deg,color-mix(in srgb,var(--dr-primary-softer) 52%,var(--dr-surface)) 0,transparent 460px)}
.drotto-guide-hero{padding:18px 0 42px}.drotto-guide-hero .drotto-breadcrumb{margin-bottom:18px}.drotto-guide-hero__grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:56px;align-items:end}.drotto-guide-hero__copy{max-width:820px}.drotto-guide-hero__copy h1{margin:9px 0 13px;color:var(--dr-text-strong);font-family:var(--oc-heading-font);font-size:var(--dr-h1);font-weight:var(--dr-h1-weight);line-height:var(--dr-h1-lh)}.drotto-guide-hero__copy p{max-width:720px;margin:0;color:var(--dr-muted);font-size:16px;line-height:1.7}
.drotto-guide-hero__facts{display:grid;grid-template-columns:repeat(3,minmax(104px,1fr));overflow:hidden;border:1px solid var(--dr-line-soft);border-radius:18px;background:color-mix(in srgb,var(--dr-surface) 88%,transparent);box-shadow:0 12px 36px color-mix(in srgb,var(--dr-dark) 5%,transparent)}.drotto-guide-hero__facts div{display:grid;gap:3px;min-width:118px;padding:17px 19px;border-left:1px solid var(--dr-line-soft)}.drotto-guide-hero__facts div:first-child{border-left:0}.drotto-guide-hero__facts strong{color:var(--dr-primary);font-family:var(--oc-heading-font);font-size:24px;line-height:1}.drotto-guide-hero__facts span{color:var(--dr-muted);font-size:9px;font-weight:700;white-space:nowrap}
.drotto-guide-test{position:relative}.drotto-advisor--page{position:relative;inset:auto;z-index:auto;display:block;padding:0}.drotto-advisor--page .drotto-advisor__shell{width:100%;height:auto;min-height:720px}.drotto-advisor--page .drotto-advisor__rail,.drotto-advisor--page .drotto-advisor__stage{min-height:720px}.drotto-advisor--page .drotto-advisor__body{overflow:visible}.drotto-guide-empty{padding:60px;border:1px solid var(--dr-line-soft);border-radius:24px;background:var(--dr-surface);text-align:center}.drotto-guide-empty strong{font-family:var(--oc-heading-font);font-size:28px}.drotto-guide-empty p{margin:10px 0 0;color:var(--dr-muted)}
.drotto-footer-advisor-link a{color:var(--dr-accent)}
@media(max-width:1080px){.drotto-guide-hero__grid{grid-template-columns:1fr;gap:24px}.drotto-guide-hero__facts{justify-self:start}}
@media(max-width:900px){.drotto-guide-page{padding-bottom:58px}.drotto-guide-hero{padding-bottom:30px}.drotto-advisor--page{align-items:initial;padding:0}.drotto-advisor--page .drotto-advisor__shell{height:auto;min-height:0;border:1px solid var(--dr-line-soft);border-radius:22px}.drotto-advisor--page .drotto-advisor__rail,.drotto-advisor--page .drotto-advisor__stage{min-height:0}.drotto-advisor--page .drotto-advisor__rail{padding-right:22px}.drotto-advisor--page .drotto-advisor__rail>p{display:block;margin-bottom:14px}.drotto-advisor--page .drotto-advisor__consultant{margin-top:8px}}
@media(max-width:620px){.drotto-guide-page{padding-bottom:42px}.drotto-guide-hero{padding:10px 0 24px}.drotto-guide-hero .drotto-breadcrumb{margin-bottom:10px}.drotto-guide-hero__copy h1{font-size:var(--dr-h1-mobile)}.drotto-guide-hero__copy p{font-size:14px}.drotto-guide-hero__facts{width:100%;grid-template-columns:repeat(3,1fr)}.drotto-guide-hero__facts div{min-width:0;padding:14px 10px}.drotto-guide-hero__facts strong{font-size:20px}.drotto-guide-hero__facts span{font-size:8px;white-space:normal}.drotto-advisor--page .drotto-advisor__shell{height:auto}.drotto-guide-empty{padding:36px 22px}}

/* Dr. Otto corporate About page */
.drotto-about-hero{position:relative;overflow:hidden;border-bottom:1px solid color-mix(in srgb,var(--dr-inverse) 9%,transparent);background:var(--dr-dark)}
.drotto-about-hero .oc-hero-slide{overflow:hidden}
.drotto-about-hero .oc-hero-slide:before{content:"";position:absolute;z-index:1;width:min(660px,55vw);aspect-ratio:1;right:-13vw;top:-48%;border:1px solid color-mix(in srgb,var(--dr-inverse) 8%,transparent);border-radius:50%;box-shadow:0 0 0 88px color-mix(in srgb,var(--dr-inverse) 2.5%,transparent),0 0 0 176px color-mix(in srgb,var(--dr-primary) 2.5%,transparent);pointer-events:none}
.drotto-about-hero .oc-hero-pro__glow{opacity:1;background:radial-gradient(circle at 82% 22%,color-mix(in srgb,var(--dr-primary) 18%,transparent),transparent 28%),linear-gradient(115deg,transparent 52%,color-mix(in srgb,var(--dr-primary) 7%,transparent))}
.drotto-about-hero .oc-hero-pro__copy{max-width:850px}.drotto-about-hero .oc-eyebrow{letter-spacing:.2em}.drotto-about-hero .oc-lead{line-height:1.75}.drotto-about-hero .oc-actions{margin-top:28px}
.drotto-about-hero .oc-hero-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px;margin-top:40px;padding-top:23px;border-top:1px solid color-mix(in srgb,var(--dr-inverse) 12%,transparent)}
.drotto-about-hero .oc-hero-point{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding-right:20px;color:var(--dr-inverse);font-size:11px;line-height:1.45}
.drotto-about-hero .oc-hero-point__icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid color-mix(in srgb,var(--dr-inverse) 14%,transparent);border-radius:50%;color:var(--dr-accent);font-size:10px;font-style:normal}

.drotto-about-story{background:var(--dr-surface)}
.drotto-about-story .oc-layout-grid{position:relative}.drotto-about-story .oc-layout-grid:before{content:"";position:absolute;left:calc(39% + 24px);top:2px;bottom:2px;width:1px;background:var(--dr-line-soft)}
.drotto-about-story .oc-layout-title h2,.drotto-about-purpose .oc-layout-title h2,.drotto-about-vision .oc-layout-title h2{font-family:var(--oc-heading-font)}
.drotto-about-story-copy .oc-layout-html{display:grid;gap:17px;max-width:760px}
.drotto-about-story-copy p{margin:0;color:var(--dr-muted);font-size:14px;line-height:1.85}
.drotto-about-story-copy p.is-lead{color:var(--dr-text-strong);font-size:17px;line-height:1.72}
.drotto-about-story-copy strong{color:var(--dr-primary-strong);font-weight:750}

.drotto-about-stats{padding:0 24px;background:var(--dr-surface)}
.drotto-about-stats .oc-stats-grid{overflow:hidden;border:1px solid var(--dr-line-soft);border-radius:24px;background:linear-gradient(135deg,var(--dr-dark),color-mix(in srgb,var(--dr-dark) 88%,var(--dr-primary)));box-shadow:var(--dr-shadow)}
.drotto-about-stats .oc-stat{min-height:146px;padding:30px 28px;border-color:color-mix(in srgb,var(--dr-inverse) 10%,transparent)}
.drotto-about-stats .oc-stat strong{color:var(--dr-accent);font-family:var(--oc-heading-font);font-size:clamp(29px,3vw,43px);font-weight:500}
.drotto-about-stats .oc-stat span{max-width:185px;color:var(--dr-on-dark-muted);font-size:10px;line-height:1.55}

.drotto-about-journey{padding-block:92px;background:var(--dr-surface)}
.drotto-about-journey .oc-section-head{max-width:760px;margin-bottom:52px}.drotto-about-journey .oc-feature-grid{position:relative;gap:28px}
.drotto-about-journey .oc-feature-grid:before{content:"";position:absolute;left:15%;right:15%;top:34px;height:1px;background:linear-gradient(90deg,transparent,var(--dr-primary-border) 15% 85%,transparent)}
.drotto-about-journey .oc-feature--process{position:relative;z-index:1;padding:0 24px;border:0;background:transparent;box-shadow:none}
.drotto-about-journey .oc-feature__icon{width:68px;height:68px;margin-bottom:24px;border:1px solid var(--dr-primary-border);background:var(--dr-surface);color:var(--dr-primary);box-shadow:0 10px 30px color-mix(in srgb,var(--dr-primary) 10%,transparent);font-size:12px;font-weight:850;letter-spacing:.08em}
.drotto-about-journey .oc-feature h3{font-family:var(--oc-heading-font);font-size:24px}.drotto-about-journey .oc-feature p{font-size:12px;line-height:1.75}

.drotto-about-purpose{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--dr-soft),color-mix(in srgb,var(--dr-soft) 55%,var(--dr-surface)))}
.drotto-about-purpose:before{content:"";position:absolute;width:380px;height:380px;left:-190px;bottom:-245px;border:1px solid var(--dr-primary-border);border-radius:50%;opacity:.35}
.drotto-about-purpose .oc-layout-column{height:100%}
.drotto-about-purpose-card{position:relative;height:100%;min-height:460px;overflow:hidden;padding:clamp(34px,4vw,58px);border-radius:24px;background:linear-gradient(145deg,var(--dr-dark),color-mix(in srgb,var(--dr-dark) 82%,var(--dr-primary)));color:var(--dr-inverse);box-shadow:var(--dr-shadow)}
.drotto-about-purpose-card:after{content:"";position:absolute;width:310px;height:310px;right:-165px;bottom:-175px;border:1px solid color-mix(in srgb,var(--dr-inverse) 11%,transparent);border-radius:50%;box-shadow:0 0 0 60px color-mix(in srgb,var(--dr-inverse) 2.5%,transparent)}
.drotto-about-purpose-card .oc-layout-html{position:relative;z-index:1}.drotto-about-purpose-card span{display:block;margin-bottom:22px;color:var(--dr-accent);font-size:9px;font-weight:850;letter-spacing:.2em}
.drotto-about-purpose-card h2{max-width:500px;margin:0 0 22px;color:var(--dr-inverse);font-family:var(--oc-heading-font);font-size:var(--dr-h2);font-weight:var(--dr-h2-weight);line-height:var(--dr-h2-lh)}
.drotto-about-purpose-card p{max-width:510px;margin:0 0 36px;color:var(--dr-on-dark-muted);font-size:13px;line-height:1.8}
.drotto-about-purpose-card strong{display:inline-flex;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--dr-inverse) 14%,transparent);color:var(--dr-inverse);font-family:var(--oc-heading-font);font-size:18px;font-weight:500}
.drotto-about-purpose .oc-layout-column:nth-child(2){justify-content:center;background:var(--dr-surface)}
.drotto-about-purpose .oc-layout-column:nth-child(2) .oc-layout-html p{margin:0 0 15px;color:var(--dr-muted);font-size:13px;line-height:1.75}
.drotto-about-purpose .oc-icon-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}
.drotto-about-purpose .oc-icon-list li{padding:13px;border:1px solid var(--dr-line-soft);border-radius:12px;background:var(--dr-primary-softer)}
.drotto-about-purpose .oc-icon-list__glyph{background:var(--dr-surface);color:var(--dr-primary)}.drotto-about-purpose .oc-icon-list__title{font-size:10px;line-height:1.4}

.drotto-about-values{padding-block:92px;background:var(--dr-surface)}
.drotto-about-values .oc-section-head{max-width:720px}.drotto-about-values .oc-feature-grid{gap:16px}
.drotto-about-values .oc-feature--soft{min-height:240px;padding:28px;border:1px solid var(--dr-line-soft);border-radius:20px;background:linear-gradient(180deg,var(--dr-surface),var(--dr-primary-softer));box-shadow:none}
.drotto-about-values .oc-feature__icon{width:48px;height:48px;margin-bottom:28px;border-radius:14px;background:var(--dr-surface);color:var(--dr-primary);box-shadow:0 8px 24px color-mix(in srgb,var(--dr-dark) 6%,transparent)}
.drotto-about-values .oc-feature h3{font-family:var(--oc-heading-font);font-size:21px}.drotto-about-values .oc-feature p{font-size:11px;line-height:1.7}

.drotto-about-vision{position:relative;overflow:hidden;border-block:1px solid var(--dr-line-soft);background:linear-gradient(115deg,var(--dr-primary-softer),var(--dr-surface) 58%)}
.drotto-about-vision:after{content:"";position:absolute;width:300px;height:300px;right:-190px;top:-150px;border:1px solid var(--dr-primary-border);border-radius:50%;opacity:.32}
.drotto-about-vision .oc-layout-title h2{max-width:520px}.drotto-about-vision-copy .oc-layout-html{display:grid;gap:16px}
.drotto-about-vision-copy p{margin:0;color:var(--dr-muted);font-size:14px;line-height:1.8}
.drotto-about-vision .oc-text-link{display:inline-flex;align-items:center;gap:14px;margin-top:8px;color:var(--dr-primary-strong);font-size:12px;font-weight:800;text-decoration:none}.drotto-about-vision .oc-text-link span{font-size:18px}

.drotto-about-cta{padding-block:72px;background:var(--dr-surface)}
.drotto-about-cta .oc-cta{min-height:180px;border:1px solid var(--dr-primary-border);background:linear-gradient(90deg,color-mix(in srgb,var(--dr-primary-softer) 85%,var(--dr-surface)),var(--dr-surface));color:var(--dr-text);box-shadow:var(--dr-shadow-soft)}
.drotto-about-cta .oc-cta:after{background:radial-gradient(circle,color-mix(in srgb,var(--dr-primary) 18%,transparent),transparent 68%)}
.drotto-about-cta .oc-cta__icon{display:grid;place-items:center;width:58px;height:58px;flex:none;border-radius:50%;background:var(--dr-dark);color:var(--dr-inverse);font-size:22px}
.drotto-about-cta .oc-cta h2{color:var(--dr-text-strong);font-family:var(--oc-heading-font)}.drotto-about-cta .oc-cta p{color:var(--dr-muted)}.drotto-about-cta .oc-button{background:var(--dr-primary);color:var(--dr-inverse)}

@media(max-width:900px){
  .drotto-about-hero .oc-hero-slide:before{right:-34vw}
  .drotto-about-story .oc-layout-grid:before{display:none}
  .drotto-about-story .oc-layout-grid,.drotto-about-purpose .oc-layout-grid,.drotto-about-vision .oc-layout-grid{grid-template-columns:1fr}
  .drotto-about-stats .oc-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .drotto-about-journey .oc-feature-grid:before{display:none}
  .drotto-about-purpose-card{min-height:390px}
}
@media(max-width:620px){
  .drotto-about-hero .oc-hero-slide{min-height:620px}.drotto-about-hero .oc-hero-pro__grid{align-items:center}
  .drotto-about-hero .oc-hero-points{grid-template-columns:1fr;gap:12px;margin-top:28px}.drotto-about-hero .oc-hero-point{padding:0}
  .drotto-about-story{padding-top:66px;padding-bottom:58px}.drotto-about-story-copy p.is-lead{font-size:15px}
  .drotto-about-stats{padding-inline:16px}.drotto-about-stats .oc-stats-grid{grid-template-columns:1fr}.drotto-about-stats .oc-stat{min-height:112px;padding:22px}
  .drotto-about-journey,.drotto-about-values{padding-block:66px}.drotto-about-journey .oc-feature--process{padding-inline:6px}
  .drotto-about-purpose{padding-top:54px;padding-bottom:54px}.drotto-about-purpose-card{min-height:0;padding:32px 25px}.drotto-about-purpose-card h2{font-size:var(--dr-h2-mobile)}
  .drotto-about-purpose .oc-layout-column:nth-child(2){padding:24px}.drotto-about-purpose .oc-icon-list{grid-template-columns:1fr}
  .drotto-about-values .oc-feature--soft{min-height:0}.drotto-about-vision{padding-top:56px;padding-bottom:56px}
  .drotto-about-cta{padding-block:52px}.drotto-about-cta .oc-cta{padding:28px 24px}
}

/* About page finishing adjustments */
.drotto-about-story .oc-layout-title h2,
.drotto-about-vision .oc-layout-title h2{
  font-size:var(--dr-h2);
  font-weight:var(--dr-h2-weight);
  line-height:var(--dr-h2-lh);
}
.drotto-about-stats .oc-stat{
  align-items:center;
  justify-content:center;
  text-align:center;
}
.drotto-about-stats .oc-stat strong,
.drotto-about-stats .oc-stat span{
  width:100%;
  margin-inline:auto;
  text-align:center;
}
.drotto-about-hero .oc-hero-point__icon{
  width:42px;
  height:42px;
  padding:8px;
  border-color:var(--dr-primary-border);
  background:var(--dr-primary-softer);
  color:var(--dr-primary);
}
.drotto-about-hero .oc-hero-point__icon img,
.drotto-about-hero .oc-hero-point__icon svg{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.drotto-about-hero .oc-hero-point{
  grid-template-columns:42px minmax(0,1fr);
}
@media(max-width:620px){
  .drotto-about-story .oc-layout-title h2,
  .drotto-about-vision .oc-layout-title h2{font-size:var(--dr-h2-mobile)}
}

/* Project products: quote-led commerce experience. */
.drotto-project-price{position:relative;display:grid;gap:5px;padding:15px 18px;margin:8px 0 14px;border:1px solid var(--dr-primary-border);border-radius:14px;background:linear-gradient(135deg,var(--dr-primary-softer),transparent 72%)}
.drotto-project-price>span:first-child{font-size:calc(var(--dr-body-size)*.52);font-weight:800;letter-spacing:.16em;color:var(--dr-primary)}
.drotto-project-price>strong{font-family:var(--dr-heading-font);font-size:calc(var(--dr-body-size)*1.2);line-height:1.15;color:var(--dr-text-strong)}
.drotto-project-price>p{margin:0;max-width:48ch;font-size:calc(var(--dr-body-size)*.63);line-height:1.55;color:var(--dr-muted)}
.drotto-project-price .drotto-series-pill{position:absolute;top:15px;right:16px}
.drotto-project-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:18px 0}
.drotto-project-actions>a,.drotto-project-actions>button{min-height:54px;border-radius:var(--oc-button-radius);display:flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-weight:800}
.drotto-project-actions__primary{padding:0 24px;border:1px solid var(--dr-primary);background:var(--dr-primary);color:#fff;cursor:pointer;font:inherit;font-weight:800}
.drotto-project-actions__primary:hover{background:var(--dr-primary-strong);border-color:var(--dr-primary-strong);color:#fff}
.drotto-project-actions__primary span{font-size:20px}
.drotto-project-actions__secondary{min-width:200px;padding:7px 18px;border:1px solid var(--dr-line);color:var(--dr-text-strong);background:var(--dr-surface)}
.drotto-project-actions__secondary:hover{border-color:var(--dr-primary);color:var(--dr-primary)}
.drotto-project-actions__secondary svg{width:22px;height:22px;color:var(--dr-primary)}
.drotto-project-actions__secondary span{display:grid;gap:1px}.drotto-project-actions__secondary small{font-size:calc(var(--dr-body-size)*.48);color:var(--dr-muted)}.drotto-project-actions__secondary strong{font-size:calc(var(--dr-body-size)*.61)}
.drotto-card-quote{display:grid;gap:1px;min-width:0}.drotto-card-quote strong{font-size:calc(var(--dr-body-size)*.82);line-height:1.2;color:var(--dr-primary)}.drotto-card-quote small{font-size:calc(var(--dr-body-size)*.52);color:var(--dr-muted)}
.drotto-card-cart--quote,.drotto-card-cart--quote span,.drotto-card-cart--quote b{color:#fff}.drotto-card-cart--quote{text-decoration:none;justify-content:space-between;padding:0 17px}.drotto-card-cart--quote b{font-size:18px;font-weight:500}
@media(max-width:640px){
  .drotto-project-price{padding:13px 14px}.drotto-project-price .drotto-series-pill{position:static;margin-top:5px}.drotto-project-actions{grid-template-columns:1fr}.drotto-project-actions__secondary{min-width:0}.drotto-card-quote strong{font-size:calc(var(--dr-body-size)*.7)}.drotto-card-quote small{font-size:calc(var(--dr-body-size)*.46)}
}

/* Project quote modal and archive card alignment. */
.drotto-catalog-card__media .drotto-card-heart>svg>path{stroke:#fff;fill:transparent}
.drotto-catalog-card__media .drotto-card-heart:hover>svg>path{stroke:var(--dr-primary)}
.drotto-catalog-card__media .drotto-card-heart.is-favorite>svg>path{stroke:#fff;fill:#fff}
.drotto-project-actions__primary,.drotto-project-actions__primary span{color:#fff}
.drotto-project-quote-modal[hidden]{display:none}
.drotto-project-quote-modal{position:fixed;inset:0;z-index:3200;display:grid;place-items:center;padding:24px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
.drotto-project-quote-modal.is-open{opacity:1;visibility:visible}
.drotto-project-quote-modal__backdrop{position:absolute;inset:0;border:0;background:rgba(9,16,20,.72);backdrop-filter:blur(6px);cursor:pointer}
.drotto-project-quote-dialog{position:relative;z-index:1;width:min(820px,100%);max-height:calc(100dvh - 48px);overflow:auto;border:1px solid rgba(255,255,255,.72);border-radius:20px;background:var(--dr-surface);box-shadow:0 28px 90px rgba(5,12,16,.34);outline:0;transform:translateY(14px) scale(.985);transition:transform .22s ease}
.drotto-project-quote-modal.is-open .drotto-project-quote-dialog{transform:translateY(0) scale(1)}
.drotto-project-quote-dialog__head{position:relative;padding:22px 66px 18px 24px;border-bottom:1px solid var(--dr-line-soft);background:linear-gradient(135deg,var(--dr-primary-softer),var(--dr-surface) 68%)}
.drotto-project-quote-dialog__head span{display:block;margin-bottom:7px;color:var(--dr-primary);font-size:calc(var(--dr-body-size)*.49);font-weight:850;letter-spacing:.16em}
.drotto-project-quote-dialog__head h2{margin:0;color:var(--dr-text-strong);font-family:var(--dr-heading-font);font-size:clamp(28px,3vw,38px);line-height:1.08}
.drotto-project-quote-dialog__head p{max-width:62ch;margin:7px 0 0;color:var(--dr-muted);font-size:calc(var(--dr-body-size)*.61);line-height:1.5}
.drotto-project-quote-dialog__head>button{position:absolute;top:18px;right:20px;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--dr-border);border-radius:50%;background:var(--dr-surface);color:var(--dr-text);font-size:23px;line-height:1;cursor:pointer}
.drotto-project-quote-product{margin:16px 24px 0;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--dr-primary-border);border-radius:11px;background:var(--dr-primary-softer)}
.drotto-project-quote-product[hidden]{display:none}.drotto-project-quote-product div{display:grid;gap:2px}.drotto-project-quote-product small{color:var(--dr-muted);font-size:calc(var(--dr-body-size)*.48)}.drotto-project-quote-product strong{color:var(--dr-text-strong);font-size:calc(var(--dr-body-size)*.72)}.drotto-project-quote-product>span{color:var(--dr-primary-strong);font-size:calc(var(--dr-body-size)*.54);font-weight:750;text-align:right}
.drotto-project-quote-form{padding:17px 24px 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:12px}
.drotto-project-quote-form>label{display:grid;align-content:start;gap:7px;min-width:0}.drotto-project-quote-form>label.is-wide,.drotto-project-quote-alert,.drotto-project-quote-submit{grid-column:1/-1}.drotto-project-quote-form label>span{color:var(--dr-text);font-size:calc(var(--dr-body-size)*.58);font-weight:750}.drotto-project-quote-form label>span b{color:var(--dr-primary)}
.drotto-project-quote-form input:not([type=checkbox]),.drotto-project-quote-form textarea{display:block;width:100%;height:44px;min-height:44px;border:1px solid var(--dr-primary-border);border-radius:9px;background:var(--dr-primary-softer);color:var(--dr-text);padding:9px 12px;font:inherit;font-size:calc(var(--dr-body-size)*.61);outline:0;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.drotto-project-quote-form textarea{height:82px;min-height:82px;resize:vertical}.drotto-project-quote-form input:hover,.drotto-project-quote-form textarea:hover{border-color:color-mix(in srgb,var(--dr-primary) 72%,var(--dr-border));background:color-mix(in srgb,var(--dr-primary) 7%,var(--dr-surface))}.drotto-project-quote-form input:focus,.drotto-project-quote-form textarea:focus{border-color:var(--dr-primary);background:var(--dr-surface);box-shadow:0 0 0 3px var(--dr-primary-soft)}
.drotto-project-quote-consent{grid-template-columns:18px minmax(0,1fr);align-items:start}.drotto-project-quote-consent input{appearance:none;width:18px;height:18px;margin:2px 0 0;border:1px solid var(--dr-border);border-radius:4px;background:var(--dr-surface);cursor:pointer}.drotto-project-quote-consent input:checked{border-color:var(--dr-primary);background:var(--dr-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}.drotto-project-quote-consent span{font-weight:500;line-height:1.55}.drotto-project-quote-consent a{color:var(--dr-primary-strong);font-weight:750}
.drotto-project-quote-alert{padding:11px 13px;border-radius:10px;font-size:calc(var(--dr-body-size)*.59);font-weight:650}.drotto-project-quote-alert[hidden]{display:none}.drotto-project-quote-alert.is-error{border:1px solid #e8b8b8;background:#fff2f2;color:#8a2222}.drotto-project-quote-alert.is-success{border:1px solid var(--dr-primary-border);background:var(--dr-primary-softer);color:var(--dr-primary-strong)}
.drotto-project-quote-submit{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:1px}.drotto-project-quote-submit>small{max-width:48ch;color:var(--dr-muted);font-size:calc(var(--dr-body-size)*.49);line-height:1.45}.drotto-project-quote-submit>button{min-width:225px;height:46px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--dr-primary);border-radius:var(--oc-button-radius);background:var(--dr-primary);color:#fff;font:inherit;font-size:calc(var(--dr-body-size)*.61);font-weight:800;cursor:pointer}.drotto-project-quote-submit>button span,.drotto-project-quote-submit>button b{color:#fff}.drotto-project-quote-submit>button:disabled{opacity:.6;cursor:wait}
.drotto-project-quote-honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.drotto-project-quote-lock{overflow:hidden}
@media(max-width:640px){.drotto-catalog-card__body h2{min-height:2.5em}.drotto-project-quote-modal{padding:10px}.drotto-project-quote-dialog{max-height:calc(100dvh - 20px);border-radius:17px}.drotto-project-quote-dialog__head{padding:20px 55px 16px 18px}.drotto-project-quote-dialog__head h2{font-size:var(--dr-h2-mobile)}.drotto-project-quote-dialog__head>button{top:14px;right:14px;width:34px;height:34px}.drotto-project-quote-product{margin:13px 18px 0;align-items:flex-start;flex-direction:column;gap:4px}.drotto-project-quote-product>span{text-align:left}.drotto-project-quote-form{padding:15px 18px 20px;grid-template-columns:1fr;gap:11px}.drotto-project-quote-form>label.is-wide,.drotto-project-quote-alert,.drotto-project-quote-submit{grid-column:1}.drotto-project-quote-submit{align-items:stretch;flex-direction:column;gap:11px}.drotto-project-quote-submit>button{width:100%;min-width:0}}

/* Archive favorite icon: override the global em-based SVG size. */
body.drotto-theme .drotto-catalog-card__media .drotto-card-heart>svg{display:block;width:22px;height:22px;min-width:22px;min-height:22px;overflow:visible}
@media(max-width:640px){body.drotto-theme .drotto-catalog-card__media .drotto-card-heart>svg{width:19px;height:19px;min-width:19px;min-height:19px}}


/* Contact page: premium, token-driven and Builder-editable. */
.drotto-contact-hero{
  position:relative;
  overflow:hidden;
  background:var(--dr-dark);
}
.drotto-contact-hero:before,
.drotto-contact-hero:after{
  content:"";
  position:absolute;
  z-index:2;
  pointer-events:none;
  border:1px solid color-mix(in srgb,var(--dr-inverse) 8%,transparent);
  border-radius:50%;
}
.drotto-contact-hero:before{width:min(54vw,820px);aspect-ratio:1;right:-18vw;top:-72%}
.drotto-contact-hero:after{width:min(38vw,570px);aspect-ratio:1;right:-3vw;bottom:-78%}
.drotto-contact-hero .oc-hero-slide{
  background:
    radial-gradient(circle at 78% 22%,color-mix(in srgb,var(--dr-primary) 20%,transparent),transparent 34%),
    linear-gradient(112deg,var(--dr-dark) 0%,var(--dr-dark-soft) 58%,color-mix(in srgb,var(--dr-primary) 14%,var(--dr-dark)) 100%);
}
.drotto-contact-hero .oc-hero-pro__grid{position:relative;z-index:3}
.drotto-contact-hero .oc-hero-pro__copy{max-width:820px}
.drotto-contact-hero .oc-eyebrow{font-size:12px;font-weight:800;letter-spacing:.2em}
.drotto-contact-hero h1{max-width:13ch;font-size:var(--dr-h1);font-weight:var(--dr-h1-weight);line-height:var(--dr-h1-lh)}
.drotto-contact-hero .oc-lead{max-width:62ch;line-height:1.72}
.drotto-contact-hero .oc-actions{margin-top:30px}
.drotto-contact-hero .oc-button{min-width:166px}
.drotto-contact-hero .oc-button:first-child{background:var(--dr-primary);border-color:var(--dr-primary);color:var(--dr-inverse)}
.drotto-contact-hero .oc-button:first-child:hover{background:var(--dr-primary-strong);border-color:var(--dr-primary-strong)}
.drotto-contact-hero .oc-button--ghost{border-color:color-mix(in srgb,var(--dr-inverse) 36%,transparent);color:var(--dr-inverse)}
.drotto-contact-hero .oc-hero-points{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:34px}
.drotto-contact-hero .oc-hero-point{display:inline-flex;grid-template-columns:none;gap:9px;padding:0;color:var(--dr-on-dark-muted);font-size:13px}
.drotto-contact-hero .oc-hero-point__icon{display:grid;place-items:center;width:24px;height:24px;border:1px solid color-mix(in srgb,var(--dr-primary) 55%,transparent);border-radius:50%;background:color-mix(in srgb,var(--dr-primary) 13%,transparent);color:var(--dr-accent);font-size:12px}

.drotto-contact-links{position:relative;z-index:8;margin:-58px 0 20px;padding:0 24px;background:transparent}
.drotto-contact-links>.oc-container{width:min(var(--oc-container),calc(100% - 24px));max-width:var(--oc-container);padding-inline:0}
.drotto-contact-links .oc-feature-grid{gap:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--dr-primary) 16%,var(--dr-line-soft));border-radius:22px;background:linear-gradient(120deg,var(--dr-surface) 0%,color-mix(in srgb,var(--dr-primary) 3%,var(--dr-surface)) 100%);box-shadow:0 22px 55px rgba(16,23,37,.13),0 3px 10px rgba(16,23,37,.05)}
.drotto-contact-links .oc-feature--left{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:18px;row-gap:5px;align-items:center;min-width:0;min-height:124px;padding:25px 30px;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--dr-text);text-align:left;text-decoration:none;transition:background .2s ease}
.drotto-contact-links .oc-feature--left+.oc-feature--left:before{content:"";position:absolute;left:0;top:25px;bottom:25px;width:1px;background:linear-gradient(180deg,transparent,var(--dr-primary-border) 22%,var(--dr-primary-border) 78%,transparent)}
.drotto-contact-links .oc-feature--left:hover{transform:none;background:color-mix(in srgb,var(--dr-primary) 5%,transparent);box-shadow:none}
.drotto-contact-links .oc-feature--left .oc-feature__icon{grid-column:1;grid-row:1/span 2;display:grid;place-items:center;width:54px;height:54px;margin:0;border:1px solid var(--dr-primary-border);border-radius:17px;background:linear-gradient(145deg,var(--dr-primary-softer),color-mix(in srgb,var(--dr-primary) 8%,var(--dr-surface)));color:var(--dr-primary-strong);font-size:23px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 20px color-mix(in srgb,var(--dr-primary) 10%,transparent);transition:transform .2s ease,background .2s ease}
.drotto-contact-links .oc-feature--left:hover .oc-feature__icon{transform:translateY(-2px);background:color-mix(in srgb,var(--dr-primary) 11%,var(--dr-surface))}
.drotto-contact-links .oc-feature--left h3{grid-column:2;grid-row:1;align-self:end;min-width:0;margin:0;overflow-wrap:anywhere;color:var(--dr-text-strong);font-family:var(--oc-font);font-size:17px;line-height:1.25;letter-spacing:-.015em}
.drotto-contact-links .oc-feature--left h3:before{display:block;margin-bottom:5px;color:var(--dr-primary-strong);font-size:9px;font-weight:800;line-height:1;letter-spacing:.16em}
.drotto-contact-links .oc-feature--left:nth-child(1) h3:before{content:"BİZİ ARAYIN"}
.drotto-contact-links .oc-feature--left:nth-child(2) h3:before{content:"WHATSAPP"}
.drotto-contact-links .oc-feature--left:nth-child(3) h3:before{content:"E-POSTA"}
.drotto-contact-links .oc-feature--left p{grid-column:2;grid-row:2;align-self:start;margin:0;color:var(--dr-muted);font-family:var(--oc-font);font-size:12px;line-height:1.45}
.drotto-contact-links .oc-feature__arrow{grid-column:3;grid-row:1/span 2;align-self:center;display:grid;place-items:center;width:32px;height:32px;border:1px solid transparent;border-radius:50%;color:var(--dr-muted);font-size:17px;transition:border-color .2s ease,color .2s ease,transform .2s ease}
.drotto-contact-links .oc-feature--left:hover .oc-feature__arrow{border-color:var(--dr-primary-border);color:var(--dr-primary);transform:translate(2px,-2px)}

.drotto-contact-main{background:var(--dr-surface)}
.drotto-contact-main .oc-layout-title__eyebrow,
.drotto-contact-store__eyebrow{color:var(--dr-primary-strong);font-size:11px;font-weight:850;letter-spacing:.18em}
.drotto-contact-main .oc-layout-title h2,
.drotto-contact-store h2{color:var(--dr-text-strong);font-size:var(--dr-h2);font-weight:var(--dr-h2-weight);line-height:var(--dr-h2-lh)}
.drotto-contact-form-lead{max-width:59ch;margin:-8px 0 4px;color:var(--dr-muted);font-size:14px;line-height:1.7}
.drotto-contact-main .oc-form-section>.oc-container{padding:0}
.drotto-contact-main .oc-form-wrap{padding:28px;border:1px solid var(--dr-line-soft);border-radius:18px;background:var(--dr-primary-softer);box-shadow:var(--dr-shadow-soft)}
.drotto-contact-main .oc-form--quarter-grid{column-gap:14px;row-gap:15px}
.drotto-contact-main .oc-form-field{gap:7px;color:var(--dr-text-strong)}
.drotto-contact-main .oc-form-field>span{font-size:12px;font-weight:750}
.drotto-contact-main .oc-form-field input:not([type=checkbox]),
.drotto-contact-main .oc-form-field textarea,
.drotto-contact-main .oc-form-field select,
.drotto-contact-main .oc-form-captcha input[type=text]{min-height:48px;border:1px solid var(--dr-primary-border);border-radius:10px;background:var(--dr-surface);color:var(--dr-text);font-size:13px;box-shadow:none}
.drotto-contact-main .oc-form-field textarea{min-height:118px;resize:vertical}
.drotto-contact-main .oc-form-field input:focus,
.drotto-contact-main .oc-form-field textarea:focus,
.drotto-contact-main .oc-form-field select:focus,
.drotto-contact-main .oc-form-captcha input:focus{border-color:var(--dr-primary);box-shadow:0 0 0 3px var(--dr-primary-soft)}
.drotto-contact-main .oc-form-captcha{padding:13px 15px;border-color:var(--dr-primary-border);border-radius:10px;background:var(--dr-surface)}
.drotto-contact-main .oc-form-check{color:var(--dr-muted);font-size:12px;line-height:1.55}
.drotto-contact-main .oc-form-check a{color:var(--dr-primary-strong);font-weight:750}
.drotto-contact-main .oc-form-submit{padding-top:2px}
.drotto-contact-main .oc-form-submit .oc-button{min-width:205px;min-height:50px;background:var(--dr-primary);border-color:var(--dr-primary);color:var(--dr-inverse);font-weight:800}
.drotto-contact-main .oc-form-submit .oc-button:hover{background:var(--dr-primary-strong);border-color:var(--dr-primary-strong)}

.drotto-contact-store{position:relative;overflow:hidden;padding:34px;border:1px solid color-mix(in srgb,var(--dr-inverse) 10%,transparent);border-radius:20px;background:radial-gradient(circle at 96% 4%,color-mix(in srgb,var(--dr-primary) 27%,transparent),transparent 34%),var(--dr-dark);color:var(--dr-inverse);box-shadow:var(--dr-shadow)}
.drotto-contact-store:after{content:"";position:absolute;width:230px;height:230px;right:-115px;bottom:-132px;border:1px solid color-mix(in srgb,var(--dr-inverse) 10%,transparent);border-radius:50%}
.drotto-contact-store__eyebrow{display:block;margin-bottom:16px;color:var(--dr-accent)}
.drotto-contact-store h2{position:relative;z-index:1;max-width:11ch;margin:0 0 14px;color:var(--dr-inverse)}
.drotto-contact-store>p{position:relative;z-index:1;max-width:43ch;margin:0;color:var(--dr-on-dark-muted);font-size:13px;line-height:1.7}
.drotto-contact-store__address{position:relative;z-index:1;display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;align-items:start;margin:28px 0;padding-top:23px;border-top:1px solid color-mix(in srgb,var(--dr-inverse) 12%,transparent)}
.drotto-contact-store__address>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--dr-primary) 18%,transparent);color:var(--dr-accent);font-size:20px}
.drotto-contact-store__address strong{color:var(--dr-inverse);font-size:13px;font-weight:600;line-height:1.65}
.drotto-contact-store__actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.drotto-contact-store__actions .oc-button{min-height:48px;background:var(--dr-primary);border-color:var(--dr-primary);color:var(--dr-inverse)}
.drotto-contact-store__actions .oc-text-link{color:var(--dr-inverse);font-size:12px;font-weight:750;text-decoration:none}
.drotto-contact-store__actions .oc-text-link:hover{color:var(--dr-accent)}
.drotto-contact-main .oc-map{border-color:var(--dr-line-soft);border-radius:18px;box-shadow:var(--dr-shadow-soft)}
.drotto-contact-visit-note{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start;padding:17px 18px;border:1px solid var(--dr-primary-border);border-radius:14px;background:var(--dr-primary-softer)}
.drotto-contact-visit-note>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--dr-primary);color:var(--dr-inverse);font-family:serif;font-size:15px;font-weight:700}
.drotto-contact-visit-note p{margin:0;color:var(--dr-muted);font-size:12px;line-height:1.55}
.drotto-contact-visit-note strong{display:block;margin-bottom:2px;color:var(--dr-text-strong);font-size:13px}

@media(max-width:980px){
  .drotto-contact-links .oc-feature-grid{grid-template-columns:1fr}
  .drotto-contact-links .oc-feature--left{min-height:104px;padding:22px 26px}
  .drotto-contact-links .oc-feature--left+.oc-feature--left:before{top:0;right:24px;bottom:auto;left:24px;width:auto;height:1px}
  .drotto-contact-main .oc-layout-grid{grid-template-columns:1fr;gap:42px}
}
@media(max-width:700px){
  .drotto-contact-hero .oc-hero-slide{min-height:560px}
  .drotto-contact-hero .oc-hero-pro__grid{padding-top:68px;padding-bottom:110px}
  .drotto-contact-hero h1{font-size:var(--dr-h1-mobile)}
  .drotto-contact-hero .oc-actions{align-items:stretch}
  .drotto-contact-hero .oc-button{width:100%}
  .drotto-contact-hero .oc-hero-points{display:grid;gap:10px}
  .drotto-contact-links{margin-top:-48px;padding-inline:12px}
  .drotto-contact-links>.oc-container{width:100%}
  .drotto-contact-links .oc-feature-grid{border-radius:18px}
  .drotto-contact-links .oc-feature--left{grid-template-columns:46px minmax(0,1fr) 30px;column-gap:14px;padding:18px 17px}
  .drotto-contact-links .oc-feature--left .oc-feature__icon{width:46px;height:46px;border-radius:14px;font-size:20px}
  .drotto-contact-links .oc-feature--left h3{font-size:15px}
  .drotto-contact-links .oc-feature--left p{font-size:11px}
  .drotto-contact-links .oc-feature__arrow{width:30px;height:30px}
  .drotto-contact-main{padding-inline:16px}
  .drotto-contact-main .oc-layout-title h2,
  .drotto-contact-store h2{font-size:var(--dr-h2-mobile)}
  .drotto-contact-main .oc-form-wrap{padding:20px 17px}
  .drotto-contact-main .oc-form-submit .oc-button{width:100%}
  .drotto-contact-store{padding:28px 22px}
}
/* Dr. Otto Theme v1.3.41 — premium blog archive and article */
.drotto-blog-page{background:var(--dr-surface);color:var(--dr-text)}
.drotto-blog-breadcrumb{display:flex;align-items:center;gap:8px;margin:0 0 22px;color:var(--dr-muted);font-size:calc(var(--dr-body-size)*.66);font-weight:650}.drotto-blog-breadcrumb a{color:inherit;text-decoration:none}.drotto-blog-breadcrumb a:hover{color:var(--dr-primary)}.drotto-blog-breadcrumb span[aria-current="page"]{max-width:54ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.drotto-blog-eyebrow,.drotto-blog-label{display:block;color:var(--dr-primary);font-size:calc(var(--dr-body-size)*.64);font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.drotto-blog-hero{position:relative;overflow:hidden;padding:clamp(42px,5.2vw,76px) 0 clamp(52px,6vw,86px);background:linear-gradient(140deg,var(--dr-surface-soft),var(--dr-surface) 65%);border-bottom:1px solid var(--dr-border)}.drotto-blog-hero:after{content:"";position:absolute;right:-160px;bottom:-300px;width:540px;height:540px;border:1px solid color-mix(in srgb,var(--dr-primary) 12%,transparent);border-radius:50%;box-shadow:0 0 0 90px color-mix(in srgb,var(--dr-primary) 3%,transparent),0 0 0 180px color-mix(in srgb,var(--dr-primary) 2%,transparent);pointer-events:none}.drotto-blog-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,800px) auto;align-items:end;justify-content:space-between;gap:60px}.drotto-blog-hero h1{margin:13px 0 0;font-size:var(--dr-h1);font-weight:var(--dr-h1-weight);line-height:1.01;letter-spacing:-.045em}.drotto-blog-hero h1 span{color:var(--dr-primary)}.drotto-blog-hero p{max-width:680px;margin:20px 0 0;color:var(--dr-muted);font-size:calc(var(--dr-body-size)*1.05);line-height:1.7}.drotto-blog-hero aside{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:end;min-width:205px;padding:0 0 6px 24px;border-left:1px solid var(--dr-border)}.drotto-blog-hero aside strong{grid-row:1/3;font-family:var(--oc-heading-font);font-size:clamp(42px,4.5vw,66px);font-weight:500;line-height:.78;letter-spacing:-.06em}.drotto-blog-hero aside span{font-size:11px;font-weight:800;letter-spacing:.12em}.drotto-blog-hero aside small{color:var(--dr-muted);font-size:11px;white-space:nowrap}
.drotto-blog-featured{padding:clamp(48px,5vw,72px) 0 34px}.drotto-blog-featured article{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr);overflow:hidden;border:1px solid var(--dr-border);border-radius:24px;background:var(--dr-surface);box-shadow:0 22px 65px color-mix(in srgb,var(--dr-dark) 7%,transparent)}.drotto-blog-featured__media{position:relative;display:block;min-height:430px;overflow:hidden;background:var(--dr-surface-soft);text-decoration:none}.drotto-blog-featured__media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s ease}.drotto-blog-featured article:hover .drotto-blog-featured__media img{transform:scale(1.025)}.drotto-blog-featured__media>span{position:absolute;inset:0;display:grid;place-items:center;color:color-mix(in srgb,var(--dr-primary) 24%,transparent);font-family:var(--oc-heading-font);font-size:52px}.drotto-blog-featured__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(30px,4vw,58px)}.drotto-blog-featured__copy .drotto-blog-label{margin-bottom:16px}.drotto-blog-featured__copy h2{margin:16px 0 14px;font-size:clamp(30px,3vw,46px);font-weight:var(--dr-h2-weight);line-height:1.08;letter-spacing:-.035em}.drotto-blog-featured__copy h2 a,.drotto-blog-card h3 a{color:inherit;text-decoration:none}.drotto-blog-featured__copy p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:0 0 24px;color:var(--dr-muted);line-height:1.65}
.drotto-blog-card-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--dr-muted);font-size:calc(var(--dr-body-size)*.64);font-weight:650}.drotto-blog-card-meta>*+*:before{content:"·";margin-right:8px;color:color-mix(in srgb,var(--dr-muted) 45%,transparent)}.drotto-blog-card-meta span:first-child{color:var(--dr-primary);font-weight:800}.drotto-blog-read{display:inline-flex;align-items:center;gap:14px;width:max-content;color:var(--dr-text);font-size:calc(var(--dr-body-size)*.75);font-weight:800;text-decoration:none}.drotto-blog-read span{transition:transform .2s ease}.drotto-blog-read:hover{color:var(--dr-primary)}.drotto-blog-read:hover span{transform:translateX(4px)}
.drotto-blog-list{padding:34px 0 clamp(70px,7vw,106px)}.drotto-blog-list__head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid var(--dr-border)}.drotto-blog-list__head h2{margin:8px 0 0;font-size:var(--dr-h2);font-weight:var(--dr-h2-weight);line-height:1}.drotto-blog-list__head nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.drotto-blog-list__head nav a{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border:1px solid var(--dr-border);border-radius:999px;background:var(--dr-surface);color:var(--dr-muted);font-size:calc(var(--dr-body-size)*.68);font-weight:700;text-decoration:none}.drotto-blog-list__head nav a:hover,.drotto-blog-list__head nav a.is-active{border-color:var(--dr-primary);background:var(--dr-primary);color:var(--dr-inverse)}
.drotto-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.drotto-blog-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;border:1px solid var(--dr-border);border-radius:20px;background:var(--dr-surface);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.drotto-blog-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--dr-primary) 30%,var(--dr-border));box-shadow:0 18px 50px color-mix(in srgb,var(--dr-dark) 8%,transparent)}.drotto-blog-card__media{position:relative;display:block;overflow:hidden;aspect-ratio:16/10;background:var(--dr-surface-soft)}.drotto-blog-card__media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}.drotto-blog-card:hover .drotto-blog-card__media img{transform:scale(1.035)}.drotto-blog-card__media>span:not(.drotto-blog-card__arrow){position:absolute;inset:0;display:grid;place-items:center;color:color-mix(in srgb,var(--dr-primary) 24%,transparent);font-family:var(--oc-heading-font);font-size:34px}.drotto-blog-card__arrow{position:absolute;right:15px;top:15px;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(12,16,18,.34);color:#fff;backdrop-filter:blur(8px);transition:transform .2s ease,background .2s ease}.drotto-blog-card:hover .drotto-blog-card__arrow{transform:rotate(45deg);background:var(--dr-primary)}.drotto-blog-card__body{display:flex;flex:1;flex-direction:column;padding:22px}.drotto-blog-card h3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:2.55em;margin:13px 0 10px;font-size:clamp(20px,1.7vw,27px);font-weight:var(--dr-h3-weight);line-height:1.26;letter-spacing:-.02em}.drotto-blog-card__body>p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin:0 0 19px;color:var(--dr-muted);font-size:calc(var(--dr-body-size)*.76);line-height:1.65}.drotto-blog-card .drotto-blog-read{margin-top:auto}
.drotto-blog-empty{display:grid;place-items:center;gap:10px;padding:70px 24px;border:1px dashed var(--dr-border);border-radius:20px;text-align:center}.drotto-blog-empty a{color:var(--dr-primary);font-weight:750;text-decoration:none}.drotto-blog-pagination{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:38px}.drotto-blog-pagination>div{display:flex;gap:7px}.drotto-blog-pagination a{display:grid;place-items:center;min-width:38px;height:38px;padding:0 12px;border:1px solid var(--dr-border);border-radius:10px;color:var(--dr-text);font-size:12px;font-weight:750;text-decoration:none}.drotto-blog-pagination a:hover,.drotto-blog-pagination a.is-current{border-color:var(--dr-primary);background:var(--dr-primary);color:var(--dr-inverse)}
.drotto-blog-advisor{padding:0;background:var(--dr-dark);color:var(--dr-inverse)}.drotto-blog-advisor .oc-container{display:flex;align-items:center;justify-content:space-between;gap:48px;padding-top:48px;padding-bottom:48px}.drotto-blog-advisor .oc-container>div{max-width:760px}.drotto-blog-advisor span{color:var(--dr-accent);font-size:11px;font-weight:800;letter-spacing:.14em}.drotto-blog-advisor h2{margin:8px 0 0;color:inherit;font-size:clamp(28px,3vw,44px);font-weight:var(--dr-h2-weight);line-height:1.1}.drotto-blog-advisor p{margin:11px 0 0;color:rgba(255,255,255,.65)}.drotto-blog-advisor a{display:inline-flex;align-items:center;gap:18px;min-height:48px;padding:0 19px;border:1px solid rgba(255,255,255,.2);border-radius:var(--oc-button-radius);background:rgba(255,255,255,.06);color:#fff;text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap}.drotto-blog-advisor a:hover{background:var(--dr-primary);border-color:var(--dr-primary)}
/* Article */
.drotto-article-head{padding:clamp(38px,4.5vw,66px) 0 clamp(34px,4vw,56px);background:linear-gradient(140deg,var(--dr-surface-soft),var(--dr-surface));border-bottom:1px solid var(--dr-border)}.drotto-article-head__inner{max-width:1050px}.drotto-article-head .drotto-blog-label{margin-bottom:14px}.drotto-article-head h1{max-width:1000px;margin:0;font-size:var(--dr-h1);font-weight:var(--dr-h1-weight);line-height:1.04;letter-spacing:-.045em}.drotto-article-lead{max-width:850px;margin:20px 0 0;color:var(--dr-muted);font-size:clamp(17px,1.45vw,21px);line-height:1.66}.drotto-article-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px;color:var(--dr-muted);font-size:calc(var(--dr-body-size)*.7);font-weight:650}.drotto-article-meta i{width:3px;height:3px;border-radius:50%;background:var(--dr-primary)}.drotto-article-cover{max-width:1440px;margin-top:clamp(28px,4vw,54px);overflow:hidden;border-radius:24px;aspect-ratio:16/7;background:var(--dr-surface-soft)}.drotto-article-cover img{width:100%;height:100%;display:block;object-fit:cover}
.drotto-article-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(280px,360px);justify-content:space-between;gap:clamp(52px,7vw,104px);padding-top:clamp(46px,5vw,76px);padding-bottom:clamp(72px,8vw,118px)}.drotto-article-body{min-width:0}.drotto-article-toc{margin:0 0 38px;padding:19px 21px;border:1px solid var(--dr-border);border-radius:16px;background:var(--dr-surface-soft)}.drotto-article-toc summary{cursor:pointer;color:var(--dr-text);font-weight:800}.drotto-article-toc nav{display:grid;gap:8px;margin-top:15px;padding-top:15px;border-top:1px solid var(--dr-border)}.drotto-article-toc a{color:var(--dr-muted);font-size:calc(var(--dr-body-size)*.75);line-height:1.4;text-decoration:none}.drotto-article-toc a:hover{color:var(--dr-primary)}.drotto-article-toc a.is-h3{padding-left:16px;font-size:calc(var(--dr-body-size)*.7)}
.drotto-article-prose{color:var(--dr-text);font-size:calc(var(--dr-body-size)*.94);line-height:1.84}.drotto-article-prose>p:first-child{font-size:calc(var(--dr-body-size)*1.04)}.drotto-article-prose p{margin:0 0 1.35em}.drotto-article-prose h2,.drotto-article-prose h3{scroll-margin-top:120px;color:var(--dr-text-strong)}.drotto-article-prose h2{margin:2em 0 .7em;padding-top:.65em;border-top:1px solid var(--dr-border);font-size:clamp(27px,2.5vw,38px);font-weight:var(--dr-h2-weight);line-height:1.18}.drotto-article-prose h3{margin:1.8em 0 .65em;font-size:clamp(22px,2vw,29px);font-weight:var(--dr-h3-weight);line-height:1.25}.drotto-article-prose ul,.drotto-article-prose ol{display:grid;gap:9px;margin:0 0 1.5em;padding-left:1.25em}.drotto-article-prose li::marker{color:var(--dr-primary)}.drotto-article-prose blockquote{margin:2em 0;padding:22px 25px;border-left:3px solid var(--dr-primary);background:var(--dr-surface-soft);font-family:var(--oc-heading-font);font-size:1.2em;line-height:1.55}.drotto-article-prose table{width:100%;margin:1.7em 0;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--dr-border);border-radius:14px}.drotto-article-prose th,.drotto-article-prose td{padding:12px 14px;border-right:1px solid var(--dr-border);border-bottom:1px solid var(--dr-border);text-align:left}.drotto-article-prose tr:last-child td{border-bottom:0}.drotto-article-prose td:last-child,.drotto-article-prose th:last-child{border-right:0}.drotto-article-prose a{color:var(--dr-primary);text-underline-offset:3px}
.drotto-article-note{margin-top:42px;padding:20px 22px;border:1px solid color-mix(in srgb,var(--dr-primary) 22%,var(--dr-border));border-radius:15px;background:color-mix(in srgb,var(--dr-primary) 5%,var(--dr-surface))}.drotto-article-note strong{display:block;margin-bottom:5px;color:var(--dr-primary);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.drotto-article-note p{margin:0;color:var(--dr-muted);font-size:13px;line-height:1.65}.drotto-article-share{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:34px;padding-top:26px;border-top:1px solid var(--dr-border)}.drotto-article-share>div{display:grid;gap:3px}.drotto-article-share>div span{color:var(--dr-primary);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.drotto-article-share>div strong{font-size:13px}.drotto-article-share nav{display:flex;gap:8px}.drotto-article-share nav a{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--dr-border);border-radius:50%;color:var(--dr-text);font-size:12px;font-weight:800;text-decoration:none;text-transform:uppercase}.drotto-article-share nav a:hover{border-color:var(--dr-primary);background:var(--dr-primary);color:var(--dr-inverse)}
.drotto-article-aside{display:flex;flex-direction:column;gap:24px;min-width:0}.drotto-article-aside>section{padding:23px;border:1px solid var(--dr-border);border-radius:19px;background:var(--dr-surface)}.drotto-article-aside>section:first-child{position:sticky;top:100px}.drotto-article-aside h2{margin:8px 0 17px;font-size:26px;font-weight:var(--dr-h3-weight)}.drotto-article-recent{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--dr-border);color:inherit;text-decoration:none}.drotto-article-recent:first-child{border-top:0;padding-top:0}.drotto-article-recent:last-child{padding-bottom:0}.drotto-article-recent img{width:72px;height:72px;display:block;border-radius:11px;object-fit:cover}.drotto-article-recent span{min-width:0}.drotto-article-recent small{display:block;margin-bottom:4px;color:var(--dr-primary);font-size:10px;font-weight:800;text-transform:uppercase}.drotto-article-recent strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px;line-height:1.4}.drotto-article-recent:hover strong{color:var(--dr-primary)}.drotto-article-aside>section.drotto-article-help{background:var(--dr-dark);color:var(--dr-inverse)}.drotto-article-help>span{color:var(--dr-accent);font-size:10px;font-weight:800;letter-spacing:.14em}.drotto-article-help h2{color:inherit}.drotto-article-help p{margin:0 0 18px;color:rgba(255,255,255,.65);font-size:13px;line-height:1.6}.drotto-article-help a{display:flex;align-items:center;justify-content:center;min-height:43px;margin-top:8px;border:1px solid rgba(255,255,255,.18);border-radius:10px;color:#fff;font-size:12px;font-weight:750;text-decoration:none}.drotto-article-help a:hover{border-color:var(--dr-primary);background:var(--dr-primary)}
.drotto-related{padding:clamp(60px,7vw,94px) 0;background:var(--dr-surface-soft);border-top:1px solid var(--dr-border)}.drotto-related header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.drotto-related header h2{margin:8px 0 0;font-size:var(--dr-h2);font-weight:var(--dr-h2-weight)}.drotto-related header>a{color:var(--dr-primary);font-size:13px;font-weight:800;text-decoration:none}
@media(max-width:1050px){.drotto-blog-hero__grid{grid-template-columns:1fr}.drotto-blog-hero aside{display:none}.drotto-blog-featured article{grid-template-columns:1.15fr 1fr}.drotto-blog-featured__media{min-height:380px}.drotto-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drotto-article-layout{grid-template-columns:minmax(0,1fr) 300px;gap:44px}}
@media(max-width:820px){.drotto-blog-breadcrumb span[aria-current="page"]{display:none}.drotto-blog-featured article{grid-template-columns:1fr}.drotto-blog-featured__media{min-height:0;aspect-ratio:16/9}.drotto-blog-list__head{align-items:flex-start;flex-direction:column}.drotto-blog-list__head nav{justify-content:flex-start}.drotto-blog-advisor .oc-container{align-items:flex-start;flex-direction:column}.drotto-article-cover{border-radius:18px;aspect-ratio:16/9}.drotto-article-layout{grid-template-columns:1fr}.drotto-article-aside>section:first-child{position:static}.drotto-article-aside{display:grid;grid-template-columns:1fr 1fr}.drotto-related header{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.drotto-blog-hero{padding:32px 0 46px}.drotto-blog-hero h1 br{display:none}.drotto-blog-featured{padding-top:30px}.drotto-blog-featured__copy{padding:24px 20px}.drotto-blog-grid{grid-template-columns:1fr}.drotto-blog-list{padding-top:24px}.drotto-blog-list__head nav{flex-wrap:nowrap;width:100%;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.drotto-blog-list__head nav::-webkit-scrollbar{display:none}.drotto-blog-list__head nav a{white-space:nowrap}.drotto-blog-pagination{align-items:stretch;flex-direction:column}.drotto-blog-pagination>div{order:-1}.drotto-blog-advisor .oc-container{padding-top:38px;padding-bottom:38px}.drotto-article-head{padding:30px 0 34px}.drotto-article-cover{width:calc(100% - 28px);margin-top:22px;border-radius:14px}.drotto-article-layout{padding-top:34px;padding-bottom:68px}.drotto-article-toc{padding:17px}.drotto-article-prose{font-size:calc(var(--dr-body-size)*.9)}.drotto-article-share{align-items:flex-start;flex-direction:column}.drotto-article-aside{grid-template-columns:1fr}.drotto-related header>a{display:none}}
@media(prefers-reduced-motion:reduce){.drotto-blog-featured__media img,.drotto-blog-card,.drotto-blog-card__media img,.drotto-blog-card__arrow{transition:none}}

/* Dr. Otto Theme v1.3.42 — article media placement and unified sticky rail */
.drotto-article-body>.drotto-article-cover{width:100%;max-width:none;margin:0 0 34px;overflow:hidden;border-radius:20px;aspect-ratio:16/9;background:var(--dr-surface-soft)}
.drotto-article-aside{position:sticky;top:100px;align-self:start}
.drotto-article-aside>section:first-child{position:static;top:auto}
@media(max-width:820px){.drotto-article-aside{position:static;top:auto;align-self:stretch}}
@media(max-width:620px){.drotto-article-body>.drotto-article-cover{width:100%;margin:0 0 26px;border-radius:14px}}

/* Dr. Otto Theme v1.3.43 — PayTR payment and live installment experience */
.drotto-installment-head{display:flex;align-items:center;gap:16px;padding:20px 22px;margin-bottom:18px;border:1px solid var(--dr-border);border-radius:18px;background:linear-gradient(135deg,var(--dr-surface-soft),#fff)}
.drotto-installment-head h3,.drotto-installment-head p{margin:0}.drotto-installment-head p{margin-top:4px;color:var(--dr-muted)}.drotto-installment-head>strong{margin-left:auto;font-size:18px;white-space:nowrap;color:var(--dr-primary)}
.drotto-paytr-installments{padding:20px;border:1px solid var(--dr-border);border-radius:18px;background:#fff;overflow:hidden}.drotto-paytr-installments>p{margin:14px 2px 0;color:var(--dr-muted);font-size:13px}.drotto-paytr-installments__loading,.drotto-paytr-installments__error{padding:24px;margin:0;text-align:center;border-radius:12px;background:var(--dr-surface-soft);color:var(--dr-muted)}#paytr_taksit_tablosu{max-width:100%;overflow-x:auto}
.drotto-paytr{min-height:100vh;padding:28px 0 55px;background:linear-gradient(145deg,#f4f5f0,#fff 55%,#eef2e9)}.drotto-paytr__header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.drotto-paytr__header img{display:block;width:140px;max-height:52px;object-fit:contain}.drotto-paytr__header>span{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--dr-primary)}.drotto-paytr__header i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--dr-primary);color:#fff;font-style:normal}
.drotto-paytr__layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.drotto-paytr__frame-card,.drotto-paytr__summary{border:1px solid var(--dr-border);border-radius:22px;background:#fff;box-shadow:0 20px 55px rgba(18,28,18,.07)}.drotto-paytr__frame-card{padding:28px}.drotto-paytr__title>span,.drotto-paytr__summary>span{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--dr-primary)}.drotto-paytr__title h1{margin:8px 0;font-size:clamp(26px,3vw,39px);line-height:1.12}.drotto-paytr__title p{margin:0 0 20px;color:var(--dr-muted)}.drotto-paytr__iframe{min-height:560px;border:1px solid var(--dr-border);border-radius:15px;overflow:hidden;background:#fff}.drotto-paytr__iframe iframe{display:block;min-height:560px}.drotto-paytr__state{display:flex;gap:10px;align-items:flex-start;margin-top:15px;padding:13px 15px;border-radius:12px;background:var(--dr-surface-soft)}.drotto-paytr__state span{width:9px;height:9px;margin-top:7px;border-radius:50%;background:#d3a72f;box-shadow:0 0 0 5px rgba(211,167,47,.13)}.drotto-paytr__state p{margin:0;font-size:13px;color:var(--dr-muted)}.drotto-paytr__state.is-success span{background:var(--dr-primary)}.drotto-paytr__state.is-error span{background:#b42318}.drotto-paytr__alert{padding:13px 15px;margin:15px 0;border-radius:11px}.drotto-paytr__alert.is-error{background:#fff0ee;color:#9c241b}.drotto-paytr__retry{display:inline-flex;padding:11px 17px;border-radius:9px;background:var(--dr-primary);color:#fff;text-decoration:none;font-weight:700}
.drotto-paytr__summary{position:sticky;top:24px;padding:25px}.drotto-paytr__summary h2{margin:7px 0 19px;font-size:23px}.drotto-paytr__summary>div>p{display:flex;justify-content:space-between;gap:12px;padding:13px 0;margin:0;border-bottom:1px solid var(--dr-border)}.drotto-paytr__summary p span{display:grid;gap:3px}.drotto-paytr__summary p small{color:var(--dr-muted)}.drotto-paytr__summary p b{white-space:nowrap}.drotto-paytr__summary dl{display:flex;justify-content:space-between;margin:20px 0;font-size:19px}.drotto-paytr__summary dd{margin:0;font-weight:800}.drotto-paytr__summary ul{padding:15px 0 0 18px;margin:0;border-top:1px solid var(--dr-border);color:var(--dr-muted);font-size:12px}.drotto-paytr__summary li+li{margin-top:7px}
@media(max-width:900px){.drotto-paytr__layout{grid-template-columns:1fr}.drotto-paytr__summary{position:static;order:-1}.drotto-paytr__iframe,.drotto-paytr__iframe iframe{min-height:620px}}
@media(max-width:620px){.drotto-paytr{padding-top:18px}.drotto-paytr__header{align-items:flex-start}.drotto-paytr__header img{width:112px}.drotto-paytr__header>span{font-size:12px}.drotto-paytr__frame-card,.drotto-paytr__summary{border-radius:16px}.drotto-paytr__frame-card{padding:17px}.drotto-installment-head{align-items:flex-start;flex-wrap:wrap;padding:16px}.drotto-installment-head>strong{width:100%;margin:0 0 0 54px}.drotto-paytr-installments{padding:10px}}

/* v1.3.45 — PayTR Direct API kart formu */
.drotto-direct-card{padding:20px;border:1px solid color-mix(in srgb,var(--dr-primary) 18%,var(--dr-border));border-radius:16px;background:color-mix(in srgb,var(--dr-primary) 3%,#fff)}.drotto-direct-card__head{display:flex;align-items:center;gap:12px;padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid color-mix(in srgb,var(--dr-primary) 12%,var(--dr-border))}.drotto-direct-card__head>div:nth-child(2){min-width:0}.drotto-direct-card__head strong,.drotto-direct-card__head small{display:block}.drotto-direct-card__head strong{font-size:15px}.drotto-direct-card__head small{margin-top:3px;color:var(--dr-muted);font-size:12px;line-height:1.45}.drotto-card-brands{display:flex;align-items:center;gap:6px;margin-left:auto}.drotto-card-brands b{display:grid;place-items:center;min-width:45px;height:28px;padding:0 7px;border:1px solid var(--dr-border);border-radius:7px;background:#fff;color:#1b3269;font:800 9px/1 Arial,sans-serif}.drotto-card-brands b:nth-child(2){color:#d94b2b}.drotto-card-brands b:nth-child(3){color:#b01522}.drotto-card-fields{display:grid;grid-template-columns:1.25fr .75fr;gap:15px}.drotto-card-fields label{display:grid;gap:7px}.drotto-card-fields label.wide{grid-column:1/-1}.drotto-card-fields label>span{font-size:13px;font-weight:700;color:var(--dr-text)}.drotto-card-fields input,.drotto-card-fields select{width:100%;height:48px;padding:0 14px;border:1px solid color-mix(in srgb,var(--dr-primary) 20%,var(--dr-border));border-radius:11px;background:color-mix(in srgb,var(--dr-primary) 4%,#fff);color:var(--dr-text);font:500 14px var(--oc-font);outline:0;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.drotto-card-fields input:focus,.drotto-card-fields select:focus{border-color:var(--dr-primary);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--dr-primary) 10%,transparent)}.drotto-card-fields input::placeholder{color:color-mix(in srgb,var(--dr-muted) 70%,transparent)}.drotto-card-number,.drotto-cvv-field{position:relative}.drotto-card-number input{padding-right:48px;letter-spacing:.08em}.drotto-card-number i{position:absolute;right:14px;top:50%;display:grid;width:22px;height:22px;transform:translateY(-50%);color:var(--dr-primary);pointer-events:none}.drotto-card-number svg{width:22px;height:22px}.drotto-expiry-fields{display:grid;grid-template-columns:1fr 1.35fr;gap:8px}.drotto-cvv-field input{padding-right:43px}.drotto-cvv-field small{position:absolute;right:13px;top:50%;display:grid;place-items:center;width:21px;height:21px;transform:translateY(-50%);border:1px solid var(--dr-border);border-radius:50%;background:#fff;color:var(--dr-muted);font-size:11px;font-weight:800}.drotto-direct-card__foot{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;margin-top:17px;border-radius:11px;background:#fff;border:1px solid color-mix(in srgb,var(--dr-primary) 11%,var(--dr-border))}.drotto-direct-card__foot>span{display:grid;flex:0 0 24px;color:var(--dr-primary)}.drotto-direct-card__foot svg{width:22px;height:22px}.drotto-direct-card__foot p{margin:0}.drotto-direct-card__foot strong,.drotto-direct-card__foot small{display:block}.drotto-direct-card__foot strong{font-size:12px}.drotto-direct-card__foot small{margin-top:2px;color:var(--dr-muted);font-size:11px;line-height:1.45}.drotto-checkout-final__hint .is-error{color:#a62b22;font-weight:700}.drotto-checkout-final__hint a{color:var(--dr-primary);font-weight:800}.drotto-checkout-final>button.is-loading{position:relative;cursor:wait;opacity:.88}.drotto-checkout-final>button.is-loading:after{content:"";width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:drotto-spin .8s linear infinite}

/* Checkout continuity v2: compact address, combined invoice and persistent progress. */
.drotto-checkout-step.is-complete .drotto-checkout-step__head>b{background:var(--dr-primary);color:#fff}.drotto-checkout-step.is-complete .drotto-checkout-step__head>span{background:color-mix(in srgb,var(--dr-primary) 10%,#fff);color:var(--dr-primary)}
.drotto-checkout-step.is-locked .drotto-checkout-step__head{cursor:not-allowed}.drotto-checkout-step.is-locked .drotto-checkout-step__head>b,.drotto-checkout-step.is-locked .drotto-checkout-step__head>div{opacity:.55}.drotto-checkout-step.is-locked .drotto-checkout-step__head>span{background:var(--dr-surface-soft);color:var(--dr-muted)}
.drotto-checkout .drotto-form-grid select{width:100%;min-height:48px;padding:0 42px 0 14px;border:1px solid color-mix(in srgb,var(--dr-border) 86%,var(--dr-text) 14%);border-radius:12px;background:var(--oc-surface);color:var(--oc-text);font:inherit;outline:0}.drotto-checkout .drotto-form-grid select:focus{border-color:var(--dr-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--dr-primary) 10%,transparent)}.drotto-checkout .drotto-form-grid select:disabled{opacity:.65;cursor:wait}
.drotto-address-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:14px;align-items:start;padding:18px;border:1px solid color-mix(in srgb,var(--dr-primary) 22%,var(--dr-border));border-radius:14px;background:color-mix(in srgb,var(--dr-primary) 4%,#fff)}.drotto-address-card[hidden]{display:none}.drotto-address-card__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--dr-primary) 12%,#fff);color:var(--dr-primary);font-size:22px}.drotto-address-card small,.drotto-address-card strong,.drotto-address-card em{display:block}.drotto-address-card small{color:var(--dr-primary);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.drotto-address-card strong{margin-top:3px;font-size:15px}.drotto-address-card p{max-width:680px;margin:6px 0;color:var(--dr-muted);font-size:13px;line-height:1.55}.drotto-address-card em{color:var(--dr-text);font-size:12px;font-style:normal}.drotto-address-card button{border:0;background:transparent;color:var(--dr-primary);font:700 12px var(--oc-font);cursor:pointer}.drotto-checkout-step.is-address-confirmed .drotto-step-actions{display:none}
.drotto-address-save{display:flex;align-items:center;gap:9px;margin-top:14px;color:var(--dr-text);font-size:13px;font-weight:650}.drotto-address-save input{width:17px;height:17px;accent-color:var(--dr-primary)}.drotto-invoice-block{padding-top:22px;margin-top:22px;border-top:1px solid var(--dr-border)}.drotto-invoice-block>h3{margin:0;font:600 17px/1.3 var(--oc-font)}.drotto-invoice-block>p{margin:5px 0 14px;color:var(--dr-muted);font-size:12px}.drotto-invoice-block .drotto-invoice-switch{margin-bottom:16px}
@media(max-width:680px){.drotto-address-card{grid-template-columns:40px minmax(0,1fr);padding:15px}.drotto-address-card__icon{width:38px;height:38px}.drotto-address-card button{grid-column:2;justify-self:start;padding:0}.drotto-invoice-switch{display:grid;grid-template-columns:1fr 1fr}.drotto-invoice-switch span{text-align:center}}
@keyframes drotto-spin{to{transform:rotate(360deg)}}
@media(max-width:620px){.drotto-direct-card{padding:14px}.drotto-direct-card__head{align-items:flex-start;flex-wrap:wrap}.drotto-card-brands{width:100%;margin-left:58px}.drotto-card-fields{grid-template-columns:1fr}.drotto-card-fields label.wide{grid-column:auto}.drotto-expiry-fields{grid-template-columns:1fr 1.25fr}}

/* v1.3.46 — PayTR test yardımı ve premium taksit tablosu */
.drotto-paytr-test-hint{display:flex;align-items:flex-start;gap:10px;margin-top:15px;padding:11px 13px;border:1px dashed color-mix(in srgb,var(--dr-primary) 30%,var(--dr-border));border-radius:11px;background:color-mix(in srgb,var(--dr-primary) 6%,#fff);color:var(--dr-muted);font-size:11px;line-height:1.55}.drotto-paytr-test-hint>b{flex:0 0 auto;padding:3px 7px;border-radius:999px;background:var(--dr-primary);color:#fff;font-size:9px;letter-spacing:.08em}.drotto-paytr-test-hint strong{color:var(--dr-text)}
.drotto-paytr-installments{padding:18px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--dr-primary) 3%,#fff));box-shadow:0 16px 45px rgba(18,28,18,.05)}.drotto-paytr-installments #paytr_taksit_tablosu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;overflow:visible}.drotto-paytr-installments .taksit-tablosu-wrapper{min-width:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--dr-primary) 12%,var(--dr-border));border-radius:16px;background:#fff;box-shadow:0 9px 28px rgba(18,28,18,.045);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.drotto-paytr-installments .taksit-tablosu-wrapper:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--dr-primary) 32%,var(--dr-border));box-shadow:0 15px 34px rgba(18,28,18,.08)}.drotto-paytr-installments .taksit-logo{display:flex;align-items:center;min-height:68px;padding:15px 17px;background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--dr-primary) 4%,#fff));border-bottom:1px solid var(--dr-border)}.drotto-paytr-installments .taksit-logo img{display:block;width:auto;max-width:116px;height:auto;max-height:34px;object-fit:contain}.drotto-paytr-installments .taksit-baslik,.drotto-paytr-installments .taksit-tutar-wrapper{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.drotto-paytr-installments .taksit-baslik{padding:9px 14px;background:var(--dr-surface-soft);color:var(--dr-muted);font-size:9px;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.drotto-paytr-installments .taksit-baslik>div:last-child,.drotto-paytr-installments .taksit-tutar-wrapper>div:last-child{text-align:right}.drotto-paytr-installments .taksit-tutar-wrapper{min-height:48px;padding:10px 14px;border-top:1px solid color-mix(in srgb,var(--dr-border) 80%,transparent);font-size:12px;color:var(--dr-text)}.drotto-paytr-installments .taksit-baslik+.taksit-tutar-wrapper{border-top:0}.drotto-paytr-installments .taksit-tutari{min-width:0;white-space:nowrap}.drotto-paytr-installments .taksit-tutari-bold{background:color-mix(in srgb,var(--dr-primary) 6%,#fff);color:var(--dr-primary);font-weight:800}.drotto-paytr-installments>p{display:flex;align-items:flex-start;gap:8px;margin:16px 2px 0;padding-top:14px;border-top:1px solid var(--dr-border);font-size:11px;line-height:1.55}.drotto-paytr-installments>p:before{content:"i";display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:var(--dr-surface-soft);color:var(--dr-primary);font-size:10px;font-weight:800}
@media(max-width:980px){.drotto-paytr-installments #paytr_taksit_tablosu{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.drotto-paytr-test-hint{display:grid;gap:7px}.drotto-paytr-test-hint>b{justify-self:start}.drotto-paytr-installments{padding:12px}.drotto-paytr-installments #paytr_taksit_tablosu{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(270px,84vw);gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;padding:1px 1px 10px}.drotto-paytr-installments .taksit-tablosu-wrapper{scroll-snap-align:start}.drotto-paytr-installments .taksit-tutar-wrapper{font-size:11px}}

/* v1.3.47 — Checkout BIN doğrulama ve karta özel taksit seçimi */
.drotto-card-installments{margin-top:17px;padding:15px;border:1px solid color-mix(in srgb,var(--dr-primary) 16%,var(--dr-border));border-radius:14px;background:#fff}.drotto-card-installments__head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:12px}.drotto-card-installments__head strong,.drotto-card-installments__head small{display:block}.drotto-card-installments__head strong{font-size:13px}.drotto-card-installments__head small{max-width:430px;margin-top:3px;color:var(--dr-muted);font-size:10px;line-height:1.45}.drotto-card-installments__head>span{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:var(--dr-surface-soft);color:var(--dr-primary);font-size:9px;font-weight:800;letter-spacing:.035em}.drotto-card-installments__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.drotto-card-installments__list label{position:relative;display:flex;align-items:center;min-width:0;min-height:58px;padding:10px 30px 10px 11px;border:1px solid var(--dr-border);border-radius:11px;background:var(--dr-surface-soft);cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.drotto-card-installments__list label:hover{border-color:color-mix(in srgb,var(--dr-primary) 35%,var(--dr-border))}.drotto-card-installments__list label.is-active{border-color:var(--dr-primary);background:color-mix(in srgb,var(--dr-primary) 7%,#fff);box-shadow:0 0 0 2px color-mix(in srgb,var(--dr-primary) 8%,transparent)}.drotto-card-installments__list input{position:absolute;opacity:0;pointer-events:none}.drotto-card-installments__list span,.drotto-card-installments__list b,.drotto-card-installments__list small{display:block;min-width:0}.drotto-card-installments__list b{font-size:11px}.drotto-card-installments__list small{margin-top:3px;overflow:hidden;color:var(--dr-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.drotto-card-installments__list i{position:absolute;right:9px;top:50%;display:grid;place-items:center;width:17px;height:17px;transform:translateY(-50%);border:1px solid var(--dr-border);border-radius:50%;background:#fff;color:transparent;font-size:9px;font-style:normal}.drotto-card-installments__list label.is-active i{border-color:var(--dr-primary);background:var(--dr-primary);color:#fff}.drotto-card-installments__source[hidden]{display:none}
@media(max-width:760px){.drotto-card-installments__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){.drotto-card-installments{padding:12px}.drotto-card-installments__head{display:grid;gap:8px}.drotto-card-installments__head>span{justify-self:start}.drotto-card-installments__list{grid-template-columns:1fr 1fr}}
.drotto-garanti-installments{padding:18px;border:1px solid color-mix(in srgb,var(--dr-primary) 15%,var(--dr-border));border-radius:18px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--dr-primary) 3%,#fff));box-shadow:0 16px 45px rgba(18,28,18,.05)}.drotto-garanti-installments__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.drotto-garanti-installments article{display:grid;gap:5px;padding:15px;border:1px solid var(--dr-border);border-radius:14px;background:#fff}.drotto-garanti-installments article span{display:flex;align-items:center;justify-content:space-between;gap:6px;color:var(--dr-text);font-size:12px;font-weight:800}.drotto-garanti-installments article em{padding:4px 6px;border-radius:999px;background:color-mix(in srgb,var(--dr-primary) 10%,#fff);color:var(--dr-primary);font-size:8px;font-style:normal;white-space:nowrap}.drotto-garanti-installments article strong{color:var(--dr-primary);font-size:16px}.drotto-garanti-installments article small{color:var(--dr-muted);font-size:10px}.drotto-garanti-installments>p{display:flex;align-items:flex-start;gap:8px;margin:16px 2px 0;padding-top:14px;border-top:1px solid var(--dr-border);color:var(--dr-muted);font-size:11px;line-height:1.55}.drotto-garanti-installments>p:before{content:"i";display:grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:var(--dr-surface-soft);color:var(--dr-primary);font-size:10px;font-weight:800}@media(max-width:980px){.drotto-garanti-installments__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.drotto-garanti-installments{padding:12px}.drotto-garanti-installments__grid{grid-template-columns:1fr 1fr}.drotto-garanti-installments article{padding:12px}.drotto-garanti-installments article span{align-items:flex-start;flex-direction:column}}
/* Commerce 0.9 — campaign presentation */
.drotto-campaign-discount dt,.drotto-campaign-discount dd{color:var(--oc-primary,#367b16)!important;font-weight:700}.drotto-applied-campaigns{display:grid;gap:7px;margin:12px 0;padding:13px 14px;border:1px solid color-mix(in srgb,var(--oc-primary,#367b16) 22%,transparent);border-radius:12px;background:color-mix(in srgb,var(--oc-primary,#367b16) 7%,#fff);color:var(--oc-primary,#367b16);font-size:12px;font-weight:700}.drotto-cart-item.is-gift{border-color:color-mix(in srgb,var(--oc-primary,#367b16) 30%,#e5e7eb);background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--oc-primary,#367b16) 5%,#fff))}.drotto-campaign-gift-badge{display:inline-flex;width:max-content;margin:4px 0 7px;padding:5px 9px;border-radius:999px;background:var(--oc-primary,#367b16);color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em}.drotto-cart-item__price del{display:block;margin-bottom:3px;color:#8a929f;font-size:12px;font-weight:500}.drotto-cart-item.is-gift .drotto-cart-item__price{color:var(--oc-primary,#367b16)}