:root{
    --bg:#f5f5f3;
    --white:#fff;
    --black:#111;
    --muted:#777;
    --line:#ddd;
    --soft:#ececea;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}

body{
    margin:0;
    background:var(--bg);
    color:var(--black);
    font-family:Arial,Helvetica,sans-serif;
}

button,input,select,textarea{font:inherit}
button{cursor:pointer}
a{text-decoration:none;color:inherit}

/* HEADER */
.header{
    position:sticky;
    top:0;
    z-index:50;
    background:rgba(245,245,243,.95);
    backdrop-filter:blur(14px);
    border-bottom:1px solid var(--line);
}

.nav{
    max-width:1440px;
    height:74px;
    margin:auto;
    padding:0 28px;
    display:flex;
    align-items:center;
    gap:30px;
}

.logo{
    font-size:25px;
    font-weight:900;
    letter-spacing:-1.5px;
    flex-shrink:0;
}

.links{
    display:flex;
    align-items:center;
    height:74px;
    gap:22px;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.7px;
    flex:1;
}

.links>a{
    display:flex;
    align-items:center;
    height:74px;
    white-space:nowrap;
}

.links>a:hover{
    text-decoration:underline;
}

.category-menu{
    position:relative;
    height:74px;
    display:flex;
    align-items:center;
    flex-shrink:0;
}

.category-title{
    display:flex;
    align-items:center;
    height:74px;
    font-size:13px;
    text-transform:uppercase;
    letter-spacing:.7px;
    cursor:pointer;
    white-space:nowrap;
}

.category-dropdown{
    position:absolute;
    top:74px;
    left:-18px;
    min-width:230px;
    background:#fff;
    border:1px solid #ddd;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
    padding:8px 0;
    opacity:0;
    visibility:hidden;
    transform:translateY(-8px);
    transition:.18s ease;
    z-index:100;
}

.category-menu:hover .category-dropdown{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.category-dropdown a{
    display:block;
    padding:13px 18px;
    font-size:12px;
    text-transform:uppercase;
}

.category-dropdown a:hover{
    background:#f1f1ef;
}

.actions{
    display:flex;
    gap:10px;
    align-items:center;
    flex-shrink:0;
}

.icon-btn{
    position:relative;
    border:1px solid #d9d9d6;
    background:rgba(255,255,255,.72);
    width:44px;
    height:44px;
    padding:0;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#111;
    box-shadow:0 3px 12px rgba(0,0,0,.045);
    transition:transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.icon-btn:hover{
    transform:translateY(-1px);
    background:#fff;
    border-color:#bdbdb8;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
}
.icon-btn:active{transform:translateY(0);}
.action-icon{
    width:18px;
    height:18px;
    position:relative;
    display:block;
}
.action-search::before{
    content:'';
    position:absolute;
    width:8px;
    height:8px;
    border:1.5px solid #111;
    border-radius:50%;
    left:2px;
    top:2px;
}
.action-search::after{
    content:'';
    position:absolute;
    width:6px;
    height:1.5px;
    background:#111;
    transform:rotate(45deg);
    transform-origin:left center;
    left:10px;
    top:11px;
    border-radius:2px;
}
.action-cart::before{
    content:'';
    position:absolute;
    left:3px;
    top:4px;
    width:11px;
    height:9px;
    border:1.5px solid #111;
    border-top:0;
    border-radius:1px 1px 4px 4px;
    transform:skew(-5deg);
}
.action-cart::after{
    content:'··';
    position:absolute;
    left:5px;
    top:9px;
    font-size:15px;
    letter-spacing:3px;
    line-height:8px;
}
.cart-btn{
    overflow:visible;
}
.cart-count-badge{
    position:absolute;
    top:-3px;
    right:-3px;
    min-width:17px;
    height:17px;
    padding:0 4px;
    border-radius:999px;
    background:#111;
    color:#fff;
    border:2px solid var(--bg);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:9px;
    font-weight:700;
    line-height:1;
}

.profile-btn{
    box-sizing:border-box;
    min-width:118px;
    height:44px;
    padding:0 18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid #111;
    border-radius:999px;
    background:#111;
    color:#fff;
    font-size:11px;
    line-height:1;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.8px;
    white-space:nowrap;
    vertical-align:middle;
    cursor:pointer;
    transition:transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.profile-btn:hover{
    transform:translateY(-1px);
    background:#222;
    box-shadow:0 7px 18px rgba(0,0,0,.14);
}
.profile-btn:active{transform:translateY(0);}
.profile-btn:disabled{
    opacity:.72;
    cursor:wait;
    transform:none;
}

/* HERO */
.hero{
    max-width:1440px;
    margin:18px auto 0;
    padding:0 18px;
}

.hero-box{
    height:530px;
    background:#151515;
    color:white;
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:flex-end;
}

.hero-content{
    padding:44px;
    max-width:650px;
}

.eyebrow{
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:11px;
    color:#aaa;
}

.hero h1{
    font-size:clamp(48px,8vw,105px);
    line-height:.87;
    letter-spacing:-6px;
    margin:16px 0 25px;
}

.hero p{
    font-size:16px;
    line-height:1.5;
    color:#ccc;
    max-width:500px;
}

.btn{
    border:1px solid var(--black);
    background:var(--black);
    color:white;
    padding:14px 22px;
    text-transform:uppercase;
    font-size:12px;
    letter-spacing:.8px;
}

.btn.light{
    background:white;
    color:#111;
    border-color:white;
}

.btn:hover{
    opacity:.85;
}

.btn:disabled{
    opacity:.5;
    cursor:not-allowed;
}

/* SECTIONS */
.section{
    max-width:1400px;
    margin:72px auto;
    padding:0 24px;
}

.section-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    margin-bottom:25px;
}

.section h2{
    font-size:32px;
    letter-spacing:-1.5px;
    margin:0;
}

.section-head span{
    font-size:13px;
    color:var(--muted);
}

.categories{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}

.cat{
    height:230px;
    background:#ddd;
    display:flex;
    align-items:flex-end;
    padding:22px;
    font-size:23px;
    font-weight:bold;
    position:relative;
    overflow:hidden;
    transition:.2s;
}

.cat:hover{
    transform:translateY(-3px);
}

.cat:nth-child(1),
.cat:nth-child(4){
    background:#191919;
    color:white;
}

.cat:nth-child(2){
    background:#d7d7d4;
}

.cat:nth-child(3){
    background:#aaa;
}

.cat small{
    display:block;
    font-size:11px;
    font-weight:normal;
    margin-top:5px;
    opacity:.65;
}

/* CATALOG */
.toolbar{
    display:flex;
    gap:10px;
    align-items:center;
    justify-content:space-between;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    padding:14px 0;
    margin-bottom:22px;
}

.filters{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
}

.filter{
    background:transparent;
    border:1px solid var(--line);
    padding:10px 13px;
    font-size:12px;
}

.filter:hover{
    background:#111;
    color:white;
}

.sort{
    border:1px solid var(--line);
    background:#fff;
    font-size:12px;
    width:150px;
    min-width:150px;
    height:38px;
    padding:0 10px;
    flex:0 0 150px;
    margin-left:auto;
    position:relative;
}

.products{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}

.product{
    min-width:0;
}

.photo{
    aspect-ratio:3/4;
    background:#dededb;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.product:nth-child(2) .photo{
    background:#181818;
}

.product:nth-child(2) .photo:before{
    color:#555;
}

.product:nth-child(3) .photo{
    background:#c5c5c2;
}

.product:nth-child(4) .photo:before{
    color:#555;
}

.product .photo{
    position:relative !important;
}
.tag{
    position:absolute !important;
    top:12px !important;
    left:12px !important;
    z-index:8 !important;
    background:#111;
    color:white;
    padding:6px 8px;
    font-size:10px;
    text-transform:uppercase;
}
.tag.sale-tag{
    background:#e00000 !important;
    color:#fff !important;
}

.heart{
    position:absolute;
    top:9px;
    right:9px;
    border:0;
    background:white;
    width:32px;
    height:32px;
    border-radius:50%;
    z-index:2;
}

.heart.active{
    background:#111;
    color:#fff;
}

.product-info{
    padding:13px 2px;
}

.product-name{
    font-size:14px;
}

.meta{
    color:var(--muted);
    font-size:12px;
    margin-top:6px;
}

.price{
    font-weight:bold;
    margin-top:9px;
}

/* FAVORITES */
.favorite-view{
    display:none;
}

.favorite-view.show{
    display:block;
}

.favorite-empty{
    border:1px solid var(--line);
    padding:70px 20px;
    text-align:center;
    color:var(--muted);
}

.favorite-empty h3{
    color:#111;
    margin:0 0 8px;
    font-size:20px;
}

/* BANNER */
.banner{
    background:#111;
    color:white;
    padding:55px 45px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:30px;
}

.banner h2{
    font-size:46px;
    letter-spacing:-3px;
    margin:0;
}

/* FOOTER */
.footer{
    border-top:1px solid var(--line);
    padding:45px 24px;
    margin-top:80px;
}

.footer-in{
    max-width:1400px;
    margin:auto;
    display:flex;
    justify-content:space-between;
}

/* CART */
.drawer{
    position:fixed;
    inset:0;
    z-index:100;
    background:rgba(0,0,0,.35);
    display:none;
}

.drawer.open{
    display:block;
}

.cart{
    position:absolute;
    right:0;
    top:0;
    height:100%;
    width:min(480px,100%);
    background:white;
    padding:25px;
    overflow:auto;
}

.cart-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-bottom:1px solid var(--line);
    padding-bottom:20px;
}

.close{
    border:0;
    background:none;
    font-size:25px;
}

.cart-empty{
    text-align:center;
    color:var(--muted);
    padding:80px 0;
}

.cart-item{
    padding:18px 0;
    border-bottom:1px solid #ddd;
}

.cart-item-top{
    display:flex;
    justify-content:space-between;
    gap:10px;
}

.cart-item-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-top:12px;
}

.qty-btn{
    border:1px solid #ddd;
    background:white;
    width:30px;
    height:30px;
}

.qty-value{
    display:inline-block;
    min-width:35px;
    text-align:center;
}

.cart-total{
    margin-top:25px;
}

.cart-checkout{
    width:100%;
    margin-top:15px;
}

/* MODALS */
.modal{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.55);
    z-index:200;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
}

.modal.open{
    display:flex;
}

.modal-box{
    background:#fff;
    color:#111;
    width:min(600px,100%);
    padding:28px;
    max-height:90vh;
    overflow:auto;
}

.auth-box{
    width:min(430px,100%);
}

.auth-title{
    font-size:30px;
    font-weight:900;
    letter-spacing:-1.5px;
    margin-bottom:25px;
}

.field{
    display:flex;
    flex-direction:column;
    gap:7px;
    margin-bottom:13px;
}

.field label{
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.6px;
}

.field input,
.field select,
.field textarea{
    border:1px solid #ccc;
    padding:13px;
    background:white;
    outline:none;
    resize:vertical;
}

.field textarea{
    min-height:100px;
}

.field input:focus,
.field select:focus,
.field textarea:focus{
    border-color:#111;
}

.auth-error{
    color:#b00020;
    font-size:12px;
    margin:10px 0;
    display:none;
}

.auth-success{
    color:#147a32;
    font-size:12px;
    margin:10px 0;
    display:none;
}

.register-link{
    width:100%;
    margin-top:10px;
    background:white;
    color:#111;
    border:1px solid #111;
}

.profile-box{
    width:min(520px,100%);
}

.profile-info{
    border:1px solid #ddd;
    padding:20px;
    margin:20px 0;
}

.profile-row{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:10px 0;
    border-bottom:1px solid #eee;
    font-size:13px;
}

.profile-row:last-child{
    border-bottom:0;
}

.admin-access{
    width:100%;
    padding:18px;
    font-size:13px;
    font-weight:bold;
    letter-spacing:1px;
    margin-top:10px;
}

.profile-login-button{
    width:100%;
}

/* CHECKOUT */
.checkout-box{
    width:min(620px,100%);
}

.checkout-summary{
    border:1px solid #ddd;
    margin:20px 0;
    padding:17px;
}

.checkout-summary-title{
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#777;
    margin-bottom:13px;
}

.checkout-summary-item{
    display:flex;
    justify-content:space-between;
    gap:15px;
    padding:9px 0;
    border-bottom:1px solid #eee;
    font-size:13px;
}

.checkout-summary-item:last-child{
    border-bottom:0;
}

.checkout-total{
    display:flex;
    justify-content:space-between;
    font-size:18px;
    font-weight:bold;
    padding-top:15px;
}

.checkout-error{
    color:#b00020;
    background:#fff3f3;
    border:1px solid #e5bcbc;
    padding:12px;
    font-size:12px;
    margin-bottom:15px;
    display:none;
}

.checkout-success{
    text-align:center;
    padding:25px 0 10px;
}

.checkout-success-number{
    font-size:44px;
    font-weight:900;
    letter-spacing:-2px;
    margin:20px 0 10px;
}

.checkout-success-text{
    color:#777;
    font-size:13px;
    line-height:1.6;
}

.checkout-actions{
    display:flex;
    gap:10px;
    margin-top:20px;
}

.checkout-actions .btn{
    flex:1;
}

/* СПОСОБ ПОЛУЧЕНИЯ */
.checkout-methods{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-bottom:18px;
}

.checkout-method{
    border:1px solid #ccc;
    background:#fff;
    color:#111;
    padding:16px 12px;
    text-align:center;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.7px;
    transition:.15s;
}

.checkout-method:hover{
    border-color:#111;
}

.checkout-method.active{
    background:#111;
    color:#fff;
    border-color:#111;
}

.checkout-method small{
    display:block;
    margin-top:7px;
    color:#777;
    text-transform:none;
    letter-spacing:0;
    font-size:11px;
    line-height:1.4;
}

.checkout-method.active small{
    color:#bbb;
}

.checkout-address{
    display:none;
}

.checkout-address.show{
    display:flex;
}

/* ADMIN */
.admin-status{
    width:100%;
    margin-top:15px;
    padding:12px;
    border:1px solid #444;
    background:#111;
    color:#fff;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.5px;
}

.admin-order-info{
    color:#aaa;
    font-size:13px;
    line-height:1.8;
}

.admin-order-label{
    color:#777;
}

.admin-status-new{
    color:#fff;
    font-weight:bold;
}

.toast{
    position:fixed;
    left:50%;
    bottom:25px;
    transform:translateX(-50%) translateY(20px);
    background:#111;
    color:#fff;
    padding:14px 20px;
    font-size:12px;
    z-index:500;
    opacity:0;
    pointer-events:none;
    transition:.2s;
}

.toast.show{
    opacity:1;
    transform:translateX(-50%) translateY(0);
}

.admin{
    display:none;
    min-height:100vh;
    background:#111;
    color:#fff;
}

.admin.show{
    display:block;
}

.admin-wrap{
    max-width:1400px;
    margin:auto;
    padding:30px;
}

.admin-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    border-bottom:1px solid #333;
    padding-bottom:25px;
}

.admin-top h1{
    margin:8px 0 0;
    font-size:42px;
    letter-spacing:-2px;
}

.admin-grid{
    display:grid;
    grid-template-columns:240px 1fr;
    gap:25px;
    margin-top:25px;
}

.admin-side{
    background:#171717;
    height:max-content;
}

.admin-side button{
    display:block;
    width:100%;
    text-align:left;
    padding:15px;
    background:none;
    color:#aaa;
    border:0;
    border-bottom:1px solid #222;
}

.admin-side button:hover,
.admin-side button.active{
    color:#fff;
    background:#202020;
}

.admin-main{
    background:#171717;
    padding:25px;
    min-height:600px;
}

.admin-section{
    display:none;
}

.admin-section.active{
    display:block !important;
}

.stat-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
}

.stat{
    border:1px solid #333;
    padding:20px;
}

.stat b{
    font-size:30px;
    display:block;
    margin-top:10px;
}

.admin-table{
    width:100%;
    border-collapse:collapse;
    margin-top:25px;
    font-size:13px;
}

.admin-table th,
.admin-table td{
    text-align:left;
    padding:13px;
    border-bottom:1px solid #333;
}

.admin-table select{
    background:#111;
    color:#fff;
    border:1px solid #444;
    padding:7px;
}

.admin-empty{
    color:#888;
    padding:30px 0;
}

.admin-card{
    border:1px solid #333;
    padding:20px;
    margin-bottom:15px;
}

.admin-card h3{
    margin-top:0;
}

/* ADMIN PRODUCTS */
.admin-products-toolbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:15px;
    margin:20px 0;
    padding-bottom:15px;
    border-bottom:1px solid #333;
}

.admin-products-toolbar-title{
    color:#888;
    font-size:12px;
}

.admin-add-product-btn{
    border:1px solid #fff;
    background:#fff;
    color:#111;
    padding:10px 15px;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.6px;
}

.admin-product-actions{
    display:flex;
    gap:7px;
    flex-wrap:wrap;
}

.admin-product-action{
    border:1px solid #444;
    background:#111;
    color:#fff;
    padding:7px 10px;
    font-size:10px;
    text-transform:uppercase;
}

.admin-product-action:hover{
    background:#fff;
    color:#111;
}

.admin-product-action.delete:hover{
    background:#fff;
    color:#111;
}

.admin-product-empty{
    text-align:center;
    color:#777;
    padding:25px;
}

.admin-form-box{
    width:min(560px,100%);
}

.admin-form-title{
    font-size:26px;
    font-weight:900;
    letter-spacing:-1px;
    margin-bottom:20px;
}

.admin-form-error{
    color:#b00020;
    background:#fff3f3;
    border:1px solid #e5bcbc;
    padding:12px;
    font-size:12px;
    margin-bottom:15px;
    display:none;
}

.admin-form-actions{
    display:flex;
    gap:10px;
    margin-top:20px;
}

.admin-form-actions .btn{
    flex:1;
}

 .admin-product-stock-low{
    font-weight:bold;
}

.admin-product-sizes{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin-top:6px;
}

.admin-product-size-row{
    display:grid;
    grid-template-columns:1fr 120px 42px;
    gap:8px;
    align-items:center;
}

.admin-product-size-row input{
    width:100%;
    box-sizing:border-box;
}

.admin-product-size-remove{
    height:38px;
    border:1px solid #444;
    background:#111;
    color:#fff;
    cursor:pointer;
    font-size:18px;
}

.admin-product-size-remove:hover{
    background:#222;
}

