/* Котоноты: стили блоков. Только переменные theme.json (--wp--preset--*, --wp--custom--*). */
html,body{overflow-x:clip}
:root{
	--k-edge:var(--wp--preset--spacing--edge);
	--k-ink:var(--wp--preset--color--ink);
	--k-paper:var(--wp--preset--color--paper);
	--k-accent:var(--wp--preset--color--accent);
	--k-silk:var(--wp--custom--ease--silk);
	--k-spring:var(--wp--custom--ease--spring);
	--k-pill:var(--wp--custom--radius--pill);
	--k-tile:var(--wp--custom--radius--tile);
	--k-icon:var(--wp--custom--control--icon);
	--k-h-lg:var(--wp--custom--control--lg);
}

/* ---------- типографика-утилиты ---------- */
.koto-label{margin:0;font-family:var(--wp--preset--font-family--ui);font-weight:600;font-size:var(--wp--preset--font-size--label);line-height:1.5;letter-spacing:.2em;text-transform:uppercase;opacity:.8}
.koto-h1{margin:0;font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--xxl);line-height:.92;text-wrap:balance}
.koto-lead,.koto-lead p{margin:0;font-size:var(--wp--preset--font-size--lead);line-height:1.6;text-wrap:pretty}
.koto-lead{opacity:.85}
.koto-empty{padding:var(--wp--preset--spacing--m);border:1px dashed currentColor;border-radius:var(--wp--custom--radius--card);font-family:var(--wp--preset--font-family--mono);font-size:var(--wp--preset--font-size--caption)}

/* ---------- стили блоков (register_block_style) ---------- */
.is-style-label{font-family:var(--wp--preset--font-family--ui)!important;font-weight:600!important;font-size:var(--wp--preset--font-size--label)!important;line-height:1.5!important;letter-spacing:.2em;text-transform:uppercase}
p.is-style-lead{font-size:var(--wp--preset--font-size--lead);line-height:1.6}
.wp-block-group.is-style-dark{background-color:var(--wp--preset--color--night);color:var(--k-paper)}
.wp-block-group.is-style-sand{background-color:var(--wp--preset--color--sand);color:var(--k-ink)}
.is-style-dark :where(h1,h2,h3,h4,h5,h6){color:inherit}
.wp-block-button.is-style-outline>.wp-block-button__link{background:transparent;color:inherit;border:1px solid currentColor}
.wp-block-button.is-style-outline>.wp-block-button__link:hover{background:color-mix(in oklab,currentColor 10%,transparent)}
.wp-block-image.koto-photo{margin:0}
.wp-block-image.koto-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--k-tile)}
.wp-block-columns:has(> .wp-block-column > .koto-photo){align-items:center}

