/**
 * SWEB — Theming Jerry's Pizza (stil comic: fundal alb, borduri negre groase,
 * accente portocaliu #F57A20 + galben #FFD500, titluri display). 1:1 „Category Jerry".
 * Landing de brand („meniu direct") + override-uri de componente pentru .sweb-brand--jerry.
 */

/* Fundal texturat de hârtie pe TOATĂ pagina Jerry (ca în Figma). Fixed + cover
 * ca să acopere viewport-ul fără să se întindă distorsionat pe pagina lungă. */
body.sweb-brand-landing.sweb-brand--jerry,
.sweb-brand--jerry.sweb-blanding,
body.sweb-brand--jerry {
	background: #FFFFFF url('../../img/texture-jerry-paper.png') center top / cover no-repeat fixed;
}

/* -------------------------------------------------------------------------- *
 * Landing de brand (meniu direct)
 * -------------------------------------------------------------------------- */
.sweb-blanding {
	width: 100%;
	margin: 0 auto;
	padding: clamp(90px, 76px + 3.889vw, 132px) clamp(16px, 5.33px + 2.963vw, 48px) 0;
}
.sweb-blanding__head { margin-bottom: clamp(16px, 13.33px + 0.7407vw, 24px); }
.sweb-blanding__hero {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: clamp(12px, 5.33px + 1.852vw, 32px);
	padding: clamp(8px, 2.67px + 1.481vw, 24px) 0 clamp(16px, 13.33px + 0.7407vw, 24px);
}
.sweb-blanding__title {
	flex: 0 1 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(10px, 5.33px + 1.296vw, 24px);
	text-align: center;
}
.sweb-blanding__logo {
	width: clamp(240px, 172.3333px + 18.7963vw, 443px);
	height: auto;
	object-fit: contain;
}
.sweb-blanding__deco {
	flex: 0 0 auto;
	width: clamp(140px, 79px + 16.9444vw, 323px);
	height: auto;
	object-fit: contain;
}
.sweb-blanding__switch { margin-bottom: clamp(16px, 13.33px + 0.7407vw, 24px); }
.sweb-blanding__switch .sweb-rsw { position: static; transform: none; display: inline-block; }
.sweb-blanding__switch .sweb-rsw__toggle:focus,
.sweb-blanding__switch .sweb-rsw a:focus { outline: none; }

