/* ============================================
   MIGLIORE SU - STYLES
   ============================================ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
  --black:#0a0a0a;--dark:#111111;--dark-gray:#1a1a1a;--medium-gray:#2a2a2a;
  --light-gray:#8a8a8a;--text-gray:#b0b0b0;--white:#f5f0eb;
  --gold:#c9a96e;--gold-light:#d4b87a;--gold-dark:#b8944d;
  --success:#4a7c59;--error:#c0392b;--info:#2c3e50;
  --font-main:'Montserrat',sans-serif;
  --font-serif:'Playfair Display',serif;
  --font-price:'Cormorant Garamond',serif;
}
html{scroll-behavior:smooth;overflow-x:hidden;scroll-padding-top:80px}
body{font-family:var(--font-main);background:var(--black);color:var(--white);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--gold);border-radius:3px}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}
select{font-family:inherit}

.section--black{background:var(--black)}
.section--dark{background:var(--dark)}

/* LOADER */
.loader{position:fixed;inset:0;background:var(--black);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;transition:opacity .8s,visibility .8s}
.loader.hidden{opacity:0;visibility:hidden;pointer-events:none}
.loader-logo{font-family:var(--font-serif);font-size:2rem;color:var(--gold);letter-spacing:.4em;animation:pulse 1.5s infinite;text-align:center}
.loader-bar{width:120px;height:1px;background:var(--medium-gray);margin:20px auto 0;overflow:hidden}
.loader-bar::after{content:'';display:block;width:40%;height:100%;background:var(--gold);animation:slide 1.2s infinite}
@keyframes pulse{0%,100%{opacity:.3}50%{opacity:1}}
@keyframes slide{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}

