/* ==========================================================================
   kupidonsplus.lv theme: romantic red and pink, hearts, bold sans with a script accent.
   Loaded after app.css only on sites whose SITES 'theme' is 'kupidons' (inc/header.php).
   Follows the owner's mockup (G:\My Drive\SexxShop\06_Brand-Design_Dizains\kupidons). Images: FLUX.2 renders
   on the 5090 (14.10.2026), except logo.png (cut from the mockup until a vector logo exists).
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&family=Lora:wght@600;700&display=swap');

:root{
  --pink-600:#C8102E; --pink-700:#9D0A1F; --pink-500:#E23A4F; --pink-100:#FDE3E7; --pink-50:#FFF4F6;
  --navy-900:#23181B; --navy-800:#3A2227; --navy-700:#5A3038; --navy-100:#FBE4E7;
  --gray-50:#FFF7F7; --gray-100:#FBEDEE; --gray-200:#F3D9DC; --gray-300:#E8C3C8; --gray-400:#B79CA2; --gray-500:#857278; --gray-600:#5E4C51;
  --gold:#C8102E; --green-600:#14A44D; --green-700:#0F8A40;
  --bg-page:#FDF5F5; --border-subtle:#F4DEE1;
  --font-display:'Montserrat','Poppins',system-ui,sans-serif;
  --shadow-pink:0 8px 22px rgba(200,16,46,.30);
  --ku-red-1:#C4142C; --ku-red-2:#8E0717; --ku-deep:#5A0712;
}
html[lang=ru]{--font-display:'Montserrat',system-ui,sans-serif}
body{background:var(--bg-page)}
/* Hearts down both sides of the page, only where there is room next to the 1180px column */
@media(min-width:1440px){
  body{background:url('bg-hearts-left.webp?v=20261014d') left 0 top 380px/120px auto no-repeat,
                  url('bg-hearts-right.webp?v=20261014d') right 0 top 380px/120px auto no-repeat,var(--bg-page)}
}

