/* ==========================================================================
   HIFIX — Editorial Dark (سیستم طراحی نهایی)
   ========================================================================== */
:root{
  --bk:#0c0c0e; --bk2:#141416; --bk3:#1b1b1f; --ln:#2a2a2e;
  --gd:#d9a441; --gd2:#f0c46a; --cr:#f2e6c9; --mu:#8c8a84; --vi:#8f7bff;
  --w:1320px;
}
body{font-family:yekanbakh,sans-serif;line-height:1.8;overflow-x:hidden}
body.home{background:var(--bk);color:var(--cr)}
body.home::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.07;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
h1,h2,h3,h4{font-family:peyda,sans-serif;line-height:1.3}
body.home h1,body.home h2,body.home h3,body.home h4{color:var(--cr)}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.mk-w{max-width:var(--w);margin:0 auto;padding:0 40px}
.mk-eb{color:var(--gd);font-size:12px;letter-spacing:2px}

/* ---------- promo ticker ---------- */
.mk-promo{border-bottom:1px solid var(--ln);overflow:hidden;white-space:nowrap;font-size:12px;color:var(--mu);padding:9px 0;background:var(--bk)}
.mk-promo b{color:var(--gd);font-weight:700}
.mk-promo a{color:var(--cr);margin-inline-start:14px;border-bottom:1px solid var(--gd)}
.mk-promo>*{margin:0 14px}

/* ---------- header ---------- */
.topbar{background:var(--bk);border-bottom:0;box-shadow:none;position:sticky;top:0;z-index:100}
.topbar__inner{max-width:var(--w);margin:0 auto;padding:18px 40px;display:flex;align-items:center;gap:26px;justify-content:space-between}
.brand__link{display:inline-block;background:var(--cr);padding:8px 14px}
.brand__logo-img{width:108px;height:auto;display:block}
.search{flex:0 1 300px}
.search__box{display:flex;align-items:center;gap:8px;background:transparent;border:0;border-bottom:1px solid var(--ln);border-radius:0;padding:6px 0;box-shadow:none;max-width:none}
.search__box:focus-within{border-bottom-color:var(--gd)}
.search__input{background:transparent;border:0;color:var(--cr);font-size:13px;flex:1;outline:0;min-width:0}
.search__input::placeholder{color:var(--mu)}
.search__icon{width:16px;height:16px;color:var(--mu);flex-shrink:0}
.search__submit{background:none;border:0;color:var(--gd);cursor:pointer;font-size:16px}
.cart-box{position:relative}
.cart-icon{position:relative;display:grid;place-items:center;width:40px;height:40px;color:var(--cr);font-size:20px}
.cart-icon:hover{color:var(--gd)}
.cart-count{position:absolute;top:-2px;left:-4px;min-width:17px;height:17px;border-radius:999px;background:var(--gd);color:var(--bk);font-size:10px;font-weight:800;display:grid;place-items:center;padding:0 4px}
.cart-dropdown{background:var(--bk2);border:1px solid var(--ln);border-radius:0;box-shadow:0 30px 60px -20px #000;color:var(--cr)}
.cart-dropdown-header,.cart-dropdown-footer{border-color:var(--ln)}
.cart-dropdown-header{color:var(--gd)}
.cart-checkout-btn{background:var(--gd);color:var(--bk);border-radius:0;font-weight:800}
.user__pill{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid var(--gd);border-radius:999px;padding:5px 16px 5px 5px;box-shadow:none}
.user__avatar{width:30px;height:30px;border-radius:50%;overflow:hidden}
.user__avatar img{width:100%;height:100%;object-fit:cover}
.user__info{display:flex;flex-direction:column;line-height:1.3}
.user__info b{color:var(--gd);font-size:12.5px;font-weight:700}
.user__info span{color:var(--mu);font-size:11px}
.mk-nav{background:var(--bk);border-bottom:1px solid var(--ln)}
.mk-nav__inner{max-width:var(--w);margin:0 auto;padding:0 40px;display:flex;gap:30px;overflow-x:auto;scrollbar-width:none;justify-content:center}
.mk-nav a{padding:14px 0;font-size:13.5px;color:var(--cr);opacity:.7;white-space:nowrap;display:flex;align-items:center;gap:6px;position:relative}
.mk-nav a i{font-size:15px;color:var(--gd)}
.mk-nav a:hover,.mk-nav a.is-active{opacity:1;color:var(--gd)}
.mk-nav .mk-nav__cta{color:var(--bk);background:var(--gd);opacity:1;padding:8px 16px;margin-block:8px}
.mk-nav .mk-nav__cta:hover{color:var(--bk);background:var(--gd2)}
.mk-nav .mk-nav__cta i{color:var(--bk)}

/* ---------- buttons ---------- */
.mk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 24px;font-size:13.5px;font-weight:700;border:1px solid var(--gd);color:var(--gd);cursor:pointer;font-family:inherit;transition:.25s}
.mk-btn--solid{background:var(--gd);color:var(--bk);font-weight:800}
.mk-btn--solid:hover{background:var(--gd2);border-color:var(--gd2);color:var(--bk)}
.mk-btn--ghost:hover{background:var(--gd);color:var(--bk)}
.mk-link{color:var(--gd);border-bottom:1px solid var(--gd);padding-bottom:3px;font-size:13px;white-space:nowrap}