/* NAV */
.nav{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:0 40px;height:80px;display:flex;align-items:center;justify-content:space-between;transition:all .4s;background:transparent}
.nav.scrolled{background:rgba(10,10,10,.95);backdrop-filter:blur(20px);height:60px;border-bottom:1px solid rgba(201,169,110,.1)}
.nav-left{display:flex;align-items:center;gap:30px}
.nav-logo{font-family:var(--font-serif);font-size:1.2rem;color:var(--white);letter-spacing:.3em;line-height:1.2}
.nav-logo span{color:var(--gold);display:block;letter-spacing:.35em;font-size:1rem}
.nav-links{display:flex;gap:25px;list-style:none;align-items:center;height:40px}
.nav-links li{height:100%;display:flex;align-items:center;position:relative}
.nav-links a,.nav-links button{font-size:.65rem;font-weight:400;color:var(--white);letter-spacing:.2em;text-transform:uppercase;transition:color .3s;position:relative;height:40px;display:flex;align-items:center}
.nav-links a::after,.nav-links button::after{content:'';position:absolute;bottom:8px;left:0;width:0;height:1px;background:var(--gold);transition:width .4s}
.nav-links a:hover,.nav-links button:hover{color:var(--gold)}
.nav-links a:hover::after,.nav-links button:hover::after{width:100%}
.dropdown-menu{position:absolute;top:100%;left:0;background:var(--dark);border:1px solid rgba(201,169,110,.15);min-width:200px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;z-index:1001;padding:10px 0}
.nav-links li:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown-menu a{display:block;padding:10px 20px;font-size:.7rem;color:var(--text-gray);height:auto}
.dropdown-menu a:hover{background:rgba(201,169,110,.05);color:var(--gold)}
.dropdown-menu a::after{display:none}
.nav-catalog-btn{gap:6px!important}
.nav-catalog-btn.active{color:var(--gold)!important}
.nav-catalog-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5}
.nav-right{display:flex;align-items:center;gap:15px}
.nav-icon,.contact-messengers a{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-gray);transition:color .3s;position:relative;flex-shrink:0}
.nav-icon:hover,.contact-messengers a:hover{color:var(--gold)}
.nav-icon svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5}
.contact-messengers{display:inline-flex;align-items:center;gap:8px}
.pic{display:block;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;transition:filter .3s ease,transform .3s ease}
.contact-messengers a:hover .pic{transform:translateY(-2px)}
/* SVG Icons for Messengers */
.pic.max{background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m 46.671761,79.871468 c -5.73541,-0.625552 -11.492033,-3.044155 -15.71227,-6.601392 -0.352471,-0.297098 -0.684257,-0.513355 -0.737302,-0.480571 -0.05305,0.03278 -0.08391,0.02201 -0.06861,-0.02393 0.01531,-0.04594 -0.610657,-0.723284 -1.391056,-1.505186 -4.926183,-4.93568 -7.874103,-11.108298 -8.662815,-18.138987 -0.133119,-1.186642 -0.132902,-4.805928 4.05e-4,-6.146299 0.420108,-4.225233 1.831302,-8.534815 3.990899,-12.18762 0.250585,-0.423847 0.423631,-0.771329 0.384549,-0.772182 -0.03908,-8.11e-4 -0.01998,-0.03506 0.04245,-0.07601 0.06243,-0.04095 0.37684,-0.462127 0.698682,-0.935939 1.624199,-2.391135 3.926289,-4.822987 6.434354,-6.797045 0.578949,-0.455681 2.286102,-1.635005 2.685785,-1.855376 0.16723,-0.09221 0.372464,-0.21256 0.456078,-0.267459 0.393355,-0.258265 1.478843,-0.8209 2.584434,-1.339575 7.439073,-3.489952 16.344218,-3.679775 24.070717,-0.513093 0.849342,0.3481 2.888689,1.343232 3.51274,1.714096 2.389962,1.420322 4.203827,2.812736 6.123085,4.700384 2.540292,2.498458 4.300961,4.944535 5.872576,8.158707 2.128913,4.353924 3.045251,8.336046 3.043534,13.226226 -0.0018,5.043064 -1.079078,9.505215 -3.340219,13.835032 -4.731467,9.0602 -13.584873,15.031097 -23.811899,16.059174 -1.4121,0.141952 -4.643119,0.114252 -6.176091,-0.05295 z M 38.166583,68.026661 c 1.337121,-0.441442 2.533244,-1.136204 3.391554,-1.969963 0.236971,-0.230192 0.453795,-0.41853 0.48183,-0.41853 0.02803,0 0.421396,0.249387 0.874136,0.554193 2.322758,1.56379 4.146442,2.080916 7.3385,2.080916 2.983922,0 5.540334,-0.579003 8.132554,-1.841949 4.245414,-2.068391 7.614467,-5.80324 9.263621,-10.269421 0.746209,-2.020857 1.096486,-4.098026 1.096486,-6.502241 0,-8.896137 -6.008978,-16.446475 -14.539599,-18.269141 -2.392208,-0.511123 -5.166677,-0.539691 -7.554785,-0.07778 -5.79987,1.121795 -10.754691,4.756651 -13.375099,9.811971 -1.403233,2.707132 -2.027117,5.367517 -2.029003,8.652126 -0.0017,2.903801 0.345918,5.650294 1.064598,8.412082 0.08704,0.334457 0.337065,1.292217 0.555627,2.128358 0.594941,2.276034 0.910247,3.970888 0.975513,5.243652 0.03219,0.627782 0.101155,1.311813 0.153247,1.520068 0.141324,0.564966 0.572393,0.964974 1.297953,1.204426 0.481066,0.158762 2.031085,0.01915 2.872867,-0.258757 z m 3.9119,-8.987897 c -0.522574,-0.522574 -1.061115,-2.213683 -1.368005,-4.295763 -0.204561,-1.387826 -0.23368,-4.555428 -0.05171,-5.624946 0.474775,-2.79049 1.420618,-4.767531 3.054701,-6.385075 1.743192,-1.725548 3.744198,-2.534933 6.284073,-2.541841 1.678388,-0.0046 2.84946,0.265558 4.301051,0.992091 3.826242,1.915068 5.96931,6.179514 5.133583,10.215207 -0.608375,2.93782 -2.434112,5.31173 -5.12934,6.669412 -1.405785,0.708142 -2.622851,0.993544 -4.237191,0.993619 -1.624308,7.6e-5 -2.85296,-0.332045 -4.401979,-1.18991 L 45.031177,57.52128 44.19914,58.198522 c -0.773734,0.629785 -1.47941,1.04707 -1.779638,1.052346 -0.06968,0.0013 -0.223136,-0.09422 -0.341016,-0.212104 z' fill='%23cdad6b'/%3E%3C/svg%3E")}
.pic.tl{background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M80 50C80 66.5685 66.5685 80 50 80C33.4315 80 20 66.5685 20 50C20 33.4315 33.4315 20 50 20C66.5685 20 80 33.4315 80 50ZM52.8748 40.7946C47.721 43.0208 32.8605 49.3429 32.8605 49.3429C29.3387 50.7677 31.4001 52.1033 31.4001 52.1033C31.4001 52.1033 34.4066 53.1719 36.9836 53.9732C39.5606 54.7747 40.935 53.8843 40.935 53.8843C40.935 53.8843 46.9479 49.7882 53.0466 45.4249C57.3415 42.3974 56.3108 44.8907 55.28 45.9593C53.0466 48.2744 49.353 51.9253 46.2606 54.8638C44.8863 56.1104 45.5735 57.1789 46.1748 57.7132C47.9236 59.2471 52.0424 62.0368 53.9123 63.3034C54.4305 63.6544 54.776 63.8884 54.8506 63.9463C55.28 64.3026 57.6852 65.9053 59.1455 65.5492C60.6057 65.193 60.7775 63.1449 60.7775 63.1449C60.7775 63.1449 61.8942 55.8433 62.925 49.1648C63.1159 47.8536 63.3069 46.5699 63.4849 45.3728C63.9476 42.2615 64.3232 39.7359 64.3853 38.8356C64.643 35.8081 61.5506 37.0547 61.5506 37.0547C61.5506 37.0547 54.8506 39.9042 52.8748 40.7946Z' fill='%23CDAD6B'/%3E%3C/svg%3E")}
.pic.ws{background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.0244 80L24.3293 64.0077C20.8575 57.7779 19.7545 50.5082 21.2226 43.5327C22.6908 36.5572 26.6316 30.3437 32.3219 26.0325C38.0123 21.7212 45.0705 19.6014 52.2013 20.0619C59.3321 20.5225 66.0573 23.5326 71.1427 28.5398C76.2281 33.5471 79.3326 40.2156 79.8866 47.3217C80.4406 54.4279 78.4068 61.4949 74.1586 67.2261C69.9103 72.9573 63.7325 76.9682 56.7588 78.5227C49.785 80.0773 42.4832 79.0712 36.1931 75.6892L20.0244 80ZM36.9727 69.7048L37.9726 70.2964C42.5287 72.99 47.8501 74.1047 53.1076 73.4667C58.365 72.8287 63.2633 70.4739 67.0389 66.7693C70.8146 63.0646 73.2556 58.2182 73.9815 52.9853C74.7075 47.7524 73.6776 42.4269 71.0524 37.8388C68.4271 33.2507 64.354 29.6577 59.4678 27.6196C54.5816 25.5816 49.1567 25.213 44.0385 26.5713C38.9203 27.9297 34.3964 30.9387 31.1717 35.1293C27.947 39.32 26.2027 44.457 26.2105 49.7397C26.2063 54.12 27.4207 58.4155 29.7188 62.1481L30.3459 63.1794L27.9393 72.1053L36.9727 69.7048Z' fill='%23CDAD6B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M61.2422 53.8462C60.656 53.3746 59.9696 53.0426 59.2353 52.8756C58.5011 52.7087 57.7383 52.711 57.0051 52.8826C55.9034 53.339 55.1916 55.0633 54.4798 55.9255C54.3297 56.1322 54.1091 56.2771 53.8595 56.3332C53.6099 56.3892 53.3483 56.3524 53.1239 56.2298C49.0908 54.6542 45.7102 51.7647 43.5312 48.0308C43.3454 47.7978 43.2574 47.5019 43.2858 47.2055C43.3143 46.9091 43.4569 46.6353 43.6837 46.4417C44.4777 45.6577 45.0606 44.6868 45.3786 43.6185C45.4492 42.4403 45.1785 41.2666 44.5989 40.2375C44.1509 38.7947 43.2981 37.5101 42.1414 36.5353C41.5449 36.2676 40.8834 36.1779 40.2368 36.2769C39.5903 36.3759 38.9862 36.6594 38.4976 37.0931C37.6492 37.8232 36.9759 38.7337 36.5271 39.7577C36.0784 40.7817 35.8656 41.8931 35.9045 43.0099C35.9071 43.6371 35.9868 44.2617 36.1418 44.8695C36.5353 46.33 37.1405 47.7253 37.9383 49.0113C38.5138 49.9964 39.1418 50.9501 39.8195 51.8683C42.022 54.8841 44.7906 57.4447 47.9717 59.408C49.5679 60.4056 51.274 61.2168 53.0561 61.8254C54.9074 62.6625 56.9514 62.9838 58.9711 62.7552C60.1218 62.5814 61.2121 62.1283 62.146 61.4355C63.0799 60.7428 63.8288 59.8317 64.3267 58.7825C64.6193 58.1486 64.7081 57.44 64.581 56.7538C64.2759 55.3507 62.3946 54.5224 61.2422 53.8462Z' fill='%23CDAD6B'/%3E%3C/svg%3E")}
.badge-count{position:absolute;top:-2px;right:-2px;width:14px;height:14px;background:var(--gold);color:var(--black);font-size:.5rem;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center}
.burger{display:none;width:32px;height:32px;flex-direction:column;gap:5px;padding:6px;justify-content:center;align-items:center;cursor:pointer}
.burger span{width:20px;height:1px;background:var(--white);transition:all .4s;display:block}
.burger.active span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}
.burger.active span:nth-child(2){opacity:0}
.burger.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}
.header-contact-block{display:flex;align-items:center;gap:15px;margin-right:10px}
.header-phone-link{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-gray);transition:color .3s;white-space:nowrap}
.header-phone-link:hover{color:var(--gold)}
.header-phone-link svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5}

