/* ── Hero wrapper with wood-grain background ── */
    .product-detail-section {
      position: relative;
      width: 100%;
      min-height: 260px;
      background-color: #1a1108;
      background-image:
        repeating-linear-gradient(
          92deg,
          rgba(255,255,255,0.018) 0px, rgba(255,255,255,0.018) 1px,
          transparent 1px, transparent 60px
        ),
        repeating-linear-gradient(
          175deg,
          rgba(80,50,10,0.35) 0px, rgba(80,50,10,0.35) 2px,
          transparent 2px, transparent 18px
        ),
        linear-gradient(
          160deg,
          #2c1f0a 0%, #3d2b0e 18%, #1e1305 38%,
          #4a3212 52%, #2a1c08 68%, #3b2810 82%, #1a1005 100%
        );
      overflow: hidden;
      display: flex;
      align-items: center;
    }

    /* dark edge vignette */
    .product-detail-section::before {
      content: '';
      position: absolute;
      inset: 0;
      background:
        radial-gradient(ellipse at 50% 50%, transparent 55%, rgba(0,0,0,0.72) 100%);
      pointer-events: none;
      z-index: 1;
    }

    .detail-inner {
      position: relative;
      z-index: 2;
      display: flex;
      width 100%;
      max-width: 1200px;
      margin: 0 auto;
      padding: 44px 48px;
      gap: 56px;
      align-items: flex-start;
font-family: Akkurat-Light;
font-size:16px;
    }

    /* ── LEFT COLUMN ── */
    .detail-left {
      flex: 0 0 42%;
      max-width: 42%;
    }

    .product-title {
      font-size: 22px;
      font-weight: 900;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: #e8d8b0;
      line-height: 1.2;
      margin-bottom: 18px;

    }

    .product-description {
      font-size: 13px;
      line-height: 1.75;
      color: #b8a882;
      max-width: 420px;
    }

    /* ── RIGHT COLUMN ── */
    .detail-right {
      flex: 1;
      padding-top: 2px;
    }

    /* Tab navigation */
    .tab-nav {
      display: flex;
      gap: 0;
      margin-bottom: 22px;
      border-bottom: 1px solid rgba(255,255,255,0.15);
    }

    .tab-btn {
      background: none;
      border: none;
      cursor: pointer;
      font-size: 24px;
      font-weight: 600;
      letter-spacing: 0.04em;
      color: #8a7a5a;
      padding: 6px 18px 10px;
      position: relative;
      transition: color 0.2s;
      text-transform: capitalize;
    }

    .tab-btn:first-child {
      padding-left: 0;
    }

    .tab-btn.active {
      color: #e8d8b0;
    }

    .tab-btn.active::after {
      content: '';
      position: absolute;
      bottom: -1px;
      left: 0;
      right: 0;
      height: 2px;
      background: #c8a84a;
    }

    .tab-btn:hover:not(.active) {
      color: #c8b880;
    }

    /* Tab panels */
    .tab-panel {
      display: none;
    }
    .tab-panel.active {
      display: block;
    }

    /* Materials list */
    .materials-list {
      list-style: none;
      padding: 0;
    }

    .materials-list li {
      position: relative;
      padding-left: 16px;
      font-size: 13px;
      line-height: 1.8;
      color: #b8a882;
      margin-bottom: 4px;
    }

    .materials-list li::before {
      content: '•';
      position: absolute;
      left: 0;
      color: #c8a84a;
      font-size: 14px;
      line-height: 1.7;
    }

    .materials-list li strong {
      color: #ddd0a8;
      font-weight: 700;
    }

    /* Dimensions panel */
    .dimensions-table {
      width: 100%;
      border-collapse: collapse;
      font-size: 16px;
    }

    .dimensions-table td {
      padding: 7px 12px 7px 0;
      color: #b8a882;
      border-bottom: 1px solid rgba(255,255,255,0.07);
      vertical-align: top;
    }

    .dimensions-table td:first-child {
      color: #ddd0a8;
      font-weight: 700;
      width: 45%;
    }

    .dimensions-table tr:last-child td {
      border-bottom: none;
    }

    /* Delivery panel */
    .delivery-list {
      list-style: none;
      padding: 0;
    }

    .delivery-list li {
      position: relative;
      padding-left: 16px;
      font-size: 16px;
      line-height: 1.85;
      color: #b8a882;
      margin-bottom: 4px;
font-family: Akkurat-Light;
    }

    .delivery-list li::before {
      content: '•';
      position: absolute;
      left: 0;
      color: #c8a84a;
      font-size: 16px;
      line-height: 1.7;
    }

    /* ── Responsive ── */
    @media (max-width: 768px) {
      .detail-inner {
        flex-direction: column;
        gap: 32px;
        padding: 32px 24px;
      }
      .detail-left {
        flex: none;
        max-width: 100%;
      }
    }