/* Mina Takı Aksesuar: shared customer interface, presentation only. */
:root{--mi-ink:#352e2a;--mi-muted:#756b63;--mi-paper:#fcfaf7;--mi-surface:#fff;--mi-line:#e5ddd4;--mi-accent:#6b4c9a;--mi-accent-hover:#563a80;--mi-soft:#f2edf5;--mi-positive:#edf3e2;--mi-radius:14px;--mi-control:50px;color-scheme:light}
html{scroll-padding-top:110px;-webkit-tap-highlight-color:#6b4c9a16}
body{color:var(--mi-ink);background-color:var(--mi-paper)}
button,a,summary,input,select,textarea{touch-action:manipulation}
button,input,select,textarea{font-family:inherit}
button,a{transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s}
:is(button,a,summary,input,select,textarea):focus-visible{outline:3px solid var(--mi-accent)!important;outline-offset:3px!important}
button:disabled{cursor:not-allowed!important}
button:not(:disabled){cursor:pointer}
:is(h1,h2,h3){text-wrap:balance;color:var(--mi-ink)}
:is(p,label,small,summary){overflow-wrap:anywhere}
:is(.layout,.two,.fields,.delivery-fields,.ml-grid)>*{min-width:0}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]),select,textarea{border-radius:var(--mi-radius);border-color:var(--mi-line);color:var(--mi-ink);background-color:var(--mi-surface);font-size:16px}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=range]),select{min-height:var(--mi-control)}
input[type=checkbox],input[type=radio]{accent-color:var(--mi-accent)}
:is(.button,.ml-button,.btn,.mina-home-cta,.cart-primary-checkout,.cart-secondary-checkout,.finder-start,.finder-photo-button,.hif-primary,.hif-secondary,.checkout-review-link,.customer-account-action,.journey-links a){border-radius:var(--mi-radius)!important;min-height:var(--mi-control);font-family:system-ui,sans-serif;font-size:14px;font-weight:650;line-height:1.35;text-decoration:none!important;gap:10px;box-shadow:none}
:is(.button,.ml-button,.btn.b1,.mina-home-cta--photo,.cart-primary-checkout,.checkout-review-link,.customer-account-action){background:var(--mi-accent);border-color:var(--mi-accent);color:#fff}
:is(.button,.ml-button,.btn.b1,.mina-home-cta--photo,.cart-primary-checkout,.checkout-review-link,.customer-account-action):hover{background:var(--mi-accent-hover);color:#fff}
:is(.secondary,.ml-secondary,.btn.b2,.mina-home-cta--chat,.cart-secondary-checkout,.journey-links a){background:var(--mi-paper)!important;border:1px solid var(--mi-line)!important;color:var(--mi-accent)!important}
:is(.secondary,.ml-secondary,.btn.b2,.mina-home-cta--chat,.cart-secondary-checkout,.journey-links a):hover{background:var(--mi-soft)!important;border-color:#c9bad8!important}
:is(.danger,.button.danger){background:#fff1ed!important;color:#9d3c32!important;border:1px solid #edd2cc!important}
:is(.actions,.next,.stack,form) > button:not(.secondary):not(.danger):not(.social-button):not([data-qty]){border-radius:var(--mi-radius);min-height:var(--mi-control);font-weight:650;box-shadow:none}
.next button:not(:disabled),.actions button:not(.secondary):not(.danger):not(:disabled),.stack>button:not(:disabled){background:var(--mi-accent);color:#fff;border-color:var(--mi-accent)}
:is(.card,.panel,.ml-panel){border-radius:22px;border-color:var(--mi-line);box-shadow:0 5px 22px #352e2a04}
:is(.card,.panel,.ml-panel) h2{font-size:clamp(20px,2.2vw,26px);line-height:1.22;letter-spacing:-.025em}
details>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;min-height:50px;padding:13px 0;cursor:pointer;font-size:14px;font-weight:650;color:var(--mi-ink)}
details>summary::-webkit-details-marker{display:none}
details>summary::after{content:'';display:block;width:7px;height:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg);flex:none;margin:0 5px 4px 8px;transition:transform .16s}
.mina-loyalty details>summary{display:flex;align-items:center;justify-content:space-between;list-style:none}
details[open]>summary::after{transform:rotate(225deg);margin-bottom:-3px}
details>p,details>ul{font-size:14px;line-height:1.65;color:var(--mi-muted)}
:is(.mina-header,.top,body>header){background:var(--mi-paper);border-bottom:1px solid var(--mi-line)}
.mina-header :is(button,a)>svg,.topnav svg,.mi-icon{width:21px;height:21px;flex:none}
:is(.mina-menu-row,.topnav a,header>a:last-child){border-radius:var(--mi-radius);font-size:14px;text-decoration:none}
.mina-menu-row:hover,.topnav a:hover{background:var(--mi-soft)}
.mina-bottomnav,.cart-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}
:is(.mina-sheet,.cart-panel,[role=dialog]){overscroll-behavior:contain}
:is(.price,.pr,.summary,.meta,.code,.ml-counts){font-variant-numeric:tabular-nums}
.mi-brand{display:flex;gap:10px;align-items:center}.mi-brand img{width:38px;height:38px;object-fit:contain;border-radius:9px}
.mi-icon{display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
/* Account: sober type, compact navigation, consistent action hierarchy. */
.wrap{color:var(--mi-ink)}.wrap>h1{font-size:clamp(27px,3.2vw,34px);letter-spacing:-.035em;color:var(--mi-ink)}
.wrap>.eyebrow{font-size:10px;color:var(--mi-muted);letter-spacing:.09em}
.wrap input,.wrap select,.wrap textarea{color:var(--mi-ink)}
.wrap .layout aside{border:1px solid var(--mi-line);background:white;border-radius:20px}
.wrap .layout nav a{font-size:14px;color:var(--mi-muted)}.wrap .layout nav a[aria-current]{background:var(--mi-accent);color:#fff}
.account-notifications{background:var(--mi-positive)!important;color:#4b5d38!important;border:1px solid #dce4ce!important;min-height:46px}
.account-welcome{background:linear-gradient(120deg,#faf6f0,#f5f0f8)!important;border-color:var(--mi-line)!important}
.account-welcome h2{font-size:28px}.account-shortcuts>a{border-radius:18px;color:var(--mi-ink);min-height:88px}
.shortcut-icon{background:var(--mi-soft);color:var(--mi-accent)}
.ml-empty{background:linear-gradient(120deg,#faf6f0,#f5f0f8)!important;border-color:var(--mi-line)!important;min-height:240px}
.ml-empty h2{color:var(--mi-ink);font-size:28px}.ml-empty .ml-kicker{display:none}.ml-empty-copy>p:empty{display:none}
.ml-coupon{border-color:var(--mi-line)!important}.ml-coupon h2{font-size:25px}.ml-coupon-art{max-width:150px}
.ml-kicker{font-size:10px;color:var(--mi-muted);letter-spacing:.08em}
.login .card{box-shadow:0 8px 28px #352e2a08}.login h2{color:var(--mi-ink)}
.login .social-login .social-google{background:white;color:var(--mi-ink);border-color:var(--mi-line)}
.login .social-login .social-facebook{background:#1877f2;color:#fff;border-color:#1877f2}
.social-login svg{flex:none}.login-divider:before,.login-divider:after{background:var(--mi-line)}
/* Product, basket and checkout actions preserve their existing handlers. */
body[data-mina-product-warm] .btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;font-size:14px!important}
body[data-mina-product-warm] .btn.b1{background:var(--mi-accent)!important;border-color:var(--mi-accent)!important}
body[data-mina-product-warm] .product-service-info{border-color:var(--mi-line)}
body[data-mina-product-warm] .product-service-info details{padding:0 16px;background:#fff;border:1px solid var(--mi-line);border-radius:15px;margin-bottom:10px}
body[data-mina-product-warm] .product-service-info summary{font-size:14px!important}
.steps{gap:7px}.steps :is(span,button){border-radius:12px;min-height:44px;font-size:12px}
.steps :is(span.active,button.active){background:var(--mi-accent)!important;color:#fff}
.panel-head>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--mi-line);border-radius:12px;padding:9px 12px;text-decoration:none!important}
.journey-visual{filter:none!important}.hero .journey-visual{max-width:170px}
.topnav{gap:8px}.topnav a{border:1px solid var(--mi-line);min-height:46px;padding:10px 13px;color:var(--mi-accent)}
.hero h1{color:var(--mi-ink)}
[hidden]{display:none!important}
@media(max-width:700px){
 html{scroll-padding-top:145px}.card,.panel,.ml-panel{border-radius:18px}
 .wrap{padding:22px 14px 36px}.wrap>h1{font-size:28px;margin-bottom:18px}
 .wrap .layout aside{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px}
 .wrap .layout aside nav{grid-column:1/-1;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px;padding:0;overflow:visible}
 .wrap .layout aside nav a,.wrap .layout aside nav a:nth-child(n+4){grid-column:auto!important;flex-direction:column!important;justify-content:center;padding:10px 3px;min-height:76px;gap:6px;font-size:10px;line-height:1.25;white-space:normal;overflow-wrap:normal;border-radius:12px}
 .wrap .layout nav a span{width:21px;height:21px}.wrap .layout nav svg{width:21px;height:21px}
 .wrap .layout aside .account-notifications{margin:0;min-height:44px;font-size:12px;padding:8px 10px}
 .wrap .layout aside .logout{margin:0;padding:0;align-self:center}.wrap .layout aside .logout button{min-height:44px;padding:8px;font-size:11px}
 .account-welcome{padding:20px!important}.account-welcome h2,.ml-empty h2{font-size:24px}
 .ml-empty{min-height:0}.ml-coupon-art{max-width:115px}
 .actions{gap:8px}.actions>:is(a,button){min-height:48px}
 .topnav a{font-size:12px}.panel-head>a{font-size:12px;min-height:44px}
 .login .card{padding:22px 18px}.login .social-login .social-button{font-size:14px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Long labels remain readable instead of widening their parent. */
.wrap :is(h1,h2,h3,.notice,.error,.status,.meta),.top .brand{overflow-wrap:anywhere;min-width:0}
.wrap :is(.actions,.account-shortcuts,.ml-grid,.fields)>*{min-width:0;max-width:100%;box-sizing:border-box}
.wrap :is(button,.button,.ml-button,.account-notifications),.topnav a{max-width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;height:auto}
.wrap :is(button,.button,.ml-button)>svg,.topnav a>svg{flex-shrink:0}
.wrap :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-width:0;max-width:100%;box-sizing:border-box}
