/* HardBoxIran v5.6.19 — Homepage Luxury Dark redesign
   Visual language: graphite black + warm gold + ivory cards, matching approved reference. */
:root{
  --hbi-black:#080a0c;--hbi-black-2:#0d1013;--hbi-black-3:#13171b;
  --hbi-gold:#d99a35;--hbi-gold-2:#f0b44a;--hbi-gold-soft:#e7bd75;
  --hbi-ivory:#f5f1e9;--hbi-ivory-2:#fffdfa;--hbi-line:rgba(221,158,53,.34);
  --hbi-text:#f8f3ea;--hbi-muted:#a9afb5;--hbi-ink:#15191d;
  --hbi-radius:18px;--hbi-shadow:0 24px 70px rgba(0,0,0,.32)
}
html{background:var(--hbi-black)}
body.hbi-concept-integrated{background:var(--hbi-black)!important;color:var(--hbi-text)!important}
body.hbi-concept-integrated *{scroll-margin-top:84px}

/* Header */
.hbi-concept-integrated .hbi-editable-hero__header{
  position:relative!important;top:auto!important;width:min(1440px,calc(100% - 28px))!important;height:76px!important;margin:14px auto 0!important;
  padding:0 18px!important;border:1px solid var(--hbi-line)!important;border-radius:16px!important;
  background:linear-gradient(180deg,rgba(13,16,19,.98),rgba(7,9,11,.98))!important;
  box-shadow:0 12px 34px rgba(0,0,0,.22)!important;backdrop-filter:blur(18px)!important
}
.hbi-concept-integrated .hbi-editable-hero__brand-copy a,
.hbi-concept-integrated .hbi-editable-hero__nav a,
.hbi-concept-integrated .hbi-editable-hero__actions>a:first-child{color:#f4efe6!important;text-shadow:none!important}
.hbi-concept-integrated .hbi-editable-hero__brand-copy a:last-child{color:var(--hbi-gold-2)!important}
.hbi-concept-integrated .hbi-editable-hero__nav a{font-size:13px!important;font-weight:800!important;transition:.2s ease}
.hbi-concept-integrated .hbi-editable-hero__nav a:hover{color:var(--hbi-gold-2)!important}
.hbi-concept-integrated .hbi-editable-hero__actions .is-catalog{background:linear-gradient(135deg,#e1a13a,#b97920)!important;color:#0b0d0f!important;border:1px solid #eba940!important;box-shadow:0 8px 22px rgba(213,147,43,.22)!important}
.hbi-concept-integrated .hbi-editable-hero__menu-button{background:#11151a!important;color:#fff!important;border:1px solid var(--hbi-line)!important}

/* First view */
.cl-hero{min-height:auto!important;padding-bottom:38px!important;background:
  radial-gradient(circle at 15% 15%,rgba(218,153,51,.08),transparent 28%),
  linear-gradient(145deg,#050709 0%,#0a0d10 56%,#050607 100%)!important;color:#fff!important}
.cl-hero-bg{opacity:.13!important;filter:grayscale(.22) brightness(.38) contrast(1.05)!important;object-position:center 42%!important}
.cl-hero-veil{background:linear-gradient(90deg,rgba(5,7,9,.55),rgba(5,7,9,.80) 55%,rgba(5,7,9,.94))!important}
.cl-shell{width:min(1360px,calc(100% - 48px))!important;max-width:none!important;padding:48px 0 30px!important;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr)!important;gap:54px!important;align-items:center!important;direction:ltr!important}
.cl-copy{direction:rtl!important;max-width:600px!important;padding:0!important;justify-self:stretch!important;align-items:flex-start!important;text-align:right!important}
.cl-eyebrow{color:var(--hbi-gold-2)!important;font-size:14px!important;font-weight:900!important}
.cl-eyebrow:before{background:linear-gradient(90deg,#c41634,var(--hbi-gold-2))!important;width:44px!important;height:2px!important}
.cl-copy h1{color:#fff!important;font-size:clamp(46px,4.9vw,72px)!important;line-height:1.18!important;letter-spacing:-1.7px!important;margin:22px 0 18px!important;text-shadow:0 2px 24px rgba(0,0,0,.24)!important}
.cl-copy p{color:#c9cdd1!important;font-size:16px!important;line-height:2.05!important;max-width:590px!important;margin:0!important}
.cl-features{width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:26px!important}
.cl-features a{min-height:52px!important;display:flex!important;align-items:center!important;border:1px solid rgba(229,167,65,.23)!important;border-radius:10px!important;background:linear-gradient(180deg,rgba(22,26,30,.90),rgba(12,15,18,.88))!important;color:#ece8e0!important;box-shadow:none!important;font-size:12px!important}
.cl-features a:before{color:var(--hbi-gold-2)!important}
.cl-actions{width:100%!important;margin-top:18px!important;gap:10px!important}
.cl-actions a{min-height:52px!important;border-radius:8px!important;font-size:13px!important;font-weight:900!important}
.cl-primary{background:linear-gradient(135deg,#eba93c,#bd7920)!important;color:#101214!important;border:1px solid #efb04b!important;box-shadow:0 10px 28px rgba(209,142,35,.22)!important}
.cl-secondary{background:#0e1216!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important}

/* Product experience card: same framing as approved reference */
.cl-product-stage{direction:rtl!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;border:1px solid var(--hbi-line)!important;border-radius:14px!important;overflow:hidden!important;background:linear-gradient(180deg,#0e1216,#080a0c)!important;box-shadow:var(--hbi-shadow)!important;backdrop-filter:none!important}
.cl-stage-head{height:54px!important;padding:0 18px!important;background:#0c0f12!important;border-bottom:1px solid rgba(220,158,58,.22)!important}
.cl-stage-head span{color:#8f969c!important;font:800 8px/1 Arial!important;letter-spacing:1.8px!important}
.cl-stage-head b{color:#fff!important;font-size:15px!important}
.cl-stage-body,.cl-stage-body--stable{height:420px!important;background:#0b0e11!important}
.cl-product-visual:before{background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.16))!important}
.cl-product-visual img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:0!important;background:#0b0e11!important;filter:none!important}
.cl-tabs{min-height:68px!important;padding:10px 14px!important;background:#0c0f12!important;border-top:1px solid rgba(220,158,58,.20)!important;gap:8px!important}
.cl-tabs button,.cl-tabs a{min-height:38px!important;padding:9px 14px!important;background:#12161a!important;border:1px solid #343a40!important;color:#d4d8dc!important;border-radius:8px!important}
.cl-tabs button.is-active{background:linear-gradient(135deg,#e5a33a,#c27c20)!important;color:#0c0e10!important;border-color:#e5a33a!important}
.cl-tabs a{margin-right:auto!important;color:var(--hbi-gold-2)!important;border-color:rgba(225,158,51,.42)!important;background:#11100c!important}
.cl-stage-note{display:none!important}.cl-scroll{color:#777f86!important}

/* Paper bag follows same visual system */
.hbi-paper-bag-home{background:linear-gradient(180deg,#0a0d10,#0d1013)!important;color:#fff!important;border-top:1px solid rgba(219,155,51,.22)!important;border-bottom:1px solid rgba(219,155,51,.22)!important}
.hbi-paper-bag-home__inner{width:min(1360px,calc(100% - 48px))!important}
.hbi-paper-bag-home__stage{border:1px solid var(--hbi-line)!important;background:#0c0f12!important;box-shadow:var(--hbi-shadow)!important}
.hbi-paper-bag-home__stage-head{background:#0b0e11!important;border-bottom:1px solid rgba(219,155,51,.20)!important;color:#fff!important}
.hbi-paper-bag-home__image-wrap{background:linear-gradient(145deg,#11161a,#080a0c)!important}
.hbi-paper-bag-home__image{object-fit:contain!important;background:#0c0f12!important}
.hbi-paper-bag-home__copy h2{color:#fff!important}.hbi-paper-bag-home__copy p{color:#b9c0c6!important}
.hbi-paper-bag-home__eyebrow{color:var(--hbi-gold-2)!important}
.hbi-paper-bag-home__chip{background:#11161a!important;color:#e8e4dd!important;border:1px solid rgba(219,155,51,.22)!important}
.hbi-paper-bag-home__primary{background:linear-gradient(135deg,#e6a43a,#bd7920)!important;color:#0b0d0f!important}
.hbi-paper-bag-home__secondary{background:#11161a!important;color:#fff!important;border-color:#363c41!important}
.hbi-paper-bag-home__tabs{background:#0b0e11!important}.hbi-paper-bag-home__tab{background:#13181d!important;color:#c9ced3!important;border-color:#353b41!important}.hbi-paper-bag-home__tab.is-active{background:#d99731!important;color:#0b0d0f!important;border-color:#e4a33a!important}
.hbi-paper-bag-quick{background:#0b0e11!important;border:1px solid rgba(219,155,51,.28)!important;color:#fff!important}.hbi-paper-bag-quick__head span{color:var(--hbi-gold-2)!important}.hbi-paper-bag-quick__head h3{color:#fff!important}.hbi-paper-bag-quick__form label{color:#d8dce0!important}.hbi-paper-bag-quick input,.hbi-paper-bag-quick select{background:#12161a!important;color:#fff!important;border-color:#343b41!important}.hbi-paper-bag-quick__button{background:linear-gradient(135deg,#e4a33a,#be7920)!important;color:#111!important}

/* Dark proof and motion */
.hbi-capability-proof{background:#0b0e11!important;color:#fff!important;border-block:1px solid rgba(219,155,51,.22)!important}.hbi-capability-proof__header h2,.hbi-capability-proof__item strong{color:#fff!important}.hbi-capability-proof__header p,.hbi-capability-proof__item span{color:#aeb5bb!important}.hbi-capability-proof__item{background:#111519!important;border:1px solid rgba(219,155,51,.16)!important;border-radius:12px!important}.hbi-capability-proof__footer a{color:var(--hbi-gold-2)!important}
.hbi-scroll-story{background:#07090b!important;color:#fff!important;border-block:1px solid rgba(219,155,51,.16)!important}.hbi-scroll-story__stage-card{border-color:rgba(219,155,51,.24)!important;background:#101419!important}.hbi-scroll-story__cta{background:var(--hbi-ivory)!important;color:#111!important}

/* Light content cards like reference */
.product-categories,.hbi-seo-hub,.why-us,.app-section#faq{background:var(--hbi-ivory)!important;color:var(--hbi-ink)!important}
.product-categories__header h2,.hbi-seo-hub h2,.why-us h2,.app-section#faq h2{color:#111!important}
.product-categories__header p,.hbi-seo-hub p,.why-us p,.app-section#faq .app-heading p{color:#6c7176!important}
.product-categories__grid{gap:14px!important}.category-card{border:1px solid rgba(0,0,0,.10)!important;border-radius:12px!important;box-shadow:0 8px 24px rgba(0,0,0,.08)!important}.category-card__content a{border-radius:6px!important}
.hbi-seo-hub__card,.why-us__item,.faq-item{background:#fff!important;border:1px solid rgba(24,28,31,.10)!important;border-radius:12px!important;box-shadow:0 8px 24px rgba(0,0,0,.04)!important}

/* Factory / services / process / portfolio */
.factory{background:linear-gradient(145deg,#0a0d10,#11151a)!important;color:#fff!important;border-block:1px solid rgba(219,155,51,.20)!important}.factory__media{border:1px solid rgba(219,155,51,.30)!important;border-radius:14px!important}.factory__content h2{color:#fff!important}.factory__lead,.factory__features li{color:#c0c5ca!important}.factory__button{background:linear-gradient(135deg,#e1a039,#b8751e)!important;border-radius:8px!important;color:#0d0f11!important}
.hbi-services-showcase{background:#0a0d10!important;color:#fff!important}.hbi-services-showcase .app-heading h2{color:#fff!important}.hbi-services-showcase .app-heading p{color:#aeb4ba!important}.hbi-services-showcase .service-card{border:1px solid rgba(219,155,51,.22)!important;border-radius:14px!important;background:#101419!important;overflow:hidden!important}.hbi-services-showcase .service-card__copy h3{color:#fff!important}.hbi-services-showcase .service-card__copy p{color:#c1c6ca!important}.hbi-services-showcase .service-card__number,.hbi-services-showcase .service-card__link-label{color:var(--hbi-gold-2)!important}
#process{background:#080a0c!important}.process-card{background:#111519!important;border:1px solid rgba(219,155,51,.19)!important;border-radius:12px!important}.process-card:before{color:var(--hbi-gold-2)!important}
.portfolio{background:linear-gradient(145deg,#080a0c,#11151a)!important;border-block:1px solid rgba(219,155,51,.20)!important}.portfolio__card{border-color:rgba(219,155,51,.26)!important;border-radius:12px!important}.portfolio__cta{border-color:rgba(219,155,51,.45)!important;color:#fff!important}.portfolio__cta:hover{background:#d8922b!important;border-color:#d8922b!important;color:#111!important}

/* FAQ / lead / footer */
.faq-item button{background:#fff!important;color:#171a1d!important}.faq-item button:after{color:#c68526!important}.faq-item div{color:#666e74!important}
.hbi-lead-cta{background:linear-gradient(135deg,#b8751e,#e1a039)!important;color:#111!important}.hbi-lead-cta__eyebrow{color:#5f3a0b!important}.hbi-lead-cta p{color:rgba(17,17,17,.72)!important}.hbi-lead-cta__primary{background:#090b0d!important;color:#fff!important}.hbi-lead-cta__secondary{border-color:rgba(0,0,0,.26)!important;color:#111!important;background:rgba(255,255,255,.25)!important}
.ys-footer{background:#07090b!important;border-top:1px solid rgba(219,155,51,.25)!important}.ys-footer:before{background:var(--hbi-gold)!important}.ys-footer__title:after{background:var(--hbi-gold)!important}.ys-footer__links a:before{background:var(--hbi-gold)!important}.ys-footer__contact-icon{color:var(--hbi-gold-2)!important;background:rgba(219,155,51,.10)!important}.ys-footer__social-link:hover{background:var(--hbi-gold)!important;border-color:var(--hbi-gold)!important;color:#111!important}

/* Floating actions harmonized */
.float-actions__wa{background:#1aa75b!important}.float-actions__quote{background:#d18a27!important}.float-actions__top{background:#0b0d0f!important;border:1px solid rgba(219,155,51,.38)!important}

@media(max-width:1080px){
  .hbi-concept-integrated .hbi-editable-hero__header{width:calc(100% - 24px)!important;margin-top:12px!important}
  .cl-shell{width:min(860px,calc(100% - 32px))!important;padding:34px 0 26px!important;grid-template-columns:1fr!important;gap:26px!important;direction:rtl!important}
  .cl-product-stage{order:1!important;max-width:760px!important;justify-self:center!important}.cl-copy{order:2!important;max-width:760px!important;justify-self:center!important;text-align:center!important;align-items:center!important}.cl-eyebrow{align-self:center!important}.cl-copy p{max-width:700px!important}.cl-features{max-width:700px!important}.cl-actions{justify-content:center!important}
  .cl-stage-body,.cl-stage-body--stable{height:430px!important}
}
@media(max-width:760px){
  .hbi-concept-integrated .hbi-editable-hero__header{height:64px!important;padding:0 12px!important;border-radius:12px!important}.hbi-concept-integrated .hbi-editable-hero__brand-copy a:first-child{font-size:13px!important}.hbi-concept-integrated .hbi-editable-hero__brand-logo img{width:42px!important;height:42px!important}
  .cl-hero{padding-bottom:22px!important}.cl-shell{width:calc(100% - 24px)!important;padding:24px 0 18px!important;gap:20px!important}.cl-product-stage{border-radius:12px!important}.cl-stage-head{height:46px!important;padding:0 12px!important}.cl-stage-body,.cl-stage-body--stable{height:300px!important}.cl-product-visual img{object-fit:contain!important}.cl-tabs{min-height:auto!important;flex-wrap:wrap!important;padding:9px!important}.cl-tabs button{flex:1!important;min-width:84px!important}.cl-tabs a{width:100%!important;margin:2px 0 0!important;text-align:center!important}.cl-copy h1{font-size:35px!important;line-height:1.22!important;letter-spacing:-.8px!important;margin:16px 0 12px!important}.cl-copy p{font-size:13px!important;line-height:1.9!important}.cl-features{grid-template-columns:1fr!important;gap:8px!important;margin-top:18px!important}.cl-features a{min-height:46px!important}.cl-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}.cl-actions a{width:100%!important}.cl-scroll{display:none!important}
  .hbi-paper-bag-home__inner{width:calc(100% - 24px)!important}.product-categories,.why-us,.app-section{padding-left:14px!important;padding-right:14px!important}.product-categories__grid{grid-template-columns:1fr!important}.category-card{min-height:170px!important}.factory{padding-left:14px!important;padding-right:14px!important}.portfolio__inner{padding-left:14px!important;padding-right:14px!important}.faq-item{border-radius:10px!important}
}