/* QUIZ visual audit fixes. Keep the existing Tozlu direction and inventory. */
:root{--tz-orange-ink:#a94500;--tz-red:#c62818;--tz-gray-2:#666;--focus-color:#9b4300}
/* Bright orange is a surface, not a readable small-text color on white. */
.eyebrow,.breadcrumb a,.breadcrumbs a,.category-links>a[aria-current=page],
.tz-stock b,.tz-stock em,.tz-colors-block .tz-label strong,.tz-rank,
.size-heading .text-link,.detail-campaign strong,.mobile-buy-bar strong,
.tz-mini-price strong,.tz-price strong,.tz-block-head a,.tz-block-head button,
.tz-results-head a,.tz-cat-row a:hover strong,.quick-info .quick-price,
.tz-sug mark,.tz-sug-main mark{color:var(--tz-orange-ink)}
.category-links>a:hover,.text-link:hover,.footer-link:hover,.site-footer a:hover,
.breadcrumb a:hover,.detail-accordion summary:hover{color:var(--tz-orange-ink)}
.tz-rank-hot{color:#fff}.tz-search-submit,.tz-all,.all-categories-trigger{color:var(--tz-ink)}
.mobile-bottom-nav>a[aria-current=page],.mobile-bottom-nav>button[aria-expanded=true]{color:var(--tz-orange-ink)}
.button-outline:hover{color:var(--tz-orange-ink)}
body[data-page] .header-number{color:var(--tz-ink)}
.shop-toolbar>.small{color:var(--tz-orange-ink)}
.product-card .product-price:not(:has(del))>span{color:var(--tz-orange-ink)}
.tz-filter[aria-pressed=true]{color:var(--tz-ink)}
.nav-mobile-user-login-box .btn-login{background:var(--tz-orange);color:var(--tz-ink)}
.menuRenkKirmizi{color:var(--tz-red)!important}
.size-option input:checked+span{color:var(--tz-orange-ink)}
body:not([data-page=admin]) .quick-button{color:var(--tz-ink);background:#fff;border-color:#d0d0d0}
body:not([data-page=admin]) .quick-button:hover{color:var(--tz-ink);background:#fff4ea}
.tz-sale{background:linear-gradient(90deg,#b91c39,#a44200)}
.tz-fast{background:linear-gradient(90deg,#176c36,#247743)}
.tz-colors{background:linear-gradient(90deg,#6630bb,#763da0)}
/* Decorative card ticker does not need perpetual, unpausable motion. */
.tz-ticker-track{animation:none!important}
.look-number{color:#868686}
/* Fix first-of-type price rule accidentally enlarging/recoloring the badge. */
.detail-price{gap:8px 12px;align-items:center}
.detail-price>.tz-disc.tz-disc-inline{position:static;order:0;font:700 12px/1.4 var(--font);letter-spacing:0;padding:6px 10px;border-radius:5px;background:var(--tz-red);color:#fff;flex:none;margin:0}
.detail-price>del{order:1;font-size:15px;color:var(--tz-gray-2)}
.detail-content .detail-price>.tz-now{order:2;flex-basis:100%;font-size:clamp(28px,3vw,36px);line-height:1.25;color:var(--tz-orange-ink);margin-top:2px}
.detail-accordion summary{padding-inline-end:6px;gap:12px}
.detail-accordion summary>span{min-width:0}.detail-accordion summary>.icon{flex:none}
.tz-share a,.tz-share button{width:44px;height:44px;min-width:44px;min-height:44px}
.tz-share{flex-wrap:wrap}.tz-share-wa:hover,.tz-order-wa{background:#176f39}
/* Let long names/labels wrap rather than hiding content inside page cards. */
.info-content,.info-content p,.detail-description,.checkout-summary,.account-welcome>div,
.empty-state,.order-success,.order-details>div,.admin-card-heading>div{min-width:0;overflow-wrap:anywhere}
.info-content p{line-height:1.85}
.info-nav a{min-height:44px;display:flex;align-items:center}
.form-grid>div{min-width:0}
.shop-sidebar fieldset{min-width:0;display:flow-root}
.shop-sidebar legend{float:none;display:block}
.shop-sidebar .radio-label{width:100%;min-height:44px}
input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--focus-color)}
/* Administration keeps its own neutral palette with readable primary buttons. */
body[data-page=admin] .button-dark{color:#fff;background:#a94500;border-color:#a94500}
body[data-page=admin] .button-dark:hover{background:#863700}
body[data-page=admin] .admin-welcome p{color:#596151}
body[data-page=admin] .admin-card p{color:#596151}
body[data-page=admin] .admin-chart-column>span{color:#526048}
body[data-page=admin] .admin-top-actions,body[data-page=admin] .admin-card-heading{flex-wrap:wrap}
/* A bottom-sticky save card was sliding over the price/image cards. */
body[data-page=admin] .admin-save-card{position:static;box-shadow:none}
.cart-drawer .cart-empty p{color:var(--muted)}
@media(max-width:800px){
    /* The old two-row search grid left an empty row after hiding mobile search. */
    body[data-page] .header-main{height:68px;min-height:68px;grid-template-columns:88px minmax(0,1fr) 88px;grid-template-rows:68px;padding-block:0;gap:0 8px;align-items:center}
    body[data-page] .header-main .brand{grid-column:2;grid-row:1;justify-self:center;min-width:0;padding-left:0}
    body[data-page] .header-left{grid-column:1;grid-row:1;min-width:0}
    body[data-page] .header-left{width:88px;flex:0 0 88px!important}
    body[data-page] .header-actions{grid-column:3;grid-row:1;width:88px;justify-content:flex-end}
    body[data-page] .header-actions .cart-trigger>.header-action-label{display:none!important}
    body[data-page] .header-actions .cart-trigger .header-number{color:var(--tz-ink)!important}
    body[data-page] .header-actions .icon-button,body[data-page] .header-actions .header-user-link{width:44px;min-width:44px;flex:none}
    body:not([data-page=admin]){--mobile-nav-height:72px}
    .mobile-bottom-nav{height:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom));min-height:72px}
    body[data-page=product] .mobile-buy-bar{bottom:0}
    body[data-page=product] .mobile-buy-bar>div strong{color:var(--tz-orange-ink)}
    body[data-page=product] .mobile-buy-bar .button{color:var(--tz-ink)}
    body[data-page=product] .cookie-banner{bottom:calc(84px + env(safe-area-inset-bottom));max-height:calc(100dvh - 138px)}
    body[data-page=product]:has(dialog[open]) .mobile-buy-bar{display:none!important}
    html{scroll-padding-top:130px;scroll-padding-bottom:164px}
    .announcement{line-height:1.6}
    .category-links>a{font-size:12px;min-height:44px}
    .info-nav a{font-size:12px;padding-block:10px}
    .info-content p{font-size:14px}
    input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}
    .sort-form select{width:100%;min-width:0;max-width:200px;font-size:12px;height:44px;padding-right:28px}
    .size-option span{min-height:44px}
    .tz-share{gap:8px;margin-bottom:16px}.tz-share>span{font-size:12px}
    .detail-campaign p,.detail-benefits span{font-size:12px}
    .stock-note,.tz-field-hint,.tz-password-status{font-size:12px;line-height:1.7}
    .tz-login-help>summary,.tz-login-help>p{font-size:12px}
    .account-profile dt,.account-profile>.small,.tz-favorites-note>p{font-size:12px}
}
@media(max-width:600px){
    #checkout-form .form-grid{grid-template-columns:minmax(0,1fr)}
    #checkout-form .form-wide{grid-column:1}
}
@media(max-width:360px){
    body[data-page] .header-main{grid-template-columns:80px minmax(0,1fr) 80px;padding-inline:10px;gap:0 4px}
    body[data-page] .header-actions{width:80px}
    body[data-page] .header-left{width:80px;flex-basis:80px!important}
    body[data-page] .header-actions .icon-button,body[data-page] .header-actions .header-user-link{width:40px;min-width:40px}
    body[data-page] .header-main .brand span{font-size:23px;letter-spacing:2px}
    .detail-price>.tz-disc.tz-disc-inline{font-size:12px}
    .tz-share>span{width:100%}
    .shop-toolbar{padding-inline:10px;gap:8px}.sort-form{min-width:0;flex:1}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:540px){
    .drawer.menu-drawer{width:100%!important;max-width:100%!important;height:100dvh!important}
}

/* Physical Stores & Contact Channels */
.stores-container{margin-block:24px;width:100%}
.stores-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.store-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;box-shadow:0 2px 10px rgba(0,0,0,0.03);transition:transform var(--fast),box-shadow var(--fast),border-color var(--fast)}
.store-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.06);border-color:#cbd5e1}
.store-card-header{border-bottom:1px solid #f1f5f9;padding-bottom:16px}
.store-badge-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.store-badge{display:inline-flex;align-items:center;gap:6px;background:#fff5ee;color:var(--tz-orange-ink,#a94500);font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;border:1px solid #fbd9c4}
.store-badge .icon{width:13px;height:13px}
.store-city-badge{font-size:11px;font-weight:600;color:#64748b;background:#f1f5f9;padding:4px 10px;border-radius:20px}
.store-title{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 4px;line-height:1.3}
.store-subname{font-size:13px;color:#64748b;margin:0}
.store-card-body{display:flex;flex-direction:column;gap:14px;flex:1}
.store-info-block{display:flex;gap:12px;align-items:flex-start}
.store-info-icon{width:32px;height:32px;border-radius:8px;background:#f8fafc;color:var(--tz-orange-ink,#a94500);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #e2e8f0}
.store-info-icon .icon{width:16px;height:16px}
.store-info-text strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#64748b;margin-bottom:2px}
.store-info-text p{font-size:13.5px;color:#1e293b;margin:0;line-height:1.5;font-weight:500}
.store-hint-block{display:flex;align-items:center;gap:8px;font-size:12px;color:#475569;background:#f8fafc;padding:8px 12px;border-radius:6px;border-left:3px solid var(--tz-orange-ink,#a94500)}
.store-hint-icon{display:inline-flex;color:var(--tz-orange-ink,#a94500);flex-shrink:0}
.store-hint-icon .icon{width:14px;height:14px}
.store-hint-block p{margin:0;line-height:1.4}
.store-highlights{margin-top:6px;padding-top:12px;border-top:1px dashed #e2e8f0}
.store-highlights strong{display:block;font-size:11px;color:#64748b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}
.store-tags-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}
.store-tags-list li{display:flex;align-items:center;gap:6px;font-size:12px;color:#334155}
.store-tags-list li .icon{width:14px;height:14px;color:#16a34a;flex-shrink:0}
.store-card-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.store-btn-maps{flex:1;min-width:180px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:12.5px;text-decoration:none;border-radius:8px;background:#1e293b;color:#fff!important;transition:background var(--fast)}
.store-btn-maps:hover{background:#0f172a;color:#fff!important}
.store-btn-maps .icon{width:15px;height:15px}
.store-btn-copy{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:500;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#475569;padding-inline:14px;cursor:pointer;transition:background var(--fast),color var(--fast)}
.store-btn-copy:hover{background:#f1f5f9;color:#1e293b}
.store-btn-copy .icon{width:14px;height:14px}
.contact-channels-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block:16px 28px}
.contact-channel-card{display:flex;align-items:center;gap:14px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}
.contact-channel-card .channel-icon{width:40px;height:40px;border-radius:8px;background:#fff;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:var(--tz-orange-ink,#a94500);flex-shrink:0}
.contact-channel-card .channel-icon .icon{width:18px;height:18px}
.contact-channel-card .channel-info strong{display:block;font-size:12px;color:#1e293b}
.contact-channel-card .channel-info p{margin:2px 0 0;font-size:13px}
.nav-mobile-menu-footer{grid-template-columns:repeat(5,1fr)!important}
.nav-mobile-menu-footer .footer-action span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:768px){
    .stores-grid{grid-template-columns:1fr}
    .contact-channels-grid{grid-template-columns:1fr}
    .store-tags-list{grid-template-columns:1fr}
    .store-card{padding:18px}
    .store-title{font-size:18px}
    .store-card-actions{flex-direction:column}
    .store-btn-maps,.store-btn-copy{width:100%}
}

/* Footer Payment & Security Badges */
.footer-payment-security {
    border-top: 1px solid var(--line);
    padding: 24px 0 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-payment-badges {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
}
.payment-badge {
    display: inline-flex;
    align-items: center;
    line-height: 1;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.04));
    transition: transform 0.15s ease, filter 0.15s ease;
}
.payment-badge:hover {
    transform: translateY(-2px);
    filter: drop-shadow(0 3px 6px rgba(0,0,0,0.08));
}

/* Enhanced Admin Product Form & Gallery */
.admin-gallery-item {
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}
.admin-gallery-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.admin-gallery-remove:hover {
    background: #dc2626 !important;
    transform: scale(1.1);
}
.admin-stock-input {
    font-weight: 600;
}

/* Accessibility Utility: Hide text visually while preserving it for SEO & screen readers */
.visually-hidden, .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Modern Compact Cookie Bar */
.cookie-banner {
    position: fixed !important;
    bottom: 20px !important;
    left: 20px !important;
    right: auto !important;
    max-width: 460px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 12px !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12) !important;
    padding: 16px 20px !important;
    z-index: 9999 !important;
}
.cookie-banner h2 {
    font-size: 15px !important;
    font-weight: 700 !important;
    margin-bottom: 4px !important;
    letter-spacing: -0.2px !important;
}
.cookie-banner p {
    font-size: 11.5px !important;
    line-height: 1.5 !important;
    color: #555 !important;
    margin: 0 0 6px !important;
}
.cookie-banner a {
    font-size: 11px !important;
    color: #111 !important;
    text-decoration: underline !important;
}
.cookie-actions {
    display: flex !important;
    gap: 8px !important;
    margin-top: 10px !important;
}
.cookie-actions .button {
    font-size: 11px !important;
    min-height: 44px !important;
    padding: 6px 14px !important;
    border-radius: 6px !important;
}
.cookie-banner .cookie-actions[hidden],
.cookie-banner .cookie-preferences[hidden] { display: none !important; }
.cookie-preferences { margin-top: 12px; padding-top: 12px; border-top: 1px solid #e6e6e2; }
.cookie-preferences h3 { margin: 0 0 4px; font-size: 13px; font-weight: 700; }
.cookie-preferences > p { margin-bottom: 10px !important; }
.cookie-preference { display: flex; align-items: flex-start; gap: 10px; padding: 9px 0; border-top: 1px solid #eeeeeb; cursor: pointer; }
.cookie-preference input { flex: none; width: 18px; height: 18px; margin: 1px 0 0; accent-color: #171717; }
.cookie-preference span { display: grid; gap: 2px; }
.cookie-preference strong { font-size: 12px; }
.cookie-preference small { color: #555; font-size: 11px; line-height: 1.45; }
.cookie-detail-actions { margin-top: 10px !important; }
.cookie-detail-actions .button { flex: 1; }
body[data-page=admin] #cookie-banner[hidden] { display: none !important; }
@media (max-width: 768px) {
    .cookie-banner {
        left: 12px !important;
        right: 12px !important;
        max-width: none !important;
        bottom: calc(var(--mobile-nav-height, 64px) + 12px + env(safe-area-inset-bottom)) !important;
    }
}
@media (max-width: 560px) {
    .cookie-banner .cookie-actions:not(.cookie-detail-actions) { flex-wrap: wrap !important; }
    .cookie-banner .cookie-actions:not(.cookie-detail-actions) .button { flex: 1 1 calc(50% - 4px); }
    .cookie-banner .cookie-actions:not(.cookie-detail-actions) .button:last-child { flex-basis: 100%; }
}