/* v430 Compare UX Polish */
.compare-search-dock{position:relative;z-index:45;margin:-22px 28px 22px;padding:18px;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(420px,1.6fr);gap:22px;align-items:center;background:rgba(255,255,255,.98);border:1px solid #d8e5f6;border-radius:22px;box-shadow:0 20px 55px rgba(20,47,92,.16)}
.compare-search-dock-copy{display:grid;gap:3px}.compare-search-dock-copy>span,.compare-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#1262e8;font-weight:900}.compare-search-dock-copy>b{font-size:1.18rem;color:#10213d}.compare-search-dock-copy>small{color:#6b7890;line-height:1.45}
.compare-search-dock .compare-search{display:flex;gap:10px;align-items:center}.compare-search-dock .compare-live-wrap{position:relative;flex:1;min-width:0}.compare-search-dock .input{height:54px;width:100%;border:2px solid #cfe0f6;border-radius:15px;padding:0 18px;font-size:1rem;font-weight:700;color:#10213d;background:#fff}.compare-search-dock .input:focus{outline:0;border-color:#1262e8;box-shadow:0 0 0 4px rgba(18,98,232,.12)}.compare-search-dock .btn{height:54px;border:0;border-radius:15px;padding:0 22px;background:linear-gradient(135deg,#1667ed,#16afd4);color:#fff;font-weight:900;white-space:nowrap}
.compare-live-dropdown{position:absolute;z-index:250;left:0;right:0;top:calc(100% + 9px);background:#fff;border:1px solid #d4e2f5;border-radius:18px;box-shadow:0 28px 70px rgba(12,34,73,.25);padding:8px;max-height:430px;overflow:auto}.compare-live-item{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:13px;align-items:center;padding:11px;border-radius:14px;border:1px solid transparent}.compare-live-item:hover{background:#f2f7ff;border-color:#d7e6fb}.compare-live-media{width:62px;height:62px;border-radius:13px;background:#eef4ff;display:grid;place-items:center;overflow:hidden}.compare-live-media img{width:100%;height:100%;object-fit:contain}.compare-live-item b{display:block;color:#0c1d39;font-size:1.02rem;font-weight:950;line-height:1.25}.compare-live-item small{display:block;color:#66758d;margin-top:4px}.compare-live-item em{display:block;font-style:normal;color:#1262e8;font-size:.98rem;font-weight:900;margin-top:5px}.compare-live-add{padding:11px 15px;border-radius:12px;background:#1262e8;color:#fff;font-weight:900;text-decoration:none;white-space:nowrap}.compare-live-loading,.compare-live-empty{padding:20px;color:#66758c;text-align:center}
.compare-products-strip-always{margin-top:20px}.compare-products-strip-always .compare-product-card.empty{min-height:205px;background:linear-gradient(180deg,#fff,#f3f7fd);border:1px dashed #a9c5ec}.compare-products-strip-always .compare-product-card.empty span{width:48px;height:48px;font-size:27px}.compare-products-strip-always .compare-product-card.empty b{font-size:1rem}.compare-products-strip-always .compare-product-card.empty small{color:#718098}
.compare-start-panel{margin-top:20px;background:#fff;border:1px solid #dce7f5;border-radius:24px;padding:24px;box-shadow:0 16px 44px rgba(22,52,92,.08)}.compare-start-panel .compare-section-title{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:18px}.compare-start-panel .compare-section-title h2{margin:3px 0 0;color:#0c1d39;font-size:1.55rem}.compare-start-panel .compare-section-title>span{color:#6b7890}.compare-discovery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.compare-discovery-card{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:center;padding:13px;border:1px solid #dce7f5;border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);transition:.2s}.compare-discovery-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,64,120,.12);border-color:#9fc4f6}.compare-discovery-card .media{width:78px;height:78px;border-radius:14px;background:#edf4ff;display:grid;place-items:center;overflow:hidden}.compare-discovery-card .media img{width:100%;height:100%;object-fit:contain}.compare-discovery-card .body{min-width:0}.compare-discovery-card small{color:#718098}.compare-discovery-card h3{margin:4px 0;color:#0c1d39;font-size:.98rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-discovery-card p{margin:0;color:#66758d;font-size:.82rem}.compare-discovery-card strong{display:block;margin-top:5px;color:#1262e8}.compare-discovery-card .add{grid-column:1/-1;text-align:center;padding:9px;border-radius:11px;background:#eaf3ff;color:#0d5ed8;font-weight:900;text-decoration:none}.compare-start-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.compare-start-steps>div{display:grid;grid-template-columns:38px 1fr;column-gap:10px;padding:14px;border-radius:15px;background:#f5f8fd;border:1px solid #e1eaf5}.compare-start-steps span{grid-row:1/3;width:38px;height:38px;border-radius:12px;background:#1262e8;color:#fff;display:grid;place-items:center;font-weight:900}.compare-start-steps b{color:#10213d}.compare-start-steps small{color:#6b7890}.compare-start-empty{text-align:center;padding:28px;background:#f7faff;border-radius:16px;color:#60708a}
.compare-result-card>div b,.compare-recent-grid b{color:#0c1d39;font-size:1rem;font-weight:950}
@media(max-width:980px){.compare-search-dock{grid-template-columns:1fr;margin:-14px 16px 18px}.compare-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.compare-search-dock{margin:10px 10px 16px;padding:14px}.compare-search-dock .compare-search{display:grid;grid-template-columns:1fr}.compare-search-dock .btn{width:100%}.compare-live-dropdown{position:fixed;left:10px;right:10px;top:125px;max-height:68vh}.compare-live-item{grid-template-columns:50px minmax(0,1fr)}.compare-live-media{width:50px;height:50px}.compare-live-add{grid-column:1/-1;text-align:center}.compare-discovery-grid,.compare-start-steps{grid-template-columns:1fr}.compare-start-panel{padding:16px}.compare-start-panel .compare-section-title{display:block}.compare-start-panel .compare-section-title>span{display:block;margin-top:6px}.compare-products-strip-always{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v431 Compare Data + Stores */
.compare-stores-section{margin:22px 0;padding:22px;background:#fff;border:1px solid #dbe6f5;border-radius:22px;box-shadow:0 14px 38px rgba(15,38,77,.08)}
.compare-store-columns{display:grid;grid-template-columns:repeat(var(--compare-cols),minmax(0,1fr));gap:16px}
.compare-store-column{min-width:0;border:1px solid #dbe6f5;border-radius:18px;background:#f8fbff;padding:14px}
.compare-store-product-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:2px 2px 12px;border-bottom:1px solid #dfe8f5;margin-bottom:10px}
.compare-store-product-head b{font-size:15px;color:#0b1830}.compare-store-product-head small{font-size:11px;color:#61718c;text-align:right}
.compare-store-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;background:#fff;border:1px solid #e0e8f4;border-radius:15px;margin-top:9px;position:relative}
.compare-store-logo{width:44px;height:44px;border-radius:13px;background:#edf4ff;display:grid;place-items:center;overflow:hidden;font-weight:900;color:#1262e8}.compare-store-logo img{width:100%;height:100%;object-fit:cover}
.compare-store-main{min-width:0}.compare-store-main a{color:#0d47b5;text-decoration:none}.compare-store-main b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-store-main small,.compare-store-price small{display:block;color:#697993;font-size:11px;margin-top:3px}
.compare-store-price{text-align:right}.compare-store-price strong{display:block;color:#071b3d;font-size:15px;white-space:nowrap}.compare-store-go{grid-column:2/-1;justify-self:end;color:#075cff;font-size:12px;font-weight:800;text-decoration:none}
.compare-store-empty{min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#60708b;gap:5px}.compare-store-empty span{font-size:28px}.compare-store-empty b{color:#14213b}.compare-store-empty small{max-width:220px;line-height:1.45}
.feature-matrix .compare-row:not(.head)>div:first-child{font-weight:800;color:#18243b;background:#f6f9fe}.feature-matrix .compare-row:not(.head)>div:not(:first-child){font-weight:650;color:#253451}
@media(max-width:980px){.compare-store-columns{grid-template-columns:1fr}.compare-store-card{grid-template-columns:44px minmax(0,1fr) auto}}
@media(max-width:560px){.compare-stores-section{padding:14px}.compare-store-card{grid-template-columns:40px minmax(0,1fr)}.compare-store-price{grid-column:2;text-align:left}.compare-store-go{grid-column:2;justify-self:start}}
