/* Посадочные страницы (ikra.html и следующие): блоки «Как выбрать», «Как подать», хранение, доставка, подарок */
.lgrids{padding-block:clamp(2.5rem,5vw,4.5rem) 1rem;display:grid;gap:clamp(3rem,6vw,5rem)}
.lsec{padding-block:var(--pad)}
.lsec__h{max-width:20ch;margin-bottom:1rem}
.lsec__lead{max-width:62ch;color:var(--muted);margin-bottom:clamp(1.8rem,4vw,2.8rem)}
.section--paper .lsec__lead{color:#6d5f4d}

/* типы икры */
.ltypes{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}
.ltype{display:flex;flex-direction:column;gap:.6rem;padding:1.4rem 1.4rem 1.2rem;border-radius:var(--r);background:#fbf6ec;border:1px solid rgba(20,16,12,.1);color:var(--ink);transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}
.ltype:hover{transform:translateY(-3px);box-shadow:0 18px 40px -24px rgba(20,16,12,.45);border-color:rgba(20,16,12,.2)}
.ltype__kind{align-self:flex-start;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding:.3rem .65rem;border-radius:99px}
.ltype__kind--b{background:#1c1611;color:#e9dcc6}
.ltype__kind--r{background:#f3d9cf;color:#8a2a16}
.ltype__kind--y{background:#f1e4c2;color:#6b4e12}
.ltype__t{font-size:1.25rem;font-weight:700;letter-spacing:-.015em;line-height:1.15}
.ltype p{font-size:var(--text-sm);color:#5d5141;line-height:1.5;flex:1}
.ltype__from{font-weight:700;color:#7a2418;font-size:var(--text-sm)}
.lnote{margin-top:1.4rem;padding:1.3rem 1.5rem;border-radius:var(--r);border:1px dashed rgba(20,16,12,.25);max-width:860px}
.lnote b{display:block;margin-bottom:.35rem}
.lnote p{color:#5d5141;font-size:var(--text-sm)}

/* как подать */
.lsteps{list-style:none;padding:0;margin:0 0 clamp(2.4rem,5vw,3.6rem);display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.lsteps li{padding:1.4rem;border-radius:var(--r);border:1px solid var(--line);background:rgba(245,236,220,.03)}
.lsteps span{display:block;font-size:2rem;font-weight:300;color:var(--brass);line-height:1;margin-bottom:.9rem}
.lsteps b{display:block;font-size:1.1rem;margin-bottom:.4rem;color:var(--cream)}
.lsteps p{font-size:var(--text-sm);color:var(--muted)}
.lpairs .pgrid{margin-top:.4rem}

/* хранение */
.ltable{overflow-x:auto;border-radius:var(--r);border:1px solid rgba(20,16,12,.12);background:#fbf6ec}
.ltable table{width:100%;border-collapse:collapse;font-size:var(--text-sm);min-width:640px}
.ltable th,.ltable td{padding:.9rem 1.1rem;text-align:left;vertical-align:top;border-bottom:1px solid rgba(20,16,12,.08)}
.ltable thead th{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#7a6a55;font-weight:600;background:#f3ebdd}
.ltable tbody tr:last-child>*{border-bottom:0}
.ltable tbody th a{font-weight:600;color:var(--ink)}
.ltable tbody th a:hover{color:#7a2418}
.ltable small{display:block;color:#7a6a55;font-weight:400;margin-top:.15rem}

/* доставка и подарок */
.ldeliv{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:clamp(2.4rem,5vw,3.6rem)}
.ldeliv div{padding:1.4rem;border-radius:var(--r);background:#fbf6ec;border:1px solid rgba(20,16,12,.1)}
.ldeliv b{display:block;font-size:1.1rem;margin-bottom:.35rem}
.ldeliv p{font-size:var(--text-sm);color:#5d5141}
.lgift{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(1.4rem,4vw,3rem);padding:clamp(1.4rem,3vw,2.4rem);border-radius:calc(var(--r)*1.3);background:var(--ink);color:var(--cream)}
.lgift h3{font-size:var(--text-xl);line-height:1.1;margin-bottom:.7rem;letter-spacing:-.02em}
.lgift__txt>p:not(.eyebrow){color:var(--muted);margin-bottom:1.4rem}
.lgift__btns{display:flex;flex-wrap:wrap;gap:.6rem}
.lgift__img{display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:1}
.lgift__img img{width:100%;height:100%;object-fit:cover}

/* вопросы */
.lfaq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.llinks{display:flex;flex-direction:column;gap:.6rem;margin-top:.4rem}
.llinks a{color:var(--brass-2);font-weight:500}
.llinks a:hover{color:var(--cream)}

@media (max-width:1100px){.lsteps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:899.98px){
  .lfaq,.lgift{grid-template-columns:1fr}
  .lgift__img{order:-1;aspect-ratio:16/10}
  .ldeliv{grid-template-columns:1fr}
  .ltypes{grid-template-columns:1fr 1fr;gap:.7rem}
  .ltype{padding:1.1rem 1rem 1rem}
  .ltype__t{font-size:1.05rem}
  /* таблица хранения превращается в карточки */
  .ltable{border:0;background:none;overflow:visible}
  .ltable table{min-width:0}
  .ltable thead{display:none}
  .ltable tr{display:grid;grid-template-columns:1fr 1fr;gap:.2rem .8rem;padding:1rem 1.1rem;margin-bottom:.6rem;border-radius:14px;background:#fbf6ec;border:1px solid rgba(20,16,12,.1)}
  .ltable th,.ltable td{padding:0;border:0}
  .ltable tbody th{grid-column:1/-1;margin-bottom:.5rem}
  .ltable td::before{content:attr(data-l);display:block;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#7a6a55;margin-bottom:.1rem}
  .ltable td:last-child{grid-column:1/-1;margin-top:.4rem}
}
@media (max-width:520px){
  .ltypes{grid-template-columns:1fr}
  .lsteps{grid-template-columns:1fr}
}

/* подарочные корзины */
.ltabs{display:flex;flex-wrap:wrap;gap:.5rem}
.ltabs a{padding:.6rem 1rem;border-radius:99px;border:1px solid rgba(20,16,12,.18);font-weight:600;font-size:var(--text-sm);color:var(--ink);background:#fbf6ec;transition:border-color .2s,background .2s}
.ltabs a:hover{border-color:#7a2418;background:#fff}
.lbasket{scroll-margin-top:90px}
.lbasket__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.2rem;align-items:start;padding-bottom:1.4rem;margin-bottom:1.4rem;border-bottom:1px solid var(--line)}
.lbasket__head .ltype__kind{display:inline-block;margin-bottom:.6rem}
.lbasket__in{margin-top:.6rem;font-size:var(--text-sm);color:var(--muted);max-width:70ch}
.lbasket__in b{color:var(--cream);font-weight:600}
.lbasket__btn{align-self:center;white-space:nowrap}
.lfruit{margin-bottom:1.2rem;padding:1.1rem 1.3rem;border-radius:var(--r);border:1px dashed rgba(201,149,74,.5);background:rgba(201,149,74,.07)}
.lfruit b{display:block;color:var(--brass-2);margin-bottom:.25rem}
.lfruit p{font-size:var(--text-sm);color:var(--muted)}
.lpack{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.lpack>div{padding:1.4rem;border-radius:var(--r);border:1px solid var(--line)}
.lpack ul{list-style:none;margin:.6rem 0 0;padding:0}
.lpack li{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:baseline;padding:.7rem 0;border-bottom:1px solid var(--line)}
.lpack li:last-child{border-bottom:0}
.lpack li b{color:var(--cream);font-weight:600}
.lpack li span{color:var(--muted);font-size:var(--text-sm)}
.lpack li em{font-style:normal;color:var(--brass-2);font-weight:700;min-width:5.5em;text-align:right}
.lpack__cta{margin-top:1.6rem}
.lsets{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}
.lset{display:flex;flex-direction:column;gap:.35rem;padding:.8rem .8rem 1.1rem;border-radius:var(--r);background:#fbf6ec;border:1px solid rgba(20,16,12,.1);color:var(--ink);transition:transform .25s var(--ease),box-shadow .25s}
.lset:hover{transform:translateY(-3px);box-shadow:0 18px 40px -24px rgba(20,16,12,.45)}
.lset__img{position:relative;display:block;aspect-ratio:1;border-radius:12px;overflow:hidden;margin-bottom:.5rem;background:#e9dfcd}
.lset__img img{width:100%;height:100%;object-fit:cover}
.lset__img span{position:absolute;left:.6rem;top:.6rem;padding:.25rem .6rem;border-radius:99px;background:rgba(20,16,12,.8);color:#f3ebdd;font-size:11px;font-weight:600}
.lset__kind{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7a6a55;font-weight:600}
.lset__name{font-size:1.1rem;line-height:1.2}
.lset__lead{font-size:var(--text-sm);color:#5d5141;flex:1}
.lset__price{color:#7a2418;margin-top:.3rem}
@media (max-width:899.98px){
  .lbasket__head{grid-template-columns:auto minmax(0,1fr)}
  .lbasket__btn{grid-column:1/-1;justify-self:start}
  .lpack{grid-template-columns:1fr}
  .lsets{grid-template-columns:1fr 1fr;gap:.7rem}
}
@media (max-width:520px){.lsets{grid-template-columns:1fr 1fr}.lset__lead{display:none}}
@media (min-width:901px){.ldeliv--4{grid-template-columns:repeat(4,1fr)}}
@media (min-width:601px) and (max-width:900px){.ldeliv--4{grid-template-columns:repeat(2,1fr)}}