.admin-product-add-size{
    margin-top:10px;
    width:100%;
}

.admin-product-size-total{
    margin-top:8px;
    color:#777;
    font-size:11px;
}

.admin-product-size-summary{
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    margin-top:4px;
}

.admin-product-size-chip{
    display:inline-block;
    border:1px solid #333;
    padding:3px 6px;
    font-size:10px;
    background:#111;
}

.admin-product-photo{width:44px;height:54px;background:#222;border:1px solid #333;object-fit:cover;display:block;}
.admin-product-photo-placeholder{width:44px;height:54px;background:#222;border:1px solid #333;display:flex;align-items:center;justify-content:center;color:#666;font-size:9px;}
.admin-product-name-cell{display:flex;align-items:center;gap:10px;min-width:220px;}
.admin-product-name-text{min-width:0;}
.admin-product-name-text strong{display:block;font-size:13px;font-weight:500;}
.admin-product-name-text small{display:block;color:#777;margin-top:4px;font-size:10px;}
.admin-product-file{border:1px solid #444;background:#111;color:#aaa;padding:12px;width:100%;font-size:12px;}
.admin-product-file::file-selector-button{border:1px solid #444;background:#fff;color:#111;padding:8px 12px;margin-right:10px;cursor:pointer;}
.admin-product-preview{display:none;margin-top:10px;width:100%;height:180px;object-fit:cover;background:#eee;border:1px solid #ddd;}
.admin-product-preview.show{display:block;}
.order-card.order-new{border-color:#fff;}
.order-card.order-new .order-number{display:flex;align-items:center;gap:8px;}
.order-card.order-new .order-number::after{content:"НОВЫЙ";display:inline-block;padding:4px 6px;background:#fff;color:#111;font-size:8px;letter-spacing:.7px;}
.order-item-info{min-width:0;}
.order-item-name{font-weight:500;}
.order-item-meta{color:#777;font-size:10px;margin-top:4px;}
.order-item-price{white-space:nowrap;text-align:right;}

/* COMPACT ORDERS */
.orders-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin:20px 0;
    padding-bottom:15px;
    border-bottom:1px solid #333;
}

.orders-filter{
    background:#111;
    color:#fff;
    border:1px solid #444;
    padding:10px 13px;
    min-width:190px;
    font-size:12px;
}

.order-card{
    border:1px solid #333;
    margin-bottom:10px;
}

.order-card-head{
    display:grid;
    grid-template-columns:1fr auto auto auto;
    align-items:center;
    gap:16px;
    padding:15px 17px;
}

.order-card-main{
    min-width:0;
}

.order-number{
    font-size:16px;
    font-weight:bold;
}

.order-client{
    color:#aaa;
    font-size:12px;
    margin-top:5px;
}

.order-date{
    color:#777;
    font-size:11px;
    white-space:nowrap;
}

.order-total{
    font-weight:bold;
    white-space:nowrap;
}

.order-status-select{
    background:#111;
    color:#fff;
    border:1px solid #444;
    padding:8px 10px;
    font-size:11px;
    min-width:140px;
}

.order-expand{
    border:1px solid #444;
    background:#111;
    color:#fff;
    padding:8px 11px;
    font-size:11px;
    white-space:nowrap;
}

.order-details{
    display:none;
    border-top:1px solid #333;
    padding:17px;
}

.order-details.open{
    display:block;
}

.order-details-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:8px 25px;
    color:#aaa;
    font-size:12px;
    line-height:1.6;
    margin-bottom:15px;
}

.order-items{
    border-top:1px solid #333;
    padding-top:12px;
}

.order-item{
    display:flex;
    justify-content:space-between;
    gap:15px;
    padding:8px 0;
    border-bottom:1px solid #292929;
    font-size:12px;
}

.order-item:last-child{
    border-bottom:0;
}

.order-items-title{font-size:12px;font-weight:600;margin-bottom:8px;color:#fff;}
.order-item-clickable{width:100%;font-family:inherit;text-align:left;background:transparent;color:inherit;cursor:pointer;}
.order-item-clickable:hover{background:#202020;}
.order-items-empty{padding:12px 0;color:#777;}

/* MOBILE */
@media(max-width:900px){

    .links{
        display:none;
    }

    .products{
        grid-template-columns:repeat(2,1fr);
    }

    .categories{
        grid-template-columns:repeat(2,1fr);
    }

    .admin-grid{
        grid-template-columns:1fr;
    }

    .admin-table{
        display:block;
        overflow-x:auto;
    }

    .admin-products-toolbar{
        align-items:stretch;
        flex-direction:column;
    }

}

@media(max-width:700px){

    .order-card-head{
        grid-template-columns:1fr auto;
    }

    .order-date{
        grid-column:1;
    }

    .order-total{
        grid-column:1;
    }

    .order-status-select{
        grid-column:2;
        grid-row:1 / span 3;
    }

    .order-expand{
        grid-column:2;
        grid-row:4;
    }

    .order-details-grid{
        grid-template-columns:1fr;
    }

    .orders-toolbar{
        align-items:stretch;
        flex-direction:column;
    }

    .orders-filter{
        width:100%;
    }

}

@media(max-width:520px){

    .nav{
        padding:0 15px;
        gap:10px;
    }

    .hero{
        padding:0 10px;
    }

    .hero-content{
        padding:28px;
    }

    .section{
        padding:0 14px;
        margin-top:55px;
    }

    .categories{
        grid-template-columns:1fr 1fr;
    }

    .cat{
        height:170px;
        padding:15px;
        font-size:18px;
    }

    .products{
        gap:10px;
    }

    .hero h1{
        letter-spacing:-4px;
    }

    .banner{
        padding:35px 25px;
    }

    .admin-wrap{
        padding:18px;
    }

    .admin-main{
        padding:18px;
    }

    .stat-grid{
        grid-template-columns:1fr;
    }

    .profile-btn{
        min-width:104px;
        height:40px;
        padding:0 13px;
        font-size:10px;
    }

    .checkout-actions{
        flex-direction:column;
    }

    .checkout-methods{
        grid-template-columns:1fr 1fr;
    }

    .admin-form-actions{
        flex-direction:column;
    }

}



/* PRODUCT CARD HOVER */
.product .photo{
    transition:transform .18s ease;
}
.product:hover .photo{
    transform:translateY(-1px);
}
.product-hover-panel{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:4;
    padding:12px 12px 11px;
    background:rgba(255,255,255,.93);
    border-top:1px solid rgba(0,0,0,.08);
    transform:translateY(102%);
    transition:transform .2s ease;
    box-sizing:border-box;
}
.product:hover .product-hover-panel,.product:focus-within .product-hover-panel{
    transform:translateY(0);
}
.product-hover-sizes-label{font-size:10px;font-weight:600;margin-bottom:8px;letter-spacing:.4px;}
.product-hover-sizes{display:flex;gap:7px;flex-wrap:wrap;align-items:center;}
.product-hover-size{min-width:34px;height:30px;padding:0 8px;border:1px solid #111;background:#fff;color:#111;font-size:10px;cursor:pointer;}
.product-hover-size:hover{background:#111;color:#fff;}
.product-hover-no-size{font-size:10px;color:#888;}
.product-hover-cart{width:100%;height:34px;margin-top:9px;border:0;background:#ddd;color:#222;font-size:10px;cursor:pointer;}
.product-hover-cart:hover{background:#cfcfcf;}
.product-hover-cart:disabled{opacity:.5;cursor:not-allowed;}

/* PRODUCT DETAIL */
.product-clickable{cursor:pointer;}
.product-detail-box{max-width:980px;width:calc(100% - 32px);}
.product-detail-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:28px;margin-top:22px;}
.product-detail-image-wrap{min-width:0;}
.product-detail-image{width:100%;aspect-ratio:3/4;background:#dededb center/cover no-repeat;position:relative;overflow:hidden;}
.product-detail-info{display:flex;flex-direction:column;justify-content:flex-start;padding:8px 0;}
.product-detail-title{font-size:20px;font-weight:600;}
.product-detail-price{font-size:22px;font-weight:700;margin-top:12px;}
.product-detail-description{font-size:13px;line-height:1.7;color:#666;white-space:pre-line;margin-top:18px;min-height:42px;}
.product-detail-size-label{font-size:11px;text-transform:uppercase;letter-spacing:.8px;margin-top:24px;margin-bottom:9px;}
.product-detail-sizes{display:flex;flex-wrap:wrap;gap:8px;}
.product-detail-size{min-width:52px;height:42px;padding:0 14px;border:1px solid #bbb;background:#fff;color:#111;cursor:pointer;}
.product-detail-size.selected{background:#111;color:#fff;border-color:#111;}
.product-detail-size:disabled{background:#eee;color:#aaa;border-color:#ddd;cursor:not-allowed;text-decoration:line-through;}
.product-detail-add{width:100%;margin-top:22px;}
.product-detail-add:disabled{opacity:.45;cursor:not-allowed;}
#adminProductDescription{width:100%;box-sizing:border-box;resize:vertical;min-height:110px;padding:12px;border:1px solid #444;background:#111;color:#fff;font:inherit;font-size:12px;}
@media(max-width:760px){
    .product-hover-panel{transform:translateY(0);}
    .product-detail-grid{grid-template-columns:1fr;gap:18px;}
    .product-detail-image{max-height:55vh;}
}

/* ADMIN CATEGORIES */
.admin-category-toolbar{display:flex;gap:10px;align-items:center;margin:18px 0 8px;flex-wrap:wrap;}
.admin-category-toolbar input{flex:1;min-width:220px;padding:12px;border:1px solid #ccc;background:#fff;color:#111;}
.admin-category-actions{display:flex;gap:7px;flex-wrap:wrap;}
.admin-category-action{border:1px solid #bbb;background:#fff;padding:8px 11px;cursor:pointer;font-size:11px;}
.admin-category-action.delete{color:#b00000;}
.product-detail-color{font-size:12px;color:#777;margin-top:7px;}
.order-item-clickable{cursor:pointer;}
.order-item-clickable:hover{background:#202020 !important;color:#fff !important;}
.order-item-detail-box{max-width:820px;width:calc(100% - 32px);}
.order-item-detail-grid{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(280px,1.1fr);gap:26px;margin-top:20px;}
.order-item-detail-image{aspect-ratio:3/4;background:#dededb center/cover no-repeat;}
.order-item-detail-info{display:flex;flex-direction:column;gap:13px;padding:5px 0;}
.order-item-detail-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #eee;padding-bottom:10px;font-size:13px;}
.order-item-detail-row span{text-align:right;color:#555;}
.order-item-detail-description{font-size:12px;line-height:1.7;color:#666;white-space:pre-line;margin-top:5px;}
@media(max-width:700px){.order-item-detail-grid{grid-template-columns:1fr;}}

/* PROFILE */
.profile-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;}
.profile-action{border:1px solid #ddd;background:#fff;text-align:left;padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:5px;}
.profile-action:hover{border-color:#111;}
.profile-action span{font-size:20px;line-height:1;}
.profile-action strong{font-size:12px;}
.profile-action small{font-size:10px;color:#777;}
.profile-subsection{border-top:1px solid #eee;padding-top:16px;margin-top:8px;}
.profile-subsection-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;}
.profile-back{border:0;background:none;text-decoration:underline;cursor:pointer;font-size:11px;}
.profile-edit{display:flex;flex-direction:column;gap:12px;}
.profile-edit label{font-size:11px;color:#666;display:flex;flex-direction:column;gap:6px;}
.profile-edit input{padding:12px;border:1px solid #ccc;background:#fff;color:#111;font:inherit;}
.profile-order{border:1px solid #ddd;padding:14px;margin-bottom:10px;background:#fff;}
.profile-order-head{display:flex;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:8px;}
.profile-order-meta{font-size:11px;color:#777;line-height:1.6;}
.profile-order-items{margin-top:10px;padding-top:9px;border-top:1px solid #eee;font-size:11px;line-height:1.7;}
.profile-order-status{font-size:10px;text-transform:uppercase;letter-spacing:.5px;}
.profile-logout{width:100%;margin-top:10px;}
@media(max-width:560px){.profile-actions-grid{grid-template-columns:1fr;}}
/* Admin product description must be light */
#adminProductDescription{background:#fff !important;color:#111 !important;border:1px solid #ccc !important;}

/* MONOX V26 — ровные поля авторизации и админ-формы */
.auth-box .field{display:flex;flex-direction:column;align-items:stretch;gap:7px;width:100%;margin:0 0 16px;}
.auth-box .field label{display:block;width:100%;margin:0;font-size:10px;line-height:1.2;letter-spacing:.8px;text-transform:uppercase;color:#111;}
.auth-box .field input{display:block;width:100%;height:46px;box-sizing:border-box;padding:0 13px;border:1px solid #cfcfcf;background:#fff;color:#111;font:inherit;outline:none;}
.auth-box .field input:focus{border-color:#111;}
.auth-box .auth-tabs{margin-bottom:20px;}
.auth-box .auth-error,.auth-box .auth-success{margin:0 0 14px;}
.auth-box .auth-register-only{display:none !important;} .auth-box .auth-register-only.auth-visible{display:flex !important;} .auth-box .auth-register-only[hidden]{display:none !important;} .auth-box .auth-register-only:not([hidden]){display:flex !important;}
.admin-form-box .field{display:block;}
.admin-form-box .field>label{display:block;margin-bottom:7px;}
.admin-form-box .admin-category-picker{width:100%;}
.admin-form-box .admin-select,.admin-form-box input,.admin-form-box textarea{box-sizing:border-box;width:100%;}

/* MONOX v4 — polished cart/checkout/profile/gallery */
.cart-item{border-bottom:1px solid #e5e5e5;padding:15px 0}
.cart-item-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.cart-item-title{font-weight:700;font-size:13px}
.cart-item-meta{font-size:11px;color:#777;margin-top:5px;line-height:1.5}
.cart-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.cart-qty{display:flex;align-items:center;border:1px solid #ddd}
.cart-qty button{border:0;background:#fff;width:32px;height:30px;font-size:18px}
.cart-qty span{min-width:30px;text-align:center;font-size:12px}
.cart-remove{border:0;background:none;text-decoration:underline;font-size:10px;color:#777}
.checkout-summary-item{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid #eee;font-size:12px}
.checkout-summary-item small{display:block;color:#777;margin-top:3px}
.product-gallery-image{width:100%;height:100%;object-fit:cover;display:none;cursor:zoom-in}
.product-gallery-image.active{display:block}
.product-gallery-placeholder{height:100%;display:grid;place-items:center;background:#e7e7e4;color:#999;font-weight:800;letter-spacing:3px}
.product-gallery-image + .product-gallery-image{display:none}
.product-gallery-placeholder{position:relative;}
.admin-product-image-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.admin-product-image-list img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid #ddd}
.profile-page-main{max-width:1280px;margin:0 auto;padding:70px 24px 100px}
.profile-page-top{margin-bottom:35px}
.profile-page-top h1{font-size:clamp(42px,7vw,78px);letter-spacing:-4px;margin:10px 0}
.profile-page-top p{color:#777;max-width:560px;line-height:1.6}
.profile-page-grid{display:grid;grid-template-columns:300px 1fr;gap:18px;align-items:start}
.profile-page-card{background:#fff;border:1px solid #ddd;padding:25px}
.profile-page-account-card{position:sticky;top:95px}
.profile-page-avatar{width:68px;height:68px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-weight:900;font-size:26px;margin-bottom:20px}
.profile-page-account-card h2{margin:0 0 6px;font-size:24px}
.profile-page-muted{font-size:12px;color:#777;word-break:break-word}
.profile-page-data-list{border-top:1px solid #eee;margin-top:22px}
.profile-page-data-list>div{display:flex;justify-content:space-between;gap:10px;padding:13px 0;border-bottom:1px solid #eee;font-size:11px}
.profile-page-data-list span{color:#777}.profile-page-data-list b{font-weight:600;text-align:right}
.profile-page-logout{width:100%;margin-top:10px;background:#fff;color:#111}
.profile-page-content{display:flex;flex-direction:column;gap:18px}
.profile-page-section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px;gap:15px}
.profile-page-section-head h2{margin:7px 0 0;font-size:22px}
.profile-page-section-head a{font-size:11px;text-decoration:underline}
.profile-page-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.profile-page-form-grid label{font-size:11px;color:#666;display:flex;flex-direction:column;gap:7px}
.profile-page-form-grid input{border:1px solid #ccc;background:#fff;padding:13px;color:#111;outline:none}
.profile-page-form-grid input:focus{border-color:#111}
.profile-page-list{display:flex;flex-direction:column}
.profile-page-empty{padding:28px 0;color:#777;font-size:12px}
.profile-page-fav{display:grid;grid-template-columns:58px 1fr auto;gap:13px;align-items:center;border-top:1px solid #eee;padding:12px 0}
.profile-page-fav:first-child{border-top:0}
.profile-page-fav-photo{width:58px;height:58px;background:#eee center/cover no-repeat}
.profile-page-fav b,.profile-page-fav span{display:block}.profile-page-fav b{font-size:12px}.profile-page-fav span{font-size:11px;color:#777;margin-top:4px}
.profile-page-fav button{border:0;background:none;text-decoration:underline;font-size:10px}
.profile-page-order{border-top:1px solid #eee;padding:15px 0}.profile-page-order:first-child{border-top:0}
.profile-page-order>div{display:flex;justify-content:space-between;gap:15px}.profile-page-order b{font-size:13px}.profile-page-order span{font-size:10px;text-transform:uppercase;color:#777}.profile-page-order small{display:block;color:#777;font-size:10px;margin-top:7px}.profile-page-order p{font-size:11px;color:#555;margin:7px 0 0}
@media(max-width:800px){.profile-page-grid{grid-template-columns:1fr}.profile-page-account-card{position:static}.profile-page-form-grid{grid-template-columns:1fr}}
@media(max-width:560px){.profile-page-main{padding:45px 16px 70px}.profile-page-card{padding:18px}.admin-product-image-list{grid-template-columns:repeat(3,1fr)}}

/* ADMIN V2 */
.admin-stat-grid{grid-template-columns:repeat(3,1fr);}
.stat span{display:block;color:#888;font-size:11px;text-transform:uppercase;letter-spacing:.5px;}
.admin-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.admin-search,.admin-select,.admin-refresh-btn{height:38px;box-sizing:border-box;border:1px solid #444;background:#111;color:#fff;padding:0 11px;font:inherit;font-size:11px;}
.admin-search{min-width:190px;}
.admin-select{min-width:145px;}
.admin-refresh-btn{cursor:pointer;background:#202020;}
.admin-refresh-btn:hover{background:#fff;color:#111;}
.admin-users-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:18px 0;}
.admin-category-toolbar .admin-refresh-btn{height:40px;}
@media(max-width:900px){.admin-stat-grid{grid-template-columns:repeat(2,1fr)}.admin-products-toolbar{gap:12px}.admin-toolbar-actions{width:100%}.admin-search{flex:1;min-width:150px}}
@media(max-width:560px){.admin-stat-grid{grid-template-columns:1fr}.admin-toolbar-actions>*{width:100%}.admin-search{min-width:0}.admin-select{min-width:0}}

/* ADMIN V11 — LARGE DATA SETS + CATEGORY PICKER */
.admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid #333;color:#888;font-size:11px;}
.admin-pagination-controls{display:flex;align-items:center;gap:6px;}
.admin-pagination button{min-width:34px;height:34px;border:1px solid #444;background:#111;color:#fff;cursor:pointer;}
.admin-pagination button:hover:not(:disabled){background:#fff;color:#111;}
.admin-pagination button:disabled{opacity:.35;cursor:default;}
.admin-pagination .page-current{border-color:#fff;background:#fff;color:#111;}
.admin-category-picker{position:relative;flex:1;min-width:0;}
.admin-category-picker-trigger{width:100%;height:40px;padding:0 12px;border:1px solid #444;background:#111;color:#fff;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer;font:inherit;}
.admin-category-picker-trigger:hover{border-color:#777;}
.admin-category-picker-arrow{color:#888;font-size:14px;}
.admin-category-picker-menu{display:none;position:absolute;z-index:1005;top:calc(100% + 5px);left:0;right:0;background:#151515;border:1px solid #555;box-shadow:0 16px 40px rgba(0,0,0,.45);padding:8px;}
.admin-category-picker-menu.open{display:block;}
.admin-category-picker-search{width:100%;box-sizing:border-box;height:38px;padding:0 10px;border:1px solid #444;background:#0e0e0e;color:#fff;outline:none;margin-bottom:7px;}
.admin-category-picker-options{max-height:260px;overflow:auto;}
.admin-category-picker-option{width:100%;display:block;border:0;border-bottom:1px solid #292929;background:transparent;color:#ddd;text-align:left;padding:11px 10px;cursor:pointer;font:inherit;font-size:12px;}
.admin-category-picker-option:last-child{border-bottom:0;}
.admin-category-picker-option:hover,.admin-category-picker-option.selected{background:#242424;color:#fff;}
.admin-category-picker-empty{padding:16px 10px;color:#777;font-size:11px;}
@media(max-width:700px){.admin-pagination{align-items:flex-start;flex-direction:column}.admin-category-picker-menu{position:fixed;left:16px;right:16px;top:50%;transform:translateY(-50%);max-height:70vh}.admin-category-picker-options{max-height:45vh}}

/* MONOX ADMIN V12 */
.admin-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.admin-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.admin-dashboard-head h3{margin:0;font-size:14px}
.admin-inline-link{border:0;background:none;color:#aaa;text-decoration:underline;cursor:pointer;font:inherit;font-size:10px}
.admin-dashboard-list{display:flex;flex-direction:column}
.admin-dashboard-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border:0;border-top:1px solid #2b2b2b;background:none;color:#fff;text-align:left;cursor:pointer;font:inherit}
.admin-dashboard-row:first-child{border-top:0}
.admin-dashboard-row:hover{background:#202020}
.admin-dashboard-row span{min-width:0}.admin-dashboard-row b{display:block;font-size:11px}.admin-dashboard-row small{display:block;color:#777;font-size:10px;margin-top:4px}.admin-dashboard-row strong{font-size:11px;white-space:nowrap}
#adminCategorySearch{min-width:190px}
@media(max-width:800px){.admin-dashboard-grid{grid-template-columns:1fr}}

/* Admin section visibility hardening */
.admin-section[hidden]{display:none !important;}
.admin-section.active{display:block !important; visibility:visible !important; opacity:1 !important;}

/* MONOX — user detail modal */
.admin-user-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0}.admin-user-detail-item{background:#191919;border:1px solid #303030;border-radius:10px;padding:13px;color:#fff}.admin-user-detail-item span{display:block;color:#777;font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.admin-user-detail-item strong{font-size:13px;color:#fff;word-break:break-word}.admin-user-detail-item.accent{background:#242424}.admin-user-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:1200;display:flex;align-items:center;justify-content:center;padding:22px}.admin-user-modal{position:relative;width:min(680px,100%);max-height:88vh;overflow:auto;background:#151515;color:#fff;border:1px solid #363636;border-radius:16px;padding:28px;box-shadow:0 25px 80px rgba(0,0,0,.5)}.admin-user-modal-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border:1px solid #444;background:#222;color:#fff;border-radius:8px;font-size:18px}.admin-user-modal-close:hover{background:#fff;color:#111}.admin-user-modal-top{display:flex;gap:14px;align-items:center;padding-right:42px}.admin-user-modal-avatar{width:54px;height:54px;border-radius:14px;background:#292929;border:1px solid #3b3b3b;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px}.admin-user-modal-kicker{color:#777;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px}.admin-user-modal h2{margin:0;font-size:23px}.admin-user-modal-email{margin-top:5px;color:#999;font-size:12px}.admin-user-orders-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 10px}.admin-user-orders-head h3{margin:0;font-size:16px}.admin-user-orders-head span{color:#888;font-size:11px}.admin-user-order-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-top:1px solid #292929}.admin-user-order-row b{font-size:12px}.admin-user-order-row small{display:block;color:#777;font-size:10px;margin-top:4px;text-transform:uppercase}.admin-user-order-row>strong{font-size:12px;white-space:nowrap}@media(max-width:560px){.admin-user-detail-grid{grid-template-columns:1fr}.admin-user-modal{padding:22px}.admin-user-actions{flex-direction:column}.admin-user-actions select{width:100%}}

/* =========================================================
   MONOX — MEGA DROPDOWN NAVIGATION
========================================================= */
.monox-main-links{gap:0;}
.monox-main-links > a,
.mega-menu-wrap > .mega-trigger{
    height:74px;
    padding:0 13px;
    display:flex;
    align-items:center;
    white-space:nowrap;
    text-transform:uppercase;
    letter-spacing:.7px;
    font-size:13px;
}
.mega-menu-wrap{position:relative;height:74px;display:flex;align-items:center;flex-shrink:0;}
.mega-trigger{cursor:pointer;}
.mega-menu-wrap:hover > .mega-trigger,
.mega-menu-wrap:focus-within > .mega-trigger,
.monox-main-links > a:hover{background:#111;color:#fff;text-decoration:none;}
.mega-dropdown{
    position:absolute;
    top:74px;
    left:50%;
    transform:translate(-50%,-8px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
    background:#fff;
    color:#111;
    border-top:1px solid #111;
    box-shadow:0 18px 45px rgba(0,0,0,.16);
    z-index:1000;
    text-transform:none;
    letter-spacing:0;
}
.mega-menu-wrap:hover > .mega-dropdown,
.mega-menu-wrap:focus-within > .mega-dropdown{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate(-50%,0);
}
.mega-dropdown a{
    display:block;
    color:#111;
    font-size:14px;
    line-height:1.35;
    padding:4px 0;
    white-space:nowrap;
}
.mega-dropdown a:hover{color:#e00000;text-decoration:none;}
.mega-column{display:flex;flex-direction:column;align-items:flex-start;min-width:180px;}
.mega-heading{font-size:14px;font-weight:700;margin-bottom:12px;text-transform:none;}
.mega-subheading{margin-top:24px;}
.mega-column-offset{padding-top:34px;}
.mega-dropdown-clothes{width:min(760px,calc(100vw - 30px));padding:30px 36px;display:grid;grid-template-columns:1fr 1fr;gap:24px 65px;left:38%;}
.mega-dropdown-brands{width:min(1280px,calc(100vw - 24px));padding:26px 34px 30px;display:grid;grid-template-columns:repeat(6,1fr);gap:0 34px;left:50%;max-height:calc(100vh - 74px);overflow:auto;}
.mega-dropdown-brands a{font-size:14px;padding:3px 0;}
.mega-dropdown-shoes{width:520px;padding:28px 34px;display:grid;grid-template-columns:1fr 1fr;gap:45px;}
.mega-dropdown-accessories{width:min(1120px,calc(100vw - 24px));padding:28px 34px 32px;display:grid;grid-template-columns:1.15fr 1.1fr 1fr 1fr .8fr;gap:35px;left:47%;}
.mega-dropdown-accessories a{font-size:14px;padding:4px 0;}
.mega-dropdown-small{width:250px;padding:18px 22px;left:50%;}
.mega-dropdown-small a{padding:9px 0;font-size:13px;border-bottom:1px solid #eee;}
.mega-dropdown-small a:last-child{border-bottom:0;}
.mega-help-dropdown{width:260px;}
@media(max-width:1200px){
    .nav{padding:0 18px;gap:12px;}
    .monox-main-links > a,.mega-menu-wrap > .mega-trigger{padding:0 8px;font-size:11px;}
    .mega-dropdown-brands{grid-template-columns:repeat(4,1fr);}
    .mega-dropdown-accessories{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:900px){
    .links{overflow-x:auto;overflow-y:visible;}
    .mega-dropdown{position:fixed;top:74px;left:10px!important;right:10px;width:auto!important;transform:translateY(-8px)!important;max-height:calc(100vh - 84px);overflow:auto;}
    .mega-menu-wrap:hover > .mega-dropdown,.mega-menu-wrap:focus-within > .mega-dropdown{transform:translateY(0)!important;}
    .mega-dropdown-brands{grid-template-columns:repeat(3,1fr);}
    .mega-dropdown-accessories{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:600px){
    .mega-dropdown-clothes,.mega-dropdown-shoes,.mega-dropdown-brands,.mega-dropdown-accessories{grid-template-columns:1fr 1fr;gap:20px;}
    .mega-dropdown-brands{grid-template-columns:repeat(2,1fr);}
    .mega-dropdown-accessories{grid-template-columns:1fr 1fr;}
    .mega-dropdown a{font-size:13px;}
}


/* MONOX v20 catalog filters / sale */
.catalog-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:30px;align-items:start}
.catalog-sidebar{border-top:1px solid var(--line)}
.catalog-filter-title{font-size:13px;font-weight:700;padding:0 0 16px;text-transform:uppercase}
.filter-group{border-top:1px solid var(--line)}
.filter-group-head{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;padding:18px 0 14px;font-size:12px;font-weight:700;cursor:pointer;text-align:left}
.filter-group-head span:last-child{font-size:14px;color:#aaa;transition:transform .2s}.filter-group:not(.open) .filter-group-head span:last-child{transform:rotate(180deg)}
.filter-group-body{display:none;padding:0 0 18px}.filter-group.open .filter-group-body{display:block}
.filter-check{display:flex;align-items:center;gap:9px;padding:5px 2px;font-size:12px;line-height:1.35;cursor:pointer}.filter-check input{appearance:none;width:13px;height:13px;border:1px solid #999;background:#fff;margin:0;position:relative}.filter-check input:checked{background:#111;border-color:#111}.filter-check input:checked:after{content:'✓';position:absolute;color:#fff;font-size:9px;left:2px;top:-1px}.filter-search{width:100%;height:34px;border:1px solid #aaa;background:#fff;padding:0 10px;font-size:12px;margin-bottom:8px}.filter-empty{font-size:11px;color:#999;padding:5px 2px}
.price-inputs{display:flex;align-items:center;gap:6px;font-size:11px;color:#777}.price-inputs input{width:92px;height:32px;border:1px solid #999;background:#fff;padding:0 8px;font-size:12px}.price-range{position:relative;height:34px;margin:10px 0 0}.price-range input{position:absolute;left:0;top:9px;width:100%;pointer-events:none;appearance:none;background:transparent}.price-range input::-webkit-slider-runnable-track{height:5px;background:#e6e6e6}.price-range input::-webkit-slider-thumb{appearance:none;width:13px;height:13px;background:#111;margin-top:-4px;border-radius:0;pointer-events:auto;cursor:pointer}.price-range input::-moz-range-track{height:5px;background:#e6e6e6}.price-range input::-moz-range-thumb{width:13px;height:13px;background:#111;border:0;border-radius:0;pointer-events:auto}.price-range-labels{display:flex;justify-content:space-between;color:#888;font-size:10px}
.catalog-reset{width:100%;height:38px;margin-top:18px;background:#111;color:#fff;border:1px solid #111;font-size:11px;cursor:pointer}.catalog-reset:hover{background:#333}
.catalog-results{min-width:0}.catalog-results .toolbar{margin-top:0}.catalog-active-info{font-size:13px;font-weight:600}.catalog-no-results{grid-column:1/-1;padding:60px 20px;border:1px dashed #bbb;text-align:center;color:#888}.sale-section{margin-bottom:30px}.sale-subtitle{font-size:12px;color:#777;margin-top:-18px;margin-bottom:20px}.sale-price{display:flex;gap:8px;align-items:baseline}.old-price{text-decoration:line-through;color:#888;font-size:12px;font-weight:400}.sale-price>span:last-child{color:#c40000}.sale-tag{background:#c40000}
@media(max-width:900px){.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{order:0}.catalog-results{order:1}.catalog-filter-title{padding-top:12px}.filter-group-body{max-height:320px;overflow:auto}.catalog-layout .products{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.catalog-layout .products{grid-template-columns:1fr 1fr}.price-inputs input{width:78px}}


/* MONOX v21 — dynamic mega menus, brands and header actions */
.actions{margin-left:auto;display:flex;align-items:center;gap:10px;flex-shrink:0;}
.nav{min-width:0;}
.links{min-width:0;}
.mega-empty{padding:26px 30px;color:#888;font-size:13px;min-width:240px;}
.mega-dropdown-clothes,.mega-dropdown-shoes,.mega-dropdown-accessories{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));}
.mega-dropdown-brands{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));}
.mega-dropdown .mega-column,.mega-dropdown .brand-column{min-width:0;}
.admin-brand-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
.admin-brand-toolbar .admin-search{flex:1;min-width:220px;}
.admin-brand-toolbar #adminBrandName{min-width:220px;}
#adminBrandsSection .admin-table th,#adminBrandsSection .admin-table td{vertical-align:middle;}
@media(max-width:900px){.actions{margin-left:auto;}.links{flex:1;min-width:0;}.mega-empty{padding:22px;}}

/* MONOX v22 separate sale page */
.sale-page-section{max-width:1400px;margin:0 auto;padding-top:48px;min-height:65vh}.sale-page-section .section-head{align-items:flex-end}.sale-page-section h1{font-size:48px;line-height:1;margin:8px 0 0;letter-spacing:-2px}.sale-page-section .sale-subtitle{margin:8px 0 28px;color:var(--muted);font-size:13px}.sale-page-section .products{margin-top:0}.sale-page-section .favorite-empty{margin-top:25px}
@media(max-width:700px){.sale-page-section{padding:30px 18px}.sale-page-section h1{font-size:36px}}

/* MONOX v23 — fixed header actions position */
.nav{position:relative;}
.nav .actions{position:absolute;right:28px;top:0;height:74px;margin-left:0;display:flex;align-items:center;gap:10px;z-index:20;}
.nav .links{padding-right:210px;box-sizing:border-box;}
@media(max-width:1200px){.nav .actions{right:18px}.nav .links{padding-right:190px;}}
@media(max-width:900px){.nav .actions{right:18px}.nav .links{padding-right:175px;}}
@media(max-width:600px){.nav .actions{right:12px;gap:6px}.nav .links{padding-right:150px;}}


/* MONOX v24 — header actions are inside the same nav row */
.nav{position:relative;}
.nav .actions{position:absolute;right:0;top:0;height:74px;display:flex;align-items:center;gap:10px;z-index:80;}
.nav .links{padding-right:205px;}
@media(max-width:1200px){.nav .actions{right:0}.nav .links{padding-right:190px;}}
@media(max-width:900px){.nav .actions{right:0}.nav .links{padding-right:175px;}}
@media(max-width:600px){.nav .actions{right:0;gap:6px}.nav .links{padding-right:150px;}}

/* MONOX v28 — ровная форма авторизации */
.auth-box{width:min(520px,calc(100vw - 32px));padding:28px;}
.auth-box > div[style*="margin-top:20px"]{width:100%;}
.auth-box .auth-tabs{width:100%;}
.auth-box .auth-tab{flex:0 0 auto;}
.auth-box #loginButton,.auth-box #authSwitchButton{display:block;width:100%;height:44px;margin-left:0;margin-right:0;}


/* MONOX v29 — исправление кликов и формы авторизации */
.mega-dropdown{z-index:5000;pointer-events:none;}
.mega-menu-wrap:hover > .mega-dropdown,.mega-menu-wrap:focus-within > .mega-dropdown{pointer-events:auto;}
.mega-dropdown a{position:relative;z-index:5001;pointer-events:auto;cursor:pointer;}
.auth-box{width:min(520px,calc(100vw - 32px));padding:28px 28px 26px;}
.auth-box > div[style*="margin-top:20px"]{margin-top:20px!important;}
.auth-box .field{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:7px!important;margin:0 0 16px!important;}
.auth-box .field label{display:block!important;width:100%!important;font-size:10px!important;line-height:1.2!important;text-transform:uppercase!important;letter-spacing:.65px!important;margin:0!important;}
.auth-box .field input{display:block!important;width:100%!important;box-sizing:border-box!important;height:46px!important;margin:0!important;padding:0 13px!important;border:1px solid #cfcfcf!important;}
.auth-box .auth-tabs{display:flex!important;align-items:stretch!important;width:100%!important;height:56px!important;}
.auth-box .auth-tab{height:56px!important;}
.auth-box #loginButton,.auth-box #authSwitchButton{width:100%!important;box-sizing:border-box!important;height:44px!important;margin:8px 0 0!important;}

/* MONOX V34 — home collections, full product page, color variants and admin quick editing */
.home-collection-section{padding-top:30px;padding-bottom:30px}
.home-collection-section .section-head{margin-bottom:18px}
.home-section-link{font-size:11px;color:#111;text-decoration:underline;text-underline-offset:4px}
.home-sale-section{background:#f5f5f3}
.home-brands-section{padding-top:45px;padding-bottom:60px}
.home-brands{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ddd;border-left:1px solid #ddd}
.home-brand-link{min-height:86px;display:flex;align-items:center;justify-content:center;border-right:1px solid #ddd;border-bottom:1px solid #ddd;color:#111;text-decoration:none;font-size:15px;letter-spacing:.3px;transition:background .18s,color .18s}
.home-brand-link:hover{background:#111;color:#fff}
.home-brand-empty{padding:25px;color:#777;font-size:12px}
.product-page-body{background:#f7f7f5;color:#111}
.product-page-main{max-width:1320px;margin:0 auto;padding:30px 24px 80px}
.product-page-breadcrumb{font-size:10px;color:#777;margin-bottom:18px;text-transform:uppercase;letter-spacing:.7px}
.product-page-breadcrumb a{color:#111;text-decoration:none}
.product-page-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:42px;align-items:start}
.product-page-gallery-column{min-width:0}
.product-page-gallery{position:relative;background:#e8e8e5;aspect-ratio:4/5;overflow:hidden}
.product-page-gallery>img{width:100%;height:100%;display:block;object-fit:cover}
.product-page-thumbs{display:flex;gap:8px;margin-top:9px;overflow:auto;padding-bottom:3px}
.product-page-thumb{flex:0 0 76px;width:76px;height:92px;padding:0;border:1px solid #ddd;background:#fff;cursor:pointer;overflow:hidden}
.product-page-thumb.active{border-color:#111}
.product-page-thumb img{width:100%;height:100%;object-fit:cover}
.product-page-info{padding:18px 0 0;position:sticky;top:90px}
.product-page-meta{font-size:11px;color:#777;text-transform:uppercase;letter-spacing:.6px}
.product-page-info h1{font-size:clamp(30px,4vw,52px);line-height:1.02;letter-spacing:-2px;margin:12px 0 18px;font-weight:600}
.product-page-price-row{display:flex;align-items:baseline;gap:12px;margin-bottom:28px}
.product-page-price-row strong{font-size:22px}
.product-page-old-price{text-decoration:line-through;color:#888;font-size:14px}
.product-page-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;margin:20px 0 10px}
.product-page-sizes{display:flex;gap:7px;flex-wrap:wrap}
.product-page-size{min-width:52px;height:42px;padding:0 14px;background:#fff;border:1px solid #bbb;cursor:pointer}
.product-page-size.selected{background:#111;color:#fff;border-color:#111}
.product-page-size:disabled{background:#eee;color:#aaa;border-color:#ddd;text-decoration:line-through;cursor:not-allowed}
.product-page-colors{display:flex;gap:10px;flex-wrap:wrap}
.product-page-color{display:flex;align-items:center;gap:7px;border:1px solid #ddd;background:#fff;padding:7px 10px;cursor:pointer;font-size:10px}
.product-page-color.selected{border-color:#111}
.product-page-color span{width:18px;height:18px;border-radius:50%;border:1px solid #bbb;display:block}
.product-page-color em{font-style:normal}
.product-page-add{width:100%;height:52px;margin-top:24px;background:#111;color:#fff}
.product-page-description-label{margin-top:32px;padding-top:22px;border-top:1px solid #ddd}
.product-page-description{font-size:13px;line-height:1.8;color:#555;white-space:pre-line}
.product-similar-section{padding-left:0;padding-right:0}
.product-page-missing{min-height:70vh;display:grid;place-items:center;align-content:center;gap:12px;font-family:Arial,sans-serif}
.product-page-missing a{color:#111}
.admin-quick-price{width:110px;box-sizing:border-box;height:34px;padding:0 8px;border:1px solid #ccc;background:#fff}
.admin-quick-stock-list{display:flex;flex-wrap:wrap;gap:6px;max-width:250px}
.admin-quick-stock-list label{display:flex;align-items:center;gap:4px;font-size:9px;color:#666;border:1px solid #ddd;background:#fff;padding:3px 4px}
.admin-quick-stock{width:48px;height:27px;box-sizing:border-box;border:0;border-left:1px solid #ddd;padding:0 4px;font-size:10px}
.admin-image-list{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.admin-image-thumb{position:relative;border:1px solid #ddd;background:#fff;overflow:hidden}
.admin-image-thumb img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.admin-image-thumb>span{display:block;padding:5px;font-size:9px;color:#777;text-align:center}
.admin-image-controls{position:absolute;top:5px;left:5px;right:5px;display:flex;gap:3px;justify-content:flex-end}
.admin-image-controls button{width:24px;height:24px;border:0;background:rgba(255,255,255,.92);cursor:pointer;font-size:12px}
.admin-image-controls button:hover{background:#111;color:#fff}
.admin-image-new{border-style:dashed}
.admin-field-hint{font-size:10px;color:#777;line-height:1.5;margin-top:6px}
@media(max-width:900px){
 .product-page-layout{grid-template-columns:1fr;gap:20px}
 .product-page-info{position:static;padding-top:4px}
 .home-brands{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
 .product-page-main{padding:18px 14px 55px}
 .product-page-info h1{font-size:34px}
 .home-brands{grid-template-columns:1fr 1fr}
 .admin-quick-price{width:90px}
 .admin-quick-stock-list{max-width:190px}
 .admin-image-list{grid-template-columns:repeat(3,1fr)}
}

/* Product page navigation polish */
.product-page-topbar{display:flex;align-items:center;gap:18px;margin-bottom:18px}
.product-back-btn{border:1px solid #111;background:transparent;color:#111;height:34px;padding:0 14px;font-size:10px;letter-spacing:.8px;cursor:pointer}
.product-back-btn:hover{background:#111;color:#fff}
.product-page-topbar .product-page-breadcrumb{margin:0}
@media(max-width:700px){.product-page-topbar{gap:10px;align-items:flex-start}.product-back-btn{flex:0 0 auto}}


/* Header logo is always a real home link */
.monox-logo-link{position:relative;z-index:6000;display:inline-flex;align-items:center;color:inherit;text-decoration:none;cursor:pointer;pointer-events:auto;}
.monox-logo-link:hover{color:inherit;}


/* MONOX V42 — product page is compact and breadcrumb follows catalog path */
.product-page-layout{grid-template-columns:minmax(0,600px) minmax(320px,1fr);gap:48px;justify-content:start}
.product-page-gallery{width:100%;max-width:600px;aspect-ratio:1/1}
.product-page-gallery>img{object-fit:cover}
.product-page-info{max-width:560px}
.product-page-breadcrumb a{text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s}
.product-page-breadcrumb a:hover{border-bottom-color:#111}

/* Role badge must never participate in card height calculations. */
#adminUsersGrid .admin-user-card{position:relative!important;display:block!important;box-sizing:border-box!important;align-self:start!important;height:auto!important;min-height:0!important;max-height:none!important}
#adminUsersGrid .admin-user-head{position:relative!important;display:block!important;min-height:46px!important;height:auto!important;padding-right:130px!important}
#adminUsersGrid .admin-user-role{position:absolute!important;top:0!important;right:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:max-content!important;min-width:0!important;max-width:120px!important;height:28px!important;min-height:28px!important;max-height:28px!important;padding:0 9px!important;box-sizing:border-box!important;white-space:nowrap!important;writing-mode:horizontal-tb!important;transform:none!important;overflow:hidden!important;flex:none!important}
#adminUsersGrid .admin-user-actions{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 112px 76px!important;gap:8px!important;align-items:center!important;width:100%!important;height:38px!important;min-height:38px!important;max-height:38px!important}
@media(max-width:560px){
  .product-page-layout{grid-template-columns:1fr;gap:24px}
  .product-page-gallery{max-width:100%;aspect-ratio:1/1}
  #adminUsersGrid .admin-user-head{padding-right:100px!important}
  #adminUsersGrid .admin-user-role{max-width:100px!important}
  #adminUsersGrid .admin-user-actions{grid-template-columns:1fr!important;height:auto!important;max-height:none!important}
  #adminUsersGrid .admin-user-actions select,#adminUsersGrid .admin-user-actions button{width:100%!important;min-width:0!important;max-width:none!important}
}


/* MONOX V43 — product image preserves full aspect ratio + fullscreen gallery */
.product-page-gallery{
  width:100%;max-width:600px;min-height:420px;height:auto;aspect-ratio:auto;
  display:flex;align-items:center;justify-content:center;overflow:hidden;background:#e8e8e5;
}
.product-page-gallery>img{
  display:block;width:100%;height:auto;max-width:100%;max-height:680px;object-fit:contain;
  cursor:zoom-in;
}
.product-page-gallery-column{min-width:0}
.product-page-thumbs img{object-fit:contain;background:#f1f1ef}
.product-image-lightbox{
  position:fixed;inset:0;z-index:5000;display:none;align-items:center;justify-content:center;
  background:rgba(0,0,0,.94);padding:40px 80px;
}
.product-image-lightbox.open{display:flex}
.product-lightbox-stage{width:min(92vw,1200px);height:min(88vh,900px);display:flex;align-items:center;justify-content:center}
.product-lightbox-stage img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.product-lightbox-close,.product-lightbox-arrow{
  position:absolute;border:1px solid rgba(255,255,255,.35);background:rgba(20,20,20,.7);color:#fff;
  display:flex;align-items:center;justify-content:center;cursor:pointer
}
.product-lightbox-close{top:20px;right:24px;width:44px;height:44px;border-radius:50%;font-size:28px;line-height:1}
.product-lightbox-arrow{top:50%;transform:translateY(-50%);width:48px;height:64px;font-size:42px;line-height:1}
.product-lightbox-prev{left:20px}.product-lightbox-next{right:20px}
.product-lightbox-close:hover,.product-lightbox-arrow:hover{background:#fff;color:#111}
.product-lightbox-counter{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);color:#fff;font-size:12px;letter-spacing:1px}
body.lightbox-open{overflow:hidden}
@media(max-width:700px){
 .product-page-gallery{min-height:0;max-width:100%}
 .product-page-gallery>img{max-height:70vh}
 .product-image-lightbox{padding:55px 12px 40px}
 .product-lightbox-stage{width:100%;height:80vh}
 .product-lightbox-arrow{width:38px;height:52px;font-size:32px}
 .product-lightbox-prev{left:8px}.product-lightbox-next{right:8px}
 .product-lightbox-close{top:10px;right:10px}
}

/* MONOX V44 — product page layout: vertical thumbnails, no image lightbox, quantity and sale badge */
.product-page-gallery-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:start}
.product-page-gallery{width:100%;max-width:600px;min-height:0;aspect-ratio:auto;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}
.product-page-gallery>img{width:100%;height:auto;max-width:100%;max-height:680px;object-fit:contain;display:block;cursor:default}
.product-page-thumbs{display:flex;flex-direction:column;gap:10px;margin:0;max-height:680px;overflow-y:auto;overflow-x:hidden;padding:0 2px 3px 0}
.product-page-thumb{flex:0 0 auto;width:88px;height:104px;background:#fff;border:1px solid #ddd;overflow:hidden;cursor:pointer}
.product-page-thumb img{width:100%;height:100%;object-fit:contain;background:#f5f5f3}
.product-page-sale-badge{position:absolute;top:12px;left:12px;z-index:10;display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 11px;background:#e00000;color:#fff;font-size:11px;font-weight:700;letter-spacing:.4px;margin:0;line-height:1;box-sizing:border-box}.product-page-sale-badge[hidden]{display:none}
.product-page-quantity{display:flex;align-items:center;width:max-content;border:1px solid #bbb;background:#fff;height:42px}
.product-page-quantity button{width:42px;height:40px;border:0;background:#fff;font-size:20px;cursor:pointer}
.product-page-quantity span{min-width:42px;text-align:center;font-size:13px}
@media(max-width:900px){.product-page-gallery-row{grid-template-columns:72px minmax(0,1fr)}.product-page-thumb{width:68px;height:82px}.product-page-gallery>img{max-height:560px}}
@media(max-width:560px){.product-page-gallery-row{grid-template-columns:58px minmax(0,1fr);gap:8px}.product-page-thumb{width:56px;height:68px}.product-page-thumbs{gap:7px;max-height:75vh}.product-page-gallery>img{max-height:75vh}.product-page-sale-badge{font-size:10px;padding:0 8px;top:8px;left:8px;height:27px}}

/* MONOX v58 */
#adminHomeSection .btn{background:#f3f3f3;color:#111;border-color:#f3f3f3}
#adminHomeSection .btn:hover{background:#fff}


/* MONOX SUPPORT CHAT */
.monox-support-launcher{position:fixed;right:22px;bottom:22px;z-index:2500;border:0;background:#111;color:#fff;border-radius:999px;padding:13px 17px;font-size:12px;letter-spacing:.02em;box-shadow:0 12px 35px rgba(0,0,0,.22);cursor:pointer;display:flex;align-items:center;gap:9px}
.monox-support-launcher:hover{transform:translateY(-1px)}
.monox-support-launcher-badge{display:none;min-width:18px;height:18px;border-radius:999px;background:#e33;color:#fff;align-items:center;justify-content:center;font-size:10px;font-weight:700}
.monox-support-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:2600;display:none;align-items:flex-end;justify-content:flex-end;padding:20px}
.monox-support-modal.open{display:flex}
.monox-support-box{width:min(440px,calc(100vw - 30px));height:min(680px,calc(100vh - 40px));background:#fff;border:1px solid #ddd;box-shadow:0 30px 80px rgba(0,0,0,.25);display:flex;flex-direction:column}
.monox-support-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #e9e9e9;background:#fff}
.monox-support-title{font-size:15px;font-weight:700}.monox-support-subtitle{font-size:10px;color:#888;margin-top:3px}
.monox-support-close{border:0;background:transparent;font-size:26px;line-height:1;cursor:pointer;color:#333}
.monox-support-messages{flex:1;overflow:auto;padding:16px;background:#f6f6f6;display:flex;flex-direction:column;gap:9px}
.monox-support-message{max-width:82%;padding:10px 12px;border-radius:12px;font-size:12px;line-height:1.45;white-space:pre-wrap;word-break:break-word}
.monox-support-message.user{display:block!important;align-self:flex-end;background:#111;color:#fff;border-bottom-right-radius:4px}.monox-support-message.admin{display:block!important;align-self:flex-start;background:#fff;color:#222;border:1px solid #e1e1e1;border-bottom-left-radius:4px}
/* v127f compact support replies */
.monox-support-message.user,.monox-support-message.admin{box-sizing:border-box;flex:0 0 auto!important;min-height:0!important;height:auto!important;margin:0!important;overflow:visible!important;}
.monox-support-message.admin{display:block!important;align-self:flex-start!important;max-height:none!important;}
.monox-support-message-meta{font-size:9px;opacity:.6;margin-top:5px}
.monox-support-compose{border-top:1px solid #e6e6e6;padding:12px;background:#fff}.monox-support-compose textarea{width:100%;min-height:82px;resize:vertical;border:1px solid #d6d6d6;padding:10px;font:inherit;font-size:12px;outline:none}.monox-support-compose-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:9px}.monox-support-compose-note{font-size:10px;color:#888}.monox-support-send{border:0;background:#111;color:#fff;padding:11px 15px;cursor:pointer}.monox-support-login-note{padding:28px;text-align:center;color:#555;font-size:12px;line-height:1.6}
.admin-support-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#fff;color:#111;font-size:10px;font-weight:800;margin-left:auto}
.admin-support-toolbar{margin:14px 0 16px}.admin-support-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:14px;min-height:540px}.admin-support-list{border:1px solid #2d2d2d;border-radius:12px;background:#161616;overflow:auto}.admin-support-chat-panel{border:1px solid #2d2d2d;border-radius:12px;background:#161616;display:flex;flex-direction:column;min-width:0}.admin-support-chat-item{padding:14px;border-bottom:1px solid #272727;cursor:pointer}.admin-support-chat-item:hover{background:#1c1c1c}.admin-support-chat-item.active{background:#222}.admin-support-chat-item.unread{box-shadow:inset 3px 0 0 #fff}.admin-support-chat-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.admin-support-chat-name{font-size:13px;font-weight:700;color:#fff;word-break:break-word}.admin-support-chat-email{font-size:10px;color:#8b8b8b;margin-top:4px;word-break:break-word}.admin-support-chat-preview{font-size:11px;color:#b7b7b7;margin-top:8px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-support-chat-date{font-size:9px;color:#6e6e6e;white-space:nowrap}.admin-support-chat-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.admin-support-tag{font-size:9px;border:1px solid #3c3c3c;border-radius:999px;padding:3px 6px;color:#aaa}.admin-support-tag.unread{background:#fff;color:#111;border-color:#fff;font-weight:700}.admin-support-tag.new{color:#fff}.admin-support-tag.processing{color:#ccc}.admin-support-tag.closed{color:#777}
.admin-support-empty-state{margin:auto;color:#777;font-size:12px;text-align:center;padding:25px}.admin-support-conversation-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:16px;border-bottom:1px solid #2d2d2d}.admin-support-conversation-name{font-size:15px;font-weight:700;color:#fff}.admin-support-conversation-meta{font-size:10px;color:#888;margin-top:4px;line-height:1.5}.admin-support-conversation-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.admin-support-conversation-actions button{border:1px solid #444;background:#202020;color:#fff;padding:8px 10px;border-radius:7px;cursor:pointer;font-size:10px}.admin-support-conversation-actions button.primary{background:#fff;color:#111;border-color:#fff}.admin-support-messages{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:9px}.admin-support-message-row{display:flex}.admin-support-message-row.user{justify-content:flex-start}.admin-support-message-row.admin{justify-content:flex-end}.admin-support-bubble{max-width:78%;padding:10px 12px;border-radius:12px;white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.45}.admin-support-message-row.user .admin-support-bubble{background:#222;color:#fff}.admin-support-message-row.admin .admin-support-bubble{background:#fff;color:#111}.admin-support-message-meta{font-size:9px;color:#888;margin-top:5px}.admin-support-reply{border-top:1px solid #2d2d2d;padding:12px}.admin-support-reply textarea{width:100%;min-height:80px;resize:vertical;background:#101010;color:#fff;border:1px solid #3a3a3a;border-radius:8px;padding:10px;font:inherit;font-size:12px}.admin-support-reply-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.admin-support-reply-actions button{border:0;background:#fff;color:#111;padding:10px 14px;border-radius:7px;cursor:pointer;font-weight:700}.admin-support-reply-note{font-size:10px;color:#777}
@media(max-width:850px){.admin-support-layout{grid-template-columns:1fr;min-height:0}.admin-support-list{max-height:330px}.monox-support-modal{padding:10px}.monox-support-box{height:calc(100vh - 20px)}}

/* v63 support polish */
.admin-main{overflow:hidden}
.admin-support-settings{border:1px solid #2d2d2d;border-radius:12px;background:#151515;padding:14px;margin:0 0 14px}
.admin-support-settings-title{font-size:12px;color:#fff;font-weight:700;margin-bottom:8px}
.admin-support-settings-row{display:flex;gap:8px;align-items:center}
.admin-support-settings-row .admin-search{flex:1;min-width:0}
.admin-support-settings-note{font-size:10px;color:#777;margin-top:7px}
.admin-support-layout{min-height:calc(100vh - 330px);height:calc(100vh - 330px);max-height:none}
.admin-support-list,.admin-support-chat-panel{min-height:0;height:100%}
.admin-support-messages{min-height:0}
.admin-support-message-row{align-items:flex-start;flex:0 0 auto;min-width:0}
.admin-support-bubble{display:block;width:max-content;max-width:min(78%,680px);min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;box-sizing:border-box}
.admin-support-message-row.admin .admin-support-bubble{align-self:flex-end}
@media(max-width:900px){.admin-support-layout{height:auto;min-height:0}.admin-support-list{max-height:320px}.admin-support-settings-row{flex-direction:column;align-items:stretch}}

/* v64 support layout fix */
.admin-main.support-mode{
  min-height:0;
  overflow:visible;
}
.admin-main.support-mode > #adminSupportSection.active{
  margin:0;
  padding:0;
  min-height:0;
}
.admin-support-layout{
  min-height:0;
  height:650px;
  max-height:650px;
}
.admin-support-chat-panel{
  height:650px;
  min-height:0;
}
.admin-support-messages{
  min-height:0;
  overflow-y:auto;
}
.admin-support-bubble{
  height:auto;
  max-height:none;
  overflow:visible;
}
@media(max-width:900px){
  .admin-support-layout,
  .admin-support-chat-panel{height:auto;max-height:none;min-height:0}
}


/* v65 support UI: compact conversation, no giant empty area */
.admin-support-layout{
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  align-items:start !important;
}
.admin-support-list{
  height:auto !important;
  max-height:560px !important;
}
.admin-support-chat-panel{
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  align-self:start !important;
}
.admin-support-messages{
  flex:0 1 auto !important;
  min-height:90px !important;
  max-height:320px !important;
  overflow-y:auto !important;
  align-content:flex-start !important;
}
.admin-support-message-row{
  flex:0 0 auto !important;
}
.admin-support-bubble{
  width:fit-content !important;
  max-width:min(78%,680px) !important;
  height:auto !important;
}
.admin-support-reply{
  flex:0 0 auto !important;
}
@media(max-width:900px){
  .admin-support-messages{max-height:45vh !important;}
}


/* MONOX v66 — support conversation must size to content, not create a giant blank block */
.admin-support-chat-panel{
  display:block !important;
  height:auto !important;
  min-height:0 !important;
  align-self:start !important;
}
.admin-support-messages{
  display:flex !important;
  flex-direction:column !important;
  flex:0 0 auto !important;
  height:auto !important;
  min-height:0 !important;
  max-height:min(55vh,460px) !important;
  overflow-y:auto !important;
}
.admin-support-message-row{flex:0 0 auto !important;}
.admin-support-reply{display:block !important;height:auto !important;min-height:0 !important;}
.admin-support-reply textarea{display:block !important;height:80px !important;min-height:80px !important;max-height:160px !important;}


/* MONOX v67 — support admin compact chat, no giant empty message area */
.admin-main.support-mode > #adminSupportSection.active{
  width:100% !important;
  display:block !important;
}
.admin-support-layout{
  display:grid !important;
  grid-template-columns:330px minmax(0,1fr) !important;
  gap:14px !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  align-items:start !important;
}
.admin-support-list{
  height:auto !important;
  min-height:220px !important;
  max-height:620px !important;
  overflow:auto !important;
}
.admin-support-chat-panel{
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  display:flex !important;
  flex-direction:column !important;
}
.admin-support-messages{
  flex:0 0 auto !important;
  height:auto !important;
  min-height:0 !important;
  max-height:420px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  align-items:stretch !important;
}
.admin-support-message-row{
  flex:0 0 auto !important;
  height:auto !important;
  min-height:0 !important;
}
.admin-support-bubble{
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
}
.admin-support-reply{
  flex:0 0 auto !important;
  height:auto !important;
  min-height:0 !important;
}
@media(max-width:900px){
  .admin-support-layout{grid-template-columns:1fr !important;}
  .admin-support-list{max-height:320px !important;}
  .admin-support-messages{max-height:55vh !important;}
}

/* MONOX v68 support: deterministic vertical message list. */
.admin-support-messages{display:block !important; height:auto !important; min-height:0 !important; max-height:420px !important; overflow-y:auto !important; overflow-x:hidden !important; padding:16px !important; box-sizing:border-box !important;}
.admin-support-message-row{display:block !important; width:100% !important; height:auto !important; min-height:0 !important; margin:0 0 10px !important;}
.admin-support-message-row:last-child{margin-bottom:0 !important;}
.admin-support-message-row.user .admin-support-bubble,.admin-support-message-row.admin .admin-support-bubble{display:block !important; width:fit-content !important; max-width:78% !important; min-height:0 !important; height:auto !important; margin:0 !important;}
.admin-support-message-row.user .admin-support-bubble{margin-right:auto !important;}
.admin-support-message-row.admin .admin-support-bubble{margin-left:auto !important;}
.admin-support-message-meta{display:block !important; height:auto !important; min-height:0 !important;}

/* MONOX v69 — support chat: compact messages only, scroll when the list is long. */
.admin-support-chat-panel{display:flex !important;flex-direction:column !important;height:auto !important;min-height:0 !important;max-height:none !important;align-self:start !important;overflow:visible !important;}
.admin-support-messages{display:flex !important;flex-direction:column !important;gap:9px !important;flex:0 0 auto !important;height:auto !important;min-height:0 !important;max-height:none !important;overflow:visible !important;padding:16px !important;}
.admin-support-messages.has-scroll{max-height:420px !important;overflow-y:auto !important;overflow-x:hidden !important;}
.admin-support-message-row{display:flex !important;align-items:flex-start !important;flex:0 0 auto !important;height:auto !important;min-height:0 !important;margin:0 !important;width:100% !important;}
.admin-support-message-row.user{justify-content:flex-start !important;}
.admin-support-message-row.admin{justify-content:flex-end !important;}
.admin-support-bubble{display:block !important;flex:0 0 auto !important;width:max-content !important;max-width:min(78%,680px) !important;height:auto !important;min-height:0 !important;max-height:none !important;margin:0 !important;white-space:pre-wrap !important;overflow-wrap:anywhere !important;word-break:break-word !important;}
.admin-support-reply{flex:0 0 auto !important;height:auto !important;min-height:0 !important;}


/* MONOX v76 support: message rows stay compact and the list never stretches between bubbles. */
.admin-support-messages{display:flex !important;flex-direction:column !important;gap:8px !important;height:auto !important;min-height:0 !important;max-height:420px !important;overflow-y:auto !important;align-items:stretch !important;}
.admin-support-message-row{display:flex !important;flex:0 0 auto !important;height:auto !important;min-height:0 !important;margin:0 !important;width:100% !important;}
.admin-support-bubble{flex:0 0 auto !important;height:auto !important;min-height:0 !important;max-height:none !important;}

/* MONOX v90 — category dropdowns + alphabetic brand groups */
.mega-dropdown-shoes{width:min(620px,calc(100vw - 30px));padding:28px 34px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px 45px;left:50%;}
.mega-dropdown-clothes{width:min(760px,calc(100vw - 30px));padding:30px 36px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px 45px;left:38%;}
.mega-dropdown-accessories{width:min(1120px,calc(100vw - 24px));padding:28px 34px 32px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px 35px;left:47%;}
.mega-dropdown .mega-column{display:flex;flex-direction:column;min-width:0;}
.mega-dropdown .mega-column a{padding:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mega-dropdown-brands{width:min(1280px,calc(100vw - 24px));padding:24px 30px 28px;display:grid;grid-template-columns:repeat(6,1fr);gap:30px;left:50%;max-height:calc(100vh - 74px);overflow:auto;}
.brand-letter-column{display:flex;flex-direction:column;gap:22px;min-width:0;}
.brand-letter-group{display:flex;flex-direction:column;align-items:flex-start;}
.brand-letter-title{font-size:16px;font-weight:700;color:#e00000;margin-bottom:5px;line-height:1.1;}
.brand-letter-group a{font-size:13px!important;padding:3px 0!important;line-height:1.25;}
.brand-letter-group a:hover{color:#e00000!important;}
@media(max-width:1100px){
  .mega-dropdown-clothes{grid-template-columns:repeat(2,1fr)}
  .mega-dropdown-shoes{grid-template-columns:repeat(2,1fr)}
  .mega-dropdown-accessories{grid-template-columns:repeat(3,1fr)}
  .mega-dropdown-brands{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:700px){
  .mega-dropdown-clothes,.mega-dropdown-shoes,.mega-dropdown-accessories,.mega-dropdown-brands{grid-template-columns:repeat(2,1fr)}
  .brand-letter-column{gap:18px}
}

/* Alphabetical brand page */
.brand-page-letter-group{margin:0 0 42px;}
.brand-page-letter{font-size:28px;line-height:1;margin:0 0 12px;color:#e00000;letter-spacing:-1px;}
.brand-page-letter-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #ddd;border-left:1px solid #ddd;}
.brand-page-letter-items .collection-brand{min-height:68px;justify-content:space-between;font-size:15px;}
@media(max-width:900px){.brand-page-letter-items{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* v92: dropdown-only navigation triggers */
.mega-menu-wrap > button.mega-trigger{
  border:0;background:transparent;font:inherit;color:inherit;cursor:default;height:100%;padding:0 10px;
}
.mega-menu-wrap > button.mega-trigger:focus{outline:none;}
.mega-dropdown .brand-letter-title{color:#e00000;}
.mega-accessory-group{display:flex;flex-direction:column;align-items:flex-start;min-width:0;}
.mega-accessory-group-title{font-size:14px;font-weight:700;margin:0 0 7px;line-height:1.25;}
.mega-accessory-group-title a{font-size:14px!important;font-weight:700!important;padding:0!important;line-height:1.25;}
.mega-accessory-group-title a:hover{color:#e00000!important;}
.mega-accessory-group-title.empty-parent{margin-bottom:0;}
.mega-accessory-group a{font-size:13px!important;padding:4px 0!important;line-height:1.25;}
.mega-accessory-group a:hover{color:#e00000!important;}

.checkout-delivery-types{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}.checkout-delivery-type{border:1px solid #ddd;background:#fff;padding:12px;text-align:left;cursor:pointer}.checkout-delivery-type.active{border-color:#111;box-shadow:inset 0 0 0 1px #111}.checkout-delivery-type b{display:block;font-size:12px}.checkout-delivery-type small{display:block;margin-top:5px;color:#666}.checkout-free-note{font-size:11px;line-height:1.45;color:#777;margin:0 0 12px}.checkout-address-row{display:flex;gap:8px}.checkout-address-row textarea{flex:1;min-height:74px}.checkout-map-check{white-space:nowrap;padding:0 14px}.checkout-map-status{font-size:11px;line-height:1.45;min-height:18px;margin:6px 0 10px;color:#666}.checkout-time-select{width:100%;height:42px;border:1px solid #ddd;background:#fff;padding:0 10px}.checkout-delivery-total{font-size:12px;color:#666;text-align:right;margin-top:8px}@media(max-width:600px){.checkout-delivery-types{grid-template-columns:1fr}.checkout-address-row{display:block}.checkout-map-check{width:100%;margin-top:7px;height:42px}}

/* MONOX v97 — полный блок доставки в оформлении */
.checkout-summary-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:8px 0;
    border-top:1px solid #eee;
    font-size:13px;
}
.checkout-summary-row strong{
    font-weight:700;
    white-space:nowrap;
}
.checkout-summary-delivery{
    margin-top:4px;
}
.checkout-summary-note{
    padding:10px 0 2px;
}
.checkout-delivery-explanation{
    display:flex;
    flex-direction:column;
    gap:3px;
    margin:8px 0 10px;
    padding:10px 12px;
    border:1px solid #e5e5e5;
    background:#fafafa;
    font-size:12px;
    line-height:1.45;
}
.checkout-delivery-explanation strong{
    text-transform:uppercase;
    letter-spacing:.3px;
    font-size:10px;
    color:#777;
}
.checkout-delivery-type{
    min-height:62px;
}
.checkout-delivery-type b{
    line-height:1.25;
}
.checkout-delivery-type small{
    font-size:12px;
}
.checkout-time-select{
    margin-top:5px;
}
.checkout-map-status{
    word-break:break-word;
}
@media(max-width:600px){
    .checkout-summary-row{
        font-size:12px;
    }
    .checkout-delivery-explanation{
        font-size:11px;
    }
}

/* v98 — постоянная памятка о стоимости доставки */
.checkout-delivery-rules{
    margin:0 0 14px;
    padding:12px 14px;
    border:1px solid #d9d9d9;
    background:#f7f7f7;
}
.checkout-delivery-rules-title{
    margin-bottom:8px;
    font-size:11px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.5px;
}
.checkout-delivery-rule{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:15px;
    padding:5px 0;
    font-size:12px;
    line-height:1.35;
}
.checkout-delivery-rule strong{
    text-align:right;
    white-space:nowrap;
}
.checkout-delivery-rule-free{
    margin-top:5px;
    padding-top:9px;
    border-top:1px solid #ddd;
}
.checkout-delivery-rule-free strong{
    white-space:normal;
}
@media(max-width:600px){
    .checkout-delivery-rule{
        font-size:11px;
    }
}

/* MONOX v99 — обязательные поля и корректная подпись времени доставки */
.checkout-required{
    color:#777;
    font-size:9px;
    letter-spacing:.2px;
    font-weight:400;
}
.checkout-time-label{
    display:block !important;
    width:100%;
    height:auto !important;
    overflow:visible !important;
    white-space:normal !important;
    margin:16px 0 7px;
    line-height:1.4;
    position:relative;
}
#checkoutDeliveryTime{
    display:block;
    width:100%;
    min-height:44px;
    box-sizing:border-box;
    margin-top:0;
}

/* MONOX v106 — profile orders, phone and tracking */
.profile-orders-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.profile-orders-tools>span{font-size:10px;color:#777}.profile-orders-tools select{height:36px;border:1px solid #ccc;background:#fff;color:#111;padding:0 11px;font:inherit;font-size:11px;min-width:150px}.profile-page-order-card{border:1px solid #ddd;background:#fff;padding:18px;margin-bottom:12px;transition:border-color .2s}.profile-page-order-card:hover{border-color:#111}.profile-page-order-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:14px;border-bottom:1px solid #eee}.profile-page-order-number{font-size:14px;font-weight:800}.profile-page-order-date{font-size:10px;color:#888;margin-top:5px}.profile-page-order-status{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:7px 9px;border:1px solid #ddd;white-space:nowrap}.profile-page-order-status.status-cancelled{color:#c00;border-color:#e4b0b0}.profile-page-order-grid{display:grid;grid-template-columns:1.5fr .7fr 1.3fr;gap:14px;padding:15px 0}.profile-page-order-grid>div{display:flex;flex-direction:column;gap:6px}.profile-page-order-grid span,.profile-tracking span{font-size:9px;color:#888;text-transform:uppercase;letter-spacing:.7px}.profile-page-order-grid b{font-size:11px;line-height:1.5;font-weight:600}.profile-page-order-total{font-size:16px!important}.profile-page-order-actions{display:flex;gap:9px;align-items:center}.profile-order-details-btn,.profile-order-cancel-btn,.profile-tracking button{border:1px solid #ccc;background:#fff;color:#111;padding:9px 12px;font:inherit;font-size:10px;cursor:pointer}.profile-order-details-btn:hover,.profile-tracking button:hover{border-color:#111}.profile-order-cancel-btn{border-color:#111}.profile-order-cancel-btn:hover{background:#111;color:#fff}.profile-page-order-details{display:none;margin-top:12px;border-top:1px solid #eee;padding-top:12px}.profile-page-order-details.open{display:block}.profile-detail-item{display:flex;justify-content:space-between;gap:15px;padding:7px 0;font-size:10px;border-bottom:1px solid #f0f0f0}.profile-detail-item b{white-space:nowrap}.profile-tracking{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;margin:2px 0 13px;background:#f6f6f4}.profile-tracking>div{display:flex;flex-direction:column;gap:4px}.profile-tracking b{font-size:13px;letter-spacing:.5px}.profile-order-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:11px;padding-top:10px;border-top:1px solid #eee}.profile-order-bottom>b{font-size:13px}.admin-tracking-editor{margin-top:12px;padding:12px;border:1px solid #333;background:#111;color:#fff}.admin-tracking-editor label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#aaa;margin-bottom:7px}.admin-tracking-editor>div{display:flex;gap:7px}.admin-tracking-editor input{flex:1;min-width:0;height:36px;box-sizing:border-box;border:1px solid #555;background:#fff;color:#111;padding:0 10px;font:inherit;font-size:11px}.admin-tracking-editor button{height:36px;border:1px solid #fff;background:#fff;color:#111;padding:0 12px;font:inherit;font-size:10px;cursor:pointer}.admin-tracking-editor small{display:block;color:#999;font-size:9px;margin-top:7px}.profile-order .profile-tracking{margin-top:10px}.profile-order-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.profile-order-cancel-btn{border:1px solid #111;background:#fff;padding:8px 11px;font-size:10px;cursor:pointer}.profile-order-cancel-btn:hover{background:#111;color:#fff}
@media(max-width:760px){.profile-page-order-grid{grid-template-columns:1fr 1fr}.profile-page-order-grid>div:last-child{grid-column:1/-1}.profile-page-order-top{flex-direction:column}.profile-orders-tools{align-items:flex-start}.profile-orders-tools select{min-width:135px}}
@media(max-width:520px){.profile-page-order-grid{grid-template-columns:1fr}.profile-page-order-grid>div:last-child{grid-column:auto}.profile-page-order-actions{flex-direction:column;align-items:stretch}.profile-page-order-actions button{width:100%}.profile-tracking{align-items:flex-start;flex-direction:column}.profile-tracking button{width:100%}}

/* MONOX v107 — аналитика */
.analytics-controls-card{margin-bottom:18px}
.analytics-controls{display:flex;justify-content:space-between;gap:24px;align-items:flex-end}
.analytics-controls h3{margin:5px 0 6px}
.analytics-controls p{margin:0;color:#888;line-height:1.5;font-size:13px}
.analytics-period-wrap{min-width:210px}
.analytics-period-wrap label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#888;margin-bottom:7px}
.analytics-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:22px}
.analytics-stat-grid .stat{min-height:90px}
.analytics-subtitle{margin:4px 0 0;color:#888;font-size:13px;line-height:1.5}
.analytics-funnel{display:flex;flex-direction:column;gap:2px;margin-top:18px}
.analytics-funnel-row{display:grid;grid-template-columns:1fr 110px 90px;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #252525}
.analytics-funnel-row span{font-size:14px}
.analytics-funnel-row b{text-align:right;font-size:18px}
.analytics-funnel-row small{text-align:right;color:#888;font-size:12px}
.analytics-note{margin-top:16px;color:#777;font-size:11px;line-height:1.5}
@media(max-width:900px){.analytics-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-controls{align-items:stretch;flex-direction:column}.analytics-period-wrap{min-width:0}.analytics-funnel-row{grid-template-columns:1fr 80px 70px}}


/* MONOX v127h — support admin readability + stable unread badge. */
.admin-support-list, .admin-support-chat-panel, .admin-support-settings { background:#151515 !important; color:#fff !important; }
.admin-support-chat-item { display:block !important; width:100% !important; background:#151515 !important; color:#fff !important; border:0 !important; border-bottom:1px solid #2d2d2d !important; text-align:left !important; appearance:none !important; -webkit-appearance:none !important; }
.admin-support-chat-item:hover, .admin-support-chat-item.active { background:#222 !important; color:#fff !important; }
.admin-support-chat-item * { color:inherit; }
.admin-support-chat-name { color:#fff !important; }
.admin-support-chat-email, .admin-support-chat-date { color:#9a9a9a !important; }
.admin-support-chat-preview { color:#d0d0d0 !important; }
.admin-support-chat-item.unread { box-shadow:inset 3px 0 0 #fff !important; }
.admin-support-tag { color:#c8c8c8 !important; }
.admin-support-tag.unread { background:#fff !important; color:#111 !important; }

/* MONOX v127j — only closed chats show the 24h deletion countdown. */
.admin-support-closed-timer{margin-top:8px;font-size:10px;line-height:1.3;color:#a0a0a0;font-variant-numeric:tabular-nums;}
.admin-support-chat-item.closed .admin-support-closed-timer{color:#bcbcbc;}


/* MONOX v128 client UX */
.product-page-size{min-width:74px;height:48px;padding:5px 12px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-sizing:border-box}
.product-page-size span{font-size:12px;font-weight:600}.product-page-size small{font-size:8px;letter-spacing:.4px;text-transform:uppercase;color:#777}.product-page-size.selected small{color:#bbb}.product-page-size.unavailable{opacity:.55}
.product-size-guide-link{border:0;background:none;padding:9px 0 0;color:#111;text-decoration:underline;text-underline-offset:4px;font-size:10px;letter-spacing:.5px;text-transform:uppercase;cursor:pointer}
.product-page-buy-now{width:100%;height:48px;margin-top:8px;background:#fff;color:#111;border:1px solid #111}
.product-page-details{margin-top:24px;border-top:1px solid #ddd}.product-page-details>div{padding:13px 0;border-bottom:1px solid #e1e1e1;display:grid;grid-template-columns:120px 1fr;gap:18px;font-size:12px;line-height:1.55}.product-page-details span{color:#777}.product-page-details strong{font-weight:500;white-space:normal}.product-details-empty{color:#999!important;display:block!important}
.product-size-guide{position:fixed;inset:0;z-index:10050;display:none}.product-size-guide.open{display:block}.product-size-guide-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.48)}.product-size-guide-panel{position:absolute;right:0;top:0;width:min(560px,100%);height:100%;box-sizing:border-box;background:#f7f7f5;padding:38px 30px;overflow:auto}.product-size-guide-close{position:absolute;right:20px;top:16px;border:0;background:none;font-size:28px;cursor:pointer}.product-size-guide-panel h3{font-size:28px;margin:15px 0 8px}.product-size-guide-panel p{font-size:11px;line-height:1.6;color:#777;margin:0 0 22px}.product-size-guide-panel table{width:100%;border-collapse:collapse;background:#fff;font-size:12px}.product-size-guide-panel th,.product-size-guide-panel td{padding:12px 10px;border:1px solid #ddd;text-align:left}.product-size-guide-panel th{font-weight:600;background:#f0f0ee}.search-results{margin-top:18px;overflow:hidden}.search-results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.search-product-card{min-width:0;background:#f7f7f5;border:1px solid #e5e5e2;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;border-radius:10px;overflow:hidden}.search-product-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.08)}.search-product-photo{height:145px;background:#ecece9 center/cover no-repeat;position:relative}.search-product-photo .tag{position:absolute;left:7px;top:7px;font-size:8px;padding:4px 6px}.search-product-info{padding:9px 10px 11px}.search-product-name{font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-product-meta{font-size:9px;color:#777;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-product-price{font-size:11px;font-weight:800;margin-top:7px}.search-pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 0 2px;font-size:11px}.search-page-arrow{width:32px;height:32px;border:1px solid #d7d7d4;background:#fff;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center}.search-page-arrow:hover:not(:disabled){background:#111;color:#fff;border-color:#111}.search-page-arrow:disabled{opacity:.3;cursor:default}#searchModal .modal-box{width:min(900px,100%);padding:26px;max-height:88vh;overflow:hidden}#searchModal #searchResults{min-height:0}
@media(max-width:560px){.product-page-details>div{grid-template-columns:1fr;gap:4px}.product-size-guide-panel{padding:34px 16px 24px}.search-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.search-product-photo{height:125px}.search-product-info{padding:8px}.search-product-name{font-size:10px}.search-product-price{font-size:10px}#searchModal .modal-box{padding:18px}}

/* MONOX v129 — admin product brand selector + hover-only main navigation */
.admin-form-box .admin-select{
  width:100%!important;
  height:44px!important;
  box-sizing:border-box!important;
  border:1px solid #ccc!important;
  background:#fff!important;
  color:#111!important;
  color-scheme:light;
  padding:0 12px!important;
}
.admin-form-box .admin-select option{background:#fff!important;color:#111!important;}

/* The four main category triggers are labels only: the dropdown opens on hover. */
.mega-menu-wrap[data-menu-group="clothes"] > .mega-trigger,
.mega-menu-wrap[data-menu-group="brands"] > .mega-trigger,
.mega-menu-wrap[data-menu-group="shoes"] > .mega-trigger,
.mega-menu-wrap[data-menu-group="accessories"] > .mega-trigger{
  pointer-events:none!important;
  cursor:default!important;
}

/* One consistent dropdown geometry/alignment for all four menus. */
.mega-dropdown-clothes,
.mega-dropdown-shoes,
.mega-dropdown-accessories,
.mega-dropdown-brands{
  left:50%!important;
  transform:translateX(-50%)!important;
  box-sizing:border-box!important;
  width:min(1120px,calc(100vw - 32px))!important;
  margin:0!important;
  align-content:start!important;
  justify-content:stretch!important;
}
.mega-dropdown-clothes{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px 34px!important;padding:28px 34px!important;}
.mega-dropdown-shoes{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px 34px!important;padding:28px 34px!important;}
.mega-dropdown-accessories{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px 34px!important;padding:28px 34px!important;}
.mega-dropdown-brands{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:26px 28px!important;padding:26px 30px!important;}
.mega-dropdown .mega-column,
.mega-dropdown .brand-letter-column{min-width:0!important;width:auto!important;}
.mega-dropdown .mega-column a,
.mega-dropdown .brand-letter-group a,
.mega-dropdown .mega-accessory-group a{max-width:100%;box-sizing:border-box;}
@media(max-width:900px){
  .mega-dropdown-clothes,.mega-dropdown-shoes,.mega-dropdown-accessories{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .mega-dropdown-brands{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media(max-width:650px){
  .mega-dropdown-clothes,.mega-dropdown-shoes,.mega-dropdown-accessories,.mega-dropdown-brands{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* MONOX v129 — admin product brand selector + hover-only main navigation */
.admin-form-box .admin-select{width:100%!important;height:44px!important;box-sizing:border-box!important;border:1px solid #ccc!important;background:#fff!important;color:#111!important;color-scheme:light;padding:0 12px!important;}
.admin-form-box .admin-select option{background:#fff!important;color:#111!important;}
.mega-menu-wrap[data-menu-group="clothes"] > .mega-trigger,
.mega-menu-wrap[data-menu-group="brands"] > .mega-trigger,
.mega-menu-wrap[data-menu-group="shoes"] > .mega-trigger,
.mega-menu-wrap[data-menu-group="accessories"] > .mega-trigger{pointer-events:none!important;cursor:default!important;}
.mega-dropdown-clothes,.mega-dropdown-shoes,.mega-dropdown-accessories,.mega-dropdown-brands{left:50%!important;transform:translateX(-50%)!important;box-sizing:border-box!important;width:min(1120px,calc(100vw - 32px))!important;margin:0!important;align-content:start!important;justify-content:stretch!important;}
.mega-dropdown-clothes,.mega-dropdown-shoes,.mega-dropdown-accessories{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px 34px!important;padding:28px 34px!important;}
.mega-dropdown-brands{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:26px 28px!important;padding:26px 30px!important;}
.mega-dropdown .mega-column,.mega-dropdown .brand-letter-column{min-width:0!important;width:auto!important;}
.mega-dropdown .mega-column a,.mega-dropdown .brand-letter-group a,.mega-dropdown .mega-accessory-group a{max-width:100%;box-sizing:border-box;}
@media(max-width:900px){.mega-dropdown-clothes,.mega-dropdown-shoes,.mega-dropdown-accessories{grid-template-columns:repeat(3,minmax(0,1fr))!important;}.mega-dropdown-brands{grid-template-columns:repeat(4,minmax(0,1fr))!important;}}
@media(max-width:650px){.mega-dropdown-clothes,.mega-dropdown-shoes,.mega-dropdown-accessories,.mega-dropdown-brands{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}

/* MONOX v129a — mega dropdowns align exactly to the full navigation links area */
@media (min-width: 901px){
  .nav .links{position:relative;}
  .nav .links > .mega-menu-wrap .mega-dropdown{
    left:0 !important;
    right:0 !important;
    width:auto !important;
    box-sizing:border-box;
  }
  .nav .links > .mega-menu-wrap .mega-dropdown-brands,
  .nav .links > .mega-menu-wrap .mega-dropdown-clothes,
  .nav .links > .mega-menu-wrap .mega-dropdown-shoes,
  .nav .links > .mega-menu-wrap .mega-dropdown-accessories{
    left:0 !important;
    right:0 !important;
  }
}


/* MONOX v129b — all four mega dropdowns share exact nav bounds:
   left edge = «Каталог», right edge = «Скидки». */
@media (min-width: 901px){
  .nav .monox-main-links{position:static;}
  .nav .mega-menu-wrap{position:static;}
  .nav .mega-dropdown{
    left:var(--mega-left, 0px) !important;
    right:var(--mega-right, 0px) !important;
    width:auto !important;
    max-width:none !important;
    transform:translateY(-8px) !important;
    box-sizing:border-box;
  }
  .nav .mega-menu-wrap:hover > .mega-dropdown,
  .nav .mega-menu-wrap:focus-within > .mega-dropdown{
    transform:translateY(0) !important;
  }
  .nav .mega-dropdown-clothes,
  .nav .mega-dropdown-shoes,
  .nav .mega-dropdown-brands,
  .nav .mega-dropdown-accessories{
    padding-left:36px;
    padding-right:36px;
  }
}

/* MONOX v129c — softer profile / collapsible order history */
.profile-page-main{max-width:1240px;padding-top:58px}
.profile-page-card{border:1px solid #e8e8e5;border-radius:18px;padding:26px;box-shadow:0 10px 35px rgba(0,0,0,.045)}
.profile-page-account-card{border-radius:20px}
.profile-page-avatar{box-shadow:0 8px 20px rgba(0,0,0,.12)}
.profile-page-form-grid input{border:1px solid #e1e1de;border-radius:10px;padding:14px 15px;transition:border-color .2s,box-shadow .2s}
.profile-page-form-grid input:focus{border-color:#111;box-shadow:0 0 0 3px rgba(0,0,0,.05)}
.profile-page-card>.btn,.profile-page-logout{border-radius:11px}
.profile-orders-card{padding:0;overflow:hidden}
.profile-orders-toggle{width:100%;border:0;background:transparent;color:#111;padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;cursor:pointer;font:inherit}
.profile-orders-toggle:hover{background:#fafaf8}
.profile-orders-toggle>span:first-child{display:flex;flex-direction:column;gap:7px}
.profile-orders-toggle strong{font-size:22px;line-height:1.1}
.profile-orders-toggle-right{display:flex!important;align-items:center;gap:14px!important}
.profile-orders-toggle-right>span:first-child{display:grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#111;color:#fff;font-size:10px;font-weight:700}
.profile-orders-chevron{font-size:24px;line-height:1;transition:transform .2s;transform:translateY(-2px)}
.profile-orders-toggle.open .profile-orders-chevron{transform:rotate(180deg) translateY(2px)}
.profile-orders-panel{padding:0 26px 26px;border-top:1px solid #eee}
.profile-orders-panel[hidden]{display:none}
.profile-orders-panel .profile-orders-tools{padding:18px 0 8px;justify-content:flex-end}
.profile-orders-panel .profile-orders-tools select{border:1px solid #e1e1de;border-radius:10px;background:#fff;height:38px;padding:0 13px}
.profile-page-order-card{border:1px solid #e8e8e5!important;border-radius:14px!important;padding:19px!important;margin-bottom:12px!important;box-shadow:0 5px 18px rgba(0,0,0,.035)}
.profile-page-order-card:hover{border-color:#cfcfca!important;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.profile-page-order-status{border-radius:999px!important;padding:7px 10px!important;background:#fafaf8}
.profile-order-details-btn,.profile-order-cancel-btn,.profile-tracking button{border-radius:9px!important}
.profile-tracking{border-radius:10px!important}
.profile-page-fav{padding:14px 0}
.profile-page-fav-photo{border-radius:10px}
@media(max-width:760px){.profile-orders-toggle{padding:20px}.profile-orders-panel{padding:0 20px 20px}.profile-orders-toggle strong{font-size:19px}}

/* v130c — unified checkout delivery schedule */
.checkout-schedule{display:grid;gap:8px;margin-top:10px}
.checkout-date-input,.checkout-time-select{width:100%;box-sizing:border-box}
.checkout-city-note{display:none;margin-top:10px;padding:10px 12px;border:1px solid #e5e5e5;border-radius:10px;font-size:12px;line-height:1.45;color:#666;background:#fafafa}


/* MONOX v130b — emoji cart + working search on every client page */
.cart-emoji{font-size:18px;line-height:1;display:block;transform:translateY(-1px)}
.icon-btn.cart-btn{font-size:18px;}
.icon-btn.cart-btn .cart-count-badge{z-index:2;}
@media(max-width:600px){.cart-emoji{font-size:17px}}

/* MONOX v130c — compact search results with pagination */
#searchModal .modal-box{width:min(900px,calc(100vw - 32px));max-width:900px;padding:22px 24px;}
#searchModal .cart-head{margin-bottom:0;}
#searchModal .search-results{max-height:none;overflow:visible;margin-top:14px;}
#searchModal .search-products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
#searchModal .search-products-grid .product-card{min-width:0;}
#searchModal .search-products-grid .product-image-wrap{height:155px;aspect-ratio:auto;overflow:hidden;}
#searchModal .search-products-grid .product-image{width:100%;height:100%;object-fit:cover;}
#searchModal .search-products-grid .product-info{padding:7px 8px 8px;}
#searchModal .search-products-grid .product-name{font-size:10px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#searchModal .search-products-grid .product-brand,#searchModal .search-products-grid .product-price{font-size:10px;}
#searchModal .search-products-grid .btn{height:30px;font-size:8px;padding:0 7px;}
.search-result-count{font-size:10px;color:#777;margin:0 0 8px;}
.search-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:14px;font-size:10px;color:#555;}
.search-page-arrow{width:34px;height:30px;border:1px solid #111;background:#fff;color:#111;cursor:pointer;font-size:16px;line-height:1;}
.search-page-arrow:hover:not(:disabled){background:#111;color:#fff;}
.search-page-arrow:disabled{opacity:.25;cursor:default;}
@media(max-width:800px){#searchModal .search-products-grid{grid-template-columns:repeat(3,minmax(0,1fr));}#searchModal .search-products-grid .product-image-wrap{height:135px;}}
@media(max-width:560px){#searchModal .modal-box{width:calc(100vw - 20px);padding:18px 14px;}#searchModal .search-products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}#searchModal .search-products-grid .product-image-wrap{height:145px;}}

/* MONOX v130d — search compact: 4 cards, no internal vertical scroll */
#searchModal .modal-box{width:min(900px,calc(100vw - 32px));max-width:900px;max-height:calc(100vh - 32px);overflow:hidden;}
#searchModal #searchResults{overflow:hidden;}
#searchModal .search-results-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
#searchModal .search-product-photo{height:130px;}
#searchModal .search-product-info{padding:7px 8px 9px;}
#searchModal .search-product-name{font-size:10px;}
#searchModal .search-product-meta{font-size:8px;margin-top:3px;}
#searchModal .search-product-price{font-size:10px;margin-top:5px;}
#searchModal .search-pagination{padding:10px 0 0;}
@media(max-width:800px){#searchModal .search-results-grid{grid-template-columns:repeat(3,minmax(0,1fr));}#searchModal .search-product-photo{height:120px;}}
@media(max-width:560px){#searchModal .search-results-grid{grid-template-columns:repeat(2,minmax(0,1fr));}#searchModal .search-product-photo{height:125px;}}

/* MONOX v130e — secure password recovery */
.auth-forgot-btn{border:0;background:none;padding:0;color:#555;font-size:11px;text-decoration:underline;cursor:pointer;font-family:inherit}
.auth-forgot-btn:hover{color:#111}
.monox-reset-box{width:min(460px,calc(100vw - 28px));}
.monox-reset-copy{font-size:13px;line-height:1.55;color:#666;margin:14px 0 20px;}
#monoxPasswordResetModal .field{margin-bottom:14px;}
#monoxPasswordResetModal .auth-error,#monoxPasswordResetModal .auth-success{margin-bottom:12px;}

/* MONOX v130 cashback */
.checkout-cashback-block{margin:16px 0;padding:14px 16px;border:1px solid #e3e3e3;border-radius:14px;background:#fafafa}.checkout-cashback-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.checkout-cashback-head strong{display:block}.checkout-cashback-head small{display:block;color:#777;margin-top:3px}.checkout-cashback-max{border:0;background:#111;color:#fff;border-radius:999px;padding:8px 12px;font-size:12px;cursor:pointer}.checkout-cashback-row{display:flex;align-items:center;gap:8px;margin-top:10px}.checkout-cashback-row input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #d5d5d5;border-radius:10px;background:#fff}.checkout-cashback-row span{font-weight:700}.checkout-cashback-note{font-size:12px;color:#777;margin-top:7px}.profile-cashback-balance{font-size:24px;font-weight:800}.profile-cashback-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.profile-cashback-grid>div{padding:14px;border:1px solid #e6e6e6;border-radius:14px}.profile-cashback-grid span{display:block;color:#777;font-size:12px;margin-bottom:5px}.profile-cashback-note{color:#777;font-size:13px;line-height:1.5}.cashback-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.cashback-admin-grid label{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#666}.cashback-admin-grid input{padding:11px 12px;border:1px solid #ddd;border-radius:10px;background:#fff;color:#111}.cashback-admin-toggle{grid-column:1/-1;flex-direction:row!important;align-items:center;font-weight:700;color:#111!important}.cashback-admin-toggle input{width:18px;height:18px}.cashback-admin-actions{display:flex;align-items:center;gap:16px;margin-top:20px}.cashback-admin-actions small{color:#777;line-height:1.45}@media(max-width:700px){.cashback-admin-grid{grid-template-columns:1fr}.cashback-admin-actions{align-items:flex-start;flex-direction:column}.profile-cashback-grid{grid-template-columns:1fr}}


/* MONOX cashback admin balance editor */
.admin-user-cashback-editor{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;margin:0 0 14px;padding:10px;border:1px solid #2b2b2b;border-radius:9px;background:#141414}
.admin-user-cashback-editor label{display:flex;flex-direction:column;gap:5px;color:#777;font-size:9px;text-transform:uppercase;letter-spacing:.5px}
.admin-user-cashback-editor input{height:36px;box-sizing:border-box;border:1px solid #3a3a3a;background:#0f0f0f;color:#fff;border-radius:7px;padding:0 10px;font-size:12px}
.admin-user-cashback-editor button{height:36px;border:1px solid #ddd;background:#f3f3f3;color:#111;border-radius:7px;padding:0 12px;font-size:11px;font-weight:600;cursor:pointer}
.admin-user-cashback-editor button:hover{background:#fff}
@media(max-width:560px){.admin-user-cashback-editor{grid-template-columns:1fr}.admin-user-cashback-editor button{width:100%}}

/* v141 — compact admin order details */
.order-new-index{display:inline-flex;align-items:center;margin-left:8px;padding:3px 6px;border:1px solid #fff;font-size:8px;line-height:1;letter-spacing:.7px;font-weight:700;vertical-align:middle;}
.order-delivery-action{margin-top:14px;padding-top:14px;border-top:1px solid #333;}
.order-delivery-toggle{border:1px solid #555;background:#111;color:#fff;padding:9px 12px;font:inherit;font-size:10px;cursor:pointer;}
.order-delivery-toggle:hover{border-color:#fff;}
.order-delivery-details{display:none;margin-top:10px;padding:12px;border:1px solid #333;background:#0d0d0d;color:#fff;font-size:11px;line-height:1.6;}
.order-delivery-details.open{display:block;}
.order-delivery-details>div{margin-bottom:7px;}
.order-delivery-details>div:last-child{margin-bottom:0;}

/* Индивидуальные таблицы размеров товара */
.admin-size-chart-field{margin-top:4px !important;display:block !important;visibility:visible !important}
.admin-size-chart-toggle{display:flex;align-items:center;gap:9px;cursor:pointer;font-weight:700}
.admin-size-chart-toggle input{width:17px;height:17px;accent-color:#111}
.admin-size-chart-editor{margin-top:12px;padding:14px;border:1px solid #ddd;border-radius:12px;background:#fafafa}
.admin-size-chart-title,.admin-size-chart-note{width:100%;box-sizing:border-box;margin-bottom:9px;border:1px solid #ccc;border-radius:8px;padding:10px;font:inherit;background:#fff}
.admin-size-chart-columns{display:grid;gap:8px}
.admin-size-chart-column-row{display:flex;gap:8px;align-items:center}
.admin-size-chart-column-row input{flex:1;min-width:0;border:1px solid #ccc;border-radius:8px;padding:9px;background:#fff}
.admin-size-chart-rows{display:grid;gap:8px;overflow-x:auto}
.admin-size-chart-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr)) 34px;gap:7px;min-width:0}
.admin-size-chart-row input{width:100%;box-sizing:border-box;border:1px solid #ccc;border-radius:8px;padding:9px;background:#fff}
.admin-size-chart-remove{width:34px;height:34px;border:1px solid #ccc;background:#fff;border-radius:8px;cursor:pointer;font-size:18px}
.admin-size-chart-add{margin-top:9px;padding:8px 12px;font-size:13px}
.admin-size-chart-section-title{font-size:12px;font-weight:800;margin:10px 0 7px}
@media(max-width:600px){.admin-size-chart-editor{padding:10px}.admin-size-chart-row{grid-template-columns:repeat(2,minmax(120px,1fr)) 34px;overflow-x:auto}}

.admin-size-chart-field-visible{border-top:1px solid #ddd;padding-top:16px}.admin-size-chart-heading{font-size:14px;font-weight:900;letter-spacing:.02em;margin-bottom:8px}.admin-size-chart-help{font-size:12px;line-height:1.45;color:#666;margin:7px 0 10px}.admin-size-chart-field-visible .admin-size-chart-editor{display:block}

/* MONOX v145 — удобная широкая карточка товара + гарантированно видимая таблица размеров */
#adminProductModal .modal-box.admin-form-box{
  width:min(1120px,calc(100vw - 32px));
  max-width:1120px;
  max-height:calc(100vh - 32px);
  padding:24px 28px;
  overflow:auto;
}
#adminProductModal .admin-form-box > div[style*="margin-top:25px"]{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:14px 22px;
  align-items:start;
}
#adminProductModal .admin-form-box > div[style*="margin-top:25px"] > .admin-form-error,
#adminProductModal .admin-form-box > div[style*="margin-top:25px"] > .admin-size-chart-field,
#adminProductModal .admin-form-box > div[style*="margin-top:25px"] > .field:has(#adminProductImage),
#adminProductModal .admin-form-box > div[style*="margin-top:25px"] > .admin-form-actions{
  grid-column:1 / -1;
}
#adminProductModal .admin-form-box > div[style*="margin-top:25px"] > .field{
  margin:0;
}
#adminProductModal .admin-size-chart-field{
  display:block !important;
  visibility:visible !important;
  border:1px solid #ddd;
  border-radius:12px;
  padding:14px;
  background:#fafafa;
}
#adminProductModal .admin-size-chart-editor{
  min-height:120px;
}
#adminProductModal .admin-size-chart-toggle{
  min-height:28px;
  font-size:13px;
}
#adminProductModal .admin-form-actions{
  margin-top:2px;
}
@media(max-width:760px){
  #adminProductModal .modal-box.admin-form-box{width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:18px 16px;}
  #adminProductModal .admin-form-box > div[style*="margin-top:25px"]{grid-template-columns:1fr;}
  #adminProductModal .admin-form-box > div[style*="margin-top:25px"] > .admin-form-error,
  #adminProductModal .admin-form-box > div[style*="margin-top:25px"] > .admin-size-chart-field,
  #adminProductModal .admin-form-box > div[style*="margin-top:25px"] > .admin-form-actions{grid-column:1;}
}

/* MONOX v147 — mobile-first polish: all client pages + admin */
@media (max-width: 700px){
  html,body{width:100%;overflow-x:hidden}
  body{-webkit-text-size-adjust:100%}
  button,a,input,select,textarea{touch-action:manipulation}

  /* Header: compact top row + horizontally scrollable navigation */
  .header{z-index:1000}
  .nav{height:auto;min-height:62px;padding:9px 12px 0;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"logo actions" "links links";gap:8px 10px;align-items:center}
  .logo{grid-area:logo;font-size:23px;line-height:1;padding:8px 0}
  .actions{grid-area:actions;justify-content:flex-end;gap:6px}
  .icon-btn{width:40px;height:40px}
  .profile-btn{min-width:0;width:auto;height:40px;padding:0 13px;font-size:10px}
  .links{grid-area:links;width:calc(100% + 24px);margin-left:-12px;height:42px;min-width:0;overflow-x:auto;overflow-y:hidden;display:flex;gap:0;padding:0 12px;border-top:1px solid var(--line);-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .links::-webkit-scrollbar{display:none}
  .links>a,.category-menu,.category-title,.mega-menu-wrap{height:42px;flex:0 0 auto}
  .links>a,.mega-trigger{padding:0 10px;font-size:10px;letter-spacing:.45px}
  .mega-trigger{height:42px;border:0;background:transparent;white-space:nowrap;text-transform:uppercase}
  .mega-dropdown{position:fixed!important;left:8px!important;right:8px!important;top:113px!important;width:auto!important;max-height:calc(100vh - 122px);overflow:auto;-webkit-overflow-scrolling:touch;padding:16px!important;box-shadow:0 18px 50px rgba(0,0,0,.18)}
  .mega-dropdown-clothes,.mega-dropdown-shoes,.mega-dropdown-brands,.mega-dropdown-accessories{grid-template-columns:1fr!important;gap:10px!important}
  .mega-dropdown a{padding:10px 6px;font-size:12px}

  /* Main spacing */
  .section{margin:42px auto;padding:0 14px}
  .section-head{gap:10px;margin-bottom:16px;align-items:flex-end}
  .section h2{font-size:27px;letter-spacing:-1px}
  .footer{margin-top:50px;padding:30px 14px}
  .footer-in{display:grid;gap:10px}

  /* Product grids: comfortable two-column cards */
  .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 7px}
  .product-info{padding:9px 2px 13px}
  .product-name{font-size:12px;line-height:1.25}
  .meta{font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .price{font-size:13px;margin-top:7px}
  .heart{width:34px;height:34px;top:7px;right:7px}
  .tag{top:8px!important;left:8px!important;padding:5px 6px;font-size:8px}
  .product-hover-panel{display:none!important}

  /* Catalog */
  .catalog-page-section,.sale-page-section{padding:30px 14px 60px!important;min-height:0}
  .catalog-layout{display:block}
  .catalog-sidebar{margin-bottom:18px;border:1px solid var(--line);background:#fff}
  .catalog-filter-title{padding:14px;font-size:11px}
  .filter-group-head{padding:14px;font-size:11px}
  .filter-group-body{padding:0 14px 14px}
  .catalog-reset{margin:0 14px 14px;width:calc(100% - 28px)}
  .toolbar{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 0;margin-bottom:14px}
  .filters{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;min-width:0;padding-bottom:2px}
  .filter{flex:0 0 auto;padding:9px 11px;font-size:10px}
  .sort{width:125px;min-width:125px;height:36px;font-size:11px}
  .catalog-active-info{font-size:11px}
  .price-inputs{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .price-inputs input{width:100%}

  /* Product page */
  .product-page-main{padding:16px 12px 55px}
  .product-page-topbar{gap:10px;margin-bottom:12px;overflow:hidden}
  .product-page-breadcrumb{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}
  .product-page-layout{display:flex;flex-direction:column;gap:20px}
  .product-page-gallery-column{width:100%}
  .product-page-gallery-row{grid-template-columns:56px minmax(0,1fr);gap:7px}
  .product-page-thumbs{max-height:72vw;gap:6px}
  .product-page-thumb{width:56px;height:68px}
  .product-page-gallery{max-width:none;width:100%;max-height:none}
  .product-page-gallery>img{max-height:none;width:100%;height:auto;object-fit:contain}
  .product-page-info{position:static;padding:0 2px}
  .product-page-info h1{font-size:30px;letter-spacing:-1.3px;margin:8px 0 12px}
  .product-page-price-row{margin-bottom:18px}
  .product-page-price-row strong{font-size:21px}
  .product-page-label{margin:17px 0 8px}
  .product-page-sizes{gap:6px}
  .product-page-size{min-width:64px;height:46px;padding:4px 10px}
  .product-page-colors{gap:6px}
  .product-page-color{min-height:42px;padding:6px 9px}
  .product-page-add,.product-page-buy-now{height:50px;margin-top:16px;position:static}
  .product-page-details{margin-top:20px}
  .product-page-details>div{grid-template-columns:105px minmax(0,1fr);gap:12px;font-size:11px}
  .product-page-description-label{margin-top:22px;padding-top:18px}
  .product-page-description{font-size:12px;line-height:1.7}
  .product-page-similar-section{margin-top:40px}

  /* Profile */
  .profile-page-main{padding:32px 12px 60px}
  .profile-page-top{margin-bottom:22px}
  .profile-page-top h1{font-size:48px;letter-spacing:-2.5px}
  .profile-page-top p{font-size:12px}
  .profile-page-grid{display:flex;flex-direction:column;gap:12px}
  .profile-page-card{padding:16px;border-radius:14px}
  .profile-page-account-card{position:static;width:100%}
  .profile-page-account-card h2{font-size:20px}
  .profile-page-data-list>div{font-size:10px}
  .profile-page-section-head{margin-bottom:13px}
  .profile-page-section-head h2{font-size:19px}
  .profile-page-form-grid{grid-template-columns:1fr;gap:9px}
  .profile-page-form-grid input{min-height:44px}
  .profile-actions-grid{grid-template-columns:1fr;gap:8px}
  .profile-action{padding:14px;min-height:74px}
  .profile-cashback-grid{grid-template-columns:1fr 1fr;gap:8px}
  .profile-cashback-grid>div{padding:12px}
  .profile-page-fav{grid-template-columns:52px minmax(0,1fr) auto;gap:10px}
  .profile-page-fav-photo{width:52px;height:52px}
  .profile-page-order>div{align-items:flex-start}

  /* Cart + modals: use the whole phone */
  .cart{width:100%;padding:16px 14px;padding-top:max(16px,env(safe-area-inset-top));}
  .cart-head{padding-bottom:14px}
  .cart-empty{padding:55px 0}
  .cart-item{padding:14px 0}
  .modal{padding:8px;align-items:flex-end}
  .modal-box{width:100%;max-width:none;max-height:calc(100dvh - 16px);padding:20px 16px;border-radius:14px 14px 0 0}
  .auth-box{width:100%}
  .auth-title{font-size:27px;margin-bottom:18px}
  .field input,.field select,.field textarea{min-height:44px}
  .btn{min-height:44px}

  /* Checkout */
  .checkout-box{width:100%;max-width:none}
  .checkout-methods{grid-template-columns:1fr 1fr}
  .checkout-method{min-height:74px;padding:12px 9px}
  .checkout-address-row{display:block}
  .checkout-map-check{width:100%;height:44px;margin-top:7px}
  .checkout-delivery-types{grid-template-columns:1fr}
  .checkout-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .checkout-actions .btn{width:100%;min-height:46px}
  .checkout-summary-row{font-size:12px}
  .checkout-cashback-block{padding:12px}
  .checkout-cashback-head{align-items:flex-start;flex-direction:column}
  .checkout-cashback-max{width:100%;min-height:42px}
  .checkout-cashback-row{display:grid;grid-template-columns:minmax(0,1fr) auto}
  .checkout-cashback-row input{min-height:42px}

  /* Support widget */
  .monox-support-launcher{right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:12px 14px}
  .monox-support-modal{padding:0;align-items:stretch}
  .monox-support-box{width:100%;height:100dvh;max-height:none;border:0}
  .monox-support-head{padding:calc(12px + env(safe-area-inset-top)) 14px 12px}
  .monox-support-messages{padding:12px}
  .monox-support-message{max-width:88%;font-size:12px}
  .monox-support-compose{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
  .monox-support-compose textarea{min-height:58px}
  .monox-support-compose-row{align-items:stretch;flex-direction:column}
  .monox-support-send{width:100%;min-height:44px}

  /* Admin: convert sidebar into horizontal tab bar */
  .admin-wrap{padding:12px}
  .admin-top{padding-bottom:14px;gap:10px;align-items:center}
  .admin-top h1{font-size:29px;letter-spacing:-1.4px;margin:4px 0 0}
  .admin-top .btn{min-height:40px;padding:0 12px}
  .admin-grid{display:block;margin-top:12px}
  .admin-side{display:flex;gap:4px;overflow-x:auto;position:sticky;top:0;z-index:20;padding:5px;background:#171717;border:1px solid #292929;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .admin-side::-webkit-scrollbar{display:none}
  .admin-side button{flex:0 0 auto;width:auto;min-height:42px;padding:0 12px;border:0;border-radius:8px;font-size:10px;white-space:nowrap}
  .admin-main{padding:13px;min-height:0;margin-top:9px}
  .stat-grid,.admin-stat-grid{grid-template-columns:1fr 1fr;gap:7px}
  .stat{padding:12px}
  .stat b{font-size:22px;margin-top:7px}
  .admin-card{padding:13px;margin-bottom:10px}
  .admin-products-toolbar{display:block;margin:10px 0 13px;padding-bottom:12px}
  .admin-products-toolbar-title{margin-bottom:9px}
  .admin-toolbar-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .admin-search{grid-column:1/-1;width:100%;min-width:0;height:42px}
  .admin-select,.admin-refresh-btn,.admin-add-product-btn{width:100%;min-width:0;height:42px}
  .admin-add-product-btn{grid-column:1/-1}
  .admin-table-wrap,.admin-table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
  .admin-table{min-width:720px}
  .admin-product-actions{gap:5px}
  .admin-product-action{min-height:38px}
  .admin-home-banners{grid-template-columns:1fr!important}
  .admin-home-banner-actions{display:grid;grid-template-columns:1fr;gap:7px}
  .admin-home-banner-actions input{min-width:0;width:100%}
  .cashback-admin-grid{grid-template-columns:1fr}
  .cashback-admin-actions{flex-direction:column;align-items:stretch}
  .cashback-admin-actions .btn{width:100%}
  .admin-support-layout{grid-template-columns:1fr;min-height:0}
  .admin-support-list{max-height:260px}
  .admin-support-conversation-head{display:block}
  .admin-support-conversation-actions{justify-content:stretch;margin-top:10px}
  .admin-support-conversation-actions button{flex:1;min-height:40px}
  .admin-support-bubble{max-width:90%}
  .admin-support-reply-actions{display:block}
  .admin-support-reply-actions button{width:100%;min-height:42px;margin-top:7px}

  /* Product editor */
  #adminProductModal .modal-box.admin-form-box{width:100%;max-width:none;max-height:calc(100dvh - 8px);padding:15px 13px;border-radius:14px 14px 0 0}
  #adminProductModal .admin-form-box > div[style*="margin-top:25px"]{grid-template-columns:1fr;gap:10px}
  #adminProductModal .admin-size-chart-editor{overflow-x:auto}
  .admin-size-chart-row{grid-template-columns:repeat(2,minmax(110px,1fr)) 34px;min-width:250px}
  .admin-form-actions{display:grid;grid-template-columns:1fr;gap:7px}
  .admin-form-actions .btn{width:100%}
}

@media (max-width: 390px){
  .nav{padding-left:9px;padding-right:9px}
  .links{width:calc(100% + 18px);margin-left:-9px;padding-left:9px;padding-right:9px}
  .actions{gap:4px}
  .icon-btn{width:38px;height:38px}
  .profile-btn{height:38px;padding:0 10px}
  .products{gap:10px 6px}
  .product-name{font-size:11px}
  .profile-cashback-grid{grid-template-columns:1fr}
  .checkout-methods{grid-template-columns:1fr}
  .stat-grid,.admin-stat-grid{grid-template-columns:1fr}
}

@media (hover:none) and (pointer:coarse){
  .product:hover .photo,.cat:hover,.collection-card:hover{transform:none}
  .links>a:hover,.mega-trigger:hover{background:transparent;text-decoration:none}
  .btn,.filter,.product-page-size,.product-page-color,.qty-btn{min-height:42px}
}

/* MONOX v148 — cleaner mobile homepage */
@media (max-width:700px){
  .home-page-main{overflow:hidden}
  .home-v57-hero{min-height:390px;align-items:flex-end}
  .home-v57-hero-inner{padding:42px 16px 38px}
  .home-v57-kicker{font-size:9px;letter-spacing:1.25px}
  .home-v57-hero h1{font-size:68px;line-height:.82;letter-spacing:-4px;margin:20px 0 20px}
  .home-v57-hero p{font-size:13px;line-height:1.5;max-width:320px;margin-bottom:22px}
  .home-v57-hero-link{font-size:10px;letter-spacing:.9px}
  .home-v57-banners{padding:10px 12px 0;gap:8px}
  .home-v57-banner{min-height:168px;padding:18px;justify-content:flex-end}
  .home-v57-banner strong{font-size:39px;letter-spacing:-2px}
  .home-v57-banner div{gap:5px}
  .home-v57-banner div span{font-size:11px}
  .home-v57-banner-arrow{position:absolute;right:17px;top:16px;font-size:18px}
  .home-v57-banner:before{inset:auto -20% -55%;height:75%}
  .home-v57-section{padding:48px 12px 0}
  .home-v57-section-head{margin-bottom:16px}
  .home-v57-section-head h2{font-size:28px;letter-spacing:-1.2px}
  .home-v58-discover-note{padding:28px 12px 8px!important;margin:0!important;font-size:9px!important;letter-spacing:1.2px;text-transform:uppercase;color:#777!important}
  .home-v58-discover{padding:8px 12px 50px!important;gap:8px!important}
  .home-v58-discover-card{min-height:180px!important}
  .home-v58-discover-content{padding:16px!important}
  .home-v58-discover-content small{font-size:8px!important}
  .home-v58-discover-content strong{font-size:25px!important}
}

@media (max-width:390px){
  .home-v57-hero{min-height:370px}
  .home-v57-hero h1{font-size:62px}
  .home-v57-banner{min-height:158px;padding:16px}
  .home-v57-banner strong{font-size:35px}
}


/* MONOX v149 — mobile drawer + compact mobile home */
.monox-mobile-menu-toggle{display:none}
.monox-mobile-menu{display:none}

@media(max-width:700px){
  body{overflow-x:hidden}
  .header{height:58px}
  .nav{height:58px;padding:0 14px;gap:0;justify-content:space-between}
  .logo{font-size:24px;letter-spacing:-1.6px}
  .monox-main-links,.nav>.actions{display:none!important}
  .monox-mobile-menu-toggle{display:flex;width:42px;height:42px;border:1px solid #d9d9d6;background:#fff;border-radius:50%;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:0}
  .monox-mobile-menu-toggle span{display:block;width:16px;height:1.5px;background:#111}
  .monox-mobile-menu{position:fixed;inset:0;z-index:300;display:none}
  .monox-mobile-menu.open{display:block}
  .monox-mobile-menu-overlay{position:absolute;inset:0;background:rgba(0,0,0,.42)}
  .monox-mobile-menu-panel{position:absolute;right:0;top:0;width:min(88vw,390px);height:100dvh;background:#f7f7f5;padding:16px 16px max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;box-shadow:-14px 0 40px rgba(0,0,0,.18);overflow:auto;transform:translateX(100%);animation:monoxMenuIn .2s ease forwards}
  @keyframes monoxMenuIn{to{transform:translateX(0)}}
  .monox-mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding:4px 0 18px;border-bottom:1px solid #ddd}
  .monox-mobile-menu-head strong{font-size:24px;letter-spacing:-1.5px}
  .monox-mobile-menu-close{width:38px;height:38px;border:1px solid #d7d7d4;background:#fff;border-radius:50%;font-size:25px;line-height:1}
  .monox-mobile-menu-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:14px 0 18px}
  .monox-mobile-menu-actions button{position:relative;min-height:68px;border:1px solid #ddd;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#111}
  .mobile-menu-action-icon{font-size:18px;line-height:1}
  .monox-mobile-menu-actions b{font-size:10px;text-transform:uppercase;letter-spacing:.4px}
  .mobile-menu-cart-count{position:absolute;right:7px;top:6px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:#111;color:#fff;font-size:9px;display:flex;align-items:center;justify-content:center}
  .monox-mobile-menu-list{border-top:1px solid #ddd}
  .monox-mobile-menu-list>a,.monox-mobile-category-toggle{width:100%;min-height:48px;border:0;border-bottom:1px solid #ddd;background:transparent;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:0 2px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.35px}
  .monox-mobile-category-toggle span{font-size:20px;font-weight:400;transition:transform .15s ease}
  .monox-mobile-category-toggle.open span{transform:rotate(45deg)}
  .monox-mobile-submenu{display:none;padding:4px 0 9px 12px;border-bottom:1px solid #ddd}
  .monox-mobile-submenu.open{display:block}
  .monox-mobile-submenu a{display:block;padding:8px 0;font-size:12px;color:#555;text-transform:none}
  .monox-mobile-submenu .mega-empty{padding:8px 0;color:#999;font-size:11px}
  .monox-mobile-submenu .brand-letter-title{font-size:9px;color:#999;margin:9px 0 3px}
  .monox-mobile-submenu .brand-letter-column{display:block}
  .monox-mobile-submenu .brand-letter-group{margin-bottom:4px}
  .monox-mobile-submenu .mega-accessory-group-title a{font-weight:600;color:#111}
  .monox-mobile-support{margin-top:auto;min-height:48px;border:0;background:#111;color:#fff;border-radius:10px;font-size:11px;text-transform:uppercase;letter-spacing:.7px}

  /* Compact square homepage cards */
  .home-v57-hero{min-height:285px;align-items:flex-end}
  .home-v57-hero-inner{padding:30px 16px 27px}
  .home-v57-kicker{display:none}
  .home-v57-hero h1{font-size:57px;letter-spacing:-3.5px;margin:0 0 14px}
  .home-v57-hero p{font-size:12px;line-height:1.45;max-width:285px;margin:0 0 15px}
  .home-v57-hero-link{font-size:9px;padding-bottom:4px}
  .home-v57-hero:after{font-size:120px;right:-24px;bottom:-10px}
  .home-v57-banners{padding:10px 10px 0;gap:7px}
  .home-v57-banner{min-height:0;aspect-ratio:1/1;padding:14px;justify-content:flex-end}
  .home-v57-banner strong{font-size:27px;letter-spacing:-1.5px}
  .home-v57-banner div span{font-size:9px}
  .home-v57-banner-arrow{right:12px;top:10px;font-size:16px}
  .home-v57-banner:before{inset:auto -20% -55%;height:70%}
  .home-v58-discover-note{display:none!important}
  .home-v58-discover{display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important;padding:10px 10px 35px!important}
  .home-v58-discover-card{min-height:0!important;aspect-ratio:1/1!important}
  .home-v58-discover-content{padding:14px!important}
  .home-v58-discover-content small{display:none!important}
  .home-v58-discover-content strong{font-size:24px!important;letter-spacing:-1.3px!important}
  .home-v58-discover-arrow{font-size:16px!important}
}


/* MONOX v150 — mobile navigation, filters and checkout wizard */
@media(max-width:600px){
  .monox-mobile-menu-toggle{display:flex!important;width:auto!important;min-width:82px;height:38px;border:1px solid #cfcfcb!important;background:#fff;border-radius:999px!important;align-items:center;justify-content:center;flex-direction:row!important;gap:8px;padding:0 12px!important;color:#111!important;box-sizing:border-box}
  .monox-mobile-menu-toggle .mobile-menu-toggle-icon{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center}
  .monox-mobile-menu-toggle .mobile-menu-toggle-icon i{display:block;width:14px;height:1.5px;background:#111;border-radius:2px}
  .monox-mobile-menu-toggle b{font-size:10px;letter-spacing:.7px;text-transform:uppercase;font-weight:700}
  .monox-mobile-menu-actions .mobile-menu-action-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:18px}
  .monox-mobile-menu-actions .mobile-profile-icon svg{width:22px;height:22px}
  .mobile-filter-toggle{display:flex;width:100%;height:48px;align-items:center;justify-content:space-between;border:1px solid #ddd;background:#fff;border-radius:10px;margin:0 0 9px;padding:0 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}
  .mobile-filter-icon{font-size:17px;line-height:1}.mobile-filter-chevron{font-size:18px;transition:transform .15s ease}.mobile-filter-toggle.open .mobile-filter-chevron{transform:rotate(180deg)}
  .catalog-sidebar{display:none}.catalog-sidebar.mobile-filter-open{display:block}
  #saleSidebar{display:none}#saleSidebar.mobile-filter-open{display:block}
  .checkout-mobile-step{scroll-margin-top:12px}
  .checkout-mobile-step-head{display:flex;align-items:center;gap:11px;margin:4px 0 14px;padding-bottom:11px;border-bottom:1px solid #e6e6e3}
  .checkout-mobile-step-number{width:28px;height:28px;border-radius:50%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex:0 0 auto}
  .checkout-mobile-step-head strong{display:block;font-size:14px}.checkout-mobile-step-head small{display:block;color:#777;font-size:10px;margin-top:3px}
  .checkout-mobile-next,.checkout-mobile-back{width:100%;min-height:46px;border-radius:10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer}
  .checkout-mobile-next{margin-top:6px;border:0;background:#111;color:#fff}.checkout-mobile-back{margin-top:10px;border:1px solid #ddd;background:#fff;color:#111}
  .checkout-mobile-wizard:not(.checkout-mobile-step-2) .checkout-mobile-step-delivery{display:none}
  .checkout-mobile-wizard.checkout-mobile-step-2 .checkout-mobile-step-contact{display:none}
  .checkout-mobile-wizard.checkout-mobile-step-2 .checkout-summary{display:none}
  .checkout-mobile-wizard.checkout-mobile-step-2 .checkout-mobile-step-delivery{display:block}
  .checkout-mobile-wizard.checkout-mobile-step-2{display:flex;flex-direction:column}.checkout-mobile-wizard.checkout-mobile-step-2 .checkout-error{order:0}.checkout-mobile-wizard.checkout-mobile-step-2 .checkout-mobile-step-delivery{order:1}.checkout-mobile-wizard.checkout-mobile-step-2 #checkoutButton{order:2;margin-top:8px}
  .checkout-mobile-wizard:not(.checkout-mobile-step-2){display:flex;flex-direction:column}.checkout-mobile-wizard:not(.checkout-mobile-step-2) .checkout-error{order:0}.checkout-mobile-wizard:not(.checkout-mobile-step-2) .checkout-mobile-step-contact{order:1}.checkout-mobile-wizard:not(.checkout-mobile-step-2) .checkout-summary{order:2;margin-top:8px}
}
@media(min-width:601px){.mobile-filter-toggle{display:none}.checkout-mobile-step{display:contents}.checkout-mobile-step-head,.checkout-mobile-next,.checkout-mobile-back{display:none}}


/* MONOX v151 — mobile cleanup */
@media(max-width:600px){
  /* Support is already available inside the drawer. Hide only the floating launcher. */
  .monox-support-launcher{display:none!important}

  /* Smaller, clearer drawer trigger in the header. */
  .monox-mobile-menu-toggle{grid-area:actions!important;justify-self:end!important;align-self:center!important;margin:0!important;min-width:62px!important;width:62px!important;height:34px!important;padding:0 9px!important;gap:6px!important}
  .monox-mobile-menu-toggle b{font-size:9px!important;letter-spacing:.45px!important}
  .monox-mobile-menu-toggle .mobile-menu-toggle-icon i{width:12px!important}

  /* Checkout confirmation belongs only to the final (delivery/pickup) step. */
  .checkout-mobile-wizard:not(.checkout-mobile-step-2) #checkoutButton{display:none!important}
  .checkout-mobile-wizard.checkout-mobile-step-2 #checkoutButton{display:block!important}

  .profile-active-orders-btn{width:100%;margin-top:12px;background:#111;color:#fff;border-color:#111;min-height:44px;font-size:11px;text-transform:uppercase;letter-spacing:.45px}
}
@media(min-width:601px){
  .profile-active-orders-btn[hidden]{display:none!important}
}


/* MONOX v153 — mobile menu label + explicit product size-chart disable */
.admin-size-chart-disable-toggle{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;font-weight:600;color:#333}
.admin-size-chart-disable-toggle input{width:16px;height:16px}
@media(max-width:600px){
  .monox-mobile-menu-toggle{min-width:58px!important;width:58px!important;height:32px!important;padding:0!important;border-radius:999px!important}
  .monox-mobile-menu-toggle b{font-size:9px!important;letter-spacing:.45px!important}
}


/* MONOX v155 — photo watermark + About section */
.product .photo:after,
.product-detail-image:after,
.product-page-gallery:after{
  content:"MONOX";
  position:absolute;
  right:14px;
  bottom:14px;
  z-index:8;
  font-weight:900;
  font-size:18px;
  line-height:1;
  letter-spacing:1.6px;
  color:#fff;
  -webkit-text-stroke:1.25px #000;
  paint-order:stroke fill;
  text-shadow:0 2px 5px rgba(0,0,0,.55);
  pointer-events:none;
}
.product .photo{position:relative;overflow:hidden}


.monox-about-section{background:#f1f1ee;border-top:1px solid #d7d7d3;padding:76px 24px 86px;color:#111}
.monox-about-inner{max-width:1400px;margin:0 auto}
.monox-about-kicker{font-size:10px;letter-spacing:2px;text-transform:uppercase;opacity:.55;margin-bottom:12px}
.monox-about-section h2{font-size:clamp(42px,6vw,78px);line-height:.9;letter-spacing:-4px;margin:0 0 28px;font-weight:800}
.monox-about-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:40px;align-items:start}
.monox-about-copy p{font-size:18px;line-height:1.65;max-width:760px;margin:0;white-space:pre-line}
.monox-about-details{display:grid;gap:10px}
.monox-about-detail{border-top:1px solid #cfcfca;padding:12px 0;display:grid;grid-template-columns:110px 1fr;gap:16px;font-size:13px;line-height:1.45}
.monox-about-detail span{opacity:.5;text-transform:uppercase;font-size:9px;letter-spacing:1px}
.monox-about-detail a{color:inherit;text-decoration:none}
.footer-about-link{color:inherit;text-decoration:none;font-size:11px;text-transform:uppercase;letter-spacing:.7px}
.monox-about-admin-card{padding:20px;margin-top:18px}
.monox-about-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.monox-about-admin-grid label{display:flex;flex-direction:column;gap:6px;color:#aaa;font-size:11px}
.monox-about-admin-grid label.wide{grid-column:1/-1}
.monox-about-admin-grid input,.monox-about-admin-grid textarea{width:100%;box-sizing:border-box;background:#111;color:#fff;border:1px solid #383838;border-radius:7px;padding:10px 11px;font:inherit;font-size:12px;resize:vertical}
.monox-about-admin-actions{display:flex;align-items:center;gap:12px;margin-top:16px}
.monox-about-admin-actions span{color:#777;font-size:11px}
@media(max-width:700px){
 .monox-about-section{padding:48px 16px 62px}
 .monox-about-section h2{font-size:48px;letter-spacing:-2.5px}
 .monox-about-grid{grid-template-columns:1fr;gap:28px}
 .monox-about-copy p{font-size:15px}
 .monox-about-detail{grid-template-columns:92px 1fr}
 .monox-about-admin-grid{grid-template-columns:1fr}
 .monox-about-admin-grid label.wide{grid-column:auto}
}

/* v156 — restored Monox cloth browser identity and About navigation */
.mega-about-trigger{white-space:nowrap}

/* v156 — About in the right header actions */
.header-about-link{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 10px;color:inherit;text-decoration:none;font-size:12px;white-space:nowrap}
.header-about-link:hover{opacity:.65}
@media(max-width:800px){.header-about-link{display:none}}