/* ---------- home ---------- */
.mk-hero{padding:90px 0 60px;border-bottom:1px solid var(--ln)}
.mk-hero h1{font-size:118px;font-weight:900;line-height:.98;margin:22px 0 0;letter-spacing:-2px}
.mk-hero h1 .o{color:transparent;-webkit-text-stroke:1.4px var(--gd)}
.mk-hrow{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;margin-top:50px;align-items:end}
.mk-hrow p{color:var(--mu);font-size:16px;margin:0;max-width:420px}
.mk-hbtn{display:flex;gap:14px;margin-top:26px;flex-wrap:wrap}
.mk-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ln);border:1px solid var(--ln)}
.mk-trio div{background:var(--bk);padding:20px;display:flex;flex-direction:column;gap:12px}
.mk-trio b{font-family:peyda,sans-serif;font-size:30px;color:var(--gd);font-weight:900}
.mk-trio span{color:var(--mu);font-size:13px}

.mk-sec{padding:90px 0;border-bottom:1px solid var(--ln)}
.mk-sh{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px;gap:20px}
.mk-sh h2{font-size:56px;font-weight:900;margin:8px 0 0;line-height:1.1}

.mk-ixg{display:grid;grid-template-columns:1fr 1fr;column-gap:80px}
.mk-ix{display:flex;align-items:baseline;gap:18px;padding:20px 0;border-bottom:1px solid var(--ln);font-size:20px;font-family:peyda,sans-serif;transition:.25s}
.mk-ix:hover{padding-inline-start:12px;color:var(--gd)}
.mk-ix span{color:var(--gd);font-size:12px;font-family:yekanbakh,sans-serif;width:26px}
.mk-ix b{flex:1;font-weight:800;color:inherit}
.mk-ix em{font-style:normal;color:var(--mu);font-size:13px;font-family:yekanbakh}

.mk-feat{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:24px}
.mk-feat .mk-pc:first-child{grid-row:span 2}
.mk-pc{position:relative;display:flex;flex-direction:column;min-width:0}
.mk-pm{display:block;position:relative;background:var(--bk2);border:1px solid var(--ln);overflow:hidden;aspect-ratio:4/3}
.mk-pc:first-child .mk-pm{aspect-ratio:auto;height:100%;min-height:440px}
.mk-pm img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.mk-pc:hover .mk-pm img{transform:scale(1.06)}
.mk-pn{position:absolute;top:14px;right:14px;font-family:peyda,sans-serif;font-size:13px;color:var(--gd);background:rgba(12,12,14,.85);padding:3px 9px;border:1px solid var(--gd)}
.mk-pb{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;padding:16px 0 0}
.mk-pb h3{font-size:19px;margin:0;font-weight:800;line-height:1.5}
.mk-pb small{color:var(--mu);font-size:12.5px;display:block}
.mk-pp{font-family:peyda,sans-serif;font-size:24px;font-weight:900;color:var(--gd);white-space:nowrap}
.mk-pp em{font-style:normal;color:var(--mu);font-size:11px;font-family:yekanbakh;margin-inline-start:4px}
.mk-pc:hover .mk-pb h3{color:var(--gd)}
.mk-empty{grid-column:1/-1;padding:60px 20px;text-align:center;border:1px dashed var(--ln);color:var(--mu)}

