/* Three independent art directions. Loaded only for the new concept looks. */
[data-studio] { --pad: 24px; --ease: cubic-bezier(.2,.75,.2,1); }
[data-studio] .stage { position: relative; isolation: isolate; }
[data-studio] .shelf { position: relative; }
[data-studio] .item { position: relative; min-width: 0; }
[data-studio] .item__photo { position: relative; isolation: isolate; display: grid; place-items: center; container-type:size; }
[data-studio] .item__photo > img { display: none; }
[data-studio] .art-crop { display: block; width: min(100cqw,100cqh); aspect-ratio: 1; max-width: 100%; background-image: var(--atlas); background-size: 500% 200%; background-position: var(--art-x) var(--art-y); background-repeat: no-repeat; clip-path:inset(2% round 3px); }
[data-studio] .photo-hint { position: absolute; bottom: 10px; right: 10px; padding: 4px 9px; border-radius: 30px; background: #fff; color: #18283a; font-size: 12px; opacity: 0; transform: translateY(5px); pointer-events: none; }
/* При наведении подсказка только там, где есть мышь: на телефоне после касания наведение «залипает». */
@media (hover: hover) { [data-studio] .item__photo:hover .photo-hint { opacity: 1; transform: none; } }
[data-studio] .item__photo:focus-visible .photo-hint { opacity: 1; transform: none; }
[data-studio] .item--out { opacity: 1; }
[data-studio] .item--out .art-crop { filter: saturate(.45); opacity: .65; }
[data-studio] .item__line { flex-wrap: wrap; gap: 2px 6px; }
[data-studio] .item__kg { font-size: 14px; font-weight: 400; color: var(--steel); }
[data-studio] .item__title { font-size: 16px; line-height: 1.13; }
[data-studio] .pick { max-width: 100%; }
[data-studio] .pick--kind { font-size: 11px; }
[data-studio] .pack { gap: 4px; padding: 4px; min-height: 37px; }
[data-studio] .pack__plus, [data-studio] .pack__less { width: 26px; height: 26px; flex-shrink: 0; }
[data-studio] .pack__in { min-width: 15px; }
[data-studio] .pack__price { font-size: 15px; }
[data-studio] .pack--none .pack__price { font-size:12px; white-space:normal; }
[data-studio] .bottom { display: grid; grid-template-columns: 1fr auto; gap: 3px 18px; font-size: 12px; padding-block: 7px; }
[data-studio] .bottom__looks { grid-column: 2; grid-row: 1 / span 2; font-size: 11px; }
[data-studio] .bottom__links { gap: 12px; }
[data-studio] .art-note { opacity: .85; }
[data-studio] .collection-sign { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; position: relative; overflow: hidden; }
[data-studio] .collection-sign h1 { z-index: 1; line-height: .96; letter-spacing: -.05em; }
[data-studio] .collection-sign__eyebrow { z-index: 1; font-size: 10px; font-weight: 500; letter-spacing: .14em; }
[data-studio] .collection-sign > a { z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 15px; text-decoration: none; font-size: 12px; }
[data-studio] .collection-sign > a span { font-size: 24px; }
[data-studio] :focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }
[data-studio] .sheet { box-shadow: 0 30px 120px #0003; }
[data-studio] .toast { max-width: calc(100vw - 32px); }

/* EXPEDITION: a blue navigation spine and a 3 x 3 cabinet of horizontal specimens. */
body.look-expedition { --paper:#edf3f6; --card:#fff; --field:#fff; --ice:#e4eef4; --ink:#113b59; --steel:#48667a; --line:#c5d6e1; --solid:#113b59; --atlas:url('/images/concept/expedition/collection.jpg'); }
.look-expedition .top { background:#fff; border-bottom:2px solid var(--ink); }
.look-expedition .top__nav a { font-size:13px; text-transform:uppercase; letter-spacing:.055em; }
.look-expedition .order-btn { border-radius:0; }
.look-expedition .shelf { grid-template-columns:160px repeat(3,minmax(0,1fr)); grid-template-rows:repeat(3,minmax(0,1fr)); gap:12px; padding-block:18px; }
.look-expedition .collection-sign { grid-row:1 / span 3; padding:22px 16px; background:#123d59; color:#f5fafc; }
.look-expedition .collection-sign h1 { font-size:40px; font-weight:400; }
.look-expedition .collection-sign__drawing { position:absolute; inset:40% -85% 8% -20%; border:1px solid #91b6ca55; border-radius:50%; background:repeating-radial-gradient(ellipse at center,transparent 0 28px,#91b6ca38 29px 30px,transparent 31px 54px); transform:rotate(-25deg); }
.look-expedition .collection-sign__drawing::after { content:''; position:absolute; width:15px; height:15px; background:#ed1c24; border:4px solid #fff; border-radius:50%; top:35%; left:48%; box-shadow:0 0 0 12px #ffffff18; }
.look-expedition .item { display:grid; grid-template-columns:minmax(110px,44%) minmax(0,1fr); grid-template-rows:1fr auto auto; align-items:center; gap:6px 12px; padding:10px; border:1px solid #d1dfe8; border-radius:0; background:#fff; }
.look-expedition .item__photo { grid-column:1; grid-row:1 / -1; align-self:stretch; border-radius:0; min-height:0; background:#eaf2f5; }
.look-expedition .item__title { align-self:end; font-size:clamp(16px,1.4vw,21px); font-weight:500; letter-spacing:-.03em; }
.look-expedition .item__line { flex-direction:column; align-items:flex-start; align-self:start; }
.look-expedition .pack { grid-column:2; grid-template-columns:auto 1fr; border:0; border-top:1px solid var(--line); border-radius:0; padding:8px 0 0; }
.look-expedition .pack__ctl { grid-column:2; justify-content:flex-end; }
.look-expedition .pack > .pick { grid-row:1 / span 2; align-self:end; }
.look-expedition .pack__price { font-size:16px; }
.look-expedition .pack--none .pack__price { font-size:12px; white-space:normal; }
.look-expedition .pack__plus { background:var(--ink); border-radius:0; }
.look-expedition .pack__less { border-radius:0; }
.look-expedition .pick { border-radius:0; padding-left:5px; }
.look-expedition .pane,.look-expedition .about__block img,.look-expedition .reader__photo,.look-expedition .reader__list button { border-radius:0; }
.look-expedition .pane h1,.look-expedition .about h1 { font-weight:500; letter-spacing:-.025em; }
.look-expedition .bottom { background:#fff; }
.look-expedition .reader__list { background:#123d59; padding:14px; }
.look-expedition .reader__list button { background:transparent; border-color:#7893a7; color:#fff; }
.look-expedition .reader__kind { color:#bfd6e5; }
.look-expedition .reader__list button[aria-current] { background:#edf3f6; color:#113b59; box-shadow:none; }
.look-expedition .reader__list button[aria-current] .reader__kind { color:#48667a; }
.look-expedition .about__grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(0,1fr)); gap:18px; }
.look-expedition .about__block { grid-row:auto; grid-template-columns:40% minmax(0,1fr); grid-template-rows:auto 1fr; gap:10px 16px; background:white; padding:14px; }
.look-expedition .about__block img { grid-row:1 / span 2; }
.look-expedition .about__block h2::before { display:none; }
.look-expedition .about__block p { font-size:13px; }

/* ATELIER: one large, quiet editorial product and eight porcelain studies. */
body.look-atelier { --paper:#f5f1f8; --card:#fdfbff; --field:#fff; --ice:#e9e1f0; --ink:#372442; --steel:#75657f; --line:#d8cddd; --solid:#372442; --atlas:url('/images/concept/atelier/collection.jpg'); }
.look-atelier .top { background:var(--paper); border:0; padding-top:10px; }
.look-atelier .top__nav a { font-weight:400; font-size:15px; }
.look-atelier .order-btn { border-radius:30px; letter-spacing:0; }
.look-atelier .shelf { grid-template-columns:1.42fr repeat(4,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(0,1fr)); gap:10px 18px; padding-top:14px; }
.look-atelier .item { gap:5px; padding:0 0 10px; border:0; border-radius:0; background:transparent; }
.look-atelier .item__photo { background:#eee9f4; border-radius:48% 48% 4px 4px; }
.look-atelier .art-crop { mix-blend-mode:multiply; clip-path:circle(47%); }
.look-atelier .art-crop[data-art-cell="8"] { clip-path:inset(3% round 5px); }
.look-atelier .item__title { font-family:Georgia,'Times New Roman',serif; font-size:18px; font-weight:400; letter-spacing:-.03em; }
.look-atelier .item__kg { font-size:12px; }
.look-atelier .item__line { gap:2px; }
.look-atelier .pick--kind { font-size:10px; }
.look-atelier .pack { border:0; border-top:1px solid var(--line); border-radius:0; background:transparent; padding:5px 0 0; }
.look-atelier .pack__plus { background:var(--ink); }
.look-atelier .pick { background-color:#e9e1f0; font-size:12px; padding-left:6px; padding-right:18px; }
.look-atelier .pick:disabled { background:none; }
.look-atelier .item:first-of-type { grid-column:1; grid-row:1 / span 2; background:#e7dfef; border-radius:160px 160px 8px 8px; padding:18px; gap:12px; }
.look-atelier .item:first-of-type .item__photo { border-radius:50%; background:#eee9f4; }
.look-atelier .item:first-of-type .item__title { font-size:clamp(30px,3vw,46px); line-height:1.02; }
.look-atelier .item:first-of-type .item__line { display:block; }
.look-atelier .item:first-of-type .item__kg { font-size:16px; margin-bottom:6px; }
.look-atelier .item:first-of-type .pick--kind { font-size:13px; }
.look-atelier .item:first-of-type .pack { padding-top:12px; }
.look-atelier .pane { border:0; border-radius:18px; background:#fffc; }
.look-atelier .pane h1,.look-atelier .about h1,.look-atelier .about__block h2,.look-atelier .reader__title { font-family:Georgia,'Times New Roman',serif; font-weight:400; }
.look-atelier .pane h1 { font-size:27px; }
.look-atelier .about__block img { border-radius:45% 45% 4px 4px; }
.look-atelier .bottom { border-top-color:var(--line); }
.look-atelier .reader { grid-template-columns:230px minmax(0,1fr); }
.look-atelier .reader__list button { background:transparent; border:0; border-bottom:1px solid var(--line); border-radius:0; padding-block:16px; }
.look-atelier .reader__list button[aria-current] { background:#e7dfef; box-shadow:none; border-radius:12px; }
.look-atelier .reader__photo { border-radius:46% 46% 5px 5px; }
.look-atelier .pane--side { background:#e7dfef; }

/* MARKET: a red statement tile, pink discs and deliberately oversized grocery type. */
body.look-market { --paper:#f9dedb; --card:#fff7f3; --field:#fffaf7; --ice:#f5c7c1; --ink:#781f22; --steel:#85484a; --line:#e0a6a0; --solid:#781f22; --atlas:url('/images/concept/market/collection.jpg'); }
.look-market .top { background:#fff7f3; border-bottom:3px solid #ed1c24; }
.look-market .top__nav a { text-transform:uppercase; font-size:13px; font-weight:700; letter-spacing:-.01em; }
.look-market .order-btn { border-radius:4px; box-shadow:3px 3px 0 #781f22; }
.look-market .shelf { grid-template-columns:repeat(5,minmax(0,1fr)); grid-template-rows:repeat(2,minmax(0,1fr)); gap:12px; padding-top:14px; }
.look-market .collection-sign { grid-column:1; grid-row:1; padding:22px 18px; background:#ed1c24; color:#fff7f3; border-radius:80px 6px 6px 6px; }
.look-market .collection-sign h1 { font-size:clamp(34px,3.6vw,64px); font-weight:700; letter-spacing:-.065em; }
.look-market .collection-sign__eyebrow { letter-spacing:0; font-size:9px; align-self:flex-end; }
.look-market .collection-sign__drawing { position:absolute; width:190px; height:190px; right:-80px; bottom:-60px; border:22px solid #ff8b83; border-radius:50%; opacity:.5; }
.look-market .item { gap:6px; padding:12px; border:0; border-radius:6px; background:#fff7f3; }
.look-market .item__photo { background:#fbdedc; border-radius:50% 50% 5px 5px; }
.look-market .item__title { font-size:18px; text-transform:uppercase; font-weight:700; letter-spacing:-.045em; }
.look-market .item__title button { text-transform:inherit; }
.look-market .item__kg { font-size:12px; }
.look-market .pack { border:0; border-top:2px solid #ed1c24; border-radius:0; padding:6px 0 0; background:transparent; }
.look-market .pack__plus { width:29px; height:29px; background:#ed1c24; }
.look-market .pick { border-radius:2px; }
.look-market .pane { background:var(--card); border:0; border-radius:5px; border-top:4px solid #ed1c24; }
.look-market .pane h1,.look-market .about h1 { text-transform:uppercase; letter-spacing:-.035em; font-weight:700; }
.look-market .about__block img { border-radius:40px 4px 4px 4px; }
.look-market .bottom { border-top:2px solid #ed1c24; }
.look-market .reader__list button { border:0; border-radius:0; background:#fff7f3; padding:16px; }
.look-market .reader__list button[aria-current] { background:#ed1c24; color:white; box-shadow:4px 4px 0 #781f22; }
.look-market .reader__list button[aria-current] .reader__kind { color:white; }
.look-market .reader__photo { border-radius:70px 4px 4px 4px; }
.look-market .pane--side { background:#781f22; color:#fff7f3; }
.look-market .pane--side .note { color:#f5c7c1; }
.look-market .pane--side .track input { color:#781f22; }

/* Content-first motion: entrance, photo hover, SKU crossfade and confirmed cart feedback. */
@media (prefers-reduced-motion:no-preference) {
  [data-studio] .item { animation:studio-arrive .6s var(--ease) both; animation-delay:calc(var(--item-order) * 38ms); }
  [data-studio] .collection-sign { animation:studio-arrive .7s var(--ease) both; }
  [data-studio] .art-crop { transition:transform .8s var(--ease),filter .3s; }
  [data-studio] .item__photo:hover .art-crop { transform:scale(1.045); }
  [data-studio] .photo-hint { transition:opacity .2s,transform .2s; }
  [data-studio] .item,.look-market .order-btn { transition:box-shadow .3s,background .3s; }
  [data-studio] .pack__plus { transition:transform .25s var(--ease),background .2s; }
  [data-studio] .pack__plus:hover { transform:scale(.92); }
  [data-studio] .pack__plus:active { transform:scale(.86); }
  [data-studio] .is-confirmed { box-shadow:inset 0 0 0 2px var(--ink); }
  [data-studio] .sheet[open] { animation:studio-dialog .3s var(--ease); }
  .look-atelier .item__photo:hover .art-crop { transform:scale(1.055) rotate(-2deg); }
  .look-market .item__photo:hover .art-crop { transform:scale(1.06) rotate(3deg); }
  .look-market .order-btn:hover { box-shadow:5px 5px 0 #781f22; }
  @keyframes studio-arrive { from { opacity:0; transform:translateY(13px); } to { opacity:1; transform:none; } }
  @keyframes studio-dialog { from { opacity:0; transform:translateY(15px) scale(.98); } to { opacity:1; transform:none; } }
}
@media (min-width:1100px) and (max-width:1279px) {
  [data-studio] { --pad:16px; }
  [data-studio] .top { gap:12px; }
  [data-studio] .top__nav { gap:10px; }
  .look-expedition .shelf { grid-template-columns:115px repeat(3,minmax(0,1fr)); gap:8px; }
  .look-expedition .collection-sign { padding:18px 12px; }
  .look-expedition .collection-sign h1 { font-size:32px; }
  .look-expedition .item { grid-template-columns:42% minmax(0,1fr); padding:8px; gap:5px 8px; }
  .look-expedition .item__title { font-size:16px; }
  .look-atelier .shelf { gap:10px; }
  .look-atelier .item:first-of-type { padding:12px; }
  .look-atelier .pack__price { font-size:13px; }
  .look-atelier .pack__plus,.look-atelier .pack__less { width:21px; height:24px; }
  .look-market .shelf { gap:8px; }
  .look-market .item { padding:8px; }
  .look-market .pack__price { font-size:13px; }
  .look-market .collection-sign { padding:20px 12px; }
}
@media (max-width:1099px) {
  [data-studio] .shelf { grid-template-columns:repeat(3,minmax(0,1fr)); grid-template-rows:none; grid-auto-rows:auto; }
  [data-studio] .collection-sign { grid-column:auto; grid-row:auto; min-height:280px; }
  [data-studio] .item { display:flex; flex-direction:column; padding:12px; }
  [data-studio] .item__photo { flex:none; height:200px; width:100%; }
  .look-atelier .item:first-of-type { grid-column:auto; grid-row:auto; border-radius:80px 80px 4px 4px; }
  .look-atelier .item:first-of-type .item__title { font-size:22px; }
  .look-atelier .item:first-of-type .item__line { display:flex; }
  .look-atelier .item:first-of-type .item__kg { font-size:14px; margin:0; }
  .look-expedition .item__line { flex-direction:row; align-items:center; }
  .look-expedition .pack { display:grid; grid-template-columns:auto minmax(0,1fr) auto; }
  .look-expedition .pack > .pick,.look-expedition .pack__ctl { grid-column:auto; grid-row:auto; }
  [data-studio] .bottom { display:flex; flex-wrap:wrap; }
  [data-studio] .bottom__looks { order:3; width:100%; flex-wrap:wrap; }
  .look-atelier .reader { grid-template-columns:minmax(0,1fr); }
  .look-expedition .about__grid { grid-template-columns:minmax(0,1fr); grid-template-rows:none; }
}
@media (max-width:699px) {
  [data-studio] { --pad:16px; }
  [data-studio] .top { gap:10px 14px; }
  [data-studio] .top__phone { font-size:12px; }
  [data-studio] .top__phone a { font-size:14px; }
  [data-studio] .top__city select { font-size:14px; }
  [data-studio] .top__nav { justify-content:space-between; gap:12px; }
  [data-studio] .shelf { grid-template-columns:minmax(0,1fr); gap:12px; padding-block:12px; }
  [data-studio] .collection-sign { min-height:0; padding:20px; flex-direction:row; align-items:center; border-radius:4px; gap:10px; }
  [data-studio] .collection-sign h1 { font-size:34px; }
  [data-studio] .collection-sign__eyebrow { display:none; }
  [data-studio] .collection-sign > a { width:90px; }
  [data-studio] .item,.look-atelier .item:first-of-type { display:grid; grid-template-columns:110px minmax(0,1fr); grid-template-rows:auto auto auto; gap:8px 12px; padding:12px; border-radius:5px; }
  [data-studio] .item__photo { grid-column:1; grid-row:1 / span 3; height:124px; align-self:center; }
  [data-studio] .item__title,.look-atelier .item:first-of-type .item__title { font-size:19px; align-self:end; }
  [data-studio] .item__line { display:flex; flex-wrap:wrap; align-items:flex-start; }
  [data-studio] .item__kg,.look-atelier .item:first-of-type .item__kg { font-size:12px; }
  [data-studio] .pack,.look-atelier .item:first-of-type .pack { grid-column:2; gap:3px; min-height:40px; padding:6px 0 0; }
  [data-studio] .pack__price { font-size:14px; }
  [data-studio] .pack__plus,[data-studio] .pack__less { width:24px; height:28px; }
  [data-studio] .pack__in { min-width:11px; font-size:12px; }
  [data-studio] .pick { padding-left:3px; padding-right:14px; background-position:right 3px center; font-size:12px; }
  [data-studio] .pick--kind { font-size:11px; }
  [data-studio] .bottom__links { flex-wrap:wrap; white-space:normal; }
  .look-atelier .item:first-of-type { background:#e7dfef; }
  .look-market .item__photo { border-radius:50%; }
  .look-expedition .item { border-left:3px solid #123d59; }
  .look-expedition .about__block { grid-template-columns:minmax(0,1fr); grid-template-rows:auto auto auto; }
  .look-expedition .about__block img { grid-row:auto; }
}
@media (max-width:374px) {
  [data-studio] .item,.look-atelier .item:first-of-type { grid-template-columns:88px minmax(0,1fr); padding:10px; gap:6px 9px; }
  [data-studio] .item__photo { height:105px; }
  [data-studio] .item__title { font-size:17px; }
}
@media (prefers-reduced-motion:reduce) {
  [data-studio] *,[data-studio] *::before,[data-studio] *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}

/* Без мыши навести не на что: подсказка «Подробнее» на фото появляется в момент нажатия. Постоянно видная подсказка
   на телефоне мешала (просьба пользователя 26.10.2026); фото и название по-прежнему открывают подробности. */
@media (hover: none) {
  [data-studio] .item__photo:active .photo-hint { opacity: 1; transform: none; }
}