/* Účet a recenze (návrh R3): dotazník, psaní recenze, poděkování, přihlášení, účet */

/* hodnocení bublinami s hvězdou (radio inputy, account.js přidává náhled při najetí) */
.coin-field{display:inline-flex;align-items:center;gap:14px;vertical-align:middle;--c:#dfe5e1}
.coin-input{position:relative;display:inline-flex;gap:calc(var(--s,32px)*.18)}
.coin-input input{position:absolute;left:50%;bottom:0;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}
.coin-input label{flex:none;width:var(--s,32px);height:var(--s,32px);background:#dfe5e1;cursor:pointer;transition:transform .12s ease,background .12s ease;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill-rule='evenodd' d='M10 5h20a6 6 0 016 6v13a6 6 0 01-6 6H19.5l-7.3 5.6c-.7.5-1.7 0-1.7-.8V30H10a6 6 0 01-6-6V11a6 6 0 016-6z M20 10.2l2.3 4.7 5.2.7-3.8 3.6.9 5.1-4.6-2.4-4.6 2.4.9-5.1-3.8-3.6 5.2-.7z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill-rule='evenodd' d='M10 5h20a6 6 0 016 6v13a6 6 0 01-6 6H19.5l-7.3 5.6c-.7.5-1.7 0-1.7-.8V30H10a6 6 0 01-6-6V11a6 6 0 016-6z M20 10.2l2.3 4.7 5.2.7-3.8 3.6.9 5.1-4.6-2.4-4.6 2.4.9-5.1-3.8-3.6 5.2-.7z'/%3E%3C/svg%3E") center/contain no-repeat}
.coin-input label:hover{transform:scale(1.08)}
.coin-input input:focus-visible+label{outline:2px solid var(--primary);outline-offset:3px}
.coin-field:where([data-v="1"],:has(input[value="1"]:checked)),.coin-field[data-h="1"]{--c:#e5322d}
.coin-field:where([data-v="2"],:has(input[value="2"]:checked)),.coin-field[data-h="2"]{--c:#f97316}
.coin-field:where([data-v="3"],:has(input[value="3"]:checked)),.coin-field[data-h="3"]{--c:#eab308}
.coin-field:where([data-v="4"],:has(input[value="4"]:checked)),.coin-field[data-h="4"]{--c:#84cc16}
.coin-field:where([data-v="5"],:has(input[value="5"]:checked)),.coin-field[data-h="5"]{--c:#16a34a}
.coin-field:where([data-v="1"],:has(input[value="1"]:checked)) label:nth-of-type(-n+1),
.coin-field:where([data-v="2"],:has(input[value="2"]:checked)) label:nth-of-type(-n+2),
.coin-field:where([data-v="3"],:has(input[value="3"]:checked)) label:nth-of-type(-n+3),
.coin-field:where([data-v="4"],:has(input[value="4"]:checked)) label:nth-of-type(-n+4),
.coin-field:where([data-v="5"],:has(input[value="5"]:checked)) label:nth-of-type(-n+5){background:var(--c)}
.coin-field[data-h] label{background:#dfe5e1}
.coin-field[data-h="1"] label:nth-of-type(-n+1),.coin-field[data-h="2"] label:nth-of-type(-n+2),.coin-field[data-h="3"] label:nth-of-type(-n+3),
.coin-field[data-h="4"] label:nth-of-type(-n+4),.coin-field[data-h="5"] label:nth-of-type(-n+5){background:var(--c)}
.coin-label{font-size:17px;font-weight:700;color:var(--c,#6b7570);white-space:nowrap;min-width:110px}
.coin-field:not([data-v]):not([data-h]) .coin-label{color:var(--text-3);font-weight:500}

/* dotazník a psaní recenze */
.is-q main{background:#fff}
.qw{width:min(560px,calc(100% - 2*var(--gutter)));margin:0 auto;padding:28px 0 72px;display:flex;flex-direction:column;gap:24px}
.qw-shop{display:flex;align-items:center;gap:16px;background:var(--bg-soft);border-radius:16px;padding:16px 18px}
.qw-shop__t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.qw-shop__t b{font-size:17px;font-weight:600;overflow-wrap:anywhere}
.qw-shop__t span{font-size:15px;color:var(--text-2)}
.qw-shop__ord{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#0f6a36;background:#dcf3e4;border-radius:6px;padding:4px 8px;white-space:nowrap}
.qw-shop__ord--unv{color:#7a5200;background:#fdf3d8}
.qw-steps{list-style:none;margin:-8px 0 0;padding:0;display:flex;gap:6px;font-size:13px;color:var(--text-3)}
.qw-steps li{display:flex;align-items:center;gap:6px;flex:1;padding-top:8px;border-top:3px solid var(--line)}
.qw-steps li span{width:20px;height:20px;border-radius:50%;background:var(--line);color:var(--text-2);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}
.qw-steps li.is-done{border-color:var(--primary);color:var(--text)}
.qw-steps li.is-done span{background:var(--primary);color:#fff}
.qw-steps li.is-on{border-color:var(--ink);color:var(--text);font-weight:700}
.qw-steps li.is-on span{background:var(--ink);color:#fff}
.qw-form{display:flex;flex-direction:column;gap:26px}
.qw-main{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.qw-main .coin-field{flex-wrap:wrap}
.qw-save{margin:0;font-size:13px;color:var(--text-3)}
.qw-field{display:flex;flex-direction:column;gap:10px;font-size:17px}
.qw-field__h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.qw-field textarea{font:inherit;font-size:16px;min-height:180px;border:1px solid #8b958f;border-radius:6px;padding:14px 16px;outline:0;resize:vertical}
.qw-field textarea:focus,.qw-field .input:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(12,42,34,.08)}
.qw-field .input{height:54px;font-size:16px;border-radius:6px}
.qw-field small{font-size:13px}
.qw-tip{font-size:15px}
.qw-tip summary{color:var(--primary);text-decoration:underline;cursor:pointer;list-style:none}
.qw-tip summary::-webkit-details-marker{display:none}
.qw-tip[open]{flex-basis:100%}
.qw-tip span{display:block;margin-top:10px;background:#fdf6e3;border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.55;color:#4a3d1a}
.qw-pc{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.qw-pc__g{display:flex;flex-direction:column;gap:10px;min-width:0}
.qw-pc__h{display:flex;align-items:center;gap:8px;font-size:17px}
.qw-pc__h svg{flex:none}
.qw-pc__list{display:flex;flex-direction:column;gap:6px}
.qw-pc__list:empty{display:none}
.qw-pc__i{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 6px 8px 12px;border-radius:6px;font-size:15px;white-space:normal;overflow:visible}
.qw-pc__i span{flex:1;overflow-wrap:anywhere}
.qw-pc__i button{border:0;background:transparent;cursor:pointer;color:var(--text-2);font-size:18px;line-height:1;padding:2px 6px}
.qw-pc__add{display:flex;gap:6px}
.qw-pc__add input{flex:1;min-width:0;height:44px;font:inherit;font-size:15px;border:1px solid var(--input);border-radius:6px;padding:0 12px;outline:0}
.qw-pc__add input:focus{border-color:var(--ink)}
.qw-pc__add button{width:44px;height:44px;flex:none;border:1px solid var(--input);border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.qw-pc__add[hidden]{display:none}
.qw-crit{display:flex;flex-direction:column;gap:4px}
.qw-crit .qw-field__h{font-size:17px;margin-bottom:6px}
.qw-crit__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line-2);font-size:15px}
.qw-note{display:flex;gap:14px;align-items:flex-start;background:#faf9f4;border:1px solid #e9e5d8;border-radius:12px;padding:16px;font-size:15px;line-height:1.5}
.qw-note svg{flex:none;margin-top:1px}
.qw-check{font-size:15px;line-height:1.5}
.qw-foot{font-size:13px;line-height:1.55}
.qw-foot a{text-decoration:underline}
.qw-intro{display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.5}
.qw-h{margin:0;font-size:28px;font-weight:800;letter-spacing:-.025em}
.qw-back{font-size:14px;font-weight:600;color:var(--text-2);margin-bottom:-12px}
.qw-back:hover{color:var(--text)}
.qw-hidden{margin:-8px 0 0;background:#fdecec;color:#9b1c1c;border-radius:10px;padding:12px 14px;font-size:14px}
.qw-done{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#0f6a36}
.qw-prod{border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px}
.qw-prod__head{display:flex;align-items:center;gap:14px}
.qw-prod__img{width:56px;height:56px;flex:none;border-radius:10px;border:1px solid var(--line);background:#fff;overflow:hidden;display:flex}
.qw-prod__head .qw-prod__img{width:72px;height:72px}
.qw-prod__img img{width:100%;height:100%;object-fit:contain}
.qw-prod__t{display:flex;flex-direction:column;gap:2px;min-width:0}
.qw-prod__t b{font-size:16px;font-weight:600}
.qw-prod__t .muted{font-size:12px}
.qw-prod textarea{font:inherit;font-size:15px}

.qmsg{width:min(600px,calc(100% - 2*var(--gutter)));margin:0 auto;padding:80px 0 120px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.qmsg__h{margin:0;font-size:40px;font-weight:800;letter-spacing:-.035em;line-height:1.1}
.qmsg__p{margin:0;font-size:17px;line-height:1.6;color:var(--text-2)}
.qmsg__box{width:100%;border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:8px;text-align:left;margin-top:12px}
.qmsg__box b{font-size:17px}
.qmsg__box span{font-size:15px;line-height:1.55;color:var(--text-2)}
.qmsg__btns{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap;justify-content:center}
.qmsg__btns form{margin:0}

/* přihlášení a registrace */
.auth{background:#eef5f0;padding:72px var(--gutter) 120px;flex:1}
.auth__card{width:min(460px,100%);margin:0 auto;background:#fff;border-radius:20px;padding:36px;box-shadow:0 10px 40px rgba(12,42,34,.06)}
.auth__form{display:flex;flex-direction:column;gap:18px}
.auth__head{display:flex;flex-direction:column;gap:8px}
.auth__head h1{margin:0;font-size:30px;font-weight:800;letter-spacing:-.03em}
.auth__head p{margin:0;font-size:15px;color:var(--text-2);line-height:1.5}
.auth__icon{width:52px;height:52px;border-radius:14px;background:#e1f5ea;display:flex;align-items:center;justify-content:center;color:var(--ink)}
.auth-seg{display:flex;background:var(--bg-soft);border-radius:22px;padding:4px}
.auth-seg a{flex:1;height:36px;display:flex;align-items:center;justify-content:center;border-radius:18px;font-size:14px;font-weight:600;color:var(--text-2);text-decoration:none}
.auth-seg a.is-on{background:#fff;color:var(--text);box-shadow:0 1px 3px rgba(12,42,34,.12)}
.auth-field{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600}
.auth-field .input{height:48px;font-size:16px;font-weight:400;border-radius:10px}
.auth-field__row{display:flex;justify-content:space-between;align-items:baseline}
.auth-field__row a{font-weight:500;font-size:14px}
.auth-pw{position:relative;display:flex}
.auth-pw .input{flex:1;padding-right:48px}
.auth-pw__eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:none;cursor:pointer;color:var(--text-3);display:flex;align-items:center;justify-content:center}
.auth-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:2px}
.auth-meter i{height:4px;border-radius:2px;background:var(--line)}
.auth-meter[data-level="1"] i:nth-child(-n+1){background:#e5322d}
.auth-meter[data-level="2"] i:nth-child(-n+2){background:#f97316}
.auth-meter[data-level="3"] i:nth-child(-n+3){background:#84cc16}
.auth-meter[data-level="4"] i{background:#16a34a}
.auth__two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.auth-types{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.auth-type{border:2px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:4px;color:var(--text);text-decoration:none}
.auth-type .icon{font-size:22px}
.auth-type b{font-size:15px}
.auth-type span:last-child{font-size:13px;color:var(--text-3)}
.auth-type.is-on{border-color:var(--ink);background:var(--bg-soft)}
.auth-note{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--text-2);background:var(--bg-soft);border-radius:12px;padding:12px 14px}
.auth-note .icon{font-size:20px;color:var(--primary)}
.auth-check{font-size:14px;line-height:1.5;font-weight:400}
.auth__form .btn--lg{height:50px}
.auth__alt{margin:0;text-align:center;font-size:14px;color:var(--text-2)}
.auth__alt a{font-weight:600}

/* zákaznický účet */
.acc{padding-top:36px;padding-bottom:96px;display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;align-items:start}
.acc-nav{position:sticky;top:96px;display:flex;flex-direction:column;gap:4px}
.acc-nav__who{display:flex;align-items:center;gap:12px;padding-bottom:18px}
.acc-nav__who>span:last-child{display:flex;flex-direction:column;min-width:0}
.acc-nav__who b{font-size:17px}
.acc-nav__who small{font-size:13px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis}
.acc-nav__av{width:52px;height:52px;border-radius:50%;background:var(--mint);color:var(--ink);font-size:22px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.acc-nav nav{display:flex;flex-direction:column;gap:2px}
.acc-nav nav a{display:flex;align-items:center;gap:10px;height:44px;border-radius:22px;padding:0 16px;font-size:15px;font-weight:500;color:var(--text);text-decoration:none}
.acc-nav nav a .icon{font-size:20px;color:var(--text-2)}
.acc-nav nav a>span:nth-child(2){flex:1}
.acc-nav nav a:hover{background:var(--bg-soft)}
.acc-nav nav a.is-on{background:#eef5f0;font-weight:700}
.acc-nav__badge{font-size:12px;font-weight:700;color:var(--primary)}
.acc-nav__foot{display:flex;flex-direction:column;gap:2px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.acc-nav__admin,.acc-nav__logout{display:flex;align-items:center;gap:10px;height:40px;padding:0 16px;border-radius:20px;font:inherit;font-size:14px;color:var(--text-2);background:none;border:0;cursor:pointer;text-decoration:none;width:100%}
.acc-nav__admin:hover,.acc-nav__logout:hover{background:var(--bg-soft);color:var(--text)}
.acc-nav__foot form{margin:0}
.acc-main{min-width:0}
.acc-panel{display:flex;flex-direction:column;gap:24px;scroll-margin-top:96px}
.acc-panel+.acc-panel{margin-top:56px}
[data-acc].acc--tabs .acc-panel{display:none}
[data-acc].acc--tabs .acc-panel.is-on{display:flex;margin-top:0}
.acc-h1{margin:0;font-size:34px;font-weight:800;letter-spacing:-.03em}
.acc-h2{margin:0 0 4px;font-size:24px;font-weight:700}
.acc-sub{margin:8px 0 0;font-size:18px}
.acc-sub small{font-weight:400;color:var(--text-3)}
.acc-edit{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:var(--primary-ink,#0f6a36);border:1px solid var(--line);border-radius:18px;padding:4px 12px;white-space:nowrap}
.acc-edit:hover{border-color:var(--ink,#0c2a22)}
.acc-edit .icon{font-size:16px}
.acc-unrated__note{margin:0 0 4px;color:var(--text-2);font-size:15px}
.acc-unrated__img{width:48px;height:48px;flex:none;border-radius:10px;border:1px solid var(--line);background:#fff;overflow:hidden;display:flex}
.acc-unrated__img img{width:100%;height:100%;object-fit:contain}
.acc-card{border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff}
.acc-card--lg{padding:24px}
.acc-card h2,.acc-card h3{margin:0 0 6px;font-size:19px}
.acc-card p{margin:0;font-size:15px;line-height:1.55;color:var(--text-2)}
.acc-card__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}
.acc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.acc-stats .acc-card{display:flex;flex-direction:column;gap:2px}
.acc-stats b{font-size:28px;font-weight:800}
.acc-stats span{font-size:14px;color:var(--text-2)}
.acc-pending{display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--line-2)}
.acc-pending__txt{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.acc-pending__txt b{font-size:17px}
.acc-pending__txt small{font-size:14px;color:var(--text-3)}
.acc-pending__note{font-size:13px;color:var(--text-3)}
.acc-empty{font-size:15px;color:var(--text-2);margin:0}
.acc-notes{display:flex;flex-direction:column}
.acc-note{display:flex;gap:14px;align-items:baseline;padding:16px 0;border-top:1px solid var(--line);font-size:15px;color:var(--text);text-decoration:none}
.acc-note:hover span{text-decoration:underline}
.acc-note i{width:8px;height:8px;border-radius:50%;background:var(--primary);flex:none;transform:translateY(-2px)}
.acc-note span{flex:1}
.acc-note small{font-size:13px;white-space:nowrap}
.acc-verify,.acc-shop{display:flex;gap:18px;align-items:flex-start}
.acc-verify__icon,.acc-shop__icon{width:48px;height:48px;border-radius:12px;background:#e1f5ea;display:flex;align-items:center;justify-content:center;flex:none;color:var(--ink)}
.acc-verify form,.acc-shop__cta{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.acc-form{display:flex;flex-direction:column;gap:16px;max-width:720px}
.acc-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:12px}
.acc-switch{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0 0;margin-top:16px;border-top:1px solid var(--line);font-size:15px;cursor:pointer}
.switch{appearance:none;-webkit-appearance:none;width:44px;height:26px;border-radius:13px;background:#c4ccc7;position:relative;cursor:pointer;flex:none;transition:background .15s;margin:0}
.switch::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s}
.switch:checked{background:var(--primary)}
.switch:checked::after{left:21px}
.acc-form__foot{display:flex}

@media (max-width:1023px){
  .acc{grid-template-columns:minmax(0,1fr);gap:24px}
  .acc-nav{min-width:0}
  .acc-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .acc-stats .acc-card{padding:14px}
  .acc-stats b{font-size:22px}
  .acc-stats span{font-size:12px}
  .acc-pending{flex-wrap:wrap}
  .acc-pending .btn{width:100%}
  .acc-nav{position:static}
  .acc-nav nav{flex-direction:row;overflow-x:auto;scrollbar-width:none}
  .acc-nav nav a{white-space:nowrap;border:1px solid var(--line)}
  .acc-nav__foot{flex-direction:row;border:0;margin:0;padding:0}
}
@media (max-width:767px){
  .qw{padding-top:16px;gap:20px}
  .qw-shop{flex-wrap:wrap}
  .qw-pc,.auth__two,.auth-types,.acc-two{grid-template-columns:1fr}
  .coin-field--64 .coin-input{--s:52px!important}
  .qmsg{padding-top:48px}
  .qmsg__h{font-size:30px}
  .auth{padding-top:32px;padding-bottom:64px}
  .auth__card{padding:24px}
  .acc-h1{font-size:28px}
  .acc-pending{flex-wrap:wrap}
  .acc-pending .btn{width:100%}
}
main:has(> .auth){display:flex;flex-direction:column}

/* Dvoufázové ověření */
.auth-code{font-size:22px;letter-spacing:.12em;text-align:center;font-variant-numeric:tabular-nums}
.auth__help{font-size:14px;color:var(--text-2)}
.auth__help summary{cursor:pointer;font-weight:600;color:var(--text)}
.auth__help p{margin:8px 0 0;line-height:1.5}
.tf{width:min(640px,calc(100% - 2*var(--gutter)));margin:0 auto;padding:32px 0 72px;display:flex;flex-direction:column;gap:20px}
.tf h1{margin:0;font-size:28px;letter-spacing:-.02em}
.tf__card{border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:14px;background:#fff}
.tf__card h2{margin:0;font-size:18px}
.tf__card p{margin:0;line-height:1.55;color:var(--text-2)}
.tf__steps{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:start}
.tf__qr{width:200px;height:200px;border:1px solid var(--line);border-radius:12px;padding:8px;background:#fff}
.tf__qr svg{width:100%;height:100%;display:block}
.tf__secret{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:15px;letter-spacing:.06em;background:var(--bg-soft);border-radius:8px;padding:8px 10px;word-break:break-all;user-select:all}
.tf__codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:17px;font-weight:700;letter-spacing:.06em;background:var(--bg-soft);border-radius:12px;padding:16px}
.tf__on{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:#0f6a36}
.tf__form{display:flex;flex-direction:column;gap:12px}
.tf__form .acc-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:600px){.tf__steps{grid-template-columns:1fr}.tf__qr{margin:0 auto}.tf__form .acc-two{grid-template-columns:1fr}}
.acc-2fa{margin-top:16px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.acc-2fa p{margin:0;color:var(--text-2);line-height:1.5}