/* MEGA MENU */
.mega-menu{position:fixed;top:80px;left:0;width:100%;background:var(--dark);border-top:1px solid rgba(201,169,110,.15);border-bottom:1px solid rgba(201,169,110,.15);z-index:1000;display:none;opacity:0;transform:translateY(-10px);transition:all .3s;max-height:calc(100vh - 80px);overflow:hidden}
.nav.scrolled .mega-menu{top:60px;max-height:calc(100vh - 60px)}
.mega-menu.active{display:flex;opacity:1;transform:translateY(0)}
.mega-menu-layout{display:flex;width:100%;max-height:inherit}
.mm-sidebar{width:280px;min-width:280px;background:var(--dark-gray);border-right:1px solid rgba(255,255,255,.06);overflow-y:auto; display:flex; flex-direction:column;}
.mm-sidebar::-webkit-scrollbar{width:3px}.mm-sidebar::-webkit-scrollbar-thumb{background:var(--gold)}
.mm-item{padding:14px 22px;font-size:.72rem;color:var(--text-gray);cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:12px;border-left:2px solid transparent;min-height:54px}
.mm-item:hover{color:var(--gold);background:rgba(201,169,110,.05)}
.mm-item.active{color:var(--gold);background:rgba(201,169,110,.08);border-left-color:var(--gold)}
.mm-thumb{width:32px;height:32px;border-radius:4px;overflow:hidden;background:var(--medium-gray);flex-shrink:0;display:flex;align-items:center;justify-content:center}
.mm-thumb img{width:100%;height:100%;object-fit:cover}
.mm-thumb svg{width:70%;height:70%}
.mm-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mm-content{flex:1;padding:28px 40px;overflow-y:auto;position:relative}
.mm-content::-webkit-scrollbar{width:3px}.mm-content::-webkit-scrollbar-thumb{background:var(--gold)}
.mm-close{position:absolute;top:20px;right:20px;width:40px;height:40px;background:rgba(201,169,110,.1);border:1px solid rgba(201,169,110,.3);color:var(--gold);font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:10}
.mm-close:hover{background:var(--gold);color:var(--black)}
.mm-hint{font-size:.65rem;color:var(--light-gray);font-style:italic;margin-bottom:16px}
.mm-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:.7rem;color:var(--light-gray);margin-bottom:20px;flex-wrap:wrap}
.mm-breadcrumbs a{color:var(--text-gray);cursor:pointer}.mm-breadcrumbs a:hover{color:var(--gold)}
.mm-breadcrumbs span.sep{color:var(--light-gray)}
.mm-breadcrumbs span.current{color:var(--gold)}
.mm-title{font-family:var(--font-serif);font-size:1.4rem;margin-bottom:24px;color:var(--white);padding-bottom:12px;border-bottom:1px solid rgba(201,169,110,.15)}
.mm-label{font-size:.6rem;font-weight:600;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin:28px 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(201,169,110,.1);display:flex;align-items:center;gap:10px}
.mm-label::before{content:'';width:4px;height:4px;background:var(--gold);border-radius:50%}
.mm-label:first-of-type{margin-top:0}
.mm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}
.mm-card{text-align:center;cursor:pointer;transition:all .3s;background:var(--dark-gray);border:1px solid rgba(255,255,255,.04);padding:14px 10px;display:flex;flex-direction:column;align-items:center;position:relative}
.mm-card:hover{transform:translateY(-4px);border-color:rgba(201,169,110,.3)}
.mm-card.expanded{border-color:var(--gold);background:rgba(201,169,110,.05)}
.mm-card.expanded::after{content:'Кликните ещё раз';position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);font-size:.55rem;color:var(--gold);white-space:nowrap}
.mm-img{width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;margin-bottom:10px;background:var(--medium-gray);display:flex;align-items:center;justify-content:center}
.mm-img img{width:100%;height:100%;object-fit:cover}
.mm-img svg{width:60%;height:60%}
.mm-card-name{font-size:.7rem;font-weight:500;color:var(--text-gray);line-height:1.35;text-transform:uppercase}
.mm-card:hover .mm-card-name,.mm-card.expanded .mm-card-name{color:var(--gold)}
.mm-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}
.mm-prod{background:var(--dark-gray);border:1px solid rgba(255,255,255,.04);cursor:pointer;transition:all .3s;overflow:hidden}
.mm-prod:hover{transform:translateY(-4px);border-color:rgba(201,169,110,.3)}
.mm-prod-img{width:100%;aspect-ratio:1;overflow:hidden;background:var(--medium-gray); position: relative;}
.mm-prod-img img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease; position: absolute; top:0; left:0;}
.mm-prod-img img.hidden { opacity: 0; }
.mm-prod-info{padding:12px}
.mm-prod-brand{font-size:.55rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.mm-prod-name{font-family:var(--font-serif);font-size:.85rem;margin-bottom:6px;line-height:1.3;color:var(--white)}
.mm-prod-price{font-family:var(--font-price);font-size:1.05rem;font-weight:600;color:var(--gold)}
.mm-empty{color:var(--light-gray);font-size:.85rem;font-style:italic;padding:20px 0}
.mm-loading{display:flex;align-items:center;justify-content:center;padding:30px;color:var(--text-gray);font-size:.8rem;gap:10px}
.mm-loading::before{content:'';width:14px;height:14px;border:2px solid rgba(201,169,110,.3);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* NEW: Up Button Style */
.mm-up-btn {
    padding: 15px 22px;
    font-size: .72rem;
    color: var(--gold);
    cursor: pointer;
    border-bottom: 1px solid rgba(255,255,255,.06);
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(0,0,0,0.2);
    transition: background 0.2s;
}
.mm-up-btn:hover { background: rgba(201,169,110,.1); }
.mm-up-btn svg { width: 14px; height: 14px; stroke: currentColor; fill: none; stroke-width: 2; }

/* CATALOG */
.catalog-section{background:var(--black);padding:150px 60px 130px;min-height:80vh}
.catalog-container{max-width:1400px;margin:0 auto}
.cat-breadcrumbs{display:flex;align-items:center;gap:8px;font-size:.72rem;color:var(--light-gray);margin-bottom:20px;flex-wrap:wrap}
.cat-breadcrumbs a{color:var(--text-gray);cursor:pointer}.cat-breadcrumbs a:hover{color:var(--gold)}
.cat-breadcrumbs span.sep{color:var(--light-gray)}
.cat-breadcrumbs span.current{color:var(--gold)}
.cat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px;gap:20px;flex-wrap:wrap}
.cat-title{font-family:var(--font-serif);font-size:clamp(1.8rem,3.5vw,3rem);font-weight:400;line-height:1.2}
.cat-title em{font-style:italic;color:var(--gold)}
.cat-back{display:inline-flex;align-items:center;gap:8px;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-gray);border:1px solid rgba(255,255,255,.1);padding:10px 20px;transition:all .3s}
.cat-back:hover{color:var(--gold);border-color:var(--gold)}
.cat-back svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5}

