/* =====================================================================
   Happy Trade Elements — brand system (RTL, gold + chocolate brown)
   Palette sampled from the Happy Trade logo:
   gold #E4A91D · amber #C87A11 · yellow #F8DF3B · brown #3F240D
   ===================================================================== */
.ht-w{
  --ht-gold:#E4A91D;--ht-amber:#C87A11;--ht-yellow:#F8DF3B;--ht-brown:#3F240D;--ht-ink:#1F1A17;
  --ht-accent:var(--ht-gold);
  --ht-grad:linear-gradient(135deg,#F8DF3B 0%,#E4A91D 48%,#C87A11 100%);
  --ht-bg:#FAF7F0;--ht-card:#FFFFFF;--ht-title:#1F1A17;--ht-text:#5B4E44;--ht-line:rgba(63,36,13,.12);
  --ht-radius:18px;--ht-pad:88px;--ht-shadow:0 18px 40px -22px rgba(63,36,13,.35);
  --ht-font-h:"Cairo","Tajawal",system-ui,sans-serif;--ht-font-b:"Tajawal","Cairo",system-ui,sans-serif;
  position:relative;direction:rtl;text-align:right;background:var(--ht-bg);color:var(--ht-text);
  padding:var(--ht-pad) 0;font-family:var(--ht-font-b);font-size:17px;line-height:1.75;
  -webkit-font-smoothing:antialiased;overflow:hidden;
}
.ht-w *,.ht-w *::before,.ht-w *::after{box-sizing:border-box}
.ht-w img{max-width:100%;height:auto;display:block}
.ht-w a{color:inherit;text-decoration:none}
.ht-w.ht-w h1,.ht-w.ht-w h2,.ht-w.ht-w h3,.ht-w.ht-w h4{font-family:var(--ht-font-h);color:var(--ht-title);margin:0 0 .45em;line-height:1.3;font-weight:800;letter-spacing:0}
.ht-w p{margin:0 0 1em}
.ht-w ul,.ht-w ol{margin:0;padding:0;list-style:none}
.ht-w button{font-family:inherit;cursor:pointer}
/* theme/kit neutraliser: themes style every <button>; keep ours clean */
.ht-w button{padding:0;margin:0;border:0;border-radius:0;background-color:transparent;color:inherit;text-transform:none;letter-spacing:normal;line-height:inherit;box-shadow:none;min-height:0;font-weight:inherit;text-decoration:none;white-space:normal}
.ht-w button:hover,.ht-w button:focus{background-color:transparent;color:inherit;text-decoration:none}
.ht-w button:focus-visible,.ht-w a:focus-visible{outline:2px solid var(--ht-gold);outline-offset:2px}
.ht-w.ht-w a,.ht-w.ht-w a:hover{color:inherit}
.ht-w .ht-ico{width:1.25em;height:1.25em;flex:none;display:inline-block;vertical-align:middle}
/* ---------- themes ---------- */
.ht-w.ht-theme-cream{--ht-bg:#FAF7F0;--ht-card:#FFFFFF}
.ht-w.ht-theme-light{--ht-bg:#FFFFFF;--ht-card:#FAF7F0}
.ht-w.ht-theme-sand{--ht-bg:#F2EADB;--ht-card:#FFFDF8}
.ht-w.ht-theme-none{--ht-bg:transparent;--ht-pad:40px}
.ht-w.ht-theme-dark{--ht-bg:#24160A;--ht-card:rgba(255,248,235,.05);--ht-title:#FFF8EA;--ht-text:#D8C8B3;--ht-line:rgba(228,169,29,.22);--ht-shadow:0 24px 60px -30px rgba(0,0,0,.8);
  background:radial-gradient(120% 90% at 85% 0%,rgba(228,169,29,.18),transparent 55%),radial-gradient(90% 80% at 0% 100%,rgba(200,122,17,.14),transparent 60%),var(--ht-bg)}
.ht-w.ht-theme-ink{--ht-bg:#141110;--ht-card:#1F1A17;--ht-title:#FFF8EA;--ht-text:#CFC2B2;--ht-line:rgba(228,169,29,.2);--ht-shadow:0 24px 60px -30px rgba(0,0,0,.9)}
.ht-w.ht-theme-gold{--ht-accent:#3F240D;--ht-bg:#E4A91D;--ht-card:rgba(255,255,255,.28);--ht-title:#2A1705;--ht-text:#3F240D;--ht-line:rgba(63,36,13,.2);background:var(--ht-grad)}
.ht-w.ht-theme-dark .ht-title em,.ht-w.ht-theme-ink .ht-title em,.ht-w .ht-gold-text{font-style:normal;background:var(--ht-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ht-w .ht-title em{font-style:normal;color:var(--ht-amber)}
/* ---------- layout ---------- */
.ht-w .ht-container{width:100%;max-width:1240px;margin-inline:auto;padding-inline:24px;position:relative}
.ht-w .ht-narrow{max-width:900px}
.ht-w .ht-grid{display:grid;gap:26px;grid-template-columns:repeat(var(--ht-cols,3),minmax(0,1fr))}
@media (max-width:1024px){.ht-w .ht-grid{grid-template-columns:repeat(var(--ht-cols-t,2),minmax(0,1fr))}
}
@media (max-width:640px){.ht-w .ht-grid{grid-template-columns:repeat(var(--ht-cols-m,1),minmax(0,1fr));gap:16px}
.ht-w{--ht-pad:56px;font-size:16px}
.ht-w .ht-container{padding-inline:16px}
}
.ht-w .ht-center{text-align:center}
.ht-w .ht-mt{margin-top:40px}
.ht-w .ht-card{background:var(--ht-card);border:1px solid var(--ht-line);border-radius:var(--ht-radius);box-shadow:var(--ht-shadow)}
/* ---------- headings ---------- */
.ht-w .ht-head{max-width:720px;margin:0 auto 48px;text-align:center}
.ht-w .ht-head-start{margin-inline:0;text-align:right}
.ht-w .ht-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--ht-font-h);font-weight:700;font-size:14px;color:var(--ht-accent);margin-bottom:10px;letter-spacing:.02em}
.ht-w .ht-eyebrow::before,.ht-w .ht-eyebrow::after{content:"";width:22px;height:2px;border-radius:2px;background:currentColor;opacity:.7}
.ht-w .ht-head-start .ht-eyebrow::after{display:none}
.ht-w .ht-head .ht-title{font-size:clamp(28px,3.3vw,42px)}
.ht-w .ht-ornament{display:inline-flex;align-items:center;gap:6px;margin:4px 0 16px}
.ht-w .ht-ornament i{width:36px;height:2px;background:var(--ht-accent);border-radius:2px;opacity:.55}
.ht-w .ht-ornament b{width:10px;height:10px;transform:rotate(45deg);background:var(--ht-grad);border-radius:2px}
.ht-w.ht-theme-gold .ht-ornament b{background:#3F240D}
.ht-w .ht-lead{font-size:1.08em;color:var(--ht-text)}
.ht-w .ht-st{text-align:center;position:relative}
.ht-w .ht-st .ht-head{margin-bottom:0}
.ht-w .ht-st-shadow{position:absolute;inset-inline:0;top:-.35em;font:900 clamp(60px,11vw,150px)/1 var(--ht-font-h);color:var(--ht-accent);opacity:.07;pointer-events:none;white-space:nowrap;text-align:center}
.ht-w .ht-st-sm .ht-title{font-size:24px!important}
.ht-w .ht-st-lg .ht-title{font-size:clamp(34px,4.4vw,56px)!important}
.ht-w .ht-st-xl .ht-title{font-size:clamp(40px,6vw,76px)!important}
/* ---------- buttons ---------- */
.ht-w .ht-btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}
.ht-w .ht-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;font:700 16px/1 var(--ht-font-h);border:2px solid transparent;transition:transform .25s,box-shadow .25s,background .25s,color .25s;white-space:nowrap;cursor:pointer}
.ht-w .ht-btn:hover{transform:translateY(-2px)}
.ht-w .ht-btn .ht-ico{width:18px;height:18px}
.ht-w .ht-btn-gold{background:var(--ht-grad);color:#2A1705!important;box-shadow:0 12px 26px -12px rgba(200,122,17,.8)}
.ht-w .ht-btn-gold:hover{box-shadow:0 18px 34px -12px rgba(200,122,17,.95)}
.ht-w .ht-btn-dark{background:#1F1A17;color:#F8DF3B!important}
.ht-w .ht-btn-dark:hover{background:#3F240D}
.ht-w .ht-btn-outline{border-color:var(--ht-accent);color:var(--ht-title)!important;background:transparent}
.ht-w .ht-btn-outline:hover{background:var(--ht-accent);color:#2A1705!important}
.ht-w .ht-btn-ghost{border-color:rgba(255,248,234,.45);color:#FFF8EA!important;background:rgba(255,255,255,.04);backdrop-filter:blur(6px)}
.ht-w .ht-btn-ghost:hover{border-color:var(--ht-gold);color:var(--ht-yellow)!important}
.ht-w .ht-btn-ghost-dark{border-color:rgba(63,36,13,.5);color:#3F240D!important}
.ht-w .ht-btn-ghost-dark:hover{background:#3F240D;color:#F8DF3B!important}
.ht-w .ht-btn-wa{background:#1FAF5A;color:#fff!important}
.ht-w .ht-btn-wa:hover{background:#178a47}
.ht-w .ht-btn-sm{min-height:42px;padding:0 18px;font-size:14px}
.ht-w .ht-btn-icon{padding:0;width:42px}
.ht-w .ht-badge-inline{display:inline-block;background:var(--ht-grad);color:#2A1705;border-radius:999px;padding:4px 12px;font:700 13px var(--ht-font-h)}
.ht-w.ht-theme-cream .ht-btn-ghost,.ht-w.ht-theme-light .ht-btn-ghost,.ht-w.ht-theme-sand .ht-btn-ghost{border-color:var(--ht-line);color:var(--ht-title)!important}
/* ---------- entrance animation ---------- */
.ht-w.ht-anim .ht-container{transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.ht-w.ht-anim.ht-pre .ht-container{opacity:0}
.ht-w.ht-anim-up.ht-pre .ht-container{transform:translateY(34px)}
.ht-w.ht-anim-zoom.ht-pre .ht-container{transform:scale(.96)}
@media (prefers-reduced-motion:reduce){.ht-w.ht-anim .ht-container{transition:none}
.ht-w.ht-anim.ht-pre .ht-container{opacity:1;transform:none}
}
/* ---------- header ---------- */
.ht-w.htw-header,.ht-w.htw-notice-bar,.ht-w.htw-hero-slider,.ht-w.htw-marquee,.ht-w.htw-page-header,.ht-w.htw-floating-contact{--ht-pad:0}
.ht-w.htw-header{overflow:visible;z-index:50}
.ht-w .ht-header{background:rgba(20,17,16,.96);border-bottom:1px solid rgba(228,169,29,.25);transition:box-shadow .3s,background .3s}
.ht-w.ht-theme-light .ht-header,.ht-w.ht-theme-cream .ht-header{background:rgba(255,255,255,.96);border-bottom-color:var(--ht-line)}
.ht-w .ht-header.is-stuck{position:fixed;top:0;inset-inline:0;z-index:999;box-shadow:0 12px 30px -14px rgba(0,0,0,.6);animation:htDrop .35s ease}
@keyframes htDrop{from{transform:translateY(-100%)}
to{transform:none}
}
.ht-w .ht-header-in{display:flex;align-items:center;gap:26px;min-height:84px}
.ht-w .ht-logo img{width:auto;max-height:90px;filter:drop-shadow(0 4px 12px rgba(228,169,29,.25))}
.ht-w .ht-logo-text{font:900 24px var(--ht-font-h);background:var(--ht-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ht-w .ht-menu{flex:1}
.ht-w .ht-menu-list{display:flex;gap:2px;justify-content:center;flex-wrap:nowrap}
.ht-w .ht-menu-list a{display:block;padding:10px 11px;border-radius:10px;font:700 15px var(--ht-font-h);white-space:nowrap;color:var(--ht-title);position:relative;transition:color .2s}
.ht-w .ht-menu-list a::after{content:"";position:absolute;inset-inline:14px;bottom:4px;height:2px;border-radius:2px;background:var(--ht-grad);transform:scaleX(0);transition:transform .25s}
.ht-w .ht-menu-list a:hover,.ht-w .ht-menu-list .current-menu-item>a,.ht-w .ht-menu-list a.is-current{color:var(--ht-gold)}
.ht-w .ht-menu-list a:hover::after,.ht-w .ht-menu-list a.is-current::after,.ht-w .ht-menu-list .current-menu-item>a::after{transform:scaleX(1)}
.ht-w .ht-menu-list .sub-menu{display:none}
.ht-w .ht-header-actions{display:flex;align-items:center;gap:10px}
.ht-w .ht-hsearch{display:flex;align-items:center;background:rgba(255,255,255,.07);border:1px solid var(--ht-line);border-radius:999px;padding-inline-start:14px;height:44px}
.ht-w .ht-hsearch input{background:none;border:0;outline:0;color:var(--ht-title);width:150px;font:15px var(--ht-font-b)}
.ht-w .ht-hsearch input::placeholder{color:var(--ht-text);opacity:.7}
.ht-w .ht-hsearch button,.ht-w .ht-hicon{width:44px;height:44px;border-radius:999px;display:grid;place-items:center;background:none;border:0;color:var(--ht-title);position:relative}
.ht-w .ht-hicon{border:1px solid var(--ht-line)}
.ht-w .ht-hicon:hover{color:var(--ht-gold);border-color:var(--ht-gold)}
.ht-w .ht-cart-count{position:absolute;top:-4px;inset-inline-end:-4px;min-width:20px;height:20px;border-radius:999px;background:var(--ht-grad);color:#2A1705;font:800 11px/20px var(--ht-font-h);text-align:center}
.ht-w .ht-burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--ht-line);background:none;color:var(--ht-title);place-items:center}
@media (max-width:1320px){.ht-w .ht-hsearch input{width:0;padding:0}
.ht-w .ht-hsearch{padding:0;border:0;background:none}
.ht-w .ht-hsearch:focus-within input{width:150px;padding-inline-start:12px}
.ht-w .ht-hsearch:focus-within{background:rgba(255,255,255,.07);border:1px solid var(--ht-line)}
}
@media (max-width:1180px){.ht-w .ht-hsearch{display:none}
.ht-w .ht-burger{display:grid}
.ht-w .ht-menu{position:fixed;inset:0 0 0 auto;width:min(86vw,340px);background:#141110;z-index:1000;padding:90px 22px 30px;transform:translateX(105%);transition:transform .35s ease;box-shadow:-20px 0 60px rgba(0,0,0,.5);overflow:auto}
.ht-w .ht-menu.is-open{transform:none}
.ht-w .ht-menu .ht-menu-close{display:grid;place-items:center;position:absolute;top:22px;left:22px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(228,169,29,.4);background:none;color:#F8DF3B}
.ht-w .ht-menu::before{content:"Happy Trade";position:absolute;top:30px;right:24px;font:900 22px var(--ht-font-h);background:var(--ht-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ht-w .ht-menu-list{flex-direction:column;align-items:stretch;flex-wrap:wrap}
.ht-w .ht-menu-list a{color:#FFF8EA;padding:14px;border-bottom:1px solid rgba(228,169,29,.15);border-radius:0}
.ht-w .ht-header-in{justify-content:space-between}
}
@media (max-width:640px){.ht-w .ht-hide-m{display:none!important}
.ht-w .ht-header-in{min-height:70px}
.ht-w .ht-logo img{max-height:62px!important;height:62px!important}
}
.ht-w .ht-menu-close{display:none}
.ht-menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:998;opacity:0;pointer-events:none;transition:opacity .3s}
.ht-menu-backdrop.is-on{opacity:1;pointer-events:auto}
/* ---------- notice bar ---------- */
.ht-w .ht-notice-in{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:42px;font:700 14px var(--ht-font-h);color:var(--ht-title)}
.ht-w .ht-notice-rotator{position:relative;flex:1;height:24px;overflow:hidden}
.ht-w .ht-notice-msg{position:absolute;inset:0;display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(100%);transition:.5s}
.ht-w .ht-notice-msg.is-on{opacity:1;transform:none}
.ht-w .ht-notice-msg.is-out{opacity:0;transform:translateY(-100%)}
.ht-w .ht-notice-side{display:flex;align-items:center;gap:14px}
.ht-w .ht-notice-side a{display:inline-flex;gap:6px;align-items:center}
.ht-w .ht-notice-side a:hover{opacity:.7}
@media (max-width:640px){.ht-w .ht-notice-side{display:none}
.ht-w .ht-notice-rotator{text-align:center}
.ht-w .ht-notice-msg{justify-content:center;font-size:13px}
}
/* ---------- slider (shared) ---------- */
.ht-w .ht-slider{position:relative;--per:1;--gap:24px}
.ht-w .ht-carousel{overflow:hidden;padding:10px 6px 56px;margin:-10px -6px 0}
.ht-w .ht-track{display:flex;gap:var(--gap);transition:transform .7s cubic-bezier(.2,.7,.2,1);will-change:transform;touch-action:pan-y}
.ht-w .ht-slide{flex:0 0 calc((100% - (var(--per) - 1) * var(--gap)) / var(--per));min-width:0;margin:0}
.ht-w .ht-bcard a{display:block;background:var(--ht-card);border-radius:var(--ht-radius);overflow:hidden;box-shadow:var(--ht-shadow)}
.ht-w .ht-bcard img{width:100%;aspect-ratio:var(--ht-ratio,3/4);object-fit:var(--ht-fit,cover);transition:transform .7s}
.ht-w .ht-bcard a:hover img{transform:scale(1.05)}
.ht-w .ht-bcard figcaption{margin-top:10px;font:700 15px var(--ht-font-h);color:var(--ht-title);text-align:center}
.ht-w .ht-fx-fade .ht-track{display:grid;transform:none!important}
.ht-w .ht-fx-fade .ht-slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .9s,visibility .9s}
.ht-w .ht-fx-fade .ht-slide.is-active{opacity:1;visibility:visible}
.ht-w .ht-nav{position:absolute;top:calc(50% - 50px);width:46px;height:46px;border-radius:999px;border:1px solid var(--ht-line);background:var(--ht-card);color:var(--ht-title);display:grid;place-items:center;z-index:5;box-shadow:var(--ht-shadow);transition:.25s}
.ht-w .ht-nav:hover{background:var(--ht-grad);color:#2A1705;border-color:transparent}
.ht-w .ht-prev{right:8px}
.ht-w .ht-next{left:8px}
.ht-w .ht-dots{position:absolute;bottom:14px;inset-inline:0;display:flex;justify-content:center;gap:8px;z-index:5}
.ht-w .ht-dots button{width:9px;height:9px;border-radius:9px;border:0;padding:0;background:var(--ht-title);opacity:.25;transition:.3s}
.ht-w .ht-dots button.is-on{width:28px;opacity:1;background:var(--ht-grad)}
.ht-w .ht-carousel .ht-nav{top:auto;bottom:0;width:40px;height:40px;box-shadow:none}
.ht-w .ht-carousel .ht-prev{right:calc(50% - 120px)}
.ht-w .ht-carousel .ht-next{left:calc(50% - 120px)}
.ht-w .ht-carousel .ht-dots{bottom:16px}
.ht-w .ht-slider.no-arrows .ht-nav,.ht-w .ht-slider.no-dots .ht-dots{display:none}
.ht-w .ht-slider.is-static .ht-nav,.ht-w .ht-slider.is-static .ht-dots{display:none}
/* ---------- hero slider ---------- */
.ht-w .ht-hero .ht-slider{overflow:hidden}
.ht-w .ht-hero-slide{position:relative;height:var(--ht-hero-h,620px);display:flex;align-items:center;overflow:hidden;background:#141110}
.ht-w .ht-hero-banner .ht-hero-slide{height:auto;aspect-ratio:var(--ht-ratio,16/9);max-height:88vh}
.ht-w .ht-hero-bg{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover}
.ht-w .ht-hero-banner .ht-hero-bg{object-fit:cover}
.ht-w .ht-kb .ht-slide.is-active .ht-hero-bg{animation:htKb 10s ease-out both}
@keyframes htKb{from{transform:scale(1.14)}
to{transform:scale(1)}
}
.ht-w .ht-hero-shade{position:absolute;inset:0;background:linear-gradient(270deg,#140C05 0%,rgba(36,22,10,.92) 38%,rgba(36,22,10,.35) 75%,rgba(36,22,10,.15) 100%)}
.ht-w .ht-al-center .ht-hero-shade{background:radial-gradient(circle at center,rgba(20,12,5,.92),rgba(20,12,5,.5))}
.ht-w .ht-al-end .ht-hero-shade{background:linear-gradient(90deg,#140C05 0%,rgba(36,22,10,.92) 38%,rgba(36,22,10,.2) 100%)}
.ht-w .ht-hero-content{position:relative;z-index:2;display:flex}
.ht-w .ht-al-center .ht-hero-content{justify-content:center;text-align:center}
.ht-w .ht-al-end .ht-hero-content{justify-content:flex-end}
.ht-w .ht-hero-box{max-width:620px;color:#E9DCC8}
.ht-w .ht-al-center .ht-hero-box .ht-btns,.ht-w .ht-al-center .ht-hero-trust{justify-content:center}
.ht-w .ht-hero-title{font-size:clamp(34px,5vw,66px)!important;color:#FFF8EA!important;line-height:1.2!important;margin-bottom:.35em!important}
.ht-w .ht-slide.is-active .ht-hero-box>*{animation:htRise .9s both}
.ht-w .ht-slide.is-active .ht-hero-box>*:nth-child(2){animation-delay:.12s}
.ht-w .ht-slide.is-active .ht-hero-box>*:nth-child(3){animation-delay:.24s}
.ht-w .ht-slide.is-active .ht-hero-box>*:nth-child(4){animation-delay:.36s}
.ht-w .ht-slide.is-active .ht-hero-box>*:nth-child(5){animation-delay:.48s}
@keyframes htRise{from{opacity:0;transform:translateY(26px)}
to{opacity:1;transform:none}
}
.ht-w .ht-hero-box .ht-text{font-size:1.15em;color:#E9DCC8}
.ht-w .ht-hero-box .ht-eyebrow{color:var(--ht-yellow)}
.ht-w .ht-hero-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px!important;font:700 14px var(--ht-font-h);color:#FFF8EA}
.ht-w .ht-hero-trust li{display:flex;align-items:center;gap:7px}
.ht-w .ht-hero-trust .ht-ico{color:var(--ht-gold)}
.ht-w .ht-hero .ht-nav{top:calc(50% - 23px);background:rgba(20,17,16,.5);color:#fff;border-color:rgba(255,255,255,.2)}
.ht-w .ht-hero .ht-dots button{background:#fff}
.ht-w .ht-hero .ht-dots{bottom:22px}
@media (max-width:640px){.ht-w .ht-hero-slide{height:min(var(--ht-hero-h,620px),560px)}
.ht-w .ht-hero-shade{background:linear-gradient(0deg,#140C05 10%,rgba(36,22,10,.75) 100%)!important}
.ht-w .ht-hero .ht-nav{display:none}
.ht-w .ht-hero-trust{gap:10px;font-size:12.5px}
}
/* ---------- split layouts ---------- */
.ht-w .ht-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
.ht-w .ht-split.is-rev>.ht-split-media{order:2}
.ht-w .ht-split-media{position:relative}
.ht-w .ht-split-media img{width:100%;border-radius:var(--ht-radius);object-fit:cover}
.ht-w .ht-split-text .ht-title{font-size:clamp(28px,3.2vw,44px)}
.ht-w .ht-display{font-size:clamp(38px,5.2vw,68px)!important;line-height:1.18!important}
@media (max-width:900px){.ht-w .ht-split{grid-template-columns:1fr}
.ht-w .ht-split.is-rev>.ht-split-media{order:0}
}
.ht-w .ht-frame{padding:14px;border-radius:calc(var(--ht-radius) + 14px);background:linear-gradient(135deg,rgba(248,223,59,.35),rgba(200,122,17,.18));}
.ht-w .ht-frame img{box-shadow:var(--ht-shadow)}
.ht-w .ht-shape-arch img{border-radius:300px 300px var(--ht-radius) var(--ht-radius);aspect-ratio:4/5}
.ht-w .ht-shape-round img{aspect-ratio:4/3}
.ht-w .ht-shape-frame{padding:14px;border:2px solid var(--ht-gold);border-radius:calc(var(--ht-radius) + 14px)}
.ht-w .ht-shape-blob img{border-radius:58% 42% 44% 56%/48% 54% 46% 52%;aspect-ratio:1/1}
.ht-w .ht-media-badge{position:absolute;bottom:22px;inset-inline-start:-14px;display:flex;align-items:center;gap:8px;background:#1F1A17;color:#F8DF3B;border-radius:14px;padding:12px 18px;font:700 15px var(--ht-font-h);box-shadow:var(--ht-shadow)}
.ht-w .ht-float-card{position:absolute;bottom:-22px;inset-inline-end:-10px;width:170px;background:var(--ht-card);border:1px solid var(--ht-line);border-radius:18px;padding:10px;box-shadow:0 30px 50px -20px rgba(0,0,0,.6);animation:htFloat 5s ease-in-out infinite}
.ht-w.ht-theme-dark .ht-float-card{background:#2E1D0E}
.ht-w .ht-float-card img{border-radius:12px;aspect-ratio:1/1;object-fit:cover}
.ht-w .ht-float-card span{display:flex;align-items:center;gap:6px;font:700 13px var(--ht-font-h);color:var(--ht-title);margin-top:8px}
.ht-w .ht-float-card .ht-ico{color:var(--ht-gold)}
@keyframes htFloat{50%{transform:translateY(-10px)}
}
.ht-w .ht-mini-stats{display:flex;gap:28px;margin-top:34px!important;padding-top:26px!important;border-top:1px solid var(--ht-line);flex-wrap:wrap}
.ht-w .ht-mini-stats b{display:block;font:900 30px/1 var(--ht-font-h);background:var(--ht-grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:6px}
.ht-w .ht-mini-stats span{font-size:14px}
.ht-w .ht-checks{display:grid;gap:12px;margin:22px 0 26px!important}
.ht-w .ht-checks li{display:flex;gap:10px;align-items:flex-start;color:var(--ht-title);font-weight:500}
.ht-w .ht-checks .ht-ico{color:var(--ht-gold);margin-top:.2em}
.ht-w.ht-theme-gold .ht-checks .ht-ico{color:#3F240D}
/* ---------- trust bar ---------- */
.ht-w .ht-trust{display:grid;grid-template-columns:repeat(var(--ht-cols),1fr);gap:0}
.ht-w .ht-trust li{display:flex;gap:14px;align-items:center;padding:24px 22px}
.ht-w .ht-trust li strong{display:block;font-size:17px;margin:0 0 2px}
.ht-w .ht-trust li .ht-text{font-size:14px;display:block;line-height:1.5}
.ht-w .ht-trust-l-bar{background:var(--ht-card);border:1px solid var(--ht-line);border-radius:var(--ht-radius);box-shadow:var(--ht-shadow)}
.ht-w .ht-trust-l-bar li+li{border-inline-start:1px solid var(--ht-line)}
.ht-w .ht-trust-l-cards{gap:18px}
.ht-w .ht-trust-l-cards li{background:var(--ht-card);border:1px solid var(--ht-line);border-radius:var(--ht-radius)}
.ht-w .ht-trust-l-floating{background:var(--ht-card);border-radius:var(--ht-radius);box-shadow:0 30px 60px -25px rgba(63,36,13,.5);margin-top:calc(-1 * var(--ht-pad) - 60px);position:relative;z-index:5}
.ht-w .ht-trust-l-floating li+li{border-inline-start:1px solid var(--ht-line)}
.ht-w.htw-trust-bar:has(.ht-trust-l-floating){overflow:visible;z-index:3}
@media (max-width:1024px){.ht-w .ht-trust{grid-template-columns:repeat(2,1fr)}
.ht-w .ht-trust-l-bar li:nth-child(odd),.ht-w .ht-trust-l-floating li:nth-child(odd){border-inline-start:0}
.ht-w .ht-trust-l-bar li:nth-child(n+3),.ht-w .ht-trust-l-floating li:nth-child(n+3){border-top:1px solid var(--ht-line)}
}
@media (max-width:640px){.ht-w .ht-trust li{padding:16px 12px;gap:10px;flex-direction:column;text-align:center}
.ht-w .ht-trust-l-floating{margin-top:calc(-1 * var(--ht-pad) - 30px)}
}
.ht-w .ht-ico-wrap{flex:none;width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(248,223,59,.25),rgba(228,169,29,.18));color:var(--ht-amber);border:1px solid rgba(228,169,29,.35)}
.ht-w .ht-ico-wrap .ht-ico{width:28px;height:28px}
.ht-w.ht-theme-dark .ht-ico-wrap,.ht-w.ht-theme-ink .ht-ico-wrap{color:var(--ht-yellow);background:rgba(228,169,29,.1)}
.ht-w.ht-theme-gold .ht-ico-wrap{background:rgba(63,36,13,.1);color:#3F240D;border-color:rgba(63,36,13,.25)}
/* ---------- feature cards ---------- */
.ht-w .ht-fc{display:block;padding:34px 28px;border-radius:var(--ht-radius);position:relative;transition:transform .35s,box-shadow .35s,border-color .35s;overflow:hidden}
.ht-w .ht-fc .ht-ico-wrap{margin-bottom:20px}
.ht-w .ht-fc h3{font-size:21px}
.ht-w .ht-fc p{font-size:15.5px;margin:0}
.ht-w .ht-fc::before{content:"";position:absolute;inset-inline:0;top:0;height:4px;background:var(--ht-grad);transform:scaleX(0);transform-origin:right;transition:transform .4s}
.ht-w .ht-fc:hover{transform:translateY(-8px);border-color:rgba(228,169,29,.55)}
.ht-w .ht-fc:hover::before{transform:scaleX(1)}
.ht-w .ht-fc-outline .ht-fc{background:transparent;box-shadow:none;border:1.5px solid rgba(228,169,29,.45)}
.ht-w .ht-fc-glass .ht-fc{background:rgba(31,26,23,.9);border-color:rgba(228,169,29,.25);--ht-title:#FFF8EA;--ht-text:#CFC2B2}
.ht-w .ht-fc-num{position:absolute;top:18px;inset-inline-end:22px;font:900 44px/1 var(--ht-font-h);color:var(--ht-gold);opacity:.18}
/* ---------- flip boxes ---------- */
.ht-w .ht-flip-single{max-width:480px}
@media (max-width:640px){.ht-w .ht-flip{height:min(var(--ht-flip-h,400px),320px)}
}
.ht-w .ht-flip{perspective:1400px;height:var(--ht-flip-h,400px);outline:none}
.ht-w .ht-flip-in{position:relative;width:100%;height:100%;transition:transform .8s cubic-bezier(.3,.7,.2,1);transform-style:preserve-3d}
.ht-w .ht-flip-x:hover .ht-flip-in,.ht-w .ht-flip-x:focus-within .ht-flip-in,.ht-w .ht-flip-x.is-flipped .ht-flip-in{transform:rotateY(180deg)}
.ht-w .ht-flip-y:hover .ht-flip-in,.ht-w .ht-flip-y:focus-within .ht-flip-in,.ht-w .ht-flip-y.is-flipped .ht-flip-in{transform:rotateX(180deg)}
.ht-w .ht-flip-front,.ht-w .ht-flip-back{position:absolute;inset:0;border-radius:var(--ht-radius);overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.ht-w .ht-flip-front{background:#2A1A0C center/cover no-repeat;display:flex;align-items:flex-end;box-shadow:var(--ht-shadow)}
.ht-w .ht-flip-front::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,12,5,.95) 0%,rgba(20,12,5,.35) 55%,rgba(20,12,5,.05) 100%)}
.ht-w .ht-flip-cap{position:relative;padding:26px;width:100%}
.ht-w .ht-flip-cap .ht-title{color:#FFF8EA!important;font-size:24px}
.ht-w .ht-flip-cap .ht-text{color:#E9DCC8!important;margin:0;font-size:15px}
.ht-w .ht-flip-cap .ht-ico-wrap{margin-bottom:14px;color:var(--ht-yellow);background:rgba(20,12,5,.5);backdrop-filter:blur(4px)}
.ht-w .ht-flip-back{background:var(--ht-grad);display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;color:#3F240D}
.ht-w .ht-flip-x .ht-flip-back{transform:rotateY(180deg)}
.ht-w .ht-flip-y .ht-flip-back{transform:rotateX(180deg)}
.ht-w .ht-flip-back .ht-title{color:#2A1705!important;font-size:24px}
.ht-w .ht-flip-back .ht-text{color:#3F240D!important}
.ht-w .ht-flip-fade .ht-flip-back,.ht-w .ht-flip-zoom .ht-flip-back{opacity:0;transition:opacity .5s,transform .5s}
.ht-w .ht-flip-zoom .ht-flip-back{transform:scale(.85)}
.ht-w .ht-flip-fade:hover .ht-flip-back,.ht-w .ht-flip-zoom:hover .ht-flip-back,.ht-w .ht-flip-fade.is-flipped .ht-flip-back,.ht-w .ht-flip-zoom.is-flipped .ht-flip-back{opacity:1;transform:none}
/* ---------- product cards ---------- */
.ht-w .ht-pcard{background:var(--ht-card);border:1px solid var(--ht-line);border-radius:var(--ht-radius);overflow:hidden;height:100%;display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s,border-color .35s}
.ht-w .ht-pcard:hover{transform:translateY(-6px);box-shadow:0 30px 50px -28px rgba(63,36,13,.55);border-color:rgba(228,169,29,.5)}
.ht-w .ht-pcard-media{position:relative;display:block;aspect-ratio:1/1;background:#F4EEE2;overflow:hidden}
.ht-w.ht-theme-dark .ht-pcard-media,.ht-w.ht-theme-ink .ht-pcard-media{background:#2A1D12}
.ht-w .ht-pcard-media img{width:100%;height:100%!important;object-fit:cover;transition:transform .7s}
.ht-w .ht-pcard:hover .ht-pcard-media img{transform:scale(1.07)}
.ht-w .ht-badge{position:absolute;top:14px;inset-inline-start:14px;background:var(--ht-grad);color:#2A1705;border-radius:999px;padding:5px 12px;font:800 12.5px var(--ht-font-h);box-shadow:0 8px 18px -8px rgba(200,122,17,.9);z-index:2}
.ht-w .ht-badge-lg{font-size:14px;padding:8px 16px;top:20px;inset-inline-start:20px}
.ht-w .ht-pcard-private{position:absolute;bottom:12px;inset-inline-end:12px;display:inline-flex;align-items:center;gap:5px;background:rgba(20,17,16,.72);color:#F8DF3B;border-radius:999px;padding:5px 10px;font:700 11.5px var(--ht-font-h);opacity:0;transform:translateY(8px);transition:.3s;backdrop-filter:blur(4px)}
.ht-w .ht-pcard-private .ht-ico{width:14px;height:14px}
.ht-w .ht-pcard:hover .ht-pcard-private{opacity:1;transform:none}
.ht-w .ht-pcard-body{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}
.ht-w .ht-pcard-cat{font:700 12.5px var(--ht-font-h);color:var(--ht-amber);margin-bottom:4px}
.ht-w.ht-theme-dark .ht-pcard-cat,.ht-w.ht-theme-ink .ht-pcard-cat{color:var(--ht-gold)}
.ht-w .ht-pcard-title{font-size:17px!important;line-height:1.5!important;margin:0 0 10px!important;font-weight:700!important}
.ht-w .ht-pcard-title a:hover{color:var(--ht-amber)}
.ht-w .ht-price{display:flex;align-items:baseline;gap:10px;font-family:var(--ht-font-h);margin-bottom:14px;flex-wrap:wrap}
.ht-w .ht-price ins,.ht-w .ht-price>.amount,.ht-w .ht-price .woocommerce-Price-amount{text-decoration:none;font-weight:900;font-size:20px;color:var(--ht-title)}
.ht-w .ht-price del{opacity:.55;font-size:15px}
.ht-w .ht-price del .woocommerce-Price-amount{font-size:15px;font-weight:500}
.ht-w .ht-price-lg ins,.ht-w .ht-price-lg .woocommerce-Price-amount{font-size:34px}
.ht-w .ht-ask{font-weight:700;color:var(--ht-amber)}
.ht-w .ht-pcard-actions{margin-top:auto;display:flex;gap:8px}
.ht-w .ht-pcard-actions .ht-btn-gold{flex:1}
.ht-w .ht-pcard-actions .added_to_cart{display:none}
.ht-w .ht-pcard-luxe{background:#1F1A17;border-color:rgba(228,169,29,.25);--ht-title:#FFF8EA}
.ht-w .ht-pcard-luxe .ht-pcard-media{background:#2A1D12}
.ht-w .ht-pcard-minimal{border:0;background:transparent}
.ht-w .ht-pcard-minimal .ht-pcard-media{border-radius:var(--ht-radius)}
.ht-w .ht-pcard-minimal .ht-pcard-body{padding-inline:4px}
.ht-w .ht-pcard-overlay{position:relative}
.ht-w .ht-pcard-overlay .ht-pcard-media{aspect-ratio:3/4}
.ht-w .ht-pcard-overlay .ht-pcard-body{position:absolute;inset:auto 0 0 0;background:linear-gradient(0deg,rgba(20,12,5,.96),rgba(20,12,5,0));--ht-title:#FFF8EA;padding-top:60px}
@media (max-width:640px){.ht-w .ht-pcard-body{padding:12px}
.ht-w .ht-pcard-title{font-size:15px!important}
.ht-w .ht-price ins{font-size:17px}
.ht-w .ht-pcard-actions .ht-btn span{display:none}
.ht-w .ht-pcard-actions .ht-btn-gold{padding:0}
}
.ht-w .ht-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:-18px 0 34px}
.ht-w .ht-filter button{border:1px solid var(--ht-line);background:var(--ht-card);color:var(--ht-title);border-radius:999px;padding:9px 20px;font:700 14px var(--ht-font-h);transition:.25s}
.ht-w .ht-filter button.is-on,.ht-w .ht-filter button:hover{background:var(--ht-grad);border-color:transparent;color:#2A1705}
.ht-w .ht-pcell.is-hidden{display:none}
/* ---------- spotlight ---------- */
.ht-w .ht-spot-main{position:relative;border-radius:calc(var(--ht-radius) + 6px);overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(248,223,59,.35),rgba(63,36,13,.1) 70%);border:1px solid var(--ht-line)}
.ht-w .ht-spot-main img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:0!important;transition:opacity .3s}
.ht-w .ht-spot-thumbs{display:flex;gap:10px;margin-top:12px}
.ht-w .ht-spot-thumbs button{width:78px;height:78px;padding:0;border-radius:14px;overflow:hidden;border:2px solid transparent;background:none;opacity:.7;transition:.25s}
.ht-w .ht-spot-thumbs button:hover,.ht-w .ht-spot-thumbs button.is-on{opacity:1;border-color:var(--ht-gold)}
.ht-w .ht-spot-thumbs img{width:100%;height:100%!important;object-fit:cover;border-radius:0!important}
.ht-w .ht-stars{display:flex;gap:2px;color:var(--ht-gold);margin-bottom:14px}
.ht-w .ht-stars .ht-ico{fill:currentColor;width:18px;height:18px}
.ht-w .ht-quote .ht-stars .ht-ico:not(.on){fill:none;opacity:.35}
/* ---------- category cards ---------- */
.ht-w .ht-cat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;position:relative;transition:transform .35s}
.ht-w .ht-cat:hover{transform:translateY(-6px)}
.ht-w .ht-cat-media{display:block;width:100%;overflow:hidden;position:relative}
.ht-w .ht-cat-media img{width:100%;height:100%!important;object-fit:cover;transition:transform .7s}
.ht-w .ht-cat:hover .ht-cat-media img{transform:scale(1.08)}
.ht-w .ht-cats-arch .ht-cat-media{aspect-ratio:4/5;border-radius:400px 400px 22px 22px;border:3px solid transparent;background:linear-gradient(var(--ht-card),var(--ht-card)) padding-box,var(--ht-grad) border-box;padding:8px}
.ht-w .ht-cats-arch .ht-cat-media img{border-radius:400px 400px 16px 16px}
.ht-w .ht-cats-circle .ht-cat-media{aspect-ratio:1/1;border-radius:50%;padding:6px;background:var(--ht-grad)}
.ht-w .ht-cats-circle .ht-cat-media img{border-radius:50%}
.ht-w .ht-cat-body strong{display:block;font-size:19px;margin:0}
.ht-w .ht-cat-body small{font-size:14px}
.ht-w .ht-cat-go{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--ht-card);border:1px solid var(--ht-line);color:var(--ht-amber);transition:.3s}
.ht-w .ht-cat:hover .ht-cat-go{background:var(--ht-grad);color:#2A1705}
.ht-w .ht-cats-tile .ht-cat{min-height:340px;border-radius:var(--ht-radius);overflow:hidden;justify-content:flex-end;padding:22px}
.ht-w .ht-cats-tile .ht-cat-media{position:absolute;inset:0}
.ht-w .ht-cats-tile .ht-cat::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,12,5,.92),transparent 60%)}
.ht-w .ht-cats-tile .ht-cat-body,.ht-w .ht-cats-tile .ht-cat-go{position:relative;z-index:2}
.ht-w .ht-cats-tile .ht-cat-body strong{color:#FFF8EA}
.ht-w .ht-cats-tile .ht-cat-body small{color:#E9DCC8}
/* ---------- promo ---------- */
.ht-w .ht-promo{position:relative;border-radius:calc(var(--ht-radius) + 6px);overflow:hidden;display:flex;align-items:center;padding:clamp(28px,5vw,64px);isolation:isolate}
.ht-w .ht-promo-bg{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover;z-index:-2}
.ht-w .ht-promo-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,rgba(20,12,5,.96),rgba(36,22,10,.8) 45%,rgba(36,22,10,.2))}
.ht-w .ht-promo.ht-al-center{justify-content:center;text-align:center}
.ht-w .ht-promo.ht-al-center .ht-btns{justify-content:center}
.ht-w .ht-promo.ht-al-center .ht-promo-shade{background:rgba(20,12,5,.78)}
.ht-w .ht-promo.ht-al-end{justify-content:flex-end}
.ht-w .ht-promo.ht-al-end .ht-promo-shade{background:linear-gradient(90deg,rgba(20,12,5,.96),rgba(36,22,10,.8) 45%,rgba(36,22,10,.2))}
.ht-w .ht-promo-box{max-width:560px;color:#E9DCC8}
.ht-w .ht-promo-box .ht-title{color:#FFF8EA!important;font-size:clamp(28px,3.6vw,46px)}
.ht-w .ht-promo-box .ht-text{color:#E9DCC8!important}
.ht-w .ht-promo-box .ht-eyebrow{color:var(--ht-yellow)}
.ht-w .ht-promo-img{padding:0;display:block;aspect-ratio:var(--ht-ratio,16/9)}
.ht-w .ht-promo-img img{width:100%;height:100%!important;object-fit:cover;transition:transform .8s}
.ht-w .ht-promo-img:hover img{transform:scale(1.03)}
.ht-w .ht-code{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 20px;border-radius:999px;border:2px dashed rgba(248,223,59,.7);background:rgba(248,223,59,.08);color:#F8DF3B;font:800 16px var(--ht-font-h);letter-spacing:.08em}
.ht-w .ht-code small{font-size:12px;opacity:.8;letter-spacing:0}
.ht-w .ht-code.is-copied small::after{content:" ✓"}
.ht-w .ht-duo-item{position:relative;display:block;border-radius:var(--ht-radius);overflow:hidden;aspect-ratio:var(--ht-ratio,16/9);box-shadow:var(--ht-shadow)}
.ht-w .ht-duo-item img{width:100%;height:100%!important;object-fit:cover;transition:transform .8s}
.ht-w .ht-duo-item:hover img{transform:scale(1.05)}
.ht-w .ht-duo-item.has-text::after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(20,12,5,.9),transparent 70%)}
.ht-w .ht-duo-cap{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px;max-width:70%;gap:6px}
.ht-w .ht-duo-cap .ht-title{color:#FFF8EA;font-size:26px}
.ht-w .ht-duo-cap .ht-text{color:#E9DCC8}
/* ---------- countdown ---------- */
.ht-w .ht-countdown{display:flex;gap:12px;margin:26px 0!important;direction:rtl}
.ht-w .ht-cd-cell{min-width:86px;padding:16px 10px;border-radius:18px;text-align:center;background:var(--ht-card);border:1px solid var(--ht-line)}
.ht-w .ht-cd-cell b{display:block;font:900 38px/1 var(--ht-font-h);background:var(--ht-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.ht-w .ht-cd-cell span{font:700 13px var(--ht-font-h);color:var(--ht-text)}
.ht-w .ht-countdown.is-ended .ht-cd-cell b{opacity:.4}
@media (max-width:640px){.ht-w .ht-countdown{gap:8px}
.ht-w .ht-cd-cell{min-width:0;flex:1;padding:12px 4px}
.ht-w .ht-cd-cell b{font-size:28px}
}
/* ---------- counters ---------- */
.ht-w .ht-counter{text-align:center;padding:10px}
.ht-w .ht-counter .ht-ico{width:34px;height:34px;color:var(--ht-accent);margin-bottom:8px}
.ht-w .ht-counter b{display:block;font:900 clamp(36px,4vw,54px)/1.1 var(--ht-font-h)!important;color:var(--ht-title);font-variant-numeric:tabular-nums;margin-bottom:4px}
.ht-w .ht-counter .ht-text{font:700 15px var(--ht-font-h)}
.ht-w .ht-counters{gap:10px}
.ht-w.ht-theme-gold .ht-counter+.ht-counter{border-inline-start:1px solid rgba(63,36,13,.18)}
/* ---------- steps ---------- */
.ht-w .ht-steps{display:grid;grid-template-columns:repeat(var(--ht-cols),1fr);gap:22px;counter-reset:s;position:relative}
.ht-w .ht-steps::before{content:"";position:absolute;top:64px;inset-inline:12%;border-top:2px dashed rgba(228,169,29,.5)}
.ht-w .ht-step{position:relative;text-align:center;padding:26px 18px;background:var(--ht-card);border:1px solid var(--ht-line);border-radius:var(--ht-radius);box-shadow:var(--ht-shadow)}
.ht-w .ht-step .ht-ico-wrap{margin:0 auto 18px;width:76px;height:76px;border-radius:50%;background:var(--ht-grad);color:#2A1705;border:6px solid var(--ht-bg);box-shadow:0 0 0 1px rgba(228,169,29,.4)}
.ht-w .ht-step-n{position:absolute;top:14px;inset-inline-end:16px;font:900 26px var(--ht-font-h);color:var(--ht-gold);opacity:.35}
.ht-w .ht-step h3{font-size:19px}
.ht-w .ht-step p{font-size:15px;margin:0}
@media (max-width:1024px){.ht-w .ht-steps{grid-template-columns:repeat(2,1fr)}
.ht-w .ht-steps::before{display:none}
}
@media (max-width:640px){.ht-w .ht-steps{grid-template-columns:1fr}
}
/* ---------- pricing ---------- */
.ht-w .ht-pricing{align-items:stretch}
.ht-w .ht-plan{position:relative;background:var(--ht-card);border:1px solid var(--ht-line);border-radius:calc(var(--ht-radius) + 6px);padding:32px 28px;text-align:center;display:flex;flex-direction:column;transition:transform .35s}
.ht-w .ht-plan:hover{transform:translateY(-6px)}
.ht-w .ht-plan.is-featured{background:#1F1A17;border:2px solid transparent;background-image:linear-gradient(#1F1A17,#1F1A17),var(--ht-grad);background-origin:border-box;background-clip:padding-box,border-box;--ht-title:#FFF8EA;--ht-text:#CFC2B2;transform:scale(1.04);box-shadow:0 40px 70px -30px rgba(63,36,13,.8)}
.ht-w .ht-plan.is-featured:hover{transform:scale(1.04) translateY(-6px)}
.ht-w .ht-plan-flag{position:absolute;top:-16px;left:50%;transform:translateX(-50%);display:inline-flex;gap:6px;align-items:center;background:var(--ht-grad);color:#2A1705;border-radius:999px;padding:6px 16px;font:800 13px var(--ht-font-h);white-space:nowrap}
.ht-w .ht-plan-img{width:130px;height:130px;margin:0 auto 18px;border-radius:50%;overflow:hidden;border:4px solid rgba(228,169,29,.35)}
.ht-w .ht-plan-img img{width:100%;height:100%!important;object-fit:cover}
.ht-w .ht-plan h3{font-size:22px}
.ht-w .ht-plan-price{display:flex;align-items:baseline;justify-content:center;gap:6px;font-family:var(--ht-font-h);color:var(--ht-title)}
.ht-w .ht-plan-price b{font-size:48px;font-weight:900;line-height:1}
.ht-w .ht-plan.is-featured .ht-plan-price b{background:var(--ht-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.ht-w .ht-plan-price del{opacity:.5;font-size:18px;margin-inline-start:6px}
.ht-w .ht-plan-period{display:block;font-size:14px;margin-top:4px}
.ht-w .ht-plan .ht-checks{text-align:right;margin:24px 0!important;flex:1}
.ht-w .ht-plan .ht-btn{width:100%}
@media (max-width:1024px){.ht-w .ht-plan.is-featured{transform:none}
}
/* ---------- comparison ---------- */
.ht-w .ht-table-wrap{overflow-x:auto;border-radius:var(--ht-radius);border:1px solid var(--ht-line);background:var(--ht-card);box-shadow:var(--ht-shadow)}
.ht-w .ht-compare{width:100%;border-collapse:collapse;min-width:520px;margin:0}
.ht-w .ht-compare th,.ht-w .ht-compare td{padding:16px 20px;border:0;border-bottom:1px solid var(--ht-line);text-align:center;background:none}
.ht-w .ht-compare td:first-child{text-align:right;color:var(--ht-title);font-weight:500}
.ht-w .ht-compare thead th{font:800 17px var(--ht-font-h);color:var(--ht-title)}
.ht-w .ht-compare .is-us{background:rgba(228,169,29,.1)}
.ht-w .ht-compare thead .is-us{background:var(--ht-grad);color:#2A1705}
.ht-w .ht-compare tr:last-child td{border-bottom:0}
.ht-w .ht-yes,.ht-w .ht-no{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%}
.ht-w .ht-yes{background:rgba(31,175,90,.14);color:#15884a}
.ht-w .ht-no{background:rgba(180,60,40,.1);color:#b43c28}
/* ---------- faq ---------- */
.ht-w .ht-faq-list{display:grid;gap:14px}
.ht-w .ht-faq-cols-2{grid-template-columns:1fr 1fr;align-items:start}
@media (max-width:900px){.ht-w .ht-faq-cols-2{grid-template-columns:1fr}
}
.ht-w .ht-acc{background:var(--ht-card);border:1px solid var(--ht-line);border-radius:16px;overflow:hidden;transition:border-color .3s,box-shadow .3s}
.ht-w .ht-acc.is-open{border-color:rgba(228,169,29,.6);box-shadow:var(--ht-shadow)}
.ht-w .ht-acc-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;background:none;border:0;text-align:right;color:var(--ht-title)}
.ht-w .ht-acc-q .ht-title{font-size:17.5px;font-weight:700;margin:0}
.ht-w .ht-acc-q i{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(228,169,29,.14);color:var(--ht-amber);transition:transform .35s,background .3s}
.ht-w .ht-acc.is-open .ht-acc-q i{transform:rotate(45deg);background:var(--ht-grad);color:#2A1705}
.ht-w .ht-acc-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease}
.ht-w .ht-acc.is-open .ht-acc-a{grid-template-rows:1fr}
.ht-w .ht-acc-a>div{overflow:hidden;padding:0 22px}
.ht-w .ht-acc.is-open .ht-acc-a>div{padding-bottom:20px}
.ht-w .ht-acc-a p:last-child{margin:0}
/* ---------- tabs ---------- */
.ht-w .ht-tabs-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:38px}
.ht-w .ht-tabs-nav button{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;border:1px solid var(--ht-line);background:var(--ht-card);color:var(--ht-title);font:700 15.5px var(--ht-font-h);transition:.25s}
.ht-w .ht-tabs-nav button.is-on{background:var(--ht-grad);border-color:transparent;color:#2A1705;box-shadow:0 12px 26px -14px rgba(200,122,17,.9)}
.ht-w .ht-tabs-line .ht-tabs-nav{gap:0;border-bottom:1px solid var(--ht-line)}
.ht-w .ht-tabs-line .ht-tabs-nav button{border:0;border-radius:0;background:none;border-bottom:3px solid transparent;margin-bottom:-1px}
.ht-w .ht-tabs-line .ht-tabs-nav button.is-on{background:none;box-shadow:none;border-bottom-color:var(--ht-gold);color:var(--ht-title)}
.ht-w .ht-tabs-side{display:grid;grid-template-columns:260px 1fr;gap:34px}
.ht-w .ht-tabs-side .ht-tabs-nav{flex-direction:column;justify-content:flex-start;margin:0}
.ht-w .ht-tabs-side .ht-tabs-nav button{border-radius:14px;justify-content:flex-start}
@media (max-width:900px){.ht-w .ht-tabs-side{grid-template-columns:1fr}
.ht-w .ht-tabs-side .ht-tabs-nav{flex-direction:row}
}
.ht-w .ht-tab-panel.is-on{animation:htRise .5s both}
/* ---------- testimonials ---------- */
.ht-w .ht-quote{margin:0;height:auto;background:var(--ht-card);border:1px solid var(--ht-line);border-radius:var(--ht-radius);padding:30px 26px;position:relative;display:flex;flex-direction:column}
.ht-w .ht-quote-mark{position:absolute;top:18px;inset-inline-end:20px;color:var(--ht-gold);opacity:.35}
.ht-w .ht-quote-mark .ht-ico{width:42px;height:42px}
.ht-w .ht-quote blockquote{margin:0 0 22px;padding:0;border:0;font-size:16.5px;line-height:1.85;flex:1;font-style:normal}
.ht-w .ht-quote figcaption{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--ht-line)}
.ht-w .ht-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--ht-grad);color:#2A1705;font:900 20px var(--ht-font-h);flex:none}
.ht-w .ht-quote strong{display:block;font-size:16px;margin:0}
.ht-w .ht-quote small{display:flex;align-items:center;gap:4px;font-size:13px;color:var(--ht-text)}
.ht-w .ht-quote small .ht-ico{width:14px;height:14px;color:#1FAF5A}
.ht-w .ht-quote-shot{display:block;border-radius:12px;overflow:hidden;margin-bottom:16px;max-height:220px}
/* ---------- gallery ---------- */
.ht-w .ht-gallery-grid{display:grid;grid-template-columns:repeat(var(--ht-cols),1fr);gap:16px}
.ht-w .ht-gallery-grid .ht-gitem img{aspect-ratio:1/1;object-fit:cover;width:100%}
.ht-w .ht-gallery-masonry{columns:var(--ht-cols);column-gap:16px}
.ht-w .ht-gallery-masonry .ht-gitem{break-inside:avoid;margin-bottom:16px}
@media (max-width:1024px){.ht-w .ht-gallery-masonry{columns:var(--ht-cols-t)}
.ht-w .ht-gallery-grid{grid-template-columns:repeat(var(--ht-cols-t),1fr)}
}
@media (max-width:640px){.ht-w .ht-gallery-masonry{columns:var(--ht-cols-m);column-gap:10px}
.ht-w .ht-gallery-masonry .ht-gitem{margin-bottom:10px}
}
.ht-w .ht-gitem{display:block;position:relative;border-radius:16px;overflow:hidden}
.ht-w .ht-gitem img{width:100%;transition:transform .7s}
.ht-w .ht-gitem:hover img{transform:scale(1.06)}
.ht-w .ht-gitem-zoom{position:absolute;inset:0;display:grid;place-items:center;background:rgba(20,12,5,.55);color:#F8DF3B;opacity:0;transition:.3s}
.ht-w .ht-gitem-zoom .ht-ico{width:38px;height:38px}
.ht-w .ht-gitem:hover .ht-gitem-zoom{opacity:1}
/* lightbox */
.ht-lb{position:fixed;inset:0;z-index:100000;background:rgba(12,8,5,.94);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;direction:rtl}
.ht-lb.is-on{opacity:1;pointer-events:auto}
.ht-lb img{max-width:92vw;max-height:84vh;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.ht-lb iframe,.ht-lb video{width:min(92vw,1100px);aspect-ratio:16/9;border:0;border-radius:14px;background:#000}
.ht-lb button{position:absolute;width:52px;height:52px;border-radius:50%;border:1px solid rgba(228,169,29,.5);background:rgba(20,17,16,.6);color:#F8DF3B;display:grid;place-items:center;cursor:pointer}
.ht-lb .ht-lb-x{top:20px;left:20px}
.ht-lb .ht-lb-p{right:20px;top:calc(50% - 26px)}
.ht-lb .ht-lb-n{left:20px;top:calc(50% - 26px)}
.ht-lb-cap{position:absolute;bottom:22px;inset-inline:0;text-align:center;color:#E9DCC8;font:600 15px "Tajawal",sans-serif}
/* ---------- marquee ---------- */
.ht-w .ht-marquee{overflow:hidden;padding:18px 0;direction:ltr}
.ht-w .ht-marquee.is-tilt{transform:rotate(-2deg);margin:20px -20px;box-shadow:0 14px 30px -18px rgba(0,0,0,.6)}
.ht-w .ht-mq-track{display:flex;width:max-content;animation:htMq var(--ht-mq-speed,30s) linear infinite}
.ht-w .ht-marquee.is-rev .ht-mq-track{animation-direction:reverse}
.ht-w .ht-marquee:hover .ht-mq-track{animation-play-state:paused}
.ht-w .ht-mq-group{display:flex;align-items:center;gap:28px;padding-inline-end:28px;direction:rtl}
.ht-w .ht-mq-item{font:800 clamp(18px,2vw,26px) var(--ht-font-h)!important;white-space:nowrap;margin:0!important;color:var(--ht-title)}
.ht-w .ht-mq-sep{color:var(--ht-accent)}
.ht-w .ht-mq-img img{height:56px;width:auto;border-radius:10px}
@keyframes htMq{to{transform:translateX(-50%)}
}
/* ---------- video ---------- */
.ht-w .ht-video{position:relative;border-radius:calc(var(--ht-radius) + 8px);overflow:hidden;min-height:460px;display:flex;align-items:center;justify-content:center;text-align:center}
.ht-w .ht-video-poster{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover}
.ht-w .ht-video-shade{position:absolute;inset:0;background:radial-gradient(circle,rgba(20,12,5,.6),rgba(20,12,5,.9))}
.ht-w .ht-video-cap{position:relative;max-width:640px;padding:40px 20px}
.ht-w .ht-video-cap .ht-title{color:#FFF8EA;font-size:clamp(28px,3.5vw,44px)}
.ht-w .ht-video-cap .ht-text{color:#E9DCC8}
.ht-w .ht-video-cap .ht-eyebrow{color:var(--ht-yellow)}
.ht-w .ht-play{width:92px;height:92px;border-radius:50%;border:0;background:var(--ht-grad);color:#2A1705;display:inline-grid;place-items:center;margin-top:10px;position:relative}
.ht-w .ht-play .ht-ico{width:34px;height:34px;fill:currentColor;margin-inline-start:-4px;transform:scaleX(-1)}
.ht-w .ht-play::before,.ht-w .ht-play::after{content:"";position:absolute;inset:-12px;border-radius:50%;border:2px solid rgba(248,223,59,.55);animation:htPulse 2.2s infinite}
.ht-w .ht-play::after{animation-delay:1.1s}
@keyframes htPulse{from{transform:scale(.8);opacity:1}
to{transform:scale(1.45);opacity:0}
}
/* ---------- CTA ---------- */
.ht-w .ht-cta{display:flex;align-items:center;gap:28px;padding:clamp(26px,4vw,48px);border-radius:calc(var(--ht-radius) + 6px);background:rgba(255,255,255,.18);border:1px solid rgba(63,36,13,.18)}
.ht-w .ht-cta-ico{flex:none;width:84px;height:84px;border-radius:50%;background:#1F1A17;color:#F8DF3B;display:grid;place-items:center}
.ht-w .ht-cta-ico .ht-ico{width:40px;height:40px}
.ht-w .ht-cta-text{flex:1}
.ht-w .ht-cta-text .ht-title{font-size:clamp(24px,2.8vw,36px);margin-bottom:.25em}
.ht-w .ht-cta-text p{margin:0}
.ht-w .ht-cta-center{flex-direction:column;text-align:center}
.ht-w .ht-cta-center .ht-btns{justify-content:center}
.ht-w.ht-theme-dark .ht-cta,.ht-w.ht-theme-ink .ht-cta{background:rgba(228,169,29,.07);border-color:rgba(228,169,29,.25)}
@media (max-width:900px){.ht-w .ht-cta{flex-direction:column;text-align:center}
.ht-w .ht-cta .ht-btns{justify-content:center}
}
/* ---------- contact ---------- */
.ht-w .ht-contact{display:flex;flex-direction:column;align-items:center;text-align:center;padding:34px 22px;gap:6px;transition:transform .3s,border-color .3s}
.ht-w .ht-contact:hover{transform:translateY(-6px);border-color:rgba(228,169,29,.6)}
.ht-w .ht-contact .ht-ico-wrap{margin-bottom:10px;width:66px;height:66px;border-radius:50%}
.ht-w .ht-contact strong{font-size:19px;margin:0}
.ht-w .ht-contact-v{font:800 17px var(--ht-font-h);color:var(--ht-amber)}
.ht-w .ht-form-card{padding:clamp(24px,4vw,44px)}
.ht-w .ht-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ht-w .ht-field{display:flex;flex-direction:column;gap:6px}
.ht-w .ht-field-full,.ht-w .ht-form>button{grid-column:1/-1}
.ht-w .ht-field label{font:700 14px var(--ht-font-h);color:var(--ht-title)}
.ht-w input[type=text],.ht-w input[type=tel],.ht-w input[type=email],.ht-w input[type=search]:not(.ht-hsearch input),.ht-w select,.ht-w textarea{width:100%;border:1.5px solid var(--ht-line);background:var(--ht-bg);color:var(--ht-title);border-radius:14px;padding:13px 16px;font:16px var(--ht-font-b);outline:0;transition:border-color .2s,box-shadow .2s}
.ht-w input:focus,.ht-w select:focus,.ht-w textarea:focus{border-color:var(--ht-gold);box-shadow:0 0 0 4px rgba(228,169,29,.18)}
.ht-w .ht-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.ht-w .ht-alert{display:flex;gap:8px;align-items:center;padding:12px 16px;border-radius:12px;font-weight:700}
.ht-w .ht-alert-ok{background:rgba(31,175,90,.12);color:#15884a}
@media (max-width:640px){.ht-w .ht-form{grid-template-columns:1fr}
}
/* ---------- newsletter ---------- */
.ht-w .ht-news{display:grid;grid-template-columns:auto 1fr minmax(280px,440px);gap:26px;align-items:center;padding:clamp(26px,4vw,46px);border-radius:calc(var(--ht-radius) + 6px);border:1px solid var(--ht-line);background:var(--ht-card)}
.ht-w .ht-news-ico{width:76px;height:76px;border-radius:22px;background:var(--ht-grad);color:#2A1705;display:grid;place-items:center}
.ht-w .ht-news-ico .ht-ico{width:36px;height:36px}
.ht-w .ht-news-text .ht-title{font-size:clamp(22px,2.4vw,30px);margin-bottom:.25em}
.ht-w .ht-news-text p{margin:0}
.ht-w .ht-news-form{display:flex;gap:8px;background:var(--ht-bg);border:1px solid var(--ht-line);border-radius:999px;padding:6px}
.ht-w .ht-news-form input{border:0!important;background:none!important;box-shadow:none!important;flex:1;min-width:0}
@media (max-width:900px){.ht-w .ht-news{grid-template-columns:1fr;text-align:center}
.ht-w .ht-news-ico{margin:auto}
}
/* ---------- html / prose ---------- */
.ht-w .ht-html-card{padding:32px}
.ht-w .ht-prose{display:block}
.ht-w .ht-prose.has-toc{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px;align-items:start}
.ht-w .ht-narrow .ht-prose.has-toc{margin-inline:-120px}
@media (max-width:1180px){.ht-w .ht-narrow .ht-prose.has-toc{margin-inline:0}
}
.ht-w .ht-toc{position:sticky;top:110px;padding:20px}
.ht-w .ht-toc strong{display:block;font-family:var(--ht-font-h);color:var(--ht-title);margin-bottom:10px}
.ht-w .ht-toc ol{counter-reset:t;display:grid;gap:6px}
.ht-w .ht-toc a{font-size:14.5px;display:block;padding:4px 0;color:var(--ht-text)}
.ht-w .ht-toc a:hover,.ht-w .ht-toc a.is-on{color:var(--ht-amber)}
.ht-w .ht-prose-body h2{font-size:26px;margin-top:1.6em;padding-inline-start:16px;border-inline-start:4px solid var(--ht-gold)}
.ht-w .ht-prose-body h2:first-child,.ht-w .ht-prose-body .ht-updated+h2{margin-top:0}
.ht-w .ht-prose-body h3{font-size:20px;margin-top:1.4em}
.ht-w .ht-prose-body ul{display:grid;gap:8px;margin:0 0 1.2em}
.ht-w .ht-prose-body ul li{position:relative;padding-inline-start:22px}
.ht-w .ht-prose-body ul li::before{content:"";position:absolute;inset-inline-start:0;top:.7em;width:8px;height:8px;transform:rotate(45deg);background:var(--ht-grad);border-radius:2px}
.ht-w .ht-prose-body ol{list-style:arabic-indic;padding-inline-start:22px;margin:0 0 1.2em}
.ht-w .ht-prose-body a{color:var(--ht-amber);text-decoration:underline}
.ht-w .ht-updated{display:flex;gap:6px;align-items:center;font-size:14px;opacity:.8}
@media (max-width:900px){.ht-w .ht-prose.has-toc{grid-template-columns:1fr}
.ht-w .ht-toc{position:static}
}
/* ---------- page header ---------- */
.ht-w .ht-ph{position:relative;display:flex;align-items:center;text-align:center;overflow:hidden}
.ht-w .ht-ph-bg{position:absolute;inset:0;width:100%;height:100%!important;object-fit:cover}
.ht-w .ht-ph-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,12,5,.97),rgba(36,22,10,.82)),radial-gradient(circle at 50% 120%,rgba(228,169,29,.45),transparent 60%);background-blend-mode:normal}
.ht-w .ht-ph-in{position:relative;padding-block:60px}
.ht-w .ht-ph .ht-title{color:#FFF8EA!important;font-size:clamp(32px,4.4vw,56px);margin:.2em 0}
.ht-w .ht-ph .ht-text{color:#E9DCC8!important;max-width:640px;margin:0 auto}
.ht-w .ht-crumbs{display:inline-flex;gap:8px;align-items:center;padding:7px 16px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(228,169,29,.3);font:700 13.5px var(--ht-font-h);color:#E9DCC8}
.ht-w .ht-crumbs b{color:var(--ht-yellow);font-weight:700}
.ht-w .ht-crumbs a:hover{color:var(--ht-yellow)}
/* ---------- posts ---------- */
.ht-w .ht-post{overflow:hidden;display:flex;flex-direction:column;transition:transform .35s}
.ht-w .ht-post:hover{transform:translateY(-6px)}
.ht-w .ht-post-media{display:block;aspect-ratio:16/10;overflow:hidden}
.ht-w .ht-post-media img{width:100%;height:100%!important;object-fit:cover;transition:transform .7s}
.ht-w .ht-post:hover .ht-post-media img{transform:scale(1.06)}
.ht-w .ht-post-body{padding:22px;display:flex;flex-direction:column;flex:1}
.ht-w .ht-post-date{font:700 12.5px var(--ht-font-h);color:var(--ht-amber);margin-bottom:6px}
.ht-w .ht-post h3{font-size:19px}
.ht-w .ht-post p{font-size:15px;flex:1}
.ht-w .ht-more{display:inline-flex;align-items:center;gap:6px;font:800 14.5px var(--ht-font-h);color:var(--ht-amber)!important}
.ht-w .ht-more .ht-ico{transition:transform .3s}
.ht-w .ht-more:hover .ht-ico{transform:translateX(-5px)}
/* ---------- brand palette ---------- */
.ht-w .ht-logo-show{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:34px}
.ht-w .ht-logo-show>div{border-radius:var(--ht-radius);display:grid;place-items:center;padding:30px;min-height:240px}
.ht-w .ht-logo-show img{max-height:200px;width:auto}
.ht-w .ht-logo-show .on-dark{background:#1F1A17}
.ht-w .ht-logo-show .on-light{background:#FAF7F0;border:1px solid var(--ht-line)}
.ht-w .ht-swatch{background:var(--ht-card);border:1px solid var(--ht-line);border-radius:var(--ht-radius);overflow:hidden;padding-bottom:16px;text-align:center}
.ht-w .ht-swatch-c{display:block;height:130px;margin-bottom:14px}
.ht-w .ht-swatch strong{display:block;font-size:17px;margin:0 0 4px}
.ht-w .ht-swatch-hex{border:1px dashed var(--ht-line);background:none;border-radius:8px;padding:3px 10px;font:700 14px monospace;color:var(--ht-title);margin-bottom:6px}
.ht-w .ht-swatch-hex.is-copied{border-color:#1FAF5A;color:#15884a}
.ht-w .ht-swatch small{display:block;padding:0 12px;font-size:13.5px}
.ht-w .ht-fonts{margin-top:28px}
.ht-w .ht-fonts .ht-card{padding:26px}
.ht-w .ht-fonts small{font-weight:700;color:var(--ht-amber)}
.ht-w .ht-fonts p{color:var(--ht-title)}
@media (max-width:640px){.ht-w .ht-logo-show{grid-template-columns:1fr}
}
/* ---------- notice box ---------- */
.ht-w .ht-notice{display:flex;gap:16px;align-items:flex-start;padding:22px 24px;border-radius:var(--ht-radius);border:1px solid;background:var(--ht-card)}
.ht-w .ht-notice strong{display:block;font-size:17px;margin:0 0 4px}
.ht-w .ht-notice p{margin:0;font-size:15.5px}
.ht-w .ht-notice-info{border-color:rgba(228,169,29,.45);background:rgba(228,169,29,.07)}
.ht-w .ht-notice-warn{border-color:rgba(180,60,40,.35);background:rgba(180,60,40,.06)}
.ht-w .ht-notice-warn .ht-ico-wrap{color:#b43c28;background:rgba(180,60,40,.1);border-color:rgba(180,60,40,.3)}
.ht-w .ht-notice-ok{border-color:rgba(31,175,90,.35);background:rgba(31,175,90,.06)}
.ht-w .ht-notice-ok .ht-ico-wrap{color:#15884a;background:rgba(31,175,90,.1);border-color:rgba(31,175,90,.3)}
.ht-w .ht-notice-gold{border:0;background:var(--ht-grad)}
.ht-w .ht-notice-gold,.ht-w .ht-notice-gold strong,.ht-w .ht-notice-gold p{color:#2A1705}
/* ---------- timeline ---------- */
.ht-w .ht-timeline{position:relative;max-width:980px;margin:0 auto}
.ht-w .ht-timeline::before{content:"";position:absolute;top:0;bottom:0;right:50%;width:3px;transform:translateX(50%);background:linear-gradient(var(--ht-yellow),var(--ht-amber));border-radius:3px}
.ht-w .ht-tl{position:relative;width:50%;padding-inline-end:44px;margin-bottom:34px}
.ht-w .ht-tl:nth-child(even){margin-inline-start:50%;padding-inline-end:0;padding-inline-start:44px}
.ht-w .ht-tl-dot{position:absolute;top:26px;left:-11px;width:22px;height:22px;border-radius:50%;background:var(--ht-grad);border:5px solid var(--ht-bg);box-shadow:0 0 0 2px rgba(228,169,29,.5)}
.ht-w .ht-tl:nth-child(even) .ht-tl-dot{left:auto;right:-11px}
.ht-w .ht-tl-card{padding:22px;overflow:hidden}
.ht-w .ht-tl-img{width:calc(100% + 44px);max-width:none;margin:-22px -22px 16px;aspect-ratio:16/8;object-fit:cover}
.ht-w .ht-tl-tag{display:inline-block;background:var(--ht-grad);color:#2A1705;border-radius:999px;padding:3px 12px;font:800 12.5px var(--ht-font-h);margin-bottom:8px}
.ht-w .ht-tl h3{font-size:20px}
.ht-w .ht-tl p{margin:0;font-size:15.5px}
@media (max-width:760px){.ht-w .ht-timeline::before{right:10px}
.ht-w .ht-tl,.ht-w .ht-tl:nth-child(even){width:100%;margin-inline-start:0;padding-inline-start:0;padding-inline-end:40px}
.ht-w .ht-tl-dot,.ht-w .ht-tl:nth-child(even) .ht-tl-dot{right:0;left:auto}
}
/* ---------- floating ---------- */
.ht-w.htw-floating-contact{position:static;overflow:visible;background:none;padding:0}
.ht-w .ht-float{position:fixed;bottom:22px;z-index:9990;display:flex;flex-direction:column;align-items:center;gap:10px}
.ht-w .ht-float-left{left:22px}
.ht-w .ht-float-right{right:22px}
.ht-w .ht-fbtn{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff!important;border:0;box-shadow:0 12px 26px -10px rgba(0,0,0,.55);transition:transform .25s}
.ht-w .ht-fbtn:hover{transform:scale(1.08)}
.ht-w .ht-fbtn .ht-ico{width:27px;height:27px}
.ht-w .ht-fbtn-wa{background:#1FAF5A;animation:htWa 2.6s infinite}
@keyframes htWa{0%{box-shadow:0 0 0 0 rgba(31,175,90,.55)}
70%{box-shadow:0 0 0 16px rgba(31,175,90,0)}
100%{box-shadow:0 0 0 0 rgba(31,175,90,0)}
}
.ht-w .ht-fbtn-phone{background:#1F1A17;color:#F8DF3B!important;border:1px solid rgba(228,169,29,.5)}
.ht-w .ht-fbtn-fb{background:#3F240D}
.ht-w .ht-totop{background:var(--ht-grad);color:#2A1705!important;width:46px;height:46px;opacity:0;pointer-events:none;transform:translateY(10px)}
.ht-w .ht-totop.is-on{opacity:1;pointer-events:auto;transform:none}
.ht-w .ht-rot-up{transform:rotate(-90deg)}
.ht-w .ht-float-bubble{background:#1F1A17;color:#F8DF3B;font:700 13px var(--ht-font-h);border-radius:12px;padding:8px 12px;white-space:nowrap;box-shadow:0 12px 26px -12px rgba(0,0,0,.6);animation:htFloat 4s ease-in-out infinite}
@media (max-width:640px){.ht-w .ht-float-bubble{display:none}
.ht-w .ht-fbtn{width:50px;height:50px}
}
/* ---------- footer ---------- */
.ht-w.htw-footer{--ht-pad:0}
.ht-w .ht-footer{padding-top:80px;background:radial-gradient(80% 60% at 100% 0%,rgba(228,169,29,.12),transparent 60%)}
.ht-w .ht-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
.ht-w .ht-flogo{max-height:120px;width:auto;margin:-10px 0 14px}
.ht-w .ht-fbrand p{font-size:15.5px;max-width:360px}
.ht-w .ht-fcol h4{font-size:18px;color:var(--ht-title);position:relative;padding-bottom:12px;margin-bottom:16px}
.ht-w .ht-fcol h4::after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:34px;height:3px;border-radius:3px;background:var(--ht-grad)}
.ht-w .ht-fcol ul{display:grid;gap:10px}
.ht-w .ht-fcol li a{font-size:15.5px;transition:color .2s,padding .2s}
.ht-w .ht-fcol li a:hover{color:var(--ht-gold);padding-inline-start:6px}
.ht-w .ht-social{display:flex;gap:10px;margin-top:18px}
.ht-w .ht-social a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--ht-line);color:var(--ht-gold);transition:.25s}
.ht-w .ht-social a:hover{background:var(--ht-grad);color:#2A1705;border-color:transparent}
.ht-w .ht-footer-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 34px;margin-top:50px;padding-block:22px;border-top:1px solid var(--ht-line);border-bottom:1px solid var(--ht-line);font:700 14.5px var(--ht-font-h);color:var(--ht-title)}
.ht-w .ht-footer-trust span{display:inline-flex;gap:8px;align-items:center}
.ht-w .ht-footer-trust .ht-ico{color:var(--ht-gold)}
.ht-w .ht-footer-bottom{padding:22px 0;font-size:14px}
.ht-w .ht-footer-bottom .ht-container{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.ht-w .ht-pays{display:flex;gap:8px;flex-wrap:wrap}
.ht-w .ht-pays i{font-style:normal;border:1px solid var(--ht-line);border-radius:8px;padding:3px 10px;font-size:13px}
.ht-w .ht-adult{background:rgba(180,60,40,.18);color:#f0a896;border-radius:8px;padding:3px 10px;font-weight:700;font-size:13px}
@media (max-width:900px){.ht-w .ht-footer-grid{grid-template-columns:1fr 1fr}
.ht-w .ht-fbrand{grid-column:1/-1}
}
@media (max-width:560px){.ht-w .ht-footer-grid{grid-template-columns:1fr}
.ht-w .ht-footer-bottom .ht-container{justify-content:center;text-align:center}
}
/* ---------- demo html helper ---------- */
.ht-w .ht-demo-html{padding:30px;border:1.5px dashed rgba(228,169,29,.55);border-radius:var(--ht-radius);text-align:center}
/* ---------- Elementor canvas helpers ---------- */
body.hte-canvas{background:#FAF7F0;margin:0}
.elementor-widget-container>.ht-w{margin:0}