/* DND v6 — Mağaza, üyelik, sepet ve ödeme sayfalarının v6 görünümü.
   magaza.css (işlev/yerleşim) ve hesap.css / ozel-sistem.css'ten SONRA yüklenir; yalnızca görünümü değiştirir.
   Canlı sitedeki site.css ve redesign.css bu sayfalarda artık yüklenmez; gereken temel kurallar burada. */

:root{
  --bg:#fbfaf5;--bg2:#f1eee3;--w:#fff;--ink:#14130c;--y:#fdcb00;--y2:#ffd83a;--g:#25d366;
  --mut:rgba(20,19,12,.62);--line:rgba(20,19,12,.14);
  --sans:'Plus Jakarta Sans','Inter',system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace;--serif:'Instrument Serif',Georgia,serif;
  --ease:cubic-bezier(.16,1,.3,1);--pad:clamp(18px,4.4vw,64px);
  /* eski sayfa kurallarının kullandığı adlar */
  --yellow:var(--y);--yellow-soft:#fff3b0;--muted:var(--mut);--warm:var(--bg2);--white:#fff;--text:var(--ink);--radius:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px;overflow-x:clip}
body.v6shop{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--sans);overflow-x:clip;-webkit-font-smoothing:antialiased}
body.v6shop.lock{overflow:hidden}
body.v6shop,body.v6shop *{font-family:var(--sans)}
body.v6shop .mono,body.v6shop .eyebrow,body.v6shop code{font-family:var(--mono)}
body.v6shop img{display:block;max-width:100%}
body.v6shop a{color:inherit;text-decoration:none}
body.v6shop button{font:inherit;color:inherit}
body.v6shop ::selection{background:var(--y)}
body.v6shop svg{flex:none}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.wrap{max-width:1280px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.hp{position:absolute;left:-9999px}
.skip{position:fixed;left:12px;top:-80px;z-index:2000;background:#fff;padding:10px 14px;border-radius:99px}.skip:focus{top:12px}
.demo-bar{background:var(--ink);color:var(--y);text-align:center;font-size:.8rem;font-weight:700;padding:8px 14px}

/* ---------- Üst çubuk (v6) ---------- */
.nav{position:sticky;top:0;z-index:800;display:flex;align-items:center;gap:20px;padding:12px var(--pad);background:rgba(251,250,245,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav__brand{display:flex;align-items:center;gap:10px;font-size:1.1rem;margin-right:auto}
.nav__brand img{width:42px;height:42px;transition:transform .7s var(--ease)}.nav__brand:hover img{transform:rotate(180deg)}
.nav__brand b{font-weight:800;letter-spacing:-.04em}
.nav__links{display:flex;gap:2px}
.nav__links a{padding:9px 14px;border-radius:99px;font-size:.9rem;font-weight:600;color:var(--mut);transition:.3s;white-space:nowrap}
.nav__links a:hover,.nav__links a.on{background:var(--bg2);color:var(--ink)}
.nav .site-search{margin:0}
.nav .site-search input{height:40px;width:170px;border:2px solid var(--line);border-radius:99px;background:var(--w);font:500 .88rem var(--sans);padding:0 44px 0 16px}
.nav .site-search input:focus{width:230px;border-color:var(--ink);box-shadow:none;background:var(--w)}
.nav .site-search button{width:34px;height:34px;right:3px}.nav .site-search button:hover{background:var(--y)}
.nav__tools{display:flex;align-items:center;gap:2px}
.ntool{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;color:var(--ink);transition:background .3s,transform .4s var(--ease)}
.ntool:hover{background:var(--y);transform:translateY(-2px)}.ntool svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cart-icon.bump{animation:cbump .55s var(--ease)}@keyframes cbump{30%{transform:scale(1.25) rotate(-8deg)}}
.burger{display:none;width:44px;height:44px;border-radius:50%;background:var(--ink);position:relative;border:0;cursor:pointer}
.burger i{position:absolute;left:12px;right:12px;height:2px;background:var(--bg);transition:transform .4s var(--ease)}
.burger i:first-child{top:18px}.burger i:last-child{top:25px}
.burger.open i:first-child{transform:translateY(3.5px) rotate(45deg)}.burger.open i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.drop{position:fixed;z-index:790;left:12px;right:12px;top:72px;background:var(--bg);border:1px solid var(--line);border-radius:24px;padding:10px;box-shadow:0 30px 60px -20px rgba(20,19,12,.4);opacity:0;transform:translateY(-10px);pointer-events:none;transition:.4s var(--ease);display:none}
.drop.open{opacity:1;transform:none;pointer-events:auto}
.drop>a{display:block;font:800 1.4rem/1.2 var(--sans);letter-spacing:-.04em;padding:11px 14px;border-radius:14px}.drop>a:hover{background:var(--bg2)}
@media(max-width:1180px){.nav__links{display:none}.burger{display:block}.drop{display:block}}
@media(max-width:760px){.nav .site-search input{display:none}.nav .site-search button{position:static;transform:none;width:42px;height:42px}.nav .site-search button svg{width:22px;height:22px}.nav__quote{display:none}}

/* ---------- Düğmeler ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:0;padding:13px 24px;border-radius:99px;font-weight:700;font-size:.95rem;line-height:1.2;border:2px solid var(--ink);background:transparent;color:var(--ink);white-space:nowrap;cursor:pointer;transition:background .3s,color .3s,border-color .3s,transform .35s var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn.yellow,.btn--y{background:var(--y);border-color:var(--ink);color:var(--ink)}.btn.yellow:hover,.btn--y:hover{background:var(--ink);color:var(--y)}
.btn.dark{background:var(--ink);border-color:var(--ink);color:var(--bg)}.btn.dark:hover{background:var(--y);color:var(--ink)}
.btn.ghost{background:transparent;border:2px solid var(--ink);color:var(--ink)}.btn.ghost:hover{background:var(--ink);color:var(--bg)}
.btn.small,.btn--s{padding:9px 18px;font-size:.88rem}
.btn.wide{width:100%;white-space:normal}
.btn[disabled]{opacity:.45;pointer-events:none}
.text-link,.under{font-weight:700;border-bottom:2px solid var(--y);padding-bottom:1px}.text-link:hover{background:var(--y)}
.linklike{background:none;border:0;padding:0;font:inherit;font-weight:700;color:inherit;cursor:pointer;text-decoration:underline}

/* ---------- Başlıklar ve sayfa iskeleti ---------- */
body.v6shop h1,body.v6shop h2,body.v6shop h3,body.v6shop h4{color:var(--ink);letter-spacing:-.04em;font-weight:800;line-height:1.08;margin-top:0}
body.v6shop h1{font-size:clamp(2.4rem,5.4vw,4.4rem);letter-spacing:-.055em;line-height:1.02}
body.v6shop h2{font-size:clamp(1.7rem,3.2vw,2.6rem)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--ink);font-size:.72rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase}
.eyebrow::before{content:'';width:12px;height:12px;background:var(--y);clip-path:polygon(29.3% 0,70.7% 0,100% 29.3%,100% 70.7%,70.7% 100%,29.3% 100%,0 70.7%,0 29.3%)}
.page-hero{padding:clamp(44px,7vw,92px) 0 clamp(30px,4vw,52px);background:var(--bg);border-bottom:2px solid var(--ink)}
.page-hero .inner{max-width:none}
.page-hero h1{margin:0 0 14px;max-width:900px}
.page-hero h1 em,.page-hero h1 mark{background:linear-gradient(transparent 62%,var(--y) 62% 94%,transparent 94%);color:inherit;padding:0 .06em;font-style:normal}
.page-hero p{font-size:1.1rem;color:var(--mut);max-width:680px;margin:0}
.shop-hero{padding:clamp(40px,6vw,80px) 0 clamp(26px,3.5vw,44px)}
.content{padding:clamp(36px,5vw,70px) 0 clamp(50px,7vw,100px)}
.content.alt{background:var(--bg2)}
.content h2{margin:8px 0 18px}
.prose{max-width:780px;color:var(--mut)}
.note{font-size:.88rem;color:var(--mut)}
.muted{color:var(--mut)}
.section{padding:clamp(48px,7vw,90px) 0}
.heading{display:grid;grid-template-columns:1fr .55fr;gap:40px;align-items:end;margin-bottom:30px}
code{background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:2px 7px;font-size:.88em}

/* ---------- Form öğeleri ---------- */
label{display:block;font-weight:700;margin-bottom:14px;font-size:.92rem}
input,select,textarea{width:100%;margin-top:6px;padding:13px 16px;border:2px solid var(--line);border-radius:16px;font:500 1rem var(--sans);color:var(--ink);background:var(--w);transition:border-color .25s,box-shadow .25s}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--ink);box-shadow:4px 4px 0 var(--y)}
input[type=checkbox],input[type=radio]{width:18px;height:18px;margin:0;accent-color:var(--ink);box-shadow:none}
textarea{resize:vertical;min-height:90px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
form{background:transparent;border:0;padding:0;box-shadow:none}
.shop-alert{border-radius:20px;padding:14px 20px;margin:0 0 22px;font-weight:600;border:2px solid var(--ink)}
.shop-alert.ok{background:#e4f6e9;color:#14532d}.shop-alert.err{background:#fde7e4;color:#7f1d1d}.shop-alert.warn{background:#fff3b0;color:var(--ink)}

/* ---------- Mağaza listesi ve kartlar ---------- */
.chips{gap:8px}
.chips a{border:2px solid var(--ink);border-radius:99px;padding:8px 18px;font-weight:700;font-size:.9rem;background:transparent;transition:background .3s,transform .4s var(--ease)}
.chips a:hover{background:var(--bg2);border-color:var(--ink);transform:translateY(-2px)}
.chips a.on{background:var(--ink);color:var(--y)}
.shop-search input,.shop-search select{border-radius:99px;padding:10px 16px;margin:0}
.filters{background:var(--w);border:2px solid var(--ink);border-radius:26px;box-shadow:6px 6px 0 var(--y)}
.filters-head strong{font:800 1.3rem/1 var(--sans);letter-spacing:-.04em}
.filters-head a{border-bottom:2px solid var(--y)}
.f-group h3{font:800 .95rem var(--sans);letter-spacing:-.02em}
.f-stock{background:var(--bg2);border-radius:14px}
.shop-count{color:var(--mut)}
.prod-card{background:var(--w);border:2px solid var(--ink);border-radius:26px;transition:transform .5s var(--ease),box-shadow .4s}
.prod-card:hover{border-color:var(--ink);box-shadow:6px 6px 0 var(--y);transform:translateY(-4px)}
.prod-img{border-bottom:0;background:#fff}
.badge{border-radius:99px;background:var(--y);color:var(--ink);border:2px solid var(--ink);font-weight:800}
.badge.out{background:var(--ink);color:#fff}
.prod-brand{color:var(--mut);font:500 .7rem var(--mono);letter-spacing:.07em}
.prod-body h3{font:800 1.12rem/1.25 var(--sans);letter-spacing:-.03em}
.prod-body p{font-size:.9rem}
.price strong{font:800 1.5rem/1 var(--sans);letter-spacing:-.045em}
.price .ask{font-size:1rem}
.price.big strong{font-size:2.6rem}
.empty{background:var(--bg2);border:2px dashed var(--ink);border-radius:26px}
.empty h2{font:800 clamp(1.6rem,3vw,2.2rem) var(--sans);letter-spacing:-.045em}
.shop-assure div{border:2px solid var(--ink);border-radius:22px;background:var(--w)}
.shop-assure strong{font:800 1.15rem var(--sans);letter-spacing:-.03em}

/* ---------- Ürün sayfası ---------- */
.shop-crumb{background:var(--bg2);padding:12px 0;font-size:.85rem;font-weight:600}
.shop-crumb a:hover{background:var(--y)}
.gallery>img{border:2px solid var(--ink);border-radius:26px}
.thumbs button{border:2px solid var(--line);border-radius:14px}.thumbs button:hover,.thumbs button.on{border-color:var(--ink);box-shadow:3px 3px 0 var(--y)}
.buybox h1{font:800 clamp(2rem,3.6vw,3rem)/1.04 var(--sans);letter-spacing:-.055em}
.stock.in{color:#15803d}.stock.out{color:#b91c1c}
.opt,.check{border:2px solid var(--line);border-radius:18px;background:var(--w);transition:border-color .25s}
.opt:hover,.check:hover{border-color:var(--ink)}
.assure{border-top:2px solid var(--ink)}
.specs{border:2px solid var(--ink);border-radius:20px;overflow:hidden;border-collapse:separate;border-spacing:0}
.specs th,.specs td{border-bottom:1px solid var(--line)}.specs tr:last-child th,.specs tr:last-child td{border-bottom:0}
.specs th{background:var(--bg2);font-weight:700}
.prod-detail h2,.rel-title{font:800 clamp(1.6rem,3vw,2.2rem)/1.05 var(--sans);letter-spacing:-.05em}
.btn-fav{border:2px solid var(--line);border-radius:99px;font-weight:700}

/* ---------- Sepet ---------- */
.cart-line{border-bottom:2px solid var(--line);padding:18px 0}
.cl-img img{border:2px solid var(--ink);border-radius:16px}
.cl-name{font-weight:800;letter-spacing:-.02em}
.cl-qty{border:2px solid var(--ink);border-radius:99px;background:#fff}
.cl-qty input{border:0;border-radius:0;box-shadow:none;margin:0;font-weight:800}
.cl-qty input:focus{box-shadow:none}
.qty-btn{background:var(--bg2);color:var(--ink);font-weight:800}.qty-btn:hover{background:var(--y)}.qty-btn:disabled{background:var(--bg2)}
.cl-total{font-weight:800;font-size:1.1rem;letter-spacing:-.03em}
.cl-remove{color:#b91c1c}
.summary{background:var(--w);border:2px solid var(--ink);border-radius:30px;box-shadow:8px 8px 0 var(--y);padding:28px}
.summary h2{font:800 1.6rem/1 var(--sans);letter-spacing:-.05em}
.sum-item{border-bottom:2px dashed var(--line)}.sum-item>:last-child,.sum-row>:last-child{white-space:nowrap}
.sum-total{border-top:2px solid var(--ink)}
.sum-total b{font:800 1.9rem/1 var(--sans);letter-spacing:-.06em}
.legal-mini{font-size:.8rem;color:var(--mut)}.legal-mini a{text-decoration:underline}

/* ---------- Ödeme ---------- */
.checkout fieldset{border:2px solid var(--ink);border-radius:28px;background:var(--w);padding:24px 26px}
.checkout legend{font:800 1.2rem var(--sans);letter-spacing:-.04em;padding:0 10px;background:var(--y);border:2px solid var(--ink);border-radius:99px}
.choice{border:2px solid var(--line);border-radius:18px;transition:border-color .25s,background .25s}
.choice:hover{border-color:var(--ink)}
.choice:has(input:checked){border-color:var(--ink);background:#fff8d2;box-shadow:4px 4px 0 var(--y)}
.legal .check{background:var(--w)}
.ordercode{background:var(--y);border:2px solid var(--ink);border-radius:99px;padding:2px 14px;font-family:var(--mono)}
@media(max-width:620px){.shop-search input[type=search]{flex:1 1 130px;min-width:130px}.shop-search select{flex:1 1 150px}}
.notice{background:var(--bg2);border:2px solid var(--ink);border-radius:26px}
.notice h2{font:800 1.6rem var(--sans);letter-spacing:-.05em}
.kv dt{color:var(--mut);font-weight:700}
.wait-box{border:2px solid var(--ink);border-radius:26px;box-shadow:8px 8px 0 var(--y)}
.wait-spin{border-color:var(--line);border-top-color:var(--ink)}
.paytr-frame{width:100%;border:2px solid var(--ink);border-radius:26px;background:#fff;min-height:420px}

/* ---------- Üyelik ---------- */
.hesap-sayfa{background:var(--bg2)}
.hesap-kart{max-width:480px;margin:0 auto;padding:clamp(26px,4vw,38px);border:2px solid var(--ink);border-radius:32px;background:var(--w);box-shadow:10px 10px 0 var(--y),10px 10px 0 2px var(--ink)}
.hesap-kart h1{font:800 clamp(2rem,4vw,2.6rem)/1.04 var(--sans);letter-spacing:-.055em}
.hesap-form label{font-weight:700}
.hesap-alt a{border-bottom:2px solid var(--y)}
.btn-google{border:2px solid var(--ink);border-radius:99px;font:700 .95rem var(--sans);height:50px;background:var(--w)}.btn-google:hover{background:var(--bg2);border-color:var(--ink)}
.hesap-ayrac{color:var(--mut)}
.hesap-sekme a{border:2px solid var(--ink);border-radius:99px;background:transparent;font-weight:700}.hesap-sekme a:hover{background:var(--y);border-color:var(--ink)}
.hesap-sekme small{background:var(--ink);color:var(--y);border-radius:99px}
.hesap-bolum{border-bottom:2px solid var(--line)}
.hesap-iki .hesap-form{border:2px solid var(--ink);border-radius:26px;background:var(--w)}
.hesap-sil{border-color:#e9a79e!important}
.hesap-tablo,.legal-table,.admin-table{border-collapse:collapse}
.hesap-tablo th,.hesap-tablo td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left}
.status{border-radius:99px;font-weight:800;border:2px solid var(--ink)}

/* ---------- Hazır setler, güven şeridi, yasal metinler ---------- */
.sets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:start}
.set-card{display:flex;flex-direction:column;background:var(--w);border:2px solid var(--ink);border-radius:26px;overflow:hidden;transition:transform .5s var(--ease),box-shadow .4s}
.set-card:hover,.set-card:focus-visible{box-shadow:6px 6px 0 var(--y);transform:translateY(-4px)}
.set-card-img{position:relative;display:block;aspect-ratio:6/5;background:#fff;overflow:hidden}
.set-card-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.set-card-title{display:block;padding:14px 16px 18px;font:800 1.02rem/1.3 var(--sans);letter-spacing:-.02em;text-align:center}
.trust-strip{border-bottom:2px solid var(--ink);background:var(--bg2);padding:14px 0}
.trust-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:4px 8px 10px;margin:-4px -8px -10px}
.trust-item{display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border:2px solid var(--ink);border-radius:26px;background:var(--w);min-width:0;transition:transform .4s var(--ease),box-shadow .4s}
.trust-item:hover{transform:translateY(-3px);box-shadow:4px 4px 0 var(--y)}
@media(max-width:1180px){.trust-grid{display:flex;overflow-x:auto;scrollbar-width:none}.trust-grid::-webkit-scrollbar{display:none}.trust-item{flex:0 0 auto;min-width:236px}}
.ti-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--y);border:2px solid var(--ink);flex:none}.ti-ico svg{width:20px;height:20px}
.ti-txt{display:grid;line-height:1.25;min-width:0}.ti-txt strong{font-size:.88rem;letter-spacing:-.02em}.ti-txt small{color:var(--mut);font-size:.72rem}
.cta{display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--y);border:2px solid var(--ink);border-radius:36px;padding:clamp(26px,4vw,44px);box-shadow:10px 10px 0 var(--ink)}
.cta-actions{display:flex;flex-direction:column;align-items:center;gap:12px;white-space:nowrap}
.legal-doc h2{font:800 1.6rem/1.1 var(--sans);letter-spacing:-.04em}
.legal-doc .doc-title{font:800 2rem/1.1 var(--sans);letter-spacing:-.05em;border-bottom:4px solid var(--y)}
.legal-table th{background:var(--bg2)}
.legal-note,.admin .note{background:var(--bg2);border:2px solid var(--line);border-radius:18px}
.admin-nav a.on{border-bottom:3px solid var(--y)}
.admin h1{font:800 clamp(2rem,4vw,2.6rem) var(--sans);letter-spacing:-.05em}
.admin-table th{background:var(--bg2)}

/* ---------- Alt bilgi ---------- */
.foot{margin-top:clamp(40px,6vw,80px);background:var(--bg2);border-top:2px solid var(--ink)}
.foot__in{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;padding-top:60px;padding-bottom:28px}
.foot__l{display:flex;gap:16px;align-items:flex-start}.foot__l img{width:64px}
.foot__c{display:grid;gap:2px;align-content:start}.foot__c a{font:700 1.02rem/1.7 var(--sans);width:max-content}.foot__c a:hover,.foot__r a:hover{background:var(--y)}
.foot__r{display:grid;gap:8px;align-content:start}.foot__r a{font:800 1.5rem/1.1 var(--sans);letter-spacing:-.05em;width:max-content}
.foot__b{grid-column:1/-1;border-top:1px solid var(--line);padding-top:18px;margin-top:10px;font-size:.7rem}.foot__b a{text-decoration:underline}
.foot__legal{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 18px;border-top:1px solid var(--line);padding-top:18px;margin-top:6px;font-size:.78rem;font-weight:600;color:var(--mut)}
.foot__legal a:hover{color:var(--ink);background:var(--y)}
.wa{position:fixed;right:20px;bottom:20px;z-index:500;width:60px;height:60px;border-radius:50%;background:var(--g);color:#fff;display:grid;place-items:center;font-size:32px;box-shadow:0 14px 30px -8px rgba(37,211,102,.6);transition:transform .4s var(--ease)}
.wa svg{width:1em;height:1em;fill:currentColor;stroke:none}.wa:hover{transform:scale(1.1) rotate(-8deg)}
.toast{position:fixed;right:24px;bottom:96px;z-index:70;max-width:420px;background:var(--ink);color:#fff;padding:14px 20px;border-radius:99px;box-shadow:5px 5px 0 var(--y);opacity:0;transform:translateY(15px);pointer-events:none;transition:.3s var(--ease)}.toast.show{opacity:1;transform:none}

/* ---------- Duyarlı ---------- */
@media(max-width:1060px){.sets-grid{grid-template-columns:repeat(2,1fr)}.heading{grid-template-columns:1fr;gap:16px}.cta{flex-direction:column;align-items:flex-start}.cta-actions{align-items:flex-start}}
@media(max-width:760px){
  .nav{gap:8px}.nav .nav__quote,.nav .ntool.account-icon{display:none}
  .nav__brand{gap:8px}.nav__brand span{font-size:1rem;white-space:nowrap}.nav__brand img{width:38px;height:38px}
  .sum-total b{white-space:nowrap;font-size:1.6rem}
  .foot__in{grid-template-columns:1fr;padding-top:40px}
  .form-row{grid-template-columns:1fr}
  .wa{right:14px;bottom:14px;width:54px;height:54px}
  .sets-grid{grid-template-columns:1fr}
  .summary{box-shadow:5px 5px 0 var(--y)}
  .hesap-kart{box-shadow:6px 6px 0 var(--y),6px 6px 0 2px var(--ink)}
}
@media print{.nav,.drop,.trust-strip,.foot,.wa,.toast,.cart-toast,.cookie-note,.page-hero,.shop-crumb,.demo-bar{display:none!important}body.v6shop{background:#fff}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}