/* Pet Diet — ребренд наборов. Значения перенесены ИЗ МАКЕТА один-в-один:
   _source/Макеты/colors_and_type.css (токены/тип-шкала), app.css (.btn/.card/.select/.badge),
   ui_kits/website/Sets.jsx (категория), SetDetail.jsx + Product.jsx (детальная).
   Скоуп .pd-sets-rb (+ .pdd-lb для лайтбокса в body). Файл грузится только на стр. наборов. */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Golos+Text:wght@400;500;600;700&display=swap');

body{background:#F5EEE2;}

.pd-sets-rb, .pdd-lb{
  --cream:#F5EEE2; --cream-deep:#EADFCD; --tan:#CBA786; --surface:#FFFFFF; --surface-warm:#FCF8F1;
  --ink:#211F1A; --ink-soft:#423E36; --muted:#6E695E; --faint:#9C9486;
  --line:#E6DDCD; --line-soft:#F0E8DA;
  --green:#1F5B42; --green-700:#164230; --green-500:#2E7355; --green-tint:#E3EDE7; --green-tint-2:#C8DDD2;
  --blue:#A9D1DE; --blue-deep:#5E9FB5; --blue-tint:#E8F2F6;
  --warm:#E8852E; --warm-600:#CC7120; --warm-tint:#FBE7D2; --warm-tint-2:#F5D2AC;
  --r-sm:8px; --r-md:14px; --r-lg:20px; --r-pill:999px;
  --sh-1:0 1px 2px rgba(33,31,26,.05),0 1px 3px rgba(33,31,26,.04);
  --sh-2:0 4px 12px rgba(33,31,26,.06),0 2px 4px rgba(33,31,26,.04);
  --sh-3:0 12px 32px rgba(33,31,26,.10),0 4px 10px rgba(33,31,26,.05);
  --dur:200ms; --ease:cubic-bezier(.22,.61,.36,1);
  --display:'Nunito',system-ui,sans-serif; --sans:'Golos Text',system-ui,sans-serif;
}
.pd-sets-rb{font-family:var(--sans);color:var(--ink);line-height:1.5;background:var(--cream);}
.pd-sets-rb *, .pdd-lb *{margin:0;padding:0;box-sizing:border-box;}
.pd-sets-rb img{max-width:100%;display:block;}
.pd-sets-rb a{color:inherit;text-decoration:none;}
.pd-sets-rb__wrap{max-width:1200px;margin:0 auto;padding:0 28px;width:100%;}

/* ---- общие: badge/eyebrow/card/btn (из app.css) ---- */
.pd-sets-rb__crumb{display:flex;gap:8px;align-items:center;font-size:.85rem;color:var(--muted);}
.pd-sets-rb__crumb a:hover{color:var(--ink);}
.pd-sets-rb__eyebrow{font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--warm-600);}
.psc-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;border:0;cursor:pointer;
  font-family:var(--sans);font-weight:600;font-size:.9rem;border-radius:10px;padding:10px 17px;line-height:1;
  white-space:nowrap;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),opacity var(--dur) var(--ease);}
.psc-btn:active{opacity:.9;}
.psc-btn svg{flex:0 0 auto;}
.psc-btn--green{background:var(--green);color:#fff;}
.psc-btn--green:hover{background:var(--green-700);}
.psc-btn--soft{background:var(--green-tint);color:var(--green-700);}
.psc-btn--soft:hover{background:var(--green-tint-2);}
.psc-btn--lg{padding:17px 30px;font-size:1.08rem;border-radius:13px;}

/* ===================== КАТЕГОРИЯ (Sets.jsx) ===================== */
.pd-sets-rb__hero{background:var(--warm-tint);padding:40px 0 36px;}
.pd-sets-rb__hero .pd-sets-rb__crumb{margin-bottom:16px;}
.pd-sets-rb__h1{font-family:var(--display);font-weight:800;font-size:2.6rem;line-height:1.05;letter-spacing:-.02em;margin-top:6px;color:var(--ink);}
.pd-sets-rb__lead{color:var(--ink-soft);margin-top:10px;font-size:1.05rem;max-width:60ch;}
.pd-sets-rb__body{padding:56px 0 40px;}
.pd-sets-rb__tabs{display:inline-flex;background:var(--cream-deep);border-radius:var(--r-pill);padding:5px;gap:5px;margin-bottom:28px;flex-wrap:wrap;}
.pd-sets-rb__tab{border:0;cursor:pointer;background:transparent;color:var(--muted);font-family:var(--sans);font-weight:600;font-size:.94rem;padding:10px 20px;border-radius:var(--r-pill);transition:all var(--dur) var(--ease);}
.pd-sets-rb__tab.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1);}
.pd-sets-rb__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

