/*!
 * Meistars theme for OpenCart 3.0.x — main stylesheet
 * Colours/fonts come from CSS variables set in the theme settings (header inline :root).
 */

/* ---------- Fonts (self-hosted, OFL) ---------- */
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-latin-ext.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E9E,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113}
@font-face{font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/manrope-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/manrope-latin-ext.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E9E,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113}
@font-face{font-family:'Manrope';font-style:normal;font-weight:200 800;font-display:swap;src:url(../fonts/manrope-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}

/* ---------- Tokens ---------- */
:root{
  --mt-primary:#1d4ed8;--mt-on-primary:#fff;--mt-accent:#f59e0b;--mt-bg:#f5f6f8;--mt-surface:#fff;--mt-text:#111827;--mt-muted:#5b6475;--mt-border:#e3e6eb;--mt-sale:#dc2626;--mt-success:#15803d;
  --mt-header-bg:#fff;--mt-footer-bg:#0f172a;--mt-footer-text:#cbd5e1;--mt-radius:12px;--mt-btn-radius:12px;--mt-container:1320px;--mt-fs:15px;--mt-logo-h:44px;--mt-cols:4;--mt-cols-m:2;
  --mt-font:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --mt-surface-2:color-mix(in srgb,var(--mt-surface) 92%,var(--mt-text) 8%);
  --mt-primary-soft:color-mix(in srgb,var(--mt-primary) 12%,transparent);
  --mt-shadow-sm:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.08);
  --mt-shadow:0 4px 12px rgba(16,24,40,.06),0 12px 32px rgba(16,24,40,.08);
  --mt-shadow-lg:0 20px 50px rgba(16,24,40,.18);
  --mt-ease:cubic-bezier(.2,.7,.2,1);
  --mt-header-h:72px;
  color-scheme:light;
}
html[data-theme="dark"]{
  --mt-bg:#0b0f17;--mt-surface:#131a26;--mt-text:#e7ebf2;--mt-muted:#9aa5b8;--mt-border:#243042;--mt-header-bg:#0f1520;--mt-footer-bg:#070a10;--mt-footer-text:#9aa5b8;
  --mt-shadow-sm:0 1px 2px rgba(0,0,0,.4);--mt-shadow:0 8px 24px rgba(0,0,0,.35);--mt-shadow-lg:0 24px 60px rgba(0,0,0,.55);
  color-scheme:dark;
}

