/* ==========================================================================
   DIGIMART — HOMEPAGE STYLES
   Loads on the front page only (see inc/enqueue.php).
   ========================================================================== */

/* ---- Hero visual side --------------------------------------------------- */
.dm-hero__visual{position:relative}
.dm-hero__panel{position:relative;padding:18px;overflow:visible}
.dm-hero__img{width:100%;border-radius:var(--dm-r-xl);object-fit:cover;aspect-ratio:6/5}

/* Fallback: fan out the 3 newest product covers when no hero image is set */
.dm-hero__stack{position:relative;display:flex;justify-content:center;align-items:center;
  min-height:340px;padding-block:10px}
.dm-hero__stack-img{position:absolute;width:44%;max-width:230px;border-radius:var(--dm-r-lg);
  box-shadow:0 18px 50px rgba(0,0,0,.4);transition:transform var(--dm-slow) var(--dm-ease)}
.dm-hero__stack-img--0{transform:translateX(-46%) rotate(-9deg);z-index:1}
.dm-hero__stack-img--1{transform:translateY(-10px) scale(1.06);z-index:3}
.dm-hero__stack-img--2{transform:translateX(46%) rotate(9deg);z-index:2}
.dm-hero__panel:hover .dm-hero__stack-img--0{transform:translateX(-56%) rotate(-12deg)}
.dm-hero__panel:hover .dm-hero__stack-img--2{transform:translateX(56%) rotate(12deg)}

.dm-hero__chip{position:absolute;left:-14px;bottom:-18px;display:flex;align-items:center;gap:12px;
  padding:13px 18px;border-radius:var(--dm-r-lg);background:#fff;box-shadow:var(--dm-sh-4);
  color:var(--dm-ink);max-width:250px}
.dm-hero__chip svg{color:var(--dm-primary);flex-shrink:0}
.dm-hero__chip strong{display:block;font-size:var(--dm-t-sm);font-weight:700;line-height:1.3}
.dm-hero__chip span{display:block;font-size:var(--dm-t-xs);color:var(--dm-text-muted)}
@media (max-width:1023px){
  .dm-hero__visual{margin-top:var(--dm-s6)}
  .dm-hero__chip{left:auto;right:8px;bottom:-14px}
}

/* ---- Bundles ------------------------------------------------------------ */
.dm-bundles__grid{grid-template-columns:1fr}
@media (min-width:900px){.dm-bundles__grid{grid-template-columns:repeat(2,1fr)}}
.dm-bundles .dm-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.12)}
.dm-bundles .dm-card__title a,.dm-bundles .dm-price,.dm-bundles .dm-price ins{color:#fff}
.dm-bundles .dm-card__cat{color:var(--dm-gold)}
.dm-bundles .dm-card:hover{border-color:rgba(245,196,81,.5);box-shadow:0 16px 48px rgba(0,0,0,.35)}

/* ---- Featured collection ------------------------------------------------ */
.dm-collection__grid{display:grid;gap:var(--dm-s6);align-items:center}
@media (min-width:1024px){.dm-collection__grid{grid-template-columns:.85fr 1.15fr;gap:var(--dm-s8)}}
.dm-collection__items{display:grid;gap:var(--dm-s3);grid-template-columns:repeat(3,1fr)}
@media (max-width:639px){.dm-collection__items{grid-template-columns:repeat(2,1fr)}
  .dm-collection__items>*:last-child{display:none}}

/* ---- Why us ------------------------------------------------------------- */
.dm-why__grid{display:grid;gap:var(--dm-s6);align-items:center}
@media (min-width:1024px){.dm-why__grid{grid-template-columns:.9fr 1.1fr;gap:var(--dm-s8)}}
.dm-why__list{display:grid;gap:var(--dm-s4)}
.dm-why__list li{display:flex;gap:var(--dm-s4);align-items:flex-start}
.dm-why__num{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;border-radius:var(--dm-r-md);
  background:var(--dm-glass-bg);border:var(--dm-glass-border);
  font-family:var(--dm-font-head);font-weight:700;font-size:var(--dm-t-sm);color:var(--dm-gold)}
.dm-why__list h3{font-size:var(--dm-t-lg);color:#fff;margin-bottom:6px}
.dm-why__list p{font-size:var(--dm-t-sm);color:var(--dm-on-dark-mute);margin:0}

/* ---- Stats band --------------------------------------------------------- */
.dm-statband{padding-block:var(--dm-s7);background:var(--dm-violet);position:relative;overflow:hidden}
.dm-statband::before{content:"";position:absolute;inset:0;
  background:radial-gradient(60% 100% at 50% 0%,rgba(109,74,255,.5) 0%,transparent 70%)}
.dm-statband .dm-container{position:relative}

/* ---- Free resources CTA ------------------------------------------------- */
.dm-freecta__panel{position:relative;overflow:hidden;display:grid;gap:var(--dm-s6);
  padding:clamp(28px,5vw,64px);border-radius:var(--dm-r-2xl);background:var(--dm-grad-brand);
  box-shadow:var(--dm-sh-4);align-items:center}
.dm-freecta__panel::before{content:"";position:absolute;inset:0;
  background:radial-gradient(50% 70% at 85% 20%,rgba(245,196,81,.22) 0%,transparent 65%)}
.dm-freecta__panel>*{position:relative}
@media (min-width:1024px){.dm-freecta__panel{grid-template-columns:1.2fr .8fr}}
.dm-freecta .dm-field{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);color:#fff}
.dm-freecta .dm-field::placeholder{color:rgba(255,255,255,.55)}
.dm-freecta .dm-btn--primary{background:var(--dm-grad-gold);color:var(--dm-ink);box-shadow:none}
.dm-freecta__items{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--dm-s3)}
.dm-freecta__item{display:grid;gap:8px;text-align:center}
.dm-freecta__item img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--dm-r-md);
  box-shadow:0 10px 30px rgba(0,0,0,.3);transition:transform var(--dm-base) var(--dm-ease)}
.dm-freecta__item:hover img{transform:translateY(-5px)}
.dm-freecta__item span{font-size:var(--dm-t-xs);color:rgba(255,255,255,.8)}
@media (max-width:639px){.dm-freecta__items{display:none}}

/* ---- FAQ ---------------------------------------------------------------- */
.dm-faq__grid{display:grid;gap:var(--dm-s6);align-items:start}
@media (min-width:1024px){.dm-faq__grid{grid-template-columns:.8fr 1.2fr;gap:var(--dm-s8)}
  .dm-faq__intro{position:sticky;top:calc(var(--dm-header-h) + 32px)}}

/* ---- Social strip ------------------------------------------------------- */
.dm-socialstrip__row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--dm-s3)}
.dm-socialstrip__btn{display:inline-flex;align-items:center;gap:10px;padding:14px 24px;
  border-radius:var(--dm-r-full);background:var(--dm-surface);border:1px solid var(--dm-border);
  font-size:var(--dm-t-sm);font-weight:600;color:var(--dm-ink);
  transition:all var(--dm-base) var(--dm-ease)}
.dm-socialstrip__btn:hover{color:#fff;background:var(--dm-grad-btn);border-color:transparent;
  transform:translateY(-3px);box-shadow:var(--dm-sh-glow)}