:root{--b:#0761e9;--n:#06285c;--g:#16d684;--ice:#f4f8fd;--line:#dce6f2;--mut:#62738c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--n);font:15px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{height:78px;position:sticky;top:0;z-index:5;background:#fffffff2;backdrop-filter:blur(15px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1180px)/2));gap:50px}.logo{font-size:28px;font-weight:900;text-decoration:none;letter-spacing:-2px}.logo i{color:var(--g);font-style:normal}.logo b{color:var(--b)}nav{display:flex;gap:28px;flex:1}nav a{color:var(--n);text-decoration:none;font-weight:700}.user{border:0;background:none;font-weight:700}.page{width:min(1180px,calc(100% - 40px));margin:auto;padding:80px 0;border-bottom:1px solid var(--line)}.hero{padding-top:100px}.eyebrow,.heading>span{font-size:11px;letter-spacing:.14em;font-weight:900;color:var(--g)}h1{font-size:54px;letter-spacing:-.055em;line-height:1.05;margin:18px 0}.hero h1{font-size:76px}.hero h1 em{color:var(--b);font-style:normal}.hero>p,.heading>p{font-size:18px;color:var(--mut)}.actions,.toolbar{display:flex;gap:12px;margin:30px 0}.btn{display:inline-flex;padding:15px 20px;border:1px solid var(--b);border-radius:11px;background:var(--b);color:#fff;text-decoration:none;font-weight:800}.btn.light{background:#fff;color:var(--n);border-color:var(--line)}.finder{margin-top:70px;padding:45px;border-radius:24px;background:var(--n);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:60px}.finder p{color:#b8c8dc}.finder form{background:#fff;color:var(--n);padding:22px;border-radius:15px}.finder label,.fields label{display:flex;flex-direction:column;gap:8px;font-weight:700}.finder input,.fields input,.fields textarea,.fields select,.toolbar select{border:1px solid var(--line);border-radius:9px;padding:15px}.finder .btn{width:100%;margin-top:12px;justify-content:center}.heading{margin-bottom:35px}.toolbar .search{display:flex;align-items:center;flex:1;border:1px solid var(--line);padding:0 15px;border-radius:11px}.search input{border:0;outline:0;flex:1;padding:15px}.device-card{display:grid;grid-template-columns:auto 1fr auto;gap:25px;border:1px solid var(--line);border-radius:20px;padding:28px}.device{width:70px;height:70px;border-radius:15px;background:var(--ice);display:grid;place-items:center;color:var(--b);font-size:30px}.device-card h2{margin:5px 0}.device-card p{color:var(--mut)}dl{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:25px}dt{color:var(--mut);font-size:11px}dd{font-weight:700;margin:5px 0}.device-card aside{display:flex;flex-direction:column;gap:10px;justify-content:center}.badge{display:inline-flex;padding:7px 10px;border-radius:99px;font-size:11px;font-weight:800}.ok{background:#e7f9f1;color:#087c4e}.blue{background:#eaf2ff;color:#0759cf}.warn{background:#fff3d9;color:#9a6100}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.stats article{background:var(--ice);padding:23px;border-radius:15px;display:flex;flex-direction:column}.stats small{color:var(--mut)}.stats b{font-size:34px;margin:7px 0}.table{overflow:auto;border:1px solid var(--line);border-radius:16px}table{border-collapse:collapse;width:100%;min-width:800px}th{background:var(--ice);text-align:left;padding:15px;color:var(--mut);font-size:11px}td{padding:18px 15px;border-top:1px solid var(--line)}td button{border:0;background:none;color:var(--b);font-weight:800}.form-page{background:var(--ice);width:100%;padding:55px max(20px,calc((100vw - 760px)/2))}.form-progress{display:flex;gap:15px;align-items:center}.form-progress i{height:4px;background:#dae5f1;flex:1}.form-progress i b{display:block;background:var(--g);height:100%}.claim-form{background:#fff;border-radius:22px;padding:50px;margin-top:25px;box-shadow:0 20px 60px #06285c12}.claim-form>small{color:var(--g);font-weight:900}.claim-form h1{font-size:42px}.claim-form>p{color:var(--mut)}.form-step{display:none}.form-step.active{display:block}.choices{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:25px}.choices label{border:1px solid var(--line);border-radius:12px;padding:17px;display:flex;gap:10px}.choices label:has(input:checked){border:2px solid var(--b);background:#f3f7ff}.choices span{display:flex;flex-direction:column}.choices small{color:var(--mut);margin-top:4px}.fields{display:flex;flex-direction:column;gap:17px;margin-top:25px}.fields.two{display:grid;grid-template-columns:1fr 1fr}.upload{border:2px dashed #bacbe0;border-radius:15px;padding:50px;text-align:center;margin-top:25px}.summary p{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}.summary span{color:var(--mut)}.consent{display:flex;gap:10px}.form-actions{display:flex;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid var(--line)}.component-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.component-grid article{border:1px solid var(--line);border-radius:18px;padding:25px}.error{border-color:#dc4055!important}.error-text{color:#bd263b}.alert{padding:15px;border-radius:10px;display:flex;flex-direction:column;margin:12px 0}.alert.info{background:#eef5ff;color:#0759cf}.alert.success{background:#e9faf2;color:#087c4e}.alert.danger{background:#fff0f2;color:#b7293d}.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}footer{background:var(--n);color:#fff;padding:40px max(20px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between}@media(max-width:760px){header{padding:0 15px}nav{display:none}.page{padding:55px 0}.hero h1{font-size:46px}.finder,.component-grid,.stats{grid-template-columns:1fr}.finder{padding:25px;gap:20px}.device-card{grid-template-columns:auto 1fr}.device-card aside{grid-column:1/-1}dl,.choices,.fields.two{grid-template-columns:1fr}.claim-form{padding:28px 20px}footer{flex-direction:column;gap:10px}}
.site-header{padding:0 max(24px,calc((100vw - 1180px)/2))}.guest-actions{display:flex;align-items:center;gap:20px}.guest-actions a{color:var(--n);font-weight:800;text-decoration:none}.login-button{background:var(--b);color:#fff!important;padding:11px 17px;border-radius:10px}.mobile-toggle{display:none;border:0;background:none;font-size:24px}.hp-hero{width:min(1180px,calc(100% - 40px));margin:auto;padding:90px 0 75px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.hp-pill{display:inline-block;padding:9px 12px;border-radius:99px;background:#eef5ff;color:var(--b);font-size:11px;font-weight:900}.hp-hero h1{font-size:72px;line-height:1.03;letter-spacing:-.06em}.hp-hero h1 em{font-style:normal;color:var(--b)}.hp-hero>div>p{color:var(--mut);font-size:19px;line-height:1.65}.hp-trust{display:flex;gap:22px;border-top:1px solid var(--line);padding-top:25px;color:var(--mut);font-size:12px}.claim-preview{border:1px solid var(--line);border-radius:23px;padding:24px;box-shadow:0 30px 80px #06285c17;background:#fff;transform:rotate(1.2deg)}.preview-top{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}.preview-top b{display:flex;align-items:center;gap:8px}.preview-top b i{width:9px;height:9px;border-radius:50%;background:var(--g)}.preview-top small{color:var(--mut)}.preview-device,.preview-status{display:flex;align-items:center;gap:14px;padding:21px 0}.preview-icon{width:52px;height:52px;border-radius:13px;background:#eef5ff;color:var(--b);display:grid;place-items:center;font-size:24px}.preview-device p,.preview-status p{display:flex;flex-direction:column;margin:0}.preview-device small,.preview-status small{color:var(--mut);font-size:9px}.preview-device em,.preview-status em{color:var(--mut);font-size:11px;font-style:normal}.preview-status{border-top:1px solid var(--line)}.preview-status>i{width:13px;height:13px;background:#ffbd2e;border-radius:50%;box-shadow:0 0 0 6px #fff3d8}.claim-preview>a{display:block;text-decoration:none;color:var(--b);background:var(--ice);padding:14px;border-radius:10px;font-weight:800}.hp-lookup{width:min(1180px,calc(100% - 40px));margin:auto;background:var(--n);color:#fff;border-radius:25px;padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.hp-lookup small,.hp-benefits small,.hp-process>small,.hp-cta small{color:var(--g);font-size:10px;font-weight:900}.hp-lookup p{color:#b8c8dc}.hp-lookup form{background:#fff;color:var(--n);padding:22px;border-radius:15px}.hp-lookup label{font-size:12px;font-weight:800}.hp-lookup input{width:100%;border:1px solid var(--line);border-radius:9px;padding:15px;margin:8px 0}.hp-lookup .btn{width:100%;justify-content:center}.hp-lookup form>span{display:block;margin-top:10px;color:var(--mut);font-size:11px}.damage-help{width:min(1180px,calc(100% - 40px));margin:18px auto 0;background:#f0f6ff;border:1px solid #d9e8fb;border-radius:19px;padding:28px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}.mail-icon{width:56px;height:56px;display:grid;place-items:center;background:#fff;color:var(--b);border-radius:14px;font-size:24px}.damage-help small{color:var(--b);font-size:10px;font-weight:900}.damage-help h2{margin:5px 0}.damage-help p{color:var(--mut);line-height:1.55;margin:0}.hp-benefits,.hp-process{width:min(1180px,calc(100% - 40px));margin:auto;padding:100px 0}.hp-section-title{display:grid;grid-template-columns:1fr 1fr}.hp-section-title small{grid-column:1/-1}.hp-section-title h2{font-size:46px}.hp-section-title>p{align-self:end;color:var(--mut);line-height:1.65}.hp-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:40px}.hp-benefit-grid article{border:1px solid var(--line);border-radius:19px;padding:28px;position:relative}.hp-benefit-grid article>span{position:absolute;right:20px;color:#bdcada;font-weight:900}.hp-benefit-grid article>i{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#eef5ff;color:var(--b);font-size:24px;font-style:normal}.hp-benefit-grid h3{margin-top:38px}.hp-benefit-grid p{color:var(--mut);line-height:1.6}.hp-process{padding-top:15px}.hp-process>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hp-process article{background:var(--ice);border-radius:17px;padding:25px}.hp-process article>b{display:grid;place-items:center;width:38px;height:38px;background:var(--b);color:#fff;border-radius:50%}.hp-process p{color:var(--mut)}.hp-cta{width:min(1180px,calc(100% - 40px));margin:0 auto 90px;padding:42px;background:var(--n);color:#fff;border-radius:23px;display:flex;align-items:center;justify-content:space-between}.hp-cta p{color:#b8c8dc}.btn.green{background:var(--g);border-color:var(--g);color:var(--n)}.rich-footer{display:block;background:#041e46;padding:0}.footer-grid{padding:58px max(24px,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:45px}.footer-grid>div{display:flex;flex-direction:column;gap:8px}.footer-grid a,.footer-grid span{color:#aebed3;text-decoration:none}.footer-grid>div>b{margin-bottom:10px}.inverse b{color:#fff}.footer-legal{border-top:1px solid #ffffff1a;padding:19px max(24px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;color:#7f96b4}.auth-body{background:var(--ice)}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-side{background:var(--n);color:#fff;padding:70px max(45px,calc((100vw - 1180px)/2));display:flex;flex-direction:column;justify-content:space-between}.auth-side h1{font-size:52px}.auth-side p{color:#b8c8dc;font-size:18px}.auth-side div>span{display:block;margin:18px 0}.auth-card{width:min(460px,calc(100% - 40px));margin:auto;background:#fff;border-radius:21px;padding:40px;box-shadow:0 20px 60px #06285c12}.auth-card>small{color:var(--g);font-weight:900}.auth-card h2{font-size:33px}.auth-card>p{color:var(--mut);text-align:center}.auth-card a{color:var(--b);font-weight:800}.auth-card .btn{width:100%;justify-content:center}.forgot{font-size:12px;text-align:right}.or{display:flex;align-items:center;margin:20px 0;color:var(--mut)}.or:before,.or:after{content:"";height:1px;flex:1;background:var(--line)}.or span{padding:0 12px}.full{width:100%;justify-content:center}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkline{flex-direction:row!important}.back-link{display:block;margin-bottom:25px;text-decoration:none}.auth-info{background:var(--ice);border-radius:10px;padding:13px;color:var(--mut);font-size:12px;margin-top:20px}
@media(max-width:760px){.site-header{height:66px}.site-header nav,.guest-actions{display:none}.mobile-toggle{display:block;margin-left:auto}.hp-hero{display:block;padding:50px 0}.hp-hero h1{font-size:45px}.hp-hero>div>p{font-size:16px}.hp-trust{flex-direction:column;gap:8px}.claim-preview{margin-top:38px;transform:none;padding:18px}.hp-lookup{grid-template-columns:1fr;padding:28px 20px;gap:18px}.damage-help{grid-template-columns:auto 1fr;padding:20px}.damage-help .btn{grid-column:1/-1;justify-content:center}.hp-benefits,.hp-process{padding:65px 0}.hp-section-title{display:block}.hp-section-title h2{font-size:36px}.hp-benefit-grid,.hp-process>div{grid-template-columns:1fr}.hp-cta{display:block;padding:27px 20px;margin-bottom:55px}.hp-cta .btn{width:100%;justify-content:center}.footer-grid{grid-template-columns:1fr 1fr;padding:45px 24px}.footer-grid>div:first-child{grid-column:1/-1}.footer-legal{display:block;padding:18px 24px}.auth-layout{grid-template-columns:1fr}.auth-side{display:none}.auth-card{padding:28px 20px;width:calc(100% - 28px)}.field-row{grid-template-columns:1fr}}
.demo-account{position:relative}.demo-account>button{border:0;background:none;display:flex;align-items:center;gap:9px;color:var(--n)}.demo-account>button>i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--n);color:#fff;font-style:normal;font-size:11px}.demo-account>button>span{display:flex;flex-direction:column;text-align:left}.demo-account>button small{font-size:9px;color:var(--mut)}#accountDropdown{display:none;position:absolute;right:0;top:52px;width:250px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px #06285c22}#accountDropdown.open{display:block}#accountDropdown header{position:static;height:auto;padding:12px;border:0;display:flex;flex-direction:column;gap:3px}#accountDropdown header small{color:var(--mut)}#accountDropdown a{display:block;padding:11px;border-radius:8px;text-decoration:none;color:var(--n)}#accountDropdown a:hover{background:var(--ice)}#accountDropdown hr{border:0;border-top:1px solid var(--line)}.account-settings{display:grid;grid-template-columns:230px 1fr;gap:25px}.account-settings>aside{display:flex;flex-direction:column}.account-settings>aside button{border:0;background:none;padding:14px;text-align:left;color:var(--mut);font-weight:700}.account-settings>aside button.active{background:#eef5ff;color:var(--b);border-radius:9px}.account-settings>article{border:1px solid var(--line);border-radius:18px;padding:28px}.account-settings>article>p{color:var(--mut)}@media(max-width:760px){.site-header nav.mobile-open{display:flex;position:absolute;top:66px;left:0;right:0;background:#fff;padding:18px;flex-direction:column;box-shadow:0 12px 30px #06285c1a}.demo-account{margin-left:auto}.demo-account>button>span{display:none}#accountDropdown{position:fixed;left:14px;right:14px;top:62px;width:auto}.account-settings{grid-template-columns:1fr}.account-settings>aside{flex-direction:row;overflow:auto}.account-settings>article{padding:20px}}
.portal-head,.portal-content,.claim-detail-head,.detail-status,.detail-tabs,.tab-panel,.renew-page{width:min(1180px,calc(100% - 40px));margin:auto}.portal-head{padding:65px 0 30px}.portal-head>small,.claim-detail-head small,.renew-page>small{color:var(--g);font-size:10px;font-weight:900}.portal-head h1,.claim-detail-head h1{font-size:52px;margin:10px 0}.portal-head>p,.claim-detail-head p{color:var(--mut)}.portal-tabs{display:flex;gap:5px;margin-top:30px}.portal-tabs a{padding:13px 17px;background:var(--ice);color:var(--mut);text-decoration:none;font-weight:750}.portal-tabs a.active{background:#fff;color:var(--b);box-shadow:0 4px 12px #06285c13}.portal-content{padding-bottom:90px}.portal-toolbar{display:flex;gap:10px;margin:20px 0}.contract-full{border:1px solid var(--line);border-radius:19px;padding:25px;margin:17px 0;box-shadow:0 12px 34px #06285c0c}.contract-top{display:flex;justify-content:space-between}.contract-top h2{margin:5px 0}.contract-top p{color:var(--mut)}.contract-full dl{grid-template-columns:repeat(4,1fr)}.wide-dl{grid-column:span 2}.nested-claims{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.nested-claims>small{color:var(--mut);font-weight:850}.nested-claims article{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:var(--ice);border-left:4px solid var(--b);padding:15px;margin-top:12px}.nested-claims article>div{display:flex;flex-direction:column}.nested-claims article p{margin:0;color:var(--mut)}.nested-claims article>a{color:var(--b);font-weight:800;text-decoration:none}.contract-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.claim-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.claim-stats article{border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column}.claim-stats article.active{border:2px solid var(--b)}.claim-stats b{font-size:28px}.claim-stats span{color:var(--mut)}.claim-stats .orange b{color:#d17800}.claim-stats .green b{color:#09a963}.task-banner{display:flex;justify-content:space-between;background:#fff8e9;border:1px solid #f3cd7d;padding:14px;margin:20px 0;border-radius:10px;color:#986000}.task-banner button{border:0;background:none;color:var(--b);font-weight:800}.claim-list-card{border:1px solid var(--line);border-left:4px solid var(--b);border-radius:12px;padding:24px}.claim-list-card>header{position:static;padding:0;height:auto;border:0;display:flex;justify-content:space-between}.claim-list-card>header p{color:var(--mut)}.claim-steps{display:grid;grid-template-columns:repeat(4,1fr);margin:30px 0}.claim-steps>div{position:relative;text-align:center;border-top:2px solid var(--line)}.claim-steps i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fff;border:2px solid var(--line);margin:-15px auto 6px;font-style:normal}.claim-steps .active i{background:var(--n);color:#fff;border-color:var(--n)}.claim-steps span{color:var(--mut);font-size:12px}.need-box{background:#fff8e9;border:1px solid #f3cd7d;border-radius:9px;padding:17px;color:#8c5a00}.claim-list-card>footer{position:static;background:none;color:var(--n);padding:18px 0 0;margin-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.claim-list-card>footer>span{color:var(--mut);font-size:11px}.claim-detail-head{padding:42px 0;display:flex;align-items:center;justify-content:space-between}.claim-detail-head>a:first-child{align-self:flex-start;color:var(--n)}.detail-status{background:var(--ice);border-radius:16px;padding:20px;display:grid;grid-template-columns:auto 1fr;gap:5px 14px}.detail-status span{color:var(--mut)}.detail-status b{color:#9a6100}.detail-status p{grid-column:1/-1;margin:0;color:var(--mut)}.detail-tabs{display:flex;overflow:auto;border-bottom:1px solid var(--line);margin-top:20px}.detail-tabs button{border:0;background:none;padding:15px 18px;color:var(--mut);font-weight:800;white-space:nowrap;border-bottom:3px solid transparent}.detail-tabs button.active{color:var(--b);border-color:var(--b)}.detail-tabs i{font-style:normal;background:#f52f7f;color:#fff;border-radius:50%;padding:3px 6px}.tab-panel{display:none;padding:35px 0 90px}.tab-panel.active{display:block}.tab-intro{text-align:center;color:var(--mut);max-width:680px;margin:0 auto 35px}.data-section{max-width:800px;margin:0 auto 35px}.data-section h2,.center-title{text-align:center}.data-section dl{display:block;border:1px solid var(--line);border-radius:15px;overflow:hidden}.data-section dl>div{display:grid;grid-template-columns:40% 60%;padding:14px 18px}.data-section dl>div:nth-child(even){background:var(--ice)}.event-timeline{max-width:650px;margin:auto}.event-timeline article{border-left:2px solid var(--line);padding:0 0 28px 35px;position:relative}.event-timeline i{position:absolute;left:-9px;width:16px;height:16px;border-radius:50%;background:#d4dfeb}.event-timeline .done i{background:var(--g)}.event-timeline .active i{background:var(--b);box-shadow:0 0 0 5px #eaf2ff}.event-timeline p,.event-timeline small{color:var(--mut)}.tab-empty{border:1px solid var(--line);border-radius:16px;text-align:center;padding:60px}.sent-list{max-width:800px;margin:auto}.sent-list article{display:flex;gap:14px;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.sent-list article>div{display:flex;flex-direction:column;flex:1}.sent-list small,.sent-list p{color:var(--mut);margin:0}.docs-top{display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.docs-top form,.docs-top aside{border:1px solid var(--line);border-radius:16px;padding:25px}.docs-top label{display:flex;flex-direction:column;gap:7px;margin:15px 0;font-weight:700}.docs-top input,.docs-top select{padding:14px;border:1px solid var(--line);border-radius:9px}.docs-top .btn{width:100%;justify-content:center}.docs-top aside{background:#fff8e9;border-color:#f3cd7d}.round-ok,.round-wait,.round-no{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:#fff}.round-ok{background:var(--g)}.round-wait{background:#ffd11a;color:#6e5900}.round-no{background:#f52f7f}.doc-explain{border:1px solid var(--line);border-radius:15px;overflow:hidden}.doc-explain article{display:grid;grid-template-columns:35% 65%;padding:20px}.doc-explain article:nth-child(odd){background:var(--ice)}.doc-explain p{margin:0;color:var(--mut)}.detail-columns{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.data-card{border:1px solid var(--line);border-radius:17px;padding:25px}.data-card dl{display:block}.data-card dl>div{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid var(--line)}.file-row{display:flex;gap:13px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);color:var(--n);text-decoration:none}.file-row span{display:flex;flex-direction:column;flex:1}.file-row small{color:var(--mut)}.document-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.document-grid>a{border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--n)}.document-grid i{background:#eef5ff;color:var(--b);padding:13px 8px;border-radius:9px;font-style:normal}.document-grid span{display:flex;flex-direction:column;flex:1}.document-grid small,.document-grid em{color:var(--mut);font-style:normal}.success-page{width:min(680px,calc(100% - 40px));margin:80px auto;text-align:center}.success-mark{width:72px;height:72px;border-radius:50%;background:#e6faf1;color:#07975a;display:grid;place-items:center;font-size:35px;margin:auto}.success-page>small,.renew-page>small{color:var(--g);font-weight:900}.success-page h1{font-size:54px}.success-page>p{color:var(--mut);font-size:18px}.success-page>div:nth-of-type(2){display:flex;flex-direction:column;background:var(--ice);padding:23px;border-radius:15px;margin:30px 0}.success-page>div b{font-size:27px}.renew-page{text-align:center;padding:70px 0 90px}.renew-page h1{font-size:56px}.renew-page>p{color:var(--mut)}.renew-plans{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:left;margin-top:35px}.renew-plans article{border:1px solid var(--line);border-radius:20px;padding:28px;position:relative}.renew-plans article.featured{border:2px solid var(--b)}.renew-plans em{position:absolute;right:20px;top:20px;background:#eef5ff;color:var(--b);padding:6px 9px;border-radius:99px;font-size:11px}.renew-plans ul{list-style:none;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.renew-plans li{margin:10px 0}.renew-plans article>b{font-size:28px}.renew-plans .btn{width:100%;justify-content:center;margin-top:20px}
@media(max-width:760px){.portal-head{padding-top:40px}.portal-head h1,.claim-detail-head h1{font-size:38px}.portal-tabs{overflow:auto}.portal-content{padding-bottom:55px}.portal-toolbar{flex-wrap:wrap}.contract-full{padding:18px}.contract-full dl{grid-template-columns:1fr}.wide-dl{grid-column:auto}.nested-claims article{grid-template-columns:1fr}.nested-claims article>a{margin-top:5px}.contract-actions{flex-direction:column}.claim-stats{grid-template-columns:1fr 1fr}.claim-list-card{padding:18px}.claim-list-card>header{display:block}.claim-steps{overflow:auto}.claim-list-card>footer{display:block}.claim-list-card>footer>span{display:block;margin-top:15px}.claim-detail-head{display:block;padding:30px 0}.claim-detail-head>.btn{display:flex;margin-top:20px}.detail-status{grid-template-columns:1fr}.detail-status p{grid-column:auto}.detail-tabs{width:calc(100% - 40px)}.data-section dl>div,.doc-explain article{grid-template-columns:1fr;gap:6px}.docs-top,.detail-columns,.document-grid,.renew-plans{grid-template-columns:1fr}.sent-list article{align-items:flex-start}.sent-list .btn{padding:10px}.document-grid{grid-template-columns:1fr}.success-page{margin-top:45px}.success-page h1,.renew-page h1{font-size:40px}}
.renew-alert{display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(135deg,#fff1f4,#fff9f1);border:1px solid #ffc8d1;border-left:5px solid #f23c69;border-radius:17px;padding:24px;margin-bottom:22px}.renew-alert small{color:#d82b55;font-weight:900}.renew-alert h2{margin:5px 0}.renew-alert p{margin:0;color:var(--mut)}.expiring-box{display:flex;justify-content:space-between;background:#fff1f4;border:1px solid #ffc8d1;border-left:5px solid #f23c69;border-radius:13px;padding:18px;margin:28px 0;text-align:left}.expiring-box span{color:var(--mut)}.renew-plans a.btn{width:100%;justify-content:center;margin-top:20px}.checkout-safe{margin-left:auto;color:var(--mut);font-size:12px}.checkout{width:min(1100px,calc(100% - 40px));margin:auto;padding:45px 0 80px}.checkout-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:35px}.checkout-steps span{border-top:3px solid var(--line);padding-top:12px;color:var(--mut);display:flex;gap:8px}.checkout-steps span.done,.checkout-steps span.active{border-color:var(--b);color:var(--b)}.checkout-grid{display:grid;grid-template-columns:1fr 340px;gap:22px}.checkout-main{border:1px solid var(--line);border-radius:20px;padding:35px}.checkout-main>small{color:var(--g);font-weight:900}.checkout-main h1{font-size:44px}.checkout-main>p{color:var(--mut)}.checkout-actions{display:flex;justify-content:space-between;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.order-side{border:1px solid var(--line);border-radius:20px;padding:27px;height:max-content;background:var(--ice)}.order-side>small{color:var(--b);font-weight:900}.order-side>p{color:var(--mut)}.order-side dl{display:block}.order-side dl>div{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line)}.order-price{display:flex;justify-content:space-between;align-items:center;border-top:2px solid var(--n);padding-top:18px;margin-top:15px}.order-price b{font-size:25px}.summary-card{border:1px solid var(--line);border-radius:13px;padding:18px;margin-top:14px}.summary-card h3{margin-top:0}.summary-card p{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:11px}.summary-card span{color:var(--mut)}.secure-box{background:#fff;border-radius:10px;padding:14px;color:var(--mut);font-size:12px}.state-page{width:min(660px,calc(100% - 40px));margin:75px auto;text-align:center}.state-page>small{color:var(--g);font-weight:900;letter-spacing:.1em}.state-page h1{font-size:52px}.state-page>p{color:var(--mut);font-size:17px;line-height:1.65}.state-icon{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-size:35px;margin:0 auto 22px}.state-icon.success{background:#e7faf2;color:#07975a}.state-icon.pending{background:#fff4da;color:#ac7000}.state-icon.failed{background:#fff0f2;color:#c22943}.state-note{background:var(--ice);border-radius:12px;padding:16px;margin:25px 0;color:var(--mut)}.state-summary{background:var(--ice);border-radius:15px;padding:10px 22px;margin:28px 0}.state-summary p{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.state-summary p:last-child{border:0}.state-actions{display:flex;justify-content:center;gap:10px}.spinner{width:70px;height:70px;border:6px solid #e2ebf5;border-top-color:var(--b);border-radius:50%;margin:0 auto 25px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-page>b{display:block;font-size:120px;line-height:1;color:#e6edf6;letter-spacing:-.08em}
@media(max-width:760px){.renew-alert,.expiring-box{display:block}.renew-alert .btn{width:100%;justify-content:center;margin-top:15px}.expiring-box span{display:block;margin-top:6px}.checkout{padding-top:25px}.checkout-steps span{font-size:11px}.checkout-steps b{display:none}.checkout-grid{grid-template-columns:1fr}.checkout-main{padding:24px 18px}.checkout-main h1{font-size:36px}.order-side{grid-row:1}.checkout-actions{flex-direction:column-reverse;gap:10px}.checkout-actions .btn{width:100%;justify-content:center}.summary-card p{display:block}.summary-card b{display:block;margin-top:5px}.state-page{margin-top:45px}.state-page h1{font-size:39px}.state-actions{flex-direction:column}.state-actions .btn{width:100%;justify-content:center}.error-page>b{font-size:90px}}
.template-catalog{width:min(1100px,calc(100% - 40px));margin:auto;padding:55px 0 90px}.template-catalog section{margin-bottom:45px}.template-catalog section>small{color:var(--g);font-weight:900}.template-catalog section>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.template-catalog a{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:13px;padding:18px;text-decoration:none;color:var(--n)}.template-catalog a:hover{border-color:var(--b);background:var(--ice)}.template-catalog a span{color:var(--mut);font-size:12px}@media(max-width:760px){.template-catalog section>div{grid-template-columns:1fr}}
/* Sjednocený vizuální systém – shodný napříč klikacím návrhem a HTML šablonami */
.site-header{position:relative;z-index:50;width:min(1180px,calc(100% - 40px));height:82px;margin:auto;padding:0;display:flex;align-items:center;gap:34px;border:0;background:#fff}
.site-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}
.site-header nav{display:flex;align-items:center;gap:25px}.site-header nav a{position:relative;font-size:14px}
.site-header nav a.active:after,.site-header nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:2px;background:var(--b)}
.guest-actions,.demo-account{margin-left:auto}.login-button{border:1px solid var(--line);border-radius:999px;padding:10px 16px!important;background:#fff;box-shadow:0 4px 14px #06285c0b}
.auth-body{background:#f7faff}.auth-body>.site-header{background:#fff}.auth-layout{min-height:calc(100vh - 82px);grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr)}
.auth-side{padding-top:55px;padding-bottom:55px;background:radial-gradient(circle at 15% 15%,#123f7d 0,#06285c 42%,#031d42 100%)}.auth-side>.logo{display:none}
.auth-side div{max-width:510px}.auth-side h1{font-size:clamp(42px,5vw,66px);line-height:1.02;letter-spacing:-.045em}.auth-card{margin:55px auto}
.hp-lookup{box-shadow:0 22px 70px #06285c1b}.hp-lookup>div small{display:inline-block;padding:7px 10px;border-radius:99px;background:#ffffff12;color:#55e4a2;letter-spacing:.12em}
.hp-lookup h2{font-size:clamp(34px,4vw,52px);letter-spacing:-.04em;margin:13px 0}.hp-lookup form{background:#fff;border-radius:16px;padding:22px;box-shadow:0 14px 40px #001a411f}
.rich-footer{margin-top:auto}.state-page+.rich-footer{margin-top:90px}.checkout+.rich-footer{margin-top:30px}
body{min-height:100vh;display:flex;flex-direction:column}body>main{flex:1}
@media(max-width:760px){.site-header{width:calc(100% - 28px);height:68px;gap:12px}.site-header:after{left:-14px;right:-14px}.site-header nav.mobile-open{top:68px}.auth-layout{min-height:auto;display:block;padding:25px 0 50px}.auth-side{display:none}.auth-card{margin:0 auto;padding:28px 20px}.hp-lookup h2{font-size:36px}.hp-lookup form{padding:16px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}

/* ===== Přihlašovací stránky — dvě plné poloviny, pravá bez boxu ===== */
.auth-eyebrow{display:inline-block;color:var(--g);font-size:11px;font-weight:900;letter-spacing:.16em;margin-bottom:18px}
.auth-features{list-style:none;padding:0;margin:34px 0 0}
.auth-features li{position:relative;padding:16px 0 16px 44px;border-top:1px solid #ffffff1f}
.auth-features li:first-child{border-top:0}
.auth-features li:before{content:"✓";position:absolute;left:0;top:15px;width:26px;height:26px;border-radius:50%;background:var(--g);color:var(--n);font-weight:900;font-size:13px;display:grid;place-items:center}
.auth-features b{display:block;color:#fff;font-size:15px}
.auth-features span{display:block;color:#9fb4d0;font-size:13px;margin-top:2px}
.auth-side-foot{display:flex;gap:22px;flex-wrap:wrap;color:#8ea6c6;font-size:12px;font-weight:700}
.auth-panel{display:flex;align-items:center;justify-content:center;padding:40px}

@media(min-width:761px){
  /* Dvě stejné poloviny přes celou výšku */
  .auth-body .auth-layout{grid-template-columns:1fr 1fr;min-height:100vh}
  /* Levá strana — bohatší gradient a jemné světlo v rohu */
  .auth-body .auth-side{padding:64px clamp(45px,6vw,90px);
    background:radial-gradient(120% 90% at 12% 8%,#1b4d90 0,#0a3068 40%,#041d42 100%)}
  .auth-body .auth-side .logo.inverse{display:inline-block;font-size:30px}
  .auth-body .auth-side h1{font-size:clamp(44px,4.4vw,64px);line-height:1.03;letter-spacing:-.045em;margin:0 0 16px}
  .auth-body .auth-side>div.auth-hero{max-width:460px}
  /* Pravá strana — žádný box, obsah roztažený a vystředěný */
  .auth-body .auth-panel{padding:40px clamp(40px,5vw,80px)}
  .auth-body .auth-card{background:none;box-shadow:none;border-radius:0;width:100%;max-width:420px;margin:0;padding:0}
}

/* Pole a tlačítka na přihlášení — vzdušnější */
.auth-card .fields{gap:15px}
.auth-card .fields label{font-size:13px;font-weight:800;gap:7px}
.auth-card .fields input{padding:15px 16px;border-radius:11px;font-size:15px}
.auth-card .fields input:focus{outline:none;border-color:var(--b);box-shadow:0 0 0 3px #eaf2ff}
.auth-card .btn{padding:16px;border-radius:12px;font-size:15px}

/* Oprava: tlačítko „Přihlásit se" v hlavičce mělo bílý text na bílém pozadí */
.site-header .login-button{color:var(--n)!important}

/* ===== Větvení formulářů, nabídky, doklady ===== */
[hidden]{display:none!important}
.field-legend{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);font-weight:900;margin:26px 0 12px}
.branch-block{margin-top:18px}
.yesno{display:flex;gap:22px;margin-top:8px;font-weight:600}
.yesno label{flex-direction:row;align-items:center;gap:8px}
.subfield{background:var(--ice);border-radius:11px;padding:14px 16px}
.ins-hint{margin-top:14px;background:#eef5ff;border:1px solid #d9e8fb;border-radius:11px;padding:13px 16px;color:var(--b);font-size:13px}
.ins-recap{display:flex;flex-direction:column;gap:2px;background:var(--ice);border-radius:12px;padding:14px 16px;margin-bottom:20px}
.ins-recap span{font-size:11px;font-weight:900;letter-spacing:.06em;color:var(--mut)}
.ins-recap b{color:var(--n);font-size:16px}
.offer-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}
.offer{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:14px;padding:18px 20px;cursor:pointer}
.offer:has(input:checked){border:2px solid var(--b);background:#f3f7ff}
.offer input{margin-top:2px}
.offer-main{display:flex;flex-direction:column;flex:1}
.offer-main small{color:var(--mut);margin-top:3px}
.offer-price{font-size:22px;font-weight:900;color:var(--n);text-align:right;white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end}
.offer-price em{font-style:normal;font-size:10px;font-weight:900;color:var(--g);background:#e7f9f1;padding:3px 8px;border-radius:99px;margin-top:5px}
.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:10px}
.upload-grid .upload{padding:34px 18px}
.summary-total{border-top:2px solid var(--n)!important;margin-top:6px}
.summary-total b{font-size:22px;color:var(--b)}
@media(max-width:760px){.upload-grid{grid-template-columns:1fr}}

/* Odkaz-tlačítko v auth kartě: .auth-card a nastavuje modrou, u .btn to přebijeme */
.auth-card a.btn{color:#fff}
.auth-card a.btn.light{color:var(--n)}

/* Mobilní hlavička: schovat navigaci a odkazy, zobrazit hamburger (pojistka) */
@media(max-width:760px){
  .site-header nav:not(.mobile-open){display:none!important}
  .site-header .guest-actions{display:none!important}
  .site-header .mobile-toggle{display:block!important;margin-left:auto}
  .site-header{gap:12px!important}
}

/* ===== Hodnocení na homepage ===== */
.hp-reviews{width:min(1180px,calc(100% - 40px));margin:auto;padding:40px 0 90px}
.reviews-wrap{display:grid;grid-template-columns:.8fr 2fr;gap:20px;margin-top:40px;align-items:start}
.review-score{background:var(--n);color:#fff;border-radius:20px;padding:32px;text-align:center}
.review-score>b{display:block;font-size:64px;line-height:1;letter-spacing:-.04em}
.review-score .stars{color:#ffc531;font-size:20px;margin:8px 0}
.review-score>span{color:#b8c8dc;font-size:13px}
.review-bars{margin-top:22px;display:flex;flex-direction:column;gap:7px}
.review-bars i{display:flex;align-items:center;gap:8px}
.review-bars em{font-style:normal;color:#b8c8dc;font-size:11px;width:10px}
.review-bars s{flex:1;height:6px;background:#ffffff22;border-radius:99px;overflow:hidden}
.review-bars u{display:block;height:100%;background:var(--g)}
.review-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.review-cards article{border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column}
.review-cards .stars{color:#ffc531;font-size:16px}
.review-cards p{color:var(--n);line-height:1.6;flex:1;margin:14px 0}
.review-cards b{color:var(--n)}
.review-cards small{color:var(--mut);margin-top:2px}

/* ===== Novinky na homepage + výpis ===== */
.hp-news{width:min(1180px,calc(100% - 40px));margin:auto;padding:0 0 90px;position:relative}
.hp-news .news-all{position:absolute;right:0;top:6px;color:var(--b);font-weight:800;text-decoration:none}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}
.news-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;padding:24px;text-decoration:none;color:var(--n);transition:border-color .2s,box-shadow .2s}
.news-card:hover{border-color:var(--b);box-shadow:0 12px 34px #06285c0f}
.news-tag{align-self:flex-start;background:#eef5ff;color:var(--b);font-size:10px;font-weight:900;letter-spacing:.05em;padding:5px 9px;border-radius:99px}
.news-card time{color:var(--mut);font-size:12px;margin:14px 0 6px}
.news-card h3{margin:0 0 8px;line-height:1.25}
.news-card p{color:var(--mut);line-height:1.6;flex:1;margin:0}
.news-card em{font-style:normal;color:var(--b);font-weight:800;margin-top:16px}

/* ===== Detail článku ===== */
.news-article{width:min(760px,calc(100% - 40px));margin:auto;padding:55px 0 90px}
.news-article .back-link{color:var(--n);font-weight:700}
.news-article-meta{display:flex;align-items:center;gap:10px;color:var(--mut);font-size:12px;margin:22px 0 14px}
.news-article h1{font-size:44px;line-height:1.08;margin:0 0 18px}
.news-lead{font-size:20px;color:var(--mut);line-height:1.6}
.news-body{margin-top:28px}
.news-body h2{font-size:24px;margin:34px 0 12px}
.news-body p{color:#33445e;line-height:1.75;margin:0 0 16px}
.news-cta{margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}

@media(max-width:760px){
  .reviews-wrap{grid-template-columns:1fr}
  .review-cards{grid-template-columns:1fr}
  .news-grid{grid-template-columns:1fr}
  .hp-news .news-all{position:static;display:inline-block;margin-top:12px}
  .news-article h1{font-size:32px}.news-lead{font-size:17px}
}

/* Odznak „Aktivní" v seznamu smluv se roztahoval na výšku bloku (flex stretch) */
.contract-top{align-items:flex-start}
.badge{align-self:flex-start}

/* ===== Univerzální modal ===== */
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;background:#06285cbf;backdrop-filter:blur(3px)}
.modal.open{display:flex}
.modal-card{position:relative;background:#fff;border-radius:20px;padding:34px;width:min(460px,100%);box-shadow:0 30px 80px #06285c55;animation:modalIn .18s ease}
@keyframes modalIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.modal-card>small{color:var(--g);font-weight:900;letter-spacing:.05em}
.modal-card h3{margin:6px 0 10px;font-size:24px}
.modal-card>p{color:var(--mut);line-height:1.65;margin:0}
.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}
.modal-x{position:absolute;top:14px;right:16px;border:0;background:none;font-size:26px;color:var(--mut);cursor:pointer;line-height:1}
@media(max-width:760px){.modal-card{padding:26px}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%;justify-content:center}}

/* ===== Flash zprávy (toasty vpravo nahoře) ===== */
.flash-stack{position:fixed;top:18px;right:18px;z-index:200;display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 36px))}
.flash{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--b);border-radius:12px;padding:14px 14px 14px 16px;box-shadow:0 16px 40px #06285c22;animation:flashIn .22s ease}
@keyframes flashIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
.flash.is-closing{opacity:0;transform:translateX(16px);transition:.2s}
.flash-ico{flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:900;margin-top:1px}
.flash-body{flex:1;min-width:0}
.flash-body b{display:block;color:var(--n);font-size:14px}
.flash-body span{color:var(--mut);font-size:13px;line-height:1.5}
.flash-x{border:0;background:none;font-size:18px;line-height:1;color:var(--mut);cursor:pointer;padding:0 2px}
.flash.success{border-left-color:var(--g)}.flash.success .flash-ico{background:var(--g)}
.flash.info{border-left-color:var(--b)}.flash.info .flash-ico{background:var(--b)}
.flash.warning{border-left-color:#f0a500}.flash.warning .flash-ico{background:#f0a500}
.flash.danger,.flash.error{border-left-color:#f52f7f}.flash.danger .flash-ico,.flash.error .flash-ico{background:#f52f7f}
@media(max-width:760px){.flash-stack{top:12px;right:12px;left:12px;width:auto}}

/* Vyhledávací pole v portálovém toolbaru (claims) mělo rámeček jen ve .toolbar */
.portal-toolbar .search{display:flex;align-items:center;flex:1;gap:8px;border:1px solid var(--line);padding:0 15px;border-radius:11px;background:#fff;color:var(--mut)}
.portal-toolbar .search input{border:0;outline:0;flex:1;padding:15px 0;background:none}
.portal-toolbar .search:focus-within{border-color:var(--b);box-shadow:0 0 0 3px #eaf2ff}

/* Task-banner: odkaz „Zobrazit →" má vypadat stejně jako tlačítko */
.task-banner a,.task-banner button{border:0;background:none;color:var(--b);font-weight:800;text-decoration:none;cursor:pointer;white-space:nowrap;align-self:center}
.task-banner a:hover,.task-banner button:hover{text-decoration:underline}

/* Flash ikona jako SVG (čistá, místo textových znaků) */
.flash-ico{display:grid;place-items:center}
.flash-ico svg{display:block}
/* Nepřihlášený účet v hlavičce: neutrální avatar + rozbalovátko */
.demo-account.guest>button>i.guest-ico{background:#eef5ff;color:var(--b)}
.demo-account.guest>button>i.guest-ico svg{width:18px;height:18px}

/* Chybová hláška ve formulářích auth */
.auth-err{background:#fff0f6;border:1px solid #fbc0d8;color:#a3134f;border-radius:10px;padding:12px 14px;font-size:13px;display:flex;flex-direction:column;gap:4px}

/* Prázdný stav (výsledek hledání apod.) */
.dmg-empty{text-align:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:56px 30px;max-width:620px;margin:10px auto}
.dmg-empty__ico{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:var(--ice);color:var(--b);font-size:26px;font-weight:900;display:grid;place-items:center}
.dmg-empty strong{display:block;font-size:22px;color:var(--n)}
.dmg-empty p{margin:8px auto 22px;max-width:44em;color:var(--mut);line-height:1.7}

/* Hero bez postranní karty — jeden sloupec, čitelná šířka */
.hp-hero--solo{grid-template-columns:1fr}
.hp-hero--solo>div{max-width:860px}
.hp-hero--solo h1{font-size:64px}
@media(max-width:760px){.hp-hero--solo h1{font-size:44px}}

/* ===== Prodloužení: formulář zákazníka (buy) ===== */
.buy-form{margin-top:8px}
.bf-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.bf-row.bf-1{grid-template-columns:1fr}
.bf-field{display:flex;flex-direction:column;gap:6px}
.bf-field label{font-size:12px;font-weight:800;color:var(--n)}
.bf-field input,.bf-field select{border:1px solid var(--line);border-radius:9px;padding:13px 14px;font-size:14px;color:var(--n);background:#fff;width:100%}
.bf-field input:focus,.bf-field select:focus{outline:none;border-color:var(--b);box-shadow:0 0 0 3px #eaf2ff}
@media(max-width:640px){.bf-row{grid-template-columns:1fr}}
.order-side dl>div b a{color:var(--b);text-decoration:none}

/* Detail smlouvy — hlavička ve dvou řadách (akce nahoře, název pod ním) */
.ctr-head2{display:block}
.ctr-head2-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.ctr-head2-top>a:first-child{color:var(--n);font-weight:700;text-decoration:none}
@media(max-width:560px){.ctr-head2-top{flex-wrap:wrap}.ctr-head2-top .btn{width:100%;justify-content:center}}

/* ===== Custom select (buy form) ===== */
.bf-field select{-webkit-appearance:none;appearance:none;padding-right:40px;cursor:pointer;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230761e9' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:16px}

/* ===== Souhrn prodloužení: label malý nad hodnotou ===== */
.buy-sum{margin-top:6px;border-top:1px solid var(--line)}
.buy-sum__row{padding:12px 0;border-bottom:1px solid var(--line)}
.buy-sum__row span{display:block;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin-bottom:3px}
.buy-sum__row b{display:block;font-size:14px;color:var(--n);line-height:1.35;font-weight:700}
.buy-sum__row b a{color:var(--b);text-decoration:none}
.buy-note{display:flex;gap:10px;align-items:flex-start;margin-top:14px;background:#fff8e9;border:1px solid #f3cd7d;border-radius:10px;padding:12px 14px;color:#8c5a00;font-size:13px;line-height:1.55}
.buy-note svg{flex:0 0 16px;margin-top:2px;color:#c98a00}

/* ===== Nabídky prodloužení — výraznější karty ===== */
.renew-plans article{position:relative;overflow:hidden;transition:box-shadow .2s,transform .2s,border-color .2s}
.renew-plans article::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--b),var(--g))}
.renew-plans article:hover{box-shadow:0 18px 44px #06285c1a;transform:translateY(-3px);border-color:var(--b)}
.renew-plans article>small{display:block;color:var(--g);font-size:10px;font-weight:900;letter-spacing:.08em;margin-top:6px}
.renew-plans article h2{font-size:30px;letter-spacing:-.03em;margin:2px 0 4px}
.renew-plans article>p{color:var(--n);font-weight:700;min-height:44px}
.renew-plans article ul{list-style:none;padding:16px 0;margin:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:9px}
.renew-plans article ul li{color:var(--mut);font-size:13.5px}
.renew-plans article ul li a{color:var(--b);text-decoration:none;font-weight:700}
.renew-plans article>b{display:block;font-size:30px;letter-spacing:-.03em;color:var(--n);margin:6px 0 4px}
.renew-plans article>b::after{content:"";display:block;width:34px;height:3px;background:var(--g);border-radius:3px;margin-top:8px}
.renew-plans .btn{width:100%;justify-content:center;margin-top:16px}

/* ── Moje škody — karta škody, počítadla, průběh, historie ── */
.claim-stats__item{border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;flex-direction:column;text-decoration:none;color:var(--n);transition:border-color .18s,box-shadow .18s}
.claim-stats__item:hover{border-color:var(--b);box-shadow:0 3px 8px #06285c12}
.claim-stats__item.active{border:2px solid var(--b)}
.claim-stats__item b{font-size:28px}
.claim-stats__item span{color:var(--mut)}
.claim-stats__item.blue-num b{color:var(--b)}
.claim-stats__item.orange b{color:#d17800}
.claim-stats__item.green b{color:#09a963}

/* karty škod pod sebou + barevný proužek podle stavu */
.portal-content > .claim-list-card{margin-bottom:14px}
.claim-list-card.tone-run{border-left-color:var(--b)}
.claim-list-card.tone-wait{border-left-color:#e0a100}
.claim-list-card.tone-ok{border-left-color:var(--g)}
.claim-list-card.tone-bad{border-left-color:#98a7c0}
.claim-list-card h3{margin:18px 0 4px;font-size:16px}
.claim-list-card > p{color:var(--mut);margin:0}
.claim-list-card > header small{text-align:right;color:var(--mut);white-space:nowrap}
.claim-list-card > header small b{color:var(--n)}
.claim-moved{font-size:11px;color:var(--mut)}
.badge.gray{background:#eef1f6;color:#5e76a0}

/* průběh — dokončená fáze zeleně se zaškrtnutím */
.claim-steps .done i{background:var(--g);border-color:var(--g);color:#fff}
.claim-steps .done span{color:#087c4e}
.claim-steps .done{border-top-color:var(--g)}

.need-box ul{margin:8px 0;padding-left:22px}
.need-box li{margin-bottom:3px}
.need-box span{display:block;margin-top:6px;font-size:12px}

.claim-history{margin-top:14px}
.claim-history summary{cursor:pointer;font-weight:800;color:var(--b)}
.claim-history ol{margin:12px 0 0;padding:0 0 0 18px;border-left:2px solid #e6effe;list-style:none}
.claim-history li{position:relative;padding:0 0 12px 8px;color:var(--n)}
.claim-history li:before{content:"";position:absolute;left:-25px;top:5px;width:9px;height:9px;border-radius:50%;background:#abcff2}
.claim-history li:first-child:before{background:var(--b)}
.claim-history__date{display:inline-block;min-width:92px;color:var(--mut)}

.claim-pages{display:flex;align-items:center;justify-content:center;gap:16px;margin:26px 0 10px;color:var(--mut)}

/* ── Moje smlouvy — vyhledání a přidání smlouvy podle certifikátu ── */
.add-contract-box{border:1px solid var(--line);border-radius:14px;padding:22px;margin:0 0 22px;background:var(--ice)}
.add-contract-box>p{margin:0 0 12px;color:var(--mut)}
.add-contract-form{display:flex;gap:10px;flex-wrap:wrap}
.add-contract-form input{flex:1;min-width:220px;border:1px solid var(--line);border-radius:9px;padding:14px 15px;background:#fff}

/* ── Moje škody — opravy odsazení a mobilního ořezu koleček ── */
.claim-list-card .need-box{margin-top:16px}
.claim-list-card > p{margin:0 0 4px}
/* kolečka mají záporný horní margin; kontejner potřebuje nahoře místo,
   jinak je na mobilu (overflow:auto) ořízne */
.claim-steps{padding-top:16px}
@media(max-width:760px){
  .claim-steps{overflow:auto;padding-top:16px}
  .claim-steps i{margin-top:-14px}
}

/* Splátkový kalendář — červený stav „Po termínu" + zarovnání akční buňky */
.badge.red{background:#fff0f2;color:#b7293d}
.repay-qr{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.repay-qr img{width:120px;height:120px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:6px}

/* ── Splátkový kalendář — výrazný panel k úhradě ── */
.pay-panel{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;
	margin:22px 0;padding:26px 28px;border-radius:18px;color:#fff;
	background:linear-gradient(135deg,#0761e9,#0a47cf);box-shadow:0 16px 40px #0761e930}
.pay-panel--overdue{background:linear-gradient(135deg,#e0596b,#b7293d);box-shadow:0 16px 40px #b7293d30}
.pay-panel__main>small{font-weight:900;letter-spacing:.1em;opacity:.85}
.pay-panel__amount{font-size:40px;font-weight:900;letter-spacing:-.03em;margin:6px 0 16px}
.pay-panel__dl{display:grid;grid-template-columns:repeat(2,auto);gap:10px 34px;margin:0 0 18px}
.pay-panel__dl dt{color:#fff;font-size:11px;text-transform:uppercase;letter-spacing:.05em;opacity:.8}
.pay-panel__dl dd{color:#fff;margin:2px 0 0;font-weight:800;font-size:15px}
.pay-panel__btn{background:#fff;color:var(--n);border-color:#fff}
.pay-panel__btn:hover{background:#eef5ff}
.pay-panel__qr{display:flex;flex-direction:column;align-items:center;gap:8px}
.pay-panel__qr img{width:150px;height:150px;background:#fff;border-radius:14px;padding:8px}
.pay-panel__qr span{font-size:12px;opacity:.9;max-width:150px;text-align:center}
@media(max-width:760px){
	.pay-panel{grid-template-columns:1fr;text-align:center}
	.pay-panel__dl{grid-template-columns:1fr;justify-items:center}
	.pay-panel__qr{order:-1}
}

/* ── Splátkový kalendář — banner výsledku platby ── */
.pay-result{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:14px;margin:0 0 22px;border:1px solid}
.pay-result__ico{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:22px;font-weight:900;color:#fff}
.pay-result b{display:block;font-size:17px}
.pay-result span{color:var(--mut)}
.pay-result--ok{background:#e9faf2;border-color:#b6ecd1}
.pay-result--ok .pay-result__ico{background:var(--g)}
.pay-result--pending{background:#eef5ff;border-color:#cfe0fb}
.pay-result--pending .pay-result__ico{background:var(--b)}
.pay-result--error{background:#fff0f2;border-color:#f7c3cc}
.pay-result--error .pay-result__ico{background:#b7293d}

/* ── Detail škody — taby jako odkazy, stavová tečka, modal komunikace ── */
.detail-tabs a{border:0;background:none;padding:15px 18px;color:var(--mut);font-weight:800;white-space:nowrap;border-bottom:3px solid transparent;text-decoration:none}
.detail-tabs a.active{color:var(--b);border-color:var(--b)}
.detail-tabs a i{font-style:normal;background:#f52f7f;color:#fff;border-radius:50%;padding:3px 6px;margin-left:4px;font-size:11px}
.state-dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:8px;vertical-align:middle}
.device-info-link{display:inline-block;margin-top:8px;color:var(--b);font-weight:700;text-decoration:underline;cursor:pointer;background:none;border:0;padding:0;font-size:14px}
.modal-card--wide{width:min(680px,100%)}
.modal-dl{display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:8px}
.modal-dl>div{display:grid;grid-template-columns:42% 58%;padding:11px 14px}
.modal-dl>div:nth-child(even){background:var(--ice)}
.modal-dl dt{color:var(--mut);font-size:12px}
.modal-dl dd{margin:0;font-weight:700}
.msg-body{margin-top:12px;padding:14px;background:var(--ice);border-radius:10px;white-space:pre-wrap;word-break:break-word;text-align:left;max-height:50vh;overflow:auto}
.detail-tabs-alert{width:min(1180px,calc(100% - 40px));margin:16px auto 0}
.docs-aside-empty{background:#e9faf2!important;border-color:#b6ecd1!important;color:#087c4e}
.doc-help{font-size:12px;color:var(--mut);font-weight:400;margin-top:6px}

/* ── Detail škody — poznámky ── */
.note-list{max-width:680px;margin:auto;display:flex;flex-direction:column;gap:14px}
.note-card{border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.note-card b{display:block}
.note-card p{margin:8px 0;white-space:pre-wrap;word-break:break-word}
.note-card small{color:var(--mut)}
.addfile-form .auth-err{margin-bottom:12px}

/* Detail škody — tabulky přehledu na celou šířku panelu */
.data-section{max-width:none}

/* Detail škody — na desktopu fixní šířka popiskového sloupce */
@media(min-width:761px){
	.data-section dl>div{grid-template-columns:340px 1fr}
}

/* ── Partner rozcestník ── */
.partner-box{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid var(--line);border-radius:16px;padding:20px 24px;margin-bottom:20px}
.partner-box small{color:var(--g);font-weight:900;font-size:11px;letter-spacing:.1em}
.partner-box b{display:block;font-size:22px}
.report-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.report-choices article{border:1px solid var(--line);border-radius:16px;padding:24px;display:flex;flex-direction:column}
.report-choices strong{font-size:17px}
.report-choices p{color:var(--mut);margin:8px 0 18px;flex:1}
@media(max-width:820px){.report-choices{grid-template-columns:1fr}}

/* ── Hlášení škody — typ osoby (přepínač) + datum narození ── */
.person-types{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 18px}
.ptype{border:1px solid var(--line);border-radius:11px;padding:12px 18px;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:8px}
.ptype:has(input:checked){border:2px solid var(--b);background:#f3f7ff;color:var(--b)}
.ptype input{accent-color:var(--b)}
.ptype span{white-space:nowrap}
.three-inline{display:grid!important;grid-template-columns:1fr 1fr 1fr;gap:8px}
/* datepicker text input z Nette (fallback, když není type=date) */
.claim-form .datepicker{cursor:pointer}

/* ── Hlášení škody — čistší formulář (krok 4 apod.) ── */
/* vysvětlivky jemněji, ať nejsou tak tmavé/výrazné */
.claim-form .ins-hint{margin-top:0;background:none;border:0;border-left:2px solid var(--line);border-radius:0;
	padding:2px 0 2px 12px;color:var(--mut);font-size:12.5px;font-weight:400;line-height:1.5}
/* pole na celou šířku buňky + žádné přetékání v gridu */
.claim-form .fields input,.claim-form .fields select,.claim-form .fields textarea{width:100%;max-width:100%;box-sizing:border-box}
.claim-form .fields.two{gap:15px 16px}
.claim-form .fields.two>*{min-width:0}
.claim-form select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2362738c' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:38px}
/* datum narození — den/měsíc/rok v řadě */
.date-triple{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
/* souhlasy — čitelný řádek s checkboxem, popisek renderuje Nette (bez duplicit) */
.consent{display:block;margin:2px 0}
.consent>label,label.consent{display:flex;gap:10px;align-items:flex-start;font-weight:600;cursor:pointer;line-height:1.4}
.consent input[type=checkbox]{width:18px;height:18px;min-width:18px;margin-top:1px;accent-color:var(--b);cursor:pointer}
.consent-note{margin:3px 0 15px 28px;color:var(--mut);font-size:12.5px;line-height:1.5}
/* typ osoby na plnou šířku, hezčí rozložení */
.person-types{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 18px}
@media(max-width:600px){.person-types{grid-template-columns:1fr}}

/* Moje smlouvy — klikatelný název na detail + viditelné akce */
.contract-title-link{color:inherit;text-decoration:none}
.contract-title-link:hover{color:var(--b);text-decoration:underline}
.contract-actions{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);display:flex;gap:10px;flex-wrap:wrap}

/* ── Online sjednání (Insurance) — samostylované ins-* šablony; v novém
   layoutu jen vycentrovat obsah (starý grid .container/.col-xl-8 tu není) ── */
.request__quote-page .container{width:min(1000px,calc(100% - 40px));margin-inline:auto}
.request__quote-page .row{display:block}
.request__quote-page .col-xl-8{width:100%;max-width:100%}

/* ============================================================
   FÁZE A — designový základ (sticky hlavička, hover, reveal)
   ============================================================ */

/* Sticky moderní hlavička + reakce na scroll (blur, stín, zmenšení) */
.site-header{position:sticky;top:0;background:#ffffffee;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
	transition:height .22s ease,box-shadow .22s ease,background .22s ease}
.site-header.scrolled{box-shadow:0 8px 30px #06285c16;background:#fffffff7}
@media(min-width:761px){.site-header.scrolled{height:66px}}

/* Jednotný hover karet — ať web „žije" */
.contract-full,.claim-list-card,.data-card,.device-card,.hp-benefit-grid article,.review-cards article,.report-choices article{
	transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}
.contract-full:hover,.claim-list-card:hover,.data-card:hover,.device-card:hover,.hp-benefit-grid article:hover,.review-cards article:hover,.report-choices article:hover{
	box-shadow:0 14px 34px #06285c14;border-color:#c9dcf5;transform:translateY(-2px)}

/* Scroll-reveal (respektuje prefers-reduced-motion) */
[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
[data-reveal].reveal-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}}

/* Zelené „eyebrow" nadpisy sekcí (druhá barva) */
.hp-section-title small,.hp-process>small,.damage-help small{color:var(--g)}

/* ============================================================
   FÁZE B — homepage
   ============================================================ */

/* Hero: dekorativní blob + zelený akcent v nadpisu */
.hp-hero{position:relative;overflow:hidden}
.hp-hero>div,.hp-hero>aside{position:relative;z-index:1}
.hp-hero__blob{position:absolute;top:-140px;right:-140px;width:560px;height:560px;z-index:0;pointer-events:none;
	background:radial-gradient(closest-side,#16d68424,transparent 70%),radial-gradient(closest-side,#0761e91f,transparent 72%);
	background-position:28% 32%,72% 62%;background-repeat:no-repeat}
.hp-hero h1 em{background:linear-gradient(transparent 62%,#16d68440 0);padding:0 3px;border-radius:2px}

/* Živý náhled stavu škody v hero (decentní animace, bez náklonu) */
.hp-preview{transform:none;animation:hpFloat 6s ease-in-out infinite}
.hp-preview .preview-top b i{animation:hpPulse 2.4s ease-in-out infinite}
.hp-preview .preview-status>i{animation:hpPulseAmber 2.4s ease-in-out infinite}
.hp-preview__steps{display:flex;gap:7px;padding:16px 0 6px}
.hp-preview__steps i{height:6px;flex:1;border-radius:99px;background:var(--line)}
.hp-preview__steps i.done{background:var(--g)}
.hp-preview__steps i.cur{background:var(--b);animation:hpBar 2.4s ease-in-out infinite}
@keyframes hpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes hpPulse{0%,100%{box-shadow:0 0 0 0 #16d68466}50%{box-shadow:0 0 0 6px #16d68400}}
@keyframes hpPulseAmber{0%,100%{box-shadow:0 0 0 0 #ffbd2e55}50%{box-shadow:0 0 0 9px #ffbd2e00}}
@keyframes hpBar{0%,100%{opacity:.45}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.hp-preview,.hp-preview *{animation:none!important}}

/* Trust band pod hero (dle původního webu: ČNB, síť INSIA, klienti) */
.hp-trustbar{width:min(1180px,calc(100% - 40px));margin:0 auto 24px;display:flex;flex-wrap:wrap;gap:12px 30px;
	padding:18px 24px;background:var(--ice);border-radius:16px;font-weight:700;font-size:14px;color:var(--n)}

/* SVG ikony v benefitech + procesu */
.hp-benefit-grid article i,.hp-process article .hp-ico{display:grid;place-items:center}
.hp-benefit-grid article i svg,.hp-process article .hp-ico svg{width:26px;height:26px}
.hp-process article .hp-ico{width:46px;height:46px;margin:0 auto 12px;border-radius:13px;background:var(--ice);color:var(--b)}

/* Proces jako propojená časová osa (odliší od benefitů) */
.hp-process>div{position:relative}
@media(min-width:761px){
	.hp-process>div::before{content:"";position:absolute;top:23px;left:12.5%;right:12.5%;height:2px;
		background:linear-gradient(90deg,var(--g),var(--b));z-index:0;opacity:.5}
	.hp-process article{position:relative;z-index:1}
}

/* Homepage — sjednocené eyebrow nadpisy (zelené, stejný font) */
.hp-lookup small,.damage-help small,.hp-section-title small,.hp-process>small,.hp-cta small{
	color:var(--g);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}

/* Proces — uzel = kolečko s ikonou + rožkové číslo; zarovnání + spojnice */
.hp-process article{text-align:center}
.hp-process h3{margin:4px 0 6px}
.hp-process article .hp-ico{position:relative;width:52px;height:52px;border-radius:50%;background:#fff;
	border:2px solid var(--b);color:var(--b);margin:0 auto 14px}
.hp-process article .hp-ico b{position:absolute;top:-6px;right:-6px;width:22px;height:22px;font-size:11px;
	font-weight:800;background:var(--g);color:#fff;border-radius:50%;display:grid;place-items:center;border:2px solid #fff}
@media(min-width:761px){.hp-process>div::before{top:50px}}

/* Hero preview = UKÁZKA: štítek, rozmazaný certifikát, legenda kroků */
.hp-preview{position:relative}
.hp-preview__demo{position:absolute;top:12px;right:12px;background:var(--n);color:#fff;font-size:10px;font-weight:900;
	letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:99px;opacity:.85;z-index:2}
.hp-blur{filter:blur(3px);user-select:none}
.hp-preview__legend{color:var(--mut);font-size:11px;text-align:center;padding-top:4px}

/* Přístupnost — vizuálně skrytý popisek */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Homepage — hero SVG ilustrace (nahrazuje kartu s „daty") */
.hp-illustration{position:relative}
.hp-illustration svg{width:100%;height:auto;max-width:460px;margin:0 auto;display:block;
	filter:drop-shadow(0 30px 60px #06285c1f);animation:hpFloat 6.5s ease-in-out infinite}
.hp-il-check{stroke-dasharray:80;stroke-dashoffset:80;animation:hpDraw 1s .35s ease forwards}
.hp-il-progress{transform-origin:150px 326px;transform:scaleX(.62);animation:hpFill 3s ease-in-out infinite alternate}
.hp-il-cur{animation:hpPulseB 2.2s ease-in-out infinite}
.hp-il-dot{opacity:.85}
.hp-il-dot--g{fill:#16d684;animation:hpFloat2 4s ease-in-out infinite}
.hp-il-dot--b{fill:#0761e9;animation:hpFloat2 5s ease-in-out infinite .5s}
@keyframes hpDraw{to{stroke-dashoffset:0}}
@keyframes hpFill{0%{transform:scaleX(.5)}100%{transform:scaleX(.78)}}
@keyframes hpPulseB{0%,100%{r:8}50%{r:10}}
@keyframes hpFloat2{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(prefers-reduced-motion:reduce){.hp-illustration svg,.hp-il-check,.hp-il-progress,.hp-il-cur,.hp-il-dot{animation:none!important;stroke-dashoffset:0!important;transform:none!important}}

/* Homepage — výrazné vyhledání (široký search bar) */
.hp-lookup--wide{display:block;text-align:center;padding:60px}
.hp-lookup--wide .hp-lookup__head{max-width:720px;margin:0 auto 30px}
.hp-lookup--wide .hp-search{display:flex;gap:12px;max-width:840px;margin:0 auto;background:none;box-shadow:none;padding:0;border-radius:0}
.hp-lookup--wide .hp-search input{flex:1;height:66px;margin:0;font-size:18px;border-radius:14px;border:2px solid transparent;padding:0 22px;color:var(--n);background:#fff}
.hp-lookup--wide .hp-search input:focus{outline:none;border-color:var(--g);box-shadow:0 0 0 4px #16d68440}
.hp-lookup--wide .hp-search .btn{width:auto;height:66px;padding:0 34px;font-size:17px;line-height:1;align-items:center;justify-content:center;white-space:nowrap;background:var(--g);border-color:var(--g)}
.hp-lookup--wide .hp-search .btn:hover{background:#12c072;border-color:#12c072}
.hp-lookup--wide .hp-search__hint{display:block;margin-top:16px;color:#b8c8dc;font-size:13px}
@media(max-width:640px){.hp-lookup--wide{padding:30px 20px}.hp-lookup--wide .hp-search{flex-direction:column}.hp-lookup--wide .hp-search .btn{width:100%;justify-content:center}}

/* ============================================================
   FÁZE C — vyhledání & seznamy (na úroveň homepage)
   ============================================================ */

/* Hlavičky sekcí — víc prezence */
.portal-head small{letter-spacing:.12em;text-transform:uppercase}
.portal-head h1{letter-spacing:-.04em}

/* Karty smluv — modrý akcent, podbarvený info-blok, silnější stín */
.contract-full{border-left:4px solid var(--b);box-shadow:0 14px 40px #06285c10}
.contract-full .contract-top>div>small{color:var(--g);font-weight:900;letter-spacing:.1em}
.contract-full dl{background:var(--ice);border-radius:14px;padding:18px 22px;gap:16px 30px;margin-top:20px}
.contract-full dl dt{text-transform:uppercase;letter-spacing:.04em}

/* Navázané škody — jemný hover */
.nested-claims article{border-radius:11px;transition:box-shadow .18s ease,transform .18s ease}
.nested-claims article:hover{box-shadow:0 8px 20px #06285c12;transform:translateY(-1px)}

/* Karty škod (Moje škody) — výchozí stín jako u smluv */
.claim-list-card{box-shadow:0 14px 40px #06285c10}

/* Počítadla škod — jemný stín + zvýraznění aktivního dle tónu */
.claim-stats__item{box-shadow:0 4px 14px #06285c0a}
.claim-stats__item.active{box-shadow:0 8px 22px #0761e91f}
.claim-stats__item.green.active{box-shadow:0 8px 22px #12a45e26}
.claim-stats__item.orange.active{box-shadow:0 8px 22px #d1780026}

/* ============================================================
   FÁZE D — hero hlavičky detailů (smlouva vs škoda)
   ============================================================ */
.detail-hero__main{display:flex;gap:18px;align-items:flex-start}
.detail-hero__ico{flex:none;width:60px;height:60px;border-radius:16px;display:grid;place-items:center}
.detail-hero__ico svg{width:30px;height:30px}
.detail-hero__ico--contract{background:#eaf2ff;color:var(--b)}
.detail-hero__ico--claim{background:#eafaf1;color:#12a45e}
@media(max-width:560px){.detail-hero__ico{width:48px;height:48px;border-radius:13px}.detail-hero__ico svg{width:24px;height:24px}}

/* Chip stavu krytí smlouvy */
.cover-chip{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:7px 14px;border-radius:99px;font-size:13px;font-weight:800}
.cover-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.cover-ok{background:#e7f9f1;color:#087c4e}
.cover-wait{background:#fff3d9;color:#9a6100}
.cover-off{background:#eef1f6;color:#5e76a0}

/* Barevná stopa hlaviček: smlouva = modrá, škoda = zelená */
.claim-detail-head.ctr-head2{border-top:3px solid var(--b);border-radius:0 0 20px 20px;
	background:linear-gradient(180deg,#f4f9ff,transparent 65%);padding:34px 22px}
.claim-detail-head:not(.ctr-head2){border-top:3px solid var(--g);border-radius:0 0 20px 20px;
	background:linear-gradient(180deg,#f1fdf8,transparent 65%);padding:34px 22px}

/* Zpětný odkaz v hlavičce (splátkový kalendář apod.) */
.portal-back{display:inline-block;margin-bottom:12px;color:var(--n);font-weight:700;text-decoration:none}
.portal-back:hover{color:var(--b)}

/* Detail smlouvy — čitelnější „tabulky" (data-card) */
.data-card{box-shadow:0 14px 40px #06285c0c}
.data-card h2{font-size:15px;letter-spacing:.02em;margin:0 0 8px;padding-bottom:14px;border-bottom:2px solid var(--ice)}
.data-card dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:12px 14px;margin:0 -14px;border:0;border-radius:9px}
.data-card dl>div:nth-of-type(even){background:var(--ice)}
.data-card dl dt{color:var(--mut);font-size:12.5px;font-weight:600;white-space:nowrap}
.data-card dl dd{margin:0;font-weight:700;text-align:right;color:var(--n)}

/* ── Kontaktní stránka ── */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:760px){.contact-grid{grid-template-columns:1fr}}
.contact-line{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--line)}
.contact-line:first-of-type{border-top:0}
.contact-line__ico{flex:none;width:44px;height:44px;border-radius:12px;background:var(--ice);color:var(--b);display:grid;place-items:center;font-size:20px}
.contact-line small{display:block;color:var(--mut);font-size:11px;font-weight:700;letter-spacing:.06em}
.contact-line b{display:block;font-size:16px}
.contact-line span{display:block;color:var(--mut)}
.contact-line a{color:var(--b);text-decoration:none}
.contact-note{margin:16px 0 0;color:var(--mut);font-size:13px;line-height:1.6}
.contact-note a{color:var(--b);font-weight:700}
.contact-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;
	padding:26px 30px;border-radius:20px;background:var(--n);color:#fff}
.contact-cta small{color:var(--g);font-weight:900;font-size:11px;letter-spacing:.1em}
.contact-cta h2{margin:6px 0 4px}
.contact-cta p{color:#b8c8dc;margin:0}
@media(max-width:640px){.contact-cta{flex-direction:column;text-align:center}.contact-cta .btn{width:100%;justify-content:center}}

/* Kontakt — velikost SVG ikon */
.contact-line__ico svg{width:20px;height:20px}

/* Kontakt — vycentrování a velikost ikon (oprava „malé vpravo nahoře") */
.contact-line__ico{display:flex!important;align-items:center;justify-content:center}
.contact-line__ico svg{width:22px;height:22px;display:block}

/* Taby účtu — podtrhávací styl se spodní linkou + ikony (desktop i mobil) */
.portal-tabs{display:flex;gap:4px;margin-top:26px;border-bottom:1px solid var(--line);overflow:auto}
.portal-tabs a{display:inline-flex;align-items:center;gap:9px;padding:14px 18px;background:none;color:var(--mut);text-decoration:none;font-weight:800;border-bottom:3px solid transparent;white-space:nowrap;margin-bottom:-1px}
.portal-tabs a svg{width:18px;height:18px}
.portal-tabs a:hover{color:var(--n)}
.portal-tabs a.active{background:none;box-shadow:none;color:var(--b);border-bottom-color:var(--b)}

/* Přepínač jazyka v hlavičce */
.lang-switch{display:flex;gap:2px;align-items:center;font-size:12px;font-weight:800}
.lang-switch a{color:var(--mut);text-decoration:none;padding:5px 8px;border-radius:8px;line-height:1}
.lang-switch a:hover{color:var(--n);background:var(--ice)}
.lang-switch a.active{color:var(--b);background:#eaf2ff}
@media(max-width:760px){.lang-switch{margin-left:auto}}

/* Přepínač jazyka — rozbalovací menu */
.lang-dd{position:relative}
.lang-dd>button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;font-weight:800;font-size:13px;color:var(--n);cursor:pointer;display:flex;align-items:center;gap:6px}
.lang-dd>button:hover{border-color:var(--b)}
.lang-caret{color:var(--mut);font-size:11px}
.lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px #06285c1f;padding:6px;display:none;z-index:60}
.lang-dd.open .lang-menu{display:block}
.lang-menu a{display:block;padding:10px 12px;border-radius:8px;color:var(--n);text-decoration:none;font-weight:700;font-size:14px}
.lang-menu a:hover{background:var(--ice)}
.lang-menu a.active{color:var(--b);background:#eaf2ff}

/* Jazyky v mobilním menu (dole, vedle sebe); na desktopu je dropdown */
.nav-langs{display:none}
@media(max-width:760px){
	.site-header .lang-dd{display:none}
	.site-header nav.mobile-open .nav-langs{display:flex;gap:8px;margin-top:12px;padding-top:14px;border-top:1px solid var(--line)}
	.site-header nav.mobile-open .nav-langs a{flex:1;text-align:center;padding:11px;border:1px solid var(--line);border-radius:10px;font-weight:800;color:var(--mut);text-decoration:none}
	.site-header nav.mobile-open .nav-langs a.active{color:var(--b);border-color:var(--b);background:#eaf2ff}
}

/* Cookie lišta */
.cookie-bar{position:fixed;left:16px;right:16px;bottom:16px;z-index:120;max-width:560px;margin:0 auto;
	background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 60px #06285c2a;
	padding:20px 22px;display:flex;flex-direction:column;gap:14px;
	opacity:0;transform:translateY(14px);transition:opacity .3s ease,transform .3s ease}
.cookie-bar.show{opacity:1;transform:none}
.cookie-bar__text b{display:block;font-size:16px;margin-bottom:4px}
.cookie-bar__text span{color:var(--mut);font-size:13.5px;line-height:1.6}
.cookie-bar__actions{display:flex;gap:10px;justify-content:flex-end}
.cookie-bar__actions .btn{padding:11px 20px}
@media(max-width:560px){.cookie-bar__actions{flex-direction:column-reverse}.cookie-bar__actions .btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.cookie-bar{transition:none}}


/* ── Personalizovaný pás (host vs přihlášený) + zvýraznění widgetu účtu ── */
.user-strip{width:min(1180px,calc(100% - 40px));margin:18px auto 0;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:14px;padding:14px 20px}
.user-strip[hidden]{display:none}
.user-strip__close{border:0;background:none;color:var(--mut);font-size:22px;line-height:1;cursor:pointer;padding:0 4px;margin-left:4px}
.user-strip__close:hover{color:var(--n)}
.user-strip__msg{display:flex;align-items:center;gap:12px}
.user-strip__msg b{font-weight:800}
.user-strip__msg small{display:block;color:var(--mut);font-size:12px;margin-top:2px}
/* host — barevný, výrazný, ať vpadne do oka */
.user-strip--guest{background:linear-gradient(90deg,#eef5ff,#eafaf1);border:1px solid #cfe2fb}
.user-strip--guest .user-strip__lock{font-size:20px;line-height:1}
.user-strip--guest .btn{white-space:nowrap;padding:11px 18px}
/* přihlášený — decentní, brandový */
.user-strip--in{background:var(--ice);border:1px solid var(--line)}
.user-strip--in .user-strip__ava{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--n);color:#fff;font-size:12px;font-weight:800;font-style:normal}
.user-strip--in .user-strip__actions{display:flex;gap:10px}
.user-strip--in .user-strip__actions a{color:var(--b);font-weight:800;text-decoration:none;background:#fff;border:1px solid var(--line);padding:9px 14px;border-radius:10px}
.user-strip--in .user-strip__actions a:hover{border-color:var(--b)}
/* Guest widget vpravo nahoře — čitelné „Přihlásit se" (brand pill + plná modrá login ikona) */
.demo-account.guest>button{border:1px solid #cfe2fb;background:#eef5ff;border-radius:999px;padding:5px 16px 5px 6px;box-shadow:0 4px 14px #06285c0b}
.demo-account.guest>button>i.guest-ico{background:var(--b);color:#fff}
.demo-account.guest>button>span small{color:var(--b);font-weight:800}
.demo-account.guest>button>span b{color:var(--n)}
@media(max-width:760px){.user-strip{flex-direction:column;align-items:flex-start;gap:10px}.user-strip--in .user-strip__actions{width:100%}.user-strip--in .user-strip__actions a{flex:1;text-align:center}.user-strip--guest .btn{width:100%;justify-content:center}}

/* Přihlášení/registrace ve stránkovém layoutu (hlavička+patička) — split „info | formulář" jako vycentrovaný box */
.auth-wrap{display:flex;justify-content:center;padding:55px 20px;background:var(--ice)}
.auth-box{width:min(960px,100%);display:grid;grid-template-columns:1.02fr .98fr;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #06285c1a;background:#fff}
.auth-box .auth-side{min-height:auto;padding:44px 40px}
.auth-box .auth-side h1{font-size:32px;margin:0 0 10px}
.auth-box .auth-side p{font-size:16px}
.auth-box .auth-panel{display:flex;align-items:center}
.auth-box .auth-card{box-shadow:none;border-radius:0;width:100%;max-width:none;margin:0;padding:44px}
@media(max-width:760px){.auth-box{grid-template-columns:1fr}.auth-box .auth-side{display:none}.auth-box .auth-card{padding:30px 22px}}