.mk-quote{padding:110px 0;text-align:center;border-bottom:1px solid var(--ln)}
.mk-quote blockquote{font-family:peyda,sans-serif;font-size:50px;font-weight:800;line-height:1.5;max-width:960px;margin:0 auto;color:var(--cr)}
.mk-quote mark{background:none;color:var(--gd)}
.mk-quote small{display:block;margin-top:26px;color:var(--mu);letter-spacing:1px}

.mk-aus{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ln)}
.mk-au{padding:28px 22px 26px 0;border-bottom:1px solid var(--ln);display:flex;flex-direction:column;gap:6px}
.mk-au span{color:var(--gd);font-size:12px}
.mk-au b{font-family:peyda,sans-serif;font-size:24px;font-weight:800}
.mk-au small{color:var(--mu)}
.mk-au a{margin-top:14px;font-size:12.5px;opacity:.8}

.mk-posts{border-top:1px solid var(--ln)}
.mk-post{display:grid;grid-template-columns:90px 1fr auto;gap:28px;align-items:center;padding:26px 0;border-bottom:1px solid var(--ln);transition:.25s}
.mk-post:hover{padding-inline-start:14px;color:var(--gd)}
.mk-post__n{font-family:peyda,sans-serif;font-size:40px;font-weight:900;color:transparent;-webkit-text-stroke:1px var(--gd)}
.mk-post h3{font-size:22px;margin:0 0 4px;font-weight:800}
.mk-post p{margin:0;color:var(--mu);font-size:14px}
.mk-post__d{color:var(--mu);font-size:12.5px;white-space:nowrap}

/* ---------- footer ---------- */
.footer{background:var(--bk);color:var(--mu);border-radius:0;margin-top:0;padding:80px 0 30px;border-top:1px solid var(--ln);position:relative;overflow:hidden}
.footer .container{max-width:var(--w);margin:0 auto;padding:0 40px}
.mk-ft-big{font-family:peyda,sans-serif;font-size:210px;font-weight:900;line-height:.8;color:transparent;-webkit-text-stroke:1px var(--gd);text-align:center;white-space:nowrap;margin:0 0 40px;user-select:none;opacity:.9}
.footer__inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;border-top:1px solid var(--ln);padding-top:36px}
.footer-col h4{color:var(--gd);font-size:12px;letter-spacing:1.5px;font-weight:400;margin:0 0 14px}
.footer-col h4::after{display:none}
.footer-col p{color:var(--mu);font-size:13.5px;line-height:1.9;margin:0 0 12px}
.footer-col p:first-of-type{color:var(--cr)}
.footer-menu{list-style:none;padding:0;margin:0;display:grid;gap:9px}
.footer-menu a{color:var(--cr);font-size:14px;opacity:.85}
.footer-menu a:hover{color:var(--gd);opacity:1}
.footer-bottom{margin-top:50px;border-top:0;padding-top:0;color:var(--mu);font-size:12px;text-align:start}
.footer-bottom p{margin:0;color:var(--mu)}

/* ---------- inner pages keep light content, dark frame ---------- */
body.home .mk-w,body.home .mk-sec{color:var(--cr)}

/* ---------- mobile bottom nav ---------- */
.mobile-bottom-nav{background:var(--bk2);border-top:1px solid var(--ln);box-shadow:none}
.mobile-nav-item{color:var(--mu)}
.mobile-nav-item.active{color:var(--gd)}
.mobile-panel{background:var(--bk2);color:var(--cr)}

