/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 22 2026 | 15:55:48 */
/* ── MAIN WRAP ── */
.od-sp-wrap {
    max-width: 1200px;
    margin: 0 auto;
       padding: 40px 9px 0;
    display: grid;
    grid-template-columns: 45% 53%;
    gap: 30px;
    align-items: start;
}

@media (max-width: 768px) {
    .od-sp-wrap {
        grid-template-columns: 1fr;
    }
}

/* ── GALLERY ── */
.od-gallery { position:sticky; top:100px; }
.od-main-image-wrap {
    border-radius: 20px;
    overflow: hidden;
    background: var(--warm);
    aspect-ratio: 1 / 1;
    position: relative;
    border: 1px solid var(--border);
    cursor: zoom-in;
    margin-bottom: 12px;
    height: 400px;
    width: 100%;
}
.od-main-image-wrap img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease; }
.od-main-image-wrap:hover img { transform:scale(1.04); }
.od-badge-wrap { position:absolute; top:16px; left:16px; display:flex; flex-direction:column; gap:6px; z-index:2; }
.od-badge { display:inline-block; font-size:10px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; padding:4px 10px; border-radius:999px; }
.od-badge-sale { background:var(--red); color:#fff; }
.od-badge-instock {
    background: #FCB700;
    color: #fff;
}
.od-badge-outstock { background:#6b7280; color:#fff; }
.od-thumb-row { display:flex; gap:8px; flex-wrap:wrap; }
.od-thumb {
    width: 67px;
    height: 60px;
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid var(--border);
    cursor: pointer;
    transition: border-color .18s;
    flex-shrink: 0;
}
.od-thumb.active { border-color:var(--orchid); }
.od-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.od-thumb:hover { border-color:var(--orchid-m); }

/* ── INFO ── */
.od-sp-cats { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:14px; }
.od-sp-cats a { font-size:11px; font-weight:700; letter-spacing:.1em; color:var(--orchid); text-decoration:none; background:var(--orchid-p); padding:10px 25px; border-radius:999px; border:1px solid #ddd6fe; }
.od-sp-cats a:hover { background:var(--orchid); color:#fff; }
.od-sp-title { font-size:clamp(22px,3.5vw,34px); font-weight:700; color:var(--ink); line-height:1.2; margin-bottom:12px; }
.od-rating-row { display:flex; align-items:center; gap:10px; margin-bottom:18px; }
.od-stars { color:var(--gold-l); font-size:14px; letter-spacing:1px; }
.od-rating-count { font-size:13px; color:var(--ink-soft); }
.od-rating-count a { color:var(--orchid); text-decoration:none; }
.od-sp-short-desc { font-size:14.5px; color:var(--ink-mid); line-height:1.8; margin-bottom:24px; padding-left:14px; border-left:3px solid var(--orchid-m); }

/* ── PRICE BLOCK ── */
.od-sp-price-wrap { display:flex; flex-direction:column; gap:14px; background:#fff; border-radius:14px; padding:20px 24px; margin-bottom:24px; border:1px solid #e5e5e5; }
.od-price-row { display:flex; align-items:flex-end; gap:10px; }
.od-sp-price { font-size:28px; font-weight:600; color:#1a1a1a; line-height:1.1; }
.od-regular-price { font-size:15px; color:#999; text-decoration:line-through; padding-bottom:2px; }
.od-price-note { font-size:12px; color:#777; margin-top:3px; }
.od-variant-price-list { border:1px solid #e5e5e5; border-radius:8px; overflow:hidden; width:100%; }
.od-variant-header { font-size:11px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; color:#888; padding:8px 14px; background:#f7f7f7; border-bottom:1px solid #e5e5e5; }
.od-variant-price-row { display:flex; justify-content:space-between; align-items:center; padding:10px 14px; border-bottom:1px solid #f0f0f0; background:#fff; transition:background .15s; gap:12px; }
.od-variant-price-row:last-child { border-bottom:none; }
.od-variant-price-row:hover { background:#fafafa; }
.od-variant-name { font-size:13px; color:#555; }
.od-variant-price { font-size:14px; font-weight:600; color:#1a1a1a; }

/* ── FORM SHARED ── */
.od-form-row { margin-bottom:16px; }
.od-form-label { font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-soft); margin-bottom:6px; display:block; }
.od-form-select { width:100%; padding:11px 16px; border:1.5px solid var(--border); border-radius:10px; font-size:14px; color:var(--ink); background:var(--white); appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238c887f' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; cursor:pointer; font-family:inherit; transition:border-color .18s; }
.od-form-select:focus { outline:none; border-color:var(--orchid); }
.od-form-step-label { font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--orchid); background:var(--orchid-p); border:1px solid #ddd6fe; padding:6px 14px; margin-bottom:14px; display:inline-block; border-radius:999px; }
.od-section-divider { border:none; border-top:1px dashed var(--border); margin:20px 0; }
.od-form-row-2col { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.od-form-input, .od-form-textarea {
    width:100%; padding:11px 14px !important;
    border:1.5px solid #e4e0d8 !important; border-radius:10px !important;
    font-size:14px; color:var(--ink); background:var(--white);
    font-family:inherit; transition:border-color .18s, box-shadow .18s !important;
    outline:none; resize:vertical;
}
.od-form-input:focus, .od-form-textarea:focus { border-color:var(--orchid); box-shadow:0 0 0 3px rgba(107,33,168,.08); }
.od-form-input.error { border-color:var(--red); }
.od-req { color:var(--red); }

/* ── ENQUIRY WRAP ── */
.od-enquiry-wrap { background:var(--cream); border:1.5px solid var(--border); border-radius:16px; padding:24px; margin-bottom:24px; }
.od-enquiry-header { display:flex; align-items:flex-start; gap:12px; margin-bottom:20px; padding-bottom:18px; border-bottom:1px solid var(--border); }
.od-enquiry-icon { font-size:28px; flex-shrink:0; margin-top:2px; }
.od-enquiry-title { font-size:15px; font-weight:700; color:var(--ink); margin-bottom:3px; }
.od-enquiry-sub { font-size:12.5px; color:var(--ink-soft); }

/* ── SQ FT CALCULATOR ── */
.od-calc-unit-row { display:flex; align-items:center; gap:12px; margin-bottom:20px; }
.od-calc-unit-label { font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#8c887f; flex-shrink:0; }
.od-calc-unit-toggle { display:flex; background:#f2ede4; border-radius:8px; padding:3px; gap:3px; }
.od-unit-btn { padding:6px 16px; border-radius:6px; border:none; font-size:13px; font-weight:600; cursor:pointer; font-family:inherit; color:#8c887f; background:none; transition:all .15s; }
.od-unit-btn.active { background:#fff; color:#6b21a8; box-shadow:0 1px 4px rgba(0,0,0,.12); }
.od-calc-field { margin-bottom:18px; }
.od-calc-label { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#8c887f; margin-bottom:8px; flex-wrap:wrap; }
.od-calc-range { font-size:11px; font-weight:500; color:#b45309; letter-spacing:0; text-transform:none; }
.od-calc-input-row { display:flex; align-items:center; gap:8px; }
.od-calc-step { width:40px; height:44px; background:#f2ede4; border:1.5px solid #e4e0d8; border-radius:8px; font-size:20px; cursor:pointer; color:#3d3a35; transition:background .15s; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
.od-calc-step:hover { background:#e4e0d8; }
.od-calc-input {
    flex:1; height:44px; text-align:center;
    border:1.5px solid #e4e0d8 !important; border-radius:8px !important;
    font-size:18px; font-weight:700; color:#1a1814; font-family:inherit;
    outline:none; transition:border-color .18s !important;
    -moz-appearance:textfield;
}
.od-calc-input::-webkit-outer-spin-button, .od-calc-input::-webkit-inner-spin-button { -webkit-appearance:none; }
.od-calc-input:focus { border-color:#6b21a8; }
.od-calc-input.od-error { border-color:#dc2626; background:#fef2f2; }
.od-calc-unit-badge { font-size:13px; font-weight:600; color:#6b21a8; background:#f3e8ff; padding:6px 10px; border-radius:6px; flex-shrink:0; min-width:34px; text-align:center; }
.od-calc-converted { font-size:12px; color:#8c887f; margin-top:5px; padding-left:4px; }

/* ── RESULT CARD ── */
.od-calc-result { background:linear-gradient(135deg,#1a1814 0%,#2a1f0e 100%); border-radius:14px; padding:18px 20px; margin:8px 0 16px; }
.od-calc-result-row { display:flex; justify-content:space-between; align-items:flex-start; font-size:14px; color:rgba(255,255,255,.7); padding:8px 0; border-bottom:1px solid rgba(255,255,255,.08); gap:12px; }
.od-calc-result-row:last-child { border-bottom:none; }
.od-calc-result-row .od-res-label { flex:1; }
.od-calc-result-row .od-res-val { text-align:right; flex-shrink:0; font-weight:600; color:#fff; }
.od-calc-result-row.od-res-step { border-left:2px solid rgba(251,191,36,.3); padding-left:10px; }
.od-calc-result-row.od-total { font-size:20px; font-weight:700; color:#fbbf24; padding-top:14px; margin-top:4px; border-top:2px solid rgba(255,255,255,.2); border-bottom:none; }
.od-calc-result-row.od-total .od-res-val { color:#fbbf24; }
.od-res-sub { font-size:11px; color:rgba(255,255,255,.4); margin-top:2px; font-weight:400; }

/* ── NO PRICE / DISCLAIMER ── */
.od-calc-noprice { background:#f1f5f9; border:1px solid #cbd5e1; border-radius:10px; padding:14px 16px; font-size:13px; color:#475569; margin-bottom:16px; }
.od-calc-disclaimer { background:#fffbeb; border:1px solid #fde68a; border-radius:10px; padding:14px 16px; font-size:12px; color:#92400e; line-height:1.7; margin-bottom:4px; }
.od-calc-disclaimer li { margin-bottom:6px; }
.od-calc-disclaimer li:last-child { margin-bottom:0; }

/* ── STICKER CALCULATOR ── */
.od-stk-sheet-badge { display:flex; align-items:center; gap:8px; flex-wrap:wrap; background:#fdf4ff; border:1px solid #ddd6fe; border-radius:8px; padding:10px 14px; font-size:12.5px; font-weight:600; color:#6b21a8; margin-bottom:18px; }
.od-stk-sheet-badge .od-badge-detail { font-size:11px; font-weight:400; color:#7c3aed; background:#ede9fe; padding:2px 8px; border-radius:4px; }
.od-stk-dim-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:18px; }
.od-stk-variant-label { font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#8c887f; margin-bottom:10px; display:block; }
.od-stk-options { display:flex; flex-direction:column; gap:8px; margin-bottom:18px; }
.od-stk-option { display:flex; align-items:center; gap:12px; border:1.5px solid var(--border); border-radius:10px; padding:12px 14px; cursor:pointer; transition:border-color .15s, background .15s; background:#fff; }
.od-stk-option:hover { border-color:var(--orchid-m); background:var(--orchid-p); }
.od-stk-option.is-selected { border-color:var(--orchid); background:var(--orchid-p); }
.od-stk-option input[type="radio"] { position:absolute; opacity:0; pointer-events:none; width:0; height:0; }
.od-stk-radio-dot { width:18px; height:18px; border-radius:50%; border:2px solid var(--border); flex-shrink:0; display:flex; align-items:center; justify-content:center; transition:border-color .15s; }
.od-stk-option.is-selected .od-stk-radio-dot { border-color:var(--orchid); }
.od-stk-radio-dot::after { content:''; width:8px; height:8px; border-radius:50%; background:var(--orchid); opacity:0; transition:opacity .15s; }
.od-stk-option.is-selected .od-stk-radio-dot::after { opacity:1; }
.od-stk-option-text { flex:1; font-size:13.5px; color:var(--ink); font-weight:500; }
.od-stk-option-price { font-size:14px; font-weight:700; color:var(--orchid); flex-shrink:0; }
.od-stk-moq-badge { background:var(--green-p); border:1px solid #86efac; border-radius:8px; padding:10px 14px; font-size:12.5px; color:#14532d; line-height:1.6; margin-bottom:16px; }
.od-stk-moq-badge strong { color:#166534; }

/* ── BULK UNIT CALCULATOR ── */
.od-blk-info-badge { display:flex; align-items:center; gap:8px; flex-wrap:wrap; background:#f0fdf4; border:1px solid #86efac; border-radius:8px; padding:10px 14px; font-size:12.5px; font-weight:600; color:#14532d; margin-bottom:18px; }
.od-blk-info-badge .od-badge-detail { font-size:11px; font-weight:400; color:#166534; background:#dcfce7; padding:2px 8px; border-radius:4px; }

/* ── SUBMIT BUTTONS ── */
.od-btn-enquiry { width:100%; display:flex; align-items:center; justify-content:center; gap:8px; background:var(--orchid); color:#fff; font-size:15px; font-weight:700; padding:14px 24px; border-radius:10px; border:none; cursor:pointer; font-family:inherit; transition:background .18s,transform .15s; margin-top:4px; }
.od-btn-enquiry:hover { background:#581c87; transform:translateY(-1px); }
.od-btn-enquiry:disabled { background:var(--border); color:var(--ink-soft); cursor:not-allowed; transform:none; }
.od-enq-spinner { width:16px; height:16px; border:2px solid rgba(255,255,255,.3); border-top-color:#fff; border-radius:50%; animation:od-spin .7s linear infinite; display:none; flex-shrink:0; }
@keyframes od-spin { to { transform:rotate(360deg); } }
.od-btn-enquiry.loading .od-enq-spinner { display:block; }
.od-btn-enquiry.loading .od-enq-text { opacity:.7; }
.od-enq-success { background:var(--green-p); border:1.5px solid #86efac; border-radius:10px; padding:14px 18px; font-size:14px; color:#14532d; margin-top:14px; line-height:1.6; }
.od-enq-error { background:#fef2f2; border:1.5px solid #fca5a5; border-radius:10px; padding:14px 18px; font-size:14px; color:#7f1d1d; margin-top:14px; }
.od-enq-error a { color:var(--orchid); font-weight:600; }
.od-whatsapp-btn { display:flex; align-items:center; justify-content:center; gap:8px; background:#25d366; color:#fff; font-size:14px; font-weight:600; padding:12px 20px; border-radius:10px; text-decoration:none; margin-top:10px; transition:background .18s; }
.od-whatsapp-btn:hover { background:#128c7e; color:#fff; }

/* ── TRUST ── */
.od-trust-row { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:24px; }
.od-trust-item { background:var(--warm); border:1px solid var(--border); border-radius:12px; padding:12px 10px; text-align:center; }
.od-trust-icon { font-size:22px; margin-bottom:4px; }
.od-trust-text { font-size:11px; font-weight:600; color:var(--ink-mid); line-height:1.3; }

/* ── META ── */
.od-sp-meta { margin-top:24px; padding-top:20px; border-top:1px solid var(--border); display:flex; flex-direction:column; gap:8px; }
.od-meta-row { display:flex; gap:10px; font-size:13px; }
.od-meta-label { color:var(--ink-soft); font-weight:500; min-width:80px; flex-shrink:0; }
.od-meta-value { color:var(--ink-mid); }
.od-meta-value a { color:var(--orchid); text-decoration:none; }
.od-meta-value a:hover { text-decoration:underline; }

/* ── LIGHTBOX ── */
.od-lightbox { display:none; position:fixed; inset:0; background:rgba(0,0,0,.9); z-index:9999; align-items:center; justify-content:center; }
.od-lightbox.open { display:flex; }
.od-lightbox img { max-width:90vw; max-height:90vh; object-fit:contain; border-radius:8px; }
.od-lightbox-close { position:absolute; top:20px; right:24px; color:#fff; font-size:32px; cursor:pointer; background:none; border:none; line-height:1; }

/* ── RESPONSIVE ── */
@media (max-width:768px) {
    .od-sp-wrap { grid-template-columns:1fr; gap:32px; padding:24px 16px 0; }
    .od-gallery { position:static; }
    .od-stk-dim-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:480px) {
    .od-sp-title { font-size:22px; }
    .od-form-row-2col { grid-template-columns:1fr; }
    .od-stk-dim-grid { grid-template-columns:1fr; }
    .od-enquiry-wrap { padding:18px 16px; }
}

:root {
    --ink:      #1a1814;
    --ink-mid:  #3d3a35;
    --ink-soft: #8c887f;
    --cream:    #faf8f4;
    --warm:     #f2ede4;
    --border:   #e4e0d8;
    --orchid:   #6b21a8;
    --orchid-m: #9333ea;
    --orchid-p: #f3e8ff;
    --gold:     #b45309;
    --gold-l:   #fbbf24;
    --white:    #ffffff;
    --green:    #15803d;
    --green-p:  #f0fdf4;
    --red:      #dc2626;
}
.od-slider-arrows {
    display: flex;
    gap: 7px;
}
/* ── BREADCRUMB ── */
.od-sp-breadcrumb { background:var(--warm); border-bottom:1px solid var(--border); padding:12px 24px; font-size:12px; color:var(--ink-soft); }
.od-sp-breadcrumb-inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; flex-wrap:wrap; gap:6px; }
.od-sp-breadcrumb a { color:var(--ink-soft); text-decoration:none; }
.od-sp-breadcrumb a:hover { color:var(--orchid); }
.od-sp-breadcrumb .sep { color:var(--border); }
.od-sp-breadcrumb .current { color:var(--ink-mid); font-weight:500; }

/* ── TABS ── */
.od-tabs-section { max-width:1200px; margin:56px auto 0; padding:0 24px; }
.od-tab-nav {
    
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
  
    border-bottom: 1px solid #e4e0d8;
    padding: 0 24px;
    gap: 4px;
    margin-top: 12px;
   
    border-radius: 16px 16px 0px 0px;
    overflow: hidden;
 background: #fff; 
}
.od-tab-nav::-webkit-scrollbar { display:none; }
.od-tab-btn { padding:14px 24px; font-size:14px; font-weight:600; color:var(--ink-soft); background:none; border:none; border-bottom:2px solid transparent; margin-bottom:-2px; cursor:pointer; white-space:nowrap; transition:all .18s; font-family:inherit; }


.od-tab-btn.active,.od-tab-btn:hover,.od-tab-btn:focus { 
color: var(--orchid); */
    /* border-bottom-color: var(--orchid); */
    color: #6b21a8;
    /* border-bottom-color: #6b21a8; */
    padding: 16px 20px;
    font-size: 14px;
    font-weight: 500;
    color: rgb(107, 33, 168);
    background: none;
    border-width: medium medium 2.5px;
    border-style: none none solid;
    border-color: currentcolor currentcolor rgb(107, 33, 168);
    border-image: initial;
    margin-bottom: -0.5px;
    cursor: pointer;
    white-space: nowrap;
    font-family: inherit;
    display: flex;
    align-items: center;
    gap: 7px;
    transition: color 0.18s;
  
}

.od-tab-panel { display:none; padding:36px 0; }
.od-tab-panel.active { display:block; }
.od-desc-content h2 { font-size:20px; font-weight:700; color:var(--ink); margin:28px 0 10px; }
.od-desc-content h3 { font-size:17px; font-weight:700; color:var(--ink); margin:24px 0 8px; }
.od-desc-content p { font-size:14.5px; color:var(--ink-mid); line-height:1.8; margin-bottom:14px; }
.od-desc-content ul, .od-desc-content ol { padding-left:20px; margin-bottom:14px; }
.od-desc-content li { font-size:14.5px; color:var(--ink-mid); line-height:1.7; margin-bottom:4px; }
.od-desc-content strong { color:var(--ink); font-weight:600; }
.od-attr-table { width:100%; border-collapse:collapse; }
.od-attr-table tr:nth-child(even) td { background:var(--warm); }
.od-attr-table td { padding:12px 16px; font-size:14px; border-bottom:1px solid var(--border); }
.od-attr-table td:first-child { font-weight:600; color:var(--ink); width:200px; }
.od-attr-table td:last-child { color:var(--ink-mid); }

/* ── RELATED ── */
.od-related-section { max-width:1200px; margin:56px auto 0; padding:0 24px 80px; }
.od-related-heading { font-size:24px; font-weight:700; color:var(--ink); padding-bottom:16px; border-bottom:1px solid var(--border); width:100%; }
.od-related-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:24px; }
.od-related-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.od-rel-card { background:var(--white); border:1px solid var(--border); border-radius:14px; overflow:hidden; transition:box-shadow .22s,transform .22s; }
.od-rel-card:hover { box-shadow:0 6px 24px rgba(0,0,0,.09); transform:translateY(-2px); }
.od-rel-thumb { aspect-ratio:1/1; overflow:hidden; background:var(--warm); display:block; }
.od-rel-thumb img { width:100%; height:100%; object-fit:cover; transition:transform .3s; display:block; }
.od-rel-card:hover .od-rel-thumb img { transform:scale(1.05); }
.od-rel-body { padding:14px; }
.od-rel-name { font-size:14px; font-weight:600; color:var(--ink); text-decoration:none; display:block; margin-bottom:6px; line-height:1.4; }
.od-rel-name:hover { color:var(--orchid); }
.od-rel-price { font-size:14px; font-weight:700; color:var(--gold); }
.od-rel-price del { font-size:12px; color:var(--ink-soft); font-weight:400; margin-right:4px; }
.od-rel-price ins { text-decoration:none; color:var(--red); }
.od-rel-footer { padding:0 14px 14px; }
.od-rel-btn { display:block; text-align:center; background:var(--ink); color:#fff; font-size:12.5px; font-weight:600; padding:9px; border-radius:8px; text-decoration:none; transition:background .18s; }
.od-rel-btn:hover { background:var(--orchid); color:#fff; }

/* ── SLIDER ── */
.od-related-track-wrap { overflow:hidden; width:100%; }
.od-related-grid.od-slider-mode { display:flex; gap:20px; transition:transform 400ms cubic-bezier(0.2,0.8,0.2,1); will-change:transform; }
.od-related-grid.od-slider-mode .od-rel-card { flex:0 0 calc(25% - 15px); min-width:0; }
.od-related-outer { display:flex; align-items:center; gap:8px; }
.od-slider-arrow { flex-shrink:0; width:40px; height:40px; border-radius:50%; border:1.5px solid var(--border); background:var(--white); color:var(--ink); font-size:16px; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:background 200ms,border-color 200ms,opacity 200ms; z-index:2; }
.od-slider-arrow:hover { background:var(--orchid); color:#fff; border-color:var(--orchid); }
.od-slider-arrow:disabled { opacity:0.3; cursor:not-allowed; }
.od-slider-dots { display:flex; justify-content:center; gap:6px; margin-top:20px; }
.od-slider-dot { width:7px; height:7px; border-radius:50%; background:var(--border); cursor:pointer; transition:background 200ms,transform 200ms; border:none; padding:0 !important; }
.od-slider-dot.active { background:var(--orchid); transform:scale(1.3); }

/* ── RESPONSIVE ── */
@media (max-width:1024px) { .od-related-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width:768px) {
    .od-related-grid { grid-template-columns:repeat(2,1fr); }
    .od-related-grid.od-slider-mode .od-rel-card { flex:0 0 calc(50% - 10px); }
    .od-slider-arrow { width:34px; height:34px; font-size:14px; }
}
@media (max-width:480px) {
    .od-related-grid { grid-template-columns:repeat(1,1fr); gap:12px; }
    .od-tabs-section, .od-related-section { padding:0 16px 60px; }
    .od-related-grid.od-slider-mode .od-rel-card { flex:0 0 calc(80% - 10px); }
}


@media (max-width: 767px) {
.od-toggle-title {
    text-wrap: auto;
}
.od-main-image-wrap {
    height: 100%;
}
}