/* SUBCATEGORY GRID */
.subcat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:50px}
.subcat-card{text-align:center;cursor:pointer;transition:all .3s;background:var(--dark);border:1px solid rgba(255,255,255,.04);padding:15px 10px;display:flex;flex-direction:column;align-items:center}
.subcat-card:hover{transform:translateY(-5px);border-color:rgba(201,169,110,.35)}
.subcat-img{width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;margin-bottom:12px;background:var(--dark-gray);display:flex;align-items:center;justify-content:center}
.subcat-img img{width:100%;height:100%;object-fit:cover}
.subcat-img svg{width:60%;height:60%}
.subcat-name{font-size:.75rem;font-weight:500;color:var(--text-gray);line-height:1.4;text-transform:uppercase}
.subcat-card:hover .subcat-name{color:var(--gold)}

.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px;margin-bottom:50px}
.cat-card{text-align:center;cursor:pointer;transition:all .3s;background:var(--dark);border:1px solid rgba(255,255,255,.04);padding:18px 14px;display:flex;flex-direction:column;align-items:center}
.cat-card:hover{transform:translateY(-5px);border-color:rgba(201,169,110,.35)}
.cat-img{width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;margin-bottom:14px;background:var(--dark-gray);display:flex;align-items:center;justify-content:center}
.cat-img img{width:100%;height:100%;object-fit:cover}
.cat-img svg{width:60%;height:60%}
.cat-name{font-size:.75rem;font-weight:500;color:var(--text-gray);line-height:1.4;text-transform:uppercase}
.cat-card:hover .cat-name{color:var(--gold)}

/* PRODUCT GRID WITH HOVER EFFECT */
.prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:25px}
.prod-card{background:var(--dark);border:1px solid rgba(255,255,255,.04);cursor:pointer;transition:all .3s;overflow:hidden;position:relative}
.prod-card:hover{transform:translateY(-5px);border-color:rgba(201,169,110,.35);box-shadow:0 20px 40px rgba(0,0,0,.5)}
.prod-img{width:100%;aspect-ratio:1;overflow:hidden;background:var(--dark-gray); position: relative;}
.prod-img img{width:100%;height:100%;object-fit:cover; transition: opacity 0.3s ease; position: absolute; top: 0; left: 0;}
.prod-img img.hover-img { opacity: 0; }
.prod-card:hover .prod-img img.main-img { opacity: 0; }
.prod-card:hover .prod-img img.hover-img { opacity: 1; }

.prod-info{padding:18px}
.prod-brand{font-size:.58rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.prod-name{font-family:var(--font-serif);font-size:.95rem;margin-bottom:8px;line-height:1.35;color:var(--white)}
.prod-price-row{display:flex;justify-content:space-between;align-items:center}
.prod-price{font-family:var(--font-price);font-size:1.15rem;font-weight:600;color:var(--gold)}
.prod-add-btn{width:32px;height:32px;background:var(--gold);color:var(--black);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:1;transform:none;transition:all .3s ease}
.prod-add-btn:hover{background:var(--white)}
.prod-add-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}