.psc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:14px;display:flex;flex-direction:column;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);}
.psc:hover{transform:translateY(-3px);box-shadow:var(--sh-3);}
.psc[hidden]{display:none;}
.psc__media{position:relative;aspect-ratio:1/1;border-radius:var(--r-md);overflow:hidden;background:var(--surface-warm);display:grid;place-items:center;}
.psc__media img{width:100%;height:100%;object-fit:cover;}
.psc__badge{position:absolute;top:12px;left:12px;z-index:2;font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:rgba(255,255,255,.8);padding:4px 9px;border-radius:var(--r-pill);}
.psc__packs-vis{display:flex;align-items:center;justify-content:center;width:100%;}
.psc__pack{aspect-ratio:3/4;border-radius:9px;box-shadow:0 10px 26px rgba(33,30,26,.20),inset 0 0 0 1px rgba(255,255,255,.35);}
.psc__name{display:block;font-family:var(--display);font-weight:700;font-size:1.18rem;line-height:1.15;margin-top:13px;color:var(--ink);}
.psc__name:hover{color:var(--green-700);}
.psc__field{display:flex;flex-direction:column;gap:6px;margin-top:12px;}
.psc__label{display:flex;align-items:center;gap:7px;font-size:.82rem;font-weight:600;color:var(--ink-soft);flex-wrap:wrap;}
.psc__lockhint{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:600;color:var(--faint);}
.psc__lockhint svg{flex:0 0 auto;}
.psc__lockhint[hidden]{display:none;}
.psc__select{width:100%;appearance:none;-webkit-appearance:none;font-family:var(--sans);font-size:1rem;font-weight:600;color:var(--ink);
  background-color:var(--cream-deep);border:1.5px solid transparent;border-radius:11px;padding:14px 38px 14px 15px;cursor:pointer;
  transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease);
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239C9486' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat:no-repeat;background-position:right 13px center;}
.psc__select:focus{outline:none;border-color:var(--green-500);background-color:var(--surface);}
.psc__select:disabled{opacity:.55;cursor:not-allowed;}
.psc__price-row{display:flex;align-items:baseline;gap:6px;margin-top:12px;flex-wrap:wrap;}
.psc__price{font-family:var(--display);font-weight:600;font-size:1.5rem;color:var(--ink);}
.psc__packs{font-size:.78rem;color:var(--muted);}
.psc__cart{margin-top:14px;}
.psc__cart[hidden],.psc__incart[hidden]{display:none;}
.psc__incart{display:flex;gap:8px;margin-top:14px;align-items:stretch;}
.psc__incart .psc-btn--soft{flex:1;gap:6px;}
.psc__stepper{display:flex;align-items:center;border:1.5px solid var(--green-tint-2);border-radius:10px;overflow:hidden;flex:0 0 auto;background:var(--green-tint);}
.psc__step{width:34px;align-self:stretch;display:grid;place-items:center;border:0;background:transparent;cursor:pointer;color:var(--green-700);}
.psc__step svg{display:block;}
.psc__count{min-width:22px;text-align:center;font-weight:700;font-size:.92rem;color:var(--green-700);}
/* высота кнопки-добавления = высота ряда «в корзине» (степпер 38) — без скачка */
.psc-btn{min-height:38px;}
.psc__stepper{height:38px;}

