/* ===================== ESW PDP detailed tabs (mockup v5) ===================== */
/* flex + order regroups Magento's interleaved title/content siblings:
   all titles -> top row, all contents -> full-width below */
.catalog-product-view .product.data.items{display:flex;flex-wrap:wrap;align-items:flex-end;margin:44px 0 0;padding:0;border:0;position:relative}
.catalog-product-view .product.data.items:before{display:none}

/* tab bar — each tab's own bottom border IS the grey baseline (gold when active) */
.catalog-product-view .product.data.items > .item.title{order:0;float:none;margin:0;border:0;display:block}
.catalog-product-view .product.data.items > .item.title > .switch,
.catalog-product-view .product.data.items > .item.title > .switch:visited{display:block;background:transparent;border:0;border-bottom:2px solid #e6e9ef;padding:14px 20px;height:auto;line-height:1.2;font-size:15px;font-weight:700;color:#6b7280;text-decoration:none;position:relative;z-index:1;transition:color .15s,border-color .15s}
.catalog-product-view .product.data.items > .item.title:first-of-type > .switch{padding-left:0}
.catalog-product-view .product.data.items > .item.title > .switch:hover{background:transparent;color:#14296b;border-bottom-color:#cdd5ec}
.catalog-product-view .product.data.items > .item.title.active > .switch,
.catalog-product-view .product.data.items > .item.title.active > .switch:hover,
.catalog-product-view .product.data.items > .item.title.active > .switch:focus{color:#14296b;border-bottom-color:#e6e9ef;padding:14px 20px;height:auto;line-height:1.2;font-size:15px;font-weight:700}
/* Magento default puts padding-bottom:6px on the active tab — re-flatten so every tab is identical height (no up/down shift) */
.catalog-product-view .product.data.items > .item.title.active > .switch{padding-top:14px;padding-bottom:14px}
.catalog-product-view .product.data.items > .item.title.active:first-of-type > .switch{padding-left:0}
/* active tab keeps the SAME box as the others; gold is an overlay so it never shifts */
.catalog-product-view .product.data.items > .item.title.active > .switch:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;background:#fdc700;z-index:2}
/* review count matches the label colour (grey inactive / navy active), not theme blue */
.catalog-product-view .product.data.items > .item.title > .switch .counter{color:inherit}

/* filler extends the grey baseline full width past the last tab (same row, same line) */
.catalog-product-view .product.data.items:after{content:"";order:0;flex:1 1 auto;min-width:24px;align-self:flex-end;border-bottom:2px solid #e6e9ef;clear:none;display:block;width:auto;height:0}

/* content panes */
.catalog-product-view .product.data.items > .item.content{order:1;float:none;width:100%;margin:0;border:0;padding:26px 2px;background:transparent}

/* shared pane typography */
.catalog-product-view .product.data.items > .item.content h3{margin:0 0 12px;font-size:18px;font-weight:800;color:#14296b}
.catalog-product-view .product.data.items > .item.content p{margin:0 0 14px;font-size:15px;color:#374151;line-height:1.7;max-width:820px}
.catalog-product-view .product.data.items > .item.content ul{margin:0 0 14px;padding-left:20px;color:#374151;font-size:14.5px;line-height:1.9}

/* Description pane */
.catalog-product-view .eo-description__body{font-size:15.5px;color:#374151;line-height:1.7;max-width:820px}
.catalog-product-view .product.data.items > .item.content .eo-description__features-title{margin:28px 0 12px;font-size:18px;font-weight:800;color:#14296b}
.catalog-product-view .product.data.items > .item.content .eo-description__features{margin:0 0 14px;padding-left:20px;color:#374151;font-size:14.5px;line-height:1.9}

/* Specification pane — main specs in a 2-column key/value grid */
.catalog-product-view .eo-spec__main{column-count:2;column-gap:56px;max-width:980px}
.catalog-product-view .eo-spec__main .eo-spec__row{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:13px 0;border-bottom:1px solid #e6e9ef}
.catalog-product-view .eo-spec__main .eo-spec__label{color:#6b7280;font-weight:500;font-size:14px;line-height:1.4}
.catalog-product-view .eo-spec__main .eo-spec__value{color:#14296b;font-weight:700;font-size:14px;line-height:1.4;text-align:right;word-break:break-word}

/* Variant-specific comparison table (below the main grid) */
.catalog-product-view .eo-spec__variants{margin-top:30px;padding-top:24px;border-top:1px solid #e6e9ef}
.catalog-product-view .eo-spec__variants-title{font-size:16px;font-weight:800;color:#14296b;margin:0 0 4px}
.catalog-product-view .eo-spec__variants-intro{font-size:13px;color:#6b7280;margin:0 0 16px}
.catalog-product-view .eo-spec__scroll{overflow-x:auto}
.catalog-product-view .eo-spec__variants-table{width:100%;max-width:980px;border-collapse:collapse}
.catalog-product-view .eo-spec__variants-table th,
.catalog-product-view .eo-spec__variants-table td{text-align:left;vertical-align:top;padding:12px 18px 12px 0;font-size:13.5px;line-height:1.4;border:0}
.catalog-product-view .eo-spec__variants-table thead th{font-weight:700;color:#14296b;border-bottom:2px solid #e6e9ef}
.catalog-product-view .eo-spec__variants-table tbody th.eo-spec__label{color:#14296b;font-weight:700;white-space:nowrap;border-bottom:1px solid #eef1f6}
.catalog-product-view .eo-spec__variants-table tbody td{color:#374151;border-bottom:1px solid #eef1f6}
.catalog-product-view .eo-spec__empty{color:#bbb}
@media (max-width:600px){.catalog-product-view .eo-spec__main{column-count:1}}

/* Discount Details pane — override the template's inline styles to the palette */
.catalog-product-view #discount_details .mc-price-explain-tab{padding:0 !important;font-size:15px !important;color:#374151 !important}
.catalog-product-view #discount_details h3{font-size:18px !important;font-weight:800 !important;color:#14296b !important;margin:0 0 8px !important}
.catalog-product-view #discount_details > .mc-price-explain-tab > p{font-size:13.5px !important;color:#6b7280 !important;line-height:1.7 !important}
.catalog-product-view #discount_details table{width:100% !important;border-collapse:collapse !important;margin-bottom:18px !important;max-width:820px;font-size:14px}
.catalog-product-view #discount_details thead tr{background:#eef3ff !important}
.catalog-product-view #discount_details th{color:#14296b !important;border-bottom:1px solid #d6e0f5 !important;padding:10px 12px !important;font-weight:700 !important}
.catalog-product-view #discount_details td{border-bottom:1px solid #eef1f6 !important;padding:10px 12px !important;color:#374151 !important}

/* responsive: tabs wrap nicely on small screens */
@media (max-width:640px){
  .catalog-product-view .product.data.items > .item.title > .switch{padding:12px 14px;font-size:14px}
}