/* PRODUCT DETAIL */
.p-detail{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.p-imgs{display:flex;flex-direction:column;gap:12px}
.p-main{width:100%;aspect-ratio:1;background:var(--dark-gray);overflow:hidden;border:1px solid rgba(255,255,255,.04);cursor:zoom-in}
.p-main img{width:100%;height:100%;object-fit:cover}
.p-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.p-thumb{aspect-ratio:1;background:var(--dark-gray);overflow:hidden;border:1px solid rgba(255,255,255,.04);cursor:pointer;transition:border-color .3s}
.p-thumb:hover,.p-thumb.active{border-color:var(--gold)}
.p-thumb img{width:100%;height:100%;object-fit:cover}
.p-info h1{font-family:var(--font-serif);font-size:2rem;margin-bottom:10px}
.p-brand{font-size:.62rem;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.p-price{font-family:var(--font-price);font-size:2rem;font-weight:600;color:var(--gold);margin-bottom:25px}
.p-desc{font-size:.88rem;font-weight:300;color:var(--text-gray);line-height:1.85;margin-bottom:30px}
.p-specs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:30px}
.p-spec{padding:14px;border:1px solid rgba(255,255,255,.06);background:var(--dark-gray)}
.p-spec-l{font-size:.58rem;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.p-spec-v{font-size:.85rem;font-weight:300;color:var(--text-gray)}

/* PAGE CONTENT */
.page-content-wrapper{max-width:900px;margin:0 auto;padding:20px 0}
.page-content-wrapper h1{font-family:var(--font-serif);font-size:2.5rem;margin-bottom:30px;color:var(--white)}
.page-content-wrapper h3{font-family:var(--font-serif);font-size:1.5rem;margin-bottom:20px;color:var(--gold)}
.page-content-wrapper h4{color:var(--gold);margin-bottom:10px}
.page-content-wrapper p{margin-bottom:1.5rem;color:var(--text-gray);line-height:1.8}
.page-content-wrapper ul,.page-content-wrapper ol{margin-bottom:1.5rem;padding-left:20px;color:var(--text-gray)}
.page-content-wrapper li{margin-bottom:.5rem}
.page-content-wrapper a{color:var(--gold);text-decoration:underline}
.contacts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:30px}

/* WHOLESALE */
.ws-contacts{margin-top:40px;border-top:1px solid rgba(201,169,110,.2);padding-top:30px}
.ws-messengers{margin-bottom:20px}
.ws-messengers .pic{width:40px;height:40px}
.ws-phones{display:flex;flex-wrap:wrap;gap:30px;align-items:center;margin-bottom:30px}
.ws-phones a{font-size:1.2rem;font-weight:500}
.ws-note{font-size:.8rem;color:var(--text-gray)}
.ws-designers-note{font-style:italic;color:var(--gold);margin-bottom:20px}
.ws-designers-btns{display:flex;flex-wrap:wrap;gap:15px}
.ws-designers-btns .btn-s{padding:12px 20px;font-size:.7rem;white-space:normal;text-align:center;line-height:1.4}

/* LIGHTBOX */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:11000;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}
.lightbox.active{display:flex;opacity:1}
.lightbox img{max-width:90vw;max-height:90vh;object-fit:contain;box-shadow:0 0 50px rgba(0,0,0,.5)}
.lightbox-close{position:absolute;top:30px;right:30px;width:50px;height:50px;border:1px solid rgba(255,255,255,.2);color:var(--white);font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}
.lightbox-close:hover{border-color:var(--gold);color:var(--gold)}

/* HERO */
.hero{position:relative;height:100vh;min-height:700px;display:flex;align-items:center;overflow:hidden}
.hero-bg{position:absolute;inset:0;background-image:url('/img/hero-bg.jpg');background-size:cover;background-position:center}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,10,10,.9) 0%,rgba(10,10,10,.5) 50%,rgba(10,10,10,.75) 100%)}
.hero-content{position:relative;z-index:2;padding:0 60px;max-width:850px}
.hero-sub{font-size:.68rem;color:var(--gold);letter-spacing:.5em;text-transform:uppercase;margin-bottom:25px;opacity:0;transform:translateY(30px);animation:fadeUp 1s ease forwards .5s}
.hero-title{font-family:var(--font-serif);font-size:clamp(2.5rem,5.5vw,4.8rem);font-weight:400;line-height:1.1;margin-bottom:25px;opacity:0;transform:translateY(40px);animation:fadeUp 1.2s ease forwards .7s}
.hero-title em{font-style:italic;color:var(--gold)}
.hero-desc{font-size:.92rem;font-weight:300;color:var(--text-gray);max-width:480px;line-height:1.8;margin-bottom:45px;opacity:0;transform:translateY(40px);animation:fadeUp 1.2s ease forwards .9s}
.hero-btns{display:flex;gap:20px;opacity:0;transform:translateY(40px);animation:fadeUp 1.2s ease forwards 1.1s;flex-wrap:wrap;align-items:center}
@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}
.scroll-ind{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;animation:fadeUp 1s ease forwards 1.5s}
.scroll-ind span{font-size:.58rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-gray)}
.scroll-line{width:1px;height:45px;background:rgba(255,255,255,.12);position:relative;overflow:hidden}
.scroll-line::after{content:'';position:absolute;top:-100%;left:0;width:100%;height:100%;background:var(--gold);animation:scrollD 2s ease-in-out infinite}
@keyframes scrollD{0%{top:-100%}100%{top:100%}}
.hero-select{appearance:none;-webkit-appearance:none;background-color:rgba(255,255,255,.04);border:1px solid rgba(245,240,235,.35);color:var(--white);padding:16px 36px;font-size:.68rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;backdrop-filter:blur(8px);cursor:pointer;transition:all .4s;max-width:300px;border-radius:0;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f5f0eb' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1em}
.hero-select:hover{border-color:var(--gold);color:var(--gold);background-color:rgba(201,169,110,.08)}
.hero-select option{background-color:var(--dark);color:var(--white)}

/* BUTTONS */
.btn-p{display:inline-flex;align-items:center;gap:10px;font-size:.68rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--black);background:var(--gold);padding:16px 36px;border:1px solid var(--gold);cursor:pointer;transition:all .4s;position:relative;overflow:hidden;white-space:nowrap}
.btn-p::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s;left:-100%}
.btn-p:hover::before{left:100%}
.btn-p:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 10px 30px rgba(201,169,110,.3)}
.btn-s{display:inline-flex;align-items:center;gap:10px;font-size:.68rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--white);background:rgba(255,255,255,.04);padding:16px 36px;border:1px solid rgba(245,240,235,.35);cursor:pointer;transition:all .4s;white-space:nowrap;backdrop-filter:blur(8px)}
.btn-s:hover{border-color:var(--gold);color:var(--gold);background:rgba(201,169,110,.08);transform:translateY(-2px)}
.btn-arrow{width:18px;height:1px;background:currentColor;position:relative;transition:width .3s;flex-shrink:0}
.btn-arrow::after{content:'';position:absolute;right:0;top:-3px;width:6px;height:6px;border-right:1px solid currentColor;border-top:1px solid currentColor;transform:rotate(45deg)}