/* ===================== ДЕТАЛЬНАЯ (SetDetail.jsx) ===================== */
.pdd .card,.pds .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);}
.pdd__wrap{padding-top:24px;padding-bottom:40px;}
.pdd__wrap .pd-sets-rb__crumb{margin-bottom:22px;flex-wrap:wrap;}
/* H1 (pdd__head) вынесен первым в DOM ради семантики; раскладка закреплена areas: галерея слева, шапка над buy справа */
.pdd__grid{display:grid;grid-template-columns:1fr 1fr;column-gap:48px;row-gap:0;align-items:start;grid-template-areas:"left head" "left right";}
.pdd__head{grid-area:head;}
.pdd__left{grid-area:left;}
.pdd__right{grid-area:right;}

/* галерея */
.pdd__gallery{}
.pdd__main{position:relative;aspect-ratio:1/1;border-radius:var(--r-lg);overflow:hidden;background:var(--surface-warm);display:grid;place-items:center;cursor:zoom-in;}
.pdd__main img{width:100%;height:100%;object-fit:cover;}
.pdd__zoom{position:absolute;top:12px;right:12px;z-index:3;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.9);box-shadow:var(--sh-1);display:grid;place-items:center;color:var(--ink-soft);border:0;cursor:pointer;}
.pdd__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:99px;background:rgba(255,255,255,.9);box-shadow:var(--sh-2);display:grid;place-items:center;color:var(--ink);border:0;cursor:pointer;}
.pdd__nav--prev{left:10px;}
.pdd__nav--next{right:10px;}
.pdd__dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:6px;}
.pdd__dots span{width:7px;height:7px;border-radius:99px;background:rgba(255,255,255,.85);box-shadow:0 1px 3px rgba(0,0,0,.2);transition:all .2s;}
.pdd__dots span.is-active{width:22px;background:var(--green);}
.pdd__thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap;}
.pdd__thumb{width:70px;height:70px;border-radius:12px;overflow:hidden;border:1.5px solid var(--line);padding:0;background:var(--surface-warm);cursor:pointer;flex:0 0 auto;}
.pdd__thumb.is-active{border:2px solid var(--green);}
.pdd__thumb img{width:100%;height:100%;object-fit:cover;}

/* чипсы вкусов */
.pdd__chips{display:flex;gap:10px;margin-top:12px;}
.pdd__chip{flex:1;display:flex;gap:9px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--surface-warm);border:1px solid var(--line);}
.pdd__chip-sw{width:24px;height:30px;border-radius:5px;flex:0 0 auto;}
.pdd__chip-name{font-weight:700;font-size:.86rem;}
.pdd__chip-tag{font-size:.72rem;color:var(--muted);}

