.account-link{display:grid;place-items:center;width:30px;height:44px;flex-shrink:0;position:relative}.account-link svg{width:22px;height:22px}.account-link.has-preview-profile:after{content:"";position:absolute;right:0;top:7px;width:6px;height:6px;border-radius:50%;background:#baad78;border:2px solid white;box-sizing:content-box}#account-page[hidden],#main[hidden]{display:none}.account-view{background:#fbf9f6}.account-width{max-width:1320px;margin:0 auto;padding:0 40px 80px;color:#30126c}.account-notice{display:flex;align-items:center;gap:18px;padding:22px 0;border-bottom:1px solid #e2d9e8;font-size:13px;color:#82708f}.account-notice>span{border:1px solid #cbbbda;border-radius:40px;padding:6px 10px;text-transform:uppercase;letter-spacing:.09em;font-size:12px;font-weight:650;white-space:nowrap}.account-notice p{line-height:1.6}.account-layout{display:grid;grid-template-columns:.92fr 1fr;gap:64px;padding-top:48px;align-items:start}.account-story{background:#eee7f5;border-radius:26px;padding:40px;position:sticky;top:calc(var(--header-height) + 24px)}.certus-wordmark{font-size:26px;letter-spacing:-1.2px;font-weight:800;line-height:1.4;margin-bottom:43px}.certus-wordmark span{font-weight:400}.account-story h2{font-size:clamp(36px,3vw,48px);line-height:1.12;letter-spacing:-.045em;font-weight:600;margin-bottom:27px}.account-story>p{font-size:17px;line-height:1.75;max-width:360px;color:#5b4176}.account-story ol{list-style:none;margin:32px 0;padding:0;display:grid;gap:21px}.account-story li{display:flex;align-items:center;gap:16px;font-size:14px;line-height:1.6}.account-story li>span{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;border:1px solid #cfbfdf;border-radius:50%;font-weight:600;font-size:12px}.account-brand-note{background:#30126c;border-radius:15px;color:#fff;padding:24px;margin-top:32px}.account-brand-note img{width:112px;height:auto;margin-bottom:16px}.account-brand-note p{font-size:13px;line-height:1.6;color:#e6dcef}.account-surface{min-width:0;padding-top:8px}.account-back{font-size:14px;text-decoration:underline;text-underline-offset:5px}.account-surface h1{font-size:clamp(33px,3vw,47px);line-height:1.15;letter-spacing:-.045em;font-weight:550;margin:28px 0 27px}.account-intro{font-size:17px;line-height:1.7;margin-bottom:31px;color:#604c73}.account-home-actions{display:grid;gap:14px}.account-home-actions .button,.account-submit{width:100%;min-height:54px;font-size:15px}.account-secondary{background:transparent;border:1px solid #30126c;color:#30126c}.account-secondary:hover{background:#eee7f5}.account-muted{font-size:13px;color:#766180;line-height:1.75}.account-footnote{margin-top:32px;max-width:550px}.account-field{display:block;font-size:14px;font-weight:500;margin:20px 0 8px}.account-field input,.account-password input{display:block;width:100%;border:1px solid #d5c8df;border-radius:8px;background:white;min-height:49px;padding:12px 14px;color:#30126c;font-size:16px;font-family:inherit;margin-top:8px}.account-field input:focus,.account-password input:focus{outline:2px solid #a082bc;outline-offset:2px}.account-field input::placeholder{color:#b2a5bc;font-size:14px}.account-password{position:relative;margin-bottom:12px}.account-password input{background:#f1ebf6;padding-right:100px}.account-password button{position:absolute;right:14px;top:0;height:100%;font-size:12px;text-decoration:underline;text-underline-offset:3px}.account-submit{margin-top:25px}.account-forgot{display:block;text-align:center;font-size:14px;margin-top:22px;text-decoration:underline;text-underline-offset:4px}.account-switch{margin-top:28px;padding-top:23px;border-top:1px solid #dfd4e8;text-align:center;font-size:14px;color:#877392;line-height:1.7}.account-switch a{font-weight:600;color:#30126c;text-decoration:underline;text-underline-offset:4px;margin-left:5px}.account-form-note{margin-top:17px}.account-profile{display:flex;align-items:center;gap:17px;margin-bottom:20px;overflow-wrap:anywhere}.account-avatar{display:grid;place-items:center;background:#e9def2;width:58px;height:58px;border-radius:50%;font-size:24px;flex-shrink:0}.account-profile strong{font-size:21px;font-weight:550}.account-profile p{font-size:14px;color:#846d95;margin-top:5px}.account-detail{border-top:1px solid #dfd4e8;padding-top:24px;margin-top:27px}.account-detail h2{font-size:24px;font-weight:500;letter-spacing:-.035em;margin-bottom:16px}.account-detail dl{margin:0;display:grid;gap:12px;font-size:14px;overflow-wrap:anywhere}.account-detail dl>div{display:grid;grid-template-columns:125px 1fr;gap:16px}.account-detail dt{color:#8d7999}.account-detail dd{margin:0}.account-detail p{font-size:15px;color:#766180;margin-bottom:15px}.account-detail .text-link{font-size:14px}.account-signout{font-size:13px;text-decoration:underline;text-underline-offset:4px;margin-top:32px;color:#846893}.account-reset-result h2{font-size:27px;font-weight:500;line-height:1.25;margin:10px 0 22px}.account-reset-result p{font-size:16px;line-height:1.7;color:#846f93;margin-bottom:27px}.account-view footer{margin-top:0}@media(max-width:1100px){.account-width{padding:0 30px 60px}.account-layout{gap:32px}.account-story{padding:30px}.account-story h2{font-size:36px}.account-surface h1{font-size:36px}.utility-bar{padding:0 16px;gap:8px}.utility-end{gap:8px}.brand-logo{width:76px}.search-toggle{width:28px}.account-link{width:28px}}@media(max-width:760px){.account-width{padding:0 22px 44px}.account-notice{align-items:flex-start;flex-direction:column;gap:9px;padding:20px 0;font-size:12px}.account-notice>span{font-size:12px}.account-layout{display:flex;flex-direction:column;gap:33px;padding-top:28px}.account-surface{width:100%;padding:0}.account-surface h1{font-size:35px;margin-top:25px}.account-intro{font-size:16px;margin-bottom:25px}.account-story{order:2;position:static;width:100%;padding:27px}.certus-wordmark{margin-bottom:27px;font-size:25px}.account-story h2{font-size:36px}.account-story>p{font-size:15px}.account-story ol{gap:19px;margin:25px 0}.account-story li{font-size:13px}.account-brand-note{margin-top:26px}.account-muted{font-size:13px}.account-detail dl>div{grid-template-columns:1fr;gap:4px}.account-home-actions .button,.account-submit{font-size:14px}.account-footnote{margin-top:27px}.account-profile strong{font-size:19px}}@media(max-width:360px){.utility-bar{padding:0 12px}.utility-end{gap:6px}.brand-logo{width:68px}.search-toggle,.account-link{width:24px}.site-header .cart-button{gap:2px}.site-header .cart-button>span{min-width:16px}.site-header .cart-button svg{width:20px}}

/* živý účet Certus Club: objednávky a hlášky */
.account-live-msg{margin:0 0 1rem;padding:.7rem .9rem;border-radius:12px;background:rgba(48,18,108,.08);font-size:.9rem}
.account-consent{display:flex;gap:.6rem;align-items:flex-start;font-size:.85rem;margin:.4rem 0 .8rem}
.account-orders-title{margin:1.4rem 0 .6rem;font-size:1.05rem}
.account-orders{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}
.account-order{border:1px solid rgba(48,18,108,.15);border-radius:14px;padding:.8rem 1rem}
.account-order-head{display:flex;gap:.8rem;align-items:baseline;flex-wrap:wrap}
.account-order-total{margin-left:auto;font-weight:700}
.account-order-meta{font-size:.82rem;opacity:.75;margin:.25rem 0 .4rem}
.account-order-items{margin:0;padding-left:1.1rem;font-size:.85rem}

/* účet varianta A (12. 11. 2026): menu vlevo, sekce Přehled / Objednávky / Adresy / Osobní údaje / Heslo / Newsletter */
.account-layout-app{grid-template-columns:280px 1fr;gap:48px}
.account-nav{background:#eee7f5;border-radius:26px;padding:28px 24px;position:sticky;top:calc(var(--header-height) + 24px)}
.account-nav-user{display:flex;gap:14px;align-items:center;margin-bottom:22px;overflow-wrap:anywhere}
.account-nav-user .account-avatar{width:48px;height:48px;font-size:20px}
.account-nav-user strong{display:block;font-size:16px;font-weight:600;line-height:1.3}
.account-nav-user p{font-size:13px;color:#846d95;margin-top:3px}
.account-nav-state{font-size:12px!important}.account-nav-state.ok{color:#2f7a4f!important}.account-nav-state.warn{color:#b05a1a!important}
.account-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.account-nav a,.account-nav .text-link{display:block;padding:10px 12px;border-radius:10px;font-size:15px;text-decoration:none;color:#30126c;background:none;border:0;width:100%;text-align:left;font-family:inherit;cursor:pointer}
.account-nav a:hover,.account-nav .text-link:hover{background:rgba(48,18,108,.07)}
.account-nav a[aria-current=page]{background:#30126c;color:#fff;font-weight:600}
.account-nav .text-link{color:#846d95;margin-top:10px}
.account-detail{margin:24px 0}.account-detail h2{font-size:1.05rem;margin:0 0 10px}
.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.account-field select{display:block;width:100%;border:1px solid #d5c8df;border-radius:8px;background:white;min-height:49px;padding:12px 14px;color:#30126c;font-size:16px;font-family:inherit;margin-top:8px}
.account-details{margin:18px 0 6px}.account-details summary{cursor:pointer;font-size:14px;font-weight:500;color:#5b4176}
.account-addresses{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:12px}
.account-address{border:1px solid rgba(48,18,108,.15);border-radius:14px;padding:.9rem 1.1rem;font-size:.9rem;line-height:1.55}
.account-address.is-default{border-color:#30126c}
.account-address-head{display:flex;gap:10px;align-items:center;margin-bottom:6px}
.account-tag{font-size:11px;letter-spacing:.04em;text-transform:uppercase;background:#30126c;color:#fff;border-radius:999px;padding:2px 9px}
.account-address-actions{margin-top:8px;font-size:.85rem}.account-address-actions .text-link{background:none;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
.account-order-link{display:block;color:inherit;text-decoration:none}
.account-order-full .account-order-items li{display:flex;justify-content:space-between;gap:12px}
.account-dl{margin:14px 0 0;display:grid;gap:12px}.account-dl dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:#846d95}.account-dl dd{margin:4px 0 0}
.account-inline-form{margin:0 0 14px}
.checkout-save-address{grid-column:1/-1}
@media(max-width:900px){.account-layout-app{display:flex;flex-direction:column;gap:24px}.account-nav{position:static;order:0;width:100%}.account-nav ul{display:flex;flex-wrap:wrap;gap:4px}.account-nav li{flex:1 1 auto}.account-nav .text-link{margin-top:0;width:auto}}
@media(max-width:560px){.account-grid{grid-template-columns:1fr}}

/* back link sits on its own line, clear of the page heading (Míra 12. 11.) */
.account-panel .account-back{display:inline-block;margin:4px 0 26px;line-height:1.4}
.account-panel h1{margin-top:0}
@media (max-width:560px){.account-panel .account-back{margin-bottom:18px}}
/* form actions side by side: primary grows, secondary keeps its width */
.account-form-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:10px}
.account-form-actions .account-submit{width:auto;flex:1 1 240px}
.account-form-actions .button{min-height:54px}
@media (max-width:560px){.account-form-actions .button{width:100%}}
/* breathing room between heading, notes and actions on account pages (Míra 13. 11.) */
.account-panel #account-content>p{margin:0 0 14px}
.account-panel #account-content>p.account-muted+p.account-muted{margin-top:-4px}
.account-actions-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.account-sub{font-size:17px;font-weight:550;margin:30px 0 4px;color:#30126c}
.account-sub small{font-weight:400;color:#766180;font-size:13px;margin-left:6px}
.account-phone>span{display:block}
.account-phone-row{display:grid;grid-template-columns:120px 1fr;gap:10px}
.account-phone-row select,.account-phone-row input{display:block;width:100%;border:1px solid #d5c8df;border-radius:8px;background:white;min-height:49px;padding:12px 14px;color:#30126c;font-size:16px;font-family:inherit;margin-top:8px}
.account-nav-resend{font-size:12px;margin-top:6px;text-decoration:underline;text-underline-offset:3px;color:#5b4176}
@media (max-width:560px){.account-phone-row{grid-template-columns:104px 1fr}.account-actions-row .button{width:100%}}
.account-nav-user>div{min-width:0}
.account-nav-resend{display:block;text-align:left;padding:0;background:none;border:0;font-family:inherit;cursor:pointer}
/* resend link sits inline after the e-mail state, same size, no block button (Míra 13. 11.) */
.account-nav .account-nav-resend{display:inline;width:auto;padding:0;margin:0;border:0;background:none;font:inherit;font-size:12px;color:#b05a1a;text-decoration:underline;text-underline-offset:3px;cursor:pointer;text-align:left}
.account-nav .account-nav-resend:hover{background:none;color:#30126c}
/* selects (country code, country, address kind): same box as inputs, text vertically centred, own chevron (Míra 13. 11.) */
.account-field select,.account-phone-row select{height:49px;min-height:0;padding:0 38px 0 14px;line-height:normal;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%2330126c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center;cursor:pointer}
.account-field select:focus,.account-phone-row select:focus{outline:2px solid #a082bc;outline-offset:2px}
.account-phone-row input{height:49px;min-height:0;padding:0 14px}
/* street + house number side by side; primary and secondary action share one height (Míra 13. 11.) */
.account-grid-street{grid-template-columns:2fr 1fr}
.account-form-actions{align-items:stretch}
.account-form-actions .button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding-top:0;padding-bottom:0}
@media (max-width:560px){.account-grid-street{grid-template-columns:1fr 1fr}}
.account-field select,.account-phone-row select,.account-phone-row input{height:51px}
.account-form-actions{align-items:center}
.account-form-actions .button{margin:0;height:54px}
/* account pages: no club / newsletter invitation above the footer, the account has its own Newsletter tab (Míra 13. 11.) */
body.is-account .footer-invitation{display:none}
/* Club section: brand tiles like the Certus Store hub — pastel tint, logo, category, product photo, benefit (Míra 13. 11.) */
.account-offers{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.account-offer{border:1px solid #e4def0;border-radius:16px;overflow:hidden;background:#fff}
.account-offer>a,.account-offer>div{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.account-offer>a:hover .account-offer-link{text-decoration:underline}
.account-offer-head{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 18px 14px;background:color-mix(in srgb,var(--offer,#30126c) 12%,#fff)}
.account-offer-logo{max-height:42px;max-width:160px;object-fit:contain}
.account-offer-logo.is-dark{filter:brightness(0)}
.account-offer-brand{font-size:20px;font-weight:700;color:#30126c}
.account-offer-cat{font-size:13px;color:#5b4a6e}
.account-offer-photo{height:150px;background:#fff;overflow:hidden}
.account-offer-photo img{width:100%;height:100%;object-fit:cover;display:block}
.account-offer-photo.is-contain img{object-fit:contain;padding:10px}
.account-offer-body{display:flex;flex-direction:column;gap:5px;padding:14px 18px 18px;flex:1}
.account-offer-body strong{font-size:17px;color:#30126c;line-height:1.3}
.account-offer-body p{margin:0;font-size:13px;color:#766180;line-height:1.5}
.account-offer-link{margin-top:auto;padding-top:8px;font-size:13px;font-weight:600;color:#30126c}
/* legal documents (#d/<slug>): readable column, document switcher, footer legal links */
#legal-page[hidden]{display:none}
.legal-wrap{max-width:860px;margin:0 auto;padding:24px 40px 80px;color:#30126c}
.legal-wrap .account-back{display:inline-block;margin:4px 0 22px;font-size:14px;text-decoration:underline;text-underline-offset:5px}
.legal-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.legal-nav a{font-size:13px;padding:7px 12px;border-radius:999px;border:1px solid #d5c8df;color:#30126c;text-decoration:none}
.legal-nav a[aria-current=page]{background:#30126c;color:#fff;border-color:#30126c}
.legal-doc h1{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.03em;font-weight:550;margin:0 0 18px}
.legal-doc h2{font-size:20px;margin:30px 0 10px;font-weight:600}
.legal-doc p,.legal-doc li{font-size:15px;line-height:1.7;color:#4a3a60}
.legal-doc p{margin:0 0 12px}
.legal-doc ul{margin:0 0 12px;padding-left:22px}
.legal-doc a{color:#30126c;text-decoration:underline;text-underline-offset:3px}
.footer-legal{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font-size:12px}
.footer-legal a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.footer-contact{opacity:.85}
@media (max-width:560px){.legal-wrap{padding:16px 20px 60px}}

/* consistent breathing room above every form's primary action */
#certus-live-form>.account-submit,#certus-live-form>.account-form-actions{margin-top:22px}
.account-consent{margin-top:14px}

.account-docs{margin-top:1.1rem;padding-top:.9rem;border-top:1px solid rgba(48,18,108,.12)}.account-docs h3{margin:0 0 .6rem;font-size:1rem}.account-doc-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.account-doc-list li{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;border:1px solid rgba(48,18,108,.15);border-radius:12px;padding:.55rem .9rem}.account-doc-kind{font-weight:600}.account-doc-num{opacity:.8}.account-doc-date{font-size:.82rem;opacity:.7}.account-doc-dl{margin-left:auto;padding:.45rem .9rem;font-size:.85rem}.account-doc-dl[disabled]{opacity:.6}
@media (max-width:560px){.account-doc-list li{display:grid;grid-template-columns:1fr auto;grid-template-areas:"kind btn" "num btn" "date btn";column-gap:.8rem;row-gap:.15rem}.account-doc-kind{grid-area:kind}.account-doc-num{grid-area:num}.account-doc-date{grid-area:date}.account-doc-dl{grid-area:btn;align-self:center;margin-left:0}}

.account-field textarea{display:block;width:100%;border:1px solid #d5c8df;border-radius:8px;background:white;padding:12px 14px;color:#30126c;font-size:16px;font-family:inherit;margin-top:8px;resize:vertical}.account-field-hint{margin:-.4rem 0 .9rem;font-size:.82rem}.account-products,.account-cases{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.6rem}.account-product,.account-case{border:1px solid rgba(48,18,108,.15);border-radius:12px;padding:.7rem .9rem}.account-product{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}.account-product>div{flex:1 1 220px}.account-product p{margin:.15rem 0 0;font-size:.82rem}.account-product .button{margin-left:auto;padding:.45rem .9rem;font-size:.85rem}.account-case-head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.account-case-head .account-muted{margin-left:auto;font-size:.82rem}.account-case-defect{margin:.35rem 0 0;font-size:.9rem;white-space:pre-line}.account-case-note{margin:.4rem 0 0;font-size:.85rem;background:rgba(48,18,108,.06);border-radius:8px;padding:.5rem .7rem}.account-badge{display:inline-block;border-radius:999px;padding:.15rem .6rem;font-size:.75rem;font-weight:600;background:rgba(48,18,108,.1);color:#30126c}.account-badge-resolved{background:rgba(46,125,50,.14);color:#2e7d32}.account-badge-rejected,.account-badge-cancelled{background:rgba(120,60,60,.12);color:#7a3b3b}.account-badge-in_progress,.account-badge-converted{background:rgba(48,18,108,.18)}
@media (max-width:560px){.account-product .button{margin-left:0;width:100%;justify-content:center}}