/* NekretnineXpert — premium comparison tools */
.compare-hero-premium{position:relative;overflow:hidden;background:linear-gradient(115deg,#11161b 0%,#1b2024 62%,#252017 100%);}
.compare-hero-premium:after{content:"";position:absolute;right:-100px;top:-160px;width:460px;height:460px;border:1px solid rgba(217,173,67,.18);border-radius:50%;box-shadow:0 0 0 54px rgba(217,173,67,.025),0 0 0 110px rgba(217,173,67,.025);pointer-events:none;}
.compare-hero-premium .container{position:relative;z-index:1;}
.compare-hero-premium h1{max-width:820px;letter-spacing:-.045em;}
.compare-hero-premium h1 em{color:var(--gold,#d9ad43);font-style:normal;}
.compare-hero-premium p{max-width:650px;line-height:1.7;color:rgba(255,255,255,.72);}
.compare-hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;}
.compare-hero-pills span{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 12px;color:#f2f0e8;background:rgba(255,255,255,.04);font-size:11px;font-weight:700;}
.compare-hero-pills span:before{content:"✓";color:var(--gold,#d9ad43);font-weight:900;}
.compare-section-premium{padding-top:28px;}
.compare-return-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;}
.compare-return-row p{margin:0;color:#69727a;font-size:12px;}
.compare-back-button{appearance:none;display:inline-flex;align-items:center;gap:9px;border:1px solid #d9d4c9;background:#fff;border-radius:999px;padding:11px 16px;color:#242a2f;font:inherit;font-size:12px;font-weight:700;line-height:1.2;cursor:pointer;box-shadow:0 5px 18px rgba(18,22,26,.04);transition:transform .18s ease,border-color .18s ease,background .18s ease;}
.compare-back-button:hover{transform:translateY(-1px);border-color:var(--gold,#d9ad43);background:#fffdf8;}
.compare-back-button span{font-size:17px;color:#947024;}
.compare-app-premium{min-height:140px;}
.compare-app-premium .compare-actions-row{margin:0 0 10px;justify-content:flex-end;}
.compare-app-premium .compare-actions-row .filter-reset{border:1px solid #e3ded4;border-radius:999px;padding:9px 13px;background:#fff;color:#5b6267;font-weight:750;cursor:pointer;}
.compare-tools-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0 14px;padding:20px 22px;border:1px solid #e4dcc9;border-radius:18px;background:linear-gradient(120deg,#fff 0%,#fbf8f0 100%);box-shadow:0 10px 30px rgba(25,29,32,.045);}
.compare-tools-copy{display:grid;gap:4px;}
.compare-tools-kicker{font-size:9px;font-weight:900;letter-spacing:.17em;color:#967329;}
.compare-tools-copy strong{font:800 18px/1.2 Manrope, sans-serif;color:#171d22;}
.compare-tools-count{font-size:12px;color:#707981;}
.compare-tools-buttons{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end;}
.compare-tool-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:12px 16px;border-radius:999px;border:1px solid transparent;font:800 11px/1.2 "DM Sans",sans-serif;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;}
.compare-tool-button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.08);}
.compare-tool-email{background:#171d22;color:#fff;border-color:#171d22;}
.compare-tool-email span{color:var(--gold,#d9ad43);font-size:15px;}
.compare-tool-pdf{background:var(--gold,#d9ad43);color:#181a1c;border-color:var(--gold,#d9ad43);}
.compare-tool-pdf span{font-size:17px;}
.compare-section-premium .compare-table-wrap{border-color:#e4ded2;border-radius:18px;box-shadow:0 14px 40px rgba(25,29,32,.05);}
.compare-section-premium .compare-table{min-width:790px;}
.compare-section-premium .compare-table thead th{background:#f7f3e9;color:#8b6c2b;font-size:10px;letter-spacing:.09em;}
.compare-section-premium .compare-table td{font-size:13px;color:#3f474c;}
.compare-section-premium .compare-table tbody tr:nth-child(even){background:#fcfbf8;}
.compare-section-premium .compare-product{min-width:200px;}
.compare-section-premium .compare-product img{height:148px;background:#f0ede7;}
.compare-section-premium .compare-product strong{font-size:15px;line-height:1.4;margin-top:6px;}
.compare-section-premium .compare-product a{display:inline-flex;align-items:center;gap:7px;margin-top:10px;padding:8px 0;color:#8c6b25;font-size:11px;letter-spacing:0;}
.compare-section-premium .compare-remove{width:31px;height:31px;font-size:20px;box-shadow:0 4px 14px rgba(0,0,0,.09);}
.compare-empty-premium{margin:18px 0 0;padding:48px 22px;border:1px dashed #d8d0be;border-radius:20px;background:rgba(255,255,255,.68);}
.compare-empty-premium .saved-empty-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 16px;border-radius:18px;background:#f4ead0;color:#8f6d22;font-size:24px;}
.compare-empty-premium h3{font:800 22px/1.25 Manrope,sans-serif;color:#1a2025;}
.compare-empty-premium p{max-width:520px;margin:10px auto 18px;line-height:1.7;color:#707981;}
.compare-privacy-note{display:flex;align-items:center;gap:8px;margin:18px 0 0;color:#737b81;font-size:11px;line-height:1.6;}
.compare-inline-notice{margin:0 0 12px;padding:11px 14px;border-radius:12px;background:#fff3d8;border:1px solid #ead5a0;color:#6f5219;font-size:12px;}
.compare-inline-notice:not(.is-visible){display:none;}
.compare-email-modal[hidden]{display:none!important;}
.compare-email-modal{position:fixed;inset:0;z-index:100400;display:flex;align-items:center;justify-content:center;padding:20px;}
.compare-email-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(11,15,18,.72);backdrop-filter:blur(6px);cursor:pointer;}
.compare-email-dialog{position:relative;z-index:1;width:min(100%,490px);max-height:min(88vh,760px);overflow:auto;padding:34px;border:1px solid rgba(217,173,67,.32);border-radius:24px;background:#fff;box-shadow:0 28px 100px rgba(0,0,0,.32);}
.compare-email-x{position:absolute;right:15px;top:15px;width:34px;height:34px;border:1px solid #e6e0d6;border-radius:50%;background:#fff;color:#343a40;font-size:22px;cursor:pointer;}
.compare-email-mark{display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border-radius:15px;background:#f5ecd6;color:#8d6c24;font-size:22px;}
.compare-email-dialog .eyebrow{margin-bottom:9px;color:#9a772e;font-size:9px;font-weight:900;letter-spacing:.17em;}
.compare-email-dialog h2{margin:0 0 10px;font:800 25px/1.2 Manrope,sans-serif;color:#171d22;letter-spacing:-.025em;}
.compare-email-dialog>p{margin:0 0 23px;color:#6d767e;font-size:13px;line-height:1.7;}
.compare-email-label{display:block;margin-bottom:8px;color:#252d32;font-size:12px;font-weight:800;}
#compareEmailAddress{display:block;width:100%;height:48px;padding:0 14px;border:1px solid #d9d5cd;border-radius:12px;background:#fff;color:#1d2328;font:500 14px "DM Sans",sans-serif;outline:none;}
#compareEmailAddress:focus{border-color:#c59b36;box-shadow:0 0 0 3px rgba(217,173,67,.18);}
.compare-email-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;}
.compare-email-status{min-height:18px;margin:9px 0;color:#6c747a;font-size:12px;line-height:1.45;}
.compare-email-status.is-success{color:#176a47;}
.compare-email-status.is-error{color:#a33d30;}
.compare-email-buttons{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:8px;}
.compare-email-send,.compare-email-cancel{min-height:45px;padding:12px 15px;border-radius:999px;font:800 11px "DM Sans",sans-serif;cursor:pointer;}
.compare-email-send{border:1px solid #171d22;background:#171d22;color:#fff;}
.compare-email-send span{color:var(--gold,#d9ad43);}
.compare-email-send:disabled{opacity:.65;cursor:wait;}
.compare-email-cancel{border:1px solid #e1dbd0;background:#fff;color:#50585e;}
.compare-email-dialog form>small{display:block;margin-top:14px;color:#90969b;font-size:10px;line-height:1.5;}
@media(max-width:760px){
  .compare-return-row{align-items:flex-start;flex-direction:column;gap:8px;}
  .compare-tools-bar{align-items:stretch;flex-direction:column;padding:17px;border-radius:16px;}
  .compare-tools-buttons{display:grid;grid-template-columns:1fr;}
  .compare-tool-button{width:100%;}
  .compare-section-premium .compare-table{min-width:710px;}
  .compare-section-premium .compare-product{min-width:170px;}
  .compare-section-premium .compare-product img{height:110px;}
  .compare-email-dialog{padding:28px 21px 22px;border-radius:21px;}
  .compare-email-buttons{grid-template-columns:1fr;}
  .compare-email-cancel{order:2;}
}
@media print{
  @page{size:A4 landscape;margin:10mm;}
  body.route-uporedi{background:#fff!important;color:#111!important;}
  body.route-uporedi .site-header,body.route-uporedi .footer,body.route-uporedi .nx-chat-launcher,body.route-uporedi .nx-chat-panel,body.route-uporedi .back-top,body.route-uporedi .compare-return-row,body.route-uporedi .compare-tools-bar,body.route-uporedi .compare-actions-row,body.route-uporedi .compare-privacy-note,body.route-uporedi #compareEmpty,body.route-uporedi .compare-email-modal{display:none!important;}
  body.route-uporedi .page-hero{background:#171d22!important;color:#fff!important;padding:18px 0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  body.route-uporedi .page-hero:after{display:none!important;}
  body.route-uporedi .page-hero .container{padding:0 10mm!important;}
  body.route-uporedi .page-hero h1{font-size:25px!important;margin:4px 0!important;}
  body.route-uporedi .page-hero p{font-size:10px!important;margin:5px 0!important;}
  body.route-uporedi .compare-hero-pills{display:none!important;}
  body.route-uporedi .compare-section{padding:10px 0!important;background:#fff!important;}
  body.route-uporedi .compare-section>.container{width:100%!important;max-width:none!important;padding:0!important;}
  body.route-uporedi .compare-app{min-height:0!important;}
  body.route-uporedi .compare-table-wrap{overflow:visible!important;border:1px solid #ddd!important;border-radius:0!important;box-shadow:none!important;}
  body.route-uporedi .compare-table{width:100%!important;min-width:0!important;table-layout:fixed!important;font-size:9px!important;}
  body.route-uporedi .compare-table th,body.route-uporedi .compare-table td{padding:7px!important;border-color:#ddd!important;font-size:9px!important;overflow-wrap:anywhere;}
  body.route-uporedi .compare-table td:first-child{width:110px!important;}
  body.route-uporedi .compare-product{min-width:0!important;}
  body.route-uporedi .compare-product img{height:74px!important;max-width:100%!important;object-fit:cover!important;border-radius:3px!important;}
  body.route-uporedi .compare-product strong{font-size:10px!important;}
  body.route-uporedi .compare-product a{display:none!important;}
  body.route-uporedi .compare-remove{display:none!important;}
  body.route-uporedi *{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
}

/* Mobile polish: comparison page should not be covered by global sticky compare bar. */
@media (max-width: 640px) {
  body.route-uporedi .compare-bar,
  body.route-uporedi .compare-sticky-bar,
  body.route-uporedi [data-compare-bar] {
    display: none !important;
  }
  body.route-uporedi .compare-hero-premium { padding: 34px 0 28px !important; }
  body.route-uporedi .compare-hero-premium h1 { font-size: clamp(29px, 8vw, 38px) !important; line-height: 1.08; }
  body.route-uporedi .compare-hero-premium p { font-size: 14px; line-height: 1.55; }
  body.route-uporedi .compare-hero-pills { gap: 7px; margin-top: 18px; }
  body.route-uporedi .compare-hero-pills span { padding: 8px 10px; font-size: 10px; }
  body.route-uporedi .compare-section-premium { padding-top: 20px !important; padding-bottom: 100px !important; }
  body.route-uporedi .compare-return-row { gap: 9px; margin-bottom: 16px; }
  body.route-uporedi .compare-back-button { width: 100%; justify-content: center; min-height: 48px; padding: 12px 14px; font-size: 13px; }
  body.route-uporedi .compare-return-row p { font-size: 12px; line-height: 1.45; }
  body.route-uporedi .compare-tools-bar { gap: 15px; margin: 18px 0 18px; padding: 19px 16px; border-radius: 20px; }
  body.route-uporedi .compare-tools-copy strong { font-size: 21px; }
  body.route-uporedi .compare-tools-count { font-size: 13px; }
  body.route-uporedi .compare-tools-buttons { display: grid; grid-template-columns: 1fr; gap: 9px; }
  body.route-uporedi .compare-tool-button { width: 100%; min-height: 48px; padding: 13px 14px; font-size: 13px; }
  body.route-uporedi .compare-app-premium .compare-actions-row { margin: 0 0 12px; }
  body.route-uporedi .compare-app-premium .compare-actions-row .filter-reset { padding: 9px 13px; }
  body.route-uporedi .compare-section-premium .compare-table-wrap { border-radius: 15px; }
  body.route-uporedi .compare-privacy-note { align-items: flex-start; font-size: 11px; margin-top: 14px; }
  /* Floating assistant and phone stay on opposite sides and no longer compete with the compare bar. */
  body.route-uporedi .nx-chat-launcher { left: 10px !important; right: auto !important; bottom: calc(12px + env(safe-area-inset-bottom)) !important; max-width: min(44vw, 190px) !important; min-height: 54px; }
  body.route-uporedi .nx-chat-launcher-label { font-size: 11px; line-height: 1.12; }
  body.route-uporedi .nx-chat-launcher-icon { width: 32px; height: 32px; flex: 0 0 32px; }
  body.route-uporedi .nx-chat-panel { left: 8px !important; right: 8px !important; bottom: calc(72px + env(safe-area-inset-bottom)) !important; width: auto !important; max-width: none !important; }
  body.route-uporedi .mobile-call-fab { right: 10px !important; bottom: calc(12px + env(safe-area-inset-bottom)) !important; min-height: 52px; padding: 10px 14px !important; }
}


/* Compare page: retain the same floating controls as every other page on mobile. */
@media (max-width: 900px) {
  body.route-uporedi .nx-chat-launcher { display: grid !important; left: max(14px, env(safe-area-inset-left)) !important; right: auto !important; bottom: calc(16px + env(safe-area-inset-bottom)) !important; width: 56px !important; height: 56px !important; min-height: 56px !important; max-width: 56px !important; padding: 0 !important; }
  body.route-uporedi .nx-chat-launcher-label { display: none !important; }
  body.route-uporedi .nx-chat-launcher-icon { width: 56px !important; height: 56px !important; flex: 0 0 56px !important; }
  body.route-uporedi .mobile-call-fab { display: grid !important; right: max(14px, env(safe-area-inset-right)) !important; left: auto !important; bottom: calc(16px + env(safe-area-inset-bottom)) !important; width: 56px !important; height: 56px !important; min-height: 56px !important; min-width: 56px !important; max-width: 56px !important; padding: 0 !important; }
  body.route-uporedi .back-top { right: max(14px, env(safe-area-inset-right)) !important; bottom: calc(84px + env(safe-area-inset-bottom)) !important; z-index: 1190 !important; }
  body.route-uporedi .nx-chat-panel { left: 10px !important; right: 10px !important; bottom: calc(82px + env(safe-area-inset-bottom)) !important; width: auto !important; max-width: none !important; }
}