/* Přehled produktů obchodu. */
.shop{position:relative;max-width:1480px;margin:0 auto;padding:132px clamp(24px,6vw,96px) 110px}
.shop-hero{position:relative;min-height:390px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);align-items:center;gap:24px;overflow:hidden;padding:clamp(28px,5vw,70px);border:1px solid rgba(120,169,226,.19);border-radius:22px;background:linear-gradient(115deg,rgba(13,28,48,.97),rgba(9,18,31,.94) 60%,rgba(21,31,46,.85));box-shadow:0 25px 80px rgba(0,0,0,.2)}
.shop-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 46%,rgba(51,126,205,.17),transparent 36%),linear-gradient(90deg,transparent 49%,rgba(255,255,255,.018) 50%,transparent 51%);background-size:auto,44px 44px}
.shop-hero__copy{position:relative;z-index:1;max-width:660px}
.shop-eyebrow,.shop-section__eyebrow{color:#7eb7ff;font-size:11px;font-weight:800;letter-spacing:.19em}
.shop-eyebrow{display:inline-flex;align-items:center;gap:11px}
.shop-eyebrow__dot{width:7px;height:7px;display:block;border-radius:50%;background:#5da9ff;box-shadow:0 0 15px #5da9ff}
.shop-hero h1{margin:22px 0 18px;font-size:clamp(42px,5.2vw,76px);line-height:1.06;letter-spacing:-.05em}
.shop-hero h1 em{color:#8fc4ff;font-style:normal}
.shop-hero p{max-width:565px;margin:0;color:#b1c1d4;font-size:15px;line-height:1.8}
.shop-hero__link{width:fit-content;min-height:48px;display:inline-flex;align-items:center;gap:20px;margin-top:28px;padding:0 20px;border:1px solid rgba(132,188,255,.35);border-radius:9px;background:rgba(34,97,167,.18);color:#f4f9ff;font-size:12px;font-weight:800;text-decoration:none;transition:background .2s,transform .2s}
.shop-hero__link:hover{background:rgba(49,122,205,.36);transform:translateY(-2px)}
.shop-hero__art{position:relative;height:100%;min-height:270px;display:grid;place-items:center}
.shop-hero__glow{position:absolute;width:290px;height:290px;border-radius:50%;background:rgba(240,179,45,.17);filter:blur(58px)}
.shop-hero__art img{position:relative;width:min(260px,90%);height:auto;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 20px 36px rgba(0,0,0,.28));transform:rotate(-7deg)}
.shop-categories{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 82px}
.shop-categories a{display:inline-flex;align-items:center;gap:13px;padding:13px 18px;border:1px solid rgba(151,181,221,.2);border-radius:8px;background:rgba(13,25,40,.85);color:#eef4fa;font-size:12px;font-weight:700;text-decoration:none;transition:border-color .2s,background .2s,transform .2s}
.shop-categories a:hover,.shop-categories a:focus-visible{border-color:#71aff5;background:rgba(35,72,112,.62);transform:translateY(-2px)}
.shop-categories span{color:#78b7fb;font-size:10px;letter-spacing:.1em}
.shop-section{scroll-margin-top:105px;margin-bottom:92px}
.shop-section__heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}
.shop-section__heading h2{margin:12px 0 0;color:#f4f7fb;font-size:clamp(29px,3vw,42px);line-height:1.15;letter-spacing:-.04em}
.shop-section__heading p{max-width:380px;margin:0 0 3px;color:#9fb1c5;font-size:13px;line-height:1.65}
.shop-grid{display:grid;gap:16px}
.shop-grid--packages{grid-template-columns:repeat(4,minmax(0,1fr))}
.shop-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.shop-grid--appeals{align-items:stretch}
.shop-grid--appeals:has(.shop-appeal__details[open]){align-items:start}
.shop-card{--accent:#74b5fc;position:relative;min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(155,187,225,.18);border-radius:16px;background:linear-gradient(160deg,rgba(20,35,53,.94),rgba(9,16,27,.98));color:#f3f6fa;text-decoration:none;transition:transform .24s,border-color .24s,box-shadow .24s}
.shop-card:hover,.shop-card:focus-visible{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 20px 55px rgba(0,0,0,.26)}
.shop-card--start{--accent:#5bd3a4}.shop-card--bronze{--accent:#d4965a}.shop-card--silver{--accent:#c2cfdd}.shop-card--gold{--accent:#f4c951}
.shop-card__visual{height:220px;display:grid;place-items:center;margin:14px 14px 0;border:1px solid rgba(160,191,226,.1);border-radius:11px;background:radial-gradient(circle at 50% 52%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 64%),linear-gradient(145deg,#152237,#0d1828)}
.shop-card__visual img{display:block;width:min(195px,83%);height:min(195px,83%);object-fit:contain;filter:drop-shadow(0 14px 20px rgba(0,0,0,.24))}
.shop-card__body{flex:1;display:flex;flex-direction:column;align-items:start;padding:25px 24px 23px}
.shop-card__body strong{display:block;margin:0 0 12px;font-size:clamp(18px,1.45vw,23px);line-height:1.25;letter-spacing:-.03em}
.shop-card__subscription,.shop-card__one-time{display:inline-flex;align-items:center;margin:0 0 15px;padding:6px 9px;border:1px solid rgba(135,189,247,.25);border-radius:6px;background:rgba(48,113,181,.12);color:#a9d0fc;font-size:10px;font-weight:800;line-height:1.3}
.shop-card__one-time{border-color:rgba(120,205,177,.25);background:rgba(52,145,113,.12);color:#9ce4c5}
.shop-card__description{display:block;margin:0 0 19px;color:#adbed1;font-size:12px;line-height:1.65}
.shop-card__benefit{display:inline-flex;align-items:center;min-height:30px;margin:0 0 22px;padding:6px 10px;border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);border-radius:6px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:10px;font-weight:800;line-height:1.3}
.shop-card__fleet{display:block;min-height:82px;width:100%;margin:0 0 22px;padding:12px 13px;border:1px solid rgba(155,187,225,.14);border-radius:8px;background:rgba(7,15,26,.48);color:#d1deeb;font-size:11px;line-height:1.5}
.shop-card__fleet small{display:block;margin-bottom:5px;color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.13em}
.shop-package-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.shop-package-info p{margin:0;padding:18px 20px;border:1px solid rgba(114,165,220,.2);border-radius:9px;background:rgba(14,29,47,.86);color:#b2c5da;font-size:12px;line-height:1.7}
.shop-package-info strong{display:block;margin-bottom:4px;color:#d8eaff;font-size:13px}
.shop-section__note{margin:19px 0 0;padding:15px 18px;border-left:2px solid #70aef4;border-radius:0 7px 7px 0;background:rgba(14,29,47,.86);color:#b2c5da;font-size:12px;line-height:1.65}
.shop-card__action{width:100%;display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:auto;padding-top:15px;border-top:1px solid rgba(161,184,210,.18);color:#becde0;font-size:11px;font-weight:700}
.shop-card__action span{color:var(--accent);font-size:18px;line-height:1}
.shop-card--appeal{--accent:#86baf9;min-height:0;background:linear-gradient(155deg,rgba(27,48,72,.95),rgba(8,17,29,.98))}
.shop-card--appeal:hover,.shop-card--appeal:focus-within{transform:none}
.shop-card--appeal-one{--accent:#7de9d6}.shop-card--appeal-two{--accent:#f3c17f}.shop-card--appeal-three{--accent:#ff4d5c}
.shop-appeal__visual{height:190px;display:grid;place-items:center;margin:14px 14px 0;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:11px;background:radial-gradient(circle,rgba(238,35,45,.15),transparent 64%),#0d1828}
.shop-appeal__visual img{display:block;width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(255,28,40,.35))}
.shop-card--appeal .shop-card__body{position:relative;z-index:1}
.shop-card--appeal h3{max-width:290px;margin:0 0 12px;font-size:clamp(19px,1.65vw,25px);line-height:1.25;letter-spacing:-.03em}
.shop-card--appeal h3 span{display:block;color:var(--accent)}
.shop-appeal__notice{width:100%;min-height:56px;display:flex;align-items:center;margin:0 0 16px;padding:10px 12px;border-left:2px solid var(--accent);border-radius:0 6px 6px 0;background:color-mix(in srgb,var(--accent) 9%,transparent);color:#d8e4f0;font-size:11px;line-height:1.55}
.shop-appeal__details{width:100%;border:1px solid rgba(155,187,225,.17);border-radius:8px;background:rgba(6,16,29,.35)}
.shop-appeal__details summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:43px;padding:10px 12px;color:#e6f0fa;font-size:11px;font-weight:800;cursor:pointer;list-style:none}
.shop-appeal__details summary::-webkit-details-marker{display:none}
.shop-appeal__details summary:hover,.shop-appeal__details summary:focus-visible{color:var(--accent)}
.shop-appeal__details summary span{color:var(--accent);font-size:18px;line-height:1;transition:transform .2s}
.shop-appeal__details[open] summary span{transform:rotate(180deg)}
.shop-appeal__details-content{padding:0 14px 15px;border-top:1px solid rgba(155,187,225,.13);color:#b8c8d9;font-size:11px;line-height:1.6}
.shop-appeal__details-content h4{margin:16px 0 7px;color:#f0f5fb;font-size:12px}
.shop-appeal__details-content ol,.shop-appeal__details-content ul{margin:0;padding-left:18px}
.shop-appeal__details-content li+li{margin-top:6px}
.shop-appeal__details-content p{margin:16px 0 0;color:#dce9f6}
.shop-card--appeal .shop-card__action{margin-top:18px;text-decoration:none}
.shop-card--appeal .shop-card__action:hover,.shop-card--appeal .shop-card__action:focus-visible{color:var(--accent)}
.shop-card--other .shop-card__visual{height:190px}
.shop-card--other .shop-card__visual img{width:min(180px,80%);height:min(180px,80%)}
.shop-card--civilista .shop-card__visual{background:radial-gradient(circle at center,rgba(38,183,72,.19),transparent 62%),linear-gradient(145deg,#152237,#0d1828)}
.shop-card--civilista .shop-card__visual img{width:100px;height:100px;image-rendering:pixelated;filter:drop-shadow(0 0 28px rgba(39,230,68,.22))}
.shop-card--custom-car .shop-card__visual{background:radial-gradient(circle at center,rgba(156,220,32,.17),transparent 67%),linear-gradient(145deg,#152237,#0d1828)}
.shop-card--custom-car .shop-card__visual img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 0 24px rgba(167,236,24,.3))}
.shop-other__symbol{height:190px;display:grid;place-items:center;margin:14px 14px 0;border:1px solid rgba(134,185,243,.18);border-radius:11px;background:radial-gradient(circle at center,rgba(67,121,180,.2),rgba(21,39,62,.8))}
.shop-other__symbol svg{width:94px;height:94px;stroke:#9dc8fa;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.shop-card--other strong{font-size:24px}
.shop-note{display:flex;align-items:center;gap:20px;margin-top:12px;padding:22px 26px;border:1px solid rgba(123,167,216,.22);border-radius:13px;background:rgba(15,29,46,.86)}
.shop-note>span{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:8px;background:rgba(97,159,229,.15);color:#93c7ff;font-size:21px}
.shop-note p{flex:1;margin:0;color:#b7c8d9;font-size:12px;line-height:1.6}
.shop-note a{flex:none;color:#9ccaff;font-size:12px;font-weight:800;text-decoration:none}
.shop-note a:hover{text-decoration:underline}
@media(max-width:1100px){.shop-grid--packages{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-card__visual{height:230px}}
@media(max-width:700px){.shop{padding:100px 20px 70px}.shop-hero{grid-template-columns:1fr;min-height:0;padding:32px 25px}.shop-hero__art{display:none}.shop-hero h1{font-size:clamp(38px,9vw,54px)}.shop-categories{margin:20px 0 55px}.shop-section{margin-bottom:64px}.shop-section__heading{display:block}.shop-section__heading p{margin-top:13px}.shop-grid--three,.shop-package-info{grid-template-columns:1fr}.shop-note{align-items:start;flex-wrap:wrap}.shop-note p{flex-basis:calc(100% - 60px)}.shop-note a{margin-left:60px}}
@media(max-width:520px){.shop-grid--packages{grid-template-columns:1fr}.shop-card__visual{height:210px}.shop-card__body{padding:22px}.shop-hero__link{width:100%;justify-content:space-between}.shop-categories a{flex:1 1 auto;justify-content:center}}
@media(prefers-reduced-motion:reduce){.shop-card,.shop-categories a,.shop-hero__link{transition:none}}