/* ---------- кнопки ---------- */
.koto-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.koto-row--tight{gap:6px}
.koto-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:15px 24px;border-radius:var(--k-pill);border:1px solid transparent;font-family:var(--wp--preset--font-family--ui);font-weight:600;font-size:13px;line-height:1;text-decoration:none!important;cursor:pointer;transition:background-color .38s var(--k-silk),color .38s var(--k-silk),border-color .38s var(--k-silk),transform .3s var(--k-spring)}
.koto-btn:active{transform:scale(.97)}
.koto-btn:disabled{opacity:.45;cursor:not-allowed}
.koto-btn--ink{background:var(--k-ink);color:var(--k-paper)!important}
[data-tone=dark] .koto-btn--ink,.is-style-dark .koto-btn--ink{background:var(--k-paper);color:var(--k-ink)!important}
.koto-btn--ghost{background:transparent;color:inherit!important;border-color:currentColor}
.koto-btn--accent{min-height:var(--k-h-lg);padding:16px 26px;background:var(--k-accent);color:var(--k-ink)!important;font-weight:700;font-size:var(--wp--preset--font-size--small)}
.koto-btn--accent:hover{background:var(--wp--preset--color--accent-soft)}
.koto-round{display:grid;place-items:center;width:var(--k-icon);height:var(--k-icon);padding:0;border-radius:50%;border:1px solid currentColor;background:transparent;color:inherit;font-family:var(--wp--preset--font-family--ui);font-weight:600;font-size:13px;cursor:pointer;transition:opacity .4s,border-color .4s}
.koto-round--page{border-color:transparent;opacity:.6}
.koto-round--page[aria-current=true]{border-color:currentColor;opacity:1}
.koto-chip{min-width:44px;height:44px;padding:0 12px;border-radius:var(--k-pill);border:1px solid var(--wp--custom--line--on-light);background:transparent;color:inherit;font:600 13px/1 var(--wp--preset--font-family--ui);cursor:pointer;transition:background-color .38s var(--k-silk),color .38s var(--k-silk)}
[data-tone=dark] .koto-chip{border-color:var(--wp--custom--line--on-dark)}
.koto-chip[aria-checked=true]{background:var(--k-ink);color:var(--k-paper);border-color:var(--k-ink)}
[data-tone=dark] .koto-chip[aria-checked=true]{background:var(--k-paper);color:var(--k-ink);border-color:var(--k-paper)}
.koto-chip:disabled{opacity:.3;text-decoration:line-through;cursor:not-allowed}
.koto-swatch{width:44px;height:44px;padding:0;border-radius:50%;border:1px solid transparent;background:transparent;display:grid;place-items:center;cursor:pointer}
.koto-swatch::before{content:"";width:28px;height:28px;border-radius:50%;background:var(--sw);box-shadow:0 0 0 1px color-mix(in oklab,currentColor 40%,transparent)}
.koto-swatch[aria-checked=true]{border:1.5px solid currentColor}
.koto-pager{display:flex;gap:6px;align-items:center}
.koto-pager__pages{display:flex;gap:4px;flex-direction:inherit}
.koto-pager--vertical{flex-direction:column}

/* ---------- соцсети, лого ---------- */
.koto-socials{display:flex;flex-wrap:wrap;gap:14px;margin:0;padding:0;list-style:none}
.koto-socials a{color:inherit;text-decoration:none}
.koto-socials a:hover{color:var(--k-accent)}
.koto-socials--label a{font:600 var(--wp--preset--font-size--label)/1.5 var(--wp--preset--font-family--ui);letter-spacing:.2em;text-transform:uppercase}
.koto-socials--circle a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid currentColor;font:600 12px/1 var(--wp--preset--font-family--ui)}
.koto-socials--list{flex-direction:column;gap:6px}
.koto-socials img{display:block;width:20px;height:20px;object-fit:contain}
.koto-logo{position:relative;display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none!important}
.koto-logo img{display:block;height:auto;transition:opacity 1s}
.koto-logo--auto .koto-logo__d{position:absolute;left:0;top:0;opacity:0}
[data-tone=dark] .koto-logo--auto .koto-logo__l,.is-style-dark .koto-logo--auto .koto-logo__l{opacity:0}
[data-tone=dark] .koto-logo--auto .koto-logo__d,.is-style-dark .koto-logo--auto .koto-logo__d{opacity:1}
.koto-logo__name{font-family:var(--wp--preset--font-family--display);font-weight:500;font-size:30px;line-height:1}

/* ---------- секции главной ---------- */
.koto-section{position:relative;padding-block:var(--wp--preset--spacing--xl);overflow:hidden}
.koto-section__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:var(--wp--preset--spacing--m);margin-bottom:var(--wp--preset--spacing--l)}
.is-style-dark{position:relative;isolation:isolate}
.is-style-dark::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(45% 60% at 12% 30%,color-mix(in oklab,var(--k-accent) 18%,transparent),transparent 70%),radial-gradient(40% 55% at 90% 80%,color-mix(in oklab,var(--k-accent) 10%,transparent),transparent 70%)}

