@charset "utf-8";
/* ============================================================
   AVA Lighting - началната страница, нов стил (06.10.2026)
   Същият език като количката: Manrope (текст) + Source Serif 4 (заглавия),
   бели карти със сенки, без бежово. Хедърът и менюто горе НЕ се пипат
   (цветовете остават), само падащото меню е стъклено - то е в ava-megamenu.css (за целия сайт).
   Шрифтовете (@font-face) са в ava-cart.css, който се зарежда навсякъде.
   Зарежда се само от layouts/index.tpl и m_layouts/index.tpl.
   ============================================================ */

:root{
  --ah-ink:#141414; --ah-sub:#5b5e66; --ah-line:#e4e5e9; --ah-soft:#f4f5f7;
  --ah-gold:#C89633; --ah-gold-l:#E6CE84; --ah-gold-d:#8A6420;
  --ah-btn-a:#B5852A; --ah-btn-b:#7E5918;
  --ah-body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ah-head:"Source Serif 4",Georgia,serif;
  --ah-sh:0 1px 2px rgba(20,20,20,.05),0 4px 12px rgba(20,20,20,.05),0 14px 34px rgba(20,20,20,.07);
  --ah-sh-h:0 2px 4px rgba(20,20,20,.06),0 10px 22px rgba(20,20,20,.08),0 26px 50px rgba(20,20,20,.12);
  --ah-ease:cubic-bezier(.22,1,.36,1);
}

/* ---------- шрифт на съдържанието (без хедъра) ---------- */
section.design_template, section.design_template p, section.design_template td,
.avk-band, .ava-sec, .ava-rev, .ava-brandstrip{font-family:var(--ah-body);-webkit-font-smoothing:antialiased}

/* ---------- заглавията на секциите ---------- */
section.design_template .gray_24,
section.design_template .row > .gray_20,
section.design_template .section-title,
.ava-brandstrip__title{font-family:var(--ah-head) !important;font-weight:600 !important;font-size:clamp(24px,2.3vw,32px) !important;line-height:1.15 !important;letter-spacing:-.01em;color:var(--ah-ink) !important;text-transform:none !important;margin:0 !important}
section.design_template img[src*="line1.png"]{display:none !important}
section.design_template .row.align-items-center:has(.gray_24),section.design_template .row.align-items-center:has(> .gray_20){margin-bottom:18px}

/* „всички“ - вместо картинка, ясен бутон-хапче */
section.design_template a:has(> img[src*="/all.svg"]),
section.design_template a:has(> img[src*="/all_news.svg"]){display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--ah-ink);color:var(--ah-ink) !important;font:700 14px/1 var(--ah-body);white-space:nowrap;text-decoration:none !important;transition:background .2s var(--ah-ease),color .2s var(--ah-ease)}
section.design_template a:has(> img[src*="/all.svg"])::after,
section.design_template a:has(> img[src*="/all_news.svg"])::after{content:"Виж всички \2192"}
html[lang="en"] section.design_template a:has(> img[src*="/all.svg"])::after,
html[lang="en"] section.design_template a:has(> img[src*="/all_news.svg"])::after{content:"View all \2192"}
section.design_template a:has(> img[src*="/all.svg"]):hover,
section.design_template a:has(> img[src*="/all_news.svg"]):hover{background:var(--ah-ink);color:#fff !important}
section.design_template a > img[src*="/all.svg"],
section.design_template a > img[src*="/all_news.svg"]{display:none !important}

/* ---------- плочките с категориите ---------- */
.design_template.headline .hl-card{border-radius:16px !important;overflow:hidden;box-shadow:var(--ah-sh);transition:transform .3s var(--ah-ease),box-shadow .3s var(--ah-ease)}
.design_template.headline .hl-card:hover{transform:translateY(-4px);box-shadow:var(--ah-sh-h)}
.design_template.headline .hl-img{transition:transform .6s var(--ah-ease) !important}
.design_template.headline .hl-card:hover .hl-img{transform:scale(1.05)}
.design_template.headline .hl-overlay{background:linear-gradient(0deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.18) 55%,transparent 100%) !important}
.design_template.headline .hl-title{font-family:var(--ah-body) !important;font-weight:800 !important;letter-spacing:.06em}