/* ---- top bars ---- */
.sx-infobar{background:#FCE8EA;color:#7A1020}
.sx-infobar a{color:#7A1020}
.sx-infobar .adv .bi{color:var(--pink-600)}
.sx-lang a{color:#B06A74}
.sx-lang a.active{color:var(--pink-600)}
.sx-promo{background:linear-gradient(90deg,var(--ku-red-2),var(--ku-red-1) 50%,var(--ku-red-2))}

/* ---- header ---- */
.sx-header{background:radial-gradient(60% 140% at 100% 0%,#FCE1E5 0%,rgba(252,225,229,0) 60%),linear-gradient(180deg,#FFFFFF,#FDF1F2);box-shadow:0 2px 12px rgba(142,7,23,.08)}
/* The logo is an image: the wordmark text stays in the page for screen readers and search engines */
.sx-wordmark{display:inline-block;width:268px;height:64px;font-size:0!important;color:transparent!important;overflow:hidden;
  background:url('logo.png?v=20261014e') left center/contain no-repeat}
.sx-wordmark b{color:transparent!important}
.sx-mheader .sx-wordmark{width:178px;height:44px}
.sx-header .sx-wordmark{mix-blend-mode:multiply}   /* the cut logo keeps a faint light box: multiply drops it on the light header */
#sxMenu .offcanvas-header .sx-wordmark{width:178px;height:44px;filter:brightness(0) invert(1)}
.sx-header .sx-iconbtn{color:var(--pink-600)}
@media(hover:hover){.sx-header .sx-iconbtn:hover{background:var(--pink-50)}}
.sx-header .sx-search input{background:#fff;border:1px solid #F0D4D8;height:48px;padding-right:72px;box-shadow:0 2px 8px rgba(142,7,23,.06)}
.sx-header .sx-search input:focus{border-color:var(--pink-600)}
.sx-header .sx-search button{font-size:0;gap:0;width:58px;height:40px;min-height:40px;padding:0;top:4px;right:4px;
  background:linear-gradient(180deg,var(--ku-red-1),var(--ku-red-2))}
.sx-header .sx-search button::before{font-family:'bootstrap-icons';content:"\F52A";font-size:19px;line-height:1}
.sx-header .sx-iconbtn .count{background:var(--pink-600)}

/* the red rounded category bar */
.sx-header .sx-navbar{max-width:var(--container-max);margin:0 auto 12px;border:0;border-radius:24px;
  background:linear-gradient(180deg,var(--ku-red-1),var(--ku-red-2));box-shadow:0 10px 22px rgba(142,7,23,.22)}
.sx-header .sx-navbar > .sx-wrap{padding:4px 12px}
.sx-navlink{color:#fff;font-weight:600;font-size:13px;padding:11px 9px;border-bottom:0;border-radius:999px;margin:3px 0}
.sx-navlink:hover,.sx-navlink.active{color:#fff;background:rgba(0,0,0,.18);border-bottom-color:transparent}
.sx-navlink.sale{color:#fff;font-weight:800}
.sx-mega{border-radius:0 0 18px 18px;border-top:0}
.sx-mega h4{border-bottom-color:var(--pink-100)}

/* ---- hero (home): one full-width FLUX photo (gift and roses on the right, calm red satin on the left) ---- */
.sx-hero{min-height:420px;position:relative;
  background:linear-gradient(90deg,rgba(94,2,12,.72) 0%,rgba(94,2,12,.35) 40%,rgba(94,2,12,0) 62%),#8E0717 url('hero.webp?v=20261014d') right center/cover no-repeat}
.sx-hero .pic{background:none}
.sx-hero .pic img{display:none}
.sx-hero .pic::after{display:none}
.sx-hero .eyebrow{color:#FFD5DC}
.sx-hero h1{font-family:'Lora',Georgia,serif;font-weight:700;text-shadow:0 2px 14px rgba(0,0,0,.25)}
.sx-hero p{color:#FFE9EC}
.sx-hero-cta .sx-btn-primary{background:#fff;color:var(--pink-600);box-shadow:0 10px 24px rgba(0,0,0,.25)}
@media(hover:hover){.sx-hero-cta .sx-btn-primary:hover{background:#FFE9EC;color:var(--pink-700)}}
@media(max-width:768px){
  .sx-hero{min-height:500px;background:#8E0717 url('hero.webp?v=20261014d') 70% center/cover no-repeat}
  .sx-hero .pic::after{display:block;background:linear-gradient(180deg,rgba(94,2,12,0) 0%,rgba(94,2,12,.3) 35%,rgba(94,2,12,.88) 64%,#5E020C)}
}

/* ---- category page: title banner and chips ---- */
.sx-cat > h1.sx-sectitle{display:flex;align-items:center;min-height:150px;padding:30px 34px;border-radius:20px;color:#fff;
  font-family:'Lora',Georgia,serif;font-weight:700;font-size:44px;letter-spacing:0;text-shadow:0 2px 12px rgba(0,0,0,.25);
  background:#5A0410 url('banner-hearts.webp?v=20261014d') center/cover no-repeat}
@media(max-width:768px){.sx-cat > h1.sx-sectitle{min-height:96px;padding:20px;font-size:26px;border-radius:16px;background-size:auto 100%,auto}}
.sx-cat-chip{background:#FDE7EA;color:#9D0A1F;font-weight:600}
.sx-cat-chip .n{background:#fff;color:#9D0A1F}
.sx-cat-chip.is-on{background:linear-gradient(180deg,var(--ku-red-1),var(--ku-red-2));color:#fff}

/* ---- section titles ---- */
.sx-sectitle{font-family:'Lora',Georgia,serif;font-weight:700;letter-spacing:0}
.sx-sectitle .lead{color:var(--gray-500);font-weight:600}

/* ---- product cards ---- */
.sx-pcard{border-color:#F4E1E3;border-radius:16px;box-shadow:0 4px 14px rgba(142,7,23,.06)}
.sx-pcard .title{font-family:var(--font-display);font-weight:700;font-size:14.5px}
.sx-price{font-weight:800;color:var(--navy-900)}
.sx-price.sale{color:var(--pink-600)}
.sx-badge-discount,.sx-badge-sale{background:var(--pink-600);color:#fff}
.sx-pcard .addbtn{background:linear-gradient(180deg,var(--ku-red-1),var(--ku-red-2));color:#fff;box-shadow:0 6px 14px rgba(142,7,23,.25);
  min-height:42px;font-size:14px;font-weight:700}
.sx-pcard .addbtn:active{background:var(--ku-red-2);color:#fff}
@media(hover:hover){.sx-pcard:hover .addbtn,.sx-pcard .addbtn:hover{background:linear-gradient(180deg,#D51A33,#9D0A1F);color:#fff}}
.sx-btn-cart{background:linear-gradient(180deg,var(--ku-red-1),var(--ku-red-2));box-shadow:var(--shadow-pink)}
.sx-btn-cart:active{background:var(--ku-red-2)}

/* ---- tiles, promos, trust ---- */
.sx-cattile{border-color:#F4DEE1;border-radius:16px}
.sx-cattile .pic{height:190px;padding:0;position:relative;overflow:hidden;background:#FDE3E7!important}
.sx-cattile .pic img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;mix-blend-mode:normal}
@media(max-width:900px){.sx-cattile .pic{height:auto}}
.sx-cattile .lbl b{font-weight:700}
.sx-promoblock.dark{background:linear-gradient(135deg,#8E0717,#490106)}
.sx-promoblock.pink{background:linear-gradient(135deg,#E23A4F,#C8102E)}
.sx-promoblock.soft{background:#FDE3E7}
.sx-trust .item{background:#fff;border:1px solid #F4DEE1}

/* ---- footer ---- */
.sx-nl{background:#FDE3E7}
.sx-foot{background:linear-gradient(180deg,#7A0614,var(--ku-deep))}
.sx-pay,.sx-copy{background:#FBEDEE}
#sxMenu .offcanvas-header{background:linear-gradient(180deg,var(--ku-red-1),var(--ku-red-2))!important}
.sx-freebar .fill{background:var(--pink-600)}