/* ===================== ESW compact product comparison ===================== */
.catalog-product_compare-index .page-main{max-width:var(--maxw,1320px);margin:0 auto;padding:0 28px;box-sizing:border-box}
.catalog-product_compare-index .page-title-wrapper .page-title{font-size:26px;font-weight:800;color:#14296b;margin:6px 0 18px}
.catalog-product_compare-index .action.print{font-size:13px;color:#1344b1}

/* scroll container — keeps the long/wide table tidy; enables sticky label column */
.catalog-product_compare-index .table-wrapper.comparison{overflow-x:auto;overflow-y:visible;max-height:none;border:1px solid #e6e9ef;border-radius:12px;background:#fff}
.catalog-product_compare-index .table-comparison{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px;line-height:1.35}
.catalog-product_compare-index .table-comparison caption{display:none}

/* compact cells */
.catalog-product_compare-index .table-comparison th,
.catalog-product_compare-index .table-comparison td{
    padding:7px 14px;border-bottom:1px solid #eef1f6;border-right:1px solid #f1f4f9;
    vertical-align:top;text-align:left;background:#fff;
}
.catalog-product_compare-index .table-comparison td:last-child,
.catalog-product_compare-index .table-comparison th:last-child{border-right:0}

/* sticky attribute-label column (left) */
.catalog-product_compare-index .table-comparison th.cell.label{
    position:sticky;left:0;z-index:2;background:#f7f9fc;
    color:#14296b;font-weight:700;white-space:nowrap;min-width:150px;
}
.catalog-product_compare-index .table-comparison .attribute.label{font-weight:700;color:#14296b}
.catalog-product_compare-index .table-comparison .attribute.value{color:#374151;word-break:break-word}

/* zebra on the attribute rows for readability */
.catalog-product_compare-index .table-comparison tbody:last-of-type tr:nth-child(odd) td,
.catalog-product_compare-index .table-comparison tbody:last-of-type tr:nth-child(odd) th.cell.label{background:#fbfcfe}

/* sticky product header (the product-info row) when scrolling down */
.catalog-product_compare-index .table-comparison thead th,
.catalog-product_compare-index .table-comparison thead td{position:sticky;top:0;z-index:4;background:#fff}
.catalog-product_compare-index .table-comparison > tbody:first-of-type th,
.catalog-product_compare-index .table-comparison > tbody:first-of-type td{position:sticky;top:0;z-index:3;background:#fff;border-bottom:2px solid #e6e9ef}
.catalog-product_compare-index .table-comparison thead th.cell.label,
.catalog-product_compare-index .table-comparison > tbody:first-of-type th.cell.label{left:0;z-index:5}

/* compact product cell (photo / name / price / actions) */
.catalog-product_compare-index .cell.product.info,
.catalog-product_compare-index .cell.product.attribute{min-width:190px}
.catalog-product_compare-index .product-item-photo{display:inline-block;margin:0 0 8px}
.catalog-product_compare-index .product-image-container,
.catalog-product_compare-index .product-image-photo{max-width:92px!important;height:auto}
.catalog-product_compare-index .product-item-name{font-size:12.5px;line-height:1.3;margin:0 0 6px}
.catalog-product_compare-index .product-item-name a{color:#14296b;font-weight:600}
.catalog-product_compare-index .price-box{margin:4px 0}
.catalog-product_compare-index .price-box .price{font-size:15px;font-weight:800;color:#14296b}

/* compact buttons / links */
.catalog-product_compare-index .cell.product .action.tocart.primary{padding:8px 14px;font-size:12.5px;border-radius:9px;width:100%}
.catalog-product_compare-index .product-item-actions{margin-top:6px}
.catalog-product_compare-index .secondary-addto-links{margin-top:6px;font-size:12px}
.catalog-product_compare-index .cell.remove .action.delete{color:#bc1212}

/* hide the bulky "Remove Product" label row spacing */
.catalog-product_compare-index .table-comparison .cell.remove{padding-top:6px;padding-bottom:6px;text-align:right}

@media (max-width:768px){
  .catalog-product_compare-index .page-main{padding:0 14px}
  .catalog-product_compare-index .table-comparison th.cell.label{min-width:118px}
}

/* ===== Clear All toolbar ===== */
.catalog-product_compare-index .compare-toolbar{display:flex;justify-content:flex-end;margin:0 0 14px}
.catalog-product_compare-index .clear-compare{display:inline-flex;align-items:center;gap:7px;background:#fdeaea;color:#bc1212;font-weight:700;font-size:13px;padding:9px 16px;border-radius:8px;text-decoration:none;border:1px solid #f3c9c9;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.catalog-product_compare-index .clear-compare:hover{background:#bc1212;color:#fff;border-color:#bc1212}
.catalog-product_compare-index .clear-compare svg{width:15px;height:15px;flex:0 0 auto}

/* 2026-06-29: compare fixes */
.catalog-product_compare-index .action.print{display:none !important;}
.catalog-product_compare-index .clear-compare svg{width:16px;height:16px;flex:none;}
.catalog-product_compare-index .table-comparison{font-size:14px;}
.catalog-product_compare-index .table-comparison th,.catalog-product_compare-index .table-comparison td{padding:11px 14px;}
.catalog-product_compare-index .table-comparison th.cell.label,.catalog-product_compare-index .table-comparison .attribute.label{color:#2b3147;font-weight:700;}
.catalog-product_compare-index .table-comparison .attribute.value{color:#2b3147;font-weight:400;}

/* 2026-06-30: compact compare (mockup A) */
.catalog-product_compare-index .table-comparison th,.catalog-product_compare-index .table-comparison td{padding:9px 14px}
.catalog-product_compare-index .product-image-photo{max-width:74px!important;width:74px;height:74px;object-fit:contain;border:1px solid #f0f2f7;border-radius:8px;background:#fff}
.catalog-product_compare-index .cell.product .action.tocart.primary{background:#fff!important;color:#1344b1!important;border:2px solid #1344b1!important;border-radius:8px!important;font-weight:700;font-size:12px;padding:7px 10px;width:100%;box-shadow:none!important}
.catalog-product_compare-index .cell.product .action.tocart.primary span{color:inherit!important}
.catalog-product_compare-index .cell.product .action.tocart.primary:hover{background:#1344b1!important;color:#fff!important}
.catalog-product_compare-index .table-comparison th.cell.label{white-space:normal!important;line-height:1.3;vertical-align:top}

/* 2026-06-30: product-header — trash delete icon + compact */
.catalog-product_compare-index .cell.remove{padding:6px 12px!important;text-align:center}
.catalog-product_compare-index .cell.remove .action.delete{font-size:0!important;line-height:0;display:inline-block}
.catalog-product_compare-index .cell.remove .action.delete::before{content:''!important;display:inline-block;width:17px;height:17px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23bc1212'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%206h18M8%206V4a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2m3%200v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V6m3%205v6m4-6v6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}
.catalog-product_compare-index .cell.remove .action.delete:hover::before{opacity:.6}
/* compact product header */
.catalog-product_compare-index .table-comparison thead th{padding:8px 12px 12px!important}
.catalog-product_compare-index .product-image-photo{max-width:62px!important}
.catalog-product_compare-index .cell.product .product-item-name{margin:7px 0 4px!important;font-size:12.5px;line-height:1.3}
.catalog-product_compare-index .cell.product .price-box{margin:0 0 7px!important}
.catalog-product_compare-index .cell.product .product-item-actions{margin:0!important}

/* 2026-06-30: trash moved next to heart; enlarge heart+trash to match Add to Cart */
.catalog-product_compare-index .secondary-addto-links{display:inline-flex;align-items:center;gap:16px;vertical-align:middle}
.catalog-product_compare-index .secondary-addto-links .action.towishlist::before{font-size:27px!important;line-height:1!important}
.catalog-product_compare-index .secondary-addto-links .action.delete{font-size:0!important;line-height:0;display:inline-flex;align-items:center}
.catalog-product_compare-index .secondary-addto-links .action.delete::before{content:''!important;display:inline-block;width:26px;height:26px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23bc1212'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M3%206h18M8%206V4a2%202%200%200%201%202-2h4a2%202%200%200%201%202%202v2m3%200v14a2%202%200%200%201-2%202H7a2%202%200%200%201-2-2V6m3%205v6m4-6v6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}

/* 2026-06-30: equal-height cells + heart/trash stacked top-right */
.catalog-product_compare-index .cell.product.info{position:relative}
.catalog-product_compare-index .cell.product.info .product-item-name{min-height:64px;display:block}
.catalog-product_compare-index .cell.product.info .secondary-addto-links{position:absolute!important;top:8px;right:8px;display:flex!important;flex-direction:column;align-items:center;gap:10px;margin:0}

/* 2026-06-30: tighter heart-trash gap + larger heart */
.catalog-product_compare-index .cell.product.info .secondary-addto-links{gap:6px}
.catalog-product_compare-index .secondary-addto-links .action.towishlist{display:inline-flex!important;align-items:center;justify-content:center;line-height:1!important;margin:0!important;padding:0!important}
.catalog-product_compare-index .secondary-addto-links .action.towishlist::before{font-size:33px!important;line-height:1!important;margin:0!important}
.catalog-product_compare-index .secondary-addto-links .action.delete{margin:0!important;padding:0!important}

/* 2026-06-30: tight heart box (34px) + hide label so gap collapses */
.catalog-product_compare-index .secondary-addto-links .action.towishlist{display:block!important;width:34px!important;height:34px!important;margin:0!important;padding:0!important;overflow:hidden;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}
.catalog-product_compare-index .secondary-addto-links .action.towishlist span{display:none!important}
.catalog-product_compare-index .secondary-addto-links .action.towishlist::before{font-size:34px!important;line-height:34px!important;display:block!important;width:34px!important;height:34px!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important}
.catalog-product_compare-index .cell.product.info .secondary-addto-links{gap:6px!important}

/* 2026-06-30: shrink trash to visually match the heart */
.catalog-product_compare-index .secondary-addto-links .action.delete::before{width:22px!important;height:22px!important}

/* 2026-06-30 FINAL: matching heart+trash inline SVGs, centered & aligned */
.catalog-product_compare-index .cell.product.info .secondary-addto-links{position:absolute!important;top:10px;right:10px;display:flex!important;flex-direction:column;align-items:center;gap:8px;margin:0}
.catalog-product_compare-index .secondary-addto-links .action.towishlist,
.catalog-product_compare-index .secondary-addto-links .action.delete{display:flex!important;align-items:center;justify-content:center;width:28px!important;height:28px!important;padding:0!important;margin:0!important;background:none!important;overflow:visible}
.catalog-product_compare-index .secondary-addto-links .action.towishlist::before,
.catalog-product_compare-index .secondary-addto-links .action.towishlist::after,
.catalog-product_compare-index .secondary-addto-links .action.delete::before{display:none!important;content:none!important;background:none!important}
.catalog-product_compare-index .secondary-addto-links svg{width:25px!important;height:25px!important;display:block}
.catalog-product_compare-index .secondary-addto-links .action.towishlist span{display:none!important}

/* 2026-06-30: rail-align compare content to header/footer rail (calc-rail, every viewport) */
.catalog-product_compare-index .page-main{max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:max(28px,calc((100% - var(--maxw,1320px)) / 2))!important;padding-right:max(28px,calc((100% - var(--maxw,1320px)) / 2))!important}

/* 2026-06-30: compare responsive polish */
@media (max-width:600px){
  .catalog-product_compare-index .page-title-wrapper .page-title,
  .catalog-product_compare-index .page-title{font-size:20px}
  .catalog-product_compare-index .table-comparison th.cell.label{min-width:96px;max-width:120px;font-size:12px;padding:8px 10px}
  .catalog-product_compare-index .table-comparison td{padding:8px 10px}
  .catalog-product_compare-index .cell.product.info,
  .catalog-product_compare-index .cell.product.attribute{min-width:168px}
  .catalog-product_compare-index .cell.product.info .product-item-name{min-height:54px;font-size:12px}
  .catalog-product_compare-index .compare-toolbar{margin-bottom:10px}
}