/* ---------- продуктовите карти ---------- */
section.design_template .product-list{background:#fff !important;border:0 !important;border-radius:14px !important;overflow:hidden;box-shadow:var(--ah-sh) !important;transition:transform .25s var(--ah-ease),box-shadow .25s var(--ah-ease)}
section.design_template .product-list:hover{transform:translateY(-4px);box-shadow:var(--ah-sh-h) !important}
section.design_template .product-list .product-image{background-color:#fff !important}
section.design_template .product-list .pad5{text-align:left !important;padding:12px 14px 14px !important;background:#fff !important;border-top:1px solid var(--ah-line)}
section.design_template .product-list .gray_14,
section.design_template .product-list .gray_14 a{font-family:var(--ah-body) !important;font-size:14px !important;font-weight:600 !important;line-height:1.4 !important;color:var(--ah-ink) !important}
section.design_template .product-list .title-height{min-height:0 !important;height:3.9em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:8px}
section.design_template .product-list .ava-price,section.design_template .product-list .ava-price *{font-family:var(--ah-body) !important}
section.design_template .product-list .ava-price{display:flex;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums}
section.design_template .product-list .ava-price__now,
section.design_template .product-list .ava-price__now strong{font-family:var(--ah-body);font-size:17px;font-weight:800;color:var(--ah-ink) !important}
section.design_template .product-list .ava-price__old{font-size:13px;color:var(--ah-sub) !important}
/* слайдерите: място за сянката и повдигането */
section.design_template .slick-list{padding:8px 0 22px !important}
section.design_template .slick-slide{padding:0 4px}

/* фоновете на секциите: бяло и много светло сиво (без бежово) */
.design_template.productsfocus{background:var(--ah-soft) !important}

/* ---------- плочките баня / детска ---------- */
.design_template.promotiles .pt__item{border-radius:16px;overflow:hidden;box-shadow:var(--ah-sh);background:linear-gradient(135deg,#ffffff 0%,#eef0f3 100%) !important}
.design_template.promotiles .pt__h1{font-family:var(--ah-head) !important;font-weight:600 !important;text-transform:none !important;font-size:clamp(26px,2.4vw,34px) !important;line-height:1.1 !important;letter-spacing:-.01em}
.design_template.promotiles .pt__h2{font-family:var(--ah-body);color:var(--ah-sub) !important;font-size:15px}
.design_template.promotiles .pt__img{transition:transform .6s var(--ah-ease)}
.design_template.promotiles .pt__item:hover .pt__img{transform:scale(1.04)}

/* ---------- отзивите ---------- */
.ava-rev__score,.ava-rev__card{border:0 !important;border-radius:16px !important;box-shadow:var(--ah-sh) !important;background:linear-gradient(170deg,#ffffff 0%,#f7f8fa 100%) !important}
.ava-rev__text{font-family:var(--ah-body);color:#2b2d31;line-height:1.55}

/* ---------- текстът „Осветление за дома ...“ ---------- */
.ava-sec .gray_zagl{font-family:var(--ah-head) !important;font-weight:600 !important;text-transform:none !important;font-size:clamp(26px,2.6vw,36px) !important;line-height:1.15 !important;letter-spacing:-.01em;color:var(--ah-ink) !important}
.ava-sec .text1{font-family:var(--ah-body);font-size:16px;line-height:1.65;color:#2b2d31}
.ava-sec img[src*="ava-lighting1"]{border-radius:16px;box-shadow:var(--ah-sh)}

/* ---------- блогът ---------- */
.design_template.blog .articles-slider article{background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--ah-sh);padding-bottom:16px;transition:transform .25s var(--ah-ease),box-shadow .25s var(--ah-ease)}
.design_template.blog .articles-slider a:hover article{transform:translateY(-4px);box-shadow:var(--ah-sh-h)}
.design_template.blog .articles-slider article > *:not(.blog-image){padding-left:16px;padding-right:16px}
.design_template.blog .articles-slider .blog-image{border-radius:0}
.design_template.blog .articles-slider{font-family:var(--ah-body);color:var(--ah-ink)}

/* ---------- марките ---------- */
.ava-brandstrip__item{border-radius:12px;transition:transform .2s var(--ah-ease),box-shadow .2s var(--ah-ease)}
.ava-brandstrip__item:hover{transform:translateY(-2px);box-shadow:var(--ah-sh)}

/* ---------- бутоните: тъмен фон = бял текст, светъл фон = черен ---------- */
.avh-slide:not(.shelly) .avh-btn--gold,.avf-btn--gold,.ava-rev__write{background:linear-gradient(180deg,var(--ah-btn-a),var(--ah-btn-b)) !important;color:#fff !important;border-color:transparent !important;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 8px 20px rgba(126,89,24,.35)}


/* ============================================================
   Движение (заедно с ava-motion.js). Нищо не е скрито без скрипт:
   .ah-pre се слага от скрипта само на блокове под първия екран.
   ============================================================ */
/* 1) снимката в активния слайд бавно се приближава */
.avh-media{overflow:hidden}
.avh-slide.on .avh-bg{animation:ahKen 14s ease-in-out infinite alternate}
@keyframes ahKen{from{transform:scale(1)}to{transform:scale(1.06)}}
/* слайдовете-карти (Shelly, Blauberg) са центрирани с transform - приближаването ги избутваше надолу, затова при тях няма */
.avh-slide.card .avh-bg,.avh-slide.card.on .avh-bg{animation:none !important}
/* 2) отблясък по златния бутон: веднъж при показване и при посочване */
.avh-btn{position:relative;overflow:hidden}
.avh-btn--gold::after,.avf-btn--gold::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-18deg);pointer-events:none}
.avh-slide.shelly .avh-btn--gold::after{display:none}
.avh-slide.on .avh-btn--gold::after{animation:ahShine 1.1s .9s var(--ah-ease) 1 both}
.avh-btn--gold:hover::after,.avf-btn--gold:hover::after{animation:ahShine .8s var(--ah-ease) 1 both}
@keyframes ahShine{from{left:-60%}to{left:120%}}
/* 3) блоковете изплуват при превъртане */
.ah-rv.ah-rv{transition:opacity .6s var(--ah-ease),transform .6s var(--ah-ease) !important}
.ah-rv.ah-pre{opacity:0 !important;transform:translateY(14px) !important}

@media (prefers-reduced-motion:reduce){
  .avh-slide.on .avh-bg,.avh-btn--gold::after,.avf-btn--gold::after{animation:none !important}
  .ah-rv,.ah-rv.ah-pre{opacity:1 !important;transform:none !important;transition:none !important}
  section.design_template .product-list,.design_template.headline .hl-card{transition:none !important}
}

/* ---------- телефон ---------- */
@media (max-width:767px){
  section.design_template .gray_24,section.design_template .row > .gray_20,section.design_template .section-title,.ava-brandstrip__title{font-size:24px !important}
  section.design_template a:has(> img[src*="/all.svg"]),section.design_template a:has(> img[src*="/all_news.svg"]){padding:7px 12px;font-size:13px}
  section.design_template .row.align-items-center:is(:has(> .gray_24),:has(> .gray_20)){display:flex;flex-wrap:nowrap;align-items:center;gap:10px;margin-left:0;margin-right:0}
  section.design_template .row.align-items-center:is(:has(> .gray_24),:has(> .gray_20)) > :is(.col-md-8,.col-8){flex:1 1 auto;width:auto;min-width:0;padding-left:0}
  section.design_template .row.align-items-center:is(:has(> .gray_24),:has(> .gray_20)) > :is(.col-md-4,.col-4){flex:0 0 auto;width:auto;padding-right:0}
  section.design_template .row.align-items-center:is(:has(> .gray_24),:has(> .gray_20)) > :is(.col-md-12,.col-12){display:none}
  section.design_template .product-list .pad5{padding:10px 10px 12px !important}
  section.design_template .product-list .gray_14,section.design_template .product-list .gray_14 a{font-size:13px !important}
  section.design_template .product-list .ava-price__now,section.design_template .product-list .ava-price__now strong{font-size:15.5px}
}

/* ---------- ширината: „Нови продукти“ в същата рамка като заглавието ---------- */
@media (min-width:768px){
  .design_template.productsnew .gallery-slider-container{max-width:1320px;margin:0 auto;padding:0 12px}
  .design_template.productsnew > .container{max-width:1320px}
}
.design_template.productsnew .gallery-slider-products-new{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.design_template.productsnew .gallery-slider-products-new > .product-list{width:auto !important;margin:0 !important;float:none !important}
@media (max-width:991px){.design_template.productsnew .gallery-slider-products-new{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
/* слайдерите без бялата ивица под картите */
section.design_template .gallery-slider-products-focus,
section.design_template .gallery-slider-products-promo,
section.design_template .gallery-slider-products-focus .slick-list,
section.design_template .gallery-slider-products-promo .slick-list{background:transparent !important}


/* ---------- бутон „в количката“ само с иконка на картите (06.10.2026) ---------- */
section.design_template .product-list{position:relative}
section.design_template .product-list .ava-qadd{position:absolute;right:12px;bottom:12px;z-index:3;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(180deg,var(--ah-btn-a),var(--ah-btn-b));color:#fff !important;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 6px 14px rgba(126,89,24,.35);
  text-decoration:none !important;transition:transform .18s var(--ah-ease),box-shadow .2s var(--ah-ease)}
section.design_template .product-list .ava-qadd:hover{transform:scale(1.08);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 10px 20px rgba(126,89,24,.45)}
section.design_template .product-list .ava-qadd:active{transform:scale(.94)}
section.design_template .product-list .ava-qadd:focus-visible{outline:2px solid var(--ah-gold);outline-offset:2px}
section.design_template .product-list .ava-price{padding-right:46px}
@media (max-width:767px){section.design_template .product-list .ava-qadd{width:36px;height:36px;right:8px;bottom:9px}
  section.design_template .product-list .pad5 table{max-width:calc(100% - 40px)}}

/* ---------- златните бутони: винаги бял текст ---------- */
.ava-rev .ava-rev__write,.ava-rev .ava-rev__write *{color:#fff !important}
.ava-rev .ava-rev__write{background:linear-gradient(180deg,var(--ah-btn-a),var(--ah-btn-b)) !important;border-color:transparent !important}
.design_template.promotiles .pt__btn--gold{background:linear-gradient(180deg,var(--ah-btn-a),var(--ah-btn-b)) !important;color:#fff !important;border:0 !important;border-radius:10px;box-shadow:0 6px 16px rgba(126,89,24,.3)}

/* ---------- всички златни бутони: тъмно злато, бял текст (07.10.2026) ---------- */
html body .ava-btn-gold,html body .ava-auth .btn-dark,html body .btn-primary,html body a.btn-primary,html body .ava-sec__btn--gold,
html body .btn-dark:hover,html body button.btn.btn-dark:hover,html body a.btn.btn-dark:hover,html body .selected-filters .hidden-post{
  background:linear-gradient(180deg,#B5852A,#7E5918) !important;color:#fff !important;border-color:transparent !important;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 8px 18px rgba(126,89,24,.3)}
html body .ava-btn-gold *,html body .btn-primary *,html body .ava-sec__btn--gold *,html body .btn-dark:hover *{color:#fff !important}

/* въздух около продуктовите редове - картите не опират в следващия блок (07.10.2026) */
.design_template.productsnew{padding:28px 0 56px !important}
.design_template.productsfocus,.design_template.productspromo{padding:56px 0 !important}
@media (max-width:767px){.design_template.productsnew{padding:20px 0 40px !important}.design_template.productsfocus,.design_template.productspromo{padding:40px 0 !important}}
/* калкулаторът е вътре в секцията с новите продукти - отстоянието е между картите и него */
.design_template.productsnew .gallery-slider-products-new{margin-bottom:48px !important}
.design_template.productsnew{padding-bottom:0 !important}
@media (max-width:767px){.design_template.productsnew .gallery-slider-products-new{margin-bottom:32px !important}}

/* телефон: бутонът с количката седи в свой ред под цената - не застъпва името и цената (07.10.2026) */
@media (max-width:767px){
  section.design_template .product-list .pad5{padding-bottom:54px !important}
  section.design_template .product-list .ava-qadd{bottom:10px;right:10px}
  section.design_template .product-list .pad5 > span.gray_14{max-height:4.2em}
  section.design_template .product-list .pad5 table{max-width:100% !important}
  section.design_template .product-list .ava-price{padding-right:0}
}

/* брояч + бърза количка в картите (09.10.2026) */
html body :is(.product-list,.product_list) .ava-qrow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 14px 14px;position:relative;z-index:3}
html body :is(.product-list,.product_list) .ava-qty{display:inline-flex;align-items:center;height:38px;border:1px solid rgba(126,89,24,.28);border-radius:999px;background:rgba(255,255,255,.9);overflow:hidden}
html body :is(.product-list,.product_list) .ava-qty button{width:32px;height:100%;border:0;background:transparent;font:500 19px/1 Manrope,sans-serif;color:#7E5918;cursor:pointer;padding:0}
html body :is(.product-list,.product_list) .ava-qty button:hover{background:rgba(181,133,42,.12)}
html body :is(.product-list,.product_list) .ava-qty input{width:36px;height:100%;border:0;text-align:center;font:600 15px Manrope,sans-serif;color:#1f1a14;background:transparent;padding:0;-moz-appearance:textfield;appearance:textfield;box-shadow:none}
html body :is(.product-list,.product_list) .ava-qty input::-webkit-inner-spin-button,html body :is(.product-list,.product_list) .ava-qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
html body :is(.product-list,.product_list) .ava-qrow .ava-qadd{position:static!important;flex:0 0 auto;width:42px;height:42px;border-radius:50%;display:grid!important;place-items:center;color:#fff!important;background:linear-gradient(180deg,#B5852A,#7E5918);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 6px 14px rgba(126,89,24,.35);transition:transform .15s}
html body :is(.product-list,.product_list) .ava-qrow .ava-qadd:hover{transform:scale(1.07)}
html body :is(.product-list,.product_list) .ava-qrow .ava-qadd svg{display:block}
html body section.design_template .product-list .pad5{padding-bottom:6px!important}
@media(max-width:767px){html body :is(.product-list,.product_list) .ava-qrow{padding:2px 8px 10px;gap:4px}html body :is(.product-list,.product_list) .ava-qty{height:34px}html body :is(.product-list,.product_list) .ava-qty button{width:26px}html body :is(.product-list,.product_list) .ava-qty input{width:28px;font-size:14px}html body :is(.product-list,.product_list) .ava-qrow .ava-qadd{width:36px;height:36px}}

/* „Провери за наличност“ вместо бърза количка (09.10.2026) */
html body :is(.product-list,.product_list) .ava-askbtn{display:flex;align-items:center;justify-content:center;width:100%;height:40px;border-radius:999px;border:1.5px solid #B5852A;background:rgba(255,255,255,.88);color:#7E5918!important;font:600 14px Manrope,sans-serif;text-decoration:none!important;transition:background .15s,color .15s}
html body :is(.product-list,.product_list) .ava-askbtn:hover{background:linear-gradient(180deg,#B5852A,#7E5918);color:#fff!important}
html body :is(.product-list,.product_list):has(.ava-askbtn) .ava-nal-tile--ask{display:none}
@media(max-width:767px){html body :is(.product-list,.product_list) .ava-askbtn{height:36px;font-size:13px}}

/* (09.10.2026) „Провери за наличност“ на един ред */
html body :is(.product-list,.product_list) .ava-askbtn{white-space:nowrap;padding:0 8px;font-size:13px;letter-spacing:-.1px}
@media(max-width:767px){html body :is(.product-list,.product_list) .ava-askbtn{font-size:12px;padding:0 4px}}

html body .ava-nal-tile--order{color:#1a7f37}