/* ---------- Base ---------- */
html{font-size:var(--mt-fs);-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body.mt{font-family:var(--mt-font);font-size:1rem;line-height:1.55;color:var(--mt-text);background:var(--mt-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;display:flex;flex-direction:column}
body.mt.mt-lock{overflow:hidden}
.mt h1,.mt h2,.mt h3,.mt h4,.mt h5,.mt h6{font-family:var(--mt-font);color:var(--mt-text);font-weight:700;letter-spacing:-.015em;line-height:1.2}
.mt h1{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.3rem);margin:0 0 .6em}
.mt h2{font-size:clamp(1.3rem,1.1rem + .8vw,1.75rem)}
.mt h3{font-size:1.2rem}
.mt a{color:var(--mt-primary);text-decoration:none;transition:color .15s}
.mt a:hover,.mt a:focus{color:color-mix(in srgb,var(--mt-primary) 80%,#000)}
html[data-theme="dark"] .mt a:hover{color:color-mix(in srgb,var(--mt-primary) 70%,#fff)}
.mt img{max-width:100%;height:auto}
.mt :focus-visible{outline:2px solid var(--mt-primary);outline-offset:2px;border-radius:4px}
.mt ::selection{background:var(--mt-primary);color:var(--mt-on-primary)}
.mt-sr,.mt .sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.mt-skip{position:absolute;left:12px;top:-60px;z-index:9999;background:var(--mt-primary);color:var(--mt-on-primary)!important;padding:10px 16px;border-radius:8px}
.mt-skip:focus{top:12px}
.mt-ico{width:1.25em;height:1.25em;display:inline-block;vertical-align:-.25em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mt-ico-fill{fill:currentColor;stroke:none}
#mt-main{flex:1 0 auto}

/* Bootstrap 3 container → theme width */
.mt .container{width:auto;max-width:var(--mt-container);padding-left:20px;padding-right:20px}
@media(max-width:575px){.mt .container{padding-left:14px;padding-right:14px}}

/* ---------- Buttons ---------- */
.mt .btn{border-radius:var(--mt-btn-radius);font-weight:600;padding:.62em 1.15em;font-size:.95rem;line-height:1.3;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform .1s;box-shadow:none;text-shadow:none;background-image:none}
.mt .btn:active{transform:translateY(1px)}
.mt .btn-lg{padding:.8em 1.4em;font-size:1.02rem}
.mt .btn-sm,.mt .btn-xs{padding:.35em .7em;font-size:.85rem}
.mt .btn-primary,.mt-btn{background:var(--mt-primary);border-color:var(--mt-primary);color:var(--mt-on-primary)}
.mt .btn-primary:hover,.mt .btn-primary:focus,.mt .btn-primary:active,.mt .btn-primary.active,.mt-btn:hover{background:color-mix(in srgb,var(--mt-primary) 86%,#000);border-color:color-mix(in srgb,var(--mt-primary) 86%,#000);color:var(--mt-on-primary)}
.mt .btn-default{background:var(--mt-surface);border-color:var(--mt-border);color:var(--mt-text)}
.mt .btn-default:hover,.mt .btn-default:focus,.mt .btn-default:active{background:var(--mt-surface-2);border-color:var(--mt-border);color:var(--mt-text)}
.mt .btn-danger{background:var(--mt-sale);border-color:var(--mt-sale);color:#fff}
.mt .btn-success{background:var(--mt-success);border-color:var(--mt-success);color:#fff}
.mt .btn-info,.mt .btn-warning{color:#fff}
.mt .btn-link{color:var(--mt-primary)}
.mt .btn[disabled],.mt .btn.disabled{opacity:.55}
.mt-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;border-radius:var(--mt-btn-radius);padding:.75em 1.3em;font-weight:700;border:1px solid transparent;cursor:pointer;text-decoration:none!important;transition:background .15s,transform .1s,box-shadow .15s;font-size:1rem;line-height:1.2}
.mt-btn-ghost{background:transparent;color:var(--mt-text);border-color:var(--mt-border)}
.mt-btn-ghost:hover{background:var(--mt-surface-2);color:var(--mt-text)}
.mt-btn-light{background:#fff;color:#111!important}
.mt-btn-light:hover{background:#f1f5f9}
.mt-btn-block{width:100%}
.mt-btn.is-loading{pointer-events:none;opacity:.8;position:relative;color:transparent!important}
.mt-btn.is-loading:after{content:"";position:absolute;width:1.1em;height:1.1em;border:2px solid var(--mt-on-primary);border-right-color:transparent;border-radius:50%;animation:mt-spin .7s linear infinite}
@keyframes mt-spin{to{transform:rotate(360deg)}}
.mt-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:0;background:transparent;color:var(--mt-text);position:relative;cursor:pointer;transition:background .15s,color .15s}
.mt-iconbtn:hover{background:var(--mt-surface-2);color:var(--mt-text)}
.mt-count{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--mt-primary);color:var(--mt-on-primary);font-size:11px;font-weight:700;line-height:18px;text-align:center}
.mt-count:empty,.mt-count[data-count="0"]{display:none}

/* ---------- Forms ---------- */
.mt .form-control{height:auto;min-height:44px;padding:.6em .85em;border-radius:calc(var(--mt-radius) * .75);border:1px solid var(--mt-border);background:var(--mt-surface);color:var(--mt-text);box-shadow:none;font-size:1rem;transition:border-color .15s,box-shadow .15s}
.mt textarea.form-control{min-height:110px}
.mt .form-control:focus{border-color:var(--mt-primary);box-shadow:0 0 0 3px var(--mt-primary-soft);outline:0}
.mt .form-control::placeholder{color:var(--mt-muted);opacity:.8}
.mt select.form-control{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23889' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9em center;padding-right:2.3em}
.mt .control-label,.mt label{font-weight:600;color:var(--mt-text)}
.mt .input-group-addon,.mt .input-group-btn .btn{border-color:var(--mt-border)}
.mt .input-group-addon{background:var(--mt-surface-2);color:var(--mt-muted)}
.mt .has-error .form-control{border-color:var(--mt-sale)}
.mt .text-danger{color:var(--mt-sale);font-size:.88rem;margin-top:4px}
.mt .help-block{color:var(--mt-muted)}
.mt .required .control-label:before,.mt .required>label:first-child:before{color:var(--mt-sale)}
.mt input[type=checkbox],.mt input[type=radio]{accent-color:var(--mt-primary);width:1.05em;height:1.05em}
.mt fieldset legend{border:0;font-size:1.15rem;font-weight:700;color:var(--mt-text);margin-bottom:.8em}

/* ---------- Bootstrap components restyle ---------- */
.mt .breadcrumb{background:none;padding:14px 0 6px;margin:0 0 14px;font-size:.88rem;border:0;display:flex;flex-wrap:wrap;gap:4px}
.mt .breadcrumb>li{display:inline-flex;align-items:center;text-shadow:none;padding:0}
.mt .breadcrumb>li a{color:var(--mt-muted)}
.mt .breadcrumb>li a:hover{color:var(--mt-primary)}
.mt .breadcrumb>li+li:before{content:"";width:6px;height:6px;border-right:1.5px solid var(--mt-muted);border-top:1.5px solid var(--mt-muted);transform:rotate(45deg);margin:0 10px 0 4px;padding:0;opacity:.6;position:static}
.mt .breadcrumb>li:after{display:none}
.mt .breadcrumb>li:last-child a{color:var(--mt-text);font-weight:600;pointer-events:none}
.mt .breadcrumb .fa-home{font-size:1rem}
.mt .alert{border-radius:var(--mt-radius);border:1px solid transparent;padding:14px 18px}
.mt .alert-success{background:color-mix(in srgb,var(--mt-success) 12%,var(--mt-surface));border-color:color-mix(in srgb,var(--mt-success) 30%,transparent);color:var(--mt-text)}
.mt .alert-danger{background:color-mix(in srgb,var(--mt-sale) 10%,var(--mt-surface));border-color:color-mix(in srgb,var(--mt-sale) 30%,transparent);color:var(--mt-text)}
.mt .alert-info,.mt .alert-warning{background:color-mix(in srgb,var(--mt-accent) 12%,var(--mt-surface));border-color:color-mix(in srgb,var(--mt-accent) 35%,transparent);color:var(--mt-text)}
.mt .panel,.mt .well,.mt .list-group-item,.mt .table,.mt .thumbnail{background:var(--mt-surface);border-color:var(--mt-border);color:var(--mt-text)}
.mt .panel{border-radius:var(--mt-radius);box-shadow:var(--mt-shadow-sm);overflow:hidden}
.mt .panel-default>.panel-heading{background:var(--mt-surface);border-color:var(--mt-border);color:var(--mt-text);padding:14px 18px}
.mt .panel-title{font-weight:700;font-size:1.02rem}
.mt .panel-body{padding:18px}
.mt .well{border-radius:var(--mt-radius);box-shadow:none}
.mt .list-group{border-radius:var(--mt-radius);overflow:hidden;box-shadow:var(--mt-shadow-sm)}
.mt .list-group-item{padding:11px 16px}
.mt a.list-group-item{color:var(--mt-text)}
.mt a.list-group-item:hover{background:var(--mt-surface-2)}
.mt .list-group-item.active,.mt .list-group-item.active:hover{background:var(--mt-primary);border-color:var(--mt-primary);color:var(--mt-on-primary)}
.mt .table{border-radius:var(--mt-radius);overflow:hidden}
.mt .table>thead>tr>td,.mt .table>thead>tr>th{background:var(--mt-surface-2);font-weight:700;border-color:var(--mt-border)}
.mt .table>tbody>tr>td,.mt .table>tbody>tr>th,.mt .table>tfoot>tr>td,.mt .table-bordered,.mt .table-bordered>tbody>tr>td,.mt .table-bordered>thead>tr>td{border-color:var(--mt-border)}
.mt .table-hover>tbody>tr:hover,.mt .table-striped>tbody>tr:nth-of-type(odd){background:var(--mt-surface-2)}
.mt .nav-tabs{border-color:var(--mt-border)}
.mt .nav-tabs>li>a{border-radius:var(--mt-radius) var(--mt-radius) 0 0;color:var(--mt-muted);font-weight:600}
.mt .nav-tabs>li.active>a,.mt .nav-tabs>li.active>a:hover,.mt .nav-tabs>li.active>a:focus{background:var(--mt-surface);border-color:var(--mt-border) var(--mt-border) transparent;color:var(--mt-text)}
.mt .nav>li>a:hover{background:var(--mt-surface-2)}
.mt .pagination{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.mt .pagination>li>a,.mt .pagination>li>span{border-radius:10px!important;border:1px solid var(--mt-border);background:var(--mt-surface);color:var(--mt-text);min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;margin:0;float:none}
.mt .pagination>.active>a,.mt .pagination>.active>span,.mt .pagination>.active>span:hover{background:var(--mt-primary);border-color:var(--mt-primary);color:var(--mt-on-primary)}
.mt .pagination>li>a:hover{background:var(--mt-surface-2)}
.mt .dropdown-menu{border-radius:var(--mt-radius);border:1px solid var(--mt-border);box-shadow:var(--mt-shadow);background:var(--mt-surface);padding:6px}
.mt .dropdown-menu>li>a{border-radius:8px;padding:8px 12px;color:var(--mt-text)}
.mt .dropdown-menu>li>a:hover{background:var(--mt-surface-2);color:var(--mt-text)}
.mt .modal-content{border-radius:calc(var(--mt-radius) + 4px);border:0;background:var(--mt-surface);box-shadow:var(--mt-shadow-lg)}
.mt .modal-header,.mt .modal-footer{border-color:var(--mt-border)}
.mt .close{color:var(--mt-text);text-shadow:none;opacity:.6}
.mt hr{border-color:var(--mt-border)}
.mt .img-thumbnail{background:var(--mt-surface);border-color:var(--mt-border);border-radius:10px}
.mt .label{border-radius:6px}
.mt .tooltip-inner{border-radius:8px;padding:6px 10px;font-weight:500}
.mt .buttons{margin:24px 0}
.mt .text-muted{color:var(--mt-muted)}

/* Default OpenCart layout compatibility */
.mt #content{min-height:400px;padding-bottom:30px}
.mt #column-left .list-group,.mt #column-right .list-group{margin-bottom:20px}
.mt-page{padding-bottom:40px}
.mt-page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.mt-page-title h1{margin:0}
.mt-surface{background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:var(--mt-radius);box-shadow:var(--mt-shadow-sm)}
.mt-pad{padding:22px}

/* ---------- Top bar ---------- */
.mt-topbar{background:color-mix(in srgb,var(--mt-header-bg) 90%,var(--mt-text) 10%);color:var(--mt-muted);font-size:.84rem}
html[data-theme="dark"] .mt-topbar{background:#0a0e15}
.mt-topbar .container{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px}
.mt-topbar a{color:var(--mt-muted)}
.mt-topbar a:hover{color:var(--mt-text)}
.mt-topbar-l,.mt-topbar-r{display:flex;align-items:center;gap:18px}
.mt-topbar-msg{font-weight:500;color:var(--mt-text);opacity:.85}
.mt-topbar .mt-ico{width:1em;height:1em;margin-right:4px}

/* language / currency */
.mt-switch{position:relative}
.mt-switch>button{background:none;border:0;color:inherit;display:inline-flex;align-items:center;gap:6px;padding:6px 2px;font-size:inherit;cursor:pointer;font-weight:600}
.mt-switch img{width:18px;height:12px;border-radius:2px;object-fit:cover}
.mt-switch-menu{position:absolute;right:0;top:100%;min-width:170px;z-index:1200;background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:var(--mt-radius);box-shadow:var(--mt-shadow);padding:6px;display:none}
.mt-switch.is-open .mt-switch-menu{display:block;animation:mt-pop .16s var(--mt-ease)}
.mt-switch-menu button{display:flex;align-items:center;gap:8px;width:100%;background:none;border:0;padding:8px 10px;border-radius:8px;color:var(--mt-text);text-align:left;font-size:.92rem;cursor:pointer}
.mt-switch-menu button:hover,.mt-switch-menu button.is-active{background:var(--mt-surface-2)}
@keyframes mt-pop{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}

/* ---------- Header ---------- */
.mt-header{position:relative;z-index:1000;background:var(--mt-header-bg);border-bottom:1px solid var(--mt-border)}
.mt-header.is-sticky{position:sticky;top:0}
@media(min-width:992px){.mt-glass .mt-header.is-sticky.is-stuck{background:color-mix(in srgb,var(--mt-header-bg) 82%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(14px);backdrop-filter:saturate(1.6) blur(14px)}.mt-glass .mt-header.is-stuck .mt-nav{background:transparent}}
.mt-header.is-stuck{box-shadow:var(--mt-shadow-sm)}
.mt-header-row{display:flex;align-items:center;gap:20px;min-height:var(--mt-header-h);transition:min-height .2s}
.mt-header.is-stuck .mt-header-row{min-height:60px}
.mt-logo{flex:none;display:flex;align-items:center;max-width:240px}
.mt-logo img{max-height:var(--mt-logo-h);width:auto;display:block}
.mt-logo-text{font-size:1.4rem;font-weight:800;color:var(--mt-text)!important;letter-spacing:-.02em}
.mt-header-search{flex:1;max-width:620px;margin:0 auto}
.mt-header-actions{display:flex;align-items:center;gap:2px;margin-left:auto}
.mt-burger{display:none}
.mt-header-centered .mt-header-row{display:grid;grid-template-columns:1fr auto 1fr}
.mt-header-centered .mt-header-search{grid-column:1;max-width:360px;margin:0}
.mt-header-centered .mt-logo{grid-column:2;justify-self:center}
.mt-header-centered .mt-header-actions{grid-column:3;justify-self:end}

/* Search */
.mt-search{position:relative}
.mt-search form,.mt-search .mt-search-box{display:flex;align-items:center;background:var(--mt-surface-2);border:1px solid transparent;border-radius:999px;transition:border-color .15s,box-shadow .15s,background .15s}
.mt-search .mt-search-box:focus-within{background:var(--mt-surface);border-color:var(--mt-primary);box-shadow:0 0 0 3px var(--mt-primary-soft)}
.mt-search input{flex:1;border:0;background:transparent;height:46px;padding:0 6px 0 20px;font-size:.98rem;color:var(--mt-text);outline:0;min-width:0}
.mt-search button{border:0;background:transparent;color:var(--mt-muted);width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer}
.mt-search button:hover{color:var(--mt-primary)}
.mt-suggest{position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:var(--mt-radius);box-shadow:var(--mt-shadow-lg);z-index:1300;overflow:hidden;display:none;max-height:min(70vh,560px);overflow-y:auto}
.mt-suggest.is-open{display:block;animation:mt-pop .16s var(--mt-ease)}
.mt-suggest-head{padding:10px 16px 6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--mt-muted)}
.mt-suggest a{display:flex;align-items:center;gap:12px;padding:8px 16px;color:var(--mt-text)}
.mt-suggest a:hover,.mt-suggest a.is-active{background:var(--mt-surface-2);color:var(--mt-text)}
.mt-suggest img{width:48px;height:48px;border-radius:8px;object-fit:cover;background:var(--mt-surface-2);flex:none}
.mt-suggest-name{flex:1;min-width:0;font-weight:600;font-size:.94rem;line-height:1.3}
.mt-suggest-name small{display:block;color:var(--mt-muted);font-weight:400;font-size:.8rem}
.mt-suggest-price{font-weight:700;white-space:nowrap;font-size:.92rem}
.mt-suggest-price s{color:var(--mt-muted);font-weight:400;margin-right:6px;font-size:.82rem}
.mt-suggest-all{justify-content:center;font-weight:700;color:var(--mt-primary)!important;border-top:1px solid var(--mt-border)}
.mt-suggest-empty{padding:18px 16px;color:var(--mt-muted);text-align:center}
.mt-suggest mark{background:color-mix(in srgb,var(--mt-accent) 30%,transparent);color:inherit;padding:0 1px;border-radius:3px}

/* Account dropdown */
.mt-drop{position:relative}
.mt-drop-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:220px;background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:var(--mt-radius);box-shadow:var(--mt-shadow);padding:6px;display:none;z-index:1200}
.mt-drop.is-open .mt-drop-menu{display:block;animation:mt-pop .16s var(--mt-ease)}
.mt-drop-menu a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--mt-text);font-size:.94rem}
.mt-drop-menu a:hover{background:var(--mt-surface-2);color:var(--mt-text)}
.mt-drop-menu hr{margin:6px 0}

/* ---------- Menu ---------- */
.mt-nav{background:var(--mt-header-bg);border-top:1px solid var(--mt-border)}
.mt-nav-list{display:flex;align-items:stretch;gap:2px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.mt-nav-item{position:static}
.mt-nav-item.is-simple{position:relative}
.mt-nav-link{display:flex;align-items:center;gap:6px;padding:14px 14px;font-weight:600;font-size:.95rem;color:var(--mt-text)!important;border-radius:8px;white-space:nowrap;position:relative}
.mt-nav-link:after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:2px;border-radius:2px;background:var(--mt-primary);transform:scaleX(0);transition:transform .2s var(--mt-ease)}
.mt-nav-item:hover>.mt-nav-link:after,.mt-nav-item.is-open>.mt-nav-link:after{transform:scaleX(1)}
.mt-nav-link .mt-ico{width:.85em;height:.85em;opacity:.6;transition:transform .2s}
.mt-nav-item:hover>.mt-nav-link .mt-ico{transform:rotate(180deg)}
.mt-badge-menu{font-size:.66rem;font-weight:800;text-transform:uppercase;color:#fff;padding:2px 6px;border-radius:6px;letter-spacing:.03em;line-height:1.3}
.mt-mega{position:absolute;left:0;right:0;top:100%;background:var(--mt-surface);border-top:1px solid var(--mt-border);border-bottom:1px solid var(--mt-border);box-shadow:var(--mt-shadow-lg);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .22s var(--mt-ease),visibility 0s .2s;z-index:1100}
.mt-nav-item.is-simple .mt-mega{left:0;right:auto;min-width:260px;border:1px solid var(--mt-border);border-radius:var(--mt-radius)}
.mt-nav-item:hover>.mt-mega,.mt-nav-item.is-open>.mt-mega,.mt-nav-item:focus-within>.mt-mega{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.mt-mega-inner{display:grid;grid-template-columns:1fr 280px;gap:30px;padding:28px 0}
.mt-mega-inner.no-promo{grid-template-columns:1fr}
.mt-mega-cols{display:grid;grid-template-columns:repeat(var(--mt-mega-cols,4),minmax(0,1fr));gap:18px 26px}
.mt-mega-group a.mt-mega-title{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--mt-text);margin-bottom:6px}
.mt-mega-group a.mt-mega-title:hover{color:var(--mt-primary)}
.mt-mega-group img{width:44px;height:44px;border-radius:10px;object-fit:cover;background:var(--mt-surface-2)}
.mt-mega-group ul{list-style:none;padding:0 0 0 0;margin:0}
.mt-mega-group li a{display:block;padding:3px 0;color:var(--mt-muted);font-size:.92rem}
.mt-mega-group li a:hover{color:var(--mt-primary)}
.mt-mega-group.has-img ul{padding-left:54px}
.mt-mega-promo{position:relative;border-radius:var(--mt-radius);overflow:hidden;min-height:220px;background:var(--mt-surface-2);display:flex;align-items:flex-end;color:#fff!important}
.mt-mega-promo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--mt-ease)}
.mt-mega-promo:hover img{transform:scale(1.05)}
.mt-mega-promo span{position:relative;z-index:1;width:100%;padding:16px;background:linear-gradient(transparent,rgba(0,0,0,.7));font-weight:700;font-size:1.05rem}
.mt-mega-all{margin-top:18px;display:inline-flex;align-items:center;gap:6px;font-weight:700}
.mt-simple-list{list-style:none;margin:0;padding:8px}
.mt-simple-list a{display:block;padding:8px 12px;border-radius:8px;color:var(--mt-text)}
.mt-simple-list a:hover{background:var(--mt-surface-2)}
.mt-header-compact .mt-nav{border-top:0}

/* Mobile drawer */
.mt-drawer-head,.mt-drawer-foot{display:none}
.mt-overlay{position:fixed;inset:0;background:rgba(8,12,20,.5);opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s;z-index:1990;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.mt-overlay.is-open{opacity:1;visibility:visible;transition-delay:0s}

@media(max-width:991px){
  .mt-burger{display:inline-flex}
  .mt-header-row{gap:8px;min-height:64px}
  .mt-header-search{order:5;flex-basis:100%;max-width:none;padding-bottom:10px}
  .mt-header-row{flex-wrap:wrap}
  .mt-header-centered .mt-header-row{display:flex}
  .mt-header-centered .mt-header-search{max-width:none}
  .mt-logo{max-width:170px}
  .mt-hide-m{display:none!important}
  .mt-header.is-stuck .mt-header-search{display:none}
  .mt-nav{position:fixed;top:0;bottom:0;left:0;width:min(88vw,380px);z-index:2000;transform:translateX(-102%);transition:transform .3s var(--mt-ease);overflow-y:auto;border:0;box-shadow:var(--mt-shadow-lg);display:flex;flex-direction:column}
  .mt-nav.is-open{transform:none}
  .mt-nav>.container{padding:0;flex:1;margin:0;width:100%;max-width:none}
  .mt-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--mt-border);font-weight:800;font-size:1.1rem;position:sticky;top:0;background:var(--mt-header-bg);z-index:2}
  .mt-drawer-foot{display:block;padding:16px;border-top:1px solid var(--mt-border)}
  .mt-drawer-foot a{display:flex;align-items:center;gap:10px;padding:10px 0;color:var(--mt-text)}
  .mt-nav-list{flex-direction:column;gap:0;padding:8px}
  .mt-nav-link{padding:13px 12px;justify-content:space-between}
  .mt-nav-link:after{display:none}
  .mt-nav-item:hover>.mt-nav-link .mt-ico{transform:none}
  .mt-nav-item.is-open>.mt-nav-link .mt-ico{transform:rotate(180deg)}
  .mt-mega,.mt-nav-item.is-simple .mt-mega{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;display:none;min-width:0;background:transparent}
  .mt-nav-item:hover>.mt-mega{display:none}
  .mt-nav-item.is-open>.mt-mega{display:block}
  .mt-mega>.container{padding:0}
  .mt-mega-inner{display:block;padding:0 0 10px 12px}
  .mt-mega-cols{grid-template-columns:1fr;gap:6px}
  .mt-mega-promo{display:none}
  .mt-mega-group img{width:34px;height:34px}
  .mt-mega-group.has-img ul{padding-left:44px}
}

/* ---------- Product card ---------- */
.mt-grid{display:grid;grid-template-columns:repeat(var(--mt-cols),minmax(0,1fr));gap:20px}
.mt-grid.cols-3{--mt-cols:3}.mt-grid.cols-2{--mt-cols:2}.mt-grid.cols-5{--mt-cols:5}.mt-grid.cols-4{--mt-cols:4}
#content.has-col .mt-grid:not(.cols-fixed){--mt-cols:3}
@media(max-width:1199px){.mt-grid{--mt-cols:3!important}}
@media(max-width:767px){.mt-grid{--mt-cols:var(--mt-cols-m)!important;gap:12px}}
.mt-card{position:relative;display:flex;flex-direction:column;background:var(--mt-surface);border-radius:var(--mt-radius);overflow:hidden;transition:box-shadow .25s var(--mt-ease),transform .25s var(--mt-ease),border-color .2s;height:100%;transform-style:preserve-3d;will-change:transform}
.mt-cards-shadow .mt-card{box-shadow:var(--mt-shadow-sm)}
.mt-cards-shadow .mt-card:hover{box-shadow:var(--mt-shadow)}
.mt-cards-border .mt-card{border:1px solid var(--mt-border)}
.mt-cards-border .mt-card:hover{border-color:color-mix(in srgb,var(--mt-primary) 40%,var(--mt-border))}
.mt-cards-flat .mt-card{background:transparent}
.mt-card-media{position:relative;display:block;aspect-ratio:1/1;background:var(--mt-surface-2);overflow:hidden}
.mt-card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s,transform .6s var(--mt-ease)}
.mt-card-media .mt-img2{opacity:0}
.mt-card:hover .mt-card-media .mt-img2{opacity:1}
.mt-card:hover .mt-card-media img:first-child{transform:scale(1.04)}
.mt-card:hover .mt-card-media.has-2 img:first-child{opacity:0}
.mt-badges{position:absolute;left:10px;top:10px;display:flex;flex-direction:column;gap:5px;z-index:2;align-items:flex-start;pointer-events:none}
.mt-badge{font-size:.72rem;font-weight:800;padding:4px 8px;border-radius:7px;line-height:1.2;letter-spacing:.02em;color:#fff;background:var(--mt-text)}
.mt-badge.is-sale{background:var(--mt-sale)}
.mt-badge.is-new{background:var(--mt-primary);color:var(--mt-on-primary)}
.mt-badge.is-stock{background:var(--mt-muted)}
.mt-card-actions{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;gap:6px;z-index:2}
.mt-card-actions button{width:38px;height:38px;border-radius:50%;border:0;background:color-mix(in srgb,var(--mt-surface) 92%,transparent);color:var(--mt-text);box-shadow:var(--mt-shadow-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateX(8px);transition:opacity .2s,transform .2s var(--mt-ease),background .15s,color .15s}
.mt-card-actions button:nth-child(2){transition-delay:.04s}.mt-card-actions button:nth-child(3){transition-delay:.08s}
.mt-card:hover .mt-card-actions button,.mt-card:focus-within .mt-card-actions button{opacity:1;transform:none}
.mt-card-actions button:hover{background:var(--mt-primary);color:var(--mt-on-primary)}
.mt-card-actions button.is-active{color:var(--mt-sale);opacity:1;transform:none}
.mt-card-actions .mt-ico{width:18px;height:18px}
@media(hover:none){.mt-card-actions button{opacity:1;transform:none;width:34px;height:34px}}
.mt-card-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.mt-cards-flat .mt-card-body{padding:12px 2px 6px}
.mt-card-name{font-size:.97rem;font-weight:600;line-height:1.35;margin:0;color:var(--mt-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mt-card-name a{color:inherit!important}
.mt-card-name a:after{content:"";position:absolute;inset:0;z-index:1}
.mt-card-desc{display:none;color:var(--mt-muted);font-size:.9rem}
.mt-rating{display:inline-flex;gap:1px;color:var(--mt-accent)}
.mt-rating .mt-ico{width:14px;height:14px}
.mt-rating .is-off{color:var(--mt-border)}
.mt-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin-top:auto;font-weight:800;font-size:1.08rem;color:var(--mt-text)}
.mt-price-new{color:var(--mt-sale)}
.mt-price-old{color:var(--mt-muted);font-weight:500;font-size:.88rem;text-decoration:line-through}
.mt-price-tax{flex-basis:100%;color:var(--mt-muted);font-size:.78rem;font-weight:500}
.mt-card-foot{display:flex;gap:8px;margin-top:8px;position:relative;z-index:2}
.mt-card-cart{flex:1;padding:.62em .8em;font-size:.92rem}
.mt-card-cart .mt-ico{width:18px;height:18px}
.mt-card.is-oos .mt-card-media img{filter:grayscale(.4);opacity:.8}

/* list view */
.mt-grid.is-list{grid-template-columns:1fr!important}
.mt-grid.is-list .mt-card{flex-direction:row}
.mt-grid.is-list .mt-card-media{width:min(260px,36%);flex:none;aspect-ratio:auto;min-height:220px}
.mt-grid.is-list .mt-card-desc{display:block}
.mt-grid.is-list .mt-card-name{-webkit-line-clamp:3;font-size:1.1rem}
.mt-grid.is-list .mt-card-foot{max-width:320px}
@media(max-width:575px){.mt-grid.is-list .mt-card-media{min-height:150px}.mt-grid.is-list .mt-card-desc{display:none}}

/* 3D tilt */
.mt-tilt .mt-card{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0))}
.mt-tilt .mt-card:hover{--ty:-3px}
.mt-card-glare{position:absolute;inset:0;pointer-events:none;z-index:3;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.22),transparent 55%);opacity:0;transition:opacity .25s}
.mt-tilt .mt-card:hover .mt-card-glare{opacity:1}

/* Carousel */
.mt-carousel{position:relative}
.mt-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--mt-cols) - 1) * 20px) / var(--mt-cols));gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px 2px 14px;margin:-4px -2px 0}
.mt-track::-webkit-scrollbar{display:none}
.mt-track>*{scroll-snap-align:start}
@media(max-width:1199px){.mt-track{--mt-cols:3}}
@media(max-width:767px){.mt-track{grid-auto-columns:calc((100% - 12px) / 2.15);gap:12px}}
.mt-car-btn{position:absolute;top:38%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:1px solid var(--mt-border);background:var(--mt-surface);color:var(--mt-text);box-shadow:var(--mt-shadow);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:4;transition:opacity .2s,background .15s}
.mt-car-btn:hover{background:var(--mt-primary);color:var(--mt-on-primary);border-color:var(--mt-primary)}
.mt-car-btn[disabled]{opacity:0;pointer-events:none}
.mt-car-prev{left:-18px}.mt-car-next{right:-18px}
@media(max-width:767px){.mt-car-btn{display:none}}

/* Section heading */
.mt-sec{padding:clamp(28px,4vw,56px) 0}
.mt-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}
.mt-sec-head h2{margin:0}
.mt-sec-head p{margin:6px 0 0;color:var(--mt-muted)}
.mt-sec-head a{font-weight:700;white-space:nowrap}

/* ---------- Category page ---------- */
.mt-cat-head{display:flex;gap:24px;align-items:center;margin-bottom:20px}
.mt-cat-head img{width:110px;height:110px;border-radius:var(--mt-radius);object-fit:cover;flex:none}
.mt-cat-desc{color:var(--mt-muted);max-width:900px}
.mt-cat-desc.is-bottom{margin-top:36px;padding:24px;background:var(--mt-surface);border-radius:var(--mt-radius);border:1px solid var(--mt-border)}
.mt-subcats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin:0 0 26px}
.mt-subcat{display:flex;flex-direction:column;align-items:center;gap:10px;padding:12px;background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:var(--mt-radius);color:var(--mt-text)!important;font-weight:600;text-align:center;transition:transform .2s var(--mt-ease),box-shadow .2s,border-color .2s;font-size:.92rem}
.mt-subcat:hover{transform:translateY(-3px);box-shadow:var(--mt-shadow);border-color:transparent}
.mt-subcat img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:calc(var(--mt-radius) * .7)}
.mt-subcat-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.mt-subcat-pills a{padding:7px 14px;border-radius:999px;background:var(--mt-surface);border:1px solid var(--mt-border);color:var(--mt-text);font-weight:600;font-size:.9rem}
.mt-subcat-pills a:hover{border-color:var(--mt-primary);color:var(--mt-primary)}
.mt-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between;padding:10px 12px;background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:var(--mt-radius);margin-bottom:20px}
.mt-toolbar-l,.mt-toolbar-r{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mt-toolbar select.form-control{min-height:38px;padding-top:.35em;padding-bottom:.35em;width:auto;font-size:.92rem}
.mt-toolbar label{margin:0;font-weight:500;color:var(--mt-muted);font-size:.88rem}
.mt-view-toggle{display:inline-flex;background:var(--mt-surface-2);border-radius:10px;padding:3px}
.mt-view-toggle button{border:0;background:transparent;width:36px;height:32px;border-radius:8px;color:var(--mt-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.mt-view-toggle button.is-active{background:var(--mt-surface);color:var(--mt-text);box-shadow:var(--mt-shadow-sm)}
.mt-results{color:var(--mt-muted);font-size:.88rem}
.mt-more{display:flex;flex-direction:column;align-items:center;gap:10px;margin:30px 0 10px}
.mt-more-bar{width:220px;height:4px;border-radius:2px;background:var(--mt-border);overflow:hidden}
.mt-more-bar span{display:block;height:100%;background:var(--mt-primary)}
.mt-filter-btn{display:none}
@media(max-width:991px){
  .mt-filter-btn{display:inline-flex}
  .mt #column-left.mt-offcanvas,.mt #column-right.mt-offcanvas{position:fixed;top:0;bottom:0;left:0;width:min(88vw,360px);z-index:2000;background:var(--mt-bg);padding:16px;overflow-y:auto;transform:translateX(-102%);transition:transform .3s var(--mt-ease);display:block!important;box-shadow:var(--mt-shadow-lg)}
  .mt #column-left.mt-offcanvas.is-open,.mt #column-right.mt-offcanvas.is-open{transform:none}
  .mt .hidden-xs.mt-offcanvas{display:block!important}
}
.mt-empty{padding:50px 20px;text-align:center;color:var(--mt-muted)}
.mt-empty .mt-ico{width:54px;height:54px;opacity:.4;margin-bottom:12px}

/* ---------- Product page ---------- */
.mt-product{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(20px,3.5vw,48px);align-items:start}
#content.has-col .mt-product{grid-template-columns:1fr}
@media(max-width:991px){.mt-product{grid-template-columns:1fr}}
.mt-gallery{position:sticky;top:calc(var(--mt-header-h) + 16px);display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px}
.mt-gallery.no-thumbs{grid-template-columns:1fr}
@media(max-width:991px){.mt-gallery{position:relative;top:0;grid-template-columns:1fr}}
.mt-g-thumbs{display:flex;flex-direction:column;gap:10px;max-height:640px;overflow-y:auto;scrollbar-width:thin;padding:2px}
.mt-g-thumbs button{position:relative;width:72px;height:72px;flex:none;border-radius:10px;overflow:hidden;border:2px solid transparent;background:var(--mt-surface-2);padding:0;cursor:pointer;transition:border-color .15s}
.mt-g-thumbs button.is-active{border-color:var(--mt-primary)}
.mt-g-thumbs img{width:100%;height:100%;object-fit:cover}
.mt-g-thumbs .mt-3d-tag{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);color:#fff;font-weight:800;font-size:.85rem;letter-spacing:.04em}
@media(max-width:991px){.mt-g-thumbs{order:2;flex-direction:row;max-height:none;overflow-x:auto}.mt-g-thumbs button{width:64px;height:64px}}
.mt-g-stage{position:relative;border-radius:calc(var(--mt-radius) + 4px);overflow:hidden;background:var(--mt-surface);border:1px solid var(--mt-border);aspect-ratio:1/1}
.mt-g-slides{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.mt-g-slides::-webkit-scrollbar{display:none}
.mt-g-slide{flex:0 0 100%;height:100%;scroll-snap-align:center;position:relative;display:flex;align-items:center;justify-content:center;cursor:zoom-in;overflow:hidden}
.mt-g-slide img{width:100%;height:100%;object-fit:contain;transition:transform .2s}
.mt-g-slide.is-zooming img{transform:scale(2.1);transition:none}
.mt-g-slide.is-3d{cursor:grab}
.mt-g-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3}
.mt-g-nav.prev{left:12px}.mt-g-nav.next{right:12px}
.mt-g-nav button,.mt-g-tools button{width:42px;height:42px;border-radius:50%;border:0;background:color-mix(in srgb,var(--mt-surface) 90%,transparent);box-shadow:var(--mt-shadow-sm);color:var(--mt-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.mt-g-tools{position:absolute;right:12px;bottom:12px;display:flex;gap:8px;z-index:3}
.mt-g-dots{position:absolute;left:0;right:0;bottom:14px;display:none;justify-content:center;gap:6px;z-index:3}
.mt-g-dots span{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--mt-text) 25%,transparent);transition:width .2s,background .2s}
.mt-g-dots span.is-active{width:20px;border-radius:4px;background:var(--mt-primary)}
@media(max-width:991px){.mt-g-dots{display:flex}.mt-g-nav{display:none}}
.mt-g-badges{position:absolute;left:14px;top:14px;z-index:3;display:flex;gap:6px}
.mt-3d{position:relative;width:100%;height:100%;background:radial-gradient(circle at 50% 35%,var(--mt-surface),var(--mt-surface-2))}
.mt-3d-canvas{display:block;width:100%!important;height:100%!important;touch-action:none}
.mt-3d.is-loading:before{content:"";position:absolute;left:50%;top:50%;width:42px;height:42px;margin:-21px 0 0 -21px;border:3px solid var(--mt-border);border-top-color:var(--mt-primary);border-radius:50%;animation:mt-spin .8s linear infinite}
.mt-3d-hint{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);background:rgba(0,0,0,.6);color:#fff;font-size:.8rem;padding:6px 12px;border-radius:999px;pointer-events:none;transition:opacity .4s;white-space:nowrap}
.mt-3d.is-ready .mt-3d-hint{animation:mt-fadeout 3.5s forwards}
@keyframes mt-fadeout{0%,70%{opacity:1}100%{opacity:0}}
.mt-3d-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--mt-muted);padding:20px;text-align:center}
.mt-3d-start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;background:rgba(0,0,0,.25);color:#fff;font-weight:700;border:0;width:100%}
.mt-3d-start img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1}
.mt-3d-start span{background:rgba(0,0,0,.65);padding:10px 18px;border-radius:999px;display:inline-flex;align-items:center;gap:8px}