/* SECTIONS */
.section{padding:130px 60px;position:relative}
.sec-label{font-size:.62rem;font-weight:500;color:var(--gold);letter-spacing:.5em;text-transform:uppercase;margin-bottom:18px}
.sec-title{font-family:var(--font-serif);font-size:clamp(1.8rem,3.5vw,3rem);font-weight:400;line-height:1.2;margin-bottom:25px}
.sec-title em{font-style:italic;color:var(--gold)}
.sec-text{font-size:.88rem;font-weight:300;color:var(--text-gray);line-height:1.85;max-width:520px}

/* ABOUT */
.about{background:var(--dark);display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about-img{position:relative;height:550px;overflow:hidden}
.about-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.about-img:hover img{transform:scale(1.05)}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:50px}
.stat{border-left:1px solid var(--gold);padding-left:18px}
.stat-n{font-family:var(--font-serif);font-size:2.2rem;color:var(--gold);line-height:1}
.stat-l{font-size:.68rem;font-weight:300;color:var(--text-gray);letter-spacing:.08em;margin-top:6px}

/* MARQUEE */
.marquee{padding:50px 0;background:var(--dark);overflow:hidden;border-top:1px solid rgba(201,169,110,.08);border-bottom:1px solid rgba(201,169,110,.08)}
.mq-track{display:flex;animation:mq 35s linear infinite;white-space:nowrap}
.mq-item{font-family:var(--font-serif);font-size:3.5rem;font-weight:300;color:rgba(201,169,110,.1);padding:0 35px;flex-shrink:0}
.mq-item em{font-style:italic;color:rgba(201,169,110,.18)}
@keyframes mq{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* FEATURES */
.features{background:var(--black)}
.features-head{text-align:center;margin-bottom:70px}
.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.feat{text-align:center;padding:40px 20px;border:1px solid rgba(201,169,110,.06);transition:all .5s}
.feat:hover{border-color:rgba(201,169,110,.15);transform:translateY(-4px)}
.feat-icon{width:44px;height:44px;margin:0 auto 22px}
.feat-icon svg{width:100%;height:100%;stroke:var(--gold);fill:none;stroke-width:1}
.feat-t{font-family:var(--font-serif);font-size:1.05rem;margin-bottom:10px}
.feat-d{font-size:.75rem;font-weight:300;color:var(--text-gray);line-height:1.7}

/* NEWSLETTER */
.newsletter{background:var(--dark);text-align:center;padding:110px 60px}
.nl-form{display:flex;max-width:480px;margin:35px auto 0;border:1px solid rgba(201,169,110,.15)}
.nl-input{flex:1;padding:16px 22px;font-size:.78rem;font-weight:300;color:var(--white);background:transparent;border:none;outline:none}
.nl-input::placeholder{color:var(--light-gray)}
.nl-btn{font-size:.62rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--black);background:var(--gold);border:none;padding:16px 28px;cursor:pointer;transition:background .3s}
.nl-btn:hover{background:var(--gold-light)}

/* FOOTER */
.footer{background:var(--black);padding:80px 60px 35px;border-top:1px solid rgba(201,169,110,.06)}
.ft-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px;margin-bottom:70px}
.ft-logo{font-family:var(--font-serif);font-size:1.3rem;color:var(--white);letter-spacing:.3em;margin-bottom:18px}
.ft-logo span{color:var(--gold);display:block}
.ft-desc{font-size:.78rem;font-weight:300;color:var(--text-gray);line-height:1.8}
.ft-head{font-size:.65rem;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-bottom:22px}
.ft-links{list-style:none;display:flex;flex-direction:column;gap:10px}
.ft-links a{font-size:.78rem;font-weight:300;color:var(--text-gray);transition:color .3s}
.ft-links a:hover{color:var(--gold)}
.ft-bot{display:flex;justify-content:space-between;align-items:center;padding-top:35px;border-top:1px solid rgba(255,255,255,.04);flex-wrap:wrap;gap:20px}
.ft-copy{font-size:.68rem;font-weight:300;color:var(--light-gray)}
.ft-contacts{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.contact-block{display:flex;align-items:center;gap:25px;flex-wrap:wrap;justify-content:flex-end}
.contact-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.contact-info a{font-size:.82rem;font-weight:400;color:var(--text-gray);transition:color .3s;white-space:nowrap;display:flex;align-items:center;gap:8px}
.contact-info a:hover{color:var(--gold)}

/* REVEAL */
.reveal{opacity:0;transform:translateY(50px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}

/* TOASTS */
.toast-c{position:fixed;top:90px;right:25px;z-index:11000;display:flex;flex-direction:column;gap:10px}
.toast{padding:14px 22px;background:var(--dark-gray);border:1px solid rgba(255,255,255,.08);color:var(--white);font-size:.78rem;font-weight:300;display:flex;align-items:center;gap:12px;animation:toastIn .4s ease;min-width:280px}
.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--error)}.toast.info{border-left:3px solid var(--info)}
@keyframes toastIn{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}