/* состав */
.pdd__comp{margin-top:28px;}
.pdd__h2{font-family:var(--display);font-weight:800;font-size:1.5rem;line-height:1.1;letter-spacing:-.02em;margin-bottom:6px;}
.pdd__sub{color:var(--muted);font-size:.92rem;margin-bottom:16px;}
.pdd-comp{padding:24px;margin-bottom:16px;}
.pdd-comp__head{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.pdd-comp__sw{width:30px;height:30px;border-radius:8px;flex:0 0 auto;}
.pdd-comp__head h4{font-family:var(--sans);font-weight:700;font-size:1.05rem;}
.pdd-comp__tag{margin-left:auto;font-size:.76rem;font-weight:600;color:var(--muted);border:1px solid var(--line);border-radius:var(--r-pill);padding:5px 11px;}
.pdd-bar{margin-bottom:10px;}
.pdd-bar__top{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:5px;}
.pdd-bar__top span:first-child{color:var(--ink-soft);}
.pdd-bar__top span:last-child{font-weight:700;}
.pdd-bar__track{height:8px;background:var(--cream-deep);border-radius:99px;overflow:hidden;}
.pdd-bar__track span{display:block;height:100%;border-radius:99px;}
.pdd-macros{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:14px;}
.pdd-macro{padding:10px 8px;text-align:center;border-radius:10px;background:var(--surface-warm);border:1px solid var(--line);}
.pdd-macro__v{font-weight:700;font-size:1.05rem;}
.pdd-macro__l{font-size:.68rem;color:var(--muted);margin-top:2px;}
.pdd-comp__link{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:16px;padding:12px 14px;border-radius:12px;background:var(--surface-warm);border:1px solid var(--line);font-weight:700;font-size:.92rem;color:var(--ink);transition:background var(--dur) var(--ease);}
.pdd-comp__link:hover{background:var(--green-tint);color:var(--green-700);}
.pdd-comp__link>span{display:inline-flex;align-items:center;gap:8px;}
.pdd-comp__link svg{flex:0 0 auto;}
.pdd-comp__link>svg{color:var(--green-700);}

/* правая колонка */
.pdd__badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;}
.pdd__badge{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:600;padding:5px 11px;border-radius:var(--r-pill);}
.pdd__badge svg{flex:0 0 auto;}
.pdd__badge.is-duo{background:var(--green-tint);color:var(--green-700);}
.pdd__badge.is-mono{background:var(--warm-tint);color:var(--warm-600);}
.pdd__badge.is-warm{background:var(--warm-tint);color:var(--warm-600);}
.pdd__badge.is-line{border:1px solid var(--line);color:var(--muted);}
.pdd__h1{font-family:var(--display);font-weight:800;font-size:2.4rem;line-height:1.06;letter-spacing:-.02em;}
.pdd__desc{color:var(--ink-soft);font-size:1.05rem;line-height:1.55;margin-top:12px;}

/* buy-карточка */
.pdd-buy{padding:20px;margin-top:22px;}
.pdd-buy .psc__field{margin-top:0;}
.pdd-buy__row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;flex-wrap:wrap;row-gap:10px;}
.pdd-buy__meta{font-size:.88rem;color:var(--muted);}
.pdd-buy__meta b{color:var(--ink);}
.pdd-buy__price{font-family:var(--display);font-weight:600;font-size:1.9rem;}
.pdd-buy__split{display:flex;align-items:center;justify-content:space-between;gap:11px;flex-wrap:wrap;row-gap:6px;margin-top:12px;padding:13px 16px;border-radius:var(--r-md);background:var(--green-tint);}
.pdd-buy__split-l{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:var(--green-700);}
.pdd-buy__split-r{font-size:.88rem;color:var(--ink-soft);}
.pdd-buy__split-r b{color:var(--ink);}
.pdd-dolyami-img{height:16px;width:auto;display:block;}
.pdd-dolyami-word{font-weight:700;}
.pdd-brand-logo{height:20px;width:auto;display:block;max-width:64px;object-fit:contain;}
.pdd-buy .psc__cart{margin-top:14px;}
.pdd-buy__incart{display:flex;gap:10px;margin-top:14px;align-items:stretch;}
.pdd-buy__incart .psc-btn--soft{flex:1;gap:8px;}
.pdd-buy__stepper{border-radius:13px;}
.pdd-buy__stepper .psc__step{width:44px;}
.pdd-buy__stepper .psc__count{min-width:26px;font-size:1.05rem;}
/* высота: кнопка-добавления = ряд «в корзине» (степпер 54) */
.psc-btn--lg{min-height:54px;}
.pdd-buy__stepper{height:54px;}

