/* Crocoland Banners — the library of layouts (23.10.2026): 1 Звезда, 2 Тройка,
   3 Код за отстъпка, 4 Сцена (1.1.0, the home page's seasonal zone), the small banners (1.1.0), the big menu's card, and the same record stacked in a
   narrow box (a phone). Sizes in cqi: the slide is drawn for 960 × 540 and
   keeps its proportions in any width; under 560 px it is stacked instead.
   № 106 (1.4.4): on a phone (under 768) the product first — the slides and the
   small banners are their picture, the label, the title and the price, each a
   link whole (the end of the file). */

/* ---------- Colour schemes ---------- */
.crb,.crb-card{--crb-ink:#1B1E3C;--crb-soft:rgba(27,30,60,.08);--crb-label:#B8050F;--crb-cta-bg:#24275A;--crb-cta-fg:#fff;--crb-bg:#fff}
.crb--sun{--crb-bg:linear-gradient(135deg,#FFF1C2 0%,#FFD86E 100%);--crb-label:#B8050F}
.crb--navy{--crb-bg:linear-gradient(135deg,#2D3170 0%,#1C1F4D 100%);--crb-ink:#fff;--crb-soft:rgba(255,255,255,.14);--crb-label:#FFC93C;--crb-cta-bg:#fff;--crb-cta-fg:#24275A}
.crb--red{--crb-bg:linear-gradient(135deg,#E30614 0%,#B8050F 100%);--crb-ink:#fff;--crb-soft:rgba(255,255,255,.18);--crb-label:#FFE08A;--crb-cta-bg:#fff;--crb-cta-fg:#B8050F}
.crb--mint{--crb-bg:linear-gradient(135deg,#ECF9F0 0%,#CDEFD9 100%);--crb-label:#136B32;--crb-cta-bg:#1E9E4A;--crb-cta-fg:#fff}
.crb--sky{--crb-bg:linear-gradient(135deg,#2160C4 0%,#173F86 100%);--crb-ink:#fff;--crb-soft:rgba(255,255,255,.16);--crb-label:#BFE3FF;--crb-cta-bg:#fff;--crb-cta-fg:#173F86}
.crb--white{--crb-bg:linear-gradient(135deg,#FFFFFF 0%,#EEF2FB 100%);--crb-label:#2F5BD3;--crb-cta-bg:#2F5BD3;--crb-cta-fg:#fff}
/* № 79: the accents' colours — the scheme's own tone, darker (the rays) and the bumps' dots. */
.crb--sun{--crb-ray:rgba(214,150,0,.30);--crb-dot:rgba(214,150,0,.42)}
.crb--navy{--crb-ray:rgba(8,10,38,.32);--crb-dot:rgba(255,255,255,.20)}
.crb--red{--crb-ray:rgba(110,0,8,.30);--crb-dot:rgba(255,255,255,.24)}
.crb--mint{--crb-ray:rgba(19,107,50,.22);--crb-dot:rgba(19,107,50,.30)}
.crb--sky{--crb-ray:rgba(8,30,80,.30);--crb-dot:rgba(255,255,255,.22)}
.crb--white{--crb-ray:rgba(47,91,211,.16);--crb-dot:rgba(47,91,211,.24)}

/* ---------- A slide ---------- */
.crb{container-type:inline-size;position:relative;height:100%;overflow:hidden;background:var(--crb-bg);color:var(--crb-ink);font-family:var(--text,Nunito,system-ui,sans-serif)}
/* № 79 (Denis, 30.10.2026): the accent at the home carousel's edges — under the texts and the picture, seen only at
   the edges (the mask is on the still wrapper); the rays turn very slowly (only a transform: the phone's GPU does it),
   not at all when asked for less motion. The square inside is 200% of the slide's width — wider than its diagonal. */
.crb__fx{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;-webkit-mask:radial-gradient(ellipse 60% 85% at 50% 50%,transparent 64%,#000 100%);mask:radial-gradient(ellipse 60% 85% at 50% 50%,transparent 64%,#000 100%)}
.crb__fx-in{position:absolute;left:50%;top:50%;width:200%;aspect-ratio:1;transform:translate(-50%,-50%)}
.crb__fx--rays .crb__fx-in,.crb__fx--light .crb__fx-in{background:repeating-conic-gradient(from 0deg at 50% 50%,var(--crb-fx-ray) 0deg .22deg,transparent .22deg 2.2deg);animation:crb-turn 90s linear infinite;will-change:transform}
.crb__fx--rays{--crb-fx-ray:var(--crb-ray,rgba(27,30,60,.16))}
.crb__fx--light{--crb-fx-ray:rgba(255,255,255,.85)}
.crb__fx--dots .crb__fx-in{background:radial-gradient(circle,var(--crb-dot,rgba(27,30,60,.2)) 1.7px,transparent 2px) 0 0/13px 13px}
@keyframes crb-turn{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.crb__fx-in{animation:none!important}}
.crb-zone__slide[aria-hidden="true"] .crb__fx-in{animation-play-state:paused} /* only the slide in view turns (banners.js marks the others) */
/* The white rays cross the small lines at the slide's left edge (the label, the subtitle, „Най-ниската цена…“ — seen at
   1440 on navy, red and sky): a soft halo of the slide's own colour under those letters, the rays as they are. */
.crb--navy{--crb-halo:#262A62}.crb--red{--crb-halo:#D3050F}.crb--sky{--crb-halo:#1E56B0}.crb--sun{--crb-halo:#FFE7A0}.crb--mint{--crb-halo:#DDF4E5}
.crb:has(>.crb__fx--light) :is(.crb__label,.crb__sub,.crb__lowest,.crb__soon){text-shadow:0 0 3px var(--crb-halo,transparent),0 0 6px var(--crb-halo,transparent),0 0 10px var(--crb-halo,transparent)}
.crb__in{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:3cqi;height:100%;padding:5.5cqi 5cqi 6.8cqi 5.6cqi}
.crb__body{position:relative;z-index:1;min-width:0}
.crb__label{display:flex;align-items:center;gap:.5em;margin:0 0 1.4cqi;color:var(--crb-label);font-size:clamp(11px,1.3cqi,13px);font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.crb__label::before{content:"";width:.55em;height:.55em;border-radius:50%;background:currentColor;flex:none}
.crb__title,.crb__small-title{overflow-wrap:normal;word-break:normal;hyphens:manual} /* № 80: never a word cut in two (the theme's h2 has break-word) — crb_title_fit() makes a long word fit */
.crb__title{margin:0;color:var(--crb-ink);font-family:var(--display,Unbounded,"Arial Black",sans-serif);font-size:calc(clamp(22px,4.9cqi,48px) * var(--crb-tfit,1));font-weight:700;line-height:1.05;letter-spacing:-.02em;text-wrap:balance}
.crb__sub{margin:1.6cqi 0 0;max-width:38ch;font-size:clamp(13px,1.75cqi,17px);font-weight:700;line-height:1.35;opacity:.86}
.crb__price{display:flex;flex-wrap:wrap;align-items:center;gap:.4em 1.2cqi;margin:2.6cqi 0 0}
.crb__price b{font-family:var(--display,Unbounded,sans-serif);font-size:clamp(22px,4.1cqi,40px);font-weight:700;line-height:1}
.crb__price del,.crb__cp del{font-size:clamp(12px,1.5cqi,15px);font-weight:700;opacity:.65}
.crb__pct{display:inline-block;padding:.28em .62em;border-radius:999px;background:#E30614;color:#fff;font-size:clamp(11px,1.4cqi,14px);font-weight:900;line-height:1.2}
.crb--red .crb__price .crb__pct{background:#fff;color:#B8050F}
.crb__lowest{margin:.9cqi 0 0;font-size:clamp(10px,1.15cqi,12px);font-weight:700;opacity:.72}
/* A campaign's teaser (1.3.0): „Идва на 16.11“ in the price's place — no prices, no %, no code. */
.crb__soon{margin:2.6cqi 0 0;font-family:var(--display,Unbounded,sans-serif);font-size:clamp(18px,3.2cqi,32px);font-weight:700;line-height:1.1}
.crb__small-soon{flex:none;font-family:var(--display,Unbounded,sans-serif);font-size:15px;font-weight:700}
.crb-card .crb__soon{display:block;margin:8px 0 0;font-size:16px}
.crb__cta{display:inline-flex;align-items:center;gap:.55em;min-height:44px;margin-top:2.8cqi;padding:.95em 1.5em;border-radius:14px;background:var(--crb-cta-bg);color:var(--crb-cta-fg);font-size:clamp(13px,1.55cqi,15px);font-weight:900;line-height:1.1;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.crb__cta:hover{color:var(--crb-cta-fg);transform:translateY(-1px);box-shadow:0 8px 18px rgba(27,30,60,.18)}
.crb__cta:focus-visible,.crb__card:focus-visible,.crb__copy:focus-visible{outline:3px solid #FFC93C;outline-offset:2px}
/* № 106: the title's row with the phone's arrow, „от … €“ of a Тройка and the code's picture under a crocodile —
   a phone's only (the end of the file); on a computer the row is not there. */
.crb__meta{display:contents}
.crb__go,.crb__from,.crb__media.crb__media--phone{display:none}
.crb__arrow{flex:none}
.crb .crocoland-b2b-retail{display:none!important}
.crb .crocoland-b2b-own strong{display:block;font-family:var(--text,Nunito,system-ui,sans-serif);font-weight:800;line-height:1.2}
.crb .crocoland-b2b-own strong>.amount{display:block;font-family:var(--display,Unbounded,sans-serif);font-weight:700;line-height:1.1}
/* A trader's price: „Вашата цена:“ small over the amount, in each place its size (1.1.0; until then the words as big as the price). */
.crb__price .crocoland-b2b-own strong{font-size:clamp(12px,1.4cqi,15px)}
.crb__price .crocoland-b2b-own strong>.amount{font-size:clamp(22px,4.1cqi,40px)}
.crb__cp .crocoland-b2b-own strong,.crb__row-price .crocoland-b2b-own strong,.crb__small-price .crocoland-b2b-own strong{font-size:11px}
.crb__cp .crocoland-b2b-own strong>.amount{font-size:clamp(14px,2cqi,20px)}
.crb__row-price .crocoland-b2b-own strong>.amount{font-size:15px}
.crb__small-price .crocoland-b2b-own strong>.amount{font-size:17px}

/* The picture: on a white disc; a picture on white melts into it, any other comes with its blurred ground (the theme). */
.crb__media{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;height:100%}
.crb__disc{display:grid;place-items:center;width:min(100%,40cqi);aspect-ratio:1;overflow:hidden;border-radius:50%;background:#fff;box-shadow:0 2cqi 5cqi rgba(27,30,60,.16)}
.crb__disc img{width:74%;height:74%;object-fit:contain}
.crb__disc img.has-bg{width:100%;height:100%}
.crb__pic.is-white{mix-blend-mode:multiply}
.crb__noimg{display:block;width:60%;aspect-ratio:1;border-radius:50%;background:var(--crb-soft)}
.crb__croco{position:absolute;z-index:2;pointer-events:none;height:auto}
.crb__croco--peek{right:-1cqi;bottom:-1cqi;width:15cqi}

/* ---------- 2 Тройка ---------- */
.crb--trio .crb__in{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto minmax(0,1fr);align-items:start;gap:2.6cqi 3cqi;padding-top:4.6cqi}
.crb--trio .crb__head{min-width:0}
.crb--trio .crb__title{font-size:calc(clamp(20px,4.2cqi,40px) * var(--crb-tfit,1))}
.crb--trio .crb__cta{align-self:start;margin:0;padding:.95em 0;min-height:44px;background:none;color:var(--crb-ink);text-decoration:underline;text-underline-offset:.25em}
.crb--trio .crb__cta:hover{box-shadow:none;transform:none;color:var(--crb-ink)}
.crb__trio{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.2cqi;align-self:stretch;margin:0;padding:0;list-style:none}
.crb__card{display:flex;flex-direction:column;height:100%;padding:1.3cqi;border-radius:16px;background:#fff;color:#1B1E3C;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.crb__card:hover{color:#1B1E3C;transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.18)}
.crb__img{position:relative;display:grid;place-items:center;flex:1 1 auto;min-height:0;aspect-ratio:4/3;overflow:hidden;border-radius:12px;background:#fff}
.crb__img img{width:100%;height:100%;object-fit:contain}
.crb__img .crb__pct{position:absolute;top:6px;left:6px}
.crb__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.6em;margin-top:1cqi;font-size:clamp(11px,1.3cqi,13px);font-weight:800;line-height:1.3}
.crb__cp{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2em .5em;margin:.6cqi 0 0}
.crb__cp b{color:#E30614;font-family:var(--display,Unbounded,sans-serif);font-size:clamp(14px,2cqi,20px);font-weight:700}
.crb__cp .crb__pct{display:none}

/* ---------- 3 Код за отстъпка ---------- */
.crb--code .crb__in{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
.crb--code .crb__title{font-size:calc(clamp(22px,5.2cqi,52px) * var(--crb-tfit,1))}
.crb__ticket{display:inline-flex;align-items:center;gap:1.4cqi;margin-top:2.4cqi;padding:1cqi 1cqi 1cqi 1.4cqi;border-radius:14px;background:#fff;color:#1B1E3C;box-shadow:0 1cqi 3cqi rgba(0,0,0,.14)}
.crb__code{padding:.18em .6em;border:2px dashed #E30614;border-radius:10px;color:#E30614;font-family:var(--display,Unbounded,sans-serif);font-size:clamp(18px,3cqi,30px);letter-spacing:.04em;line-height:1.2}
.crb__ticket>span{font-size:clamp(11px,1.2cqi,12px);font-weight:800;line-height:1.25}
.crb__copy{min-height:36px;padding:.55em .9em;border:0;border-radius:10px;background:#24275A;color:#fff;font-size:12px;font-weight:900;cursor:pointer}
.crb__count{display:flex;gap:1cqi;margin-top:2.2cqi}
.crb__count span{display:grid;place-items:center;min-width:5.8cqi;padding:.55em .45em;border-radius:10px;background:var(--crb-soft);font-size:clamp(9px,1cqi,11px);font-weight:800;line-height:1.1}
.crb__count b{font-family:var(--display,Unbounded,sans-serif);font-size:clamp(16px,2.6cqi,26px);font-weight:700}
.crb--red .crb__count span{background:#fff;color:#B8050F}
.crb__croco--big{right:2cqi;bottom:0;width:auto;height:88%;max-width:42%;object-fit:contain;object-position:bottom right}

/* ---------- 4 Сцена (the home page's seasonal zone, 1.1.0; v2 V2Home): the texts and up to 3 products as rows on
   the left, the picture filling the right half ---------- */
.crb--scene{height:auto;border-radius:var(--radius-big,24px)}
.crb--scene .crb__in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:0;min-height:420px;padding:0}
.crb--scene .crb__body{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding:48px}
.crb--scene .crb__label::before{content:none}
.crb--scene .crb__title{font-size:calc(clamp(24px,3.4cqi,36px) * var(--crb-tfit,1));line-height:1.15}
.crb--scene .crb__sub{max-width:480px;font-size:17px;font-weight:600;line-height:1.55}
.crb--scene .crb__cta{margin-top:20px}
.crb__rows{display:flex;flex-direction:column;gap:10px;width:100%;max-width:480px;margin:18px 0 0;padding:0;list-style:none}
.crb__row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:#fff;color:#1B1E3C;text-decoration:none;transition:box-shadow .15s ease}
.crb__row:hover{color:#1B1E3C;box-shadow:0 6px 16px rgba(27,30,60,.12)}
.crb__row-img{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;overflow:hidden;border-radius:10px;background:#fff}
.crb__row-img img{width:100%;height:100%;object-fit:contain}
.crb__row-name{flex:1;min-width:0;font-size:14px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.crb__row-price{display:flex;flex-direction:column;align-items:flex-end;margin:0;white-space:nowrap}
.crb__row-price b{font-family:var(--display,Unbounded,sans-serif);font-size:15px;font-weight:700}
.crb__row-tbi{font-size:12px;font-weight:700;color:#24275A} /* 1.1.2: „от … €/мес.“ (TBI) under the price */
.crb__row-price del{font-size:12px;font-weight:700;opacity:.65}
.crb__row-price .crb__pct{display:none}
.crb__media--scene{display:block;min-height:320px;background:var(--crb-soft)}
.crb__scene-img{display:block;width:100%;height:100%;object-fit:cover}
.crb--scene .crb__croco--peek{right:12px;bottom:0;width:120px}

/* ---------- The small banners (1.1.0; v2 V2Home: 340 × 225 right of the carousel, a round picture) ----------
   1.1.1 (№27499): the title is never squeezed — up to 4 lines (crb_check() refuses a longer one), the subtitle
   gives way (2 lines, 1 under a title of 4: crb--t4 / crb--t4n, crb_small_title_fit()), the label one line; in
   the card of 300 (a computer 1280–1439) the picture is 96, so the title has 146 px instead of 124. */
.crb--small{container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;height:100%;min-height:225px;padding:22px 22px 22px 24px;border-radius:22px;background:var(--crb-small-bg);color:#1B1E3C;text-decoration:none}
.crb--small:hover{color:#1B1E3C;box-shadow:0 10px 24px rgba(27,30,60,.12)}
.crb--small:focus-visible{outline:3px solid #FFC93C;outline-offset:2px}
.crb--small{--crb-small-bg:#FFF4DB;--crb-small-label:#8A5A00}
.crb--small.crb--navy{--crb-small-bg:#EEF0FA;--crb-small-label:#24275A}
.crb--small.crb--red{--crb-small-bg:#FDECEC;--crb-small-label:#B8050F}
.crb--small.crb--mint{--crb-small-bg:#E6F5EB;--crb-small-label:#136B32}
.crb--small.crb--sky{--crb-small-bg:#E8F1FB;--crb-small-label:#1D5BA8}
.crb--small.crb--white{--crb-small-bg:#fff;--crb-small-label:#2F5BD3;box-shadow:inset 0 0 0 1px #E6E9F2}
.crb__small-body{display:flex;flex-direction:column;gap:6px;min-width:0;max-height:100%;overflow:hidden}
.crb__small-label{flex:none;overflow:hidden;font-weight:800;font-size:12px;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;color:var(--crb-small-label)}
.crb__small-title{flex:none;margin:0;font-family:var(--display,Unbounded,sans-serif);font-size:calc(18px * var(--crb-tfit,1));font-weight:700;line-height:1.18;color:#1B1E3C;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.crb__small-sub{flex:0 1 auto;min-height:0;overflow:hidden;font-size:14px;color:#3E4462;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.crb--t4 .crb__small-sub{-webkit-line-clamp:1}
.crb--t4 .crb__small-price{max-height:26px;overflow:hidden} /* one line: the old price and the % drop out when they do not fit */
.crb__small-price{flex:none;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0}
.crb__small-price b{font-family:var(--display,Unbounded,sans-serif);font-size:17px;font-weight:700}
.crb__small-price del{font-size:13px;font-weight:700;opacity:.65}
.crb__small-price .crb__pct{font-size:11px}
.crb__small-cta{flex:none;margin-top:6px;font-weight:800;font-size:15px;text-decoration:underline;text-underline-offset:.2em}
.crb__small-pic{display:grid;place-items:center;width:118px;height:118px;overflow:hidden;border-radius:50%;background:#fff}
@container (max-width:279px){ /* the content box: a card of 300 is 254 inside, of 340 — 294 */
	.crb__small-pic{width:96px;height:96px}
	.crb--t4n .crb__small-sub{-webkit-line-clamp:1}
	.crb--t4n .crb__small-price{max-height:26px;overflow:hidden}
}
.crb__small-pic img{width:80%;height:80%;object-fit:contain}
.crb__small-pic img.crb__small-img,.crb__small-pic img.has-bg{width:100%;height:100%;object-fit:cover}
.crb--small .crocoland-b2b-retail{display:none!important}

/* ---------- The carousel ---------- */
/* 1.1.0 (v2, V2Home): the controls under the slides, in a white pill — the arrows, the dots, „1 / 3“ (the seasonal
   zone's; on a phone every zone's) and the pause. The box the theme gives the zone sets the slides' height: the track
   takes it (the home page's carousel: 470 px), or the slides set it (the seasonal zone's Сцена). */
.crb-zone{position:relative;display:flex;flex-direction:column;gap:12px;height:100%;border-radius:inherit}
.crb-zone__track{position:relative;display:flex;flex:1 1 auto;min-height:0;overflow-x:auto;overflow-y:hidden;border-radius:inherit;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.crb-zone__track::-webkit-scrollbar{display:none}
.crb-zone__slide{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always}
.crb-zone__slide>.crb{height:100%}
.crb-zone__bar{display:flex;align-items:center;align-self:center;gap:4px;height:44px;padding:0 4px;border:1px solid #E6E9F2;border-radius:999px;background:#fff}
.crb-zone__bar button{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:none;color:#24275A;cursor:pointer}
.crb-zone__nav:hover{background:rgba(36,39,90,.08)}
.crb-zone__dot{width:16px!important}
.crb-zone__dot::before{content:"";width:8px;height:8px;border-radius:999px;background:#C3C8D8;transition:width .2s ease}
.crb-zone__dot[aria-current="true"]{width:34px!important}
.crb-zone__dot[aria-current="true"]::before{width:26px;background:#24275A}
.crb-zone__count{display:none;padding:0 6px;color:#5B6275;font-size:13px;font-weight:700;white-space:nowrap}
.crb-zone[data-crb-zone="feature"] .crb-zone__count{display:block}
.crb-zone__pause{margin-left:6px;background:#EEF0FA!important}
.crb-zone__pause:hover{background:#DADDF2!important}
.crb-zone__pause[aria-pressed="true"] svg{display:none}
.crb-zone__pause[aria-pressed="true"]::before{content:"";margin-left:3px;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent currentColor}
@media (prefers-reduced-motion:reduce){.crb-zone__track{scroll-behavior:auto}.crb__cta,.crb__card{transition:none}}
/* № 109 (1.5.0): the phone's own slides — the menu's banners after the home ones — and their dots: not on a computer
   (nor the bar, when the computer has one slide). banners.js counts only the slides that are shown. */
@media (min-width:768px){.crb-zone__slide--ph,.crb-zone__dot--ph,.crb-zone__bar--ph{display:none!important}}

/* ---------- Stacked: the same record in a narrow box (a phone) ---------- */
@container (max-width:560px){
	.crb__in{display:flex;flex-direction:column;align-items:stretch;gap:0;height:auto;min-height:100%;padding:16px 16px 18px}
	.crb__media{order:-1;height:176px;margin-bottom:14px;padding:10px;border-radius:16px;background:#fff}
	.crb__disc{width:auto;height:100%;margin:0 auto;border-radius:0;box-shadow:none}
	.crb__disc img{width:100%;height:100%}
	.crb__croco--peek{top:-6px;right:-4px;bottom:auto;width:64px}
	.crb__label{margin-bottom:6px;font-size:11px}
	.crb__title{font-size:calc(24px * var(--crb-tfit-n,1))}
	.crb__sub{margin-top:6px;font-size:14px}
	.crb__price{margin-top:12px;gap:6px 10px}
	.crb__price b{font-size:24px}
	.crb__price del{font-size:13px}
	.crb__pct{font-size:12px}
	.crb__lowest{margin-top:4px;font-size:11px}
	.crb__soon{margin-top:12px;font-size:20px}
	.crb__count{gap:6px;margin-top:12px}
	.crb__count span{min-width:48px;font-size:10px}
	.crb__count b{font-size:18px}
	.crb__body{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start}
	.crb__body>:nth-last-child(2){margin-bottom:16px}
	.crb__cta{justify-content:center;width:100%;margin-top:auto;font-size:15px}
	.crb--trio .crb__in{display:flex}
	.crb--trio .crb__title{font-size:calc(22px * var(--crb-tfit-n,1))}
	.crb--trio .crb__cta{order:3;justify-content:center;width:100%;margin-top:auto;padding:.95em 1.5em;background:var(--crb-cta-bg);color:var(--crb-cta-fg);text-decoration:none}
	.crb__trio{order:2;gap:8px;margin:14px 0}
	.crb__card{padding:6px;border-radius:12px}
	.crb__img{aspect-ratio:1}
	.crb__img .crb__pct{top:4px;left:4px;font-size:10px}
	.crb__name{margin-top:6px;font-size:11px}
	.crb__cp b{font-size:14px}
	.crb__cp del{font-size:10px}
	.crb--code .crb__title{font-size:calc(26px * var(--crb-tfit-n,1))}
	.crb--code .crb__body{padding-bottom:0}
	.crb__ticket{display:grid;grid-template-columns:1fr auto;gap:6px 8px;margin-top:12px;padding:8px}
	.crb__code{font-size:20px;text-align:center}
	.crb__ticket>span{grid-column:1/-1;grid-row:2;font-size:11px}
	.crb__ticket>span br{display:none}
	.crb--code.has-croco .crb__cta{width:calc(100% - 34cqi)}
	.crb__croco--big{right:6px;bottom:6px;height:auto;width:32cqi;max-width:none}
	.crb--scene .crb__in{min-height:0;padding:0}
	.crb--scene .crb__body{padding:18px 20px 20px}
	.crb__rows{margin-top:12px}
	.crb--scene .crb__title{font-size:calc(21px * var(--crb-tfit-n,1))}
	.crb--scene .crb__sub{font-size:15px}
	.crb__media--scene{order:-1;height:auto;min-height:0;margin:0;padding:0;border-radius:0;aspect-ratio:16/10;background:var(--crb-soft)}
	.crb--scene .crb__croco--peek{top:calc(62.5cqi - 60px);right:8px;bottom:auto;width:72px} /* on the picture's lower edge */
}

/* The carousel on a phone: swiped, the next slide peeking (1.1.0, v2), never turning by itself (banners.js), the dots
   and „1 / 5“ under it, without the arrows and the pause. */
@media (max-width:767px){
	.crb-zone{gap:10px}
	.crb-zone__track{gap:10px;border-radius:0;overflow-y:visible}
	.crb-zone__slide{flex-basis:86%} /* № 106: 86 (until 1.4.4, 88) */
	.crb-zone__slide:only-child{flex-basis:100%}
	.crb-zone__slide>.crb{border-radius:22px}
	/* № 106: a small banner — the picture on top, square, the card's width; the label small, the title up to 2
	   lines, the price; no subtitle (until 1.4.4 a circle of 56 in the corner, the title up to 4 lines). */
	.crb--small{grid-template-columns:minmax(0,1fr);align-content:start;gap:7px;min-height:0;padding:8px;border-radius:18px}
	.crb--small .crb__small-pic{order:-1;justify-self:stretch;width:auto;height:auto;aspect-ratio:1;border-radius:12px}
	.crb--small .crb__small-pic img{width:100%;height:100%}
	.crb__small-body{gap:7px;padding:0 4px 4px}
	.crb__small-label{font-size:10px;font-weight:900;letter-spacing:.05em}
	.crb__small-label::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor;vertical-align:.1em}
	.crb__small-title{font-size:calc(13.5px * var(--crb-tfit-n,1));line-height:1.2;-webkit-line-clamp:2}
	.crb__small-sub,.crb__small-cta{display:none}
	.crb__small-price b{font-size:15px;color:#E30614}
	.crb--small .crb__small-price{max-height:none;overflow:visible}
	.crb-zone__bar{height:auto;padding:0;border:0;background:none}
	.crb-zone__nav,.crb-zone__pause{display:none!important}
	.crb-zone__bar button{width:16px;height:44px}
	.crb-zone__dot[aria-current="true"]{width:30px!important}
	.crb-zone__dot[aria-current="true"]::before{width:22px}
	.crb-zone__count{display:block;padding:0 0 0 8px}
}

/* № 106 (Denis, 30.10.2026 — the artifact „Началната на телефон“): a phone's slide is the product first — a square
   picture, the label, the title (up to 2 lines) with an arrow beside it, the price (the old one and −% on the
   picture, as before); no subtitle, no button, no crocodile: the button's link is stretched over the whole slide,
   with its words for a screen reader. Тройка — a collage (the first big, the other two one above the other, no names,
   no prices) and „от <the lowest> €“; Код — a lower picture (~120 px) and the code big, the countdown as before;
   Сцена — its picture square, no products. Until 1.4.4 the stacked record (the container query above): the picture
   176 high, the subtitle, the button across. .crb--slide: a carousel's slide, not a small banner nor the menu's card. */
@media (max-width:767px){
	.crb--slide .crb__in{display:flex;flex-direction:column;align-items:stretch;gap:10px;height:auto;min-height:100%;padding:12px}
	.crb--slide .crb__in .crb__body,.crb--slide .crb__in .crb__head{position:static;display:flex;flex:none;flex-direction:column;align-items:stretch;gap:10px;margin:0;padding:0}
	.crb--slide .crb__in .crb__label{margin:0;font-size:11px;letter-spacing:.05em}
	.crb--slide .crb__in .crb__meta{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
	.crb--slide .crb__in .crb__title{flex:1 1 auto;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:calc(20px * var(--crb-tfit-n,1));line-height:1.18;letter-spacing:-.02em}
	.crb--slide .crb__in .crb__go{display:grid;flex:none;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;color:#24275A}
	.crb--slide .crb__in .crb__sub,.crb--slide .crb__in .crb__croco,.crb--slide .crb__in .crb__rows{display:none}
	.crb--slide .crb__in>*{margin:0}
	.crb--slide .crb__in .crb__body>*{margin:0}
	/* The price: big; red on a light slide, white on a dark one; the −% on the picture's corner. */
	.crb--slide .crb__in .crb__price{gap:4px 8px;align-items:baseline;margin:0}
	.crb--slide .crb__in .crb__price b,.crb--slide .crb__in .crb__price .crocoland-b2b-own strong>.amount{font-size:22px}
	.crb--slide.crb--sun .crb__price b,.crb--slide.crb--mint .crb__price b,.crb--slide.crb--white .crb__price b{color:#E30614}
	.crb--slide .crb__in .crb__price del{font-size:13px}
	.crb--slide .crb__in .crb__price .crb__pct{position:absolute;top:22px;left:22px;z-index:2;padding:3px 9px;background:#E30614;color:#fff;font-size:12px}
	.crb--slide .crb__in .crb__lowest{margin-top:-6px;font-size:11px}
	.crb--slide .crb__in .crb__soon{margin:0;font-size:18px}
	.crb--slide .crb__in .crb__count{margin:0}
	/* The picture: square, white, the product whole. */
	.crb--slide .crb__in .crb__media{order:-1;display:block;height:auto;aspect-ratio:1;margin:0;padding:0;overflow:hidden;border-radius:16px;background:#fff}
	.crb--slide .crb__in .crb__disc{display:block;width:100%;height:100%;aspect-ratio:auto;margin:0;border-radius:0;box-shadow:none}
	.crb--slide .crb__in .crb__disc img{width:100%;height:100%;object-fit:contain}
	/* The whole slide is the link: the button's own, over everything, its words kept for a screen reader. */
	.crb--slide .crb__in .crb__cta{position:absolute;inset:0;z-index:3;display:block;align-self:stretch;justify-self:stretch;width:auto;min-height:0;margin:0;padding:0;overflow:hidden;border-radius:0;background:none;box-shadow:none;transform:none;color:transparent;font-size:0;text-decoration:none}
	.crb--slide .crb__in .crb__cta:focus-visible{outline:3px solid #FFC93C;outline-offset:-3px}
	/* Тройка: the collage, „от … €“. */
	.crb--slide .crb__in .crb__trio{order:-1;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:6px;aspect-ratio:1;margin:0}
	.crb--slide .crb__trio li{min-width:0;min-height:0}
	.crb--slide .crb__trio li:first-child{grid-row:1/3}
	.crb--slide .crb__in .crb__card{height:100%;padding:0;overflow:hidden;border-radius:14px}
	.crb--slide .crb__in .crb__img{height:100%;aspect-ratio:auto;border-radius:0}
	.crb--slide .crb__in .crb__name,.crb--slide .crb__in .crb__cp,.crb--slide .crb__in .crb__img .crb__pct{display:none}
	.crb--slide .crb__in .crb__from{display:block;margin:0;color:var(--crb-ink);font-family:var(--display,Unbounded,sans-serif);font-size:17px;font-weight:700;line-height:1.2}
	/* Код: the picture lower; the code big, alone (no „Въведи…“, no „Копирай“ — the slide is the link). */
	.crb--slide.crb--code .crb__in .crb__media{aspect-ratio:auto;height:120px}
	.crb--slide .crb__in .crb__media--phone{display:block}
	.crb--slide .crb__in .crb__ticket{display:block;margin:0;padding:0;background:none;box-shadow:none}
	.crb--slide .crb__in .crb__code{display:block;padding:8px 12px;border:2px dashed #E30614;border-radius:12px;background:#fff;color:#E30614;font-size:18px;letter-spacing:.06em;line-height:1.3;text-align:center}
	.crb--slide .crb__in .crb__ticket>span,.crb--slide .crb__in .crb__copy{display:none}
	/* № 136 (Denis, 01.11.2026 — №28365 „Нов сайт“ live): Код — also the subtitle (the condition, the term), the code
	   with „Копирай“ (over the slide's link), the countdown (its last 3 days) and the crocodile of its pose, which takes
	   what is left of the slide; without a crocodile its product's picture takes it, without either the texts stand in
	   the middle. Until 1.5.2 none of them: a code without a product was the label, the title, the code and an empty
	   yellow field the height of the other slides. */
	.crb--slide.crb--code .crb__in .crb__sub{display:block;font-size:15px;font-weight:700;line-height:1.35}
	.crb--slide.crb--code .crb__in .crb__ticket{display:flex;align-items:stretch;gap:8px}
	.crb--slide.crb--code .crb__in .crb__code{flex:1 1 auto;min-width:0}
	.crb--slide.crb--code .crb__in .crb__copy{display:block;position:relative;z-index:4;flex:none;min-height:44px;padding:0 16px;font-size:14px}
	.crb--slide.crb--code.has-croco .crb__in .crb__croco{display:block;position:static;flex:1 1 0;width:100%;height:auto;min-height:96px;max-width:none;object-fit:contain;object-position:right bottom}
	.crb--slide.crb--code.has-croco .crb__in .crb__media--phone{display:none}
	.crb--slide.crb--code:not(.has-croco) .crb__in .crb__media{flex:1 1 0;height:auto;min-height:120px}
	.crb--slide.crb--code:not(.has-croco) .crb__in{justify-content:center}
	/* Сцена: its picture square, inside the slide's frame. */
	.crb--slide.crb--scene .crb__in{min-height:0;padding:12px}
	.crb--slide .crb__in .crb__media--scene{aspect-ratio:1;min-height:0;border-radius:16px;background:var(--crb-soft)}
	.crb--slide .crb__in .crb__scene-img{width:100%;height:100%;object-fit:cover}
}

/* ---------- The big menu's card (270 × 410) ---------- */
.crb-card{position:relative;display:flex;flex-direction:column;align-self:start;width:100%;aspect-ratio:27/41;padding:14px;overflow:hidden;border-radius:18px;background:var(--crb-bg);color:var(--crb-ink);font-family:var(--text,Nunito,system-ui,sans-serif);text-decoration:none;box-shadow:0 0 0 1px rgba(27,30,60,.06)}
.crb-card:hover{color:var(--crb-ink);box-shadow:0 10px 24px rgba(27,30,60,.16)}
.crb-card .crb__chip{align-self:flex-start;padding:4px 10px;border-radius:999px;background:#E30614;color:#fff;font-size:12px;font-weight:900}
.crb-card.crb--red .crb__chip,.crb-card.crb--sky .crb__chip,.crb-card.crb--navy .crb__chip{background:#fff;color:#B8050F}
.crb-card .crb__img{flex:1 1 auto;aspect-ratio:auto;margin-top:10px;background:#fff;border-radius:12px}
.crb-card .crb__name{min-height:0;margin-top:10px;font-size:13px}
.crb-card .crb__cp{margin-top:4px}
.crb-card .crb__cp b{font-size:18px}
.crb-card .crb__label{margin:0 0 8px;font-size:11px}
.crb-card .crb__title{display:block;font-family:var(--display,Unbounded,sans-serif);font-size:24px;font-weight:700;line-height:1.08}
.crb-card .crb__ticket{align-self:flex-start;margin-top:12px;padding:6px}
.crb-card .crb__code{font-size:18px}
.crb-card .crb__cta{justify-content:center;width:100%;margin-top:auto;padding:.8em 1em;font-size:14px}
.crb-card.crb--star .crb__cta{margin-top:10px}
.crb__croco--corner{top:4px;right:4px;width:62px}
.crb__croco--card{right:-6px;bottom:52px;width:46%}
.crb-card.crb--code .crb__title{max-width:9ch}