.mt-pinfo h1{font-size:clamp(1.5rem,1.2rem + 1vw,2.1rem);margin:0 0 10px}
.mt-pmeta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;color:var(--mt-muted);font-size:.9rem;margin-bottom:14px}
.mt-pmeta a{color:var(--mt-muted);text-decoration:underline;text-underline-offset:3px}
.mt-stock{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.mt-stock:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.mt-stock.is-in{color:var(--mt-success)}.mt-stock.is-out{color:var(--mt-sale)}
.mt-pprice{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin:16px 0 4px}
.mt-pprice-main{font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem);font-weight:800;letter-spacing:-.02em}
.mt-pprice-main.is-special{color:var(--mt-sale)}
.mt-pprice-old{font-size:1.1rem;color:var(--mt-muted);text-decoration:line-through}
.mt-pprice-pct{background:var(--mt-sale);color:#fff;font-weight:800;font-size:.8rem;padding:3px 8px;border-radius:7px}
.mt-pprice-sub{color:var(--mt-muted);font-size:.86rem}
.mt-pprice.is-updating .mt-pprice-main{opacity:.5}
.mt-discounts{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.mt-discounts span{padding:6px 12px;border-radius:10px;background:var(--mt-primary-soft);color:var(--mt-text);font-size:.88rem}
.mt-discounts b{color:var(--mt-primary)}
.mt-countdown{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0;padding:12px 14px;border-radius:var(--mt-radius);background:color-mix(in srgb,var(--mt-sale) 8%,var(--mt-surface));border:1px dashed color-mix(in srgb,var(--mt-sale) 40%,transparent);font-weight:600;font-size:.92rem}
.mt-countdown-box{display:flex;gap:6px}
.mt-countdown-box span{min-width:46px;padding:5px 6px;border-radius:8px;background:var(--mt-surface);text-align:center;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}
.mt-countdown-box small{display:block;font-size:.66rem;font-weight:600;color:var(--mt-muted);text-transform:uppercase}
.mt-options{margin:18px 0 6px;display:flex;flex-direction:column;gap:16px}
.mt-options .form-group{margin:0}
.mt-opt-label{display:block;font-weight:700;margin-bottom:8px}
.mt-opt-label .mt-opt-sel{font-weight:500;color:var(--mt-muted);margin-left:6px}
.mt-swatches{display:flex;flex-wrap:wrap;gap:8px}
.mt-swatch{position:relative;margin:0!important;cursor:pointer}
.mt-swatch input{position:absolute;opacity:0;pointer-events:none}
.mt-swatch>span{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:6px 14px;border:1.5px solid var(--mt-border);border-radius:calc(var(--mt-radius) * .75);background:var(--mt-surface);font-weight:600;font-size:.92rem;transition:border-color .15s,box-shadow .15s,background .15s}
.mt-swatch img{width:30px;height:30px;border-radius:6px;object-fit:cover}
.mt-swatch small{color:var(--mt-muted);font-weight:500}
.mt-swatch:hover>span{border-color:color-mix(in srgb,var(--mt-primary) 50%,var(--mt-border))}
.mt-swatch input:checked+span{border-color:var(--mt-primary);box-shadow:0 0 0 3px var(--mt-primary-soft);background:color-mix(in srgb,var(--mt-primary) 5%,var(--mt-surface))}
.mt-swatch input:focus-visible+span{outline:2px solid var(--mt-primary);outline-offset:2px}
.mt-swatch.is-img>span{padding:4px 10px 4px 4px}
.mt-check{display:flex;align-items:center;gap:10px;font-weight:500!important;margin:4px 0!important;cursor:pointer}
.mt-buy{display:flex;gap:10px;align-items:stretch;margin:18px 0 10px;flex-wrap:wrap}
.mt-qty{display:inline-flex;align-items:center;border:1.5px solid var(--mt-border);border-radius:var(--mt-btn-radius);background:var(--mt-surface);overflow:hidden;height:52px}
.mt-qty button{width:42px;height:100%;border:0;background:transparent;color:var(--mt-text);font-size:1.2rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.mt-qty button:hover{background:var(--mt-surface-2)}
.mt-qty input{width:48px;height:100%;border:0;text-align:center;font-weight:700;font-size:1.02rem;background:transparent;color:var(--mt-text);-moz-appearance:textfield}
.mt-qty input::-webkit-outer-spin-button,.mt-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.mt-qty.is-sm{height:38px}.mt-qty.is-sm button{width:32px}.mt-qty.is-sm input{width:36px;font-size:.92rem}
.mt-buy .mt-btn{flex:1;min-width:180px;height:52px;font-size:1.05rem}
.mt-buy .mt-iconbtn{width:52px;height:52px;border:1.5px solid var(--mt-border);border-radius:var(--mt-btn-radius)}
.mt-buy .mt-iconbtn.is-active{color:var(--mt-sale);border-color:var(--mt-sale)}
.mt-ptotal{color:var(--mt-muted);font-size:.9rem;margin:-2px 0 10px}
.mt-ptotal b{color:var(--mt-text)}
.mt-perks{list-style:none;padding:16px;margin:18px 0;border-radius:var(--mt-radius);background:var(--mt-surface);border:1px solid var(--mt-border);display:grid;gap:10px}
.mt-perks li{display:flex;gap:10px;align-items:flex-start;font-size:.93rem}
.mt-perks .mt-ico{color:var(--mt-success);margin-top:1px}
.mt-share{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--mt-muted);font-size:.88rem;margin-top:14px}
.mt-share a,.mt-share button{width:36px;height:36px;border-radius:50%;border:1px solid var(--mt-border);display:inline-flex;align-items:center;justify-content:center;color:var(--mt-text);background:var(--mt-surface);cursor:pointer}
.mt-share a:hover,.mt-share button:hover{border-color:var(--mt-primary);color:var(--mt-primary)}
.mt-ptabs{margin-top:clamp(30px,5vw,56px)}
.mt-ptabs-nav{display:flex;gap:4px;border-bottom:1px solid var(--mt-border);overflow-x:auto;scrollbar-width:none}
.mt-ptabs-nav button{border:0;background:none;padding:14px 18px;font-weight:700;font-size:1rem;color:var(--mt-muted);position:relative;white-space:nowrap;cursor:pointer}
.mt-ptabs-nav button.is-active{color:var(--mt-text)}
.mt-ptabs-nav button.is-active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--mt-primary)}
.mt-ptabs-nav sup{background:var(--mt-surface-2);color:var(--mt-muted);border-radius:9px;padding:1px 7px;font-size:.72rem;margin-left:4px;top:-.6em}
.mt-ptab{display:none;padding:26px 0}
.mt-ptab.is-active{display:block;animation:mt-fade .25s}
@keyframes mt-fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.mt-ptabs.is-stacked .mt-ptabs-nav{display:none}
.mt-ptabs.is-stacked .mt-ptab{display:block;border-bottom:1px solid var(--mt-border)}
.mt-ptab-title{display:none}
.mt-ptabs.is-stacked .mt-ptab-title,.mt-ptabs.is-accordion .mt-ptab-title{display:flex}
.mt-ptabs.is-accordion .mt-ptabs-nav{display:none}
.mt-ptabs.is-accordion .mt-ptab{display:block;padding:0;border-bottom:1px solid var(--mt-border)}
.mt-ptabs.is-accordion .mt-ptab-title{width:100%;justify-content:space-between;align-items:center;background:none;border:0;padding:18px 0;font-size:1.1rem;font-weight:700;color:var(--mt-text);cursor:pointer}
.mt-ptabs.is-accordion .mt-ptab-body{display:none;padding:0 0 22px}
.mt-ptabs.is-accordion .mt-ptab.is-active .mt-ptab-body{display:block}
.mt-ptabs.is-accordion .mt-ptab.is-active .mt-ptab-title .mt-ico{transform:rotate(180deg)}
.mt-ptabs.is-stacked .mt-ptab-title{font-size:1.25rem;font-weight:800;margin:0 0 14px;border:0;background:none;padding:0;color:var(--mt-text)}
.mt-desc{max-width:900px;line-height:1.7}
.mt-desc img{border-radius:var(--mt-radius)}
.mt-desc table{width:100%}
.mt-specs{width:100%;max-width:900px;border-collapse:separate;border-spacing:0;border:1px solid var(--mt-border);border-radius:var(--mt-radius);overflow:hidden;background:var(--mt-surface)}
.mt-specs th{background:var(--mt-surface-2);padding:10px 16px;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--mt-muted)}
.mt-specs td{padding:11px 16px;border-top:1px solid var(--mt-border);vertical-align:top}
.mt-specs td:first-child{width:38%;color:var(--mt-muted)}
.mt-review-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:36px}
@media(max-width:991px){.mt-review-wrap{grid-template-columns:1fr}}
.mt-stars-input{display:inline-flex;flex-direction:row-reverse;gap:2px}
.mt-stars-input input{position:absolute;opacity:0}
.mt-stars-input label{cursor:pointer;color:var(--mt-border);margin:0}
.mt-stars-input label .mt-ico{width:28px;height:28px}
.mt-stars-input label:hover,.mt-stars-input label:hover~label,.mt-stars-input input:checked~label{color:var(--mt-accent)}
#review table{margin-bottom:14px;background:var(--mt-surface)}
.mt-sticky-cart{position:fixed;left:0;right:0;bottom:0;z-index:900;background:var(--mt-surface);border-top:1px solid var(--mt-border);box-shadow:0 -8px 24px rgba(0,0,0,.08);transform:translateY(110%);transition:transform .3s var(--mt-ease);padding:10px 0 calc(10px + env(safe-area-inset-bottom))}
.mt-sticky-cart.is-visible{transform:none}
.mt-sticky-cart .container{display:flex;align-items:center;gap:14px}
.mt-sticky-cart img{width:46px;height:46px;border-radius:8px;object-fit:cover}
.mt-sticky-name{flex:1;min-width:0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-sticky-name small{display:block;color:var(--mt-muted);font-weight:600}
@media(max-width:575px){.mt-sticky-cart img{display:none}.mt-sticky-name{font-size:.9rem}}
.mt-recent{margin-top:20px}

/* Lightbox */
.mt-lb{position:fixed;inset:0;z-index:3000;background:rgba(5,8,14,.94);display:none;flex-direction:column}
.mt-lb.is-open{display:flex;animation:mt-fade .2s}
.mt-lb-stage{flex:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.mt-lb-stage::-webkit-scrollbar{display:none}
.mt-lb-stage figure{flex:0 0 100%;display:flex;align-items:center;justify-content:center;scroll-snap-align:center;margin:0;padding:60px 20px}
.mt-lb-stage img{max-width:100%;max-height:100%;object-fit:contain;user-select:none}
.mt-lb button{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;width:48px;height:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}
.mt-lb button:hover{background:rgba(255,255,255,.25)}
.mt-lb-close{top:14px;right:14px}.mt-lb-prev{left:14px;top:50%}.mt-lb-next{right:14px;top:50%}
.mt-lb-count{position:absolute;top:24px;left:24px;color:#fff;font-weight:600;opacity:.8}

/* Quick view modal & generic modal */
.mt-modal{position:fixed;inset:0;z-index:2500;display:none;align-items:center;justify-content:center;padding:20px}
.mt-modal.is-open{display:flex}
.mt-modal-box{position:relative;background:var(--mt-bg);border-radius:calc(var(--mt-radius) + 6px);width:min(1100px,100%);max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:var(--mt-shadow-lg);animation:mt-pop .22s var(--mt-ease);padding:28px}
.mt-modal-close{position:absolute;right:12px;top:12px;z-index:5}
.mt-modal-box .mt-gallery{position:relative;top:0}
.mt-modal-loading{min-height:300px;display:flex;align-items:center;justify-content:center}
.mt-modal-loading:after{content:"";width:40px;height:40px;border:3px solid var(--mt-border);border-top-color:var(--mt-primary);border-radius:50%;animation:mt-spin .8s linear infinite}
@media(max-width:575px){.mt-modal{padding:0;align-items:flex-end}.mt-modal-box{border-radius:20px 20px 0 0;max-height:92vh;padding:20px 16px}}

/* ---------- Side cart ---------- */
.mt-cart{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);background:var(--mt-surface);z-index:2000;transform:translateX(102%);transition:transform .32s var(--mt-ease);display:flex;flex-direction:column;box-shadow:var(--mt-shadow-lg)}
.mt-cart.is-open{transform:none}
.mt-cart-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--mt-border)}
.mt-cart-head h3{margin:0;font-size:1.15rem}
.mt-cart-head h3 span{color:var(--mt-muted);font-weight:500}
.mt-cart-body{flex:1;overflow-y:auto;padding:6px 20px}
.mt-cart-item{display:grid;grid-template-columns:72px 1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid var(--mt-border);align-items:start}
.mt-cart-item img{width:72px;height:72px;border-radius:10px;object-fit:cover;background:var(--mt-surface-2)}
.mt-cart-item-name{font-weight:600;color:var(--mt-text)!important;line-height:1.3;display:block;margin-bottom:3px;font-size:.94rem}
.mt-cart-item-opt{font-size:.8rem;color:var(--mt-muted);line-height:1.4}
.mt-cart-item-price{font-weight:700;white-space:nowrap;text-align:right}
.mt-cart-item-row{display:flex;align-items:center;gap:10px;margin-top:8px}
.mt-cart-remove{border:0;background:none;color:var(--mt-muted);padding:4px;cursor:pointer;border-radius:6px}
.mt-cart-remove:hover{color:var(--mt-sale);background:var(--mt-surface-2)}
.mt-cart-item.is-busy{opacity:.5;pointer-events:none}
.mt-cart-item .mt-oos{color:var(--mt-sale);font-size:.8rem;font-weight:600}
.mt-cart-foot{padding:16px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--mt-border);background:var(--mt-surface)}
.mt-cart-totals{width:100%;margin-bottom:14px;font-size:.93rem}
.mt-cart-totals td{padding:3px 0}
.mt-cart-totals td:last-child{text-align:right;font-weight:600}
.mt-cart-totals tr:last-child td{font-size:1.1rem;font-weight:800;padding-top:8px}
.mt-cart-btns{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}
.mt-free{padding:12px 20px;background:var(--mt-primary-soft);font-size:.88rem}
.mt-free-bar{height:6px;border-radius:3px;background:color-mix(in srgb,var(--mt-primary) 20%,transparent);margin-top:8px;overflow:hidden}
.mt-free-bar span{display:block;height:100%;background:var(--mt-primary);border-radius:3px;transition:width .5s var(--mt-ease)}
.mt-free.is-done{background:color-mix(in srgb,var(--mt-success) 12%,transparent)}
.mt-free.is-done .mt-free-bar span{background:var(--mt-success)}
.mt-cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:60px 20px;color:var(--mt-muted);height:100%}
.mt-cart-empty .mt-ico{width:60px;height:60px;opacity:.35}