/* CART */
.cart-side{position:fixed;top:0;right:-420px;width:400px;height:100vh;background:var(--dark);z-index:10001;transition:right .6s;display:flex;flex-direction:column;border-left:1px solid rgba(201,169,110,.1)}
.cart-side.active{right:0}
.cart-head{padding:25px 30px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center}
.cart-title{font-family:var(--font-serif);font-size:1.2rem}
.cart-close{width:36px;height:36px;border:1px solid rgba(255,255,255,.1);color:var(--white);display:flex;align-items:center;justify-content:center;transition:all .3s}
.cart-close:hover{border-color:var(--gold);color:var(--gold)}
.cart-items{flex:1;overflow-y:auto;padding:20px 30px}
.cart-item{display:grid;grid-template-columns:70px 1fr auto;gap:15px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.ci-img{width:70px;height:70px;background:var(--dark-gray);overflow:hidden}
.ci-img img{width:100%;height:100%;object-fit:cover}
.ci-name{font-family:var(--font-serif);font-size:.9rem;margin-bottom:4px}
.ci-brand{font-size:.6rem;color:var(--gold);letter-spacing:.15em;text-transform:uppercase}
.ci-price{font-size:.85rem;font-weight:500;margin-top:4px}
.ci-qty{display:flex;align-items:center;gap:6px;margin-top:6px}
.ci-qbtn{width:26px;height:26px;border:1px solid rgba(255,255,255,.1);color:var(--text-gray);display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .3s}
.ci-qbtn:hover{border-color:var(--gold);color:var(--gold)}
.ci-qval{font-size:.85rem;min-width:20px;text-align:center}
.ci-del{color:var(--light-gray);font-size:.65rem;letter-spacing:.1em;transition:color .3s;align-self:start}
.ci-del:hover{color:var(--error)}
.cart-foot{padding:25px 30px;border-top:1px solid rgba(255,255,255,.06)}
.cart-total{display:flex;justify-content:space-between;margin-bottom:20px}
.ct-label{font-size:.75rem;color:var(--text-gray)}
.ct-val{font-family:var(--font-price);font-size:1.4rem;font-weight:600}
.cart-checkout{width:100%;padding:16px;font-size:.68rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--black);background:var(--gold);border:1px solid var(--gold);cursor:pointer;transition:all .3s}
.cart-checkout:hover{background:var(--gold-light)}
.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:10000;display:none;opacity:0;transition:opacity .4s}
.cart-overlay.active{display:block;opacity:1}
.cart-empty{text-align:center;padding:60px 20px;color:var(--text-gray)}
.cart-empty svg{width:50px;height:50px;stroke:var(--light-gray);fill:none;stroke-width:1;margin-bottom:20px}

/* SEARCH */
.search-ov{position:fixed;inset:0;background:rgba(10,10,10,.97);z-index:10000;display:none;align-items:flex-start;justify-content:center;opacity:0;transition:opacity .4s;overflow-y:auto}
.search-ov.active{display:flex;opacity:1}
.search-cont{width:100%;max-width:800px;padding:120px 30px 60px}
.search-close{position:fixed;top:25px;right:30px;width:48px;height:48px;border:1px solid rgba(255,255,255,.15);color:var(--white);font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:all .3s;z-index:10001}
.search-close:hover{border-color:var(--gold);color:var(--gold)}
.s-input-wrap{position:relative;margin-bottom:40px}
.s-input{width:100%;padding:20px 60px 20px 25px;font-family:var(--font-serif);font-size:1.8rem;font-weight:300;color:var(--white);background:transparent;border:none;border-bottom:2px solid rgba(201,169,110,.3);outline:none;transition:border-color .3s}
.s-input:focus{border-color:var(--gold)}
.s-input::placeholder{color:var(--light-gray)}
.s-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:var(--gold)}
.s-icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.5}
.s-results{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:50px}
.s-res{display:grid;grid-template-columns:80px 1fr;gap:15px;padding:15px;background:var(--dark);border:1px solid rgba(255,255,255,.04);cursor:pointer;transition:all .3s}
.s-res:hover{border-color:rgba(201,169,110,.2);transform:translateX(5px)}
.s-res-img{width:80px;height:80px;background:var(--dark-gray);overflow:hidden}
.s-res-img img{width:100%;height:100%;object-fit:cover}
.s-res-brand{font-size:.55rem;color:var(--gold);letter-spacing:.15em;text-transform:uppercase;margin-bottom:4px}
.s-res-name{font-family:var(--font-serif);font-size:.95rem;margin-bottom:4px}
.s-res-price{font-family:var(--font-price);font-size:1.1rem;font-weight:600;color:var(--gold)}

/* MOBILE MENU */
.mob-menu{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:var(--black);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;transition:right .6s;overflow-y:auto}
.mob-menu.active{right:0}
.mob-menu a{font-family:var(--font-serif);font-size:1.5rem;color:var(--white);transition:color .3s}
.mob-menu a:hover{color:var(--gold)}

/* FAVORITES */
.fav-sidebar{position:fixed;top:0;right:-420px;width:400px;height:100vh;background:var(--dark);z-index:10001;transition:right .6s;display:flex;flex-direction:column;border-left:1px solid rgba(201,169,110,.1)}
.fav-sidebar.active{right:0}
.fav-head{padding:25px 30px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center}
.fav-title{font-family:var(--font-serif);font-size:1.2rem}
.fav-close{width:36px;height:36px;border:1px solid rgba(255,255,255,.1);color:var(--white);display:flex;align-items:center;justify-content:center;transition:all .3s}
.fav-close:hover{border-color:var(--gold);color:var(--gold)}
.fav-items{flex:1;overflow-y:auto;padding:20px 30px}
.fav-item{display:grid;grid-template-columns:70px 1fr auto;gap:15px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.fi-img{width:70px;height:70px;background:var(--dark-gray);overflow:hidden}
.fi-img img{width:100%;height:100%;object-fit:cover}
.fi-name{font-family:var(--font-serif);font-size:.9rem;margin-bottom:4px}
.fi-brand{font-size:.6rem;color:var(--gold);letter-spacing:.15em;text-transform:uppercase}
.fi-price{font-size:.85rem;font-weight:500;margin-top:4px}
.fi-actions{display:flex;flex-direction:column;gap:6px;align-items:flex-end}
.fi-cart-btn{width:100%;padding:8px;font-size:.6rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--black);background:var(--gold);border:none;cursor:pointer;transition:all .3s}
.fi-cart-btn:hover{background:var(--gold-light)}
.fi-del{background:none;border:none;color:var(--light-gray);cursor:pointer;font-size:.6rem;letter-spacing:.1em;transition:color .3s}
.fi-del:hover{color:var(--error)}
.fav-foot{padding:25px 30px;border-top:1px solid rgba(255,255,255,.06)}
.fav-clear{width:100%;padding:12px;font-size:.65rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--text-gray);background:transparent;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s}
.fav-clear:hover{border-color:var(--error);color:var(--error)}
.fav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:10000;display:none;opacity:0;transition:opacity .4s}
.fav-overlay.active{display:block;opacity:1}
.fav-empty{text-align:center;padding:60px 20px;color:var(--text-gray)}
.fav-empty svg{width:50px;height:50px;stroke:var(--light-gray);fill:none;stroke-width:1;margin-bottom:20px}

