/* Login and sign-up (templates/account/entry.php): the form on the left, the other way on grey on the right.
   Not ".account" — the body of these pages has that class. */
.account-entry{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:1000px;margin:56px auto 80px;border:1px solid #d7dbe0;border-radius:var(--radius);background:#fff}
.account-entry__main{padding:36px 44px 32px}
.account-entry__side{display:flex;flex-direction:column;padding:36px 44px 32px;border-left:1px solid #d7dbe0;background:#f5f6f8}
.account-entry h1{margin:0 0 22px;font-size:28px;line-height:1.2;letter-spacing:-.4px}
.account-entry h2{margin:0;font-size:22px;line-height:1.25}
.account-entry__lead{margin:6px 0 24px;color:#5d6775;font-size:14.5px;line-height:1.5}
.account-entry__legal{margin:2px 0 0;color:#5d6775;font-size:12.5px;line-height:1.5}
.account-entry__legal a{color:#1a2233;text-decoration:underline;text-decoration-color:#b8c0cb;text-underline-offset:2px}
.account-entry__switch{display:grid;place-items:center;height:50px;border:1px solid #1a2233;border-radius:var(--radius);background:#fff;color:#1a2233;font-weight:700;text-decoration:none}
.account-entry__switch:hover{background:#eef0f3}
.account-perks{display:grid;gap:10px;margin:0 0 26px;padding:0;list-style:none}
.account-perks li{display:flex;align-items:center;gap:10px;font-size:14.5px}
.account-perks svg{flex:none;width:16px;height:16px;fill:none;stroke:rgb(22 128 65);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.account-entry__guest{margin:24px 0 0;padding-top:18px;border-top:1px solid #dfe3e8;color:#5d6775;font-size:13.5px}
.account-entry__guest button{padding:0;border:0;background:none;color:var(--accent);font:inherit;font-weight:600;cursor:pointer}
.account-check{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}
.account-check input{flex:none;width:18px;height:18px;margin:0;accent-color:#1a2233}
.account-check:has(a){align-items:flex-start;line-height:1.45}.account-check:has(a) input{margin-top:1px}
.account-check a{color:#1a2233;text-decoration:underline;text-decoration-color:#b8c0cb;text-underline-offset:2px}
.account-terms{display:grid;gap:6px}
.account-check input.is-invalid{outline:2px solid #d92d20;outline-offset:1px}
.account-field__caps{display:block;margin-top:2px;color:#b54708;font-size:12.5px;font-weight:600}
.account-field__caps[hidden]{display:none}
.account-form__submit.is-busy{position:relative;color:transparent!important;pointer-events:none}
.account-form__submit.is-busy::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:3px solid #ffffff59;border-top-color:#fff;border-radius:50%;animation:account-spin .7s linear infinite}
@keyframes account-spin{to{transform:rotate(360deg)}}
.account-field__row{display:flex;justify-content:space-between;gap:10px}
.account-field__row label{color:#5d6775}
.account-field__row a{color:var(--accent);font-size:13px;font-weight:600;text-decoration:none}
.account-field__password{position:relative;display:block}
.account-field__password input{padding-right:46px}
.account-field__password button{position:absolute;top:0;right:0;display:grid;place-items:center;width:46px;height:48px;padding:0;border:0;background:none;color:#5d6775;cursor:pointer}
.account-field__password button[aria-pressed="true"]{color:var(--accent)}
.account-field__password svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.account-form{display:grid;gap:14px}
.account-field{display:grid;gap:6px;font-size:14px;color:#5d6775}
.account-field input{width:100%;height:48px;padding:0 14px;border:1px solid #cdd3dc;border-radius:var(--radius);background:#fff;color:#1a2233;font:inherit;font-size:16px}
.account-field input:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 1px var(--accent)}
/* Errors: a field with a red frame and the message under it; an error without a field as a thin framed note on top. */
.account-form__error{display:flex;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;border:1px solid #f4c7c3;border-radius:var(--radius);background:#fef3f2;color:#b42318;font-size:14px;line-height:1.4}
.account-form__error svg,.account-field__error svg{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.account-field input.is-invalid,.account-field input.is-invalid:focus{border-color:#d92d20;box-shadow:0 0 0 1px #d92d20}
.account-field__error{display:flex;align-items:center;gap:6px;color:#b42318;font-size:13px;line-height:1.35}
.account-field__error svg{width:16px;height:16px}
.account-form__row+.account-field__error{margin-top:-6px}
.account-form__submit{width:100%;min-height:50px;margin-top:4px;font-size:16px}
/* Signed in (variant A7): grey page, a white menu card on the left with the current section marked yellow,
   a white card with the section on the right; inside it boxes with a grey head. */
.account-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px;align-items:start;margin:-30px 0 -70px;padding:32px 0 64px;background:#f2f3f5;box-shadow:0 0 0 100vmax #f2f3f5;clip-path:inset(0 -100vmax)}
.account-nav,.account-main{border-radius:6px;background:#fff;box-shadow:0 1px 3px #1a22331a}
.account-nav{position:sticky;top:100px;display:grid;overflow:hidden}
.account-nav__who{display:grid;margin:0;padding:18px 20px;border-bottom:1px solid #e5e8ed;overflow-wrap:anywhere}
.account-nav__who b{color:#1a2233;font-size:17px;font-weight:800;line-height:1.3}
.account-nav__who span{color:#5d6775;font-size:13px}
.account-nav a,.account-nav button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:15px 20px;border:0;border-left:4px solid transparent;background:none;color:#1a2233;font:inherit;font-size:15px;font-weight:700;text-align:left;text-decoration:none;cursor:pointer}
.account-nav a svg{flex:none;width:18px;height:18px;fill:none;stroke:var(--accent);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.account-nav a+a{border-top:1px solid #eef0f3}
.account-nav a:hover,.account-nav button:hover{background:#f7f9fc}
.account-nav a[aria-current="page"]{border-left-color:#ffe600;background:#f7f9fc;color:var(--accent)}
.account-nav form{margin:0;border-top:1px solid #eef0f3}
.account-nav button{color:#5d6775;font-weight:600}
.account-main{min-width:0;padding:26px 28px 30px}
.account-main>h1{margin:0 0 18px;font-size:24px;line-height:1.2;letter-spacing:-.3px}
.account-box{border:1px solid #e5e8ed;border-radius:6px}
.account-box+.account-box,.account-box+.account-title{margin-top:18px}
.account-box__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:12px 16px;border-radius:6px 6px 0 0;background:#f2f3f5;font-size:15px;font-weight:800}
.account-box__head span{color:#5d6775;font-size:13.5px;font-weight:500}
.account-box__body{padding:18px 16px 20px}
.account-box .account-form__submit{justify-self:start;width:auto;padding:0 32px}
/* The latest order: photo, number, date, how many, total, then the products. */
.account-latest__top{display:flex;align-items:center;gap:16px;padding:16px;border-bottom:1px solid #eef0f3}
.account-latest__top img{flex:none;width:84px;height:84px;padding:4px;border:1px solid #e5e8ed;border-radius:6px;object-fit:contain}
.account-latest__top p{display:grid;gap:2px;margin:0;min-width:0}.account-latest__top p:first-of-type{flex:1}
.account-latest__top b{font-size:17px;font-weight:800}.account-latest__top span{color:#5d6775;font-size:13.5px}
.account-latest__total{text-align:right}.account-latest__total b{font-size:22px}
.account-form--wide{max-width:560px}
.account-form__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.account-form__row--city{grid-template-columns:150px 1fr}
.account-field input:disabled{background:#f5f6f8;color:#5d6775}
.account-note{margin:16px 0 0;color:#5d6775;font-size:13px;line-height:1.5}
.account-note--field{margin:-6px 0 0}
.account-form__done{margin:0 0 14px;padding:10px 12px;border-left:2px solid rgb(27 154 78);background:#f1f9f4;color:rgb(22 128 65);font-size:14px}
.account-form__buttons{display:flex;align-items:center;gap:18px}.account-form__buttons .account-form__submit{width:auto;padding:0 28px}
.account-form__cancel{color:#5d6775;font-size:14px}
/* Address book: frames in two columns, the default one marked. */
.account-addresses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.account-address{display:flex;flex-direction:column;padding:16px;border:1px solid #d7dbe0;border-radius:var(--radius)}
.account-address.is-default{border-color:#1a2233}
.account-address__badge{align-self:flex-start;margin:0 0 10px;padding:2px 8px;border-radius:2px;background:#1a2233;color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.account-address__text{flex:1;margin:0 0 14px;font-size:14px;line-height:1.55}.account-address__text b{display:block;font-size:15px}
.account-address__actions{display:flex;flex-wrap:wrap;gap:6px 16px;padding-top:12px;border-top:1px solid #eef0f3;font-size:13.5px}
.account-address__actions form{display:contents}
.account-address__actions a,.account-address__actions button{padding:0;border:0;background:none;color:var(--accent);font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
.account-address__actions button[value="delete"],.account-address__actions button[data-confirm-open]{color:#b42318}
.account-address-form{margin-top:12px}
.account-address-form .account-title{margin-top:20px}
.account-empty--plain{padding:0;border:0;text-align:left}
.account-title{margin:26px 0 12px;font-size:18px;font-weight:800}
.account-empty{padding:28px 24px;border:1px solid #e5e8ed;border-radius:var(--radius);text-align:center;color:#5d6775}
.account-empty p{margin:0 0 14px}
.account-orders{display:grid;gap:14px}
.account-order__items{margin:0;padding:6px 16px;list-style:none}
.account-order__items li{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:14px}
.account-order__items img{flex:none;width:48px;height:48px;padding:2px;border:1px solid #e5e8ed;border-radius:4px;object-fit:contain}
.account-order__items li>span{flex:1;min-width:0}.account-order__items a{color:#1a2233;text-decoration:none}.account-order__items a:hover{color:var(--accent);text-decoration:underline}
.account-order__items li>b{flex:none;font-weight:700}
.account-order__items li+li{border-top:1px dotted #cfd5de}
.account-order__items small{color:#5d6775;font-size:13px}
.account-order__total{display:flex;justify-content:space-between;margin:0;padding:10px 16px;border-top:1px solid #e5e8ed;font-size:15px}
.account-order__address{margin:0;padding:12px 16px;border-top:1px solid #eef0f3;color:#5d6775;font-size:13px}
@media(max-width:900px){.account-layout{grid-template-columns:220px minmax(0,1fr);gap:16px}.account-addresses{grid-template-columns:1fr}}
@media(max-width:650px){.account-entry{grid-template-columns:1fr;margin:10px auto 30px;border:0}.account-entry__main{padding:6px 0 28px}.account-entry__side{margin:0 -15px;padding:26px 15px 28px;border-left:0;border-top:1px solid #d7dbe0}.account-entry h1{font-size:24px}.account-main>h1{font-size:24px}.account-order__head{flex-direction:column;gap:2px}
.account-layout{grid-template-columns:1fr;gap:14px;margin:-30px 0 -70px;padding:16px 0 40px}
.account-nav{position:static}
.account-nav__who{padding:14px 16px}.account-nav a,.account-nav button{padding:13px 16px}
.account-main{padding:18px 14px 22px}
.account-latest__top{flex-wrap:wrap}.account-latest__top img{width:64px;height:64px}.account-latest__total{flex-basis:100%;display:flex!important;justify-content:space-between;align-items:baseline;text-align:left}
.account-box .account-form__submit{justify-self:stretch;width:100%}
.account-form__row,.account-form__row--city{grid-template-columns:1fr}}
/* "Najlepsze okazje" under the account pages: the home shelf on the account's grey, right after the account cards. */
.account-deals{padding:0 0 64px;background:#f2f3f5}
.account-deals .home-section{padding-top:8px}
@media(max-width:650px){.account-deals{padding-bottom:40px}}
/* Forgotten password: one narrow card. */
.account-entry--single{grid-template-columns:1fr;max-width:520px}
.account-entry__back{margin:22px 0 0;font-size:14px}.account-entry__back a{color:var(--accent);font-weight:600;text-decoration:none}
/* Address book: the delete question in place of the actions. */
.account-address__confirm{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;color:#1a2233;font-weight:600}
.account-address__confirm[hidden]{display:none}
.account-address__actions [hidden]{display:none}
.account-address__actions button[data-confirm-cancel]{color:#5d6775}
/* Forgotten password: the e-mail field with "Wyślij kod" next to it. */
.account-field__send{display:flex;gap:8px}
.account-field__send input{flex:1;min-width:0}
.account-field__send button{flex:none;height:48px;padding:0 18px;border:1px solid #1a2233;border-radius:var(--radius);background:#fff;color:#1a2233;font:inherit;font-size:14.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.account-field__send button:hover{background:#f5f6f8}
.account-field__send button.is-busy{opacity:.6;pointer-events:none}
.account-field__send button:disabled{border-color:#d7dbe0;background:#f5f6f8;color:#5d6775;cursor:default;font-variant-numeric:tabular-nums}