/* ---------- responsive ---------- */
@media (max-width:1200px){
  .mk-hero h1{font-size:88px}
  .mk-ixg{column-gap:40px}
  .mk-feat{grid-template-columns:1fr 1fr}
  .mk-feat .mk-pc:first-child{grid-column:1/-1;grid-row:auto}
  .mk-ft-big{font-size:150px}
}
@media (max-width:1000px){
  .mk-hrow{grid-template-columns:1fr;gap:30px}
  .mk-quote blockquote{font-size:36px}
  .mk-aus{grid-template-columns:repeat(2,1fr)}
  .footer__inner{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  .mk-w,.topbar__inner,.mk-nav__inner,.footer .container{padding-left:18px;padding-right:18px}
  .topbar__inner{flex-wrap:wrap;gap:14px;padding-top:14px;padding-bottom:14px}
  .search{order:3;flex-basis:100%}
  .user{display:none}
  .mk-nav{display:none}
  .mk-hero{padding:50px 0 40px}
  .mk-hero h1{font-size:50px;letter-spacing:-1px}
  .mk-trio{grid-template-columns:1fr}
  .mk-sec{padding:60px 0}
  .mk-sh{flex-direction:column;align-items:flex-start;margin-bottom:26px}
  .mk-sh h2{font-size:36px}
  .mk-ixg{grid-template-columns:1fr;column-gap:0}
  .mk-feat{grid-template-columns:1fr}
  .mk-feat .mk-pc:first-child .mk-pm{min-height:300px}
  .mk-quote{padding:70px 0}
  .mk-quote blockquote{font-size:26px}
  .mk-aus{grid-template-columns:1fr}
  .mk-post{grid-template-columns:1fr;gap:10px}
  .mk-post__n{font-size:28px}
  .mk-ft-big{font-size:86px}
  .footer__inner{grid-template-columns:1fr;gap:28px}
}

/* ---------- cart dropdown (clean, editorial) ---------- */
.cart-dropdown{
  top:calc(100% + 14px);left:-12px;width:340px;padding:0;
  background:var(--bk2);border:1px solid var(--ln);border-radius:0;
  box-shadow:0 30px 60px -20px rgba(0,0,0,.6);color:var(--cr);
}
.cart-dropdown::before{content:"";position:absolute;top:-6px;left:22px;width:10px;height:10px;background:var(--bk2);border-top:1px solid var(--ln);border-left:1px solid var(--ln);transform:rotate(45deg)}
.cart-dropdown-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 18px;border-bottom:1px solid var(--ln);color:var(--cr);font-family:peyda,sans-serif;font-weight:800;font-size:14px}
.cart-dropdown-header i{color:var(--gd);font-size:17px}
.cart-dropdown-items{max-height:300px;overflow-y:auto;padding:4px 18px;scrollbar-width:thin;scrollbar-color:var(--ln) transparent}
.cart-item{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--ln)}
.cart-item:last-child{border-bottom:0}
.cart-item-img{width:56px;height:56px;background:var(--bk3);border:1px solid var(--ln);overflow:hidden}
.cart-item-img img{width:100%;height:100%;object-fit:cover;display:block}
.cart-item-info{min-width:0;display:flex;flex-direction:column;gap:2px}
.cart-item-title{color:var(--cr);font-size:13px;font-weight:700;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.cart-item-title:hover{color:var(--gd)}
.cart-item-price{color:var(--gd);font-family:peyda,sans-serif;font-size:13px;font-weight:800}
.cart-item-quantity{color:var(--mu);font-size:11.5px}
.cart-item-remove{width:30px;height:30px;border:1px solid var(--ln);background:transparent;color:var(--mu);display:grid;place-items:center;cursor:pointer;font-size:14px;transition:.2s}
.cart-item-remove:hover{color:#f87171;border-color:#f87171}
.cart-dropdown-footer{padding:16px 18px 18px;border-top:1px solid var(--ln);background:var(--bk)}
.cart-total{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;color:var(--mu);font-size:13px}
.cart-total span:last-child{font-family:peyda,sans-serif;font-size:19px;font-weight:900;color:var(--cr)}
.cart-checkout-btn{display:flex;align-items:center;justify-content:center;height:44px;background:var(--gd);color:var(--bk);font-weight:800;font-size:13.5px;border-radius:0;transition:.2s}
.cart-checkout-btn:hover{background:var(--gd2);color:var(--bk)}
.empty-cart{padding:34px 18px;text-align:center;color:var(--mu)}
.empty-cart i{font-size:34px;color:var(--gd);display:block;margin-bottom:8px}
.empty-cart p{margin:0;font-size:13px}

/* ---------- gold accents (no warm orange) ---------- */
.feature-modern__badge,.c3{background:linear-gradient(135deg,#d9a441,#b8862f)!important;color:var(--bk)!important}
.footer-col h4,.mk-eb{color:var(--gd)}
::selection{background:var(--gd);color:var(--bk)}