/* Native section names, pictures, counts and links; render-inspired presentation. */
body:has(.choco-v3-route-hero--scene) #pagetitle{font:400 clamp(34px,3.5vw,58px)/1.15 Georgia,serif;color:#f4f1e9}
body:has(.choco-v3-route-hero--scene) .page-top{padding-bottom:14px}
.choco-v3-route-hero--scene{max-width:none;min-height:clamp(260px,20vw,350px);margin:8px 0 24px;border:1px solid #c79149;border-radius:16px;overflow:hidden}
.choco-v3-route-hero--scene .choco-v3-route-hero__copy{max-width:74%;padding:36px 46px}
.choco-v3-route-hero--scene .choco-v3-route-hero__title{font:400 clamp(36px,4.2vw,76px)/1.05 Georgia,serif;color:#fff7ea}
.choco-v3-route-hero--scene .choco-v3-kicker{font-size:12px;letter-spacing:4px;margin-bottom:12px}
.choco-v3-route-hero--scene p{max-width:760px;margin:16px 0 24px;font-size:17px;color:#c5d9e9}
.choco-v3-route-hero--scene .choco-v3-btn{padding:14px 26px;font-size:16px;box-shadow:0 0 20px #efb75a30}
.choco-section-tiles.choco-v3-section-children{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:none;margin:0 0 28px;padding:0;border:0;border-radius:0;background:transparent;overflow:visible;scroll-margin-top:115px}
.choco-section-tiles .choco-section-tile{position:relative;isolation:isolate;display:flex;align-items:center;gap:14px;min-width:0;min-height:114px;padding:20px 15px 20px 20px;border:1px solid #d99f51;border-radius:11px;overflow:hidden;background:#061622;color:#fff6ea;white-space:normal;box-shadow:inset 0 0 20px #00111ccc}
.choco-section-tile::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#03121cf5 0%,#03121ceb 38%,#03121c66 72%,#03121c00)}
.choco-section-tiles .choco-section-tile__image{position:absolute;inset:0 0 0 auto;z-index:-2;width:62%;height:100%;object-fit:cover;object-position:center}
.choco-section-tiles .choco-section-tile__icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #f5b757;border-radius:8px;transform:rotate(45deg);color:#f3bd70;background:#041522d9}
.choco-section-tile__icon svg{width:25px;height:27px;transform:rotate(-45deg);fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.choco-section-tiles .choco-section-tile__name{position:relative;max-width:64%;font:400 20px/1.18 Georgia,serif;text-shadow:0 1px 4px #000}
.choco-section-tiles .choco-section-tile__arrow{margin-left:auto;color:#f4ba63;font:30px/1 Georgia,serif}
.choco-section-tile:hover{border-color:#ffd68f;box-shadow:0 0 12px #51b7ff45}
.choco-section-tile:focus-visible{outline:2px solid #74caff;outline-offset:4px}
/* This grid replaces the duplicated component tiles on these listing pages. */
body:has(.choco-section-tiles) .section-block:has(>.sections-block.main-template){display:none}
@media(max-width:1200px){.choco-section-tiles.choco-v3-section-children{gap:12px}.choco-section-tiles .choco-section-tile{padding:16px 12px;gap:12px;min-height:104px}.choco-section-tiles .choco-section-tile__icon{flex-basis:34px;width:34px;height:34px}.choco-section-tiles .choco-section-tile__name{font-size:17px}.choco-v3-route-hero--scene .choco-v3-route-hero__copy{padding:30px}}
@media(max-width:980px){.choco-section-tiles.choco-v3-section-children{grid-template-columns:repeat(2,minmax(0,1fr))}.choco-v3-route-hero--scene .choco-v3-route-hero__copy{max-width:85%}.choco-v3-route-hero--scene p{font-size:15px}}
@media(max-width:550px){.choco-v3-route-hero--scene{margin-top:0;min-height:285px}.choco-v3-route-hero--scene .choco-v3-route-hero__copy{max-width:100%;padding:24px 20px}.choco-v3-route-hero--scene .choco-v3-route-hero__title{font-size:35px}.choco-v3-route-hero--scene .choco-v3-kicker{font-size:10px;letter-spacing:2px}.choco-section-tiles.choco-v3-section-children{grid-template-columns:minmax(0,1fr);gap:12px}.choco-section-tiles .choco-section-tile{min-height:98px;padding:18px 22px;gap:22px}.choco-section-tiles .choco-section-tile__name{font-size:21px}}

/* Decorative artwork from the supplied render; labels remain live native HTML. */
.choco-section-tile__render-art{display:none;position:absolute;inset:0 0 0 auto;width:45%;z-index:-2;background-image:url('/local/chocolavie/assets/catalog-subsection-render-reference.png');background-repeat:no-repeat;background-size:auto 707.76%;background-position:var(--section-art-x) var(--section-art-y)}
.choco-section-tile[data-section-code="chocolate_animals"]{--section-art-x:20.7%;--section-art-y:75.89%}
.choco-section-tile[data-section-code="chocolate_figures_transport"]{--section-art-x:46.05%;--section-art-y:75.89%}
.choco-section-tile[data-section-code="professii-i-instrumenty"]{--section-art-x:71.3%;--section-art-y:75.89%}
.choco-section-tile[data-section-code="voennaya-tematika-i-oruzhie"]{--section-art-x:96.3%;--section-art-y:75.89%}
.choco-section-tile[data-section-code="sport_chocolate_gifts"]{--section-art-x:20.7%;--section-art-y:95.18%}
.choco-section-tile[data-section-code="tsvety-serdtsa-romantika"]{--section-art-x:46.05%;--section-art-y:95.18%}
.choco-section-tile[data-section-code="nagrady"]{--section-art-x:71.3%;--section-art-y:95.18%}
.choco-section-tile[data-section-code="moda-i-krasota"]{--section-art-x:96.3%;--section-art-y:95.18%}
.choco-section-tile:is([data-section-code="chocolate_animals"],[data-section-code="chocolate_figures_transport"],[data-section-code="professii-i-instrumenty"],[data-section-code="voennaya-tematika-i-oruzhie"],[data-section-code="sport_chocolate_gifts"],[data-section-code="tsvety-serdtsa-romantika"],[data-section-code="nagrady"],[data-section-code="moda-i-krasota"]) .choco-section-tile__render-art{display:block}
.choco-section-tile:has(.choco-section-tile__render-art[aria-hidden]) .choco-section-tile__image{opacity:.7}
.choco-section-tile:is([data-section-code="chocolate_animals"],[data-section-code="chocolate_figures_transport"],[data-section-code="professii-i-instrumenty"],[data-section-code="voennaya-tematika-i-oruzhie"],[data-section-code="sport_chocolate_gifts"],[data-section-code="tsvety-serdtsa-romantika"],[data-section-code="nagrady"],[data-section-code="moda-i-krasota"]) .choco-section-tile__image{display:none}
body:has(.choco-v3-route-hero--scene) .landings-list__info:has(a[href^="/catalog/odezhda/"]){display:none}

/* Match the supplied 1916 px composition while retaining native listing data. */
body:has(.choco-section-tiles) .main .maxwidth-theme,
body:has(.choco-section-tiles) .page-top .maxwidth-theme{max-width:1916px;padding-inline:clamp(24px,3.25vw,62px)}
body:has(.choco-section-tiles) #pagetitle{font-size:clamp(36px,3.05vw,58px);line-height:1.15}
.choco-v3-route-hero--scene{display:block;width:100%;padding:0;min-height:350px;margin:8px 0 26px}
.choco-v3-route-hero--scene .choco-v3-route-hero__copy{width:78%;max-width:none;padding:42px 64px}
.choco-v3-route-hero--scene .choco-v3-route-hero__title{max-width:none;font-size:clamp(42px,4.35vw,84px);line-height:1.05;margin:10px 0 14px}
.choco-v3-route-hero--scene p{max-width:920px;font-size:21px;line-height:1.4;margin:14px 0 26px}
.choco-v3-route-hero--scene .choco-v3-kicker{font-size:15px;letter-spacing:5px}
.choco-v3-route-hero--scene .choco-v3-btn{font-size:18px;padding:16px 34px}
.choco-section-tiles.choco-v3-section-children{width:100%;gap:20px 18px}
.choco-section-tiles .choco-section-tile{display:flex;justify-content:flex-start;gap:24px;min-height:116px;padding:20px 20px 20px 28px;text-align:left}
.choco-section-tiles .choco-section-tile__icon{width:50px;height:50px;flex-basis:50px}
.choco-section-tile__icon svg{width:29px;height:31px}
.choco-section-tiles .choco-section-tile__name{max-width:210px;min-width:0;font-size:22px;line-height:1.22}
.choco-section-tiles .choco-section-tile__arrow{margin:0;font-size:28px}
body:has(.choco-section-tiles) .element-count-wrapper{vertical-align:middle;margin-left:24px}
body:has(.choco-section-tiles) .element-count{font-size:24px;padding:8px 13px;border-color:#c79149;border-radius:6px;color:#c5d9e9}
.choco-section-tile[data-section-code="chocolate_animals"] .choco-section-tile__icon svg,
.choco-section-tile[data-section-code="tsvety-serdtsa-romantika"] .choco-section-tile__icon svg{fill:currentColor;stroke:none}
/* Restrict the sprite window to artwork, excluding the render's labels and borders. */
.choco-section-tile__render-art{height:100%;width:auto;aspect-ratio:145/114;background-size:auto 720.1754%;mask-image:linear-gradient(90deg,transparent,#000 22%)}
.choco-section-tile[data-section-code="chocolate_animals"]{--section-art-x:19.5935%;--section-art-y:75.6718%}
.choco-section-tile[data-section-code="chocolate_figures_transport"]{--section-art-x:45.2287%;--section-art-y:75.6718%}
.choco-section-tile[data-section-code="professii-i-instrumenty"]{--section-art-x:70.6381%;--section-art-y:75.6718%}
.choco-section-tile[data-section-code="voennaya-tematika-i-oruzhie"]{--section-art-x:96.2733%;--section-art-y:75.6718%}
.choco-section-tile[data-section-code="sport_chocolate_gifts"]{--section-art-x:19.5935%;--section-art-y:94.9081%}
.choco-section-tile[data-section-code="tsvety-serdtsa-romantika"]{--section-art-x:45.2287%;--section-art-y:94.9081%}
.choco-section-tile[data-section-code="nagrady"]{--section-art-x:70.6381%;--section-art-y:94.9081%}
.choco-section-tile[data-section-code="moda-i-krasota"]{--section-art-x:96.2733%;--section-art-y:94.9081%}
@media(max-width:1500px){
 .choco-section-tiles .choco-section-tile{gap:15px;padding:18px 15px 18px 19px}
 .choco-section-tiles .choco-section-tile__icon{width:38px;height:38px}
 .choco-section-tiles .choco-section-tile__name{font-size:18px;max-width:calc(100% - 76px)}
 .choco-v3-route-hero--scene .choco-v3-route-hero__copy{padding:34px 42px}
 .choco-v3-route-hero--scene p{font-size:18px}
}
@media(max-width:980px){
 .choco-v3-route-hero--scene{min-height:300px}
 .choco-v3-route-hero--scene .choco-v3-route-hero__copy{width:100%;max-width:100%;padding:30px}
 .choco-v3-route-hero--scene .choco-v3-kicker{font-size:12px;letter-spacing:3px}
 .choco-section-tiles .choco-section-tile{gap:20px;padding-right:20px}
 .choco-section-tiles .choco-section-tile__name{font-size:20px}
}
@media(max-width:550px){
 body:has(.choco-section-tiles) .main .maxwidth-theme,
 body:has(.choco-section-tiles) .page-top .maxwidth-theme{padding-inline:18px}
 .choco-v3-route-hero--scene{min-height:290px;margin-top:0}
 .choco-v3-route-hero--scene .choco-v3-route-hero__copy{padding:24px 20px}
 .choco-v3-route-hero--scene .choco-v3-route-hero__title{font-size:36px}
 .choco-v3-route-hero--scene p{font-size:15px}
 .choco-v3-route-hero--scene .choco-v3-kicker{font-size:10px;letter-spacing:2px}
 .choco-v3-route-hero--scene .choco-v3-btn{font-size:15px;padding:13px 22px}
 .choco-section-tiles.choco-v3-section-children{gap:12px}
 .choco-section-tiles .choco-section-tile{min-height:100px;padding:18px 18px 18px 20px;gap:18px}
 .choco-section-tiles .choco-section-tile__name{font-size:20px}
}

/* Shared root/section navigation keeps long native category names readable. */
.choco-section-tiles .choco-section-tile{min-height:116px;height:auto}
.choco-section-tiles .choco-section-tile__name{overflow-wrap:anywhere}
.choco-section-tile:focus-visible{outline:2px solid #78cbff;outline-offset:3px}
.choco-v3-catalog-page>.choco-section-tiles{margin-top:26px;margin-bottom:36px}