/* карусель */
.koto-hero{position:relative;isolation:isolate;overflow:hidden;min-height:max(720px,100svh);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,.8fr) auto;grid-template-rows:minmax(0,1fr) auto;gap:var(--wp--preset--spacing--m);padding:120px var(--k-edge) 30px;background:var(--wp--preset--color--linen);color:var(--k-ink);transition:background-color 1s ease,color 1s ease}
.koto-hero[data-tone=dark]{background:var(--wp--preset--color--night);color:var(--k-paper)}
.koto-hero__data{display:none}
.koto-hero__bg{position:absolute;inset:0;z-index:-2;pointer-events:none}
.koto-hero__bg span{position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(60px);opacity:.35;background:radial-gradient(closest-side,color-mix(in oklab,var(--k-accent) 55%,transparent),transparent);animation:koto-drift 22s ease-in-out infinite alternate}
.koto-hero__bg span:nth-child(1){left:-15%;top:-20%}
.koto-hero__bg span:nth-child(2){right:-20%;bottom:-30%;animation-duration:28s;animation-direction:alternate-reverse}
.koto-hero__bg span:nth-child(3){left:35%;top:30%;width:30vmax;height:30vmax;opacity:.2;animation-duration:18s}
@keyframes koto-drift{to{transform:translate(6vw,5vh) scale(1.12)}}
.koto-hero__num{position:absolute;left:50%;top:50%;z-index:-1;transform:translate(-50%,-50%);font:300 clamp(240px,26vw,440px)/1 var(--wp--preset--font-family--display);opacity:.07;pointer-events:none;white-space:nowrap}
.koto-hero__stage{grid-column:2;grid-row:1;position:relative;align-self:stretch;min-height:420px;max-height:calc(100svh - 260px);touch-action:pan-y;cursor:pointer}
.koto-hero__stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 100%;opacity:0;transform:scale(.95);transition:opacity 1.2s var(--k-silk),transform 1.2s var(--k-silk)}
.koto-hero__stage img[data-dir=out-l]{transform:translateX(-10%) scale(.95)}
.koto-hero__stage img[data-dir=out-r]{transform:translateX(10%) scale(.95)}
.koto-hero__stage img.is-on{opacity:1;transform:none}
.koto-hero__text{grid-column:1;grid-row:1;align-self:center;display:flex;flex-direction:column;gap:22px;max-width:520px}
.koto-hero__title{margin:0;font-family:var(--wp--preset--font-family--display);font-weight:300;font-size:var(--wp--preset--font-size--xl);line-height:1;text-wrap:balance}
.koto-hero__title em{display:block;margin-top:.15em;font-style:italic;color:var(--k-accent);font-size:.6em}
.koto-hero__lead{margin:0;max-width:420px;opacity:.75}
.koto-hero__buy{grid-column:3;grid-row:1;align-self:center;justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:10px;text-align:right}
.koto-hero__price{white-space:nowrap;font-family:var(--wp--preset--font-family--ui);font-weight:500;font-size:clamp(36px,3.6vw,46px);line-height:1}
.koto-hero__note{font-size:var(--wp--preset--font-size--small);opacity:.7;margin-bottom:16px}
.koto-hero__buy .koto-label{margin-top:8px}
.koto-hero__buy .koto-btn--accent{margin-top:18px;min-width:220px}
.koto-hero__pager{grid-column:4;grid-row:1;align-self:center}
.koto-hero__foot{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:var(--wp--preset--spacing--m);position:relative}
.koto-hero__quote{margin:0;text-align:center;font:400 var(--wp--preset--font-size--m)/1.1 var(--wp--preset--font-family--display)}
.koto-hero__quote em{display:block;font-style:italic;color:var(--k-accent);font-size:24px}
.koto-hero__next{justify-self:end;display:flex;align-items:center;gap:14px;border:0;background:transparent;color:inherit;cursor:pointer;padding:0}
.koto-hero__next-l{display:flex;flex-direction:column;align-items:flex-end;font-size:var(--wp--preset--font-size--caption);opacity:.8}
.koto-hero__next-l b{font:600 13px/1.4 var(--wp--preset--font-family--ui)}
.koto-hero__next-img{position:relative;width:72px;height:72px;border-radius:50%;border:1px solid currentColor;overflow:hidden}
.koto-hero__next-img img{position:absolute;inset:6px;width:calc(100% - 12px);height:calc(100% - 12px);object-fit:contain}
@media (max-width:1023px){
	.koto-hero{grid-template-columns:1fr;grid-template-rows:auto;padding-top:90px;min-height:0}
	.koto-hero>*{grid-column:1!important;grid-row:auto!important}
	.koto-hero__stage{min-height:min(110vw,520px);order:1}
	.koto-hero__text{order:2;max-width:none}
	.koto-hero__buy{order:3;align-items:flex-start;justify-self:start;text-align:left}
	.koto-hero__pager{order:4;flex-direction:row;justify-self:center}
	.koto-hero__foot{order:5;grid-template-columns:1fr;justify-items:center;text-align:center}
	.koto-hero__next{justify-self:center}
}

