/* Della's Beauty: shared "Choose Your Training" cards and compact hero.
   Same look as Evelyn's brow page; used by lashes/ and nails/. */
.dc-wrap{--dc-iv:#F7F3EC;--dc-ink:#2E211A;--dc-sand:#E6DED1;--dc-gold:#BFA07E;--dc-brown:#8B5C42;--dc-line:#D9CDBC}
.dc-hint{display:none}
.dc-cards{display:grid;gap:1.25rem;grid-template-columns:1fr;margin-top:2.5rem;padding:0;list-style:none}
@media (min-width:900px){.dc-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;align-items:stretch}}
.dc-card{display:flex;flex-direction:column;border:1px solid var(--dc-line);padding:1.5rem 1.35rem 1.1rem;background:var(--dc-iv);color:var(--dc-ink);margin:0}
@media (min-width:900px){.dc-card{padding:1.75rem 1.75rem 1.25rem}}
.dc-featured{border-color:var(--dc-gold);background:var(--dc-sand)}
.dc-badge{font:500 .75rem/1.3 Jost,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--dc-brown);min-height:1.1rem;margin:0}
.dc-name{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:1.9rem;line-height:1.1;margin:.35rem 0 0}
.dc-spec{color:var(--dc-brown);font-size:15px;line-height:1.35;margin:.25rem 0 0}
.dc-price{font-family:"Cormorant Garamond",Georgia,serif;font-size:2.6rem;line-height:1;margin:1rem 0 0;font-variant-numeric:tabular-nums}
.dc-price small{font-family:Jost,system-ui,sans-serif;font-size:1rem;color:var(--dc-brown);letter-spacing:.02em}
.dc-text{margin:.75rem 0 0;line-height:1.6}
.dc-list{list-style:none;margin:1rem 0 0;padding:0}
.dc-list li{display:flex;gap:.75rem;border-top:1px solid var(--dc-line);padding:.6rem 0;font-size:15px;line-height:1.45}
.dc-list li::before{content:"✓";color:var(--dc-brown)}
.dc-note{margin:.75rem 0 0;border-left:2px solid var(--dc-gold);padding-left:1rem;font-size:14px;line-height:1.55}
.dc-go{margin-top:auto;padding-top:1.4rem}
.dc-btn{display:flex;justify-content:center;align-items:center;min-height:48px;width:100%;box-sizing:border-box;background:var(--dc-ink);color:var(--dc-iv)!important;text-decoration:none;font:500 15px/1.2 Jost,system-ui,sans-serif;letter-spacing:.03em;padding:.8rem 1.2rem;border:0;cursor:pointer}
.dc-btn:hover{background:var(--dc-brown)}
.dc-hero-img{aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;width:100%;display:block}
@media (max-width:767px){
  .dc-hint{display:block;margin:.9rem 0 0;font-size:13px;color:var(--dc-brown);letter-spacing:.04em}
  .dc-cards{margin-top:.9rem;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-1.25rem;padding-inline:1.25rem;scroll-padding-inline:1.25rem;padding-bottom:.25rem;scrollbar-width:none;align-items:stretch}
  .dc-cards::-webkit-scrollbar{display:none}
  .dc-card{scroll-snap-align:start;padding:1.2rem 1.1rem 1rem}
  .dc-name{font-size:1.65rem}
  .dc-price{font-size:2.2rem}
  .dc-list li{padding:.45rem 0}
  .dc-hero-img{aspect-ratio:4/3;object-position:50% 18%}
}
[data-theme="dark"] .dc-wrap{--dc-iv:#171614;--dc-ink:#F1EBDD;--dc-sand:#211E1A;--dc-brown:#D2B08E;--dc-line:#3A352D}