/* Cart page */
.mt-cartpage{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start}
@media(max-width:991px){.mt-cartpage{grid-template-columns:1fr}}
.mt-cartlist .mt-cart-item{grid-template-columns:96px 1fr auto;padding:18px}
.mt-cartlist .mt-cart-item img{width:96px;height:96px}
.mt-cartlist .mt-cart-item:last-child{border-bottom:0}
.mt-summary{position:sticky;top:calc(var(--mt-header-h) + 16px)}
.mt-summary h3{margin-top:0}
.mt-summary .table{margin:0}
.mt-summary .table td{border:0;padding:6px 0}
.mt-summary .table tr:last-child td{font-size:1.15rem;font-weight:800;border-top:1px solid var(--mt-border);padding-top:12px}
.mt-cartpage .panel-group .panel{margin-bottom:10px}

/* Checkout */
.mt-checkout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start}
.mt-checkout.no-summary{grid-template-columns:1fr}
@media(max-width:991px){.mt-checkout{grid-template-columns:1fr}.mt-checkout .mt-summary{position:static;order:-1}}
.mt-checkout #accordion .panel{border-radius:var(--mt-radius)!important;margin-bottom:12px;border:1px solid var(--mt-border)}
.mt-checkout #accordion .panel-heading{padding:0;background:var(--mt-surface)}
.mt-checkout #accordion .panel-title{font-size:1.05rem;padding:16px 18px;display:flex;align-items:center;gap:12px;counter-increment:mtstep}
.mt-checkout #accordion{counter-reset:mtstep}
.mt-checkout #accordion .panel-title:before{content:counter(mtstep);width:30px;height:30px;border-radius:50%;background:var(--mt-surface-2);color:var(--mt-muted);display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800;flex:none}
.mt-checkout #accordion .panel-title a{color:var(--mt-text)!important;flex:1;display:flex;align-items:center;justify-content:space-between}
.mt-checkout #accordion .panel-title a .fa{display:none}
.mt-checkout #accordion .panel-collapse.in~*,.mt-checkout #accordion .panel:has(.panel-collapse.in) .panel-title:before{background:var(--mt-primary);color:var(--mt-on-primary)}
.mt-checkout #accordion .panel-body{padding:20px 22px;border-top:1px solid var(--mt-border)}
.mt-notice{display:flex;gap:10px;padding:12px 14px;border-radius:var(--mt-radius);background:color-mix(in srgb,var(--mt-accent) 12%,var(--mt-surface));border:1px solid color-mix(in srgb,var(--mt-accent) 35%,transparent);font-size:.88rem;margin:14px 0}
.mt-notice .mt-ico{color:var(--mt-accent);flex:none;margin-top:2px}
.mt-secure{display:flex;align-items:center;gap:8px;color:var(--mt-muted);font-size:.85rem;margin-top:12px;justify-content:center}
.mt-summary .mt-cart-body{padding:0;max-height:360px}
.mt-summary .mt-cart-head,.mt-summary .mt-cart-btns,.mt-summary .mt-free,.mt-summary .mt-cart-remove,.mt-summary .mt-qty{display:none}
.mt-summary .mt-cart-foot{padding:14px 0 0;background:none}