/* что в коробке */
.koto-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:var(--wp--preset--spacing--l);align-items:center;padding-inline:var(--k-edge);background:var(--wp--preset--color--linen);color:var(--k-ink)}
.koto-box__text{display:flex;flex-direction:column;gap:var(--wp--preset--spacing--m)}
.koto-box__kicker{color:var(--wp--preset--color--muted);opacity:1}
.koto-box__lead{color:var(--wp--preset--color--muted);opacity:1;max-width:520px}
.koto-box__items{display:grid;grid-template-columns:1fr 1fr;gap:28px 32px;counter-reset:koto-box}
.koto-box__items>.block-editor-inner-blocks>.block-editor-block-list__layout{display:contents}
.koto-box-item{display:flex;flex-direction:column;gap:6px;padding-top:16px;border-top:1px solid var(--wp--custom--line--on-light);counter-increment:koto-box}
.koto-box-item::before{content:counter(koto-box,decimal-leading-zero);font:600 var(--wp--preset--font-size--label)/1 var(--wp--preset--font-family--ui);letter-spacing:.14em;color:var(--wp--preset--color--accent-deep)}
.koto-box-item__name{font:400 var(--wp--preset--font-size--l)/1 var(--wp--preset--font-family--display)}
.koto-box-item__sub{font-size:var(--wp--preset--font-size--small);color:var(--wp--preset--color--muted)}
.koto-box__media{position:relative;margin:0;aspect-ratio:1/1;max-height:min(80vh,720px);width:100%;border-radius:var(--k-tile);overflow:hidden;background:var(--wp--preset--color--sand)}
.koto-box__media img{width:100%;height:100%;object-fit:cover;display:block}
.koto-box__media-ctl{position:absolute;left:16px;bottom:16px;display:flex;gap:8px}