/* инфо-блоки доставки/оплаты */
.pdd-info{padding:24px;margin-top:18px;}
.pdd-info__head{display:flex;align-items:center;gap:11px;margin-bottom:18px;}
.pdd-info__ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;}
.pdd-info__ic--blue{background:var(--blue-tint);color:var(--blue-deep);}
.pdd-info__ic--green{background:var(--green-tint);color:var(--green-700);}
.pdd-info__head h3{font-family:var(--display);font-weight:800;font-size:1.3rem;}
.pdd-info__note{display:flex;gap:11px;align-items:center;padding:12px 15px;border-radius:13px;margin-bottom:12px;background:var(--warm-tint);color:var(--ink-soft);font-weight:600;font-size:.86rem;}
.pdd-info__note svg{flex:0 0 auto;color:var(--warm-600);}
.pdd-info__row{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"ic title price" "ic sub price";column-gap:13px;align-items:center;padding:13px 16px;border-radius:14px;background:var(--surface-warm);border:1px solid var(--line);margin-bottom:10px;}
.pdd-info__row:last-child{margin-bottom:0;}
.pdd-info__rowic{grid-area:ic;display:grid;place-items:center;align-self:center;}
.pdd-info--del .pdd-info__rowic{color:var(--blue-deep);}
.pdd-info--pay .pdd-info__rowic{color:var(--green-700);}
.pdd-info__t{grid-area:title;font-weight:700;font-size:.96rem;}
.pdd-info__s{grid-area:sub;display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--muted);margin-top:2px;}
.pdd-info__s svg{flex:0 0 auto;opacity:.75;}
.pdd-info__price{grid-area:price;align-self:center;font-weight:700;font-size:.92rem;white-space:nowrap;}
.pdd-info__row--hl{background:var(--green-tint);border-color:var(--green-tint-2);}
.pdd-info__row--hl .pdd-info__t{color:var(--green-700);}
.pdd-info__foot{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--faint);margin-top:14px;}
.pdd-info__foot svg{flex:0 0 auto;}

/* кросс-селл */
.pdd__cross{margin-top:56px;}
.pdd__cross .pdd__h2{font-size:1.6rem;margin-bottom:18px;}
.pdd__cross-title{font-family:var(--sans);font-weight:700;font-size:1rem;color:var(--ink-soft);margin:0 0 12px;}
.pdd__cross-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:8px;}
.pdd-mini{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:9px;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);}
.pdd-mini:hover{transform:translateY(-3px);box-shadow:var(--sh-3);}
.pdd-mini__img{aspect-ratio:1/1;border-radius:var(--r-md);overflow:hidden;background:var(--surface-warm);}
.pdd-mini__img img{width:100%;height:100%;object-fit:cover;}
.pdd-mini__name{font-weight:600;font-size:.84rem;margin-top:8px;line-height:1.2;color:var(--ink);}
.pdd-mini__from{font-size:.76rem;color:var(--muted);margin-top:2px;}

