.pd-home *{box-sizing:border-box}
    .pd-home a{color:inherit; text-decoration:none}
    .pd-home :focus-visible{outline:3px solid color-mix(in srgb,var(--violet) 35%,transparent); outline-offset:3px; border-radius:10px}
    .pd-home{
      width:min(var(--max), calc(100% - 32px));
      margin:0 auto;
      padding:18px 0 72px;
    }
    .pd-home .frame{
      background:var(--paper);
      border:1px solid var(--border);
      border-radius:var(--radius-xl);
      padding:44px;
      box-shadow:var(--shadow-soft);
      margin:0 0 22px 0;
      position:relative;
      overflow:hidden;
    }
    .pd-home .frame.soft{background:linear-gradient(165.39deg, var(--surface) -52.42%, #F5F7FB 152.42%);}
    .pd-home .frame.dark{
      color:#fff;
      border-color:rgba(255,255,255,.08);
      background:
        radial-gradient(900px 500px at 80% 0%, color-mix(in srgb,var(--violet) 28%,transparent) 0%, color-mix(in srgb,var(--violet) 0%,transparent) 60%),
        radial-gradient(700px 420px at 15% 20%, color-mix(in srgb,var(--cyan) 18%,transparent) 0%, color-mix(in srgb,var(--cyan) 0%,transparent) 62%),
        linear-gradient(145deg, #0A1428 0%, #0D1731 40%, #081827 100%);
      box-shadow:0 20px 70px rgba(10,20,40,.35);
    }
    .pd-home .frame-label{
      display:inline-flex;
      align-items:center;
      gap:10px;
      font-size:12px;
      font-weight:800;
      letter-spacing:.10em;
      color:var(--violet);
      background:color-mix(in srgb,var(--violet) 10%,transparent);
      border:1px solid color-mix(in srgb,var(--violet) 18%,transparent);
      border-radius:999px;
      padding:8px 12px;
      margin:0 0 18px 0;
    }
    .pd-home .dark .frame-label{
      color:#fff;
      background:rgba(255,255,255,.10);
      border-color:rgba(255,255,255,.16);
    }
    .pd-home .hr{height:1px; background:var(--divider); margin:28px 0;}
    .pd-home .dark .hr{background:rgba(255,255,255,.14)}
    .pd-home .row{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; min-width:0}
    .pd-home .stack{display:flex; flex-direction:column; gap:12px; min-width:0}
    .pd-home .grid-2{display:grid; grid-template-columns:1fr 1fr; gap:20px; min-width:0}
    .pd-home .grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; min-width:0}
    .pd-home .grid-4{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; min-width:0}
    .pd-home .grid-5{display:grid; grid-template-columns:repeat(5,1fr); gap:12px; min-width:0}

    .pd-home h1,.pd-home h2,.pd-home h3,.pd-home h4,.pd-home p{margin:0 0 10px 0}
    .pd-home h1{
      font-size:44px;
      line-height:1.15;
      letter-spacing:-1px;
      margin-bottom:14px;
    }
    .pd-home h2{
      font-size:30px;
      line-height:1.25;
      letter-spacing:-.5px;
      margin-bottom:10px;
    }
    .pd-home h3{font-size:18px; line-height:1.45; margin-bottom:8px;}
    .pd-home h4{font-size:14px; margin-bottom:8px;}
    .pd-home p{font-size:14px; color:color-mix(in srgb,var(--ink) 78%,transparent)}
    .pd-home .dark p{color:rgba(255,255,255,.78)}
    .pd-home .lead{font-size:16px; line-height:1.95; color:color-mix(in srgb,var(--ink) 78%,transparent); max-width:980px}
    .pd-home .dark .lead{color:rgba(255,255,255,.82)}
    .pd-home .kicker{
      font-size:12px;
      font-weight:800;
      letter-spacing:.18em;
      text-transform:uppercase;
      color:color-mix(in srgb,var(--violet) 95%,transparent);
      margin-bottom:10px;
    }
    .pd-home .dark .kicker{color:rgba(255,255,255,.80)}
    .pd-home .tag{
      display:inline-flex;
      align-items:center;
      height:26px;
      padding:0 10px;
      border-radius:999px;
      border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);
      background:rgba(255,255,255,.70);
      color:color-mix(in srgb,var(--ink) 76%,transparent);
      font-size:11px;
      font-weight:700;
      gap:8px;
      white-space:nowrap;
    }
    .pd-home .tag.dot:before{
      content:"";
      width:7px; height:7px; border-radius:999px;
      background:var(--violet);
      display:inline-block;
      flex:0 0 auto;
    }
    .pd-home .chip{
      height:28px;
      padding:0 10px;
      border-radius:999px;
      background:color-mix(in srgb,var(--ink) 6%,transparent);
      color:var(--ink);
      display:inline-flex;
      align-items:center;
      font-size:11px;
      font-weight:800;
      border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);
      gap:8px;
      white-space:nowrap;
    }

    .pd-home .card{
      background:var(--paper);
      border:1px solid var(--border);
      border-radius:var(--radius-lg);
      padding:18px;
      min-width:0;
    }
    .pd-home .soft .card{background:rgba(255,255,255,.75)}
    .pd-home .dark .card{
      background:rgba(255,255,255,.06);
      border-color:rgba(255,255,255,.12);
    }
    .pd-home .card p{margin:0; font-size:13px; color:color-mix(in srgb,var(--ink) 76%,transparent)}
    .pd-home .dark .card p{color:rgba(255,255,255,.76)}
    .pd-home .note{
      border-right:3px solid var(--violet);
      background:color-mix(in srgb,var(--violet) 8%,transparent);
      border-radius:var(--radius-md);
      padding:12px 14px;
      font-size:12px;
      color:color-mix(in srgb,var(--ink) 78%,transparent);
    }
    .pd-home .topbar{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      flex-wrap:wrap;
      min-width:0;
    }
    .pd-home .brand{
      display:flex;
      align-items:center;
      gap:10px;
      min-width:0;
    }
    .pd-home .brandMark{
      width:40px; height:40px; border-radius:999px;
      background:#fff;
      border:3px solid var(--ink-2);
      display:grid; place-items:center;
      color:var(--ink-2);
      font-weight:900;
      font-size:12px;
      flex:0 0 auto;
    }
    .pd-home .brandName{
      display:flex;
      flex-direction:column;
      gap:2px;
      min-width:0;
    }
    .pd-home .brandName strong{
      font-weight:900;
      font-size:16px;
      line-height:1.15;
      direction:ltr;
      white-space:nowrap;
    }
    .pd-home .brandName span{
      font-size:11px;
      color:color-mix(in srgb,var(--ink) 62%,transparent);
      line-height:1.3;
      max-width:360px;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
      direction:ltr;
      text-align:right;
    }

    .pd-home .headerActions{
      display:flex;
      gap:8px;
      align-items:center;
      flex-wrap:wrap;
      min-width:0;
    }
    .pd-home .button{
      height:40px;
      border-radius:10px;
      padding:0 14px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:8px;
      font-size:12px;
      font-weight:900;
      border:1px solid transparent;
      user-select:none;
      white-space:nowrap;
      cursor:default;
      min-width:0;
    }
    .pd-home .button.primary{background:var(--violet); color:#fff; border-color:var(--violet)}
    .pd-home .button.secondary{background:#F8FAFF; color:var(--ink); border-color:#E5E7EB}
    .pd-home .button.outline{background:#fff; color:var(--violet); border-color:color-mix(in srgb,var(--violet) 75%,transparent)}
    .pd-home .button.text{background:transparent; color:var(--violet); border-color:transparent; padding:0 10px}
    .pd-home .button.danger{background:var(--danger); color:#fff; border-color:var(--danger)}
    .pd-home .button.disabled{opacity:.55; filter:saturate(.7)}
    .pd-home .button.small{height:34px; font-size:11px; padding:0 12px; border-radius:10px}
    .pd-home .button.iconOnly{width:40px; padding:0; justify-content:center}
    .pd-home .button.full{width:100%}
    .pd-home .icon{
      width:18px; height:18px;
      display:inline-block;
      flex:0 0 auto;
    }
    .pd-home .icon svg{width:100%; height:100%; display:block}
    .pd-home .iconStroke svg{stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round}
    .pd-home .fieldGroup{display:flex; flex-direction:column; gap:6px; min-width:0}
    .pd-home .label{font-size:12px; font-weight:900; color:color-mix(in srgb,var(--ink) 84%,transparent)}
    .pd-home .help{font-size:12px; color:color-mix(in srgb,var(--ink) 62%,transparent)}
    .pd-home .error{font-size:12px; color:var(--danger); font-weight:800}

    .pd-home .control{
      height:42px;
      border:1px solid #E5E7EB;
      border-radius:10px;
      padding:0 12px;
      background:#fff;
      display:flex;
      align-items:center;
      color:color-mix(in srgb,var(--ink) 86%,transparent);
      font-size:13px;
      min-width:0;
      gap:10px;
    }
    .pd-home .control.muted{color:color-mix(in srgb,var(--ink) 55%,transparent)}
    .pd-home .control:focus-within{outline:3px solid color-mix(in srgb,var(--violet) 22%,transparent); outline-offset:2px}
    .pd-home .control.leftIcon .icon{color:color-mix(in srgb,var(--ink) 55%,transparent)}
    .pd-home .control .grow{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
    .pd-home .control .suffix{
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:color-mix(in srgb,var(--ink) 55%,transparent);
      font-size:12px;
      white-space:nowrap;
    }
    .pd-home .search{
      display:flex;
      border:1px solid #E5E7EB;
      border-radius:12px;
      overflow:hidden;
      background:#fff;
      height:44px;
      min-width:0;
    }
    .pd-home .search .field{
      flex:1;
      display:flex;
      align-items:center;
      padding:0 12px;
      color:color-mix(in srgb,var(--ink) 62%,transparent);
      font-size:13px;
      gap:10px;
      min-width:0;
    }
    .pd-home .search .field .text{
      min-width:0;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .pd-home .search .go{
      width:48px;
      display:grid;
      place-items:center;
      background:var(--violet);
      color:#fff;
      font-weight:900;
      border-right:1px solid rgba(255,255,255,.18);
      flex:0 0 auto;
    }
    .pd-home .search .go .icon{color:#fff}
    .pd-home .searchSuggest{
      margin-top:10px;
      border:1px solid var(--border);
      background:#fff;
      border-radius:16px;
      overflow:hidden;
      box-shadow:var(--shadow-soft);
    }
    .pd-home .suggestRow{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      padding:12px 14px;
      border-bottom:1px solid var(--divider);
      min-width:0;
    }
    .pd-home .suggestRow:last-child{border-bottom:0}
    .pd-home .suggestMain{display:flex; flex-direction:column; gap:2px; min-width:0}
    .pd-home .suggestMain b{font-size:13px; line-height:1.3}
    .pd-home .suggestMain span{font-size:12px; color:color-mix(in srgb,var(--ink) 62%,transparent); direction:ltr; text-align:right}
    .pd-home .suggestMeta{display:flex; align-items:center; gap:8px; flex:0 0 auto}
    .pd-home .kbd{
      font-size:11px;
      direction:ltr;
      padding:5px 8px;
      border-radius:10px;
      border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);
      background:color-mix(in srgb,var(--ink) 4%,transparent);
      color:color-mix(in srgb,var(--ink) 70%,transparent);
      font-weight:800;
      white-space:nowrap;
    }
    .pd-home .badge{
      height:24px;
      padding:0 10px;
      border-radius:10px;
      font-size:11px;
      font-weight:900;
      display:inline-flex;
      align-items:center;
      border:1px solid transparent;
      white-space:nowrap;
      gap:8px;
    }
    .pd-home .badge.instock{background:color-mix(in srgb,var(--green) 12%,transparent); color:#168A49; border-color:color-mix(in srgb,var(--green) 18%,transparent)}
    .pd-home .badge.new{background:var(--violet); color:#fff}
    .pd-home .badge.sale{background:var(--danger); color:#fff}
    .pd-home .badge.warn{background:rgba(242,153,74,.14); color:#A85E13; border-color:rgba(242,153,74,.22)}
    .pd-home .alert{
      border-radius:16px;
      border:1px solid var(--border);
      background:#fff;
      padding:14px;
      display:flex;
      gap:12px;
      align-items:flex-start;
      min-width:0;
    }
    .pd-home .alert .pill{
      width:34px; height:34px;
      border-radius:12px;
      display:grid; place-items:center;
      flex:0 0 auto;
      border:1px solid transparent;
    }
    .pd-home .alert .content{min-width:0}
    .pd-home .alert .content b{display:block; font-size:13px; margin-bottom:2px}
    .pd-home .alert .content p{margin:0; font-size:12px; color:color-mix(in srgb,var(--ink) 70%,transparent)}
    .pd-home .alert.info .pill{background:color-mix(in srgb,var(--cyan) 16%,transparent); border-color:color-mix(in srgb,var(--cyan) 26%,transparent); color:#0A6E94}
    .pd-home .alert.success .pill{background:color-mix(in srgb,var(--green) 12%,transparent); border-color:color-mix(in srgb,var(--green) 18%,transparent); color:#168A49}
    .pd-home .alert.warning .pill{background:rgba(242,153,74,.14); border-color:rgba(242,153,74,.22); color:#A85E13}
    .pd-home .alert.danger .pill{background:color-mix(in srgb,var(--danger) 12%,transparent); border-color:color-mix(in srgb,var(--danger) 20%,transparent); color:#B91C1C}
    .pd-home .alertActions{display:flex; gap:8px; flex-wrap:wrap; margin-top:10px}
    .pd-home .footerInner{
      width:min(var(--max), calc(100% - 32px));
      margin:0 auto;
      padding:26px 0 34px;
      display:flex;
      flex-direction:column;
      gap:18px;
      min-width:0;
    }
    .pd-home .footerGrid{
      display:grid;
      grid-template-columns:1.2fr .8fr .8fr 1fr;
      gap:14px;
      min-width:0;
    }
    .pd-home .footerCol{
      border:1px solid var(--border);
      background:#fff;
      border-radius:18px;
      padding:16px;
      min-width:0;
    }
    .pd-home .footerCol h4{margin:0 0 10px 0}
    .pd-home .footerLinks{display:flex; flex-direction:column; gap:8px; font-size:13px; color:color-mix(in srgb,var(--ink) 74%,transparent)}
    .pd-home .footerMeta{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:12px;
      flex-wrap:wrap;
      font-size:12px;
      color:color-mix(in srgb,var(--ink) 62%,transparent);
      direction:ltr;
    }
    .pd-home .heroFrame{
      padding:24px;
      overflow:hidden;
    }
    .pd-home .heroLayout{
      display:grid;
      grid-template-columns:minmax(0,1.9fr) minmax(300px,.78fr);
      gap:16px;
      align-items:stretch;
      min-width:0;
    }

    .pd-home .heroPromo{
      min-width:0;
      min-height:450px;
      position:relative;
      overflow:hidden;
      border-radius:22px;
      border:1px solid rgba(255,255,255,.12);
      background:
        radial-gradient(560px 300px at 14% 12%, color-mix(in srgb,var(--cyan) 20%,transparent) 0%, color-mix(in srgb,var(--cyan) 0%,transparent) 66%),
        radial-gradient(680px 400px at 92% 8%, color-mix(in srgb,var(--violet) 40%,transparent) 0%, color-mix(in srgb,var(--violet) 0%,transparent) 64%),
        linear-gradient(136deg,#0D1731 0%,#12233F 46%,#1D3659 100%);
      box-shadow:0 24px 72px rgba(7,18,38,.30);
      isolation:isolate;
    }
    .pd-home .heroPromoGlow{
      position:absolute;
      width:360px;
      height:360px;
      left:-120px;
      top:-128px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.035);
      z-index:0;
    }
    .pd-home .heroPromoGlow.two{
      width:190px;
      height:190px;
      left:170px;
      top:248px;
      background:color-mix(in srgb,var(--cyan) 6%,transparent);
      border-color:color-mix(in srgb,var(--cyan) 14%,transparent);
    }
    .pd-home .heroPromoInner{
      min-height:450px;
      padding:34px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      gap:24px;
      position:relative;
      z-index:2;
    }
    .pd-home .heroPromoCopy{
      width:min(56%,560px);
      min-width:0;
      position:relative;
      z-index:3;
    }
    .pd-home .heroPromoCopy .kicker{margin-bottom:12px}
    .pd-home .heroPromoCopy h1{
      font-size:42px;
      line-height:1.24;
      letter-spacing:-.8px;
      max-width:600px;
      margin-bottom:14px;
    }
    .pd-home .heroPromoCopy .lead{
      max-width:520px;
      font-size:14px;
      line-height:1.95;
      margin-bottom:0;
    }
    .pd-home .heroPromoActions{
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
      margin-top:20px;
    }
    .pd-home .heroPromo .button.primary{
      background:#fff;
      color:var(--ink-2);
      border-color:#fff;
    }
    .pd-home .heroPromo .button.outline{
      background:rgba(255,255,255,.06);
      color:#fff;
      border-color:rgba(255,255,255,.26);
    }
    .pd-home .heroPromo .button.outline .icon{color:#fff}

    .pd-home .promoVisual{
      position:absolute;
      left:32px;
      top:34px;
      bottom:88px;
      width:38%;
      min-width:245px;
      display:flex;
      align-items:center;
      justify-content:center;
      z-index:2;
      pointer-events:none;
    }
    .pd-home .promoDevice{
      width:250px;
      height:260px;
      border-radius:28px;
      border:1px solid rgba(255,255,255,.18);
      background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05));
      box-shadow:0 32px 60px rgba(0,0,0,.20);
      transform:rotate(-7deg);
      position:relative;
      overflow:hidden;
    }
    .pd-home .promoDeviceTop{
      position:absolute;
      right:20px;
      left:20px;
      top:18px;
      height:34px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
    }
    .pd-home .promoDevicePill{
      width:58px;
      height:10px;
      border-radius:999px;
      background:rgba(255,255,255,.26);
    }
    .pd-home .promoDeviceDot{
      width:10px;
      height:10px;
      border-radius:999px;
      background:var(--cyan);
      box-shadow:0 0 0 5px color-mix(in srgb,var(--cyan) 10%,transparent);
    }
    .pd-home .promoBoard{
      position:absolute;
      width:154px;
      height:112px;
      right:47px;
      top:78px;
      border-radius:15px;
      background:linear-gradient(145deg,#235FA7,#163C77);
      border:1px solid rgba(255,255,255,.18);
      box-shadow:0 18px 34px rgba(0,0,0,.22);
    }
    .pd-home .promoBoardChip{
      position:absolute;
      width:58px;
      height:42px;
      right:48px;
      top:35px;
      border-radius:8px;
      background:#101827;
      border:1px solid rgba(255,255,255,.12);
    }
    .pd-home .promoBoardPin{
      position:absolute;
      width:7px;
      height:7px;
      border-radius:2px;
      background:#D6E4FF;
    }
    .pd-home .promoBoardPin.p1{right:18px;top:20px}
    .pd-home .promoBoardPin.p2{right:18px;top:52px}
    .pd-home .promoBoardPin.p3{right:18px;top:84px}
    .pd-home .promoBoardPin.p4{left:18px;top:20px}
    .pd-home .promoBoardPin.p5{left:18px;top:52px}
    .pd-home .promoBoardPin.p6{left:18px;top:84px}
    .pd-home .promoDeviceFoot{
      position:absolute;
      right:24px;
      left:24px;
      bottom:24px;
      display:grid;
      grid-template-columns:1fr 72px;
      gap:10px;
    }
    .pd-home .promoDeviceLine{
      height:10px;
      border-radius:999px;
      background:rgba(255,255,255,.18);
    }
    .pd-home .promoDeviceLine.short{background:color-mix(in srgb,var(--cyan) 45%,transparent)}

    .pd-home .promoBottom{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      flex-wrap:wrap;
      position:relative;
      z-index:4;
      padding-top:18px;
      border-top:1px solid rgba(255,255,255,.12);
    }
    .pd-home .promoIndicators{
      display:flex;
      align-items:center;
      gap:7px;
      direction:ltr;
    }
    .pd-home .promoIndicator{
      width:8px;
      height:8px;
      border-radius:999px;
      background:rgba(255,255,255,.28);
      border:1px solid rgba(255,255,255,.18);
    }
    .pd-home .promoIndicator.active{
      width:30px;
      background:var(--cyan);
      border-color:var(--cyan);
    }
    .pd-home .promoMeta{
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
    }
    .pd-home .promoMeta .tag{
      background:rgba(255,255,255,.07);
      border-color:rgba(255,255,255,.14);
      color:rgba(255,255,255,.86);
    }

    .pd-home .selectedCarousel{
      min-width:0;
      min-height:450px;
      border-radius:22px;
      border:1px solid rgba(255,255,255,.13);
      background:rgba(255,255,255,.075);
      box-shadow:0 24px 72px rgba(7,18,38,.22);
      padding:14px;
      display:flex;
      flex-direction:column;
      gap:12px;
      color:var(--ink);
    }
    .pd-home .selectedCarouselHead{
      min-height:50px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      padding:2px 2px 0;
      color:#fff;
    }
    .pd-home .selectedCarouselHead .titleWrap{min-width:0}
    .pd-home .selectedCarouselHead b{
      display:block;
      font-size:14px;
      line-height:1.35;
      margin-bottom:3px;
    }
    .pd-home .selectedCarouselHead span{
      display:block;
      font-size:11px;
      color:rgba(255,255,255,.68);
    }
    .pd-home .carouselCounter{
      flex:0 0 auto;
      min-width:54px;
      height:30px;
      padding:0 10px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      border-radius:10px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.07);
      color:#fff;
      font-size:11px;
      font-weight:900;
      direction:ltr;
    }
    .pd-home .selectedProductCard{
      flex:1;
      padding:14px;
      border-radius:18px;
      display:flex;
      flex-direction:column;
      min-height:0;
      background:#fff;
      border:1px solid var(--border);
      box-shadow:var(--shadow-mini);
      color:var(--ink);
    }
    .pd-home .dark .selectedProductCard{
      background:#fff;
      border-color:var(--border);
      color:var(--ink);
    }
    .pd-home .coreProductImage{
      height:156px;
      border-radius:16px;
      overflow:hidden;
      background:linear-gradient(145deg,#EFF4FF 0%,#DDE8FF 100%);
      border:1px solid color-mix(in srgb,var(--ink) 7%,transparent);
      position:relative;
      display:flex;
      align-items:center;
      justify-content:center;
      margin-bottom:12px;
    }
    .pd-home .coreProductBoard{
      width:120px;
      height:82px;
      border-radius:10px;
      background:linear-gradient(145deg,#2167B3,#17487F);
      box-shadow:0 18px 30px rgba(22,93,168,.20);
      transform:rotate(-8deg);
      position:relative;
      border:1px solid rgba(255,255,255,.55);
    }
    .pd-home .coreProductChip{
      width:46px;
      height:34px;
      border-radius:7px;
      background:#151B2A;
      position:absolute;
      right:37px;
      top:24px;
      border:1px solid rgba(255,255,255,.12);
    }
    .pd-home .coreProductPort{
      width:26px;
      height:16px;
      border-radius:4px 0 0 4px;
      background:#D8E1EA;
      position:absolute;
      left:-8px;
      top:33px;
      border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);
    }
    .pd-home .coreProductDot{
      width:7px;
      height:7px;
      border-radius:2px;
      background:#C7E8FF;
      position:absolute;
    }
    .pd-home .coreProductDot.d1{right:12px;top:14px}
    .pd-home .coreProductDot.d2{right:12px;bottom:14px}
    .pd-home .coreProductDot.d3{left:20px;top:14px}
    .pd-home .coreProductDot.d4{left:20px;bottom:14px}
    .pd-home .selectedProductCard .row{flex-wrap:wrap}
    .pd-home .selectedProductTitle{
      margin-top:10px;
      font-weight:900;
      direction:ltr;
      text-align:right;
      font-size:14px;
    }
    .pd-home .selectedProductSku{
      margin-top:2px;
      font-size:12px;
      color:color-mix(in srgb,var(--ink) 62%,transparent);
      direction:ltr;
      text-align:right;
    }
    .pd-home .selectedProductFoot{
      margin-top:auto;
      padding-top:12px;
      border-top:1px solid var(--divider);
    }
    .pd-home .selectedProductFoot .price{font-weight:900;white-space:nowrap}
    .pd-home .selectedProductFoot .button{cursor:default}

    .pd-home .carouselControls{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      padding:0 2px 2px;
    }
    .pd-home .carouselArrows{display:flex;align-items:center;gap:8px}
    .pd-home .carouselArrow{
      width:34px;
      height:34px;
      border-radius:11px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.07);
      color:#fff;
      display:grid;
      place-items:center;
    }
    .pd-home .carouselArrow .icon{width:16px;height:16px}
    .pd-home .carouselDots{display:flex;align-items:center;gap:6px;direction:ltr}
    .pd-home .carouselDot{
      width:7px;
      height:7px;
      border-radius:999px;
      background:rgba(255,255,255,.25);
    }
    .pd-home .carouselDot.active{background:#fff;width:20px}

    @media (max-width:1040px){
      .pd-home .heroLayout{grid-template-columns:1fr}
      .pd-home .selectedCarousel{min-height:auto}
      .pd-home .selectedProductCard{min-height:370px}
      .pd-home .heroPromoCopy{width:58%}
    }
    @media (max-width:840px){
      .pd-home .heroFrame{padding:14px}
      .pd-home .heroPromo{min-height:560px}
      .pd-home .heroPromoInner{min-height:560px;padding:24px}
      .pd-home .heroPromoCopy{width:100%;max-width:none}
      .pd-home .heroPromoCopy h1{font-size:32px}
      .pd-home .promoVisual{
        position:relative;
        left:auto;
        top:auto;
        bottom:auto;
        width:100%;
        min-width:0;
        height:230px;
        margin-top:8px;
      }
      .pd-home .promoDevice{width:210px;height:220px}
      .pd-home .promoBoard{right:40px;top:68px;width:130px;height:94px}
      .pd-home .promoBoardChip{right:40px;top:29px;width:50px;height:36px}
      .pd-home .coreProductImage{height:180px}
    }

    .pd-home .categoryCard{
      border-radius:18px;
      padding:16px;
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      min-width:0;
    }
    .pd-home .catIcon{
      width:44px; height:44px;
      border-radius:14px;
      border:1px solid color-mix(in srgb,var(--violet) 18%,transparent);
      background:color-mix(in srgb,var(--violet) 10%,transparent);
      display:grid;
      place-items:center;
      color:color-mix(in srgb,var(--ink) 86%,transparent);
      flex:0 0 auto;
    }
    .pd-home .catText{min-width:0}
    .pd-home .catText b{display:block; font-size:14px; margin-bottom:3px}
    .pd-home .catText span{display:block; font-size:12px; color:color-mix(in srgb,var(--ink) 66%,transparent)}
    .pd-home .catText .metaLine{margin-top:8px; font-size:11px; color:color-mix(in srgb,var(--ink) 62%,transparent); direction:ltr; text-align:right; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

    .pd-home .banner{
      border:1px solid var(--border);
      border-radius:18px;
      padding:18px;
      min-height:148px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
      gap:10px;
      background:
        radial-gradient(260px 120px at 20% 20%, color-mix(in srgb,var(--cyan) 22%,transparent) 0%, color-mix(in srgb,var(--cyan) 0%,transparent) 60%),
        radial-gradient(320px 160px at 85% 10%, color-mix(in srgb,var(--violet) 18%,transparent) 0%, color-mix(in srgb,var(--violet) 0%,transparent) 62%),
        linear-gradient(165.39deg, var(--surface) -52.42%, #F5F7FB 152.42%);
      min-width:0;
      overflow:hidden;
      position:relative;
    }
    .pd-home .banner .title{font-weight:900; font-size:16px; margin:0}
    .pd-home .banner .desc{margin:0; color:color-mix(in srgb,var(--ink) 72%,transparent); font-size:13px}
    .pd-home .banner.darkish{
      color:#fff;
      border-color:rgba(255,255,255,.10);
      background:
        radial-gradient(420px 160px at 10% 0%, color-mix(in srgb,var(--cyan) 20%,transparent) 0%, color-mix(in srgb,var(--cyan) 0%,transparent) 62%),
        radial-gradient(520px 240px at 95% 10%, color-mix(in srgb,var(--violet) 32%,transparent) 0%, color-mix(in srgb,var(--violet) 0%,transparent) 62%),
        linear-gradient(144.31deg, #0D1731 0.2%, #1D3659 99.8%);
      box-shadow:0 22px 70px rgba(10,20,40,.22);
    }
    .pd-home .banner.darkish .desc{color:rgba(255,255,255,.78)}
    .pd-home .banner .corner{
      position:absolute;
      left:-28px; top:-28px;
      width:110px; height:110px;
      border-radius:28px;
      background:color-mix(in srgb,var(--cyan) 12%,transparent);
      border:1px solid color-mix(in srgb,var(--cyan) 20%,transparent);
      transform:rotate(12deg);
    }
    .pd-home .banner.darkish .corner{
      background:rgba(255,255,255,.06);
      border-color:rgba(255,255,255,.10);
    }

    .pd-home .productCard{
      border-radius:18px;
      padding:16px;
      display:flex;
      flex-direction:column;
      gap:10px;
      min-width:0;
    }
    .pd-home .prodThumb{
      height:120px;
      border-radius:14px;
      border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);
      background:linear-gradient(135deg, #E9F4FF 0%, #CFD9FF 100%);
      position:relative;
      overflow:hidden;
    }
    .pd-home .pcb{
      position:absolute;
      width:92px; height:70px;
      right:18px; top:26px;
      border-radius:6px;
      background:#165DA8;
      transform:rotate(-10deg);
      box-shadow:0 14px 34px rgba(22,93,168,.18);
    }
    .pd-home .pcb:before{
      content:"";
      position:absolute;
      width:32px; height:20px;
      right:30px; top:22px;
      border-radius:3px;
      background:#111827;
    }
    .pd-home .prodTitle{font-weight:900; font-size:14px; direction:ltr; text-align:right; margin:0}
    .pd-home .prodMeta{font-size:12px; color:color-mix(in srgb,var(--ink) 62%,transparent); direction:ltr; text-align:right; margin:0}
    .pd-home .priceRow{display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap}
    .pd-home .priceNow{font-weight:900; white-space:nowrap}
    .pd-home .priceOld{font-size:12px; color:color-mix(in srgb,var(--ink) 50%,transparent); text-decoration:line-through; direction:ltr; text-align:right; white-space:nowrap}
    .pd-home .starRow{
      display:flex;
      align-items:center;
      gap:8px;
      flex-wrap:wrap;
      color:color-mix(in srgb,var(--ink) 70%,transparent);
      font-size:12px;
    }
    .pd-home .starPill{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:6px 10px;
      border-radius:999px;
      background:rgba(242,153,74,.12);
      border:1px solid rgba(242,153,74,.22);
      color:#8A4D10;
      font-weight:900;
      white-space:nowrap;
    }

    .pd-home .brandStrip{
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      align-items:center;
      min-width:0;
    }
    .pd-home .brandLogo{
      height:44px;
      min-width:140px;
      flex:1 1 140px;
      border-radius:16px;
      border:1px solid var(--border);
      background:#fff;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      padding:0 14px;
      min-width:0;
      box-shadow:var(--shadow-mini);
    }
    .pd-home .brandLogo b{
      font-weight:900;
      font-size:13px;
      direction:ltr;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .pd-home .brandLogo span{
      font-size:11px;
      color:color-mix(in srgb,var(--ink) 62%,transparent);
      white-space:nowrap;
    }

    .pd-home .campaignGrid{display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px; min-width:0}
    .pd-home .contentGrid{display:grid; grid-template-columns:1.25fr .75fr; gap:16px; min-width:0}
    .pd-home .miniBlogList{display:flex; flex-direction:column; gap:10px; min-width:0}
    .pd-home .blogMini{
      border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);
      background:#fff;
      border-radius:16px;
      padding:14px;
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:12px;
      min-width:0;
    }
    .pd-home .blogMini .main{min-width:0}
    .pd-home .blogMini .main b{display:block; font-size:13px; margin-bottom:2px}
    .pd-home .blogMini .main span{display:block; font-size:12px; color:color-mix(in srgb,var(--ink) 62%,transparent)}
    .pd-home .blogMini .meta{display:flex; flex-direction:column; gap:8px; flex:0 0 auto; align-items:flex-start}
    @media (max-width: 1040px){
      .pd-home .grid-4{grid-template-columns:repeat(2,1fr)}
      .pd-home .grid-5{grid-template-columns:repeat(3,1fr)}
      .pd-home .footerGrid{grid-template-columns:1fr 1fr}
      .pd-home .campaignGrid{grid-template-columns:1fr}
      .pd-home .heroLayout{grid-template-columns:1fr}
      .pd-home .heroRight{grid-template-columns:1fr}
      .pd-home .contentGrid{grid-template-columns:1fr}
    }
    @media (max-width: 840px){
      .pd-home .frame{padding:22px; border-radius:18px}
      .pd-home .grid-2,.pd-home .grid-3{grid-template-columns:1fr}
      .pd-home .grid-4{grid-template-columns:1fr}
      .pd-home .grid-5{grid-template-columns:1fr}
      .pd-home h1{font-size:34px}
      .pd-home h2{font-size:26px}
      .pd-home .brandName span{max-width:220px}
      .pd-home .search{height:44px}
      .pd-home .footerGrid{grid-template-columns:1fr}
      .pd-home .heroSearchWrap{grid-template-columns:1fr}
      .pd-home .promoSlide{height:162px}
    }
.pd-home .frt-f8{width:231px!important;font-family:"Yekan"!important;font-weight:400!important}
.pd-home .frt-f10{font-family:"Yekan"!important}
.pd-home .frt-f19{translate:-6.109px -5.801px!important;width:30px!important;height:29px!important}
.pd-home .frn-1-svg{position:absolute;left:3px;top:4px;width:25.08333396911621px;height:21.835018157958984px;box-sizing:border-box}
.pd-home .frn-1-svg>svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%}
.pd-home .frt-f19{position:relative!important}
.pd-home .frt-f23{translate:-0.109px -3.801px!important;width:24px!important;height:22px!important}
.pd-home .frn-2-svg{position:absolute;left:5px;top:3px;width:13.263157844543457px;height:17.999847412109375px;box-sizing:border-box}
.pd-home .frn-2-svg>svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%}
.pd-home .frt-f23{position:relative!important}
.pd-home .frt-f28{translate:-3.344px -2.801px!important;width:24px!important;height:24px!important}
.pd-home .frn-3-svg{position:absolute;left:2px;top:4px;width:19px;height:18px;box-sizing:border-box}
.pd-home .frn-3-svg>svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%}
.pd-home .frt-f28{position:relative!important}
.pd-home .frn-4-svg{position:absolute;left:4px;top:2.19921875px;width:14.166648864746094px;height:14.166648864746094px;box-sizing:border-box}
.pd-home .frn-4-svg>svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%}
.pd-home .frt-f38{position:relative!important}
.pd-home .frt-f42{font-family:"Yekan"!important;text-align:right!important}
.pd-home .frn-5-svg{position:absolute;left:-0.6171875px;top:-1.80078125px;width:20px;height:20px;box-sizing:border-box}
.pd-home .frn-5-svg>svg{display:block;width:100%;height:100%;max-width:100%;max-height:100%}
.pd-home .frt-f44{position:relative!important}
.pd-home .frt-f773{font-family:"Yekan"!important;font-weight:400!important}
.pd-home .frt-f774{font-family:"Yekan"!important;font-weight:400!important}
.pd-home .frt-f775{font-family:"Yekan"!important;font-weight:400!important;text-align:right!important}