.menu-lvl-2 sup, .category-title sup {
    color: #dc3545;
    font-size: 75%;
}

@media (min-width: 992px) {
  .right-detail-inner-container {
    max-width: 520px !important;
  }
}

.drugtype { color: #8F2076; font-weight: 600; font-size: 0.85rem; margin-bottom: 1rem; display: inline-block; background: #f3e8f0; padding: 4px 12px; border-radius: 20px; }

.short-desc {
            background: #f8fafc;
            padding: 1rem;
            border-radius: 20px;
            margin: 1rem 0;
            border-left: 4px solid #8F2076;
        }
.product-meta-rows {
            margin: 1.2rem 0;
            background: #fef9fc;
            border-radius: 20px;
            padding: 0.5rem;
            border: 1px solid #f3e8f0;
        }
.meta-row {
            display: flex;
            align-items: baseline;
            padding: 0.9rem 1rem;
            border-bottom: 1px solid #f0e6f0;
        }
.meta-row:last-child {
            border-bottom: none;
        }
.meta-row-label {
            width: 130px;
            font-size: 0.75rem;
            text-transform: uppercase;
            font-weight: 700;
            color: #6b4e62;
            letter-spacing: 0.3px;
        }
.meta-row-value {
            flex: 1;
            font-weight: 600;
            font-size: 0.95rem;
            color: #0f172a;
        }
.meta-row-value i {
            color: #8F2076;
            margin-right: 6px;
            font-size: 0.85rem;
        }
.meta-row-value a {color: #8f2076; text-decoration: none; font-weight: 500;}
.meta-row-value span {font-size: 0.7rem; color: #5b6e8c; margin-left: 8px;}
  .discount-row {
            background: #fef6e0;
            border-radius: 20px;
            padding: 12px 16px;
            margin: 1rem 0;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
            font-size: 10px;
        }
.crypto-offer { background: #e9f4f8; border-left: 4px solid #2c7da0; }
.welcome-offer { background: linear-gradient(135deg, #fff5eb, #fef2e8); border-left: 4px solid #8F2076; }

 .product-tabs{--tab-b:#e5e7eb;--bg:#fff;--muted:#f9fafb;--text:#111827;--radius:12px; margin:1rem 0}
.product-tabs .tabset{position:relative}
.product-tabs .tabset input[type=radio]{position:absolute; inset:0; opacity:0; pointer-events:none}
.product-tabs .tab-nav{display:flex; flex-wrap:wrap; gap:.25rem; border-bottom:1px solid var(--tab-b)}
.product-tabs .tab-nav label{
  padding:.65rem 1rem; font-weight:600; cursor:pointer; user-select:none;
  background:var(--muted); border:1px solid var(--tab-b); border-bottom:none;
  border-top-left-radius:var(--radius); border-top-right-radius:var(--radius);
}
.product-tabs .tab-nav label:focus-visible{outline:2px solid #3b82f6; outline-offset:2px}

.product-tabs .tab-panels{border:1px solid var(--tab-b); border-top:none; background:var(--bg); border-bottom-left-radius:var(--radius); border-bottom-right-radius:var(--radius)}
.product-tabs .tab-panel{display:none; padding:1rem}
.product-tabs .tab-panel > :first-child{margin-top:0}

#tab-desc:checked ~ .tab-nav label[for=tab-desc],
#tab-review:checked ~ .tab-nav label[for=tab-review],
#tab-storage:checked ~ .tab-nav label[for=tab-storage],
#tab-usage:checked ~ .tab-nav label[for=tab-usage],
#tab-lab:checked  ~ .tab-nav label[for=tab-lab],
#tab-auth:checked  ~ .tab-nav label[for=tab-auth],
#tab-spec:checked  ~ .tab-nav label[for=tab-spec],
#tab-faq:checked  ~ .tab-nav label[for=tab-faq]{background:var(--bg); color:var(--text); border-bottom:1px solid var(--bg)}

#tab-desc:checked ~ .tab-panels #panel-desc{display:block}
#tab-usage:checked ~ .tab-panels #panel-usage{display:block}
#tab-lab:checked  ~ .tab-panels #panel-lab{display:block}
#tab-auth:checked  ~ .tab-panels #panel-auth{display:block}
#tab-spec:checked  ~ .tab-panels #panel-spec{display:block}
#tab-faq:checked  ~ .tab-panels #panel-faq{display:block}
#tab-review:checked  ~ .tab-panels #panel-review{display:block}
#tab-storage:checked  ~ .tab-panels #panel-storage{display:block}

.product-tabs:has(#panel-lab:empty) label[for=tab-lab]{display:none}
.product-tabs #panel-lab:empty{display:none !important}

.product-tabs:has(#panel-review:empty) label[for=tab-review]{display:none}
.product-tabs #panel-review:empty{display:none !important}

@media print{
  .product-tabs .tab-nav{display:none}
  .product-tabs .tab-panel{display:block}
}

  .product-tabs .tab-nav label{
    flex:0 0 auto; padding:.75rem 1rem; border-radius:999px; /* comfy tap targets */
    font-size:1rem;
  }
  .product-tabs .tab-panel{ padding:.9rem .75rem }
}

.product-tabs .tab-nav .t-short{ display:none; }
.product-tabs .tab-nav .t-long{ display:inline; }

@media (max-width:640px){
  .product-tabs{ margin:.5rem 0 }


  .product-tabs .tab-nav .t-long{ display:none; }
  .product-tabs .tab-nav .t-short{ display:inline; }


  .product-tabs .tab-nav{
    position: sticky;
    top: 0;
    z-index: 20;
    background: var(--bg);

    display: flex;
    flex-wrap: nowrap;   
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;

    gap: .5rem;
    padding: .6rem .75rem;

    border-bottom: 1px solid var(--tab-b);

    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .product-tabs .tab-nav::-webkit-scrollbar{ display:none; }

  .product-tabs .tab-nav{
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%);
            mask-image: linear-gradient(to right, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%);
  }

  .product-tabs .tab-nav label{
    flex: 0 0 auto;
    scroll-snap-align: start;

    padding: .6rem .9rem;
    font-size: .95rem;
    line-height: 1;

    border-radius: 10px; 
    border: 1px solid var(--tab-b);
    background: var(--muted);

    white-space: nowrap;
  }

  #tab-desc:checked ~ .tab-nav label[for=tab-desc],
  #tab-review:checked ~ .tab-nav label[for=tab-review],
  #tab-storage:checked ~ .tab-nav label[for=tab-storage],
  #tab-usage:checked ~ .tab-nav label[for=tab-usage],
  #tab-lab:checked  ~ .tab-nav label[for=tab-lab],
  #tab-auth:checked  ~ .tab-nav label[for=tab-auth],
  #tab-spec:checked ~ .tab-nav label[for=tab-spec],
  #tab-faq:checked  ~ .tab-nav label[for=tab-faq]{
    background: var(--bg);
    color: var(--text);
    border-color: var(--text);
    box-shadow: 0 1px 0 rgba(0,0,0,.06);
  }

  .product-tabs .tab-panel{ padding: .9rem .75rem }
}

@media (min-width:641px){
  .product-tabs .tab-nav .t-long{ display:inline; }
  .product-tabs .tab-nav .t-short{ display:none; }
}

 .specs-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
            gap: 1rem;
            margin-bottom: 1.5rem;
        }
        .spec-card {
            background: #fef9fc;
            border-radius: 16px;
            padding: 1rem 1.2rem;
            border: 1px solid #f3e8f0;
            transition: all 0.2s;
            display: flex;
            align-items: flex-start;
            gap: 12px;
        }
        .spec-card:hover {
            border-color: #e0cce0;
            background: #fff;
        }
        .spec-icon {
            width: 36px;
            height: 36px;
            background: #f3e8f0;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        .spec-icon i {
            font-size: 1.1rem;
            color: #8F2076;
        }
        .spec-content {
            flex: 1;
        }
        .spec-label-card {
            font-size: 0.7rem;
            text-transform: uppercase;
            font-weight: 700;
            color: #8F2076;
            letter-spacing: 0.5px;
            margin-bottom: 6px;
        }
        .spec-value-card {
            font-weight: 600;
            font-size: 0.9rem;
            color: #0f172a;
            word-break: break-word;
            line-height: 1.4;
        }
        .spec-value-card code {
            background: #f1f5f9;
            padding: 2px 6px;
            border-radius: 8px;
            font-size: 0.8rem;
        }