/* ===================== ЛАЙТБОКС ===================== */
.pdd-lb{position:fixed;inset:0;z-index:9999;background:rgba(33,31,26,.82);backdrop-filter:blur(4px);display:none;place-items:center;padding:24px;font-family:var(--sans);}
.pdd-lb.is-open{display:grid;}
.pdd-lb__close{position:absolute;top:20px;right:22px;width:46px;height:46px;border-radius:99px;background:rgba(255,255,255,.15);color:#fff;display:grid;place-items:center;border:0;cursor:pointer;}
.pdd-lb__box{width:min(86vw,620px);}
.pdd-lb__stage{position:relative;aspect-ratio:1/1;border-radius:var(--r-lg);overflow:hidden;background:var(--cream);}
.pdd-lb__img{width:100%;height:100%;object-fit:contain;}
.pdd-lb__nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:99px;background:rgba(255,255,255,.9);box-shadow:var(--sh-2);display:grid;place-items:center;color:var(--ink);border:0;cursor:pointer;}
.pdd-lb__nav--prev{left:10px;}
.pdd-lb__nav--next{right:10px;}
.pdd-lb__cap{text-align:center;color:rgba(255,255,255,.9);margin-top:14px;font-weight:600;}
.pdd-lb__thumbs{display:flex;gap:10px;margin-top:14px;justify-content:center;flex-wrap:wrap;}
.pdd-lb__thumb{width:60px;height:60px;border-radius:10px;overflow:hidden;flex:0 0 auto;border:1.5px solid rgba(255,255,255,.3);padding:0;background:transparent;cursor:pointer;}
.pdd-lb__thumb.is-active{border:2px solid #fff;}
.pdd-lb__thumb img{width:100%;height:100%;object-fit:cover;}

/* моб/ПК переключатели контента (дефолт = ПК) */
.pdd-info__ts{display:none;}
.pdd-comp__ls{display:none;}
.pdd-info__row--mobonly{display:none;}
.pd-tab-short{display:none;}

/* ===================== АДАПТИВ ===================== */
/* категория */
@media(max-width:980px){.pd-sets-rb__grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:720px){
  .pd-sets-rb__wrap{padding:0 18px;}
  .pd-sets-rb__hero{padding:26px 0 24px;}
  .pd-sets-rb__h1{font-size:1.8rem;}
  .pd-sets-rb__body{padding:18px 0 40px;}
}
@media(max-width:560px){.pd-sets-rb__grid{grid-template-columns:repeat(2,1fr);gap:14px;}}
@media(max-width:380px){.pd-sets-rb__grid{grid-template-columns:1fr;}}

/* детальная: ≤640 — мобильная раскладка как в макете (порядок блоков, короткие подписи) */
@media(max-width:640px){
  .pdd__wrap{padding-top:18px;padding-bottom:36px;}
  .pdd .pd-sets-rb__crumb{display:none;}            /* хлебных крошек на моб. нет */
  .pdd__grid{display:flex;flex-direction:column;gap:0;align-items:stretch;}
  .pdd__left,.pdd__right{display:contents;}
  .pdd__gallery{order:1;}
  .pdd-buy{order:2;margin-top:16px;}
  .pdd__head{order:3;margin-top:22px;}
  .pdd-info--del{order:4;margin-top:18px;}
  .pdd-info--pay{order:5;margin-top:14px;}
  .pdd__chips{order:6;margin-top:22px;}
  .pdd__comp{order:7;margin-top:22px;}
  .pdd__cross{margin-top:36px;}
  .pdd__cross-row{display:flex;overflow-x:auto;gap:12px;}
  .pdd__cross-row>*{flex:0 0 150px;}
  .pdd__h1{font-size:1.7rem;}
  .pdd-info__tf{display:none;} .pdd-info__ts{display:inline;}
  .pdd-comp__lf{display:none;} .pdd-comp__ls{display:inline;}
  /* доп. информация (время/адрес) — отдельной полной строкой */
  .pdd-info__row{grid-template-areas:"ic title price" "sub sub sub";}
  .pdd-info__s{margin-top:8px;}
  .pdd-info__row--mobonly{display:grid;}
  /* фильтр наборов — сегмент во всю ширину (3 колонки), короткие подписи */
  .pd-sets-rb__tabs{display:grid;grid-template-columns:1fr 1fr 1fr;width:100%;border-radius:12px;padding:4px;gap:4px;margin-bottom:20px;}
  .pd-sets-rb__tab{padding:11px 8px;border-radius:9px;text-align:center;}
  .pd-tab-full{display:none;}
  .pd-tab-short{display:inline;}
}

/* ссылки внутри ребренда — без подчёркивания (перебиваем сайтовый стиль, в т.ч. :hover) */
.pd-sets-rb a, .pd-sets-rb a:hover, .pd-sets-rb a:focus,
.pd-sets-rb a.psc-btn, .pd-sets-rb a.psc-btn:hover{text-decoration:none;}

/* ===================== СТАРТОВЫЙ НАБОР (Starter из Catalog.jsx) ===================== */
.pds__wrap{padding-top:24px;padding-bottom:24px;}
.pds__wrap .pd-sets-rb__crumb{margin-bottom:22px;flex-wrap:wrap;}
.pds__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
.pds__col{display:flex;flex-direction:column;}
/* DOM-порядок: правая колонка (с H1) идёт первой ради семантики; визуально закрепляем стороны */
.pds__col--left{grid-column:1;grid-row:1;}
.pds__col--right{grid-column:2;grid-row:1;}
.pds .pdd-info{margin-top:0;}
.pds-comp__benefit{margin:-6px 0 14px;font-size:.92rem;color:var(--ink-soft);line-height:1.45;}
/* почему выбирают Pet Diet */
.pds-why{margin-top:56px;}
.pds-why .pdd__h2{font-size:1.6rem;margin-bottom:18px;}
.pds-why__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.pds-why__item{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-1);}
.pds-why__ic{width:44px;height:44px;border-radius:12px;background:var(--green-tint);color:var(--green-700);display:grid;place-items:center;flex:0 0 auto;}
.pds-why__t{font-weight:600;font-size:.96rem;line-height:1.3;}
/* отступы блоков (десктоп = исходный порядок колонок) */
.pds__b-intro,.pds__b-taste,.pds__b-buy{margin-top:22px;}
.pds__b-del,.pds__b-pay{margin-top:18px;}
.pds__b-comp{margin-top:28px;}

