:root{
         --dj-green:#0f4229;
         --dj-green-2:#0b3b2e;
         --dj-text:#0f172a;
         --dj-muted:#64748b;
         --dj-border:#e5e7eb;
         --dj-soft:#f8fafc;
         --dj-shadow: 0 14px 40px rgba(2,6,23,.10);
         }
         .dj-hero{ background: linear-gradient(135deg, rgba(15,66,41,.10), rgba(15,66,41,.04)); border-bottom:1px solid var(--dj-border); }
         .dj-wrap{ background:#fff; border:1px solid var(--dj-border); border-radius:18px; box-shadow:var(--dj-shadow); }
         .dj-pill{ display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border-radius:999px; background:var(--dj-soft); border:1px solid var(--dj-border); font-weight:800; font-size:13px; color:var(--dj-text); margin:4px 6px 0 0; }
         .dj-h1{ font-weight:950; letter-spacing:.2px; color:var(--dj-text); }
         .dj-sub{ color:var(--dj-muted); font-size:14px; }
         .dj-gallery-main img{ border-radius:16px; width:100%; height:420px; object-fit:cover; }
         @media (max-width: 768px){ .dj-gallery-main img{ height:260px; } }
         .dj-thumb{ border-radius:12px; overflow:hidden; border:1px solid var(--dj-border); }
         .dj-thumb img{ width:100%; height:90px; object-fit:cover; display:block; }
         @media (max-width: 768px){ .dj-thumb img{ height:70px; } }
         .dj-card{ border:1px solid var(--dj-border); border-radius:16px; box-shadow: 0 10px 26px rgba(2,6,23,.06); background:#fff; }
         .dj-price{ display:flex; align-items:baseline; gap:10px; color:var(--dj-green); }
         .dj-price .amt{ font-size:32px; font-weight:950; }
         .dj-price .unit{ font-weight:900; color:var(--dj-muted); font-size:14px; }
         .dj-strike{ color:#94a3b8; font-weight:800; }
         .dj-btn{ display:inline-flex; align-items:center; justify-content:center; height:44px; border-radius:12px; font-weight:950; text-decoration:none; }
         .dj-btn-primary{ background:var(--dj-green); color:#fff; border:none; }
         .dj-btn-primary:hover{ background:var(--dj-green-2); color:#fff; }
         .dj-btn-ghost{ background:#fff; border:1px solid var(--dj-border); color:var(--dj-text); }
         .dj-btn-ghost:hover{ background:var(--dj-soft); }
         .dj-grid{ display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:12px; }
         @media (max-width: 992px){ .dj-grid{ grid-template-columns: repeat(2, 1fr);} }
         @media (max-width: 576px){ .dj-grid{ grid-template-columns: 1fr;} }
         .dj-item{ border:1px solid var(--dj-border); background:#fff; border-radius:14px; padding:14px; display:flex; align-items:center; gap:12px; }
         .dj-item img{ width:44px; height:44px; object-fit:contain; }
         .dj-item span{ font-weight:900; color:var(--dj-text); }
      



      svg.fhgdjdgjfjd-1 {
            stroke-dashoffset: 26282.99609375px;
            stroke-dasharray: 26282.99609375px;
            -webkit-transition: stroke-dashoffset 1.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
            transition: stroke-dashoffset 1.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
            }
            svg.active .fhgdjdgjfjd-1 {
            stroke-dashoffset: 0;
            }
            svg.fhgdjdgjfjd-2 {
            stroke-dashoffset: 15432.3505859375px;
            stroke-dasharray: 15432.3505859375px;
            -webkit-transition: stroke-dashoffset 1.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1s;
            transition: stroke-dashoffset 1.5s cubic-bezier(0.55, 0.055, 0.675, 0.19) 1s;
            }
            svg.active .fhgdjdgjfjd-2 {
            stroke-dashoffset: 0;
            }