/* ---------- Footer ---------- */
.mt-footer{background:var(--mt-footer-bg);color:var(--mt-footer-text);margin-top:auto;padding-top:clamp(36px,5vw,64px);font-size:.93rem}
.mt-footer a{color:var(--mt-footer-text)}
.mt-footer a:hover{color:#fff}
.mt-footer h5{color:#fff;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 16px;font-weight:700}
.mt-footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}
@media(max-width:991px){.mt-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:575px){.mt-footer-grid{grid-template-columns:1fr;gap:6px}}
.mt-footer ul{list-style:none;padding:0;margin:0}
.mt-footer li{margin:0 0 9px}
.mt-footer-about p{opacity:.9;max-width:380px}
.mt-footer-brand{font-size:1.3rem;font-weight:800;color:#fff;margin-bottom:12px;display:block}
.mt-contact li{display:flex;gap:10px;align-items:flex-start}
.mt-contact .mt-ico{opacity:.7;margin-top:2px}
.mt-social{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.mt-social a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;transition:background .15s,transform .15s}
.mt-social a:hover{background:var(--mt-primary);transform:translateY(-2px);color:#fff}
.mt-social .mt-txt{font-size:.68rem;font-weight:800}
.mt-social .fa+.mt-txt{display:none}
.mt-nofa .mt-social .fa{display:none}.mt-nofa .mt-social .fa+.mt-txt{display:inline}
.mt-footer-bottom{margin-top:clamp(28px,4vw,48px);border-top:1px solid rgba(255,255,255,.08);padding:20px 0;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;font-size:.85rem}
.mt-pay{display:flex;flex-wrap:wrap;gap:6px}
.mt-pay span{padding:4px 10px;border-radius:6px;background:rgba(255,255,255,.08);font-weight:700;font-size:.75rem;letter-spacing:.03em}
@media(max-width:575px){
  .mt-fcol h5{display:flex;justify-content:space-between;align-items:center;padding:14px 0;margin:0;border-bottom:1px solid rgba(255,255,255,.08);cursor:pointer}
  .mt-fcol h5:after{content:"+";font-size:1.2rem;font-weight:400}
  .mt-fcol.is-open h5:after{content:"−"}
  .mt-fcol ul{display:none;padding:12px 0}
  .mt-fcol.is-open ul{display:block}
}

/* ---------- Floating / misc ---------- */
.mt-float{position:fixed;right:18px;bottom:18px;z-index:950;display:flex;flex-direction:column;gap:10px;align-items:flex-end;transition:transform .3s}
body.has-sticky-cart .mt-float{transform:translateY(-74px)}
.mt-float a,.mt-float button{width:50px;height:50px;border-radius:50%;border:0;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--mt-shadow);cursor:pointer;transition:transform .2s,opacity .2s}
.mt-float a:hover,.mt-float button:hover{transform:translateY(-2px)}
.mt-wa{background:#25d366;color:#fff!important;font-size:1.6rem}
.mt-totop{background:var(--mt-surface);color:var(--mt-text);opacity:0;pointer-events:none}
.mt-totop.is-visible{opacity:1;pointer-events:auto}
.mt-toasts{position:fixed;left:50%;top:18px;transform:translateX(-50%);z-index:4000;display:flex;flex-direction:column;gap:8px;align-items:center;width:min(480px,calc(100vw - 24px));pointer-events:none}
.mt-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;width:100%;padding:14px 16px;border-radius:var(--mt-radius);background:var(--mt-surface);color:var(--mt-text);box-shadow:var(--mt-shadow-lg);border:1px solid var(--mt-border);animation:mt-toast-in .3s var(--mt-ease);font-size:.93rem}
.mt-toast.is-out{animation:mt-toast-out .25s forwards}
.mt-toast .mt-ico{flex:none;margin-top:1px}
.mt-toast.is-success .mt-ico{color:var(--mt-success)}
.mt-toast.is-error .mt-ico{color:var(--mt-sale)}
.mt-toast a{font-weight:700}
.mt-toast-body{flex:1}
.mt-toast-x{border:0;background:none;color:var(--mt-muted);cursor:pointer;padding:0 2px;font-size:1.2rem;line-height:1}
@keyframes mt-toast-in{from{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:none}}
@keyframes mt-toast-out{to{opacity:0;transform:translateY(-10px)}}
.mt-cookie{position:fixed;left:18px;bottom:18px;z-index:3500;width:min(440px,calc(100vw - 36px));background:var(--mt-surface);color:var(--mt-text);border:1px solid var(--mt-border);border-radius:calc(var(--mt-radius) + 4px);box-shadow:var(--mt-shadow-lg);padding:20px;font-size:.9rem;display:none}
.mt-cookie.is-open{display:block;animation:mt-toast-in .3s var(--mt-ease)}
.mt-cookie h4{margin:0 0 8px;font-size:1rem}
.mt-cookie p{margin:0 0 14px;color:var(--mt-muted)}
.mt-cookie-btns{display:flex;gap:8px;flex-wrap:wrap}
.mt-cookie-btns .mt-btn{padding:.6em 1em;font-size:.9rem;flex:1}

/* Reveal on scroll */
.mt-js .mt-reveal .mt-rv{opacity:0;transform:translateY(18px);transition:opacity .6s var(--mt-ease),transform .6s var(--mt-ease)}
.mt-js .mt-reveal .mt-rv.is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.mt-reveal .mt-rv{opacity:1;transform:none}.mt-tilt .mt-card{transform:none}}

/* Theme toggle icon swap */
.mt-theme-toggle .mt-i-moon{display:none}
html[data-theme="dark"] .mt-theme-toggle .mt-i-sun{display:none}
html[data-theme="dark"] .mt-theme-toggle .mt-i-moon{display:inline-block}

/* ---------- Page builder sections ---------- */
.mt-pb{display:block}
.mt-pb-full .mt-sec>.container{max-width:var(--mt-container)}
.mt-hero{position:relative;overflow:hidden;border-radius:0}
.mt-hero.in-container{border-radius:calc(var(--mt-radius) + 8px);margin-top:20px}
.mt-hero-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.mt-hero-slides::-webkit-scrollbar{display:none}
.mt-hero-slide{position:relative;flex:0 0 100%;scroll-snap-align:start;display:flex;align-items:center;min-height:var(--mt-hero-h,520px);color:#fff;overflow:hidden}
.mt-hero.h-small{--mt-hero-h:340px}.mt-hero.h-medium{--mt-hero-h:460px}.mt-hero.h-large{--mt-hero-h:600px}.mt-hero.h-full{--mt-hero-h:calc(100vh - 140px)}
@media(max-width:767px){.mt-hero{--mt-hero-h:440px!important}}
.mt-hero-bg{position:absolute;inset:-6% 0;z-index:0;will-change:transform}
.mt-hero-bg img{width:100%;height:100%;object-fit:cover}
.mt-hero-slide:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,var(--mt-ov,.55)) 0%,rgba(0,0,0,calc(var(--mt-ov,.55) * .3)) 70%,transparent)}
.mt-hero-slide.a-center:after{background:rgba(0,0,0,calc(var(--mt-ov,.55) * .8))}
.mt-hero-slide.a-right:after{background:linear-gradient(270deg,rgba(0,0,0,var(--mt-ov,.55)),transparent)}
.mt-hero-slide .container{position:relative;z-index:2;width:100%}
.mt-hero-content{max-width:620px}
.a-center .mt-hero-content{margin:0 auto;text-align:center}
.a-right .mt-hero-content{margin-left:auto;text-align:right}
.mt-hero-content h2{color:#fff;font-size:clamp(2rem,1.3rem + 3vw,3.6rem);line-height:1.05;margin:0 0 16px;letter-spacing:-.03em}
.mt-hero-content p{font-size:clamp(1rem,.95rem + .3vw,1.2rem);opacity:.92;margin:0 0 26px}
.mt-hero-kicker{display:inline-block;font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.15);margin-bottom:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.mt-hero-slide .mt-hero-content>*{opacity:0;transform:translateY(16px);transition:opacity .7s var(--mt-ease),transform .7s var(--mt-ease)}
.mt-hero-slide.is-active .mt-hero-content>*{opacity:1;transform:none}
.mt-hero-slide.is-active .mt-hero-content>*:nth-child(2){transition-delay:.1s}
.mt-hero-slide.is-active .mt-hero-content>*:nth-child(3){transition-delay:.2s}
.mt-hero-slide.is-active .mt-hero-content>*:nth-child(4){transition-delay:.3s}
.mt-hero-dots{position:absolute;left:0;right:0;bottom:22px;display:flex;justify-content:center;gap:8px;z-index:3}
.mt-hero-dots button{width:10px;height:10px;border-radius:5px;border:0;background:rgba(255,255,255,.5);cursor:pointer;transition:width .3s,background .3s;padding:0}
.mt-hero-dots button.is-active{width:30px;background:#fff}
.mt-hero-arrows button{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.15);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.mt-hero-arrows button:hover{background:rgba(255,255,255,.3)}
.mt-hero-arrows .prev{left:20px}.mt-hero-arrows .next{right:20px}
@media(max-width:767px){.mt-hero-arrows{display:none}}
.mt-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.mt-feature{display:flex;gap:14px;align-items:flex-start;padding:20px;background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:var(--mt-radius)}
.mt-feature-ico{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--mt-primary-soft);color:var(--mt-primary);flex:none}
.mt-feature h3{margin:0 0 4px;font-size:1rem}
.mt-feature p{margin:0;color:var(--mt-muted);font-size:.9rem}
.mt-banners{display:grid;grid-template-columns:repeat(var(--mt-bcols,3),minmax(0,1fr));gap:18px}
@media(max-width:767px){.mt-banners{grid-template-columns:1fr}}
.mt-banner{position:relative;display:block;border-radius:var(--mt-radius);overflow:hidden;aspect-ratio:var(--mt-bratio,4/3);background:var(--mt-surface-2);color:#fff!important}
.mt-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--mt-ease)}
.mt-banner:hover img{transform:scale(1.06)}
.mt-banner-txt{position:absolute;left:0;right:0;bottom:0;padding:22px;background:linear-gradient(transparent,rgba(0,0,0,.7));z-index:1}
.mt-banner-txt strong{display:block;font-size:1.25rem;line-height:1.2}
.mt-banner-txt span{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:.88rem;font-weight:700;opacity:.9}
.mt-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}
.mt-cat{position:relative;display:flex;flex-direction:column;border-radius:var(--mt-radius);overflow:hidden;background:var(--mt-surface);border:1px solid var(--mt-border);color:var(--mt-text)!important;transition:transform .25s var(--mt-ease),box-shadow .25s}
.mt-cat:hover{transform:translateY(-4px);box-shadow:var(--mt-shadow)}
.mt-cat img{width:100%;aspect-ratio:1;object-fit:cover}
.mt-cat span{padding:12px 14px;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.mt-richtext{max-width:900px;line-height:1.7}
.mt-richtext.is-center{margin:0 auto;text-align:center}
.mt-cta{position:relative;overflow:hidden;border-radius:calc(var(--mt-radius) + 8px);padding:clamp(32px,5vw,64px);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:var(--mt-cta-bg,var(--mt-primary))}
.mt-cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.35}
.mt-cta>*{position:relative;z-index:1}
.mt-cta h2{color:#fff;margin:0 0 8px}
.mt-cta p{margin:0;opacity:.9;max-width:640px}
.mt-cta:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-120px;top:-180px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 70%);z-index:0}
.mt-showcase{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
@media(max-width:991px){.mt-showcase{grid-template-columns:1fr}}
.mt-showcase .mt-3d{aspect-ratio:1;border-radius:calc(var(--mt-radius) + 8px);border:1px solid var(--mt-border);overflow:hidden}
.mt-compare{position:relative;aspect-ratio:16/9;border-radius:calc(var(--mt-radius) + 8px);overflow:hidden;user-select:none;touch-action:pan-y;background:var(--mt-surface-2)}
.mt-compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.mt-compare-after{clip-path:inset(0 0 0 var(--pos,50%))}
.mt-compare-handle{position:absolute;top:0;bottom:0;left:var(--pos,50%);width:3px;margin-left:-1.5px;background:#fff;z-index:2;pointer-events:none}
.mt-compare-handle:after{content:"⟷";position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;font-weight:800;box-shadow:var(--mt-shadow)}
.mt-compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:3;margin:0}
.mt-compare-lbl{position:absolute;top:14px;z-index:2;background:rgba(0,0,0,.55);color:#fff;font-size:.78rem;font-weight:700;padding:4px 10px;border-radius:999px}
.mt-compare-lbl.l{left:14px}.mt-compare-lbl.r{right:14px}
.mt-video{position:relative;aspect-ratio:16/9;border-radius:calc(var(--mt-radius) + 8px);overflow:hidden;background:#000}
.mt-video iframe,.mt-video video{position:absolute;inset:0;width:100%;height:100%;border:0}
.mt-video-play{position:absolute;inset:0;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#fff;width:100%}
.mt-video-play img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}
.mt-video-play span{position:relative;width:84px;height:84px;border-radius:50%;background:var(--mt-primary);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 12px rgba(255,255,255,.15);transition:transform .2s}
.mt-video-play:hover span{transform:scale(1.08)}
.mt-video-play small{position:relative;font-size:.78rem;opacity:.85;max-width:420px;text-align:center;padding:0 16px}
.mt-faq{max-width:900px}
.mt-faq details{border-bottom:1px solid var(--mt-border)}
.mt-faq summary{list-style:none;cursor:pointer;padding:18px 0;font-weight:700;font-size:1.04rem;display:flex;justify-content:space-between;gap:12px;align-items:center}
.mt-faq summary::-webkit-details-marker{display:none}
.mt-faq summary .mt-ico{transition:transform .2s}
.mt-faq details[open] summary .mt-ico{transform:rotate(45deg)}
.mt-faq-a{padding:0 0 18px;color:var(--mt-muted);line-height:1.7}
.mt-promo{position:relative;overflow:hidden;border-radius:calc(var(--mt-radius) + 8px);padding:clamp(28px,5vw,56px);background:var(--mt-promo-bg,#111827);color:#fff;text-align:center}
.mt-promo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
.mt-promo>*{position:relative}
.mt-promo h2{color:#fff}
.mt-promo .mt-countdown-box{justify-content:center;margin:18px 0 24px}
.mt-promo .mt-countdown-box span{background:rgba(255,255,255,.12);color:#fff;min-width:70px;padding:10px;font-size:1.6rem}
.mt-promo .mt-countdown-box small{color:rgba(255,255,255,.7)}
.mt-reviews{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.mt-review{padding:22px;background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:var(--mt-radius);display:flex;flex-direction:column;gap:10px}
.mt-review p{margin:0;line-height:1.6;flex:1}
.mt-review-by{display:flex;align-items:center;gap:10px;font-size:.88rem;color:var(--mt-muted)}
.mt-review-by b{color:var(--mt-text)}
.mt-review-by a{margin-left:auto;font-weight:600;font-size:.82rem;max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-avatar{width:36px;height:36px;border-radius:50%;background:var(--mt-primary-soft);color:var(--mt-primary);display:inline-flex;align-items:center;justify-content:center;font-weight:800}
.mt-brands{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.mt-brands a{display:flex;align-items:center;justify-content:center;height:90px;padding:14px;background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:var(--mt-radius);color:var(--mt-text)!important;font-weight:700}
.mt-brands img{max-height:56px;width:auto;filter:grayscale(1);opacity:.75;transition:filter .2s,opacity .2s}
.mt-brands a:hover img{filter:none;opacity:1}
.mt-gallery-grid{columns:var(--mt-gcols,4) 220px;column-gap:14px}
.mt-gallery-grid a{display:block;margin-bottom:14px;border-radius:var(--mt-radius);overflow:hidden;break-inside:avoid;position:relative}
.mt-gallery-grid img{width:100%;display:block;transition:transform .6s var(--mt-ease)}
.mt-gallery-grid a:hover img{transform:scale(1.04)}
.mt-gallery-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:12px;color:#fff;font-size:.85rem;font-weight:600;background:linear-gradient(transparent,rgba(0,0,0,.65));opacity:0;transition:opacity .2s}
.mt-gallery-grid a:hover figcaption{opacity:1}
.mt-sec.bg-surface{background:var(--mt-surface)}
.mt-sec.bg-soft{background:var(--mt-primary-soft)}

/* ---------- Information / contact / account (default templates) ---------- */
.mt #information-information #content,.mt #information-contact #content{max-width:980px}
.mt #account-login .well{padding:28px}
.mt #account-account #content ul.list-unstyled{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:28px}
.mt #account-account #content ul.list-unstyled li a{display:block;padding:14px 16px;background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:var(--mt-radius);color:var(--mt-text);font-weight:600}
.mt #account-account #content ul.list-unstyled li a:hover{border-color:var(--mt-primary);color:var(--mt-primary)}
.mt .product-thumb{background:var(--mt-surface);border-color:var(--mt-border);border-radius:var(--mt-radius);overflow:hidden}
.mt .product-thumb .button-group{border-color:var(--mt-border);background:var(--mt-surface-2)}
.mt .product-thumb .button-group button{background:var(--mt-surface-2);color:var(--mt-text)}
.mt .product-thumb .button-group button:hover{background:var(--mt-primary);color:var(--mt-on-primary)}
.mt .price{color:var(--mt-text);font-weight:700}
.mt .price-new{color:var(--mt-sale)}
.mt .price-old{color:var(--mt-muted)}
.mt .rating .fa-star{color:var(--mt-accent)}
.mt .rating .fa-star-o{color:var(--mt-border)}
.mt .fa-stack{width:1.2em}

/* Print */
@media print{.mt-topbar,.mt-header,.mt-nav,.mt-footer,.mt-float,.mt-cookie,.mt-sticky-cart,.mt-card-actions,.mt-buy{display:none!important}body.mt{background:#fff;color:#000}}

/* Checkout summary (static copy of the side cart) */
.mt-summary-cart>a.mt-iconbtn{display:none}
.mt-cart.mt-cart-static{position:static;transform:none;width:auto;box-shadow:none;background:transparent;z-index:auto;display:block}
.mt-summary .mt-cart-item{grid-template-columns:56px 1fr auto;padding:10px 0}
.mt-summary .mt-cart-item img{width:56px;height:56px}

/* Home & module wrappers */
.mt-home>.mt-modwrap{max-width:var(--mt-container);margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}
#content .mt-modwrap{padding-top:10px}
.mt-home>.mt-pb:first-child>.mt-sec:first-child:not(.mt-sec-hero){padding-top:28px}
/* Bootstrap 3 clearfix pseudo-elements must not become flex/grid items */
.mt-topbar .container:before,.mt-topbar .container:after,.mt-sticky-cart .container:before,.mt-sticky-cart .container:after,.mt-header-row:before,.mt-header-row:after{content:none!important;display:none!important}

.mt-header.mt-raise{z-index:2001}
/* Button links must keep button colours (".mt a" is more specific than ".mt-btn") */
.mt a.mt-btn,.mt a.mt-btn:hover,.mt a.mt-btn:focus{color:var(--mt-on-primary)}
.mt a.mt-btn-ghost,.mt a.mt-btn-ghost:hover{color:var(--mt-text)}
.mt a.mt-btn-light,.mt a.mt-btn-light:hover{color:#111}
.mt-search input:focus-visible{outline:0}
/* Mobile header / top bar refinements */
body.mt{overflow-x:clip}
.mt-topbar-l{min-width:0;flex:1}
.mt-topbar-msg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.mt-switch>button span{white-space:nowrap}
@media(max-width:991px){
  .mt-logo{flex:1 1 auto;min-width:0;max-width:none}
  .mt-logo img{max-width:100%;height:auto;max-height:calc(var(--mt-logo-h) * .82)}
  .mt-header-actions{flex:none;gap:0}
  .mt-header-actions .mt-iconbtn{width:38px;height:38px}
  .mt-topbar{font-size:.78rem}
  .mt-topbar-r{gap:10px}
}
@media(max-width:400px){.mt-header-actions .mt-theme-toggle{display:none}}

/* =================== v1.1 =================== */
@font-face{font-family:'Fraunces';font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/fraunces-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:'Fraunces';font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/fraunces-latin-ext.woff2) format('woff2');unicode-range:U+0100-024F,U+1E9E,U+20A0-20AB,U+20AD-20C0}
.mt h1,.mt h2,.mt h3,.mt h4,.mt-hero-content h2,.mt-cta h2,.mt-promo h2,.mt-pinfo h1{font-family:var(--mt-font-h,var(--mt-font))}
.mt-serif h1,.mt-serif h2,.mt-serif .mt-hero-content h2{font-weight:600;letter-spacing:-.01em}
.mt-hide-d{display:none!important}
@media(max-width:767px){.mt-hide-d{display:block!important}.mt-hide-d.mt-sec-hero{display:block!important}.mt-hide-m{display:none!important}}
.mt-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}

/* rotating announcement */
.mt-rotate{position:relative;height:1.4em;overflow:hidden}
.mt-rotate span{position:absolute;left:0;right:0;top:0;opacity:0;transform:translateY(100%);transition:opacity .45s,transform .45s var(--mt-ease);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-rotate span.is-on{opacity:1;transform:none}

/* search category */
.mt-search-cat{border:0;background:transparent;color:var(--mt-muted);font-weight:600;font-size:.88rem;padding:0 6px 0 18px;max-width:150px;height:46px;cursor:pointer;outline:0;border-right:1px solid var(--mt-border)}
.mt-search-cat+input{padding-left:12px}
@media(max-width:575px){.mt-search-cat{max-width:96px;font-size:.8rem;padding-left:14px}}

/* modal forms */
.mt-modal-box.is-narrow{width:min(520px,100%)}
.mt-form-title{margin:0 0 6px;font-size:1.35rem}
.mt-form-sub{color:var(--mt-muted);margin:0 0 16px}
.mt-form-alt{text-align:center;margin:14px 0 0;color:var(--mt-muted)}
.mt-form-done{text-align:center;padding:24px 6px}
.mt-form-done .mt-ico{width:46px;height:46px;color:var(--mt-success)}
.mt-form .form-group{margin-bottom:12px}
.mt-link-btn{display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:var(--mt-primary);font-weight:600;padding:6px 0;cursor:pointer}
.mt-link-btn:hover{text-decoration:underline}
.mt-check.has-error span{color:var(--mt-sale)}

/* low stock */
.mt-low{display:flex;align-items:center;gap:10px;color:var(--mt-sale);font-weight:600;font-size:.9rem;margin:-4px 0 6px}
.mt-low-bar{width:90px;height:6px;border-radius:3px;background:color-mix(in srgb,var(--mt-sale) 18%,transparent);overflow:hidden}
.mt-low-bar i{display:block;height:100%;background:var(--mt-sale);border-radius:3px}

/* stock alert + newsletter */
.mt-stock-form{padding:16px;margin:14px 0;display:grid;gap:10px}
.mt-stock-form strong{display:flex;align-items:center;gap:8px}
.mt-news-row{display:flex;gap:8px}
.mt-news-row input{flex:1;min-width:0;height:48px;border-radius:var(--mt-btn-radius);border:1px solid var(--mt-border);background:var(--mt-surface);color:var(--mt-text);padding:0 16px;font-size:1rem;outline:0}
.mt-news-row input:focus{border-color:var(--mt-primary);box-shadow:0 0 0 3px var(--mt-primary-soft)}
.mt-news{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center;padding:0 0 clamp(28px,4vw,44px);margin-bottom:clamp(28px,4vw,44px);border-bottom:1px solid rgba(255,255,255,.08)}
@media(max-width:767px){.mt-news{grid-template-columns:1fr;gap:14px}}
.mt-news h4{color:#fff;font-size:1.35rem;margin:0 0 6px;font-family:var(--mt-font-h,var(--mt-font))}
.mt-news p{margin:0;opacity:.85}
.mt-footer .mt-news-row input{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#fff}
.mt-footer .mt-news-row input::placeholder{color:rgba(255,255,255,.55)}
.mt-news-consent{font-size:.8rem;margin-top:10px!important;font-weight:400!important;opacity:.85;align-items:flex-start!important}
.mt-footer .mt-check{color:var(--mt-footer-text)}
.mt-footer .mt-check a{text-decoration:underline}

/* bundle */
.mt-bundle{margin-top:clamp(26px,4vw,44px)}
.mt-bundle h2{margin-top:0;font-size:1.3rem}
.mt-bundle-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.mt-bundle-item{display:grid;grid-template-columns:auto 72px 1fr;grid-template-rows:auto auto;gap:2px 10px;align-items:center;flex:1 1 220px;max-width:340px;margin:0!important;font-weight:500!important;cursor:pointer}
.mt-bundle-item input{grid-row:1/3}
.mt-bundle-item img{grid-row:1/3;width:72px;height:72px;border-radius:10px;object-fit:cover;background:var(--mt-surface-2)}
.mt-bundle-name{font-size:.9rem;line-height:1.3}
.mt-bundle-price{font-weight:800}
.mt-bundle-plus{font-size:1.4rem;color:var(--mt-muted);font-weight:300}
.mt-bundle-total{margin-left:auto;display:flex;flex-direction:column;gap:6px;align-items:flex-end;min-width:200px}
.mt-bundle-total span{color:var(--mt-muted);font-size:.85rem}
.mt-bundle-total b{font-size:1.4rem}
@media(max-width:767px){.mt-bundle-plus{display:none}.mt-bundle-total{margin-left:0;align-items:stretch;width:100%}}

/* card multi-image dots */
.mt-card-dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:4px;opacity:0;transition:opacity .2s;z-index:2}
.mt-card:hover .mt-card-dots{opacity:1}
.mt-card-dots span{width:18px;height:3px;border-radius:2px;background:color-mix(in srgb,var(--mt-text) 25%,transparent)}
.mt-card-dots span.is-active{background:var(--mt-primary)}
.mt-card-media[data-images] img{transition:opacity .2s}

/* upsell in cart */
.mt-upsell{padding:16px 0 6px}
.mt-upsell h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mt-muted);margin:0 0 10px}
.mt-upsell-item{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;padding:6px 0}
.mt-upsell-item img{width:56px;height:56px;border-radius:8px;object-fit:cover}
.mt-upsell-name{font-size:.88rem;color:var(--mt-text)!important;line-height:1.3}
.mt-upsell-name b{display:block}
.mt-upsell .mt-iconbtn{border:1px solid var(--mt-border)}

/* popup */
.mt-popup{position:fixed;inset:0;z-index:3200;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(8,12,20,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.mt-popup.is-open{display:flex;animation:mt-fade .25s}
.mt-popup-box{position:relative;width:min(460px,100%);background:var(--mt-surface);border-radius:calc(var(--mt-radius) + 6px);overflow:hidden;box-shadow:var(--mt-shadow-lg);animation:mt-pop .3s var(--mt-ease)}
.mt-popup-box.has-img{width:min(820px,100%);display:grid;grid-template-columns:1fr 1fr}
@media(max-width:640px){.mt-popup-box.has-img{grid-template-columns:1fr}.mt-popup-img{max-height:200px}}
.mt-popup-img img{width:100%;height:100%;object-fit:cover;display:block}
.mt-popup-body{padding:clamp(22px,4vw,36px);display:flex;flex-direction:column;justify-content:center;gap:12px}
.mt-popup-body h3{margin:0;font-size:1.5rem}
.mt-popup-body p{margin:0;color:var(--mt-muted)}
.mt-popup-x{position:absolute;right:10px;top:10px;z-index:2;background:color-mix(in srgb,var(--mt-surface) 85%,transparent)}

/* mobile bottom navigation */
.mt-bnav{display:none}
@media(max-width:767px){
  .mt-bnav{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:950;background:color-mix(in srgb,var(--mt-surface) 94%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(12px);backdrop-filter:saturate(1.6) blur(12px);border-top:1px solid var(--mt-border);padding:4px 0 calc(4px + env(safe-area-inset-bottom))}
  .mt-bnav a,.mt-bnav button{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border:0;background:none;color:var(--mt-muted)!important;font-size:.66rem;font-weight:600}
  .mt-bnav .mt-ico{width:22px;height:22px}
  .mt-bnav .mt-count{top:0;right:calc(50% - 22px)}
  body.mt{padding-bottom:calc(62px + env(safe-area-inset-bottom))}
  .mt-float{bottom:78px}
  .mt-sticky-cart{bottom:calc(60px + env(safe-area-inset-bottom))}
  .mt-cookie{bottom:76px}
}

/* AJAX filter */
.mt-filter{background:var(--mt-surface);border:1px solid var(--mt-border);border-radius:var(--mt-radius);padding:6px 18px 12px;margin-bottom:20px}
.mt-filter-head{display:flex;align-items:center;gap:10px;padding:12px 0 8px}
.mt-filter-head h3{margin:0;font-size:1.05rem;flex:1}
.mt-filter-clear{border:0;background:none;color:var(--mt-primary);font-weight:600;font-size:.85rem;cursor:pointer}
.mt-filter-x{display:none}
.mt-fgroup{border-top:1px solid var(--mt-border)}
.mt-fgroup summary{list-style:none;cursor:pointer;padding:13px 0;font-weight:700;font-size:.95rem;display:flex;justify-content:space-between;align-items:center}
.mt-fgroup summary::-webkit-details-marker{display:none}
.mt-fgroup summary .mt-ico{width:16px;height:16px;transition:transform .2s;opacity:.6}
.mt-fgroup[open] summary .mt-ico{transform:rotate(180deg)}
.mt-fbody{padding:0 0 14px}
.mt-flist{list-style:none;margin:0;padding:0;display:grid;gap:2px;max-height:none}
.mt-fopt{display:flex;align-items:center;gap:10px;padding:5px 0;margin:0!important;font-weight:500!important;cursor:pointer;font-size:.92rem}
.mt-fopt input{position:absolute;opacity:0;pointer-events:none}
.mt-fbox{width:18px;height:18px;border:1.5px solid var(--mt-border);border-radius:5px;flex:none;position:relative;background:var(--mt-surface);transition:background .15s,border-color .15s}
.mt-fbox.is-radio{border-radius:50%}
.mt-fopt input:checked+.mt-fbox{background:var(--mt-primary);border-color:var(--mt-primary)}
.mt-fopt input:checked+.mt-fbox:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid var(--mt-on-primary);border-width:0 2px 2px 0;transform:rotate(45deg)}
.mt-fopt input:focus-visible+.mt-fbox{outline:2px solid var(--mt-primary);outline-offset:2px}
.mt-fopt img{width:24px;height:24px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--mt-border)}
.mt-fopt input:checked+img{box-shadow:0 0 0 2px var(--mt-surface),0 0 0 4px var(--mt-primary)}
.mt-fname{flex:1;min-width:0}
.mt-fname small{color:var(--mt-muted)}
.mt-fcount{color:var(--mt-muted);font-size:.78rem;background:var(--mt-surface-2);border-radius:9px;padding:1px 7px;font-weight:600}
.mt-fopt.is-zero{opacity:.45;cursor:default}
.mt-flist.is-swatch{grid-template-columns:1fr}
.mt-fmore-btn{border:0;background:none;color:var(--mt-primary);font-weight:600;font-size:.85rem;padding:6px 0;cursor:pointer}
.mt-ftoggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;margin:0!important;font-weight:500!important;cursor:pointer;font-size:.92rem}
.mt-ftoggle input{position:absolute;opacity:0;pointer-events:none}
.mt-fswitch{width:40px;height:22px;border-radius:22px;background:var(--mt-border);position:relative;flex:none;transition:background .2s}
.mt-fswitch:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.mt-ftoggle input:checked+.mt-fswitch{background:var(--mt-primary)}
.mt-ftoggle input:checked+.mt-fswitch:after{transform:translateX(18px)}
.mt-ftoggle.is-zero{opacity:.45}
.mt-range{padding:6px 2px 0}
.mt-range-track{position:relative;height:26px}
.mt-range-track:before{content:"";position:absolute;left:0;right:0;top:11px;height:4px;border-radius:2px;background:var(--mt-border)}
.mt-range-fill{position:absolute;top:11px;height:4px;border-radius:2px;background:var(--mt-primary)}
.mt-range-track input[type=range]{position:absolute;left:0;top:0;width:100%;height:26px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.mt-range-track input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:20px;height:20px;border-radius:50%;background:var(--mt-surface);border:2px solid var(--mt-primary);box-shadow:var(--mt-shadow-sm);cursor:grab}
.mt-range-track input[type=range]::-moz-range-thumb{pointer-events:auto;width:18px;height:18px;border-radius:50%;background:var(--mt-surface);border:2px solid var(--mt-primary);cursor:grab}
.mt-range-track input[type=range]::-webkit-slider-runnable-track{background:none}
.mt-range-track input[type=range]::-moz-range-track{background:none}
.mt-range-inputs{display:flex;align-items:center;gap:8px;margin-top:10px}
.mt-range-inputs label{flex:1;display:flex;align-items:center;gap:4px;border:1px solid var(--mt-border);border-radius:10px;padding:0 10px;margin:0;background:var(--mt-surface);color:var(--mt-muted);font-weight:500}
.mt-range-inputs input{width:100%;min-width:0;border:0;background:none;height:38px;color:var(--mt-text);font-weight:600;outline:0;-moz-appearance:textfield}
.mt-range-inputs input::-webkit-inner-spin-button{-webkit-appearance:none}
.mt-filter-foot{display:none}
.mt-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.mt-chips[hidden],.mt-chips:empty{display:none}
.mt-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--mt-border);background:var(--mt-surface);color:var(--mt-text);border-radius:999px;padding:5px 10px 5px 14px;font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .15s}
.mt-chip .mt-ico{width:14px;height:14px;opacity:.6}
.mt-chip:hover{border-color:var(--mt-sale)}
.mt-chip.is-clear{border-color:transparent;background:none;color:var(--mt-primary);padding-left:6px}
.mt-listing{position:relative;transition:opacity .2s}
.mt-listing.is-loading{opacity:.45;pointer-events:none}
.mt-listing.is-loading:after{content:"";position:absolute;left:50%;top:120px;width:40px;height:40px;margin-left:-20px;border:3px solid var(--mt-border);border-top-color:var(--mt-primary);border-radius:50%;animation:mt-spin .8s linear infinite}
@media(max-width:991px){
  .mt-filter{border:0;padding:0 2px;background:transparent;margin:0}
  .mt-filter-x{display:inline-flex}
  .mt-filter-foot{display:block;position:sticky;bottom:0;padding:12px 0;background:var(--mt-bg)}
}

/* hotspots */
.mt-hotspots{position:relative;border-radius:calc(var(--mt-radius) + 8px);overflow:visible}
.mt-hotspots>img{width:100%;height:auto;display:block;border-radius:calc(var(--mt-radius) + 8px)}
.mt-hotspot{position:absolute;transform:translate(-50%,-50%);z-index:2}
.mt-hotspot-dot{width:34px;height:34px;border-radius:50%;border:0;background:rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.mt-hotspot-dot span{width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:mt-pulse 2s infinite}
@keyframes mt-pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}70%{box-shadow:0 0 0 12px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.mt-hotspot-card{position:absolute;left:44px;top:50%;transform:translateY(-50%) scale(.96);width:270px;display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center;padding:10px;background:var(--mt-surface);border-radius:var(--mt-radius);box-shadow:var(--mt-shadow-lg);opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility 0s .2s}
.mt-hotspot.is-left .mt-hotspot-card{left:auto;right:44px}
.mt-hotspot.is-open .mt-hotspot-card,.mt-hotspot:hover .mt-hotspot-card{opacity:1;visibility:visible;transform:translateY(-50%);transition-delay:0s}
.mt-hotspot-card img{width:64px;height:64px;border-radius:8px;object-fit:cover}
.mt-hotspot-name{display:block;color:var(--mt-text)!important;font-weight:600;font-size:.88rem;line-height:1.3}
@media(max-width:575px){.mt-hotspot-card{width:220px}}
.mt-rotate{flex:1;min-width:0;width:100%}
.mt-header-search,.mt-search,.mt-search-box{min-width:0}.mt-search .mt-search-box{width:100%}.mt-search-cat{flex:0 1 auto;min-width:0}
.mt-news>*{min-width:0}.mt-news-row .mt-btn{flex:none}
.mt-hotspot-dot{background:rgba(17,24,39,.45);box-shadow:0 2px 10px rgba(0,0,0,.25)}

/* =====================================================================
   v2.0 — "Norda" skin (active with header layout "modern" → body.mt-skin2)
   and styles for the v2 page-builder sections (always available).
   ===================================================================== */
:root{--mt-primary-l:color-mix(in srgb,var(--mt-primary) 42%,#fff);--mt-font-h2:var(--mt-font-h,var(--mt-font))}
body.mt-skin2{
  --mt-bg-2:color-mix(in srgb,var(--mt-bg) 94%,var(--mt-text) 6%);
  --mt-photo:color-mix(in srgb,var(--mt-bg) 90%,var(--mt-text) 10%);
  --mt-ink-2:color-mix(in srgb,var(--mt-text) 76%,var(--mt-bg));
  --mt-line-2:color-mix(in srgb,var(--mt-border) 80%,var(--mt-text) 20%);
  --mt-surface-2:color-mix(in srgb,var(--mt-surface) 94%,var(--mt-text) 6%);
  --mt-shadow-sm:0 1px 2px rgba(40,30,20,.05),0 2px 6px rgba(40,30,20,.05);
  --mt-shadow:0 1px 2px rgba(40,30,20,.05),0 8px 24px -8px rgba(40,30,20,.14);
  --mt-shadow-lg:0 30px 60px -20px rgba(40,30,20,.3);
  --mt-header-h:76px;
  font-size:1.0625rem;line-height:1.6;
}
html[data-theme="dark"] body.mt-skin2{
  --mt-bg:#12110f;--mt-surface:#1e1b18;--mt-text:#f3ede4;--mt-muted:#a29789;--mt-border:#2f2a25;--mt-header-bg:#12110f;--mt-footer-bg:#1a1815;--mt-footer-text:#cfc5b8;
  --mt-primary:var(--mt-primary-l);--mt-on-primary:#10140f;--mt-photo:#2a2622;
  --mt-shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px -8px rgba(0,0,0,.5);--mt-shadow-lg:0 30px 60px -20px rgba(0,0,0,.7);
}
/* background variants (demo panel / setting) */
body.mt-skin2.mt-bg-white{--mt-bg:#ffffff;--mt-header-bg:#ffffff}
body.mt-skin2.mt-bg-stone{--mt-bg:#eeede9;--mt-header-bg:#eeede9}
body.mt-skin2.mt-bg-oak{background-image:linear-gradient(color-mix(in srgb,var(--mt-bg) 86%,transparent),color-mix(in srgb,var(--mt-bg) 86%,transparent)),url(../image/tex-oak.jpg);background-size:auto,900px;background-attachment:fixed}
html[data-theme="dark"] body.mt-skin2.mt-bg-white,html[data-theme="dark"] body.mt-skin2.mt-bg-stone{--mt-bg:#12110f;--mt-header-bg:#12110f}
html[data-theme="dark"] body.mt-skin2.mt-bg-oak{background-image:none}

/* ---------- typography ---------- */
.mt-skin2 h1,.mt-skin2 h2,.mt-skin2 h3,.mt-skin2 .mt-h{font-family:var(--mt-font-h2);font-weight:500;letter-spacing:-.02em;line-height:1.08;text-wrap:balance}
.mt-skin2 h1{font-size:clamp(2.1rem,1.4rem + 2.6vw,3.6rem)}
.mt-skin2 h2{font-size:clamp(1.8rem,1.3rem + 1.8vw,3rem)}
.mt-skin2 h3{font-size:1.25rem}
.mt-skin2 h4,.mt-skin2 h5{font-family:var(--mt-font);letter-spacing:0}
.mt-skin2 h1 em,.mt-skin2 h2 em{font-style:italic;font-weight:400;color:var(--mt-primary)}
:lang(ru) .mt-skin2 h1,:lang(ru) .mt-skin2 h2,.mt-skin2:lang(ru) h1,.mt-skin2:lang(ru) h2{letter-spacing:-.03em}
.mt-skin2 a{color:inherit}
.mt-skin2 #content a:not(.mt-btn):not(.btn):not(.mt-cat):not(.mt-card-media):hover{color:var(--mt-primary)}
.mt-skin2 .mt-desc a,.mt-skin2 .mt-richtext a,.mt-skin2 #content p a{color:var(--mt-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.mt-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--mt-muted)}
.mt-eyebrow:before{content:"";width:22px;height:1.5px;background:currentColor;opacity:.6}
.mt-lead{font-size:clamp(1.02rem,.95rem + .3vw,1.2rem);color:color-mix(in srgb,var(--mt-text) 76%,var(--mt-bg));max-width:56ch;margin:0}
.mt-link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:700;white-space:nowrap;color:var(--mt-text)!important}
.mt-link-arrow .mt-ico{transition:transform .3s var(--mt-ease)}
.mt-link-arrow:hover .mt-ico{transform:translateX(4px)}

/* ---------- buttons ---------- */
.mt-skin2 .mt-btn,.mt-skin2 .btn-primary,.mt-skin2 #button-cart,.mt-skin2 .btn-lg{position:relative;overflow:hidden;isolation:isolate;min-height:48px;padding:0 24px;font-weight:700;letter-spacing:.01em;transition:transform .25s var(--mt-ease),box-shadow .25s,background .25s}
.mt-skin2 .mt-btn{display:inline-flex;align-items:center;justify-content:center}
.mt-skin2 .mt-btn:hover,.mt-skin2 .btn-primary:hover{box-shadow:0 10px 24px -10px var(--mt-primary)}
.mt-skin2 .mt-btn:active{transform:scale(.98)}
.mt-skin2 .mt-btn:after{content:"";position:absolute;inset:0;background:radial-gradient(120px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.28),transparent 60%);opacity:0;transition:opacity .3s;z-index:-1}
.mt-skin2 .mt-btn:hover:after{opacity:1}
.mt-skin2 .mt-btn-lg{min-height:54px;padding:0 28px;font-size:1rem}
.mt-skin2 .mt-btn-sm{min-height:40px;padding:0 18px;font-size:.88rem}
.mt-skin2 .mt-btn-ghost{background:transparent;color:var(--mt-text);border-color:transparent;box-shadow:inset 0 0 0 1.5px var(--mt-line-2)}
.mt-skin2 .mt-btn-ghost:hover{background:transparent;box-shadow:inset 0 0 0 1.5px var(--mt-text)}
.mt-skin2 .btn-default{border-radius:var(--mt-btn-radius);box-shadow:inset 0 0 0 1.5px var(--mt-line-2);border:0}
.mt-btn-glass{background:rgba(255,253,249,.14)!important;color:#fffdf9!important;border-color:transparent!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(255,253,249,.38)!important}
.mt-btn-glass:hover{background:rgba(255,253,249,.26)!important}
.mt-btn-light{background:#fffdf9!important;color:#1d1915!important;border-color:#fffdf9!important}
.mt-skin2 .mt-iconbtn{width:44px;height:44px;border-radius:50%;background:transparent;transition:background .2s}
.mt-skin2 .mt-iconbtn:hover{background:var(--mt-bg-2)}
.mt-skin2 .mt-count{background:var(--mt-accent);color:#fff;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}
.mt-skin2 .form-control{border-radius:calc(var(--mt-radius) * .6);min-height:48px;background:var(--mt-surface);border-color:var(--mt-line-2)}
.mt-skin2 .form-control:focus{border-color:var(--mt-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--mt-primary) 16%,transparent)}

/* ---------- topbar ---------- */
.mt-skin2 .mt-topbar{background:var(--mt-text);color:var(--mt-bg);font-size:.8rem;font-weight:600;letter-spacing:.02em;border:0}
.mt-skin2 .mt-topbar a,.mt-skin2 .mt-topbar button{color:var(--mt-bg)!important}
.mt-skin2 .mt-topbar .container{min-height:38px}
.mt-skin2 .mt-topbar-l{flex:1;min-width:0;justify-content:center;text-align:center}
.mt-skin2 .mt-rotate span{text-align:center}
.mt-skin2 .mt-switch>button{color:var(--mt-bg)}
.mt-skin2 .mt-switch-menu{color:var(--mt-text)}
.mt-skin2 .mt-switch-menu button,.mt-skin2 .mt-switch-menu a{color:var(--mt-text)!important}

/* ---------- modern header ---------- */
.mt-header-modern{background:color-mix(in srgb,var(--mt-header-bg) 82%,transparent);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s,transform .45s var(--mt-ease)}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){@media(min-width:992px){.mt-header-modern{-webkit-backdrop-filter:saturate(1.6) blur(18px);backdrop-filter:saturate(1.6) blur(18px)}}}
@media(max-width:991px){.mt-header-modern{background:var(--mt-header-bg)}}
.mt-header-modern.is-sticky{top:env(safe-area-inset-top,0px)}
.mt-header-modern.is-stuck{border-bottom-color:var(--mt-border);box-shadow:none}
.mt-header-modern .mt-header-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;min-height:var(--mt-header-h)}
.mt-header-modern.is-stuck .mt-header-row{min-height:64px}
.mt-header-modern .mt-burger{display:none}
.mt-header-modern .mt-logo{max-width:220px}
.mt-header-modern .mt-logo-text{font-family:var(--mt-font-h2);font-size:1.7rem;font-weight:600;letter-spacing:-.03em}
.mt-header-modern .mt-header-actions{margin:0;gap:2px}
@media(min-width:992px){
  .mt-header-modern .mt-nav{background:transparent;border:0;display:flex;justify-content:center;min-width:0}
  .mt-header-modern .mt-nav>.container{padding:0;margin:0;max-width:none;width:auto}
  .mt-header-modern .mt-nav-list{flex-wrap:nowrap;gap:2px;justify-content:center}
  .mt-header-modern .mt-nav-link{padding:10px 14px;border-radius:999px;font-size:.95rem;transition:background .2s}
  .mt-header-modern .mt-nav-link:after{display:none}
  .mt-header-modern .mt-nav-item:hover>.mt-nav-link,.mt-header-modern .mt-nav-item.is-open>.mt-nav-link{background:var(--mt-bg-2)}
  .mt-header-modern .mt-mega{border-radius:0 0 calc(var(--mt-radius) * 1.3) calc(var(--mt-radius) * 1.3);border-top:1px solid var(--mt-border);background:var(--mt-surface)}
  .mt-header-modern .mt-nav-item.is-simple .mt-mega{border-radius:var(--mt-radius);top:calc(100% + 6px);padding:6px}
  .mt-header-modern .mt-mega-inner{padding:32px 0 36px;grid-template-columns:1fr 340px}
  .mt-header-modern .mt-mega-group a.mt-mega-title{font-family:var(--mt-font-h2);font-weight:500;font-size:1.12rem}
  .mt-header-modern .mt-mega-group li a{color:var(--mt-ink-2);transition:color .2s,transform .2s}
  .mt-header-modern .mt-mega-group li a:hover{color:var(--mt-text);transform:translateX(3px)}
  .mt-header-modern .mt-mega-promo{min-height:260px;border-radius:calc(var(--mt-radius) * 1.2)}
  .mt-header-modern .mt-mega-promo span{font-family:var(--mt-font-h2);font-weight:500;font-size:1.4rem;padding:20px;background:linear-gradient(transparent,rgba(18,14,10,.72))}
}
@media(max-width:991px){
  .mt-header-modern .mt-header-row{grid-template-columns:auto minmax(0,1fr) auto;gap:6px;min-height:62px}
  .mt-header-modern .mt-burger{display:inline-flex}
  .mt-header-modern .mt-logo{justify-self:start;max-width:none}
  .mt-header-modern .mt-nav{background:var(--mt-bg)}
}
.mt-skin2 .mt-drop-menu{border-radius:calc(var(--mt-radius) * .8);border-color:var(--mt-border);box-shadow:var(--mt-shadow-lg);background:var(--mt-surface)}

/* search panel (top sheet) */
.mt-searchp{position:fixed;left:0;right:0;top:0;z-index:2005;background:var(--mt-bg);border-bottom:1px solid var(--mt-border);box-shadow:var(--mt-shadow-lg);padding:calc(18px + env(safe-area-inset-top,0px)) 0 22px;transform:translateY(-104%);transition:transform .4s var(--mt-ease);visibility:hidden}
.mt-searchp.is-open{transform:none;visibility:visible}
.mt-searchp-in{display:flex;gap:12px;align-items:flex-start}
.mt-searchp-in>:first-child{flex:1;min-width:0}
.mt-searchp .mt-search .mt-search-box,.mt-searchp .mt-search form{min-height:58px;border-radius:999px;background:var(--mt-surface);border:1.5px solid var(--mt-line-2,var(--mt-border))}
.mt-searchp .mt-search input{font-size:1.1rem}
.mt-searchp .mt-suggest{position:static;margin-top:10px;box-shadow:none;border:1px solid var(--mt-border)}
.mt-searchp>.container>.mt-searchp-in>.mt-iconbtn{margin-top:7px;background:var(--mt-bg-2,var(--mt-surface-2))}

/* ---------- page shell ---------- */
.mt-skin2 .breadcrumb{background:transparent;padding:22px 0 0;font-size:.85rem}
.mt-skin2 .mt-page-title h1,.mt-skin2 #content>h1{font-size:clamp(2.2rem,1.5rem + 2.6vw,3.8rem);letter-spacing:-.03em;margin:.2em 0 .5em}
.mt-skin2 .panel,.mt-skin2 .well,.mt-skin2 .mt-surface{border-radius:var(--mt-radius);border-color:var(--mt-border);box-shadow:none}
.mt-skin2 .mt-sec{padding-block:clamp(48px,4vw + 24px,104px)}
.mt-skin2 .mt-sec-head{margin-bottom:clamp(22px,2.5vw,36px);align-items:flex-end;gap:24px;flex-wrap:wrap}
.mt-skin2 .mt-sec-head>div:first-child{display:grid;gap:12px;max-width:760px}
.mt-skin2 .mt-sec-head p{font-size:1.05rem;margin:0}
.mt-sec-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap}

/* ---------- product cards: "soft" ---------- */
.mt-cards-soft .mt-card{background:transparent;border-radius:0;overflow:visible;gap:12px;container-type:inline-size}
.mt-cards-soft .mt-card-media{border-radius:var(--mt-radius);background:var(--mt-photo,var(--mt-surface-2));isolation:isolate}
.mt-cards-soft .mt-card:hover .mt-card-media img:first-child{transform:scale(1.035)}
.mt-cards-soft .mt-card-body{padding:12px 2px 4px;gap:6px}
.mt-cards-soft .mt-card-name{font-family:var(--mt-font);font-size:.98rem;font-weight:700;line-height:1.35}
.mt-cards-soft .mt-price{font-size:1rem;font-variant-numeric:tabular-nums;margin-top:2px}
.mt-cards-soft .mt-price-new{color:var(--mt-accent)}
.mt-cards-soft .mt-badge{font-size:.66rem;letter-spacing:.07em;text-transform:uppercase;padding:5px 9px;background:var(--mt-surface);color:var(--mt-text)}
.mt-cards-soft .mt-badge.is-sale{background:var(--mt-accent);color:#fff}
.mt-cards-soft .mt-badge.is-new{background:var(--mt-primary);color:var(--mt-on-primary)}
@media(hover:hover){
  .mt-cards-soft .mt-card-foot{position:absolute;left:12px;right:12px;bottom:auto;top:calc(100cqw - 58px);margin:0;z-index:3;transform:translateY(16px);opacity:0;transition:transform .4s var(--mt-ease),opacity .3s;pointer-events:none}
  .mt-cards-soft .mt-card:hover .mt-card-foot,.mt-cards-soft .mt-card:focus-within .mt-card-foot{transform:none;opacity:1;pointer-events:auto}
  .mt-cards-soft .mt-card-foot .mt-btn{min-height:46px;box-shadow:var(--mt-shadow);font-size:.88rem}
  .mt-cards-soft .mt-card-foot .mt-btn-ghost{background:var(--mt-surface);box-shadow:var(--mt-shadow)}
}
@media(hover:none){.mt-cards-soft .mt-card-foot{position:static;pointer-events:auto;margin-top:6px}.mt-cards-soft .mt-card-foot .mt-btn{min-height:42px;font-size:.86rem;padding:0 12px}}
.mt-cards-soft .mt-card-dots{top:14px;bottom:auto}
.mt-tilt.mt-skin2 .mt-cards-soft .mt-card,.mt-skin2.mt-cards-soft.mt-tilt .mt-card{transform:none}

/* tabs (pill segmented) */
.mt-tabs{display:inline-flex;gap:4px;padding:4px;background:var(--mt-bg-2,var(--mt-surface-2));border-radius:999px;overflow-x:auto;max-width:100%;scrollbar-width:none}
.mt-tabs::-webkit-scrollbar{display:none}
.mt-tabs button{border:0;background:transparent;padding:9px 18px;border-radius:999px;font-weight:700;font-size:.9rem;white-space:nowrap;color:color-mix(in srgb,var(--mt-text) 72%,transparent);cursor:pointer;transition:all .25s}
.mt-tabs button.is-on{background:var(--mt-surface);color:var(--mt-text);box-shadow:var(--mt-shadow)}
.mt-tabpane.is-hidden{display:none}

/* ---------- category tiles ---------- */
.mt-skin2 .mt-cats,.mt-sec-cats-v2 .mt-cats{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px}
.mt-skin2 .mt-cat{display:block;position:relative;aspect-ratio:4/5;border:0;border-radius:calc(var(--mt-radius) * 1.4);overflow:hidden;background:var(--mt-photo,var(--mt-surface-2));isolation:isolate;color:#fffdf9!important}
.mt-skin2 .mt-cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--mt-ease);border-radius:0;aspect-ratio:auto}
.mt-skin2 .mt-cat:hover{transform:none;box-shadow:none}
.mt-skin2 .mt-cat:hover img{transform:scale(1.06)}
.mt-skin2 .mt-cat:after{content:"";position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(transparent,rgba(18,14,10,.62));z-index:0}
.mt-cat-txt{position:absolute;left:24px;right:24px;bottom:22px;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.mt-cat-txt b{display:block;font-family:var(--mt-font-h2);font-size:clamp(1.5rem,1.2rem + 1vw,2.1rem);font-weight:500;line-height:1.1}
.mt-cat-txt small{display:block;opacity:.75;font-size:.85rem;margin-top:4px}
.mt-cat-arr{width:48px;height:48px;border-radius:50%;background:#fffdf9;color:#1d1915;display:grid;place-items:center;transition:transform .4s var(--mt-ease);flex:none}
.mt-cat:hover .mt-cat-arr{transform:rotate(-45deg)}

/* ---------- live hero (v2) ---------- */
.mt-hero2{position:relative;isolation:isolate;min-height:min(calc(100svh - 114px),860px);display:grid;grid-template-rows:1fr auto;color:#fffdf9;overflow:hidden;background:#1d1915}
.mt-h2-slides{position:absolute;inset:0;z-index:-2}
.mt-h2-slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s var(--mt-ease)}
.mt-h2-slide.is-active{opacity:1}
.mt-h2-img,.mt-h2-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.mt-h2-vid{opacity:0;transition:opacity .8s}
.mt-hero2[data-mode="video"] .mt-h2-slide.is-active .mt-h2-vid{opacity:1}
.mt-hero2.is-kb .mt-h2-img{transform:scale(1.14);transform-origin:60% 50%}
.mt-hero2.is-kb .mt-h2-slide.is-active .mt-h2-img{animation:mt-kb calc(var(--mt-dur,7s) + 1.4s) linear forwards}
.mt-hero2.is-kb .mt-h2-slide:nth-child(2n) .mt-h2-img{transform-origin:30% 40%}
@keyframes mt-kb{from{transform:scale(1.14) translate3d(1.5%,0,0)}to{transform:scale(1.02) translate3d(0,0,0)}}
.mt-h2-3d{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s;background:radial-gradient(circle at 60% 40%,#3a332c,#1b1815 70%)}
.mt-hero2[data-mode="3d"] .mt-h2-3d{opacity:1;visibility:visible}
.mt-hero2[data-mode="3d"] .mt-h2-shade{background:linear-gradient(90deg,rgba(18,14,10,.7),rgba(18,14,10,.15) 45%,transparent 60%);pointer-events:none}
.mt-hero2[data-mode="3d"] .mt-h2-in{pointer-events:none}
.mt-hero2[data-mode="3d"] .mt-h2-in a,.mt-hero2[data-mode="3d"] .mt-h2-in button{pointer-events:auto}
.mt-h2-3d .mt-3d{background:transparent;position:absolute;inset:0 0 0 35%;width:auto}
@media(max-width:900px){.mt-h2-3d .mt-3d{inset:0 0 35% 0}}
.mt-h2-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,14,10,calc(var(--mt-ov,.55) + .2)) 0%,rgba(18,14,10,calc(var(--mt-ov,.55) - .05)) 38%,rgba(18,14,10,.08) 70%),linear-gradient(0deg,rgba(18,14,10,.55),transparent 35%)}
.mt-h2-in{position:relative;display:grid;align-items:center;padding-block:56px 24px;width:100%}
.mt-h2-txt{grid-area:1/1;display:grid;gap:22px;max-width:660px;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .7s var(--mt-ease),transform .9s var(--mt-ease),visibility .7s}
.mt-h2-txt.is-active{opacity:1;visibility:visible;transform:none;transition-delay:.25s}
.mt-h2-txt.a-center{justify-self:center;text-align:center;justify-items:center}
.mt-h2-txt.a-right{justify-self:end}
.mt-h2-txt .mt-eyebrow{color:rgba(255,253,249,.8)}
.mt .mt-h2-title{font-family:var(--mt-font-h2);font-size:clamp(2.6rem,1.4rem + 4.6vw,5.6rem);line-height:.98;letter-spacing:-.035em;font-weight:500;color:#fffdf9;margin:0}
.mt-h2-title em{font-style:italic;font-weight:400;color:#f0c9a4}
.mt-h2-lead{color:rgba(255,253,249,.86);max-width:52ch;font-size:clamp(1.02rem,.95rem + .3vw,1.2rem);margin:0}
.mt-h2-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
.mt-h2-bar{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding-bottom:28px;flex-wrap:wrap;width:100%}
.mt-h2-nav{display:flex;gap:10px;flex-wrap:wrap;min-width:0}
.mt-h2-nav button{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;width:170px;text-align:left;color:rgba(255,253,249,.6);font-size:.8rem;background:none;border:0;padding:0;cursor:pointer;transition:color .3s}
.mt-h2-nav button.is-active,.mt-h2-nav button:hover{color:#fffdf9}
.mt-h2-nav i{grid-column:1/-1;height:2px;border-radius:2px;background:rgba(255,253,249,.25);overflow:hidden;display:block}
.mt-h2-nav i b{display:block;height:100%;width:0;background:#fffdf9}
.mt-h2-nav button.is-active i b{animation:mt-prog var(--mt-dur,7s) linear forwards}
.mt-hero2.is-paused .mt-h2-nav button.is-active i b{animation-play-state:paused}
@keyframes mt-prog{to{width:100%}}
.mt-h2-nav span{font-weight:800;font-variant-numeric:tabular-nums}
.mt-h2-nav em{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mt-h2-ctrl{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mt-h2-arrow{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fffdf9;background:none;border:0;box-shadow:inset 0 0 0 1px rgba(255,253,249,.35);cursor:pointer;transition:background .2s}
.mt-h2-arrow:hover{background:rgba(255,253,249,.16)}
.mt-h2-modes{display:flex;gap:2px;padding:4px;border-radius:999px;background:color-mix(in srgb,#fffdf9 72%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 24px -12px rgba(0,0,0,.25)}
.mt-h2-modes button{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:.8rem;font-weight:700;color:#4f463d;background:none;border:0;cursor:pointer}
.mt-h2-modes button.is-on{background:#1d1915;color:#fffdf9}
@media(max-width:900px){
  .mt-hero2{min-height:min(88svh,720px)}
  .mt-h2-shade{background:linear-gradient(0deg,rgba(18,14,10,.86) 10%,rgba(18,14,10,.35) 60%,rgba(18,14,10,.2))}
  .mt-h2-in{align-items:end;padding-block:40px 16px}
  .mt-h2-nav button{width:auto;grid-template-columns:auto}.mt-h2-nav em{display:none}.mt-h2-nav i{width:44px}
}
@media(max-width:640px){
  .mt-hero2{min-height:min(calc(100svh - 150px - env(safe-area-inset-bottom,0px)),700px)}
  .mt-h2-arrow{display:none}.mt-h2-bar{padding-bottom:18px;align-items:center}
  .mt-h2-modes button{padding:7px 10px}
  .mt-h2-cta .mt-btn-glass{display:none}
}
@media(prefers-reduced-motion:reduce){.mt-hero2.is-kb .mt-h2-slide.is-active .mt-h2-img{animation:none;transform:none}}

/* ---------- video band ---------- */
.mt-vband{position:relative;isolation:isolate;overflow:hidden;min-height:min(78svh,640px);display:grid;align-items:end;color:#fffdf9;background:#1d1915;border-radius:calc(var(--mt-radius) * 2)}
.mt-vband video,.mt-vband>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;max-width:none}
.mt-vband:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(18,14,10,.82),rgba(18,14,10,.15) 60%)}
.mt-vband-in{display:grid;gap:16px;padding:clamp(28px,4vw,56px);max-width:820px}
.mt .mt-vband-in h2{color:#fffdf9;font-size:clamp(2rem,1.4rem + 2.4vw,3.6rem);margin:0}
.mt-vband-in .mt-eyebrow{color:rgba(255,253,249,.75)}.mt-vband-in .mt-lead,.mt-vband-in p{color:rgba(255,253,249,.86)}
.mt-vband-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

/* ---------- lookbook split ---------- */
.mt-look2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(24px,4vw,72px);align-items:center}
.mt-look2 .mt-hotspots{overflow:hidden;border-radius:calc(var(--mt-radius) * 2)}
.mt-look2 .mt-hotspots>img{aspect-ratio:4/5;object-fit:cover;border-radius:0;will-change:transform}
.mt-look2 .mt-hotspot-dot{background:rgba(255,253,249,.92);position:relative;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.mt-look2 .mt-hotspot-dot:before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(255,253,249,.8);animation:mt-ping 2.2s infinite}
.mt-look2 .mt-hotspot-dot span{width:auto;height:auto;background:none;box-shadow:none;animation:none;font-size:.75rem;font-weight:800;color:#1d1915}
.mt-hotspot.is-hl .mt-hotspot-dot{transform:scale(1.25);transition:transform .25s}
@keyframes mt-ping{0%{transform:scale(.7);opacity:1}100%{transform:scale(1.6);opacity:0}}
.mt-look-side{display:grid;gap:18px;align-content:center}
.mt-look-side h2{margin:0}
.mt-look-list{display:grid;border-top:1px solid var(--mt-border)}
.mt-look-item{display:grid;grid-template-columns:28px 64px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--mt-border)}
.mt-look-item .n{width:28px;height:28px;border-radius:50%;background:var(--mt-text);color:var(--mt-bg);display:grid;place-items:center;font-size:.78rem;font-weight:800}
.mt-look-item img{width:64px;height:64px;border-radius:12px;object-fit:cover;background:var(--mt-photo,var(--mt-surface-2));transition:transform .5s var(--mt-ease)}
.mt-look-item:hover img{transform:scale(1.08)}
.mt-look-item b{font-size:.95rem;display:block;line-height:1.3}
.mt-look-item .mt-price{font-size:.92rem;margin-top:2px}
.mt-look-item .mt-iconbtn{background:var(--mt-bg-2,var(--mt-surface-2))}
.mt-look-total{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;padding-top:4px}
.mt-look-total b{font-family:var(--mt-font-h2);font-size:1.8rem;font-weight:500}
@media(max-width:900px){.mt-look2{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.mt-look-item{grid-template-columns:24px 52px minmax(0,1fr) auto;gap:10px}.mt-look-item img{width:52px;height:52px}}

/* ---------- process (sticky media + steps) ---------- */
.mt-proc{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,5vw,96px);align-items:start}
.mt-proc-media{position:sticky;top:100px;aspect-ratio:4/5;border-radius:calc(var(--mt-radius) * 1.6);overflow:hidden;background:var(--mt-photo,var(--mt-surface-2))}
.mt-proc-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .8s var(--mt-ease),transform 1.6s var(--mt-ease)}
.mt-proc-media img.is-on{opacity:1;transform:none;animation:mt-breathe 14s ease-in-out infinite alternate}
@keyframes mt-breathe{from{transform:scale(1)}to{transform:scale(1.07) translate3d(-1%,-1%,0)}}
.mt-proc-num{position:absolute;left:20px;bottom:16px;font-family:var(--mt-font-h2);font-size:clamp(3rem,2rem + 4vw,6rem);line-height:1;color:#fffdf9;text-shadow:0 4px 30px rgba(0,0,0,.35)}
.mt-proc-head{display:grid;gap:16px;margin-bottom:12px}
.mt-proc-head h2{margin:0}
.mt-steps{display:grid}
.mt-step{display:grid;grid-template-columns:72px 1fr;gap:20px;padding:28px 0;border-top:1px solid var(--mt-border);opacity:.4;transition:opacity .6s}
.mt-step.is-in{opacity:1}
.mt-step-n{font-family:var(--mt-font-h2);font-size:2.6rem;line-height:1;color:var(--mt-accent)}
.mt .mt-step h3{font-size:1.5rem;margin:0 0 6px}
.mt-step p{margin:0;color:color-mix(in srgb,var(--mt-text) 76%,var(--mt-bg))}
@media(max-width:900px){.mt-proc{grid-template-columns:minmax(0,1fr)}.mt-proc-media{position:relative;top:0;aspect-ratio:4/3}.mt-step{grid-template-columns:56px 1fr;gap:14px;padding:20px 0}.mt-step-n{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.mt-proc-media img.is-on{animation:none}}

/* ---------- stats ---------- */
.mt-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px}
.mt-stat{padding:24px;border-radius:var(--mt-radius);background:var(--mt-surface);border:1px solid var(--mt-border);display:grid;gap:4px}
.mt-stat b{font-family:var(--mt-font-h2);font-size:clamp(2rem,1.5rem + 1.6vw,3.2rem);font-weight:500;line-height:1;font-variant-numeric:tabular-nums}
.mt-stat span{color:var(--mt-muted);font-size:.9rem}

/* ---------- reviews / newsletter / CTA in skin ---------- */
.mt-skin2 .mt-reviews{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,1fr);grid-template-columns:none;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.mt-skin2 .mt-reviews::-webkit-scrollbar{display:none}
.mt-skin2 .mt-review{scroll-snap-align:start;padding:26px;gap:16px;border-radius:var(--mt-radius)}
.mt-skin2 .mt-review p{font-family:var(--mt-font-h2);font-size:1.2rem;line-height:1.4}
.mt-skin2 .mt-rating{color:#a8823f}
.mt-skin2 .mt-cta{border-radius:calc(var(--mt-radius) * 2)}
.mt-skin2 .mt-features{gap:16px}
.mt-skin2 .mt-feature{border-radius:var(--mt-radius);background:var(--mt-surface);border:1px solid var(--mt-border)}

/* ---------- footer (light, wordmark) ---------- */
.mt-footer-big{display:none}
.mt-skin2 .mt-footer{background:color-mix(in srgb,var(--mt-surface) 60%,var(--mt-bg));color:var(--mt-ink-2);border-top:1px solid var(--mt-border);margin-top:clamp(56px,6vw,112px)}
.mt-skin2 .mt-footer a{color:var(--mt-ink-2)}
.mt-skin2 .mt-footer a:hover{color:var(--mt-text)}
.mt-skin2 .mt-footer h5{color:var(--mt-muted);font-size:.78rem;letter-spacing:.14em}
.mt-skin2 .mt-footer-brand{font-family:var(--mt-font-h2);font-weight:600;font-size:1.7rem;letter-spacing:-.03em;color:var(--mt-text)}
.mt-skin2 .mt-footer-big{display:block;font-family:var(--mt-font-h2);font-size:clamp(4rem,14vw,13rem);line-height:.8;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px var(--mt-line-2);text-align:center;user-select:none;padding-top:clamp(28px,4vw,56px);overflow:hidden;white-space:nowrap}
.mt-skin2 .mt-footer-bottom{border-top-color:var(--mt-border);color:var(--mt-muted);margin-top:0}
.mt-skin2 .mt-pay span{border-color:var(--mt-line-2);color:var(--mt-ink-2);background:transparent}
.mt-skin2 .mt-footer .mt-check{color:inherit}
.mt-skin2 .mt-news{position:relative;overflow:hidden;background:var(--mt-primary);color:var(--mt-on-primary);border-radius:calc(var(--mt-radius) * 2);padding:clamp(28px,5vw,72px);margin:0 0 clamp(40px,5vw,72px);border:0}
.mt-skin2 .mt-news:after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;border:60px solid color-mix(in srgb,var(--mt-on-primary) 8%,transparent);pointer-events:none}
.mt-skin2 .mt-news>*{position:relative;z-index:1}
.mt-skin2 .mt-news h4{color:var(--mt-on-primary);font-family:var(--mt-font-h2);font-weight:500;font-size:clamp(1.8rem,1.3rem + 1.8vw,3rem);letter-spacing:-.02em;line-height:1.08}
.mt-skin2 .mt-news p,.mt-skin2 .mt-news .mt-check,.mt-skin2 .mt-news a{color:color-mix(in srgb,var(--mt-on-primary) 82%,transparent)}
.mt-skin2 .mt-news-row{background:color-mix(in srgb,var(--mt-on-primary) 12%,transparent);border-radius:999px;padding:6px;gap:6px}
.mt-skin2 .mt-footer .mt-news-row input,.mt-skin2 .mt-news-row input{background:transparent;border:0;color:var(--mt-on-primary);padding:0 18px;height:48px;box-shadow:none}
.mt-skin2 .mt-news-row input::placeholder{color:color-mix(in srgb,var(--mt-on-primary) 62%,transparent)}
.mt-skin2 .mt-news .mt-btn{background:var(--mt-on-primary);color:var(--mt-primary);border-color:transparent}

/* ---------- category / listing ---------- */
.mt-skin2 .mt-toolbar{background:transparent;border:0;border-bottom:1px solid var(--mt-border);border-radius:0;padding:0 0 14px}
.mt-skin2 .mt-subcat-pills a{border-color:var(--mt-line-2);background:transparent}
.mt-skin2 .mt-subcat-pills a:hover{background:var(--mt-text);color:var(--mt-bg)!important;border-color:var(--mt-text)}
.mt-skin2 .mt-subcat{border:0;background:transparent;padding:0}
.mt-skin2 .mt-subcat img{border-radius:var(--mt-radius);background:var(--mt-photo)}
.mt-skin2 #column-left .list-group-item,.mt-skin2 #column-left .panel{background:transparent;border-color:var(--mt-border)}
.mt-skin2 .mt-view-toggle{border-radius:999px;background:var(--mt-bg-2)}
.mt-skin2 .mt-view-toggle button{border-radius:999px}
.mt-skin2 .pagination>li>a,.mt-skin2 .pagination>li>span{border-radius:999px!important;min-width:42px;text-align:center}

/* ---------- product page ---------- */
.mt-skin2 .mt-product{gap:clamp(24px,4vw,64px)}
.mt-skin2 .mt-g-stage{border:0;border-radius:calc(var(--mt-radius) * 1.4);background:var(--mt-photo)}
.mt-skin2 .mt-g-slide img{object-fit:cover}
.mt-skin2 .mt-g-slide>img{animation:mt-breathe 16s ease-in-out infinite alternate}
.mt-skin2 .mt-g-slide.is-zooming>img{animation:none}
.mt-skin2 .mt-g-thumbs button{border-radius:12px;background:var(--mt-photo)}
.mt-skin2 .mt-g-thumbs button.is-active{border-color:var(--mt-text)}
.mt-skin2 .mt-g-dots span.is-active{background:#fffdf9}
.mt-skin2 .mt-g-dots span{background:rgba(255,253,249,.6);box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.mt-g-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mt-g-chip{position:absolute;left:14px;bottom:14px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:color-mix(in srgb,#fffdf9 80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#1d1915;font-size:.78rem;font-weight:700;pointer-events:none}
.mt-skin2 .mt-pinfo h1{font-size:clamp(2rem,1.5rem + 1.8vw,3.2rem);letter-spacing:-.025em;margin-bottom:12px}
.mt-skin2 .mt-pprice-main{font-family:var(--mt-font-h2);font-weight:500;font-size:2.2rem;letter-spacing:-.02em}
.mt-skin2 .mt-swatch{border-radius:999px}
.mt-skin2 .mt-ptabs-nav{gap:4px;padding:4px;background:var(--mt-bg-2);border-radius:999px;display:inline-flex;border:0;max-width:100%;overflow-x:auto}
.mt-skin2 .mt-ptabs-nav button,.mt-skin2 .mt-ptabs-nav a{border-radius:999px;border:0!important}
.mt-skin2 .mt-ptabs-nav .is-active{background:var(--mt-surface);box-shadow:var(--mt-shadow)}
.mt-skin2 .mt-perks{border-radius:var(--mt-radius);background:var(--mt-surface);border:1px solid var(--mt-border)}
.mt-skin2 .mt-qty{border-radius:999px}

/* 3D backdrop bar (product + hero) */
.mt-bd-bar{position:absolute;top:14px;left:14px;z-index:4;max-width:calc(100% - 28px);width:max-content;display:flex;align-items:center;gap:4px;padding:6px;border-radius:16px;overflow-x:auto;scrollbar-width:none;background:color-mix(in srgb,#fffdf9 76%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 24px -12px rgba(0,0,0,.25)}
.mt-bd-bar::-webkit-scrollbar{display:none}
.mt-bd-bar button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 6px;border-radius:999px;border:0;background:none;font-size:.76rem;font-weight:700;color:#4f463d;white-space:nowrap;cursor:pointer}
.mt-bd-bar button.is-on{background:#1d1915;color:#fffdf9}
.mt-bd-bar i{width:20px;height:20px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);background-size:cover!important;background-position:center!important}
.mt-bd-bar i.is-oak{background:#d9b98f url(../image/tex-oak.jpg) center/cover}
.mt-h2-3d .mt-bd-bar{top:auto;bottom:96px;left:auto;right:16px}
@media(max-width:640px){.mt-bd-bar span{display:none}.mt-bd-bar button{padding:5px}.mt-h2-3d .mt-bd-bar{bottom:auto;top:14px;right:10px}}

/* ---------- demo panel (theme demo only) ---------- */
.mt-demo-btn{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:940;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 9px;padding-left:max(9px,env(safe-area-inset-left,0px));border:0;border-radius:0 14px 14px 0;background:var(--mt-text);color:var(--mt-bg);font-weight:700;font-size:.78rem;letter-spacing:.04em;cursor:pointer;opacity:.88;box-shadow:var(--mt-shadow)}
.mt-demo-btn span{writing-mode:vertical-rl;display:none}
.mt-demo-btn:hover,.mt-demo-btn:focus-visible{opacity:1}.mt-demo-btn:hover span,.mt-demo-btn:focus-visible span{display:block}
.mt-demo-btn .mt-ico{animation:mt-spin 8s linear infinite}
@media(max-width:767px){.mt-demo-btn{top:38%;padding:8px}}
.mt-demo{position:fixed;top:0;bottom:0;left:0;z-index:2010;width:min(92vw,360px);background:var(--mt-surface);box-shadow:var(--mt-shadow-lg);transform:translateX(-104%);transition:transform .35s var(--mt-ease);display:flex;flex-direction:column;overflow-y:auto;padding-top:env(safe-area-inset-top,0px)}
.mt-demo.is-open{transform:none}
.mt-demo .mt-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 14px 20px;border-bottom:1px solid var(--mt-border);font-family:var(--mt-font-h2);font-size:1.3rem}
.mt-demo-body{padding:20px;display:grid;gap:22px}
.mt-demo-note{margin:0;font-size:.85rem;color:var(--mt-muted)}
.mt-demo-row{display:grid;gap:10px}
.mt-demo-row>b{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mt-muted)}
.mt-demo-acc{display:flex;gap:8px;flex-wrap:wrap}
.mt-demo-acc button{position:relative;width:32px;height:32px;border-radius:50%;border:0;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.mt-demo-acc button:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid transparent}
.mt-demo-acc button.is-on:after{border-color:var(--mt-text)}
.mt-seg{display:inline-flex;gap:4px;padding:4px;background:var(--mt-bg-2,var(--mt-surface-2));border-radius:999px;width:max-content;max-width:100%}
.mt-seg button{border:0;background:transparent;padding:8px 16px;border-radius:999px;font-weight:700;font-size:.9rem;color:var(--mt-text);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.mt-seg button.is-on{background:var(--mt-surface);box-shadow:var(--mt-shadow)}
.mt-demo-bg{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.mt-demo-bg button{display:grid;gap:6px;justify-items:center;font-size:.76rem;font-weight:700;padding:6px;border-radius:12px;border:1.5px solid transparent;background:none;color:var(--mt-text);cursor:pointer}
.mt-demo-bg button.is-on{border-color:var(--mt-text)}
.mt-demo-bg i{width:100%;aspect-ratio:1;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.mt-demo-bg i.is-cream{background:#f5f1ea}.mt-demo-bg i.is-white{background:#fff}.mt-demo-bg i.is-stone{background:#eeede9}.mt-demo-bg i.is-oak{background:#d9b98f url(../image/tex-oak.jpg) center/cover}
.mt-demo input[type=range]{width:100%;accent-color:var(--mt-primary)}

/* reveal + misc */
.mt-skin2.mt-reveal .mt-rv{transition-duration:.9s}
.mt-skin2 .mt-bnav{border-top-color:var(--mt-border)}
@media(max-width:991px){.mt-skin2 .mt-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mt-cat-txt{left:16px;right:16px;bottom:14px}.mt-cat-arr{width:38px;height:38px}}
@media(max-width:480px){.mt-skin2 .mt-cats{grid-template-columns:minmax(0,1fr)}.mt-skin2 .mt-cat{aspect-ratio:16/11}}
.mt-topbar-l .mt-rotate{flex:1;min-width:0;width:100%}
.mt-skin2 .mt-topbar-msg span{color:var(--mt-bg)}
.mt-h2-txt.a-left{justify-self:start}
.mt .mt-h2-title em{color:#f0c9a4}
.mt-cat-txt>span:first-child{display:block;min-width:0}
.mt-badge.is-label{color:#fff!important}
@media(max-width:575px){.mt .container{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}}
.mt-skin2 .mt-ptabs-nav button{border-radius:999px;padding:10px 18px}
.mt-skin2 .mt-ptabs-nav button.is-active:after{display:none}
.mt-skin2 .mt-ptabs-nav button.is-active{background:var(--mt-surface);box-shadow:var(--mt-shadow)}
@media(max-width:575px){.mt-skin2 #button-cart{white-space:nowrap;font-size:.92rem;padding:0 16px}}
.mt-skin2 .btn-primary,.mt-skin2 #button-cart,.mt-skin2 .btn-lg{display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.2}
.mt-skin2 .btn-primary.btn-block,.mt-skin2 .btn-lg.btn-block{display:flex}
/* modern header: too many menu items for one row → menu moves to a second row (set by JS) */
@media(min-width:992px){
  .mt-header-modern.is-2row .mt-header-row{grid-template-columns:auto minmax(0,1fr);row-gap:0}
  .mt-header-modern.is-2row .mt-header-actions{grid-column:2;grid-row:1;justify-self:end}
  .mt-header-modern.is-2row .mt-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;border-top:1px solid var(--mt-border);margin:0 -8px}
  .mt-header-modern.is-2row .mt-nav-list{flex-wrap:wrap;justify-content:flex-start}
  .mt-header-modern.is-2row .mt-nav-link{padding:9px 12px;font-size:.92rem}
  .mt-header-modern.is-2row .mt-header-row{min-height:0;padding-top:10px}
  .mt-header-modern.is-2row .mt-logo,.mt-header-modern.is-2row .mt-header-actions{min-height:56px;display:flex;align-items:center}
}
.mt-header-modern .mt-logo img{max-height:var(--mt-logo-h);width:auto}
.mt .swiper-viewport{overflow:hidden}
.mt .mt-hero2>.container{width:100%;max-width:var(--mt-container)}
.mt .mt-hero2>.container{margin-left:auto;margin-right:auto;justify-self:center}
.mt-h2-bar:before,.mt-h2-bar:after,.mt-h2-in:before,.mt-h2-in:after,.mt-searchp .container:before,.mt-searchp .container:after{content:none;display:none}
.mt-logo .mt-logo-d{display:none}
html[data-theme="dark"] .mt-logo .mt-logo-l{display:none}
html[data-theme="dark"] .mt-logo .mt-logo-d{display:block}
html[data-theme="dark"] .mt-skin2 .mt-topbar{background:#1a1815;color:#f3ede4;border-bottom:1px solid #2f2a25}
html[data-theme="dark"] .mt-skin2 .mt-topbar-msg span,html[data-theme="dark"] .mt-skin2 .mt-topbar a,html[data-theme="dark"] .mt-skin2 .mt-topbar .mt-switch>button{color:#f3ede4!important}
.mt-skin2 .mt-banners{gap:20px}
.mt-skin2 .mt-banner{border-radius:calc(var(--mt-radius) * 1.4);background:var(--mt-photo,var(--mt-surface-2))}
.mt-skin2 .mt-banner img{transition:transform 1.4s var(--mt-ease)}
.mt-skin2 .mt-banner-txt{padding:22px 24px;background:linear-gradient(transparent,rgba(18,14,10,.66))}
.mt-skin2 .mt-banner-txt strong{font-family:var(--mt-font-h2);font-weight:500;font-size:clamp(1.4rem,1.1rem + .9vw,1.9rem);letter-spacing:-.02em}
@media(max-width:767px){.mt-skin2 .mt-banners{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mt-skin2 .mt-banner-txt{padding:14px}}