/* галерея */
.pds-gal__main{position:relative;aspect-ratio:1/1;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:var(--surface-warm);cursor:zoom-in;}
.pds-gal__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:4%;padding:7%;width:100%;height:100%;place-items:center;background:radial-gradient(120% 120% at 50% 0%,#fff 0%,var(--warm-tint) 100%);}
.pds-gal__grid.is-big{gap:6%;padding:8%;}
.pds-gal__cell{width:100%;height:100%;display:grid;place-items:center;}
.pds-gal__cell img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(33,31,26,.12));}
.pds-gal__single{display:grid;place-items:center;width:100%;height:100%;padding:10%;background:radial-gradient(120% 120% at 50% 0%,#fff 0%,var(--warm-tint) 100%);}
.pds-gal__single img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(33,31,26,.16));}
.pds-gal__single[hidden],.pds-gal__grid[hidden]{display:none;}
.pds-gal__zoom{position:absolute;top:12px;right:12px;z-index:3;width:40px;height:40px;border-radius:99px;background:rgba(255,255,255,.9);box-shadow:var(--sh-1);display:grid;place-items:center;color:var(--ink-soft);border:0;cursor:pointer;}
.pds-gal__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:40px;height:40px;border-radius:99px;background:rgba(255,255,255,.9);box-shadow:var(--sh-2);display:grid;place-items:center;color:var(--ink);border:0;cursor:pointer;}
.pds-gal__nav--prev{left:12px;}
.pds-gal__nav--next{right:12px;}
.pds-gal__dots{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:6px;}
.pds-gal__dots span{width:7px;height:7px;border-radius:99px;background:rgba(255,255,255,.85);box-shadow:0 1px 3px rgba(0,0,0,.2);transition:all .2s;}
.pds-gal__dots span.is-active{width:22px;background:var(--green);}
.pds-gal__thumbs{display:flex;gap:9px;margin-top:12px;flex-wrap:wrap;}
.pds-gal__thumb{width:62px;height:62px;border-radius:12px;overflow:hidden;border:1.5px solid var(--line);padding:0;background:var(--surface-warm);cursor:pointer;flex:0 0 auto;}
.pds-gal__thumb.is-active{border:2px solid var(--green);}
.pds-gal__thumb>img{width:100%;height:100%;object-fit:contain;padding:7px;}
.pds-gal__thumb-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:2px;width:100%;height:100%;padding:5px;}
.pds-gal__thumb-grid img{width:100%;height:100%;object-fit:contain;}

/* шапка/интро */
.pds__intro{color:var(--ink-soft);font-size:1.05rem;line-height:1.55;}