/* CHECKOUT */
.checkout-modal{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:11000;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}
.checkout-modal.active{display:flex;opacity:1}
.checkout-box{background:var(--dark);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;padding:40px;position:relative;border:1px solid rgba(201,169,110,.2)}
.checkout-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border:1px solid rgba(255,255,255,.1);color:var(--white);font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}
.checkout-close:hover{border-color:var(--gold);color:var(--gold)}
.checkout-title{font-family:var(--font-serif);font-size:1.8rem;margin-bottom:30px;text-align:center}
.checkout-form{display:flex;flex-direction:column;gap:20px}
.form-group-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-field{display:flex;flex-direction:column;gap:8px}
.form-field label{font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.form-field input,.form-field textarea{width:100%;padding:14px;background:var(--dark-gray);border:1px solid rgba(255,255,255,.1);color:var(--white);font-family:var(--font-main);font-size:.9rem;outline:none;transition:border-color .3s}
.form-field input:focus,.form-field textarea:focus{border-color:var(--gold)}
.form-field textarea{min-height:80px;resize:vertical}
.checkout-summary{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}
.checkout-total-label{font-size:.9rem;color:var(--text-gray)}
.checkout-total-val{font-family:var(--font-price);font-size:1.5rem;font-weight:600;color:var(--gold)}
.checkout-submit{width:100%;margin-top:20px;padding:18px;background:var(--gold);color:var(--black);font-size:.8rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;border:none;cursor:pointer;transition:all .3s}
.checkout-submit:hover{background:var(--gold-light)}
.checkout-submit:disabled{opacity:.6;cursor:not-allowed}
.checkout-success{text-align:center;padding:40px 0;display:none}
.checkout-success.active{display:block}
.success-icon-lg{width:80px;height:80px;border:2px solid var(--success);border-radius:50%;color:var(--success);display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 25px}
.success-title{font-family:var(--font-serif);font-size:2rem;margin-bottom:15px}
.success-msg{color:var(--text-gray);margin-bottom:30px;line-height:1.6}
.success-order-id{font-family:'JetBrains Mono',monospace;color:var(--gold);font-size:1.1rem;margin-bottom:30px;display:block}

/* ERROR BLOCK */
.error-block{text-align:center;padding:60px 20px;color:var(--text-gray)}
.error-block h3{color:var(--error);font-family:var(--font-serif);margin-bottom:15px}
.error-block button{margin-top:20px;padding:10px 25px;border:1px solid var(--gold);color:var(--gold);background:transparent;cursor:pointer;transition:all .3s}
.error-block button:hover{background:var(--gold);color:var(--black)}

/* RESPONSIVE */
@media (max-width:1200px){.feat-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:1024px){
  .nav{padding:0 20px}.nav-links{display:none}.burger{display:flex}
  .section{padding:90px 20px}.hero-content{padding:0 20px}
  .about{grid-template-columns:1fr;gap:50px}.about-img{height:350px}
  .catalog-section{padding:110px 20px 90px}
  .ft-top{grid-template-columns:1fr 1fr;gap:35px}
  .mega-menu{display:none!important}
  .header-contact-block{gap:8px;margin-right:5px}
  .header-phone-link span{display:none}
  .header-phone-link svg{width:20px;height:20px}
  .contact-messengers a,.nav-icon{width:28px;height:28px}
  .nav-icon svg{width:18px;height:18px}
}
@media (max-width:768px){
  .nav{padding:0 15px;height:56px}.nav.scrolled{height:50px}
  .nav-logo{font-size:.9rem;letter-spacing:.2em}.nav-logo span{letter-spacing:.25em}
  .nav-right{gap:2px}
  .section{padding:70px 15px}.hero-content{padding:0 15px}
  .hero-btns{flex-direction:column;gap:12px;width:100%}
  .hero-btns .btn-p,.hero-btns .hero-select{min-width:100%;width:100%;padding:16px 28px;text-align:center}
  .hero-title{font-size:2.2rem}
  .catalog-section{padding:90px 15px 70px}
  .cat-grid, .subcat-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .prod-grid{grid-template-columns:1fr;gap:18px}
  .feat-grid{grid-template-columns:1fr}
  .footer{padding:50px 15px 25px}.ft-top{grid-template-columns:1fr;gap:30px}
  .ft-bot{flex-direction:column;gap:15px;text-align:center}
  .p-specs{grid-template-columns:1fr}
  .cart-side{width:100%;right:-100%}
  .p-detail{grid-template-columns:1fr;gap:25px}
  .p-main{aspect-ratio:auto;width:100%;height:auto;max-height:80vh;margin-bottom:15px}
  .p-main img{width:100%;height:auto;object-fit:contain}
  .p-info h1{font-size:1.4rem;line-height:1.3}
  .p-price{font-size:1.5rem;margin-bottom:15px}
  .p-desc{font-size:.85rem}
  .loader-logo{font-size:1.5rem;letter-spacing:.2em}
  .loader-bar{width:80px}
  .header-contact-block{flex-wrap:wrap;justify-content:flex-end;max-width:150px}
  .contact-messengers{gap:4px}
  .contact-messengers .pic{width:24px;height:24px}
  .contact-block{justify-content:center;flex-direction:column;gap:15px}
  .contact-info{align-items:center}
  .form-group-row{grid-template-columns:1fr}
  .checkout-box{padding:30px 20px}
  .ws-phones{gap:15px;flex-direction:column;align-items:flex-start}
}