/* карточки товаров */
.koto-catprev{padding-inline:var(--k-edge)}
.koto-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
@media (max-width:1100px){.koto-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.koto-card{display:flex;flex-direction:column;gap:14px;color:var(--k-ink)}
.koto-card__tile{position:relative;display:block;aspect-ratio:4/5;border-radius:var(--k-tile);overflow:hidden;background:var(--wp--preset--color--tile-light);transition:transform .5s var(--k-spring)}
.koto-card[data-tone=dark] .koto-card__tile{background:var(--wp--preset--color--tile-dark);color:var(--k-paper)}
.koto-card__tile::before{content:"";position:absolute;inset:0;background:radial-gradient(65% 50% at 50% 42%,rgba(255,255,255,.9),transparent 70%)}
.koto-card[data-tone=dark] .koto-card__tile::before{background:radial-gradient(65% 50% at 50% 42%,color-mix(in oklab,var(--k-accent) 22%,transparent),transparent 70%)}
.koto-card__tile:hover{transform:translateY(-6px)}
.koto-card__tile img{position:absolute;inset:6% 4% 0;width:92%;height:94%;object-fit:contain;object-position:50% 100%}
.koto-card__num{position:absolute;left:16px;top:14px;font:400 var(--wp--preset--font-size--s)/1 var(--wp--preset--font-family--display);color:var(--k-ink)}
.koto-card[data-tone=dark] .koto-card__num{color:var(--k-paper)}
.koto-card__dots{display:flex;gap:2px;margin-top:-58px;margin-left:8px;position:relative;z-index:1;height:44px}
.koto-card__dot{width:44px;height:44px;padding:0;border:0;background:transparent;display:grid;place-items:center;cursor:pointer}
.koto-card__dot::before{content:"";width:18px;height:18px;border-radius:50%;background:var(--sw);box-shadow:0 0 0 1px rgba(127,127,127,.4)}
.koto-card__dot[aria-pressed=true]::before{box-shadow:0 0 0 2px var(--wp--preset--color--tile-light),0 0 0 3.5px var(--k-ink)}
.koto-card[data-tone=dark] .koto-card__dot[aria-pressed=true]::before{box-shadow:0 0 0 2px var(--wp--preset--color--tile-dark),0 0 0 3.5px var(--k-paper)}
.koto-card__meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px;color:inherit;text-decoration:none!important;margin-top:14px}
.koto-card__name{font:400 var(--wp--preset--font-size--m)/1.1 var(--wp--preset--font-family--display)}
.koto-card__price{font:700 var(--wp--preset--font-size--small)/1 var(--wp--preset--font-family--ui);white-space:nowrap}

/* коллаборации */
.koto-collabs{padding-inline:var(--k-edge);background:var(--wp--preset--color--linen);color:var(--k-ink)}
.koto-collabs__track{display:grid}
.koto-collabs__slide{grid-area:1/1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:var(--wp--preset--spacing--l);align-items:center;opacity:0;transform:translateY(12px);transition:opacity .7s var(--k-silk),transform .7s var(--k-silk);pointer-events:none}
.koto-collabs__slide.is-on{opacity:1;transform:none;pointer-events:auto}
.koto-collabs__text{display:flex;flex-direction:column;gap:var(--wp--preset--spacing--m)}
.koto-collabs__text .koto-label{color:var(--wp--preset--color--muted);opacity:1}
.koto-collabs__text .koto-lead{color:var(--wp--preset--color--muted);opacity:1}
.koto-collabs__photos{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;align-items:end}
.koto-collabs__photos figure{margin:0;border-radius:var(--k-tile);overflow:hidden;background:var(--wp--preset--color--sand);aspect-ratio:3/4}
.koto-collabs__photos figure:last-child{aspect-ratio:3/3.6;margin-bottom:var(--wp--preset--spacing--l)}
.koto-collabs__photos img{width:100%;height:100%;object-fit:cover;display:block}
.koto-collabs__pager{justify-content:flex-end;margin-top:var(--wp--preset--spacing--m)}

/* шапка: тон берётся от секции под ней */
.koto-header{z-index:50;color:var(--k-ink);transition:color .6s ease,background-color .4s ease}
.koto-header-wrap{position:sticky;top:var(--wp-admin--admin-bar--height,0px);z-index:50}
body:has(.koto-hero) .koto-header-wrap{margin-bottom:-120px} /* шапка поверх карусели */
.koto-header{z-index:50}
.koto-header[data-tone=dark]{color:var(--k-paper)}
.koto-header.is-stuck{background:color-mix(in oklab,var(--wp--preset--color--linen) 82%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.koto-header.is-stuck[data-tone=dark]{background:color-mix(in oklab,var(--wp--preset--color--night) 78%,transparent)}
.koto-header .wp-block-navigation a{color:inherit}

/* подвал */
.koto-footer .wp-block-navigation{font-size:var(--wp--preset--font-size--small)}
.koto-footer .koto-label{color:var(--wp--preset--color--stone);opacity:1;margin-bottom:6px}
.koto-to-top a{display:grid;place-items:center;width:var(--k-icon);height:var(--k-icon);border-radius:50%;border:1px solid currentColor;color:inherit!important;text-decoration:none!important}