/* buy-карточка (fixed) */
.pds-buy{padding:20px;}
.pds-buy__top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;row-gap:10px;}
.pds-buy__meta{font-size:.88rem;color:var(--muted);}
.pds-buy__meta b{color:var(--ink);}
.pds-buy__nb{color:var(--green-700);}
.pds-buy__prices{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.pds-buy__price{font-family:var(--display);font-weight:600;font-size:1.9rem;}
.pds-buy__old{font-size:1.05rem;font-weight:600;color:var(--faint);text-decoration:line-through;}
.pds-buy__disc{font-size:.78rem;font-weight:700;background:var(--warm-tint);color:var(--warm-600);padding:4px 9px;border-radius:var(--r-pill);}

/* инфо о вкусах */
.pds-taste{padding:26px;display:flex;flex-direction:column;gap:24px;}
.pds-taste__item--bord{padding-top:24px;border-top:1px solid var(--line-soft);}
.pds-taste__badge{display:inline-block;font-size:.74rem;font-weight:700;padding:5px 11px;border-radius:var(--r-pill);margin-bottom:10px;}
.pds-taste__t{font-family:var(--display);font-weight:700;font-size:1.18rem;line-height:1.2;}
.pds-taste__b{color:var(--ink-soft);font-size:.98rem;line-height:1.6;margin-top:7px;}
.pds-taste__box{padding:20px 22px;border-radius:var(--r-md);background:var(--green-tint);border:1px solid var(--green-tint-2);}
.pds-taste__box h3{font-family:var(--display);font-weight:800;font-size:1.18rem;color:var(--green-700);}
.pds-taste__box p{color:var(--ink-soft);font-size:.98rem;line-height:1.6;margin-top:7px;}

/* состав: табы вкусов */
.pds-comp .pdd__h2{margin-bottom:14px;}
.pds-comp__tabs{display:flex;gap:7px;overflow-x:auto;padding-bottom:4px;margin-bottom:14px;}
.pds-comp__tab{flex:0 0 auto;padding:8px 14px;border-radius:var(--r-pill);font-weight:600;font-size:.84rem;white-space:nowrap;line-height:1;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-soft);cursor:pointer;font-family:var(--sans);}
.pds-comp__tab.is-active{border-color:var(--green);background:var(--green-tint);color:var(--green-700);}
.pds-comp__card{padding:24px;}
.pds-comp__panel[hidden]{display:none;}

/* другие наборы */
.pds-other{margin-top:56px;}
.pds-other .pdd__h2{font-size:1.6rem;margin-bottom:18px;}

/* лайтбокс стартового (сетка/одиночный) */
.pds-lb__stage [data-lbframe]{width:100%;height:100%;}
.pds-lb__thumbs{display:flex;gap:10px;margin-top:14px;justify-content:center;flex-wrap:wrap;}
.pds-lb__thumb{width:60px;height:60px;border-radius:10px;overflow:hidden;flex:0 0 auto;border:1.5px solid rgba(255,255,255,.3);padding:0;background:rgba(255,255,255,.06);cursor:pointer;}
.pds-lb__thumb.is-active{border:2px solid #fff;}
.pds-lb__thumb>img{width:100%;height:100%;object-fit:contain;padding:5px;}
.pds-lb__thumb .pds-gal__thumb-grid img{padding:0;}

/* адаптив стартового */
@media(max-width:900px){
  .pds__grid{gap:32px;}
  .pds-why__grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
  .pds__wrap{padding-top:18px;padding-bottom:36px;}
  .pds .pd-sets-rb__crumb{display:none;}
  .pds__grid{display:flex;flex-direction:column;gap:0;align-items:stretch;}
  .pds__col{display:contents;}
  .pds__b-gallery{order:1;}
  .pds__b-buy{order:2;margin-top:16px;}
  .pds__b-head{order:3;margin-top:22px;}
  .pds__b-intro{order:4;margin-top:12px;}
  .pds__b-del{order:5;margin-top:18px;}
  .pds__b-pay{order:6;margin-top:14px;}
  .pds__b-comp{order:7;margin-top:22px;}
  .pds__b-taste{order:8;margin-top:22px;}
  .pds .pdd__h1{font-size:1.7rem;}
  .pds__intro{font-size:.96rem;}
  .pds-gal__thumbs{display:none;}
  .pds-other{margin-top:36px;}
  .pds-why{margin-top:36px;}
  .pds-why__grid{grid-template-columns:1fr;}
}