/* Switcher Jerry: pătrat alb cu bordură neagră + icon închis, pill alb bordură neagră */
.sweb-brand--jerry .sweb-rsw__ic {
	background: #FFFFFF;
	border: 2px solid #1A1A1A;
	color: #1A1A1A;
	border-radius: 4px;
}
.sweb-brand--jerry .sweb-rsw__label {
	background: #FFFFFF;
	border: 2px solid #1A1A1A;
	border-radius: 4px;
	color: #1A1A1A;
	font-family: 'Afacad', sans-serif;
	font-weight: 600;
}
.sweb-brand--jerry .sweb-rsw__item.is-current { background: #F57A20; color: #fff; }

/* Spațiere secțiuni landing + titluri recomandate */
.sweb-blanding__rectitle {
	margin: clamp(28px, 21.33px + 1.852vw, 48px) 0 clamp(16px, 13.33px + 0.7407vw, 24px);
	text-transform: none;
}
.sweb-blanding .sweb-section--tight { padding-top: clamp(24px, 18.67px + 1.481vw, 40px); }
.sweb-blanding .sweb-section--tight:first-of-type { padding-top: 0; }

@media (max-width: 860px) {
	.sweb-blanding__deco { display: none; }
	.sweb-blanding__hero { justify-content: center; }
}
.sweb-blanding__count {
	margin: 0;
	font-family: 'Afacad', sans-serif;
	font-weight: 600;
	font-size: clamp(18px, 16px + 0.5556vw, 24px);
	color: #1A1A1A;
}
.sweb-blanding__rectitle {
	margin: 0 0 clamp(16px, 13.33px + 0.7407vw, 24px);
	font-family: 'Afacad', sans-serif;
	font-weight: 600;
	font-size: clamp(24px, 21.33px + 0.7407vw, 32px);
	color: #1A1A1A;
}

/* Titluri mari de secțiune Jerry — display Shermlock galben cu contur negru
 * (ex. „Întrebari frecvente", „Cu ce ne evidentiem..?"). Figma: Shermlock 48px #FFD500 + stroke 2px. */
.sweb-brand--jerry .sweb-section-title {
	font-family: 'Shermlock', cursive;
	font-weight: 400;
	color: #FFD500;
	-webkit-text-stroke: 2px #1A1A1A;
	paint-order: stroke fill;
	letter-spacing: 0.01em;
	font-size: clamp(1.75rem, 1.3333rem + 1.852vw, 3rem);
	line-height: 1.25;
	padding-top: 0.15em;
	overflow: visible;
}

/* -------------------------------------------------------------------------- *
 * Navbar Jerry — alb translucid, bordură neagră jos
 * -------------------------------------------------------------------------- */
.sweb-brand--jerry.sweb-navbar,
.sweb-brand--jerry .sweb-navbar { background: rgba(255,255,255,0.85); border-bottom: 2px solid #1A1A1A; }
.sweb-brand--jerry .sweb-navbar__phone {
	background: #FFFFFF;
	border: 2px solid #1A1A1A;
	color: #277109;
	border-radius: 999px;
}
/* Login | coș: o singură pastilă albă cu bordură neagră + divider negru */
.sweb-brand--jerry .sweb-navbar__usercart {
	background: #FFFFFF;
	border: 2px solid #1A1A1A;
	border-radius: 999px;
}
.sweb-brand--jerry .sweb-navbar__account,
.sweb-brand--jerry .sweb-navbar__cart { background: transparent; border: none; }
.sweb-brand--jerry .sweb-navbar__account-txt,
.sweb-brand--jerry .sweb-navbar__cart-total { color: #1A1A1A; }
.sweb-brand--jerry .sweb-navbar__account .sweb-ic,
.sweb-brand--jerry .sweb-navbar__cart .sweb-ic { color: #1A1A1A; }
.sweb-brand--jerry .sweb-navbar__divider { background: #1A1A1A; }
.sweb-brand--jerry .sweb-navbar__cart-count { background: #F57A20; color: #fff; }
.sweb-brand--jerry .sweb-navbar__lang { background: #FEFCF6; border-radius: 999px; }

/* -------------------------------------------------------------------------- *
 * Butoane Jerry — portocaliu cu bordură neagră
 * -------------------------------------------------------------------------- */
.sweb-brand--jerry .sweb-btn--primary {
	background: #F57A20;
	border: 2px solid #1A1A1A;
	color: #FFFFFF;
	border-radius: 4px;
}
.sweb-brand--jerry .sweb-btn--primary:hover { filter: brightness(0.95); }
.sweb-brand--jerry .sweb-btn--dark {
	background: #1A1A1A;
	border: 2px solid #1A1A1A;
	color: #FFD500;
}

/* -------------------------------------------------------------------------- *
 * Carduri de produs Jerry — alb, bordură neagră 3px
 * -------------------------------------------------------------------------- */
.sweb-brand--jerry .sweb-card {
	background: #FFFFFF;
	border: 3px solid #1A1A1A;
	border-radius: 8px;
}
.sweb-brand--jerry .sweb-card__title { font-family: 'Afacad', sans-serif; font-weight: 700; color: #1A1A1A; }
.sweb-brand--jerry .sweb-card__price { color: #1A1A1A; }
.sweb-brand--jerry .sweb-card__badge,
.sweb-brand--jerry .sweb-badge { border: 2px solid #1A1A1A; }
.sweb-brand--jerry .sweb-card__size {
	border: 2px solid #1A1A1A;
	border-radius: 4px;
	font-family: 'Afacad', sans-serif;
}
.sweb-brand--jerry .sweb-card__size-name,
.sweb-brand--jerry .sweb-card__size-price { color: #1A1A1A; }

/* -------------------------------------------------------------------------- *
 * Promo Jerry — alb, bordură 4px, titlu display portocaliu cu contur
 * -------------------------------------------------------------------------- */
.sweb-brand--jerry .sweb-promo__card {
	background: #FFFFFF;
	border: 4px solid #1A1A1A;
	border-radius: 8px;
}
/* Promo title „Oferte Speciale" — Shermlock portocaliu #F57A20 + contur negru gros. */
.sweb-brand--jerry .sweb-promo__title {
	font-family: 'Shermlock', cursive;
	font-weight: 400;
	color: #F57A20;
	-webkit-text-stroke: 4px #1A1A1A;
	paint-order: stroke fill;
	letter-spacing: 0.01em;
	font-size: clamp(2rem, 0.6667rem + 5.926vw, 6rem);
	line-height: 1.15;
	white-space: nowrap;
}
/* Promo button „vreau oferta!" — bg deschis, text Shermlock galben cu contur negru. */
.sweb-brand--jerry .sweb-promo__btn {
	background: #F9F9F9;
	color: #FFD500;
	font-family: 'Shermlock', cursive;
	font-weight: 400;
	-webkit-text-stroke: 1.5px #1A1A1A;
	paint-order: stroke fill;
	font-size: clamp(1.25rem, 0.8333rem + 1.852vw, 2.5rem);
	letter-spacing: 0.01em;
}

/* -------------------------------------------------------------------------- *
 * FAQ Jerry — alb, bordură neagră
 * -------------------------------------------------------------------------- */
.sweb-brand--jerry .sweb-faq__item {
	background: #FFFFFF;
	border: 2px solid #1A1A1A;
	border-radius: 8px;
}
.sweb-brand--jerry .sweb-faq__q { font-family: 'Afacad', sans-serif; font-weight: 600; color: #1A1A1A; }
.sweb-brand--jerry .sweb-faq__ic { background: #F57A20; border: 2px solid #1A1A1A; }

/* -------------------------------------------------------------------------- *
 * Tag-uri / pill-uri Jerry
 * -------------------------------------------------------------------------- */
.sweb-brand--jerry .sweb-tag,
.sweb-brand--jerry .sweb-crumbs {
	background: #FFFFFF;
	border: 2px solid #1A1A1A;
	border-radius: 4px;
	color: #1A1A1A;
	font-family: 'Afacad', sans-serif;
}

/* -------------------------------------------------------------------------- *
 * Pagina de produs Jerry
 * -------------------------------------------------------------------------- */
.sweb-brand--jerry .sweb-pp__main,
.sweb-brand--jerry .sweb-pp__thumb {
	background: #FFFFFF;
	border: 3px solid #1A1A1A;
}
.sweb-brand--jerry .sweb-pp__title { font-family: 'Afacad', sans-serif; font-weight: 700; color: #1A1A1A; }
.sweb-brand--jerry .sweb-pp__size {
	background: #FFFFFF;
	border: 2px dashed #1A1A1A;
	border-radius: 8px;
}
.sweb-brand--jerry .sweb-pp__size.is-selected { border-style: solid; border-color: #1A1A1A; }
.sweb-brand--jerry .sweb-pp__size-name { font-family: 'Afacad', sans-serif; font-weight: 700; }
.sweb-brand--jerry .sweb-pp__size.is-selected .sweb-pp__size-check { background: #F57A20; border-color: #F57A20; }
.sweb-brand--jerry .sweb-pp__stars,
.sweb-brand--jerry .sweb-pp__testi-stars { color: #F57A20; }
.sweb-brand--jerry .sweb-pp__qty { border: 2px solid #1A1A1A; }
.sweb-brand--jerry .sweb-pp__menulink { background: #1A1A1A; color: #FFD500; }

/* -------------------------------------------------------------------------- *
 * Footer Jerry
 * -------------------------------------------------------------------------- */
.sweb-brand--jerry.sweb-footer,
.sweb-brand--jerry .sweb-footer { background: #FFFFFF; border-top: 3px solid #1A1A1A; }

/* Mobil */
@media (max-width: 600px) {
	.sweb-blanding__logo { width: clamp(180px, 153.33px + 7.407vw, 260px); }
}

/* ==========================================================================
 * BORDURĂ NEREGULATĂ „desenată de mână" — semnătura Jerry's, peste tot.
 * Recipe: border-image cu rough-border-irregular.svg. Colțuri drepte (comic).
 * Vine ULTIMA în fișier → învinge bordurile solide de mai sus.
 * ========================================================================== */
.sweb-brand--jerry {
	--jerry-rough: url('../../img/a.svg');
}

/* Bordură rough (recipe nou: slice 8, width 8px) pe TOATE containerele + elementele Jerry */
.sweb-brand--jerry .sweb-card,
.sweb-brand--jerry .sweb-promo__card,
.sweb-brand--jerry .sweb-benefits,
.sweb-brand--jerry .sweb-pp__main,
.sweb-brand--jerry .sweb-pp__thumb,
.sweb-brand--jerry .sweb-pp__rec .sweb-card,
.sweb-brand--jerry .sweb-btn,
.sweb-brand--jerry .sweb-btn--primary,
.sweb-brand--jerry .sweb-btn--dark,
.sweb-brand--jerry .sweb-promo__btn,
.sweb-brand--jerry .sweb-navbar__usercart,
.sweb-brand--jerry .sweb-navbar__phone,
.sweb-brand--jerry .sweb-navbar__lang,
.sweb-brand--jerry .sweb-rsw__ic,
.sweb-brand--jerry .sweb-rsw__label,
.sweb-brand--jerry .sweb-tag,
.sweb-brand--jerry .sweb-crumbs,
.sweb-brand--jerry .sweb-carousel__arrow,
.sweb-brand--jerry .sweb-promo__arrow,
.sweb-brand--jerry .sweb-pp__qty,
.sweb-brand--jerry .sweb-pp__menulink {
	border: 2px solid transparent !important;
	border-image: var(--jerry-rough) 8 / 8px stretch !important;
	border-radius: 0 !important;
}

/* Săgeți (carousel + promo) Jerry — pătrat portocaliu, chevron alb, contur rough negru */
.sweb-brand--jerry .sweb-carousel__arrow,
.sweb-brand--jerry .sweb-promo__arrow {
	background: #F57A20 !important;
	color: #FFFFFF !important;
}
/* Bara de progres promo — track gri, fill portocaliu (design) */
.sweb-brand--jerry .sweb-promo__progress { background: #CECFD0 !important; }
.sweb-brand--jerry .sweb-promo__progress-fill,
.sweb-brand--jerry .sweb-carousel__fill { background: #F57A20 !important; }

/* Arrows Jerry — portocaliu cu contur negru rough (fill peste bg portocaliu) */
.sweb-brand--jerry .sweb-carousel__arrow {
	background: #F57A20 !important;
	color: #1A1A1A !important;
}

/* Butoane Jerry — culori corecte din design */
.sweb-brand--jerry .sweb-btn--primary { background: #F57A20 !important; color: #FFFFFF !important; }
.sweb-brand--jerry .sweb-btn--dark    { background: #1A1A1A !important; color: #FFD500 !important; }
.sweb-brand--jerry .sweb-promo__btn   { background: #F9F9F9 !important; color: #FFD500 !important; }

/* ==========================================================================
 * Footer Jerry — 1:1 Figma (#16122:6205): fără colțuri rotunjite, fundal
 * textură de hârtie, linie neagră 3px sus, titluri Afacad cu underline negru,
 * linkuri negre, logo „Follies Jerry Pizza" centrat jos sub rândul de credite.
 * ========================================================================== */
.sweb-brand--jerry.sweb-footer,
.sweb-brand--jerry .sweb-footer {
	margin-top: 0 !important;
	border-radius: 0 !important;
	border-top: 3px solid #1A1A1A !important;
	background: #FFFFFF url('../../img/texture-jerry-paper.png') center/cover no-repeat !important;
	color: #1A1A1A;
}
/* Fără overlay crem pe Jerry */
.sweb-brand--jerry .sweb-footer__overlay { display: none !important; }

/* Ordine: coloane → rând credite → logo centrat jos (ca în Figma) */
.sweb-brand--jerry .sweb-footer__cols   { order: 1; }
.sweb-brand--jerry .sweb-footer__bottom { order: 2; border-top: 0 !important; padding-top: 0 !important; }
.sweb-brand--jerry .sweb-footer__logo   { order: 3; }

/* Titluri coloane — Afacad Medium negru + underline negru pe lățimea coloanei */
.sweb-brand--jerry .sweb-footer__title {
	font-family: 'Afacad', sans-serif !important;
	font-weight: 500 !important;
	font-size: clamp(18px, 17.33px + 0.1852vw, 20px) !important;
	color: #1A1A1A !important;
	padding-bottom: clamp(8px, 6.67px + 0.3704vw, 12px);
	margin-bottom: clamp(12px, 9.33px + 0.7407vw, 20px);
	border-bottom: 2px solid #1A1A1A;
}
/* Linkuri — Afacad Medium negru */
.sweb-brand--jerry .sweb-footer__links a,
.sweb-brand--jerry .sweb-footer__links span {
	font-family: 'Afacad', sans-serif !important;
	font-weight: 500 !important;
	font-size: clamp(15px, 14px + 0.2778vw, 18px) !important;
	color: #1A1A1A !important;
	opacity: 0.8;
}
.sweb-brand--jerry .sweb-footer__links a:hover { opacity: 1; font-weight: 700 !important; }
/* Iconuri contact — negre */
.sweb-brand--jerry .sweb-footer__ic { color: #1A1A1A !important; }
/* Credite — negre, Afacad */
.sweb-brand--jerry .sweb-footer__copy,
.sweb-brand--jerry .sweb-footer__made {
	font-family: 'Afacad', sans-serif !important;
	color: #1A1A1A !important;
}
.sweb-brand--jerry .sweb-footer__made strong { font-weight: 700 !important; }
/* Logo Jerry footer — centrat, dimensiune ca în Figma (~343px) */
.sweb-brand--jerry .sweb-footer__logo { margin-top: clamp(16px, 10.67px + 1.481vw, 32px); }
.sweb-brand--jerry .sweb-footer__logo img { width: clamp(220px, 179px + 11.39vw, 343px); }

/* Titluri de sub-categorie (rânduri „Băuturi", „Sosuri") — Afacad SemiBold negru,
 * NU Shermlock (design: Afacad SemiBold 32px #1A1A1A). Suprascrie jer-h2 (Shermlock). */
.sweb-brand--jerry .sweb-cat-row__title,
.sweb-brand--jerry .sweb-blanding__rectitle,
.sweb-brand--jerry .sweb-pp__reltitle {
	font-family: 'Afacad', sans-serif !important;
	font-weight: 600 !important;
	color: #1A1A1A !important;
	-webkit-text-stroke: 0 !important;
	font-size: clamp(1.5rem, 1.3333rem + 0.7407vw, 2rem);
	letter-spacing: 0;
}

/* ==========================================================================
 * Card produs Jerry — 1:1 Figma: buton „Adaugă" ROȘU solid, mărimi Shermlock
 * colorate cu contur negru (22cm roșu, 32cm galben, XXL portocaliu).
 * ========================================================================== */
.sweb-brand--jerry .sweb-card__add {
	background: #E3403E !important;
	color: #FFFFFF !important;
	border: 2px solid transparent !important;
	border-image: var(--jerry-rough) 8 / 8px stretch !important;
	border-radius: 0 !important;
	font-family: 'Afacad', sans-serif;
	font-weight: 700;
}
.sweb-brand--jerry .sweb-card__add:hover { filter: brightness(0.94); }
/* Rândul de mărime Jerry — fără bordură (bordura e doar pe butonul „Adaugă"). */
.sweb-brand--jerry .sweb-card__size {
	border: 0 !important;
	border-image: none !important;
	border-radius: 0 !important;
}

/* Numele mărimii: Shermlock, majuscule, contur negru; culoare pe poziție. */
.sweb-brand--jerry .sweb-card__size-name {
	font-family: 'Shermlock', cursive !important;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	-webkit-text-stroke: 1px #1A1A1A;
	paint-order: stroke fill;
	color: #E3403E;
}
.sweb-brand--jerry .sweb-card__size:nth-of-type(1) .sweb-card__size-name { color: #E3403E; }
.sweb-brand--jerry .sweb-card__size:nth-of-type(2) .sweb-card__size-name { color: #FFD500; }
.sweb-brand--jerry .sweb-card__size:nth-of-type(3) .sweb-card__size-name { color: #F57A20; }
.sweb-brand--jerry .sweb-card__size:nth-of-type(4) .sweb-card__size-name { color: #E3403E; }

/* Jerry nu are bara portocalie de sus pe card (design: poza umple sus). */
.sweb-brand--jerry .sweb-card__bar { display: none !important; }

/* Titlul produsului Jerry — Afacad bold, majuscule, negru. */
.sweb-brand--jerry .sweb-card__title {
	font-family: 'Afacad', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: #1A1A1A;
}

/* ==========================================================================
 * Card produs Jerry — ajustări 1:1 Figma (Pizza Diavolo).
 * Poză edge-to-edge sus, titlu Afacad, variații compacte, badge NOU roșu.
 * ========================================================================== */
/* Card Jerry — layout 1:1 Figma (#16217:10874): rând sus [titlu+descriere STÂNGA
 * | poză DREAPTA], apoi variațiile pe toată lățimea dedesubt (nu poză full-width
 * sus). Grid cu 2 zone: „body media" pe primul rând, „sizes" pe al doilea. */
/* Card Jerry — DESIGN VECHI: poză edge-to-edge sus (cover, translatată -25%),
 * titlu & descriere centrate, variații jos. */
.sweb-brand--jerry .sweb-card {
	display: flex !important;
	flex-direction: column !important;
	padding-top: 0 !important;
}
.sweb-brand--jerry .sweb-card__body {
	text-align: center !important;
	align-items: stretch !important;
}
.sweb-brand--jerry .sweb-card__media {
	padding: 0 !important;
	margin-top: 0 !important;
	margin-bottom: calc(clamp(200px, 166.67px + 9.259vw, 300px) * -0.25) !important;
	height: clamp(200px, 166.67px + 9.259vw, 300px) !important;
	overflow: hidden !important;
	background: transparent !important;
}
.sweb-brand--jerry .sweb-card__media img,
.sweb-brand--jerry .sweb-card__media .sweb-card__img {
	width: 100% !important;
	height: 100% !important;
	max-height: none !important;
	object-fit: cover !important;
	border-radius: 0 !important;
	filter: none !important;
	position: relative;
	top: -25% !important;
}
/* Titlu: Afacad bold, majuscule, negru */
.sweb-brand--jerry .sweb-card__title,
.sweb-brand--jerry .sweb-card__titlelink {
	font-family: 'Afacad', sans-serif !important;
	font-weight: 700 !important;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	font-size: clamp(1.05rem, 0.95rem + 0.4444vw, 1.35rem) !important;
	color: #1A1A1A !important;
	line-height: 1.1;
}
/* Descriere: Afacad, gri, compactă */
.sweb-brand--jerry .sweb-card__desc {
	font-family: 'Afacad', sans-serif;
	font-size: clamp(0.85rem, 0.8rem + 0.2222vw, 1rem);
	color: #8D8074;
	line-height: 1.2;
}
/* Rânduri de variații Jerry — grilă cu 3 coloane aliniate pe TOATE rândurile:
 * [mărime] [preț] [Adaugă]. `display:contents` pe fiecare rând scoate cutia
 * rândului, astfel încât numele/prețul/butonul devin celule ale aceleiași grile
 * → coloanele se aliniază între rânduri (prețurile pornesc din aceeași poziție,
 * butoanele stau aliniate la dreapta). Fără schimbare de markup. */
.sweb-brand--jerry .sweb-card__sizes {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	column-gap: clamp(10px, 7.33px + 0.7407vw, 18px);
	row-gap: 10px;
}
.sweb-brand--jerry .sweb-card__size {
	display: contents;
}
.sweb-brand--jerry .sweb-card__size-name {
	justify-self: start;
	min-width: auto;
	white-space: nowrap;
	font-size: clamp(1rem, 0.9167rem + 0.3704vw, 1.25rem);
}
.sweb-brand--jerry .sweb-card__size-price {
	justify-self: start;
	text-align: left;
	white-space: nowrap;
	font-family: 'Afacad', sans-serif;
	font-weight: 700;
	font-size: clamp(0.95rem, 0.9rem + 0.2222vw, 1.1rem);
	color: #1A1A1A;
}
.sweb-brand--jerry .sweb-card__add {
	justify-self: end;
	padding: 6px 18px !important;
	font-size: 14px !important;
}
/* Badge NOU Jerry — cutie albă, text roșu Shermlock cu contur negru (ca „22CM") */
.sweb-brand--jerry .sweb-card__flag {
	background: #FFFFFF !important;
	color: #E3403E !important;
	border: 2px solid #1A1A1A !important;
	border-radius: 2px !important;
	padding: 2px 8px !important;
	font-family: 'Shermlock', cursive !important;
	font-weight: 400 !important;
	-webkit-text-stroke: 1px #1A1A1A;
	paint-order: stroke fill;
	font-size: 16px !important;
	letter-spacing: 0.02em;
}
/* Iconița hot Jerry — cutie albă contur negru */
.sweb-brand--jerry .sweb-card__hot {
	background: #FFFFFF !important;
	border: 2px solid #1A1A1A !important;
	border-radius: 2px !important;
}

/* ==========================================================================
 * Jerry — FUNDAL TRANSPARENT pe toate containerele/cardurile (textura de
 * hârtie a paginii se vede prin ele, ca în Figma: fill = []). Fără umbre.
 * Cardul se strânge pe conținut (fără margini/înălțime goală).
 * Acest bloc vine ULTIMUL → învinge fundalurile albe de mai sus.
 * ========================================================================== */
.sweb-brand--jerry .sweb-card,
.sweb-brand--jerry .sweb-promo__card,
.sweb-brand--jerry .sweb-benefits,
.sweb-brand--jerry .sweb-faq__item,
.sweb-brand--jerry .sweb-pp__main,
.sweb-brand--jerry .sweb-pp__thumb,
.sweb-brand--jerry .sweb-pp__size {
	background: transparent !important;
	background-image: none !important;
	box-shadow: none !important;
}

/* Cardurile Jerry dintr-un rând au TOATE aceeași înălțime (se întind la cel mai
 * înalt). Fără înălțime minimă fixă → înălțimea rândului = cardul cu cel mai
 * mult conținut; restul se întind la fel (spațiul liber = hârtia transparentă). */
.sweb-brand--jerry .sweb-card {
	min-height: 0 !important;
	height: auto !important;
	align-self: stretch !important;
}
.sweb-brand--jerry.sweb-grid > .sweb-grid__item,
.sweb-brand--jerry .sweb-grid > .sweb-grid__item {
	align-items: stretch;
}
.sweb-brand--jerry .sweb-cat-row__track { align-items: stretch !important; }
.sweb-brand--jerry .sweb-cat-row__track > .sweb-card { align-self: stretch !important; }

/* Breadcrumbs Jerry — doar text (fără cutie albă, fără bordură), ca în Figma. */
.sweb-brand--jerry .sweb-crumbs {
	background: transparent !important;
	border: 0 !important;
	border-image: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* Textura de hârtie și pe secțiunile din afara .sweb-blanding (benefits, FAQ),
 * ca să nu apară banda albă. `fixed` → se continuă perfect cu fundalul paginii. */
.sweb-brand--jerry.sweb-section,
.sweb-brand--jerry.sweb-blanding,
.sweb-brand--jerry.sweb-pp {
	background: transparent url('../../img/texture-jerry-paper.png') center top / cover no-repeat fixed;
}

/* ==========================================================================
 * Săgeți Jerry — SVG din assets (alb, „desenat"), peste pătratul portocaliu cu
 * bordură rough. Ascundem chevronul text, punem săgeata ca background.
 * ========================================================================== */
.sweb-brand--jerry .sweb-carousel__arrow,
.sweb-brand--jerry .sweb-promo__arrow {
	font-size: 0 !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 64% !important;
}
.sweb-brand--jerry .sweb-carousel__arrow[data-sweb-carousel-prev],
.sweb-brand--jerry .sweb-promo__arrows .sweb-promo__arrow:first-child {
	background-image: url('../../img/left-arrow-jerrys.svg') !important;
}
.sweb-brand--jerry .sweb-carousel__arrow[data-sweb-carousel-next],
.sweb-brand--jerry .sweb-promo__arrows .sweb-promo__arrow:last-child {
	background-image: url('../../img/right-arrow-jerrys.svg') !important;
}

/* ==========================================================================
 * Pagina de produs Jerry — ajustări 1:1.
 * ========================================================================== */
/* „Navighează rapid prin meniu" nu există pe Jerry. */
.sweb-brand--jerry .sweb-pp__menunav { display: none !important; }

/* Butonul „Adaugă la comandă" pe Jerry = ROȘU (ca butonul din card). */
.sweb-brand--jerry .sweb-pp__add {
	background: #E3403E !important;
	color: #FFFFFF !important;
}

/* Butonul „Vezi tot" pe Jerry — stil ca „VREAU OFERTA!": cutie deschisă cu
 * bordură rough, text Shermlock galben cu contur negru, majuscule. */
.sweb-brand--jerry .sweb-pp__relall {
	background: #F9F9F9 !important;
	color: #FFD500 !important;
	font-family: 'Shermlock', cursive !important;
	font-weight: 400 !important;
	-webkit-text-stroke: 1.5px #1A1A1A;
	paint-order: stroke fill;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	border: 2px solid transparent !important;
	border-image: var(--jerry-rough) 8 / 8px stretch !important;
	border-radius: 0 !important;
}

/* ==========================================================================
 * Testimoniale Jerry — bordură rough, fundal transparent (hârtie), fără bară
 * portocalie, nume negru Afacad, logo „Follies Jerry Pizza" în colțul
 * dreapta-sus, fără stele (doar „Google review").
 * ========================================================================== */
.sweb-brand--jerry .sweb-pp__testi-card {
	position: relative;
	background: transparent !important;
	box-shadow: none !important;
	border: 2px solid transparent !important;
	border-image: var(--jerry-rough) 8 / 8px stretch !important;
	border-radius: 0 !important;
}
.sweb-brand--jerry .sweb-pp__testi-card::after {
	content: '';
	position: absolute;
	top: 16px;
	right: 16px;
	width: clamp(72px, 61.33px + 2.963vw, 104px);
	height: clamp(36px, 30.67px + 1.481vw, 52px);
	background: url('../../img/logo-jerry.png') center / contain no-repeat;
	pointer-events: none;
}
.sweb-brand--jerry .sweb-pp__testi-bar { display: none !important; }
.sweb-brand--jerry .sweb-pp__testi-name {
	font-family: 'Afacad', sans-serif !important;
	font-weight: 700 !important;
	color: #1A1A1A !important;
}
.sweb-brand--jerry .sweb-pp__testi-text {
	font-family: 'Afacad', sans-serif !important;
	color: #1A1A1A !important;
}
.sweb-brand--jerry .sweb-pp__testi-foot { border-top: 1px solid #1A1A1A !important; }
.sweb-brand--jerry .sweb-pp__testi-stars { display: none !important; }
.sweb-brand--jerry .sweb-pp__testi-src { color: #1A1A1A !important; }

/* ==========================================================================
 * Pagina de produs Jerry — titlu Shermlock, selector gramaj în stil comic,
 * breadcrumbs gri/negru, navbar cu textură.
 * ========================================================================== */
/* Titlul produsului — Shermlock negru, majuscule (ca în design). */
.sweb-brand--jerry .sweb-pp__title {
	font-family: 'Shermlock', cursive !important;
	font-weight: 400 !important;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	color: #1A1A1A !important;
	-webkit-text-stroke: 0 !important;
	line-height: 1.15;
}

/* Selector gramaj — nume mărime Shermlock colorat pe poziție, check verde,
 * gramaj gri, fundal cald pe cel selectat. */
.sweb-brand--jerry .sweb-pp__size-name {
	font-family: 'Shermlock', cursive !important;
	font-weight: 400 !important;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	-webkit-text-stroke: 1px #1A1A1A;
	paint-order: stroke fill;
	color: #E3403E;
}
.sweb-brand--jerry .sweb-pp__size:nth-of-type(1) .sweb-pp__size-name { color: #E3403E; }
.sweb-brand--jerry .sweb-pp__size:nth-of-type(2) .sweb-pp__size-name { color: #FFD500; }
.sweb-brand--jerry .sweb-pp__size:nth-of-type(3) .sweb-pp__size-name { color: #F57A20; }
.sweb-brand--jerry .sweb-pp__size:nth-of-type(4) .sweb-pp__size-name { color: #E3403E; }
/* Gramajul (400g) — Afacad gri, fără contur */
.sweb-brand--jerry .sweb-pp__size-name em {
	font-family: 'Afacad', sans-serif !important;
	font-style: normal;
	font-weight: 500;
	-webkit-text-stroke: 0 !important;
	color: #8D8074 !important;
}
/* Check-ul mărimii pe Jerry — SVG: gol (neselectat) / bifă verde (selectat). */
.sweb-brand--jerry .sweb-pp__size-check {
	background: url('../../img/pp-check-empty.svg') center / contain no-repeat !important;
	border: 0 !important;
	border-radius: 0 !important;
	width: 25px !important;
	height: 25px !important;
}
.sweb-brand--jerry .sweb-pp__size-check::after { display: none !important; }
.sweb-brand--jerry .sweb-pp__size.is-selected .sweb-pp__size-check {
	background: url('../../img/pp-check-green.svg') center / contain no-repeat !important;
	border: 0 !important;
}
.sweb-brand--jerry .sweb-pp__size.is-selected {
	background: #FCEFC7 !important;
	border-style: solid !important;
}

/* Breadcrumbs Jerry — linkuri + separatoare gri, curentul negru bold. */
.sweb-brand--jerry .sweb-crumbs__link,
.sweb-brand--jerry .sweb-crumbs__sep { color: #6B6B6B !important; }
.sweb-brand--jerry .sweb-crumbs__cur { color: #1A1A1A !important; }

/* Navbar Jerry — fundal cu textură de hârtie (vine ULTIMUL → bate regula
 * `rgba(255,255,255,0.85)` de sus și `.sweb-navbar--solid`). */
.sweb-brand--jerry.sweb-navbar,
.sweb-brand--jerry .sweb-navbar {
	background: #FFFFFF url('../../img/texture-jerry-paper.png') center / cover no-repeat !important;
	border-bottom: 2px solid #1A1A1A !important;
}
/* === Jerry fixes pozitionare (Seba/Claude 2026-07-06) === */
/* Icon telefon verde ca textul (navbar.css il forteaza alb pe alb) */
.sweb-brand--jerry .sweb-navbar__phone .sweb-ic { color: #277109 !important; }
/* Jerry ascunde pill-ul -> breadcrumb lipit sub header, fara spatiul rezervat pill-ului (mobil+desktop) */
.sweb-brand--jerry.sweb-pp, .sweb-brand--jerry .sweb-pp { padding-top: calc(var(--sweb-nav-off, 92px) + 12px) !important; }
/* Landing (blanding, Jerry+Americana): breadcrumb 8px sub header, ca la Follies */
.sweb-blanding { padding-top: calc(var(--sweb-nav-off, 90px) + 8px) !important; }

/* Butoanele de cantitate: colturi drepte, ca tot restul brandului Jerry
 * (generic-ul are `border-radius: 8px`). — cerut de Seba */
.sweb-brand--jerry .sweb-pp__qty-btn,
.sweb-brand--jerry .sweb-pp__qty-btn:hover,
.sweb-brand--jerry .sweb-pp__qty-btn:focus,
.sweb-brand--jerry .sweb-pp__qty-btn:active {
	border-radius: 0 !important;
}

/* ==========================================================================
 * TOPPINGURI JERRY — pastile on/off cu rama „desenata de mana".
 *
 * Acelasi padding ca la Americana (8px sus/jos, 12px mobil -> 16px desktop,
 * rampa 360 -> 1440). Fundal TRANSPARENT by default; selectat = #FCEFC7,
 * acelasi galben ca `.sweb-pp__size.is-selected` de deasupra, pe aceeasi pagina.
 *
 * Rama: border-image cu `--jerry-rough`. ATENTIE: border-image ignora
 * `border-radius`, deci colturile ies drepte oricum — bine, asa vrea brandul.
 * Bordura trebuie `2px solid transparent` ca border-image sa aiba pe ce se aseza.
 * Regula vine dupa cea generica din product-page.css (unde `.is-selected` era
 * rosu #E3403E) si o bate prin !important.
 * ========================================================================== */
.sweb-brand--jerry .sweb-pp__opt {
	gap: 8px !important;
	padding: 8px clamp(12px, 10.6667px + 0.3704vw, 16px) !important;
	background: transparent !important;
	border: 2px solid transparent !important;
	border-image: var(--jerry-rough) 8 / 8px stretch !important;
	border-radius: 0 !important;
	color: #1A1A1A !important;
}

.sweb-brand--jerry .sweb-pp__opt.is-selected {
	background: #FCEFC7 !important;
}

.sweb-brand--jerry .sweb-pp__opt-name,
.sweb-brand--jerry .sweb-pp__opt-price {
	font-family: 'Afacad', sans-serif !important;
	font-weight: 600 !important;
	/* 14px mobil -> 16px desktop (cerut de Seba: +2px fata de Americana).
	 * Iese identic cu styleguide.css: clamp(0.875rem, 0.8333rem + 0.1852vw, 1rem). */
	font-size: clamp(14px, 13.3333px + 0.1852vw, 16px) !important;
	line-height: 1 !important;
	color: inherit !important;
}

/* Checkboxul e ascuns => inelul de focus sta pe pastila. */
.sweb-brand--jerry .sweb-pp__opt:has(input:focus-visible) {
	outline: 2px solid #1A1A1A;
	outline-offset: 2px;
}

/* ==========================================================================
 * GALERIE PRODUS JERRY — colturi drepte, rama rough (deja mai sus), fundal
 * transparent by default, iar imaginea ACTIVA are fundal galben #FFF2B2. — Seba
 * ========================================================================== */
.sweb-brand--jerry .sweb-pp__thumb { border-radius: 0 !important; }
.sweb-brand--jerry .sweb-pp__thumb.is-active { background: #FFF2B2 !important; }