.comparison-product-link{display:flex;flex:1;flex-direction:column;min-width:0;color:inherit;text-decoration:none;}
.comparison-product-link:focus-visible,.comparison-select:focus-within{outline:3px solid var(--blue,#155eef);outline-offset:-3px;}
.comparison-select{display:flex;align-items:center;gap:9px;min-height:46px;padding:10px 18px;border-top:1px solid var(--line,#e7eaf0);font-size:13px;font-weight:600;cursor:pointer;background:#fff;color:var(--ink,#0f1729);}
.comparison-select input{width:18px;height:18px;accent-color:var(--blue,#155eef);flex-shrink:0;}
.comparison-detail-select{margin:16px 0;border:1px solid var(--line,#e7eaf0);border-radius:10px;}
.comparison-tray{position:fixed;bottom:var(--comparison-purchase-height,0px);left:12px;right:12px;max-width:1176px;margin:0 auto;background:#fff;border:1px solid #d2dceb;border-radius:16px 16px 0 0;box-shadow:0 -5px 24px #0f172926;z-index:85;padding:14px 18px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;}
.comparison-tray[hidden]{display:none;}
.comparison-tray-title{font-size:14px;font-weight:800;}
.comparison-chips{display:flex;gap:8px;flex:1;min-width:0;overflow-x:auto;list-style:none;margin:0;padding:2px;}
.comparison-chip{display:flex;align-items:center;gap:8px;flex:0 0 auto;border:1px solid #dce3ef;border-radius:8px;padding:4px 6px 4px 10px;font-size:12px;background:#f5f7fb;}
.comparison-chip span{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.comparison-tray button,.comparison-remove{min-height:44px;cursor:pointer;font:inherit;}
.comparison-chip button{border:0;background:none;color:#344054;min-width:32px;font-size:18px;}
.comparison-tray-actions{display:flex;gap:10px;align-items:center;}
.comparison-go{background:#155eef;color:#fff;border:0;border-radius:100px;padding:10px 18px;font-size:13px;font-weight:700;}
.comparison-go:disabled{opacity:.45;cursor:default;}
.comparison-clear,.comparison-remove{border:0;background:none;color:#155eef;text-decoration:underline;font-size:13px;}
.comparison-tray button:focus-visible,.comparison-remove:focus-visible,.comparison-scroll:focus-visible,.comparison-toolbar input:focus-visible{outline:3px solid #155eef;outline-offset:2px;}
.comparison-message{position:fixed;bottom:calc(var(--comparison-purchase-height,0px) + var(--comparison-tray-height,0px) + 12px);left:16px;right:16px;max-width:600px;margin:auto;padding:12px 16px;border-radius:10px;background:#101c38;color:#fff;z-index:95;font-size:13px;}
.comparison-message:empty{display:none;}
body.comparison-active,body.has-product.comparison-active{padding-bottom:calc(var(--comparison-tray-height,0px) + var(--comparison-purchase-height,0px) + 24px);}
.comparison-toolbar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:24px 0;}
.comparison-toolbar label{display:flex;align-items:center;gap:8px;font-size:14px;min-height:44px;}
.comparison-scroll{max-width:100%;overflow:auto;border:1px solid var(--line,#e7eaf0);border-radius:12px;margin:24px 0 48px;}
.comparison-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:14px;}
.comparison-table th,.comparison-table td{padding:16px;vertical-align:top;text-align:left;border-bottom:1px solid #e7eaf0;border-right:1px solid #e7eaf0;overflow-wrap:anywhere;}
.comparison-table thead th{background:#f5f7fb;}
.comparison-table thead img{width:100%;height:130px;object-fit:contain;display:block;margin-bottom:12px;}
.comparison-table th[scope=row]{background:#f8fafc;font-weight:600;}
.comparison-table .comparison-different td{background:#eff5ff;}
.comparison-table .comparison-missing{color:#667085;font-style:italic;}
.comparison-table h2{font-size:15px;line-height:1.5;margin:0 0 12px;}
.comparison-table a{color:#155eef;text-decoration:underline;}
.comparison-table .comparison-remove{display:block;margin-top:10px;}
.comparison-empty{padding:32px 20px;border-radius:16px;background:#f5f7fb;margin:24px 0;line-height:1.7;}
@media(max-width:760px){.comparison-chips{flex-basis:100%;order:3;}.comparison-tray{gap:8px;padding:10px 12px;}.comparison-tray-actions{margin-left:auto;}.comparison-chip span{max-width:140px;}.comparison-table th,.comparison-table td{padding:12px;}.comparison-table thead img{height:110px;}}
.hero-benefits{width:100%;max-width:410px;margin-bottom:26px;border:1px solid #dbe4ef;border-radius:16px;background:#fff;box-shadow:0 6px 20px #18345a08;overflow:hidden;}
.hero-assurance,.comparison-hero{display:flex;align-items:center;gap:12px;padding:15px 18px;min-height:70px;}
.hero-assurance{color:#101c38;}
.hero-benefit-icon{display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;background:#ecf8f2;color:#087b55;}
.hero-benefits strong{display:block;font-size:13px;font-weight:800;line-height:1.45;}
.hero-benefits small{display:block;font-size:12px;line-height:1.55;color:#5b6472;margin-top:2px;}
.comparison-hero{border-top:1px solid #e7edf5;background:#f5f8ff;color:#1647a0;text-decoration:none;}
.comparison-hero .hero-benefit-icon{background:#e5edff;color:#155eef;}
.hero-benefit-arrow{margin-left:auto;flex-shrink:0;font-size:20px;color:#155eef;}
.comparison-hero:hover{background:#eaf1ff;}
.comparison-hero:focus-visible{outline:3px solid #155eef;outline-offset:-3px;}
@media(max-width:480px){.hero-assurance,.comparison-hero{padding:13px 14px;gap:10px;}.hero-benefits small{font-size:11.5px;}}.comparison-scroll{--comparison-attribute-width:144px;isolation:isolate;}
.comparison-table col.comparison-attribute-col{width:var(--comparison-attribute-width);}
.comparison-table thead th:first-child,.comparison-table tbody th[scope=row]{position:sticky;left:0;z-index:2;box-shadow:2px 0 4px #101c3810;}
.comparison-table thead th:first-child{z-index:3;background:#f5f7fb;}
.comparison-table tbody th[scope=row]{background:#f8fafc;}
@media(max-width:760px){.comparison-scroll{--comparison-attribute-width:120px;}.comparison-table thead th:first-child,.comparison-table tbody th[scope=row]{padding:12px 10px;}}
.comparison-scroll{max-height:min(74vh,780px);overscroll-behavior:contain;}
.comparison-table thead th{position:sticky;top:0;z-index:3;background:#f5f7fb;box-shadow:0 2px 4px #101c3810;}
.comparison-table thead th:first-child{top:0;left:0;z-index:4;box-shadow:2px 2px 4px #101c3818;}
@media(max-width:760px){.comparison-scroll{max-height:78vh;max-height:78svh;}}
/* Keep the header as one sticky table group, including on mobile browsers. */
.comparison-table thead{position:sticky;top:0;z-index:4;}
.comparison-table thead th{position:relative;top:auto;z-index:auto;}
.comparison-table thead th:first-child{position:sticky;left:0;top:auto;z-index:5;}
@media(max-width:760px){
  .comparison-scroll{max-height:70vh;max-height:70svh;overflow:auto;-webkit-overflow-scrolling:touch;}
  .comparison-table thead th{padding:10px;}
  .comparison-table thead img{width:40px;height:40px;float:left;margin:0 8px 6px 0;}
  .comparison-table thead h2{font-size:12px;line-height:1.4;margin:0 0 4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
  .comparison-table thead .comparison-remove{min-height:32px;margin-top:4px;font-size:11px;clear:both;}
}
main.comparison-main{width:100%;max-width:none;padding-left:24px;padding-right:24px;}
.comparison-main .comparison-scroll{max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);margin-bottom:16px;}
.comparison-main .comparison-scroll-hint{font-size:12px;color:#667085;margin-top:8px;}
@media(min-width:761px){.comparison-main .comparison-table thead img{height:96px;}}
@media(max-width:760px){main.comparison-main{padding-left:12px;padding-right:12px;}.comparison-main .comparison-scroll{max-height:calc(100svh - 90px);}}