/* ===== Drawer (center modal) ===== */
    .drawer-backdrop{
      position:fixed; inset:0;
      background: rgba(0,0,0,.62);
      backdrop-filter: blur(14px);
      display:none;
      z-index: 10029;
    }
    .drawer-backdrop.open{ display:block; }

    .drawer{
      position:fixed;
      top:50%;
      left:50%;
      width: min(1840px, calc(100vw - 260px));
      max-height: 94vh;
      height:auto;
      background:rgba(9,10,12,.96);
      border: 1px solid rgba(255,255,255,.12);
      border-radius:6px;
      box-shadow: 0 30px 100px rgba(0,0,0,.72);
      transform: translate(-50%, -50%) scale(0.92);
      transition: transform .25s ease, opacity .25s ease;
      opacity:0;
      z-index: 10030;
      display:flex;
      flex-direction:column;
      overflow:visible;
      pointer-events:none;
      visibility:hidden;
    }
    .drawer.open{
      transform: translate(-50%, -50%) scale(1);
      opacity:1;
      pointer-events:auto;
      visibility:visible;
    }

    .drawer-head{ display:none; }
    .drawer-head b{
      font-size: 12px;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: rgba(244,246,248,.86);
      overflow:hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 75%;
    }
    .drawer-body{
      padding: 30px 50px 40px;
      max-height:calc(92vh - 2px);
      overflow:auto;
      display:grid;
      grid-template-columns: minmax(0, 58%) minmax(430px, 42%);
      grid-template-rows: auto auto;
      grid-template-areas:
        "media info"
        "gallery info";
      gap: 18px 42px;
      align-items:start;
      align-content:start;
      position:relative;
    }
    .drawer-close-x{
      position:absolute;
      right:28px;
      top:24px;
      width:46px;
      height:46px;
      border-radius:50%;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(255,255,255,.035);
      color:#f4f6f8;
      font-size:28px;
      line-height:1;
      display:flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      z-index:8;
    }
    .drawer-rail{
      display:none;
      grid-area:rail;
      grid-template-columns:42px minmax(0,1fr);
      gap:18px;
      min-height:0;
      align-items:center;
    }
    .drawer-rail-label{
      writing-mode:vertical-rl;
      transform:rotate(180deg);
      text-transform:uppercase;
      letter-spacing:7px;
      font-size:12px;
      font-weight:800;
      color:rgba(244,246,248,.72);
      display:flex;
      align-items:center;
      gap:22px;
    }
    .drawer-rail-label::after{
      content:"";
      display:block;
      width:2px;
      height:44px;
      background:var(--accent);
      box-shadow:0 0 12px rgba(var(--accent-rgb),.42);
    }
    .drawer-rail-stack{ display:flex; flex-direction:column; min-height:0; gap:12px; }
    .drawer-rail-list{
      display:flex;
      flex-direction:column;
      gap:10px;
      overflow:hidden;
      max-height:min(530px, 58vh);
      scroll-behavior:smooth;
    }
    .drawer-rail-item{
      width:112px;
      height:78px;
      border-radius:10px;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.045);
      overflow:hidden;
      opacity:.58;
      cursor:pointer;
      flex:0 0 auto;
    }
    .drawer-rail-item.active{ opacity:1; border-color:var(--accent); box-shadow:0 0 0 1px rgba(var(--accent-rgb),.42); }
    .drawer-rail-item img{ width:100%; height:100%; object-fit:cover; display:block; filter:saturate(.92); }
    .drawer-rail-controls{ display:flex; gap:8px; }
    .drawer-rail-controls .btn{ width:42px; height:34px; padding:0; justify-content:center; border-radius:8px; }

    .drawer-preview{
      grid-area:media;
      width:100%;
      aspect-ratio:16/9;
      height:auto;
      max-height:none;
      border-radius: 0;
      overflow:hidden;
      border:0;
      outline:0;
      background: transparent;
      margin-bottom: 0;
      display:flex;
      align-items:center;
      justify-content:center;
      justify-self:center;
      position:relative;
    }
    .drawer-preview.is-wide{ width:100%; }
    .drawer-preview.is-square{
      width:100%;
      aspect-ratio:16/9;
    }
    .drawer-preview img{
      width:100%;
      max-width:100%;
      height:100%;
      max-height:100%;
      object-fit: contain;
      display:block;
      filter:none;
      position:relative;
      z-index:1;
    }
    .drawer-preview::before,
    .drawer-preview::after{ display:none; }
    .drawer-preview.is-wide img{ width:100%; height:100%; }
    .drawer-preview.is-square img{ width:100%; height:100%; }
    .drawer-preview.is-tall img{ width:100%; height:100%; max-height:none; }
    .drawer-media-nav{
      position:absolute;
      top:50%;
      transform:translateY(-50%);
      width:44px;
      height:44px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.16);
      background:rgba(10,12,16,.64);
      color:#f2f5f8;
      font-size:22px;
      line-height:1;
      display:flex;
      align-items:center;
      justify-content:center;
      cursor:pointer;
      backdrop-filter: blur(10px);
      z-index:2;
    }
    .drawer-media-nav.prev{ left:14px; }
    .drawer-media-nav.next{ right:14px; }
    .drawer-media-nav[hidden]{ display:none; }
    .drawer-gallery{
      grid-area:gallery;
      display:grid;
      grid-template-columns: repeat(4, minmax(140px, 1fr));
      gap:12px;
      overflow:auto;
      padding: 0;
      margin: 18px 0 0;
      border-top:0;
      position:relative;
      left:auto;
      bottom:auto;
      width:100%;
      scrollbar-width:none;
    }
    .drawer-gallery::-webkit-scrollbar{ display:none; }
    .drawer-gallery::before{ display:none; }
    .drawer-thumb{
      width:auto;
      aspect-ratio:16/9;
      border-radius:3px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.04);
      cursor:pointer;
      flex:0 0 auto;
      opacity:.68;
      position:relative;
      transition:transform .16s ease, opacity .16s ease, border-color .16s ease;
    }
    .drawer-thumb:hover{ transform:translateY(-1px); opacity:1; }
    .drawer-thumb.active{ opacity:1; outline:1px solid rgba(255,255,255,.72); outline-offset:2px; }
    .drawer-thumb img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .18s ease; }
    .drawer-thumb:hover img{ transform:scale(1.05); }
    .drawer-thumb .thumb-icon{
      position:absolute;
      right:8px;
      top:8px;
      width:22px;
      height:22px;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      background:rgba(0,0,0,.42);
      border:1px solid rgba(255,255,255,.16);
      color:#fff;
      font-size:10px;
      z-index:2;
    }

    .drawer-info{
      grid-area:info;
      min-width:0;
      display:block;
      position:relative;
      align-self:stretch;
      padding-right:18px;
      padding-top:4px;
      min-height:100%;
    }
    .drawer-kicker{ display:none; }
    .drawer-kicker::before{ content:""; display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--accent); margin-right:8px; }
    .drawer-title{ position:absolute; left:0; right:18px; top:0; height:50px; font-size: 42px; line-height:1.02; font-weight: 950; letter-spacing: .2px; margin: 0; text-transform:uppercase; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
    .drawer-sub{ display:none; }
    .drawer-detail-grid{
      position:absolute;
      left:0;
      right:18px;
      top:100px;
      height:190px;
      display:block;
      min-width:0;
    }
    .drawer-info.detail-open .drawer-detail-grid{
      bottom:0;
      height:auto;
    }
    .drawer-tabs-card{
      min-width:0;
      height:100%;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.10);
      border-radius:6px;
      background:rgba(0,0,0,.12);
      display:grid;
      grid-template-rows:48px minmax(0,1fr);
    }
    .drawer-info.tech-open .drawer-tabs-card{
      overflow:visible;
    }
    .drawer-tabs{
      display:flex;
      align-items:stretch;
      border-bottom:1px solid rgba(255,255,255,.09);
    }
    .drawer-tab{
      position:relative;
      border:0;
      background:transparent;
      color:rgba(244,246,248,.56);
      padding:0 22px;
      font-size:15px;
      font-weight:950;
      letter-spacing:.3px;
      text-transform:uppercase;
      cursor:pointer;
    }
    .drawer-tab.active{ color:#f4f6f8; }
    .drawer-tab.active::after{
      content:"";
      position:absolute;
      left:22px;
      right:22px;
      bottom:-1px;
      height:3px;
      background:#ffd21f;
    }
    .drawer-tab-body{
      min-height:0;
      overflow:hidden;
      padding:16px 20px;
    }
    .drawer-info.detail-open .drawer-tab-body{
      overflow:auto;
      scrollbar-width:thin;
      scrollbar-color:rgba(244,246,248,.22) rgba(0,0,0,.24);
    }
    .drawer-info.tech-open .drawer-tab-body{
      overflow:visible;
    }
    .drawer-info.detail-open .drawer-tab-body::-webkit-scrollbar,
    .drawer-review-pane::-webkit-scrollbar,
    .drawer-tech-info::-webkit-scrollbar{
      width:7px;
    }
    .drawer-info.detail-open .drawer-tab-body::-webkit-scrollbar-track,
    .drawer-review-pane::-webkit-scrollbar-track,
    .drawer-tech-info::-webkit-scrollbar-track{
      background:rgba(0,0,0,.24);
      border-radius:999px;
    }
    .drawer-info.detail-open .drawer-tab-body::-webkit-scrollbar-thumb,
    .drawer-review-pane::-webkit-scrollbar-thumb,
    .drawer-tech-info::-webkit-scrollbar-thumb{
      background:rgba(244,246,248,.20);
      border:1px solid rgba(255,255,255,.08);
      border-radius:999px;
    }
    .drawer-desc{
      position:static;
      font-size:15px;
      line-height:1.45;
      color:rgba(244,246,248,.72);
      margin:0;
      max-height:calc(1.45em * 4);
      overflow:hidden;
      padding-right:0;
    }
    .drawer-desc.expanded{ max-height:calc(1.45em * 4); }
    .drawer-review-pane{
      max-height:124px;
      overflow:auto;
      padding-right:4px;
    }
    .drawer-info.detail-open .drawer-review-pane{
      max-height:none;
      min-height:0;
    }
    .drawer-tech-info{
      max-height:124px;
      overflow:auto;
      padding-right:4px;
    }
    .drawer-info.tech-open .drawer-tech-info{
      max-height:none;
      overflow:visible;
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:8px;
      padding-right:0;
    }
    .tech-card{
      min-width:0;
      border:1px solid rgba(255,255,255,.10);
      border-radius:6px;
      background:
        radial-gradient(420px 220px at 22% 14%, rgba(255,255,255,.035), transparent 68%),
        rgba(5,8,10,.42);
      padding:14px 18px;
      min-height:0;
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
      gap:12px;
      overflow:visible;
      position:relative;
      transition:border-color .16s ease, background .16s ease, box-shadow .16s ease;
    }
    .tech-card:hover{
      border-color:rgba(255,255,255,.18);
      background:rgba(255,255,255,.04);
      box-shadow:0 0 24px rgba(255,255,255,.035);
    }
    .drawer-desc[hidden],
    .drawer-review-pane[hidden],
    .drawer-tech-info[hidden]{
      display:none !important;
    }
    .drawer-empty-reviews{
      color:rgba(244,246,248,.56);
      font-size:13px;
      line-height:1.4;
    }
    .drawer-read-more{
      display:none;
      align-self:flex-start;
      border:0;
      background:transparent;
      color:rgba(244,246,248,.76);
      padding:0;
      font-weight:900;
      cursor:pointer;
      margin:0 0 8px;
    }
    .drawer-read-more-inline{
      display:none;
      position:absolute;
      right:0;
      bottom:0;
      border:0;
      background:linear-gradient(90deg, rgba(9,10,12,0), rgba(9,10,12,.96) 18px);
      color:rgba(244,246,248,.86);
      padding:0 0 0 22px;
      font:inherit;
      font-weight:900;
      cursor:pointer;
      text-transform:uppercase;
    }
    .drawer-rating{ position:absolute; left:0; right:18px; top:58px; display:flex; align-items:center; gap:14px; color:rgba(244,246,248,.56); font-size:18px; font-weight:600; margin:0; }
    .drawer-rating-stars{ color:#ffd21f; letter-spacing:2px; font-size:22px; line-height:1; }
    .drawer-rating-stars.empty{ color:#050506; text-shadow:0 0 0 rgba(255,255,255,0); }
    .drawer-rating-stars .star-half{
      position:relative;
      display:inline-block;
      color:rgba(255,210,31,.22);
    }
    .drawer-rating-stars .star-half::before{
      content:"★";
      position:absolute;
      left:0;
      top:0;
      width:50%;
      overflow:hidden;
      color:#ffd21f;
    }
    .drawer-tag-row,.drawer-pipeline-row{
      display:none;
    }
    .drawer-info.desc-expanded .drawer-tag-row{ top:auto; }
    .drawer-pipeline-row,.drawer-stats{ display:none; }
    .drawer-tag,.drawer-pipeline{
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.035);
      color:rgba(244,246,248,.74);
      border-radius:999px;
      padding:6px 9px;
      font-size:11px;
      font-weight:800;
    }
    .tech-group{
      min-width:0;
      display:flex;
      flex-direction:column;
      gap:12px;
    }
    .tech-heading{
      display:flex;
      align-items:center;
      gap:12px;
      min-width:0;
    }
    .tech-heading::before{
      content:"";
      width:4px;
      height:24px;
      background:#ffd21f;
      box-shadow:0 0 12px rgba(255,210,31,.38);
      flex:0 0 auto;
    }
    .tech-title{
      color:#f4f6f8;
      font-size:18px;
      font-weight:950;
      letter-spacing:1.8px;
      text-transform:uppercase;
      text-shadow:0 2px 16px rgba(0,0,0,.55);
    }
    .tech-icon{
      width:26px;
      height:26px;
      object-fit:contain;
      filter:drop-shadow(0 0 10px rgba(255,210,31,.22));
    }
    .tech-items{
      display:flex;
      flex-wrap:wrap;
      gap:9px;
      min-width:0;
    }
    .tech-poly-grid{
      display:grid;
      grid-template-columns:1fr;
      gap:8px;
      align-items:start;
      width:max-content;
      margin-left:-30px;
    }
    .tech-count-row{
      display:grid;
      grid-template-columns:112px 88px;
      gap:6px;
      align-items:baseline;
      padding:0;
      border-bottom:0;
      color:rgba(244,246,248,.68);
      font-size:13px;
      font-weight:850;
      letter-spacing:1.3px;
      text-transform:uppercase;
    }
    .tech-count-row:last-child{ border-bottom:0; }
    .tech-count-row span{
      padding-left:30px;
    }
    .tech-count-row b{
      color:rgba(244,246,248,.78);
      font-size:21px;
      line-height:1;
      font-weight:720;
      letter-spacing:.2px;
      justify-self:end;
      text-align:right;
      min-width:0;
    }
    .tech-chip{
      display:inline-flex;
      align-items:center;
      gap:5px;
      min-width:0;
      position:relative;
      border:1px solid rgba(255,255,255,.14);
      border-radius:999px;
      padding:7px 14px;
      color:rgba(244,246,248,.86);
      background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015));
      box-shadow:inset 0 0 0 1px rgba(0,0,0,.26);
      font-size:12px;
      font-weight:900;
      letter-spacing:.1px;
      text-transform:none;
      white-space:nowrap;
    }
    .tech-chip[data-tip]::after{
      content:attr(data-tip);
      position:absolute;
      left:0;
      bottom:calc(100% + 10px);
      transform:translateY(4px);
      width:190px;
      white-space:normal;
      padding:8px 10px;
      border:1px solid rgba(255,255,255,.14);
      border-radius:6px;
      background:rgba(8,9,11,.96);
      color:rgba(244,246,248,.9);
      font-size:11px;
      line-height:1.25;
      font-weight:850;
      letter-spacing:.1px;
      opacity:0;
      pointer-events:none;
      transition:opacity .14s ease, transform .14s ease;
      z-index:40;
      box-shadow:0 10px 28px rgba(0,0,0,.42);
    }
    .tech-chip[data-tip]::before{
      content:"";
      position:absolute;
      right:9px;
      top:7px;
      width:5px;
      height:5px;
      border-radius:50%;
      background:#ffd21f;
      box-shadow:0 0 10px rgba(255,210,31,.55);
    }
    .tech-chip[data-tip]:hover::after{
      opacity:1;
      transform:translateY(0);
    }
    .drawer-info.detail-open .drawer-cta-row,
    .drawer-info.detail-open #drawerMarkets{
      display:none;
    }
    .drawer-stats{
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:0;
      margin:4px 0 10px;
      border-top:1px solid rgba(255,255,255,.08);
      border-bottom:1px solid rgba(255,255,255,.08);
    }
    .drawer-stat{
      border:0;
      border-right:1px solid rgba(255,255,255,.08);
      background:transparent;
      border-radius:0;
      padding:10px 12px;
    }
    .drawer-stat:last-child{ border-right:0; }
    .drawer-stat b{ display:block; color:#fff; font-size:14px; }
    .drawer-stat span{ display:block; color:rgba(244,246,248,.48); font-size:10px; text-transform:uppercase; margin-top:3px; }
    .drawer-stats{ display:none; }
    .drawer-cta-row{
      position:absolute;
      left:0;
      right:18px;
      top:296px;
      display:grid;
      grid-template-columns:minmax(180px,.28fr) minmax(0,1fr);
      gap:20px;
      align-items:stretch;
      margin:0;
      padding:22px 0 18px;
      height:184px;
      border:0;
      border-top:1px solid rgba(255,255,255,.08);
      border-bottom:1px solid rgba(255,255,255,.08);
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }
    .drawer-cta-row[hidden]{ display:none; }
    .drawer-buy-summary{
      display:grid;
      grid-template-rows:28px 56px 42px;
      align-content:center;
      gap:8px;
      min-width:0;
    }
    .drawer-buy-price-row{
      display:contents;
    }
    .drawer-buy-price{
      order:2;
      color:#ffd21f;
      font-size:48px;
      line-height:1;
      font-weight:950;
      min-width:0;
      white-space:nowrap;
    }
    .drawer-buy-price.soon{
      color:var(--accent);
      font-size:42px;
      text-transform:uppercase;
    }
    .drawer-buy-discount-wrap{
      order:3;
      display:flex;
      align-items:center;
      gap:10px;
      justify-self:start;
    }
    .drawer-buy-cart{
      order:5;
      width:38px; height:38px; flex:0 0 38px;
      border-radius:9px; border:0; cursor:pointer;
      background:rgba(255,255,255,.10); color:#fff; font-size:17px;
      display:flex; align-items:center; justify-content:center;
      transition:background .16s ease, color .16s ease;
    }
    .drawer-buy-cart:hover{ background:var(--bundle-yellow); color:#1a1500; }
    .drawer-buy-cart.in-cart{ background:var(--bundle-yellow); color:#1a1500; }
    .drawer-buy-discount{
      order:3;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      color:#050608;
      border:1px solid #ffd21f;
      background:#ffd21f;
      border-radius:6px;
      padding:8px 14px;
      font-size:18px;
      font-weight:950;
      min-width:74px;
      min-height:38px;
      white-space:nowrap;
      justify-self:start;
    }
    .drawer-buy-discount[hidden]{ display:inline-flex !important; visibility:hidden; }
    .drawer-buy-old{
      order:1;
      color:rgba(244,246,248,.44);
      text-decoration:line-through;
      font-size:24px;
      font-weight:800;
      min-height:28px;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    .drawer-buy-save{
      display:none;
    }
    .drawer-cta-stack{ display:grid; grid-template-rows:repeat(3, 50px); gap:8px; min-width:0; }
    .drawer-cta{
      width:100%;
      border-radius:3px;
      height:50px;
      padding:0 15px;
      font-weight:950;
      letter-spacing:1.5px;
      cursor:pointer;
      border:1px solid rgba(255,255,255,.16);
      color:#fff;
      background:rgba(255,255,255,.035);
      text-transform:uppercase;
      box-shadow:none;
      transition:background .16s ease, border-color .16s ease, color .16s ease;
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
    }
    .drawer-cta.primary{
      border:1px solid rgba(255,255,255,.16);
      background:rgba(255,255,255,.035);
      box-shadow:none;
    }
    .drawer-cta.best{
      border-color:#ffd21f;
      box-shadow:0 0 22px rgba(255,210,31,.16), inset 0 0 0 1px rgba(255,210,31,.12);
    }
    .drawer-cta:hover:not(:disabled){
      background:rgba(255,255,255,.68);
      border-color:rgba(255,255,255,.68);
      color:#fff;
    }
    .drawer-cta[hidden]{ display:block !important; visibility:hidden; pointer-events:none; }
    .market-section{ position:absolute; left:0; right:18px; bottom:0; margin:0; }
    #drawerReviews{ display:none; }
    .market-head{ display:flex;align-items:baseline;justify-content:flex-start;gap:12px;margin-bottom:10px; }
    .market-head h4{ margin:0; font-size:14px; text-transform:uppercase; letter-spacing:.8px; }
    .market-updated{ display:none; }
    .market-grid{ display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); grid-auto-rows:82px; gap:8px; }
    .market-card{ border:1px solid rgba(255,255,255,.10); background:transparent; border-radius:3px; padding:10px; cursor:pointer; min-height:0; height:82px; display:grid; grid-template-rows:16px 30px 16px; align-content:center; gap:4px; overflow:hidden; position:relative; }
    .market-card.best,
    .market-card.discount-hot{
      border-color:#ffd21f;
      box-shadow:0 0 22px rgba(255,210,31,.16), inset 0 0 0 1px rgba(255,210,31,.12);
    }
    .market-card.primary{ grid-column:span 2; min-height:0; height:82px; border-color:rgba(255,255,255,.34); background:rgba(255,255,255,.035); }
    .market-name{ display:flex;align-items:center;justify-content:space-between;gap:8px; color:rgba(244,246,248,.68); font-size:12px; font-weight:900; text-transform:uppercase; min-width:0; overflow:hidden; padding-right:46px; }
    .market-name span{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
    .market-best{ display:none; }
    .market-price{ margin-top:0; font-size:18px; font-weight:950; color:#f2f5f8; white-space:nowrap; overflow:visible; min-width:0; display:flex; align-items:baseline; gap:8px; }
    .market-card.best .market-price{ color:#f2f5f8; }
    .market-card.primary .market-price{ color:#f4f6f8; font-size:24px; }
    .market-current{ flex:0 0 auto; }
    .market-current.soon{ color:var(--accent); text-transform:uppercase; }
    .market-old{ color:rgba(244,246,248,.45); text-decoration:line-through; margin-left:0; font-size:13px; flex:0 1 auto; min-width:0; overflow:visible; white-space:nowrap; }
    .market-sale{ color:#ffd21f; font-size:12px; font-weight:900; min-height:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .market-logo{
      position:absolute;
      right:10px;
      top:10px;
      width:34px;
      height:34px;
      object-fit:contain;
      opacity:1;
      pointer-events:none;
    }
    .market-card.primary .market-logo{
      width:42px;
      height:42px;
    }
    .reviews-list{ display:flex; flex-direction:column; gap:8px; }
    .review-card{ border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.035); border-radius:6px; padding:9px 10px; }
    .review-top{ display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:rgba(244,246,248,.62); }
    .review-stars{ color:#f5a524; letter-spacing:1px; white-space:nowrap; }
    .review-title{ margin-top:7px; color:rgba(244,246,248,.92); font-size:13px; line-height:1.28; font-weight:800; }
    .review-text{ margin-top:6px; color:rgba(244,246,248,.82); font-size:13px; line-height:1.35; }
    .review-award{ display:flex; align-items:center; gap:9px; border-color:rgba(255,210,31,.38); background:rgba(255,210,31,.08); }
    .review-award-icon{ color:#ffd21f; font-size:19px; line-height:1; filter:drop-shadow(0 0 10px rgba(255,210,31,.25)); }
    .review-award-text{ color:rgba(244,246,248,.9); font-size:13px; line-height:1.35; font-weight:750; }
    @media (max-width: 720px){ .market-grid{ grid-template-columns:1fr; } }

    .drawer-buy-row{ display:none; }
    .drawer-main-price{ color:var(--accent); font-size:44px; line-height:1; font-weight:950; text-align:right; }
    .drawer-platform-icons{ display:flex; gap:12px; justify-content:flex-end; color:rgba(244,246,248,.86); font-size:13px; text-transform:uppercase; font-weight:900; margin-top:14px; }
    .drawer-cart{ width:100%; margin-top:22px; border:0; border-radius:8px; padding:18px 20px; background:var(--accent); color:#fff; font-size:18px; font-weight:900; cursor:pointer; box-shadow:0 14px 32px rgba(var(--accent-rgb),.22); }
    .drawer-actions{ display:none; }
    .bigbtn{
      display:flex;
      align-items:center;
      gap:10px;
      padding: 12px 12px;
      border-radius: 16px;
      border:1px solid rgba(255,255,255,.12);
      background: rgba(0,0,0,.24);
      cursor:pointer;
      transition: transform .12s ease, border-color .12s ease, background .12s ease;
      font-size: 13px;
      color: rgba(244,246,248,.92);
    }
    .bigbtn:hover{ transform: translateY(-1px); border-color: rgba(255,255,255,.18); background: rgba(0,0,0,.30); }
    .bigbtn .logo{
      width:28px;height:28px;border-radius:10px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.04);
      display:flex;align-items:center;justify-content:center;
      flex: 0 0 28px;
    }
    .bigbtn .logo img{width:100%;height:100%;object-fit:cover;display:block}

    .drawer-nav{
      position:fixed;
      inset:0;
      z-index:10031;
      display:none;
      pointer-events:none;
    }
    .drawer.open ~ .drawer-nav{ display:block; }
    .drawer-nav .btn{
      position:fixed;
      top:50%;
      transform:translateY(-50%);
      width:72px;
      height:120px;
      padding:0;
      border-radius:0;
      border:0;
      background:transparent;
      color:transparent;
      font-size:0;
      line-height:1;
      display:flex;
      align-items:center;
      justify-content:center;
      backdrop-filter:none;
      opacity:.68;
      pointer-events:auto;
      transition:opacity .16s ease, transform .16s ease;
    }
    .drawer-nav .btn::before{
      content:"";
      position:absolute;
      top:50%;
      width:30px;
      height:30px;
      border-top:7px solid rgba(244,246,248,.78);
      border-right:7px solid rgba(244,246,248,.78);
      border-radius:2px;
      pointer-events:none;
    }
    #drawerPrev{ left:max(28px, calc((100vw - min(1840px, 96vw)) / 2 - 124px)); }
    #drawerNext{ right:max(28px, calc((100vw - min(1840px, 96vw)) / 2 - 124px)); }
    #drawerPrev::before{ transform:translateY(-50%) rotate(-135deg); left:26px; }
    #drawerNext::before{ transform:translateY(-50%) rotate(45deg); right:26px; }
    .drawer-nav .btn:hover{
      opacity:.94;
      transform:translateY(-50%) scale(1.03);
    }
    @media (max-width: 900px){
      .drawer{
        width:calc(100vw - 20px);
        max-height:calc(100vh - 20px);
        overflow:hidden;
      }
      .drawer-body{
        padding:58px 16px 22px;
        max-height:calc(100vh - 22px);
        grid-template-columns:1fr;
        grid-template-areas:
          "rail"
          "media"
          "gallery"
          "info"
          "nav";
        gap:14px;
      }
      .drawer-close-x{
        right:14px;
        top:12px;
        width:40px;
        height:40px;
        font-size:24px;
      }
      .drawer-rail{ grid-template-columns:1fr; }
      .drawer-rail-label{ writing-mode:horizontal-tb; transform:none; letter-spacing:4px; }
      .drawer-rail-list{ flex-direction:row; max-height:none; overflow:auto; }
      .drawer-preview{ max-height:min(50vh, 560px); }
      .drawer-preview img{ max-height:min(50vh, 560px); }
      .drawer-gallery{ position:relative; left:auto; bottom:auto; width:auto; grid-template-columns: repeat(2, minmax(120px,1fr)); }
      #drawerMarkets{ position:relative; right:auto; bottom:auto; width:auto; }
      .drawer-info{
        padding:0;
        min-height:0;
      }
      .drawer-title{
        position:relative;
        left:auto;
        right:auto;
        top:auto;
        height:auto;
        white-space:normal;
        font-size:clamp(24px, 8vw, 34px);
        margin:0 48px 8px 0;
      }
      .drawer-rating{
        position:relative;
        left:auto;
        right:auto;
        top:auto;
        margin:0 0 12px;
        font-size:14px;
      }
      .drawer-rating-stars{ font-size:18px; }
      .drawer-detail-grid{
        position:relative;
        left:auto;
        right:auto;
        top:auto;
        height:auto;
      }
      .drawer-tabs-card{
        height:auto;
        min-height:220px;
      }
      .drawer-tabs{ overflow:auto; }
      .drawer-tab{
        flex:1 0 auto;
        min-width:max-content;
        padding:0 14px;
        font-size:12px;
      }
      .drawer-cta-row{
        position:relative;
        left:auto;
        right:auto;
        bottom:auto;
        display:block;
        margin-top:14px;
      }
      .drawer-buy-summary{
        min-width:0;
      }
      .drawer-cta-stack{
        margin-top:10px;
      }
      .drawer-info.tech-open .drawer-tech-info{
        grid-template-columns:1fr;
      }
      .drawer-nav .btn{
        width:54px;
        height:82px;
      }
      .drawer-nav .btn::before{
        width:22px;
        height:22px;
        border-width:4px;
      }
      #drawerPrev{ left:8px; }
      #drawerNext{ right:8px; }
      #drawerPrev::before{ left:16px; }
      #drawerNext::before{ right:16px; }
    }