/* ==========================================================================
   shop-autumn.css — ОСЕННИЙ сезонный оверлей поверх shop.css
   Подключается в index.html ПОСЛЕ shop.css (перебивает только цвета).
   Только стиль: тёплая осенняя палитра + падающие листья + тыква/рябина.
   HTML-разметку и shop.js НЕ меняет.

   Палитра: #fff7ea (крем)  #c0392b (рябина/клубника)  #d97a1c (тыква)
            #e3a73a (золото) #6b3e1d (кора)  #2b1508 (тёмный шоколад)
   ========================================================================== */

/* ------------------------------------------------------------------ */
/*  ФОН: тёплый крем с лёгким градиентом заката                          */
/* ------------------------------------------------------------------ */
body{
  background:
    radial-gradient(120% 60% at 50% -10%, rgba(227,167,58,.22) 0%, rgba(227,167,58,0) 60%),
    linear-gradient(180deg, #fff7ea 0%, #f7e6cf 100%);
  background-attachment:fixed;
  color:#2b1508;
}

/* ------------------------------------------------------------------ */
/*  ДЕКОР: два слоя падающих листьев — фиксировано за контентом          */
/* ------------------------------------------------------------------ */
body::before, body::after{
  content:""; position:fixed; left:0; right:0; top:-160px; bottom:0;
  background-repeat:repeat; pointer-events:none;
}
body::before{            /* дальний слой — крупные листья, медленно */
  z-index:-3; opacity:.55;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='320' viewBox='0 0 260 320'%3E%3Cg fill='%23d97a1c'%3E%3Cpath d='M40 20c18 4 30 18 32 36-18 2-32-8-38-24 2-4 4-8 6-12z'/%3E%3Cpath d='M200 120c-14 12-32 14-46 6 8-16 24-24 42-20 2 4 3 9 4 14z'/%3E%3C/g%3E%3Cg fill='%23c0392b'%3E%3Cpath d='M130 230c16-8 34-6 46 6-12 12-30 16-46 8-1-5-1-9 0-14z'/%3E%3Cpath d='M60 290c4-18 18-30 36-32 2 18-8 32-24 38-4-2-8-4-12-6z'/%3E%3C/g%3E%3Cg fill='%23e3a73a'%3E%3Cpath d='M220 260c-4 18-18 30-36 32-2-18 8-32 24-38 4 2 8 4 12 6z'/%3E%3Cpath d='M100 130c10-14 28-20 44-14-6 16-22 26-40 22-2-3-3-5-4-8z'/%3E%3C/g%3E%3C/svg%3E");
  background-size:260px 320px;
  animation:autFallFar 38s linear infinite;
}
body::after{             /* ближний слой — мелкие листья, быстрее, покачивание */
  z-index:-2; opacity:.8;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='240' viewBox='0 0 200 240'%3E%3Cg fill='%23c0392b'%3E%3Cpath d='M30 30c10 2 18 10 19 21-10 1-19-5-22-14 1-3 2-5 3-7z'/%3E%3Cpath d='M150 200c-8 7-19 8-27 3 5-9 14-14 25-12 1 3 2 6 2 9z'/%3E%3C/g%3E%3Cg fill='%23d97a1c'%3E%3Cpath d='M110 90c-8 7-19 8-27 3 5-9 14-14 25-12 1 3 2 6 2 9z'/%3E%3Cpath d='M170 60c2-10 10-18 21-19 1 10-5 19-14 22-3-1-5-2-7-3z'/%3E%3C/g%3E%3Cg fill='%23e3a73a'%3E%3Cpath d='M60 160c10 2 18 10 19 21-10 1-19-5-22-14 1-3 2-5 3-7z'/%3E%3C/g%3E%3C/svg%3E");
  background-size:200px 240px;
  animation:autFallNear 22s linear infinite, autSway 6s ease-in-out infinite;
}
html::before{            /* тыква с веткой рябины — правый нижний угол */
  content:""; position:fixed; right:6px; bottom:0;
  width:min(34vh,210px); height:min(34vh,210px); z-index:-1; pointer-events:none; opacity:.92;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 240' preserveAspectRatio='xMaxYMax meet'%3E%3Cellipse cx='130' cy='200' rx='95' ry='16' fill='%232b1508' fill-opacity='.12'/%3E%3Cpath d='M126 88c-6-18-4-34 6-48' fill='none' stroke='%236b3e1d' stroke-width='10' stroke-linecap='round'/%3E%3Cpath d='M132 74c14-16 34-20 52-12-12 14-30 20-48 16z' fill='%235d8a3a'/%3E%3Cellipse cx='130' cy='150' rx='92' ry='58' fill='%23d97a1c'/%3E%3Cellipse cx='130' cy='150' rx='64' ry='58' fill='%23e58a2a'/%3E%3Cellipse cx='130' cy='150' rx='30' ry='58' fill='%23f09a3a'/%3E%3Cpath d='M66 150c0-32 12-52 30-58M194 150c0-32-12-52-30-58M98 150c0-32 8-52 20-58M162 150c0-32-8-52-20-58' fill='none' stroke='%23b8641a' stroke-width='3' stroke-opacity='.55'/%3E%3Cg fill='%23c0392b'%3E%3Ccircle cx='38' cy='178' r='7'/%3E%3Ccircle cx='52' cy='186' r='7'/%3E%3Ccircle cx='44' cy='194' r='7'/%3E%3Ccircle cx='58' cy='172' r='7'/%3E%3Ccircle cx='30' cy='190' r='6'/%3E%3C/g%3E%3Cpath d='M14 160c14 6 26 14 36 26' fill='none' stroke='%236b3e1d' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M6 152c10-12 22-16 34-12-8 10-20 14-34 12z' fill='%23e3a73a'/%3E%3C/svg%3E") no-repeat right bottom;
  background-size:contain;
  transform-origin:bottom right;
  animation:autBreathe 7s ease-in-out infinite;
}
@keyframes autFallFar { from{background-position:0 0}  to{background-position:-60px 640px} }
@keyframes autFallNear{ from{background-position:0 0}  to{background-position:80px 480px} }
@keyframes autSway    { 0%,100%{transform:translateX(0)} 50%{transform:translateX(-12px)} }
@keyframes autBreathe { 0%,100%{transform:scale(1)} 50%{transform:scale(1.02)} }
@media (prefers-reduced-motion: reduce){
  body::before, body::after, html::before{ animation:none }
}

/* ------------------------------------------------------------------ */
/*  ПАЛИТРА: перебиваем цвета shop.css на осенние                       */
/* ------------------------------------------------------------------ */
.card{ background-color:#fffaf1; color:#2b1508; box-shadow:0 0 20px rgba(217,122,28,.14); }
.card-title{ color:#c0392b; }
h2, h4{ color:#c0392b; }

.btn-primary{ background:linear-gradient(to right,#c0392b,#6b3e1d); }
.btn-success{ background:linear-gradient(to right,#d97a1c,#c0392b); }
.btn-category{ background:linear-gradient(45deg,#6b3e1d,#d97a1c 60%,#e3a73a); }
.btn-category:hover{ box-shadow:0 0 20px rgba(217,122,28,.45); }
.back-btn{ background:linear-gradient(45deg,#6b3e1d,#d97a1c); }
.remove-btn{ background:linear-gradient(45deg,#c0392b,#6b3e1d); }

.cart-counter{ background:#c0392b; }
.form-select{ background-color:#fffaf1; color:#2b1508; border-color:#6b3e1d; }
.shadow-hover:hover{ box-shadow:0 0 30px rgba(217,122,28,.3), 0 0 10px rgba(107,62,29,.4); }
.cart-item{ background-color:#fffaf1; border-color:#d97a1c; }

.loading::after{ border-color:#d97a1c; border-top-color:transparent; }
.logo-glow{ filter:drop-shadow(0 0 10px #e3a73a); }
@keyframes glow{
  from{ filter:drop-shadow(0 0 10px #e3a73a); }
  to{ filter:drop-shadow(0 0 20px #d97a1c) drop-shadow(0 0 30px #c0392b); }
}

/* сетка товаров */
.product-image-container{ border-color:#e3a73a; background:#fffaf1; }
.product-grid-card:hover .product-image-container{ border-color:#d97a1c; box-shadow:0 8px 25px rgba(217,122,28,.4); }
#productModal .modal-title, #cartModal .modal-title, #confirmOrderModal .modal-title{ color:#2b1508; }
.product-grid-title{ color:#2b1508; }

/* ------------------------------------------------------------------ */
/*  ЦЕНЫ: контрастная плашка «тёмный шоколад + золото», чтобы не         */
/*  сливались с тёплым фоном и листьями                                  */
/* ------------------------------------------------------------------ */
.product-grid-price{
  display:inline-block; margin:6px auto 0; padding:4px 12px;
  background:#2b1508; color:#ffd77a;
  border:1px solid rgba(227,167,58,.7); border-radius:999px;
  font-size:15px; font-weight:800; letter-spacing:.3px;
  font-variant-numeric:tabular-nums;
  box-shadow:0 2px 8px rgba(43,21,8,.35);
}
.product-grid-card{ text-align:center; }
.product-grid-card:hover .product-grid-price{ background:#3d1f0c; box-shadow:0 4px 14px rgba(217,122,28,.45); }

/* цена в карточке товара (модалка) */
#productModalPrice{
  display:inline-block; padding:8px 22px;
  background:#2b1508; color:#ffd77a;
  border:1px solid rgba(227,167,58,.7); border-radius:999px;
  font-size:24px; font-weight:800;
  font-variant-numeric:tabular-nums;
  box-shadow:0 3px 12px rgba(43,21,8,.35);
}

/* цены позиций в корзине */
.cart-item strong{
  display:inline-block; margin-top:4px; padding:2px 10px;
  background:#2b1508; color:#ffd77a;
  border-radius:999px; font-size:15px; font-weight:800;
  font-variant-numeric:tabular-nums;
}

/* итоги: «Итого», «К оплате», сумма в окне подтверждения */
#cartTotal h5{ color:#2b1508; font-weight:700; }
#totalPrice, #finalAmount, #confirmOrderSummary strong{
  color:#c0392b; font-weight:800; font-size:1.15em;
  font-variant-numeric:tabular-nums;
}
#usedAmount{ font-weight:800; }
.final-total-display{ background:#2b1508; border:2px solid #e3a73a; box-shadow:0 4px 14px rgba(43,21,8,.35); }
.final-total-text{ color:#fff3d6; font-size:20px; }
#finalAmount{ color:#ffd77a; font-size:1.25em; }

/* модалки */
#cartModal .modal-content, #confirmOrderModal .modal-content{ background-color:#fffaf1; color:#2b1508; }
#cartModal .modal-header, #confirmOrderModal .modal-header{ border-bottom-color:#d97a1c; }
#cartModal .modal-footer, #confirmOrderModal .modal-footer{ border-top-color:#d97a1c; }
#confirmOrderModal .modal-content{ border-color:#6b3e1d; }
#productModal .modal-content{ background:linear-gradient(135deg,#f7e6cf,#fffaf1); border-color:#e3a73a; }
#productModalTitle, #productModalDescription{ color:#2b1508; }

/* кэшбэк — угол + попап */
.cashback-corner{ background:linear-gradient(45deg,#6b3e1d,#d97a1c); box-shadow:0 4px 15px rgba(217,122,28,.45); }
.cashback-corner:hover{ box-shadow:0 6px 20px rgba(217,122,28,.65); }
.cashback-popup{ background:linear-gradient(135deg,#fffaf1,#f7e6cf); box-shadow:0 8px 25px rgba(107,62,29,.35); border-color:#e3a73a; }
.cashback-popup::before{ border-bottom-color:#fffaf1; }

/* кэшбэк — секция в корзине */
.cashback-section{ background:linear-gradient(135deg,#fffaf1,#f7e6cf); border-color:rgba(217,122,28,.35); }
.cashback-section::before{ background:linear-gradient(90deg,#e3a73a,#d97a1c,#c0392b); }
.cashback-title{ color:#c0392b; }
.cashback-available{ color:#2b1508; }
.cashback-input-field{ color:#2b1508; border-color:rgba(217,122,28,.55); }
.cashback-input-field:focus{ border-color:#d97a1c; box-shadow:0 0 15px rgba(217,122,28,.3); }
.cashback-input-field::placeholder{ color:rgba(43,21,8,.55); }
.cashback-apply-btn{ background:linear-gradient(45deg,#6b3e1d,#d97a1c); }
.cashback-apply-btn:hover{ box-shadow:0 8px 25px rgba(217,122,28,.4); background:linear-gradient(45deg,#7d4a24,#ee8a26); }
.cashback-hint{ background:rgba(227,167,58,.16); border-color:rgba(217,122,28,.35); color:rgba(43,21,8,.8); }
.cashback-used-info{ background:linear-gradient(135deg,rgba(192,57,43,.1),rgba(217,122,28,.12)); border-color:rgba(192,57,43,.3); }
.cashback-used-amount{ color:#c0392b; }

/* уведомление */
.custom-notification{ background:linear-gradient(45deg,#6b3e1d,#d97a1c); box-shadow:0 8px 25px rgba(217,122,28,.4); }
@keyframes cashbackGlow{
  from{ box-shadow:0 0 20px rgba(217,122,28,.2); }
  to{ box-shadow:0 0 30px rgba(217,122,28,.4), 0 0 40px rgba(227,167,58,.25); }
}

/* инлайн-цвета из index.html (попап кэшбэка) — перебиваем через !important */
.cashback-popup > div:first-child{ color:#c0392b !important; }
#popupFullBalance{ color:#d97a1c !important; }
#popupAvailableBalance{ color:#2b1508 !important; }