/* dt-shop-category.css — Layer-1 skin (Phase 1). GENERATED from
   33_Shop_Page_Designs/pipeline/build_child_page.py CSS constant; consumes dt-core tokens.
   Enqueued on is_product_category() by 16-dt-shop-category-css.php (priority 20, after core@5).
   Regenerate: python 34_Design_System/pipeline/build_shop_category_skin.py
   Do NOT hand-edit; do NOT re-add --accent/--accent2 defs (core bridge supplies them). */
.dt-soft{--ink:#5a4550;--muted:#6b5560;font-family:var(--dt-font-body,'Instrument Sans',system-ui,sans-serif);color:var(--ink)}
.dt-soft h1,.dt-soft h2,.dt-soft h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400}
.dt-soft .dt-hero2{position:relative;overflow:hidden;z-index:1;border-radius:28px;margin:8px 0 10px;box-shadow:0 24px 60px rgba(194,24,91,.14);background:radial-gradient(circle at 18% 24%,color-mix(in srgb,var(--accent2) 48%,#fff) 0%,transparent 46%),radial-gradient(circle at 80% 78%,color-mix(in srgb,var(--accent) 34%,#fff) 0%,transparent 48%),radial-gradient(circle,color-mix(in srgb,var(--accent2) 18%,#fff) 0%,transparent 62%),linear-gradient(120deg,color-mix(in srgb,var(--accent2) 16%,#fff) 0%,color-mix(in srgb,var(--accent) 18%,#fff) 100%)}
.dt-soft .dt-hero2::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.28) 0%,transparent 60%);pointer-events:none;z-index:0}
.dt-soft .dt-hero2 .hblob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.28;pointer-events:none;will-change:transform}
.dt-soft .dt-hero2 .hb1{width:420px;height:420px;background:color-mix(in srgb,var(--accent2) 45%,#fff);top:-130px;left:-90px;animation:dth1 18s ease-in-out infinite}
.dt-soft .dt-hero2 .hb2{width:380px;height:380px;background:color-mix(in srgb,var(--accent) 32%,#fff);bottom:-160px;right:5%;animation:dth2 22s ease-in-out infinite}
.dt-soft .dt-hero2 .hb3{width:300px;height:300px;background:color-mix(in srgb,var(--accent2) 35%,#fff);top:26%;right:42%;opacity:.2;animation:dth1 26s ease-in-out infinite}
@keyframes dth1{50%{transform:translate(32px,40px) scale(1.09)}}
@keyframes dth2{50%{transform:translate(-30px,28px) scale(1.06)}}
.dt-soft .dt-hero2-wrap{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:52px 36px;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;min-height:440px}
.dt-soft .dt-hero2 .h2eyebrow{display:inline-block;letter-spacing:.2em;text-transform:uppercase;font-size:.76rem;font-weight:700;color:var(--accent);background:#fff;border:2px solid color-mix(in srgb,var(--accent2) 40%,#fff);border-radius:30px;padding:7px 16px;margin-bottom:16px;box-shadow:0 6px 16px rgba(0,0,0,.06)}
.dt-soft .dt-hero2 h1{font-size:clamp(2.1rem,5vw,3.5rem);line-height:1.07;color:#2c2540;margin:0}
.dt-soft .dt-hero2 h1 .accent{color:var(--accent);font-style:italic;display:block}
.dt-soft .dt-hero2 .h2sub{font-size:.95rem;line-height:1.6;color:var(--muted);max-width:540px;margin:14px 0 22px}
.dt-soft .dt-hero2 .h2sub strong{color:#2c2540}
.dt-soft .dt-hero2 .h2ctas{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.dt-soft .dt-hero2 .btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;border:none;border-radius:34px;padding:15px 30px;font:700 1rem 'Instrument Sans';box-shadow:0 10px 26px rgba(0,0,0,.16);text-decoration:none;display:inline-block;transition:transform .15s,box-shadow .15s,filter .15s}
.dt-soft .dt-hero2 .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(194,24,91,.30);filter:brightness(.94)}
.dt-soft .dt-hero2 .btn-ghost{background:transparent;border:2px solid var(--accent);color:var(--accent);border-radius:34px;padding:13px 26px;font:700 .95rem 'Instrument Sans';text-decoration:none;transition:background .15s,color .15s}
.dt-soft .dt-hero2 .btn-ghost:hover{background:var(--accent);color:#fff}
.dt-soft .dt-hero2 .h2trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:.82rem;color:var(--muted);font-weight:600}
.dt-soft .dt-hero2 .h2trust span{display:inline-flex;gap:6px;align-items:center}
.dt-soft .dt-hero2 .h2feature{position:relative;display:flex;align-items:center;justify-content:center}
.dt-soft .dt-hero2 .h2feature .ring{position:absolute;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,#fff 0%,#fff 40%,rgba(255,255,255,.75) 60%,transparent 74%);filter:blur(8px)}
.dt-soft .dt-hero2 p:empty{display:none;margin:0}
.dt-soft .dt-hero2 .h2feature p{margin:0}
.dt-soft .dt-hero2 .h2feature img{position:relative;display:block;max-height:415px;max-width:100%;width:auto;object-fit:contain;-webkit-mask-image:radial-gradient(ellipse 74% 82% at 50% 48%,#000 58%,transparent 90%);mask-image:radial-gradient(ellipse 74% 82% at 50% 48%,#000 58%,transparent 90%);filter:drop-shadow(0 30px 50px color-mix(in srgb,var(--accent) 30%,transparent))}
.dt-soft .dt-hero2 .h2feature .ftag{position:absolute;top:8px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;font-size:.72rem;font-weight:700;padding:6px 14px;border-radius:20px;white-space:nowrap;z-index:2}
@media(max-width:860px){.dt-soft .dt-hero2-wrap{grid-template-columns:1fr;text-align:center;padding:38px 22px;gap:18px}.dt-soft .dt-hero2 .h2sub{margin-left:auto;margin-right:auto}.dt-soft .dt-hero2 .h2ctas,.dt-soft .dt-hero2 .h2trust{justify-content:center}.dt-soft .dt-hero2 .h2feature{order:-1}.dt-soft .dt-hero2 .h2feature img{max-height:280px}.dt-soft .dt-hero2 .h2feature .ring{width:300px;height:300px}}
.dt-sib-pills{text-align:center;margin:22px auto 4px}
.dt-sib-pills a{display:inline-block;background:var(--accent-bg,#fce4ec);color:var(--accent);border:1px solid var(--accent-border,#f48fb1);border-radius:20px;padding:6px 16px;font-size:14px;font-weight:600;text-decoration:none;margin:4px 3px;transition:background .15s,color .15s,transform .15s,box-shadow .15s}
.dt-sib-pills a:hover{background:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px rgba(194,24,91,.28)}
.dt-soft .guide{max-width:900px;margin:34px auto 24px;background:#fff;border-radius:26px;padding:30px 34px;box-shadow:0 12px 30px rgba(0,0,0,.06)}
.dt-soft .guide h2{color:var(--accent)!important;font-size:1.75rem;margin:0 0 10px;text-align:center}
.dt-soft .guide h3{color:var(--accent)!important;font-size:1.25rem;margin:26px 0 8px;text-align:left}
.dt-soft .guide p{color:var(--muted);line-height:1.75;font-size:1.02rem;margin:0 0 10px}
.dt-soft .guide a{color:var(--accent);font-weight:600;text-decoration:none}
.dt-soft .guide a:hover{text-decoration:underline}
.dt-soft .guide strong{color:#2c2540}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}#dt-shop-guide{scroll-margin-top:120px}