/* Modern Metal | views/product_detail | extracted CSS; original order preserved */

/* block 84 */

*{
    box-sizing:border-box;
}
.os-detail{padding:28px 0 56px}
.os-detail-grid{
    display:grid;
    grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);
    gap:22px;
    align-items:start;
}
.os-detail-grid > *{min-width:0}
.os-detail-box{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:18px;
    box-shadow:0 8px 24px rgba(0,0,0,.04);

    overflow:hidden;

    min-width:0;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
}
.os-detail-media{
    position:relative;
    background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%);
}
.os-detail-badges{
    position:absolute;
    top:14px;
    left:14px;
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    z-index:2;
    max-width:calc(100% - 28px);
}
.os-detail-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:26px;
    padding:0 10px;
    border-radius:999px;
    font-size:11px;
    font-weight:800;
    letter-spacing:.01em;
}
.os-detail-badge-dealer{background:#0f172a;color:#fff}
.os-detail-badge-discount{background:#d90429;color:#fff}
.os-detail-badge-campaign{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}
.os-detail-main-image{
    padding:18px 18px 10px;
}
.os-detail-img{
    width:100%;
    min-height:390px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #eef1f4;
    border-radius:16px;
    background:#fff;
    overflow:hidden;
}
.os-detail-img{
    position:relative;
}
.os-detail-img img{
    display:block;
    width:100%;
    height:390px;
    max-width:none;
    max-height:none;
    object-fit:cover;
    object-position:center center;
    transition:transform .25s ease;
}
.os-detail-img:hover img{transform:scale(1.02)}
.os-detail-zoom-btn{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    min-height:42px;
    padding:0 16px;
    border:none;
    border-radius:999px;
    background:rgba(15,23,42,.86);
    color:#fff;
    font-size:13px;
    font-weight:800;
    cursor:pointer;
    opacity:0;
    visibility:hidden;
    transition:.2s ease;
    z-index:3;
}
.os-detail-img:hover .os-detail-zoom-btn{
    opacity:1;
    visibility:visible;
}
.os-image-viewer{
    position:fixed;
    inset:0;
    z-index:999999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:rgba(0,0,0,.82);
}
.os-image-viewer.is-open{display:flex}
.os-image-viewer__dialog{
    position:relative;
    width:min(100%,1200px);
    height:min(100%,90vh);
    display:flex;
    align-items:center;
    justify-content:center;
}
.os-image-viewer__img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    display:block;
}
.os-image-viewer__close{
    position:absolute;
    right:0;
    top:-52px;
    width:40px;
    height:40px;
    border:none;
    border-radius:999px;
    background:#fff;
    color:#111827;
    font-size:24px;
    font-weight:800;
    cursor:pointer;
}
.os-detail-noimg{
    width:100%;
    min-height:260px;
    border:1px dashed #dbe1e8;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#94a3b8;
    font-size:16px;
    font-weight:800;
    background:#f8fafc;
}
.os-detail-thumbs{
    display:flex;
    gap:10px;
    padding:0 18px 18px;
    overflow:auto;
}
.os-detail-thumb{
    width:74px;
    height:74px;
    flex:0 0 74px;
    border:1px solid #e5e7eb;
    border-radius:12px;
    background:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    overflow:hidden;
    transition:.2s ease;
}
.os-detail-thumb img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
}
.os-detail-thumb.is-active,
.os-detail-thumb:hover{
    border-color:#d90429;
    box-shadow:0 0 0 3px rgba(217,4,41,.08);
}
.os-detail-info{
    padding:20px;
    display:flex;
    flex-direction:column;

    width:100%;
    max-width:100%;
    min-width:0;

    box-sizing:border-box;
    overflow:hidden;
}
.os-detail-breadcrumb{
    font-size:12px;
    color:#6b7280;
    margin-bottom:8px;
    line-height:1.7;
}
.os-detail-breadcrumb a{color:#6b7280;text-decoration:none}
.os-detail-breadcrumb a:hover{color:#d90429}
.os-detail-title{
    font-size:21px;
    line-height:1.3;
    font-weight:800;
    color:#111827;
    margin:0 0 8px;
    word-break:break-word;
}
.os-detail-summary{
    margin:0 0 14px;
    color:#4b5563;
    font-size:13px;
    line-height:1.8;
}
.os-detail-top-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:16px;
}
.os-detail-chip{
    display:inline-flex;
    align-items:center;
    min-height:28px;
    padding:0 11px;
    border-radius:999px;
    background:#f3f4f6;
    color:#374151;
    font-size:11px;
    font-weight:700;
}
.os-detail-price-card{
    width:100%;
    border:0;
    border-radius:16px;
    padding:16px;
    background:#fff;
    margin-bottom:14px;
}
.os-detail-price-row{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:14px;
    flex-wrap:wrap;
}
.os-detail-price{
    font-size:40px;
    line-height:1;
    font-weight:900;
    color:#d90429;
    margin:0 0 6px;
    word-break:break-word;
}
.os-detail-old{
    font-size:12px;
    color:#9ca3af;
    text-decoration:line-through;
}
.os-detail-sub{
    font-size:12px;
    color:#6b7280;
    margin:4px 0 0;
}
.os-detail-mini-points{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-top:14px;
}
.os-detail-mini-point{
    border:1px solid #eef1f4;
    border-radius:12px;
    padding:10px;
    background:#fbfcfd;
}
.os-detail-mini-point strong{
    display:block;
    font-size:12px;
    line-height:1.3;
    color:#111827;
    margin-bottom:4px;
}
.os-detail-mini-point span{
    display:block;
    font-size:11px;
    line-height:1.6;
    color:#6b7280;
}
.os-detail-variant-wrap{
    margin-bottom:14px;
    border:1px solid #e7ebf0;
    border-radius:16px;
    padding:15px;
    background:linear-gradient(180deg,#ffffff 0%,#fbfcfd 100%);
}
.os-detail-variant-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:13px;
}
.os-detail-variant-title{
    display:block;
    margin:0;
    font-size:14px;
    font-weight:900;
    color:#111827;
}
.os-detail-variant-count{
    font-size:11px;
    line-height:1.4;
    color:#64748b;
    white-space:nowrap;
}
.os-variant-search{
    position:relative;
    margin-bottom:14px;
}
.os-variant-search input{
    width:100%;
    height:42px;
    border:1px solid #dbe1e8;
    border-radius:11px;
    background:#fff;
    color:#111827;
    padding:0 42px 0 13px;
    font-size:13px;
    font-weight:700;
    outline:none;
    transition:.18s ease;
    box-sizing:border-box;
}
.os-variant-search input:focus{
    border-color:#f97316;
    box-shadow:0 0 0 3px rgba(249,115,22,.10);
}
.os-variant-search-icon{
    position:absolute;
    right:13px;
    top:50%;
    transform:translateY(-50%);
    font-size:16px;
    color:#94a3b8;
    pointer-events:none;
}
.os-variant-filter-group + .os-variant-filter-group{
    margin-top:13px;
}
.os-variant-filter-label{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:8px;
    font-size:12px;
    font-weight:900;
    color:#334155;
}
.os-variant-filter-label small{
    font-size:10px;
    font-weight:700;
    color:#94a3b8;
}
.os-variant-options{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    max-height:112px;
    overflow:auto;
    padding:1px 2px 3px 1px;
}
.os-variant-option{
    min-width:42px;
    min-height:34px;
    padding:0 10px;
    border:1px solid #dbe1e8;
    border-radius:9px;
    background:#fff;
    color:#111827;
    font-size:12px;
    font-weight:900;
    cursor:pointer;
    transition:.18s ease;
}
.os-variant-option:hover{
    border-color:#f97316;
    color:#ea580c;
}
.os-variant-option.is-active{
    border-color:#f97316;
    background:#fff7ed;
    color:#ea580c;
    box-shadow:0 0 0 2px rgba(249,115,22,.08);
}
.os-variant-option:disabled{
    opacity:.35;
    cursor:not-allowed;
    background:#f8fafc;
}
.os-variant-current{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:14px;
    padding:12px 13px;
    border:1px solid #fed7aa;
    border-radius:12px;
    background:#fff7ed;
}
.os-variant-current-copy{
    min-width:0;
}
.os-variant-current-copy span{
    display:block;
    margin-bottom:3px;
    font-size:10px;
    font-weight:800;
    letter-spacing:.04em;
    color:#9a3412;
    text-transform:uppercase;
}
.os-variant-current-copy strong{
    display:block;
    color:#7c2d12;
    font-size:14px;
    font-weight:900;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.os-variant-current-meta{
    flex:0 0 auto;
    font-size:11px;
    font-weight:800;
    color:#9a3412;
}
.os-variant-seo-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.os-variant-seo-links a{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;font-size:11px;font-weight:700;text-decoration:none}
.os-variant-seo-links a:hover,.os-variant-seo-links a[aria-current="page"]{border-color:#f97316;background:#fff7ed;color:#c2410c}
.os-variant-search-results{
    display:none;
    margin-top:10px;
    border:1px solid #e2e8f0;
    border-radius:12px;
    background:#fff;
    overflow:hidden;
}
.os-variant-search-results.is-open{display:block}
.os-variant-search-result{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:42px;
    padding:8px 11px;
    border:0;
    border-top:1px solid #f1f5f9;
    background:#fff;
    text-align:left;
    cursor:pointer;
}
.os-variant-search-result:first-child{border-top:0}
.os-variant-search-result:hover{background:#fff7ed}
.os-variant-search-result strong{
    font-size:12px;
    color:#111827;
}
.os-variant-search-result span{
    font-size:10px;
    color:#64748b;
}
.os-variant-empty{
    padding:12px;
    font-size:12px;
    color:#64748b;
    text-align:center;
}
.os-detail-variant-list{
    display:none;
}
.os-detail-variant-btn{
    display:none;
}
.os-detail-buybox{
    width:100%;
    border:0;
    border-radius:16px;
    padding:16px;
    background:#fff;
    margin-bottom:14px;
}
.os-detail-buybox-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;

    gap:8px;

    width:100%;
    min-width:0;
    flex-wrap:wrap;

    margin-bottom:10px;
}
.os-detail-buybox-head strong{
    font-size:13px;
    color:#111827;
}
.os-detail-buybox-head span{
    font-size:11px;
    color:#6b7280;

    flex:1;
    min-width:0;

    text-align:right;
}
.os-detail-qty-row{
    display:grid;
    grid-template-columns:130px minmax(0,1fr) minmax(0,1fr);
    gap:10px;
    width:100%;
}
.os-detail-qty-box{
    display:flex;
    align-items:center;
    border:1px solid #dbe1e8;
    border-radius:12px;
    overflow:hidden;
    background:#fff;
    min-height:46px;
}
.os-detail-qty-btn{
    width:42px;
    height:46px;
    border:none;
    background:#f8fafc;
    color:#111827;
    font-size:22px;
    font-weight:800;
    cursor:pointer;
}
.os-detail-qty-input{
    width:100%;
    height:46px;
    border:none;
    text-align:center;
    font-size:14px;
    font-weight:800;
    color:#111827;
    outline:none;
}
.os-detail-btn{
    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    min-width:0;

    min-height:46px;

    padding:0 12px;

    border-radius:12px;

    font-size:14px;
    font-weight:800;

    text-decoration:none;

    transition:.22s ease;

    border:none;

    cursor:pointer;

    box-sizing:border-box;
}
.os-detail-qty-box{
    min-width:130px;
}

.os-detail-btn-primary,
.os-detail-btn-secondary{
    width:100%;
}
.os-detail-btn-primary{background:#d90429;color:#fff}
.os-detail-btn-primary:hover{background:#b30321;color:#fff}
.os-detail-btn-secondary{background:#0f172a;color:#fff}
.os-detail-btn-secondary:hover{background:#111827;color:#fff}
.os-detail-btn-disabled{background:#cbd5e1;color:#fff;cursor:not-allowed}
.os-detail-secondary-actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin-bottom:14px;
}
.os-detail-adv-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}
.os-detail-adv{
    border:1px solid #eef1f4;
    border-radius:14px;
    padding:12px;
    background:#fff;
}
.os-detail-adv strong{
    display:block;
    font-size:12px;
    line-height:1.3;
    color:#111827;
    margin-bottom:4px;
}
.os-detail-adv span{
    display:block;
    font-size:11px;
    line-height:1.65;
    color:#6b7280;
}
.os-detail-desc-card,
.os-related-box{
    margin-top:22px;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:16px;
    box-shadow:0 8px 24px rgba(0,0,0,.04);
    overflow:hidden;
}
.os-detail-desc-head,
.os-related-head{
    padding:16px 18px;
    border-bottom:1px solid #f1f3f5;
}
.os-detail-desc-head h2,
.os-related-head h2{
    margin:0;
    font-size:18px;
    line-height:1.2;
    font-weight:800;
    color:#111827;
}
.os-related-head p{
    margin:6px 0 0;
    font-size:12px;
    color:#6b7280;
    line-height:1.7;
}
.os-detail-desc-body{
    padding:18px;
    font-size:13px;
    line-height:1.9;
    color:#4b5563;
}
.os-detail-desc-body p:last-child{margin-bottom:0}
.os-related-wrap{overflow:auto}
.os-related-table{
    width:100%;
    border-collapse:collapse;
    min-width:640px;
}
.os-related-table thead tr{background:#111827}
.os-related-table th{
    padding:11px 14px;
    color:#fff;
    text-align:left;
    font-size:11px;
    font-weight:800;
    letter-spacing:.3px;
}
.os-related-table td{
    padding:11px 14px;
    border-top:1px solid #eef1f4;
    font-size:13px;
    color:#374151;
    vertical-align:middle;
}
.os-related-table tbody tr:hover{background:#fafafa}
.os-related-table a{color:#111827;font-weight:700;text-decoration:none}
.os-related-table a:hover{color:#d90429}
.os-related-current{background:#fff5f6}
.os-related-current strong{color:#d90429}

.os-cart-modal{
    position:fixed;
    inset:0;
    z-index:99999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(15,23,42,.58);
}
.os-cart-modal.is-open{display:flex}
.os-cart-modal__dialog{
    width:min(100%,440px);
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 24px 60px rgba(0,0,0,.22);
}
.os-cart-modal__head{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    padding:12px 14px 0;
}
.os-cart-modal__head h3{display:none}
.os-cart-modal__close{
    width:34px;
    height:34px;
    border:none;
    border-radius:999px;
    background:#f3f4f6;
    color:#111827;
    font-size:20px;
    font-weight:700;
    cursor:pointer;
}
.os-cart-modal__body{
    display:grid;
    grid-template-columns:110px 1fr;
    gap:14px;
    padding:14px 16px 18px;
}
.os-cart-modal__media{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:110px;
    border:1px solid #edf1f5;
    border-radius:14px;
    background:#fff;
    padding:10px;
}
.os-cart-modal__media img{
    max-width:100%;
    max-height:90px;
    object-fit:contain;
    display:block;
}
.os-cart-modal__media-empty{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:90px;
    border:1px dashed #d6dbe3;
    border-radius:12px;
    background:#fff;
    color:#98a2b3;
    font-size:13px;
    font-weight:800;
    text-decoration:none;
}
.os-cart-modal__name{
    margin:0 0 6px;
    font-size:16px;
    line-height:1.35;
    font-weight:900;
    color:#111827;
}
.os-cart-modal__price{
    margin:0 0 4px;
    font-size:22px;
    line-height:1.05;
    font-weight:900;
    color:#d90429;
}
.os-cart-modal__old{
    margin:0 0 10px;
    font-size:12px;
    color:#98a2b3;
    text-decoration:line-through;
}
.os-cart-modal__qty-label{
    display:block;
    margin:0 0 6px;
    font-size:12px;
    font-weight:800;
    color:#334155;
}
.os-cart-modal__qty{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:12px;
}
.os-cart-modal__qty button{
    width:34px;
    height:34px;
    border:none;
    border-radius:10px;
    background:#f3f4f6;
    font-size:20px;
    font-weight:800;
    color:#111827;
    cursor:pointer;
}
.os-cart-modal__qty input{
    width:56px;
    height:34px;
    border:1px solid #d5dbe4;
    border-radius:10px;
    text-align:center;
    font-size:13px;
    font-weight:800;
    color:#111827;
}
.os-cart-modal__submit{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:42px;
    border:none;
    border-radius:12px;
    background:#0f172a;
    color:#fff;
    font-size:14px;
    font-weight:900;
    cursor:pointer;
    transition:.22s ease;
}
.os-cart-modal__submit:hover{background:#d90429}
.os-cart-modal__note{display:none}

/* Tek ölçülü varyantlar */
.os-variant-options.os-variant-simple-options{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    max-height:none;
    overflow:visible;
}
.os-variant-simple-options .os-variant-option{
    width:100%;
    min-width:0;
    min-height:42px;
}
.os-variant-option{
    position:relative;
    overflow:hidden;
}
.os-variant-option.is-out-of-stock{
    color:#9ca3af !important;
    background:#f8fafc !important;
    border-color:#d7dce3 !important;
    cursor:not-allowed;
    pointer-events:none;
    opacity:.62;
}
.os-variant-option.is-out-of-stock::after{
    content:"";
    position:absolute;
    left:8px;
    right:8px;
    top:50%;
    height:2px;
    background:#b8bec8;
    transform:translateY(-50%);
    pointer-events:none;
}


@media(max-width:991px){
    .os-detail{padding:24px 0 48px}
    .os-detail-grid{grid-template-columns:1fr}
    .os-detail-img{min-height:320px}
    .os-detail-img img{width:100%;height:320px;max-width:none;max-height:none;object-fit:cover}
    .os-detail-mini-points,.os-detail-adv-grid{grid-template-columns:1fr}
}

@media(max-width:575px){
    .os-detail{padding:18px 0 36px}
    .os-detail-box,.os-detail-desc-card,.os-related-box{border-radius:14px}
    .os-detail-main-image,.os-detail-thumbs,.os-detail-info{padding-left:14px;padding-right:14px}
    .os-detail-main-image{padding-top:14px}
    .os-detail-thumbs{padding-bottom:14px}
    .os-detail-img{min-height:260px}
    .os-detail-img img{width:100%;height:260px;max-width:none;max-height:none;object-fit:cover}
    .os-detail-title{font-size:19px;line-height:1.35}
    .os-detail-top-meta{gap:6px;margin-bottom:14px}
    .os-detail-chip{min-height:27px;padding:0 9px;font-size:10px}
    .os-detail-price-card{width:100%;max-width:100%;padding:14px;margin-left:0;margin-right:0;overflow:hidden}
    .os-detail-price-row{display:block;width:100%}
    .os-detail-price-row>div{width:100%;min-width:0}
    .os-detail-price{width:100%;max-width:100%;margin:0 0 6px;font-size:36px;line-height:1.08;text-align:left;white-space:normal;overflow-wrap:anywhere;word-break:normal}
    .os-detail-old,.os-detail-sub{width:100%;text-align:left}
    .os-detail-sub{font-size:12px;line-height:1.5}
    .os-detail-buybox{width:100%;max-width:100%;padding:14px;overflow:hidden}
    .os-detail-buybox-head{align-items:flex-start;flex-direction:column;gap:3px}
    .os-detail-qty-row{display:grid;grid-template-columns:1fr;gap:10px;width:100%}
    .os-detail-qty-box,.os-detail-btn{width:100%;max-width:100%;min-width:0}
    .os-detail-secondary-actions{grid-template-columns:1fr}
    .os-detail-variant-wrap{padding:13px}
    .os-detail-variant-head{align-items:center}
    .os-variant-options{flex-wrap:nowrap;overflow-x:auto;max-height:none;padding-bottom:6px;-webkit-overflow-scrolling:touch}
    .os-variant-option{flex:0 0 auto;min-width:46px}
    .os-variant-current{align-items:flex-start;flex-direction:column;gap:5px}
    .os-variant-options.os-variant-simple-options{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;flex-wrap:wrap}
    .os-variant-simple-options .os-variant-option{min-width:0;flex:initial}
    .os-detail-desc-head{padding:14px 16px}
    .os-detail-desc-head h2,.os-related-head h2{font-size:17px}
    .os-detail-desc-body{padding:16px;font-size:14px;line-height:1.75;color:#4b5563;overflow-wrap:anywhere}
    .os-detail-desc-body h2{margin:24px 0 10px;font-size:21px;line-height:1.35;color:#111827}
    .os-detail-desc-body h3{margin:20px 0 9px;font-size:17px;line-height:1.4;color:#111827}
    .os-detail-desc-body p{margin:0 0 14px}
    .os-detail-desc-body ul,.os-detail-desc-body ol{margin:12px 0 16px 20px;padding:0}
    .os-detail-desc-body li{margin-bottom:6px}
    .os-detail-desc-body strong{font-weight:700}
    .os-detail-desc-body table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:16px 0}
    .os-detail-desc-body table td,.os-detail-desc-body table th{border:1px solid #ddd;padding:8px;font-size:13px;white-space:nowrap}
    .os-cart-modal__body{grid-template-columns:1fr}
    .os-cart-modal__media{min-height:160px}
}

@media(max-width:390px){
    .os-detail-price{font-size:32px}
    .os-variant-options.os-variant-simple-options{grid-template-columns:repeat(2,minmax(0,1fr))}
}


.os-product-tabs{margin-top:22px}.os-product-tab-nav{display:flex;gap:8px;flex-wrap:wrap;padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:14px;box-shadow:0 8px 24px rgba(0,0,0,.04)}.os-product-tab-btn{border:0;background:#f3f4f6;color:#111827;border-radius:11px;min-height:42px;padding:0 15px;font-weight:800;cursor:pointer}.os-product-tab-btn.is-active{background:#111827;color:#fff}.os-product-tab-panel[hidden]{display:none}.os-product-tab-panel{animation:osTabFade .18s ease}@keyframes osTabFade{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:none}}@media(max-width:575px){.os-product-tab-nav{display:grid;grid-template-columns:1fr 1fr}.os-product-tab-btn{padding:8px;font-size:12px}}


/* V22: align photo column and information column at the same top edge only. */
body.os-metal-v2 .os-detail-grid{align-items:start!important;}
body.os-metal-v2 .os-detail-grid > .os-detail-box{align-self:start!important;margin-top:0!important;}
body.os-metal-v2 .os-detail-grid > .os-detail-box:first-child .os-detail-media,
body.os-metal-v2 .os-detail-grid > .os-detail-box:last-child .os-detail-info{margin-top:0!important;}

/* V23: Only the two product-detail card TOP edges. */
@media (min-width: 992px) {
 body.os-metal-v2 .os-detail .os-detail-grid { display:grid!important; align-items:start!important; }
 body.os-metal-v2 .os-detail .os-detail-grid > .os-detail-box { align-self:start!important; margin-block-start:0!important; transform:none!important; position:relative!important; top:auto!important; }
 body.os-metal-v2 .os-detail .os-detail-grid > .os-detail-box > .os-detail-media,
 body.os-metal-v2 .os-detail .os-detail-grid > .os-detail-box > .os-detail-info { margin-block-start:0!important; }
}


/* V70 - scope: variant selected size / price and quick order card borders only */
body.os-metal-v2 .os-detail-variant-wrap .os-variant-current {
  background:#1a2c3b !important;
  border-color:rgba(202,161,92,.34) !important;
}
body.os-metal-v2 .os-detail-variant-wrap .os-variant-current-copy span,
body.os-metal-v2 .os-detail-variant-wrap .os-variant-current-meta {
  color:#dbb777 !important;
  -webkit-text-fill-color:#dbb777 !important;
  opacity:1 !important;
}
body.os-metal-v2 .os-detail-variant-wrap .os-variant-current-copy strong,
body.os-metal-v2 .os-detail-variant-wrap #osVariantCurrentLabel {
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  opacity:1 !important;
  visibility:visible !important;
  white-space:normal !important;
  overflow-wrap:anywhere;
  text-overflow:clip !important;
}
body.os-metal-v2 .os-detail-variant-wrap .os-variant-filter-label > span {
  color:#e7edf5 !important;
  -webkit-text-fill-color:#e7edf5 !important;
}
body.os-metal-v2 .os-detail-price-card,
body.os-metal-v2 .os-detail-buybox {
  border:0 !important;
  box-shadow:none !important;
  outline:none !important;
}

/* V71 - direct price/quick-order border removal, independent of body theme class */
.os-detail .os-detail-price-card,
.os-detail .os-detail-buybox,
.os-detail-price-card,
.os-detail-buybox {
  border: 0 !important;
  border-width: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* V72: scoped, final border reset for the exact two price/purchase wrappers */
body.os-metal-v2 .os-detail .os-detail-price-card,
body.os-metal-v2 .os-detail .os-detail-buybox,
.os-detail .os-detail-price-card,
.os-detail .os-detail-buybox {border-style:none!important;border-width:0!important;box-shadow:none!important;outline:none!important;}


/* V76 — coherent, compact product purchase and variant styling. */
body.os-metal-v2 .os-detail-info {padding:20px 22px;background:#101b26;}
body.os-metal-v2 .os-detail-price-card {width:100%;padding:8px 0 14px!important;margin:0 0 10px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;}
body.os-metal-v2 .os-detail-price {font-size:clamp(30px,2.5vw,38px);line-height:1.15;font-weight:800;letter-spacing:-.02em;color:#fff!important;}
body.os-metal-v2 .os-detail-sub {font-size:12px;color:#aebecb!important;}
body.os-metal-v2 .os-detail-buybox {width:100%;padding:12px 0 0!important;margin:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important;}
body.os-metal-v2 .os-detail-buybox-head {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;}
body.os-metal-v2 .os-detail-buybox-head strong {font-size:13px;color:#fff!important;}
body.os-metal-v2 .os-detail-buybox-head span {font-size:11px;color:#9eafbf!important;line-height:1.4;text-align:right;}
body.os-metal-v2 .os-detail-qty-row {display:grid!important;grid-template-columns:150px minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;align-items:stretch!important;width:100%!important;}
body.os-metal-v2 .os-detail-qty-box {display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px!important;width:150px!important;min-width:0!important;max-width:150px!important;height:44px!important;min-height:44px!important;align-items:stretch!important;padding:0!important;margin:0!important;border:1px solid #3c4a5a!important;border-radius:10px!important;background:#182838!important;overflow:hidden!important;box-shadow:none!important;}
body.os-metal-v2 .os-detail-qty-box > * {box-sizing:border-box!important;border-radius:0!important;min-height:0!important;max-height:none!important;margin:0!important;}
body.os-metal-v2 .os-detail-qty-box .os-detail-qty-btn {display:flex!important;justify-content:center!important;align-items:center!important;flex:none!important;width:40px!important;min-width:0!important;height:44px!important;padding:0!important;border:0!important;background:#cda461!important;color:#11202d!important;font-size:18px!important;font-weight:700!important;line-height:1!important;box-shadow:none!important;}
body.os-metal-v2 .os-detail-qty-box .os-detail-qty-input {display:block!important;flex:none!important;width:100%!important;min-width:0!important;height:44px!important;padding:0 3px!important;border:0!important;background:#182838!important;color:#fff!important;-webkit-text-fill-color:#fff!important;text-align:center!important;font-size:14px!important;font-weight:700!important;line-height:normal!important;box-shadow:none!important;outline:none!important;appearance:textfield!important;-moz-appearance:textfield!important;}
body.os-metal-v2 .os-detail-qty-input::-webkit-inner-spin-button,body.os-metal-v2 .os-detail-qty-input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important;}
body.os-metal-v2 .os-detail-qty-row .os-detail-btn {height:44px!important;min-height:44px!important;max-height:44px!important;width:100%!important;min-width:0!important;margin:0!important;padding:0 10px!important;border-radius:10px!important;font-size:13px!important;font-weight:750!important;box-shadow:none!important;}
body.os-metal-v2 .os-detail-btn-primary {background:#cda461!important;color:#0f1922!important;}
body.os-metal-v2 .os-detail-btn-secondary {background:#1b2d3e!important;color:#fff!important;border:1px solid #3b4b5c!important;}
body.os-metal-v2 .os-detail-btn-disabled {background:#273443!important;color:#95a4b6!important;border:1px solid #334253!important;}
body.os-metal-v2 .os-detail-variant-wrap {padding:14px 16px 16px!important;margin:0 0 12px!important;background:transparent!important;border:1px solid #304354!important;border-radius:14px!important;}
body.os-metal-v2 .os-detail-variant-head {margin-bottom:12px!important;}
body.os-metal-v2 .os-detail-variant-title,body.os-metal-v2 .os-variant-filter-label > span {font-size:12px!important;color:#f1f5f9!important;}
body.os-metal-v2 .os-variant-filter-label {margin-bottom:8px!important;}
body.os-metal-v2 .os-variant-filter-label small,body.os-metal-v2 .os-detail-variant-count {font-size:11px!important;color:#a7b6c5!important;}
body.os-metal-v2 .os-variant-filter-group + .os-variant-filter-group {margin-top:14px!important;}
body.os-metal-v2 .os-variant-options {display:flex!important;gap:7px!important;flex-wrap:wrap!important;max-height:144px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:2px 4px 4px 1px!important;}
body.os-metal-v2 .os-variant-option {flex:0 0 auto!important;min-width:42px!important;min-height:34px!important;height:34px!important;padding:0 10px!important;border-radius:9px!important;border:1px solid #344555!important;background:#182533!important;color:#f3f5f8!important;font-size:12px!important;font-weight:700!important;line-height:1!important;box-shadow:none!important;}
body.os-metal-v2 .os-variant-option.is-active {background:#302515!important;border-color:#cda461!important;color:#f8dba8!important;box-shadow:none!important;}
body.os-metal-v2 .os-variant-option:disabled {background:#263341!important;color:#768597!important;border-color:#384656!important;opacity:.65!important;}
body.os-metal-v2 .os-variant-current {margin:12px 0 0!important;padding:10px 12px!important;border:0!important;border-radius:9px!important;background:#1a2b3a!important;}
body.os-metal-v2 .os-variant-current-copy span {color:#d6b276!important;font-size:10px!important;margin-bottom:4px!important;}
body.os-metal-v2 .os-variant-current-copy strong,body.os-metal-v2 #osVariantCurrentLabel {color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:14px!important;line-height:1.35!important;white-space:normal!important;overflow-wrap:anywhere!important;}
@media(max-width:760px){body.os-metal-v2 .os-detail-info{padding:16px!important;}body.os-metal-v2 .os-detail-variant-wrap{padding:12px!important;}body.os-metal-v2 .os-detail-buybox-head{display:block!important;}body.os-metal-v2 .os-detail-buybox-head span{display:block!important;text-align:left!important;margin-top:4px!important;}body.os-metal-v2 .os-detail-qty-row{grid-template-columns:130px minmax(0,1fr) minmax(0,1fr)!important;gap:6px!important;}body.os-metal-v2 .os-detail-qty-box{grid-template-columns:34px minmax(0,1fr) 34px!important;width:130px!important;max-width:130px!important;}body.os-metal-v2 .os-detail-qty-box .os-detail-qty-btn{width:34px!important;font-size:16px!important;}body.os-metal-v2 .os-detail-qty-row .os-detail-btn{font-size:11px!important;padding:0 4px!important;}}
@media(max-width:410px){body.os-metal-v2 .os-detail-qty-row{grid-template-columns:116px minmax(0,1fr) minmax(0,1fr)!important;gap:5px!important;}body.os-metal-v2 .os-detail-qty-box{grid-template-columns:32px minmax(0,1fr) 32px!important;width:116px!important;max-width:116px!important;}body.os-metal-v2 .os-detail-qty-box .os-detail-qty-btn{width:32px!important;}}

/* V77: ONLY fix trailing empty area in quantity selector */
body.os-metal-v2 .os-detail-qty-row .os-detail-qty-box{
  display:flex!important;align-items:stretch!important;justify-content:stretch!important;
}
body.os-metal-v2 .os-detail-qty-row .os-detail-qty-box .os-detail-qty-btn{
  flex:0 0 40px!important;width:40px!important;max-width:40px!important;
}
body.os-metal-v2 .os-detail-qty-row .os-detail-qty-box .os-detail-qty-input{
  flex:1 1 0!important;width:0!important;min-width:0!important;max-width:none!important;
}
@media(max-width:760px){
  body.os-metal-v2 .os-detail-qty-row .os-detail-qty-box .os-detail-qty-btn{
    flex-basis:34px!important;width:34px!important;max-width:34px!important;
  }
}
@media(max-width:410px){
  body.os-metal-v2 .os-detail-qty-row .os-detail-qty-box .os-detail-qty-btn{
    flex-basis:32px!important;width:32px!important;max-width:32px!important;
  }
}

/* V94: only remove the outer frame from quick-order section */
body.os-metal-v2 .os-detail .os-detail-info .os-detail-buybox,
.os-detail .os-detail-info .os-detail-buybox {
 border:0!important;border-width:0!important;outline:0!important;box-shadow:none!important;
 background:transparent!important;border-radius:0!important;
}

/* V102 | Balanced independent column heights for regular and variant products. */
@media (min-width: 992px) {
  body.os-metal-v2 .os-detail .os-detail-grid {
    align-items: start !important;
  }
  body.os-metal-v2 .os-detail .os-detail-grid > .os-detail-box {
    align-self: start !important;
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
  }
  body.os-metal-v2 .os-detail .os-detail-grid > .os-detail-box > .os-detail-media,
  body.os-metal-v2 .os-detail .os-detail-grid > .os-detail-box > .os-detail-info {
    display: flex !important;
    flex-direction: column !important;
    flex: none !important;
    height: auto !important;
    min-height: 0 !important;
  }
  /* Photo + thumbnails do not stretch to follow long variant forms. */
  body.os-metal-v2 .os-detail .os-detail-media {
    flex: none !important;
    justify-content: flex-start !important;
  }
  body.os-metal-v2 .os-detail .os-detail-grid .os-detail-img,
  body.os-metal-v2 .os-detail .os-detail-grid .os-detail-img img {
    height: clamp(350px, 28vw, 455px) !important;
    min-height: 0 !important;
  }
  body.os-metal-v2 .os-detail .os-detail-grid .os-detail-img img {
    object-fit: contain !important;
  }
  /* Options scroll inside their own panel; buying controls stay outside it. */
  body.os-metal-v2 .os-detail .os-detail-variant-wrap {
    max-height: min(390px, 52vh) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #536a7c #162838;
  }
  body.os-metal-v2 .os-detail .os-detail-info > .os-detail-buybox {
    margin-top: 16px !important;
    flex: none !important;
  }
}
/* Mobile/tablet: preserve natural vertical layout and full variant list. */
@media (max-width: 991px) {
  body.os-metal-v2 .os-detail .os-detail-grid { align-items: start !important; }
  body.os-metal-v2 .os-detail .os-detail-grid > .os-detail-box { align-self: start !important; height: auto !important; min-height: 0 !important; }
  body.os-metal-v2 .os-detail .os-detail-variant-wrap { max-height: none !important; overflow: visible !important; }
  body.os-metal-v2 .os-detail .os-detail-info > .os-detail-buybox { margin-top: 12px !important; }
}

/* V103 – balanced product details; standalone cart/image heights, one options scroller. */
@media (min-width: 992px) {
  body.os-metal-v2 .os-detail .os-detail-grid { align-items: start !important; }
  body.os-metal-v2 .os-detail .os-detail-grid > .os-detail-box {
    align-self: start !important;
    height: auto !important;
    min-height: 0 !important;
  }
  /* Regular item: the gallery no longer dominates the much shorter purchasing card. */
  body.os-metal-v2 .os-detail .os-detail-grid .os-detail-img,
  body.os-metal-v2 .os-detail .os-detail-grid .os-detail-img img {
    height: clamp(290px, 24vw, 365px) !important;
    min-height: 0 !important;
  }
  /* A product with dimensions/options benefits from a slightly larger preview. */
  body.os-metal-v2 .os-detail .os-detail-grid:has(.os-detail-variant-wrap) .os-detail-img,
  body.os-metal-v2 .os-detail .os-detail-grid:has(.os-detail-variant-wrap) .os-detail-img img {
    height: clamp(345px, 28vw, 425px) !important;
  }
  body.os-metal-v2 .os-detail .os-detail-grid .os-detail-img img {
    object-fit: contain !important;
  }
  /* The variant panel is the sole scroll container; buttons remain fully visible. */
  body.os-metal-v2 .os-detail .os-detail-variant-wrap {
    max-height: 315px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin;
    scrollbar-color: #506779 #162838;
    overscroll-behavior: contain;
  }
  body.os-metal-v2 .os-detail .os-detail-variant-wrap .os-variant-options {
    max-height: none !important;
    overflow: visible !important;
  }
  body.os-metal-v2 .os-detail .os-detail-info > .os-detail-buybox {
    margin-top: 12px !important;
  }
}
@media (max-width: 991px) {
  body.os-metal-v2 .os-detail .os-detail-grid .os-detail-img,
  body.os-metal-v2 .os-detail .os-detail-grid .os-detail-img img {
    height: auto !important;
    min-height: 0 !important;
  }
  body.os-metal-v2 .os-detail .os-detail-grid .os-detail-img img {
    aspect-ratio: 4 / 3;
    object-fit: contain !important;
  }
  body.os-metal-v2 .os-detail .os-detail-variant-wrap {
    max-height: none !important;
    overflow: visible !important;
  }
  body.os-metal-v2 .os-detail .os-detail-variant-wrap .os-variant-options {
    max-height: none !important;
    overflow: visible !important;
  }
}

/* V104 | Variant products: viewport-aware, single scrolling dimension panel.
   Keep dimensions selectable and purchase controls outside the scrolling area. */
@media (min-width: 992px) {
  body.os-metal-v2 .os-detail .os-detail-variant-wrap {
    max-height: clamp(185px, calc(100dvh - 475px), 255px) !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin;
    scrollbar-color: #536a7c #12212e;
    overscroll-behavior: contain;
  }
  body.os-metal-v2 .os-detail .os-detail-variant-wrap .os-variant-options {
    max-height: none !important;
    overflow: visible !important;
  }
  body.os-metal-v2 .os-detail .os-detail-variant-wrap .os-variant-filter-group + .os-variant-filter-group {
    margin-top: 10px !important;
  }
  body.os-metal-v2 .os-detail .os-detail-variant-wrap .os-variant-option {
    min-height: 31px !important;
    height: 31px !important;
    padding: 0 8px !important;
  }
  body.os-metal-v2 .os-detail .os-detail-variant-wrap .os-variant-options {
    gap: 6px !important;
  }
  body.os-metal-v2 .os-detail .os-detail-variant-wrap .os-variant-current {
    padding: 8px 10px !important;
    margin-top: 9px !important;
  }
  body.os-metal-v2 .os-detail .os-detail-info > .os-detail-buybox {
    margin-top: 10px !important;
  }
}
@media (max-width: 991px) {
  body.os-metal-v2 .os-detail .os-detail-variant-wrap {
    max-height: min(290px, 42dvh) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: #536a7c #12212e;
  }
  body.os-metal-v2 .os-detail .os-detail-variant-wrap .os-variant-options {
    max-height: none !important;
    overflow: visible !important;
  }
}

/* V105 — Two product-detail cards end on exactly the same line.
   Overrides the contradictory V102/V103 align-self:start / height:auto rules.
   Long option lists keep their V104 internal scrolling. */
@media (min-width: 992px) {
  body.os-metal-v2 .os-detail .os-detail-grid {
    display: grid !important;
    align-items: stretch !important;
  }
  body.os-metal-v2 .os-detail .os-detail-grid > .os-detail-box {
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
    height: 100% !important;
    min-height: 0 !important;
  }
  body.os-metal-v2 .os-detail .os-detail-grid > .os-detail-box > .os-detail-media,
  body.os-metal-v2 .os-detail .os-detail-grid > .os-detail-box > .os-detail-info {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 0 !important;
  }
  body.os-metal-v2 .os-detail .os-detail-grid .os-detail-media {
    justify-content: flex-start !important;
  }
  body.os-metal-v2 .os-detail .os-detail-grid .os-detail-main-image {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0 !important;
  }
  body.os-metal-v2 .os-detail .os-detail-grid .os-detail-img {
    display: flex !important;
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 290px !important;
    max-height: none !important;
  }
  body.os-metal-v2 .os-detail .os-detail-grid .os-detail-img img,
  body.os-metal-v2 .os-detail .os-detail-grid:has(.os-detail-variant-wrap) .os-detail-img img {
    width: 100% !important;
    height: 100% !important;
    min-height: 290px !important;
    max-height: none !important;
    object-fit: contain !important;
  }
  body.os-metal-v2 .os-detail .os-detail-grid > .os-detail-box > .os-detail-info > .os-detail-buybox {
    margin-top: auto !important;
  }
  /* Variant controls never dictate an unbounded page height. */
  body.os-metal-v2 .os-detail .os-detail-variant-wrap {
    max-height: clamp(185px, calc(100dvh - 475px), 255px) !important;
    overflow-y: auto !important;
  }
}
@media (max-width: 991px) {
  body.os-metal-v2 .os-detail .os-detail-grid { align-items: start !important; }
  body.os-metal-v2 .os-detail .os-detail-grid > .os-detail-box {
    height: auto !important;
    align-self: auto !important;
  }
}