/* JOBSA / FINE — Liquid Glass, 2026-09-11.
   Scoped to storefront layout. No JS hooks or commerce visibility rules changed. */

html.jobsa-enabled body {
  --jg-paper:#f3f0ea; --jg-ink:#1c1917; --jg-muted:#68635d;
  --jg-accent:#c74a1d; --jg-line:rgba(55,46,39,.14);
  --jg-glass:rgba(255,255,255,.78); --jg-shadow:0 18px 54px rgba(62,44,30,.09);
  --jg-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  background:radial-gradient(ellipse at 0 0,rgba(255,168,111,.24),transparent 42rem),radial-gradient(ellipse at 100% 35rem,rgba(136,185,233,.22),transparent 40rem),var(--jg-paper);
  color:var(--jg-ink); font-family:var(--jg-font); -webkit-font-smoothing:antialiased;
}
/* Keep icon font declarations intact. */
html.jobsa-enabled body :is(h1,h2,h3,p,a,button,input,select,textarea) {font-family:var(--jg-font)}
html.jobsa-enabled body :is(input,select,textarea){font-size:16px}
html.jobsa-enabled body :is(h1,h2,h3){color:var(--jg-ink);letter-spacing:-.04em;line-height:1.13}
html.jobsa-enabled body :is(a,button,input,select,textarea,summary):focus-visible {outline:3px solid #1969aa;outline-offset:3px}
html.jobsa-enabled body .layout {
  --color-btn-bg:#c74a1d;--color-btn-color:#fff;--color-accent-text:#c74a1d;
  --color-btn-bg-minor-shade:#ad3e17;--controls-btn-border-radius:15px;
  --controls-form-border-radius:14px;
}
html.jobsa-enabled body .page_layout {background:transparent}
html.jobsa-enabled body .page_layout > main {min-width:0}
html.jobsa-enabled body .layout .button {border-radius:15px;min-height:44px}
html.jobsa-enabled body .layout .button:not(.header__control-btn):not(.header__search-btn):not(.header__show-menu-btn):not(.splide__arrow){font-weight:600}
/* Existing animated header retains its original positioning / placeholder logic. */
html.jobsa-enabled body [class*="widget-type_widget_v4_header_7_"] {
  background:rgba(243,240,234,.95);opacity:1;
  --color-text:#1c1917;--color-text-half-shade:#68635d;
  --bg:#f3f0ea;--bg-half-shade:#68635d;--bg-minor-shade:#e6e0d8;
  border-bottom:1px solid var(--jg-line);
}
html.jobsa-enabled body [class*="widget-type_widget_v4_header_7_"] .bg-blur-svg{display:none}
html.jobsa-enabled body [class*="widget-type_widget_v4_header_7_"] .layout__content {padding-top:10px;padding-bottom:8px;max-width:1400px;margin-inline:auto}
html.jobsa-enabled body .header__content {
  background:var(--jg-glass);border:1px solid var(--jg-line);border-radius:22px;
  box-shadow:var(--jg-shadow),inset 0 1px 0 #fff;padding:10px 18px;
}
html.jobsa-enabled body .header__logo {background:#211f1d;border-radius:12px;padding:6px 12px}
html.jobsa-enabled body .header__logo .default-logo__text{color:#fff}
html.jobsa-enabled body .header__area-collections {margin-top:12px}
html.jobsa-enabled body .header__collections-link {color:var(--jg-ink);font-size:14px;border-radius:10px}
html.jobsa-enabled body .header__collections-link:hover {color:var(--jg-accent);background:rgba(255,255,255,.85)}
html.jobsa-enabled body .header__control-btn,html.jobsa-enabled body .header__search-btn,html.jobsa-enabled body .header__show-menu-btn.button {color:var(--jg-ink);border-radius:12px}
html.jobsa-enabled body .header__cart {background:var(--jg-accent);color:white}
html.jobsa-enabled body .header__search-field {background:#fff;color:var(--jg-ink);border:1px solid var(--jg-line);border-radius:12px;font-size:16px}
html.jobsa-enabled body .header__search-field::placeholder{color:var(--jg-muted)}
html.jobsa-enabled body .header__search.is-show .header__search-btn{color:var(--jg-ink);background:#eee8df}
html.jobsa-enabled body .header__search.is-show .header__search-btn .icon._hide{color:var(--jg-ink)}
html.jobsa-enabled body .header__search__results {background:#fff;color:var(--jg-ink);border-radius:16px;box-shadow:var(--jg-shadow)}
html.jobsa-enabled body .side-panel {background:#fcfaf6;color:var(--jg-ink)}
/* Homepage: one clean hero; settings stay editable in the InSales widget. */
html.jobsa-enabled body .jg-hero {
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:24px;
  padding:26px;max-width:1400px;margin:16px auto 8px;
  border:1px solid var(--jg-line);border-radius:38px;background:var(--jg-glass);
  box-shadow:var(--jg-shadow),inset 0 1px 0 white;
}
html.jobsa-enabled body .jg-hero__copy {align-self:center;padding:clamp(16px,3vw,48px)}
html.jobsa-enabled body .jg-eyebrow {font-size:14px;color:var(--jg-accent);font-weight:700;margin:0 0 24px}
html.jobsa-enabled body .jg-hero h1 {font-size:clamp(38px,4.7vw,68px);font-weight:750;line-height:1.04;letter-spacing:-.05em;margin:0 0 24px}
html.jobsa-enabled body .jg-hero__lead {font-size:18px;line-height:1.6;color:var(--jg-muted);margin:0;max-width:540px}
html.jobsa-enabled body .jg-hero__actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
html.jobsa-enabled body .jg-button {display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:12px 22px;border-radius:16px;background:#fff;color:var(--jg-ink);border:1px solid var(--jg-line);font-size:16px;font-weight:650;line-height:1.3;text-align:center}
html.jobsa-enabled body .jg-button--primary {background:var(--jg-accent);border-color:var(--jg-accent);color:white;box-shadow:0 10px 24px #c74a1d26}
html.jobsa-enabled body .jg-button:hover{filter:brightness(.96)}
html.jobsa-enabled body .jg-hero__visual {display:grid;place-items:center;min-height:480px;border-radius:26px;background:linear-gradient(145deg,#ee955f,#b9401c);padding:24px}
html.jobsa-enabled body .jg-hero__visual img {display:block;width:100%;height:auto;max-height:490px;object-fit:contain;filter:drop-shadow(0 22px 25px #57200c44)}
html.jobsa-page-index body main .banner-list__item-photo,html.jobsa-page-index body main .promo-slider__item-photo .img-ratio {border-radius:26px;overflow:hidden}
html.jobsa-page-index body main .banner-list__item {border-radius:26px}
html.jobsa-page-index body main .heading {font-weight:700;letter-spacing:-.04em}
/* Shared product cards: preserve dynamic controls, badges and availability states. */
html.jobsa-enabled body .layout .product-preview {
  background:rgba(255,255,255,.97);border:1px solid var(--jg-line);
  border-radius:24px;box-shadow:0 8px 28px rgba(62,44,30,.05);padding:18px;
  color:var(--jg-ink);height:100%;
}
html.jobsa-enabled body .layout .product-preview__title {font-size:18px;font-weight:650;line-height:1.3;letter-spacing:-.02em;color:var(--jg-ink);overflow-wrap:anywhere}
html.jobsa-enabled body .layout .product-preview__price-cur {font-size:27px;line-height:1.2;font-weight:750;letter-spacing:-.035em;color:var(--jg-ink)}
html.jobsa-enabled body .layout .product-preview__price-old {font-size:14px;color:var(--jg-muted)}
html.jobsa-enabled body .layout .product-preview__photo img {object-fit:contain}
html.jobsa-enabled body .layout .product-preview__available {font-size:14px}
html.jobsa-enabled body .layout .product-preview__description {font-size:14px;line-height:1.5;color:var(--jg-muted)}
html.jobsa-enabled body .layout .product-preview .sticker {border-radius:9px;padding:5px 8px;font-size:12px;line-height:1.3}
html.jobsa-enabled body .layout .product-preview .add-cart-counter__btn,
html.jobsa-enabled body .layout .product__controls .add-cart-counter__btn {background:var(--jg-accent);border-color:var(--jg-accent);color:#fff;min-height:48px;font-size:16px}
html.jobsa-enabled body .layout .is-secondary-button .button {background:#fff;color:var(--jg-ink);border:1px solid var(--jg-line)}
/* Main catalog grid only, leaving list-view switches and carousels intact. */
html.jobsa-enabled body .layout .catalog-list.grid-list {column-gap:18px;row-gap:24px}
html.jobsa-enabled body .layout .collection-order {background:#fff;border:1px solid var(--jg-line);border-radius:14px;min-height:44px;color:var(--jg-ink)}
html.jobsa-enabled body .layout .filter__content {background:rgba(255,255,255,.95);border:1px solid var(--jg-line);border-radius:24px;padding:20px;color:var(--jg-ink)}
html.jobsa-enabled body .layout .filter-item__head {font-weight:650;color:var(--jg-ink)}
html.jobsa-enabled body .layout .filter-option__label {font-size:14px;line-height:1.45}
html.jobsa-enabled body .layout .filter-range__field {background:#fff;border:1px solid var(--jg-line);border-radius:10px;min-height:44px}
/* Product view: two surfaces, large unclipped price and selected options. */
html.jobsa-enabled body .layout .product__area-photo,
html.jobsa-enabled body .layout .product__area-form {border:1px solid var(--jg-line);border-radius:28px;background:rgba(255,255,255,.96);padding:26px;min-width:0;align-self:start}
html.jobsa-enabled body .layout .product__title {font-size:clamp(30px,3vw,44px);line-height:1.12;letter-spacing:-.04em;font-weight:700;color:var(--jg-ink)}
html.jobsa-enabled body .layout .product__price-cur {font-size:clamp(30px,3vw,40px);font-weight:750;line-height:1.2;letter-spacing:-.035em;color:var(--jg-ink)}
html.jobsa-enabled body .layout .product__price-old {font-size:16px;color:var(--jg-muted)}
html.jobsa-enabled body .layout .product__photo img {object-fit:contain}
html.jobsa-enabled body .layout .product__photo-tumb {border-radius:12px;overflow:hidden}
html.jobsa-enabled body .layout .option-selector .option-value.is-radio>span,
html.jobsa-enabled body .layout .option-selector .option-value.is-span {border-radius:12px;font-size:14px;min-height:44px}
html.jobsa-enabled body .layout .option-selector .option-value.is-active>span,
html.jobsa-enabled body .layout .option-selector .option-value.is-active.is-span {border-color:var(--jg-accent);box-shadow:inset 0 0 0 1px var(--jg-accent)}
html.jobsa-enabled body .layout .product__block-title {font-size:22px;line-height:1.2;font-weight:650;margin-top:24px}
html.jobsa-enabled body .layout .product__property {padding-block:12px;border-bottom:1px solid var(--jg-line);font-size:16px;line-height:1.5}
html.jobsa-enabled body .layout .product__property-name {color:var(--jg-muted)}
html.jobsa-enabled body .layout .product__property-value {color:var(--jg-ink);overflow-wrap:anywhere}
html.jobsa-enabled body .layout .product__description-content {font-size:16px;line-height:1.65}
/* Both the desktop footer and the existing mobile link widgets. */
html.jobsa-enabled body .page_layout>footer {margin-top:48px;background:rgba(255,255,255,.55);border-top:1px solid var(--jg-line)}
html.jobsa-enabled body .footer-wrap {background:var(--jg-glass);padding:32px;border:1px solid var(--jg-line);border-radius:28px;box-shadow:var(--jg-shadow);color:var(--jg-ink)}
html.jobsa-enabled body .footer-wrap .menu-link {color:var(--jg-muted);font-size:14px;line-height:1.5}
html.jobsa-enabled body .footer-wrap .menu-link:hover {color:var(--jg-accent)}
html.jobsa-enabled body .footer-wrap .menu-title {font-weight:650;color:var(--jg-ink)}
html.jobsa-enabled body .footer-bottom {border-color:var(--jg-line)}
html.jobsa-enabled body .footer__phone-value {color:var(--jg-ink);font-weight:650}
html.jobsa-enabled body .page_layout>footer .heading {font-size:16px;letter-spacing:0;line-height:1.5;color:var(--jg-ink)}
@supports (backdrop-filter:blur(1px)) {
  html.jobsa-enabled body .jg-hero,html.jobsa-enabled body .footer-wrap {backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
}
@media (min-width:768px) {
  html.jobsa-enabled body .layout .catalog-list.grid-list {grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1100px) {
  html.jobsa-enabled body .page_layout-clear .layout .catalog-list.grid-list {grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:1024px) {
  html.jobsa-enabled body .jg-hero {gap:16px;padding:18px}
  html.jobsa-enabled body .jg-hero__visual {min-height:380px}
  html.jobsa-enabled body .layout .product__area-form {margin-top:18px}
}
@media (max-width:767px) {
  html.jobsa-enabled body [class*="widget-type_widget_v4_header_7_"] .layout__content {padding:4px 8px}
  html.jobsa-enabled body .header__content {padding:3px 10px;border-radius:16px}
  html.jobsa-enabled body .header__logo {padding:3px 8px;max-height:40px}
  html.jobsa-enabled body .header__area-logo {min-width:0}
  html.jobsa-enabled body .header__content {grid-template-columns:48px minmax(0,1fr) 96px}
  html.jobsa-enabled body .jg-hero {grid-template-columns:1fr;padding:14px;gap:20px;border-radius:26px;margin-top:12px}
  html.jobsa-enabled body .jg-hero__copy {padding:14px 6px}
  html.jobsa-enabled body .jg-hero h1 {font-size:clamp(34px,8.7vw,44px);line-height:1.07}
  html.jobsa-enabled body .jg-hero__lead {font-size:16px}
  html.jobsa-enabled body .jg-eyebrow {font-size:14px;margin-bottom:18px}
  html.jobsa-enabled body .jg-hero__actions {margin-top:24px;gap:10px}
  html.jobsa-enabled body .jg-button {flex:1 1 130px;min-height:48px;padding:12px 14px;font-size:14px}
  html.jobsa-enabled body .jg-hero__visual {min-height:280px;padding:18px;border-radius:20px}
  html.jobsa-enabled body .jg-hero__visual img {max-height:340px}
  html.jobsa-enabled body .layout .catalog-list.grid-list {grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;row-gap:18px}
  html.jobsa-enabled body .layout .product-preview {padding:12px;border-radius:18px}
  html.jobsa-enabled body .layout .product-preview__title {font-size:16px;line-height:1.3}
  html.jobsa-enabled body .layout .product-preview__price-cur {font-size:22px;white-space:normal}
  html.jobsa-enabled body .layout .product-preview .add-cart-counter__btn {font-size:14px;padding-inline:8px;min-width:0;min-height:44px}
  html.jobsa-enabled body .layout .product__area-photo,html.jobsa-enabled body .layout .product__area-form {padding:16px;border-radius:22px}
  html.jobsa-enabled body .layout .product__buy-btn-area.is-fixed-state .product__buy-btn-area-inner {background:#fcfaf6;padding-bottom:max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--jg-line)}
  html.jobsa-enabled body .layout .filter__content {border-radius:20px;padding:16px}
  html.jobsa-enabled body .page_layout>footer {margin-top:32px;padding:16px 0}
  html.jobsa-enabled body .footer-wrap {padding:22px;border-radius:22px}
}
@media(prefers-reduced-motion:reduce) {
  html.jobsa-enabled body .jg-button {transition:none}
}
/* The header's original scroll script uses fixed heights; allow the new padding. */
html.jobsa-enabled body [class*="widget-type_widget_v4_header_7_"],
html.jobsa-enabled body [class*="widget-type_widget_v4_header_7_"].out-animation {height:auto}
@media(min-width:768px) {
  html.jobsa-enabled body [class*="widget-type_widget_v4_header_7_"].out-animation {overflow:visible}
  html.jobsa-enabled body [class*="widget-type_widget_v4_header_7_"].out-animation .header__area-collections {display:none}
}

/* -------------------------------------------------------------------------
   Informational pages — explicit page paths, preserved source content.
   The html classes are set in the shared head, including system uniq_layout.
   ------------------------------------------------------------------------- */
html.jobsa-page-page body .page_layout>main {min-width:0}
html.jobsa-page-page body main .layout {--layout-content-max-width:1240px}
html.jobsa-page-page body main .breadcrumb-wrapper {padding-block:12px}
html.jobsa-page-page body main .breadcrumb {font-size:14px;line-height:1.5;color:var(--jg-muted)}
html.jobsa-page-page body main .breadcrumb-link {color:var(--jg-muted)}
html.jobsa-page-page body main .breadcrumb-page {color:var(--jg-ink)}
html.jobsa-page-page body main h1.heading,
html.jobsa-page-page body main .feedback__title {font-size:clamp(34px,4.6vw,60px);line-height:1.08;font-weight:750;letter-spacing:-.045em;text-align:left;margin:20px 0 30px;max-width:1050px}
html.jobsa-page-page body main :is(h2.heading,.item-heading) {font-size:clamp(26px,3vw,40px);line-height:1.15;font-weight:700;letter-spacing:-.03em}
html.jobsa-page-page body main .banner-list__item {border-radius:30px}
html.jobsa-page-page body main .banner-list__item-image .img-ratio,
html.jobsa-page-page body main .banner-list__item-photo,
html.jobsa-page-page body main .promo-slider__item-photo .img-ratio {border-radius:26px;overflow:hidden}
html.jobsa-page-page body main .promo-slider {max-width:1400px;margin-inline:auto}
html.jobsa-page-page body main .simple_text,
html.jobsa-page-page body main .static-text {color:var(--jg-ink);font-size:17px;line-height:1.75;overflow-wrap:anywhere}
html.jobsa-page-page body main :is(.simple_text,.static-text,.banner-list__item-text) :is(h2,h3) {margin-top:1.5em;margin-bottom:.6em;line-height:1.2}
html.jobsa-page-page body main :is(.simple_text,.static-text,.banner-list__item-text) p {margin-bottom:1.1em}
html.jobsa-page-page body main :is(.simple_text,.static-text,.banner-list__item-text) li {margin-bottom:.7em}
html.jobsa-page-page body main :is(.simple_text,.static-text,.banner-list__item-text) :is(ul,ol) {padding-left:1.5em}
html.jobsa-page-page body main :is(.simple_text,.static-text,.banner-list__item-text) a:not(.button) {color:var(--jg-accent);text-decoration:underline;text-underline-offset:3px}
html.jobsa-page-page body main :is(.simple_text,.static-text) table {max-width:100%;display:block;overflow-x:auto;border-collapse:collapse;font-size:16px}
html.jobsa-page-page body main :is(.simple_text,.static-text) :is(td,th) {padding:14px 18px;border:1px solid var(--jg-line);text-align:left;vertical-align:top}
html.jobsa-page-page body main :is(.simple_text,.static-text) img {max-width:100%;height:auto;border-radius:18px}
html.jobsa-page-page body main iframe {max-width:100%;border-radius:20px}
/* About: a generous image-and-story panel using the existing shop image. */
html.jobsa-section-about body main .banner-list__item {
  background:var(--jg-glass);border:1px solid var(--jg-line);padding:28px;
  box-shadow:var(--jg-shadow),inset 0 1px 0 white;
}
html.jobsa-section-about body main .banner-list__item-content {padding:clamp(16px,3vw,40px);min-width:0}
html.jobsa-section-about body main .banner-list__item-text {font-size:18px;line-height:1.75;color:var(--jg-muted)}
html.jobsa-section-about body main .banner-list__item-text :is(p,span)[style*="font-size"] {font-size:inherit!important}
html.jobsa-section-about body main .banner-list__item-text strong {color:var(--jg-ink)}
/* Delivery and payment: readable sections, full-width text, no new promises. */
html.jobsa-section-delivery body main .banner-list__item,
html.jobsa-section-delivery body main .simple_text {padding:clamp(24px,4vw,48px);border:1px solid var(--jg-line);background:#fffdf9;border-radius:28px;box-shadow:var(--jg-shadow)}
html.jobsa-section-delivery body main .banner-list__item-text {font-size:17px;line-height:1.75;color:var(--jg-ink)}
html.jobsa-section-delivery body main .banner-list__item-text :is(p,span)[style*="font-size"] {font-size:inherit!important}
html.jobsa-section-delivery body main :is(.banner-list__item-text,.simple_text) h3 {padding-top:20px;border-top:1px solid var(--jg-line)}
html.jobsa-section-delivery body main :is(.banner-list__item-text,.simple_text) li::marker {color:var(--jg-accent)}
/* Trade-in: the existing process is presented as numbered steps. */
html.jobsa-section-trade-in body main .banner-list__item {background:var(--jg-glass);border:1px solid var(--jg-line);padding:28px;box-shadow:var(--jg-shadow)}
html.jobsa-section-trade-in body main .banner-list__item-text {font-size:17px;line-height:1.75}
html.jobsa-section-trade-in body main .banner-list__item-text :is(p,span)[style*="font-size"] {font-size:inherit!important}
html.jobsa-section-trade-in body main :is(.banner-list__item-text,.simple_text) ol {padding-left:1.8em}
html.jobsa-section-trade-in body main :is(.banner-list__item-text,.simple_text) ol>li {padding:14px 18px;background:#fff;border:1px solid var(--jg-line);border-radius:16px;margin-bottom:12px}
html.jobsa-section-trade-in body main ol>li::marker {font-weight:750;color:var(--jg-accent)}
html.jobsa-section-trade-in body main .simple_text {background:#fffdf9;border:1px solid var(--jg-line);border-radius:28px;padding:32px}
/* Service: a clear service list and photographic cards from the source theme. */
html.jobsa-section-service body main .simple_text {background:#fffdf9;border:1px solid var(--jg-line);border-radius:28px;padding:clamp(24px,4vw,48px)}
html.jobsa-section-service body main .simple_text ul {padding-left:1.2em}
html.jobsa-section-service body main .simple_text li {padding:12px 0;border-bottom:1px solid var(--jg-line)}
html.jobsa-section-service body main .simple_text li::marker {color:var(--jg-accent)}
html.jobsa-section-service body main .banner-list__item {background:var(--jg-glass);border:1px solid var(--jg-line);overflow:hidden;box-shadow:var(--jg-shadow)}
/* Contacts: retain the current city switcher and each shop's data. */
html.jobsa-section-contacts body main [class*="widget-type_widget_v4_shops_"] .tabs__item {gap:28px;background:var(--jg-glass);border:1px solid var(--jg-line);border-radius:30px;padding:28px;box-shadow:var(--jg-shadow)}
html.jobsa-section-contacts body main .tabs__item-image .img-ratio {border-radius:22px;overflow:hidden}
html.jobsa-section-contacts body main .tabs__item-image img {border-radius:22px}
html.jobsa-section-contacts body main .tabs__item-title {font-size:30px;line-height:1.15;font-weight:700}
html.jobsa-section-contacts body main .tabs__head {gap:8px}
html.jobsa-section-contacts body main .tabs__head-item {border:1px solid var(--jg-line);background:rgba(255,255,255,.85);border-radius:12px;padding:12px 15px;margin:0;font-size:14px;line-height:1.25;min-height:44px;cursor:pointer}
html.jobsa-section-contacts body main .tabs__head-item.is-active {background:var(--jg-accent);color:#fff;border-color:var(--jg-accent)}
html.jobsa-section-contacts body main .tabs__item-content {font-size:17px;line-height:1.7;color:var(--jg-ink)}
html.jobsa-section-contacts body main .tabs__item-content a[href^="tel:"] {font-weight:700;color:var(--jg-accent)}
html.jobsa-section-contacts body main .tabs__item-button a {display:inline-flex;align-items:center;gap:8px;min-height:48px;background:var(--jg-accent);color:#fff;border-radius:14px;padding:12px 20px}
/* Split: preserve all provider copy/art and style only the surrounding surfaces. */
html.jobsa-section-split body main .banner-list__item {border-radius:26px}
html.jobsa-section-split body main .acc-tab {border:1px solid var(--jg-line);border-radius:18px;background:#fffdf9;margin-bottom:12px;color:var(--jg-ink)}
html.jobsa-section-split body main .acc-tab__label {font-size:18px;line-height:1.4;padding:20px 12px;border-top:0;color:var(--jg-ink)}
html.jobsa-section-split body main .acc-tab__label-text {padding-left:12px}
html.jobsa-section-split body main .acc-tab__content {font-size:16px;line-height:1.7;color:var(--jg-muted);padding-inline:24px}
html.jobsa-section-split body main .acc-tab input:checked+.acc-tab__label {background:#f7eade;color:var(--jg-accent)}
html.jobsa-section-split body main .acc-tab input:checked~.acc-tab__content {padding-bottom:20px}
html.jobsa-section-split body main .acc-tab>input[type="checkbox"] {display:block;position:absolute;width:1px;height:1px;opacity:0;z-index:0}
html.jobsa-section-split body main .acc-tab>input:focus-visible+.acc-tab__label {outline:3px solid #1969aa;outline-offset:-3px}
/* Warranty: readable labels, field states, CAPTCHA and original submit logic. */
html.jobsa-section-warranty body main .feedback {padding:clamp(24px,4vw,48px);border:1px solid var(--jg-line);border-radius:30px;background:rgba(255,255,255,.96);box-shadow:var(--jg-shadow);text-align:left}
html.jobsa-section-warranty body main .feedback__title {font-size:clamp(30px,3.6vw,46px);max-width:760px;margin-top:0}
html.jobsa-section-warranty body main .feedback__fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
html.jobsa-section-warranty body main .feedback__field-area {margin:0;min-width:0}
html.jobsa-section-warranty body main .feedback__field-area:has(textarea),
html.jobsa-section-warranty body main .feedback__field-area[data-feedback-form-field-area],
html.jobsa-section-warranty body main .feedback__field-area.agree,
html.jobsa-section-warranty body main .feedback__submit {grid-column:1/-1}
html.jobsa-section-warranty body main .jg-field-label {display:block;font-size:14px;line-height:1.5;font-weight:650;margin-bottom:8px;color:var(--jg-ink)}
html.jobsa-section-warranty body main .feedback .form-control {background:#fff;border:1px solid #b4aaa0;border-radius:14px;font-size:16px;line-height:1.5;color:var(--jg-ink);min-height:50px;padding:13px 15px;box-sizing:border-box;width:100%;max-width:100%}
html.jobsa-section-warranty body main .feedback .form-control:focus {border-color:#1969aa;outline:2px solid #1969aa;outline-offset:2px}
html.jobsa-section-warranty body main .feedback textarea.form-control {height:160px;resize:vertical}
html.jobsa-section-warranty body main .feedback .is-error .form-control {border-color:#ad271b}
html.jobsa-section-warranty body main .feedback__field-error {position:static;color:#ad271b;font-size:14px;line-height:1.5;padding-top:6px}
html.jobsa-section-warranty body main .feedback__submit {text-align:left}
html.jobsa-section-warranty body main .feedback__submit-btn {background:var(--jg-accent);border-color:var(--jg-accent);color:#fff;border-radius:15px;min-height:52px;font-size:16px;padding-inline:28px}
html.jobsa-section-warranty body main .feedback__success-message {color:#246c45;font-size:24px;line-height:1.4;background:#f1f8f2;padding:24px;border-radius:18px}
html.jobsa-section-warranty body main .agree__label {font-size:14px;line-height:1.6;color:var(--jg-muted)}
html.jobsa-section-warranty body main .agree__label a {color:var(--jg-accent);text-decoration:underline}
html.jobsa-section-warranty body main .agree__field {display:block;position:absolute;opacity:0;width:24px;height:24px}
html.jobsa-section-warranty body main .agree__field:focus-visible+.agree__content .agree__btn {outline:3px solid #1969aa;outline-offset:3px}
@media(max-width:1024px) {
  html.jobsa-section-contacts body main [class*="widget-type_widget_v4_shops_"] .tabs__item {gap:20px;padding:22px}
  html.jobsa-section-contacts body main .tabs__item-title {font-size:26px}
}
@media(max-width:767px) {
  html.jobsa-page-page body main h1.heading {font-size:36px;margin:14px 0 20px}
  html.jobsa-page-page body main :is(h2.heading,.item-heading) {font-size:28px}
  html.jobsa-page-page body main :is(.simple_text,.static-text,.banner-list__item-text) {font-size:16px;line-height:1.7}
  html.jobsa-page-page body main .banner-list__item {border-radius:22px}
  html.jobsa-section-about body main .banner-list__item,
  html.jobsa-section-delivery body main .banner-list__item,
  html.jobsa-section-trade-in body main .banner-list__item {padding:18px}
  html.jobsa-section-about body main .banner-list__item-content {padding:18px 0 0}
  html.jobsa-section-delivery body main .simple_text,
  html.jobsa-section-trade-in body main .simple_text,
  html.jobsa-section-service body main .simple_text {padding:22px;border-radius:22px}
  html.jobsa-section-contacts body main [class*="widget-type_widget_v4_shops_"] .tabs__item {padding:18px;border-radius:22px;grid-template-columns:minmax(0,1fr)}
  html.jobsa-section-contacts body main .tabs__head {gap:8px}
  html.jobsa-section-contacts body main .tabs__head-item {padding:10px 12px;white-space:normal}
  html.jobsa-section-contacts body main .tabs__item-content {font-size:16px}
  html.jobsa-section-split body main .acc-tab__label {font-size:16px;padding:16px 8px}
  html.jobsa-section-split body main .acc-tab__content {padding-inline:20px}
  html.jobsa-section-warranty body main .feedback {padding:22px;border-radius:22px}
  html.jobsa-section-warranty body main .feedback__fields {grid-template-columns:minmax(0,1fr);gap:20px}
  html.jobsa-section-warranty body main .feedback__title {font-size:30px}
  html.jobsa-section-warranty body main .feedback__submit-btn {width:100%;min-width:0}
}

/* Release 2026-09-12: both mobile controls have a full 44px target.
   The search form overlays the header only while opened by FINE. */
@media(max-width:767px) {
  html.jobsa-enabled body .header__content {
    position:relative;
    grid-template-columns:88px minmax(0,1fr) 88px;
  }
  html.jobsa-enabled body .header__area-show-menu {
    min-width:0;gap:0;align-items:center;
  }
  html.jobsa-enabled body .header__area-controls-mobile {
    min-width:0;gap:0;justify-content:flex-end;grid-area:controls;
  }
  html.jobsa-enabled body .header__show-menu-btn.button,
  html.jobsa-enabled body .header__search-btn,
  html.jobsa-enabled body .header__area-controls-mobile .header__control-btn {
    width:44px;min-width:44px;height:44px;margin:0;padding:0;
  }
  html.jobsa-enabled body .header__logo {max-width:100%;margin-inline:auto;min-width:0}
  html.jobsa-enabled body .header__logo img {max-width:100%;height:auto}
  html.jobsa-enabled body .header__area-show-menu .header__search.is-show {position:static}
  html.jobsa-enabled body .header__area-show-menu .header__search.is-show .header__search-form {
    left:0;right:0;top:0;bottom:0;width:100%!important;z-index:3;
  }
  html.jobsa-enabled body .header__area-show-menu .header__search.is-show .header__search-field {
    width:100%;height:100%;padding-left:96px;padding-right:16px;
    border-radius:16px;box-sizing:border-box;
  }
  html.jobsa-enabled body .header__area-show-menu .header__search.is-show .header__search-btn {
    z-index:4;background:#fff;border:0;border-radius:12px;
  }
}

/* Общие контейнеры шапки и главного баннера */
html.jobsa-enabled body {
  [class*="widget-type_widget_v4_header_7_"],
  .widget-type_widget_v4_jobsa_glass_hero_20260911 {
    padding-left: 0 !important;
    padding-right: 0 !important;

    .layout__content {
      width: calc(100% - 32px) !important;
      max-width: 1400px !important;
      margin-left: auto !important;
      margin-right: auto !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      box-sizing: border-box;
    }
  }

  /* Панели полностью занимают одинаковые контейнеры */
  .header__content,
  .jg-hero {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }
}

html.jobsa-enabled body {
  /* Пропускаем общий фон страницы */
  .page_layout,
  .page_layout > header,
  .header-wrapper {
    background: transparent !important;
  }

  /* Убираем прямоугольную подложку и линию под шапкой */
  [class*="widget-type_widget_v4_header_7_"] {
    background: transparent !important;
    border-bottom: none !important;
    box-shadow: none !important;

    > .layout__content {
      background: transparent !important;
    }

    .bg-blur-svg {
      display: none !important;
    }
  }
}

html.jobsa-enabled body {
  /* Общая подложка сайта */
  background:
    radial-gradient(
      ellipse at 0 0,
      rgba(255, 168, 111, 0.24),
      transparent 42rem
    ),
    radial-gradient(
      ellipse at 100% 35rem,
      rgba(136, 185, 233, 0.22),
      transparent 40rem
    ),
    #f3f0ea !important;

  /* Основные внешние контейнеры */
  .page_layout,
  .page_layout > header,
  .page_layout > main,
  .page_layout > footer,
  .page_layout > section,
  .header-wrapper {
    background: transparent !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
  }

  /* Подложки виджетов и их контейнеров */
  .page_layout .layout,
  .page_layout .layout > .layout__content {
    background: transparent !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  /* Дополнительная подложка шапки */
  [class*="widget-type_widget_v4_header_7_"] .bg-blur-svg {
    display: none !important;
  }

  /* Линии штатного разделителя */
  .page_layout .delimeter_line {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }
}

html.jobsa-enabled body {
  /* 1. Единый фон всей страницы */
  background: #f3f0ea !important;

  .page_layout,
  .page_layout > header,
  .page_layout > main,
  .page_layout > footer,
  .page_layout > section,
  .header-wrapper {
    background: transparent !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
  }

  /* Убираем отдельные подложки внешних контейнеров */
  .page_layout .layout,
  .page_layout .layout > .layout__content {
    background: transparent !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  [class*="widget-type_widget_v4_header_7_"] .bg-blur-svg {
    display: none !important;
  }

  .page_layout .delimeter_line {
    background: transparent !important;
    border-color: transparent !important;
  }

  /* 2. Увеличиваем логотип на 20% */
  .header__logo {
    background: transparent !important;
    padding: 0 !important;
    transform: scale(1.2);
    transform-origin: center;
  }

  /* 3. Виджет категорий из вашей темы FINE */
  .widget-type_widget_v4_banner_list_22_2ca3cd602d0daf8688461665aa72a94f {
    --banner-border-radius: 24px;

    > .layout__content {
      background: transparent !important;
      border-radius: 28px !important;
    }

    .banner-list__item {
      background: transparent !important;
      border-radius: 24px !important;
      overflow: hidden;
    }

    .banner-list__item-photo,
    .banner-list__item-photo .img-ratio {
      background: transparent !important;
      border-radius: 24px !important;
      overflow: hidden;
    }

    .banner-list__item-title {
      background: transparent !important;
      border: 0 !important;
      color: #1c1917 !important;
    }
  }
}

:root {
  --jobsa-font: "Segoe UI", Arial, sans-serif;
  --font-family: "Segoe UI", Arial, sans-serif;
  --font-family-heading: "Segoe UI", Arial, sans-serif;
}

html body {
  font-family: var(--jobsa-font) !important;
}

// Текстовые элементы; исключаем иконочные шрифты
html body *:not([class*="icon"]):not(svg):not(svg *) {
  font-family: var(--jobsa-font) !important;
}