:root{
  --bg:#0b0d0c;
  --bg-soft:#121513;
  --card:#161a17;
  --gold:#c9a86a;
  --gold-soft:#e6d3a8;
  --purple:#8c6eb4;
  --text:#e8e6df;
  --muted:#9a9c93;
  --line:rgba(201,168,106,.18);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--text);
  font-family:'Manrope',sans-serif;line-height:1.65;
  overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:600;letter-spacing:.3px}
.wrap{max-width:1120px;margin:0 auto;padding:0 28px}

.glow{
  position:fixed;top:-20%;left:50%;transform:translateX(-50%);
  width:900px;height:900px;
  background:radial-gradient(circle, rgba(140,110,180,.16), transparent 60%);
  filter:blur(40px);pointer-events:none;z-index:0;
}

/* header */
header{
  position:sticky;top:0;z-index:20;
  background:rgba(11,13,12,.72);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.nav{display:flex;align-items:center;justify-content:space-between;height:84px}
.logo{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:700;color:var(--gold-soft);letter-spacing:2px}
.logo span{color:var(--purple)}
.nav-links{display:flex;gap:40px}
.nav-links a{color:var(--muted);text-decoration:none;font-size:16px;font-weight:500;letter-spacing:.5px;transition:.25s}
.nav-links a:hover{color:var(--gold-soft)}

/* buttons */
.btn{
  display:inline-block;padding:13px 30px;border-radius:2px;
  background:linear-gradient(135deg,var(--gold),#b08d4e);
  color:#0b0d0c;font-weight:700;text-decoration:none;
  font-size:14px;letter-spacing:.5px;
  transition:.3s;border:none;cursor:pointer;font-family:'Manrope',sans-serif;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(201,168,106,.28)}
.btn-ghost{background:transparent;border:1px solid var(--gold);color:var(--gold-soft)}
.btn-ghost:hover{background:rgba(201,168,106,.08);box-shadow:none}

/* hero */
.hero{position:relative;z-index:1;padding:100px 0 100px;text-align:center}
.kicker{
  display:inline-block;font-size:12px;letter-spacing:4px;text-transform:uppercase;
  color:var(--gold);margin-bottom:26px;
  padding:8px 18px;border:1px solid var(--line);border-radius:40px;
}
.hero h1{font-size:clamp(44px,7vw,86px);line-height:1.02;margin-bottom:26px}
.hero h1 em{font-style:italic;color:var(--gold-soft)}
.hero p{max-width:620px;margin:0 auto 40px;color:var(--muted);font-size:18px;font-weight:300}
.hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.stats{display:flex;justify-content:center;gap:60px;margin-top:80px;flex-wrap:wrap}
.stat b{display:block;font-family:'Manrope',sans-serif;font-variant-numeric:tabular-nums lining-nums;font-size:44px;color:var(--gold-soft);font-weight:700}
.stat span{color:var(--muted);font-size:13px;letter-spacing:1px;text-transform:uppercase}

/* sections */
section{position:relative;z-index:1;padding:90px 0;scroll-margin-top:96px}
.sec-title{text-align:center;margin-bottom:60px}
.sec-title span{color:var(--gold);font-size:12px;letter-spacing:4px;text-transform:uppercase}
.sec-title h2{font-size:clamp(34px,5vw,52px);margin-top:10px}

/* advantages */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.card{
  background:linear-gradient(160deg,var(--card),var(--bg-soft));
  border:1px solid var(--line);border-radius:6px;padding:38px 32px;transition:.35s;
}
.card:hover{transform:translateY(-6px);border-color:rgba(201,168,106,.4)}
.card .ico{font-size:30px;margin-bottom:18px}
.card h3{font-size:24px;margin-bottom:12px;color:var(--gold-soft)}
.card p{color:var(--muted);font-size:15px;font-weight:300}

/* pricing (одна колонка) */
#pricing{padding-top:60px}
.price-single{max-width:560px;margin:0 auto}
.price{
  background:linear-gradient(160deg,var(--card),var(--bg-soft));
  border:1px solid var(--line);border-radius:6px;overflow:hidden;
}
.price-head{padding:28px 32px;border-bottom:1px solid var(--line)}
.price-head.purple{background:linear-gradient(135deg,rgba(140,110,180,.14),transparent)}
.price-head h3{font-size:28px;color:var(--gold-soft)}
.price-head p{color:var(--muted);font-size:13px;letter-spacing:1px;text-transform:uppercase;margin-top:4px}
.price-rows{padding:12px 0}
.prow{
  display:flex;justify-content:space-between;align-items:center;
  padding:14px 32px;transition:.2s;
}
.prow:hover{background:rgba(201,168,106,.05)}
.prow span{color:var(--muted);font-size:15px}
.prow b{font-family:'Manrope',sans-serif;font-variant-numeric:tabular-nums lining-nums;font-size:22px;color:var(--text)}
.prow.best{background:rgba(140,110,180,.10)}
.prow.best b{color:var(--gold-soft)}
.prow.best span{color:var(--gold-soft)}

/* order form */
.order-box{
  max-width:640px;margin:0 auto;
  background:linear-gradient(160deg,var(--card),var(--bg-soft));
  border:1px solid var(--line);border-radius:8px;padding:48px 44px;
}
.form{display:flex;flex-direction:column;gap:20px}
.field{display:flex;flex-direction:column;gap:8px}
.field label{font-size:13px;color:var(--muted);letter-spacing:.5px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.field input,.field select,.field textarea{
  background:var(--bg);border:1px solid var(--line);border-radius:4px;
  padding:14px 16px;color:var(--text);font-family:'Manrope',sans-serif;
  font-size:15px;transition:.25s;resize:vertical;
}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,106,.12);
}
.field input::placeholder,.field textarea::placeholder{color:#5c5f57}
.field-hint{font-size:12px;color:#5c5f57;margin-top:-10px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.btn-submit{margin-top:8px;width:100%;padding:16px}
.form-note{text-align:center;font-size:14px;min-height:20px;margin-top:4px}
.form-note.ok{color:#7fbf86}
.form-note.err{color:#d98a6a}

/* footer */
footer{position:relative;z-index:1;border-top:1px solid var(--line);padding:60px 0;text-align:center}
.footer-in .logo{margin-bottom:16px}
footer p{color:var(--muted);font-size:14px}
.fine{font-size:12px;color:#5c5f57;margin-top:12px}
.logo-link{display:block;text-decoration:none}
.logo-img{height:65px;width:auto;display:block}
footer .logo-img{height:80px;margin:0 auto 16px}

/* ===== КАТАЛОГ ===== */
#catalog{padding-top:60px}
.catalog-note{text-align:center;color:var(--muted);font-size:15px;max-width:680px;margin:0 auto 40px}
.catalog-note b{color:var(--gold-soft)}
.catalog-note a{color:var(--gold);text-decoration:none;border-bottom:1px dotted var(--gold)}
.catalog-state{text-align:center;color:var(--muted);font-size:15px;padding:30px 0}
.catalog-state.err{color:#d98a6a}

/* табы линеек */
.line-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 34px}
.line-tab{
  background:transparent;border:1px solid var(--line);border-radius:40px;
  padding:9px 22px;color:var(--muted);font-family:'Manrope',sans-serif;
  font-size:14px;font-weight:600;cursor:pointer;transition:.25s;
}
.line-tab:hover{color:var(--gold-soft);border-color:rgba(201,168,106,.45)}
.line-tab.active{background:rgba(201,168,106,.12);border-color:var(--gold);color:var(--gold-soft)}

/* Сетка каталога */
.catalog{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.scard{
  display:flex;flex-direction:column;
  background:linear-gradient(160deg,var(--card),var(--bg-soft));
  border:1px solid var(--line);border-radius:8px;overflow:hidden;transition:.3s;
}
.scard:hover{transform:translateY(-5px);border-color:rgba(201,168,106,.4)}
.scard-img{
  position:relative;aspect-ratio:1/1;
  background-size:cover;background-position:center;
  background-color:#0e100f;
}
.scard-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.scard-img.no-photo{
  background:linear-gradient(150deg,#16191a,#0e100f 60%);
  display:flex;align-items:center;justify-content:center;
}
.scard-img.no-photo::after{content:"🌱";font-size:34px;opacity:.35}

/* теги поверх фото */
.tag{
  position:absolute;top:10px;left:10px;
  font-size:11px;letter-spacing:.5px;padding:4px 10px;border-radius:30px;
  font-weight:600;backdrop-filter:blur(6px);
}
.tag-auto{background:rgba(79,122,84,.85);color:#eaf5ea}
.tag-photo{background:rgba(140,110,180,.85);color:#f2ecfa}
.tag-line{left:auto;right:10px;background:rgba(11,13,12,.72);color:var(--gold-soft);border:1px solid var(--line)}
.line-eu{color:#8fc496}
.line-us{color:#c0a9e0}

/* контент карточки */
.scard-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 16px 16px 18px;
}
.scard-body h3 {
  font-size: 21px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 14px;
  line-height: 1.1;
  min-height: 44px;
  /* Убрали font-variant-numeric отсюда, чтобы не портить цифры у RS11 */
  font-feature-settings: "lnum" 1; 
}
.scard-desc{color:var(--muted);font-size:14px;line-height:1.4}

/* характеристики сорта плашками по вертикали */
.scard-stats {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  margin: 10px 0 14px;
}
.scard-stats span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(201, 168, 106, 0.08);
  border: 1px solid rgba(201, 168, 106, 0.15);
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: var(--text);
  white-space: nowrap;
}

/* Количество и Кнопки управления без зума на мобилках */
.qty{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%}
.qbtn{
  width:36px;height:38px;flex-shrink:0;
  background:var(--bg);border:1px solid var(--line);border-radius:4px;
  color:var(--gold-soft);font-size:20px;line-height:1;cursor:pointer;transition:.2s;
  touch-action:manipulation;
}
.qbtn:hover{border-color:var(--gold);background:rgba(201,168,106,.08)}
.qval{
  flex-grow:1;max-width:60px;min-width:35px;text-align:center;background:var(--bg);border:1px solid var(--line);
  border-radius:4px;height:38px;color:var(--text);font-size:16px;font-weight:600;
  font-variant-numeric:tabular-nums;-moz-appearance:textfield;
}
.qval:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,168,106,.12)}
/* ===== ПОЛНЫЙ СПИСОК ===== */
.fulllist{margin-top:64px;text-align:center}
.fulllist h3{font-size:28px;color:var(--gold-soft);margin-bottom:28px}
.fulllist-grid{
display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
max-width:820px;margin:0 auto 24px;text-align:left;
}
.fitem{
display:flex;justify-content:space-between;align-items:center;
padding:12px 18px;background:var(--bg-soft);gap:10px;
border:1px solid var(--line);border-radius:4px;font-size:15px;
}
.fitem-tags{display:flex;gap:6px;flex-shrink:0}
.fitem em{font-style:normal;font-size:11px;letter-spacing:.3px;padding:3px 9px;border-radius:20px;white-space:nowrap}
.t-auto,.l-eu{background:rgba(79,122,84,.2);color:#8fc496}
.t-photo,.l-us{background:rgba(140,110,180,.2);color:#b79fda}
/* ===== ДОСТАВКА И ОПЛАТА ===== */
.delivery{max-width:760px;margin:48px auto 0;text-align:center}
.delivery h3{font-size:26px;color:var(--gold-soft);margin-bottom:22px}
.delivery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.dcard{
background:linear-gradient(160deg,var(--card),var(--bg-soft));
border:1px solid var(--line);border-radius:6px;padding:22px 14px;
min-width:0;text-align:center;
}
.dcard b{display:block;font-family:'Manrope',sans-serif;font-size:28px;color:var(--gold-soft)}
.dcard span{color:var(--muted);font-size:13px;margin-top:6px;display:block}
.delivery-free{
text-align:center;margin-top:26px;margin-bottom:12px;
padding:22px;border:1px solid var(--gold);
border-radius:6px;background:rgba(201,168,106,.06);
}
.delivery-free-badge{
font-family:'Cormorant Garamond',serif;
font-size:26px;color:var(--gold-soft);display:block;margin-bottom:6px;
}
.delivery-free p{color:var(--muted);font-size:14px;letter-spacing:1px;text-transform:uppercase}
.form .delivery-free {display: block;width: 100%}
/* ===== ПРАЙС-ТАБЛИЦА ===== */
.ptable{
max-width:720px;margin:0 auto;
background:linear-gradient(160deg,var(--card),var(--bg-soft));
border:1px solid var(--line);border-radius:8px;overflow:hidden;
}
.ptable-head,.ptr{
display:grid;grid-template-columns:1.4fr 1fr 1fr;align-items:center;
padding:14px 32px;
}
.ptable-head{
padding:22px 32px;border-bottom:1px solid var(--line);
font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);
}
.ptable-head span:not(:first-child),.ptr b{text-align:right}
.ptable-head small{display:block;font-size:10px;letter-spacing:.5px;text-transform:none;color:#5c5f57;margin-top:3px}
.col-eu{color:#8fc496}
.col-us{color:#b79fda}
.ptr{transition:.2s}
.ptr:hover{background:rgba(201,168,106,.05)}
.ptr span{color:var(--muted);font-size:15px}
.ptr b{font-family:'Manrope',sans-serif;font-weight:600;font-size:18px;color:var(--text);font-variant-numeric:tabular-nums}
.ptr.best{background:rgba(140,110,180,.10)}
.ptr.best span,.ptr.best b{color:var(--gold-soft)}
.price-note{max-width:720px;margin:20px auto 0;text-align:center;color:var(--muted);font-size:14px}
.price-note b{color:var(--gold-soft)}
/* ===== STICKY КОРЗИНА ===== */
.cart{position:fixed;right:24px;bottom:24px;z-index:40}
.cart-toggle{
background:linear-gradient(135deg,var(--gold),#b08d4e);color:#0b0d0c;
border:none;border-radius:40px;padding:16px 28px;font-weight:700;font-size:15px;
cursor:pointer;box-shadow:0 12px 34px rgba(0,0,0,.4);font-family:'Manrope',sans-serif;
transition:.25s;
}
.cart-toggle:hover{transform:translateY(-2px)}
.cart-toggle span{font-weight:800}
.cart-panel{
position:absolute;right:0;bottom:70px;width:360px;max-width:calc(100vw - 48px);
background:var(--bg-soft);border:1px solid var(--line);border-radius:10px;
box-shadow:0 24px 60px rgba(0,0,0,.55);padding:20px;
opacity:0;visibility:hidden;transform:translateY(12px);transition:.28s;
max-height:calc(100vh - 110px);overflow-y:auto;
}
.cart-panel.open{opacity:1;visibility:visible;transform:translateY(0)}
.cart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.cart-head b{font-family:'Cormorant Garamond',serif;font-size:22px;color:var(--gold-soft)}
.cart-close{background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer}
.cart-close:hover{color:var(--gold-soft)}
.cart-items{max-height:240px;overflow-y:auto;margin-bottom:14px}
.cart-empty{color:var(--muted);font-size:14px;text-align:center;padding:20px 0}
.citem{
display:flex;justify-content:space-between;align-items:center;
padding:10px 0;border-bottom:1px solid var(--line);gap:10px;
}
.citem>div{min-width:0;flex:1}
.citem b{font-size:15px;color:var(--text)}
.citem-type{display:block;font-size:11px;color:var(--muted);margin-top:2px}
.citem-qty{color:var(--gold-soft);font-weight:600;font-size:14px}
.citem-del{
background:none;border:none;color:#5c5f57;font-size:14px;cursor:pointer;
padding:2px 4px;line-height:1;transition:.2s;flex-shrink:0;
}
.citem-del:hover{color:#d98a6a}
.cart-summary{margin-bottom:16px}
.srow{display:flex;justify-content:space-between;padding:6px 0;font-size:14px;color:var(--muted);gap:12px}
.srow span{min-width:0}
.srow b{color:var(--text)}
.srow.total{border-top:1px solid var(--line);margin-top:6px;padding-top:12px;font-size:16px}
.srow.warn b{color:#d98a6a}
.srow-note{font-size:12px;color:#5c5f57;margin-top:6px;text-align:right}
.srow-note.ok{color:#7fbf86}
/* ===== МОДАЛКА ЗАКАЗА ===== */
.modal{
position:fixed;inset:0;z-index:60;
background:rgba(4,5,4,.78);backdrop-filter:blur(6px);
display:flex;align-items:center;justify-content:center;padding:24px;
opacity:0;visibility:hidden;transition:.3s;
}
.modal.open{opacity:1;visibility:visible}
.modal-box{
position:relative;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;
background:linear-gradient(160deg,var(--card),var(--bg-soft));
border:1px solid var(--line);border-radius:12px;padding:40px 36px;
}
.modal-box .cart-close{position:absolute;top:18px;right:20px;font-size:22px}
.modal-order{
background:var(--bg);border:1px solid var(--line);border-radius:8px;
padding:18px 20px;margin-bottom:26px;
}
.mo-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}
.mo-row span{color:var(--muted)}
.mo-row em{font-style:normal;color:#5c5f57;font-size:12px}
.mo-row b{color:var(--text)}
.mo-total{border-top:1px solid var(--line);margin-top:10px;padding-top:12px}
.mo-total>div{display:flex;justify-content:space-between;align-items:baseline;padding:4px 0;gap:12px}
.mo-total>div span{color:var(--muted);font-size:13px}
.mo-total b{color:var(--text)}
/* Принудительный сброс шрифта для плотных чистых цифр на сервере */
.dcard b,
.mo-sum b,
.srow.total b {
font-family: 'Manrope', sans-serif !important;
font-variant-numeric: tabular-nums lining-nums !important;
}
/* ================== ГЛОБАЛЬНЫЙ МОБИЛЬНЫЙ АДАПТИВ ================== */
@media(max-width:980px){
.catalog{grid-template-columns:repeat(3,1fr)}
.delivery-grid{grid-template-columns:repeat(2,1fr)}
.fulllist-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
.nav-links{display:none}
.grid{grid-template-columns:1fr}
.stats{gap:36px}
.hero{padding:80px 0 60px}
section{padding:60px 0}
.order-box{padding:36px 24px}
}
@media(max-width:640px){
.logo-img{height:44px}
.line-tabs{gap:8px}
.line-tab{padding:8px 16px;font-size:13px}
.catalog{grid-template-columns:repeat(2,1fr)}
/* Адаптивный белый жирный заголовок карточки */
.scard-body h3 {
font-size: 17px;
font-weight: 700;
color: #ffffff;
min-height: 38px;
}
.fulllist-grid{grid-template-columns:1fr}
.fitem{flex-wrap:wrap}
.ptable-head,.ptr{padding:12px 18px;grid-template-columns:1.3fr 1fr 1fr}
.ptr span{font-size:13px}
.ptr b{font-size:16px}
.cart{right:12px;bottom:12px;left:12px}
.cart-panel{width:100%;right:0}
.cart-toggle{width:100%}
.modal-box{padding:32px 20px}
}
@media(max-width:520px){
.field-row{grid-template-columns:1fr}
.stat b{font-size:36px}
}
@media (max-width: 480px) {
/* Перевод способов оплаты и доставки на смартфонах в 2 колонки */
.delivery-grid,
.delivery .delivery-grid[style] {
grid-template-columns: repeat(2, 1fr) !important;
}
/* Карточка оплаты "QR-код" ровно на всю ширину нижнего ряда */
.delivery:not(:has(.dcard:nth-child(4))) .dcard:nth-child(3) {
grid-column: span 2;
}
/* Шрифт заголовков плашек, чтобы КРИПТО гарантированно встало в рамку */
.dcard b {
font-size: 22px;
}
}