/*
Theme Name: Happy Kawaii Shop Custom
Theme URI: https://www.happyunpacking.nl/
Author: Happy Unpacking
Description: Customizable pastel kawaii WooCommerce theme with homepage layout inspired by the provided sketch.
Version: 4.4.2
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
Text Domain: happy-kawaii-shop-custom-v20
*/

:root{
  --pink:#ff6fa8;
  --pink-dark:#e84d87;
  --pink-soft:#ffe2ef;
  --lav:#6b4b94;
  --lav-soft:#efe4ff;
  --blue-soft:#e7f7ff;
  --mint-soft:#e5fbef;
  --peach-soft:#fff0dc;
  --cream:#fff9f7;
  --ink:#2a1948;
  --muted:#6d5d79;
  --line:rgba(255,111,168,.22);
  --shadow:0 12px 34px rgba(54,25,64,.10);
  --radius:22px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: "Nunito", "Baloo 2", ui-sans-serif, system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  color:var(--ink);
  background:
    radial-gradient(900px 420px at 15% -4%, rgba(255,218,236,.55), transparent 65%),
    radial-gradient(760px 360px at 90% 5%, rgba(231,247,255,.8), transparent 60%),
    #fff;
}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:none}
img{max-width:100%;height:auto}
.container{width:min(1180px, calc(100% - 48px));margin-inline:auto}
.screen-reader-text{position:absolute;left:-999em}

/* top bar */
.topbar{
  background:linear-gradient(90deg,#ff8ebb,#ff6fa8);
  color:#fff;
  font-size:13px;
  font-weight:900;
}
.topbar-inner{height:34px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.topbar span{display:inline-flex;align-items:center;gap:7px}
.topbar-right{display:flex;gap:28px}

/* header */
.site-header{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);position:sticky;top:0;z-index:60;border-bottom:1px solid rgba(255,111,168,.10)}
.header-main{height:96px;display:flex;align-items:center;gap:28px}
.logo{font-weight:1000;font-size:36px;line-height:.88;color:var(--pink);letter-spacing:-.04em}
.logo small{display:block;font-size:18px;color:var(--ink);letter-spacing:.04em}
.logo .heart{color:var(--pink)}
.main-nav{margin-left:auto}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:24px}
.main-nav li{position:relative}
.main-nav a{font-size:13px;font-weight:1000;color:var(--ink);text-transform:uppercase}
.main-nav a:hover{color:var(--pink-dark)}
.main-nav .menu-item-has-children > a::after{content:"⌄";font-size:12px;margin-left:7px;color:var(--lav)}
.nav-actions{display:flex;align-items:center;gap:15px;margin-left:10px;color:var(--ink)}
.nav-actions a,.nav-actions button{border:0;background:transparent;padding:0;cursor:pointer;color:inherit;font-weight:1000;display:inline-flex;align-items:center;gap:5px}
.cart-pill{border:2px solid var(--pink)!important;border-radius:999px!important;padding:8px 10px!important;color:var(--pink-dark)!important}
.badge{background:var(--pink);color:white;border-radius:999px;padding:1px 6px;font-size:10px}

/* Hero */
.hero{margin-top:28px}
.hero-card{
  position:relative;overflow:hidden;border-radius:28px;min-height:350px;
  background:
    radial-gradient(circle at 54% 13%, rgba(255,255,255,.9) 0 28px, transparent 30px),
    radial-gradient(circle at 10% 72%, rgba(255,255,255,.78) 0 45px, transparent 47px),
    linear-gradient(100deg,#ffdceb 0%,#ffd6ea 40%,#f1d9ff 72%,#ffe6f1 100%);
  box-shadow:var(--shadow);
  border:1px solid rgba(255,255,255,.9);
  display:grid;grid-template-columns:.9fr 1.25fr;align-items:center;padding:46px 42px;
}
.hero-card::before{
  content:"✦  ♡  ☆  ✧  ♡";position:absolute;left:38px;top:34px;font-size:26px;color:rgba(255,255,255,.95);letter-spacing:.4em
}
.hero-card::after{
  content:"";position:absolute;right:-40px;bottom:-50px;width:390px;height:270px;background:
    radial-gradient(circle at 25% 42%,rgba(255,111,168,.25),transparent 40%),
    radial-gradient(circle at 70% 42%,rgba(255,255,255,.55),transparent 48%);
  filter:blur(4px);border-radius:50%;
}
.hero-copy{position:relative;z-index:2;max-width:500px;padding-left:76px}
.hero h1{font-size:clamp(40px,5.1vw,66px);line-height:.98;margin:0 0 20px;font-weight:1000;color:var(--lav);letter-spacing:-.055em}
.hero h1 strong{display:block;color:var(--pink-dark)}
.hero p{font-size:20px;line-height:1.5;color:var(--ink);font-weight:850;margin:0 0 28px}
.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:14px 24px;font-weight:1000;font-size:14px;border:2px solid transparent;box-shadow:0 10px 24px rgba(232,77,135,.16)}
.btn-primary{background:linear-gradient(135deg,var(--pink),#ff87b7);color:#fff}
.btn-secondary{background:#fff;color:var(--ink);border-color:var(--pink)}
.hero-art{position:relative;z-index:2;min-height:260px;display:flex;align-items:flex-end;justify-content:center;gap:16px}
.hero-image{width:min(620px,100%);height:280px;border-radius:26px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}
.hero-image.is-placeholder{
  background:radial-gradient(circle at 45% 42%, #fff 0 76px, transparent 78px),radial-gradient(circle at 28% 55%,#fff7fb 0 58px,transparent 60px),radial-gradient(circle at 70% 57%,#fff4fa 0 58px,transparent 60px);
}
.hero-image.is-placeholder::before{content:"🐰 🧸 🎀";font-size:72px;filter:drop-shadow(0 12px 18px rgba(0,0,0,.12))}
.hero-burst{position:absolute;right:46px;top:35px;background:#fff4ba;color:var(--pink-dark);border-radius:50%;width:118px;height:118px;display:grid;place-items:center;text-align:center;font-weight:1000;font-size:22px;line-height:1.05;transform:rotate(7deg);box-shadow:0 10px 20px rgba(64,30,80,.10)}

/* categories */
.cat-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:28px;margin:26px auto 22px}
.cat-bubble{text-align:center;font-weight:1000;color:var(--ink)}
.cat-icon{width:108px;height:108px;border-radius:50%;display:grid;place-items:center;margin:0 auto 10px;background:var(--pink-soft);box-shadow:0 10px 24px rgba(54,25,64,.08);border:1px solid rgba(255,255,255,.9);font-size:48px;background-size:cover;background-position:center}
.cat-bubble:nth-child(2) .cat-icon{background-color:var(--lav-soft)}
.cat-bubble:nth-child(3) .cat-icon{background-color:var(--mint-soft)}
.cat-bubble:nth-child(4) .cat-icon{background-color:#ffdce9}
.cat-bubble:nth-child(5) .cat-icon{background-color:var(--peach-soft)}
.cat-bubble:nth-child(6) .cat-icon{background-color:var(--blue-soft)}

/* section title */
.section-head{display:flex;align-items:center;justify-content:center;gap:14px;margin:24px 0 18px;position:relative}
.section-head h2{font-size:32px;color:var(--lav);font-weight:1000;letter-spacing:-.035em;margin:0;text-align:center}
.section-head::before,.section-head::after{content:"♥";color:var(--pink);font-size:22px}
.section-link{position:absolute;right:0;top:50%;transform:translateY(-50%);border:1px solid var(--pink);border-radius:999px;color:var(--pink-dark);padding:9px 20px;font-weight:1000;background:#fff;font-size:13px}

/* Woo product cards */
.product-strip{position:relative;margin-bottom:20px}
.woocommerce ul.products,.product-strip ul.products{
  display:grid!important;gap:16px!important;margin:0!important;padding:0!important;list-style:none!important;
}
.product-strip.cols-6 ul.products{grid-template-columns:repeat(6,minmax(0,1fr))!important}
.product-strip.cols-8 ul.products{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:13px!important}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important;content:none!important}
.woocommerce ul.products li.product,.product-strip li.product{
  width:auto!important;float:none!important;margin:0!important;background:#fff;border:1px solid rgba(255,111,168,.15);border-radius:18px;padding:10px!important;box-shadow:0 10px 26px rgba(54,25,64,.08);position:relative;min-width:0;overflow:hidden
}
.product-strip.cols-8 li.product{padding:8px!important;border-radius:16px}
.woocommerce ul.products li.product a img{border-radius:14px;margin:0 0 10px!important;aspect-ratio:1/1;object-fit:cover;width:100%!important}
.woocommerce-loop-product__title{font-size:13px!important;line-height:1.25!important;margin:6px 0!important;color:var(--ink);font-weight:1000;min-height:32px}
.cols-8 .woocommerce-loop-product__title{font-size:11px!important;min-height:28px}
.woocommerce ul.products li.product .price{color:var(--pink-dark)!important;font-weight:1000!important;font-size:13px!important}
.cols-8 .price{font-size:11px!important}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{
  background:linear-gradient(135deg,var(--pink),#ff86b8)!important;color:#fff!important;border-radius:999px!important;border:0!important;font-weight:1000!important;padding:10px 14px!important;font-size:12px!important;line-height:1!important
}
.cols-8 a.button{font-size:10px!important;padding:8px 8px!important}
.onsale{background:var(--pink)!important;color:white!important;border-radius:999px!important;min-height:auto!important;line-height:1!important;padding:8px 10px!important;font-weight:1000!important;top:8px!important;left:8px!important;right:auto!important;margin:0!important}

/* big box banner */
.box-banner{margin:26px 0;border-radius:24px;min-height:200px;position:relative;overflow:hidden;background:linear-gradient(100deg,#ffe0ef,#fff2f8 45%,#ffddeb);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.9);padding:22px 38px}
.box-banner::before{content:"☁ ✦ ☆ ♡";position:absolute;left:22px;top:22px;color:#fff;font-size:30px;letter-spacing:.35em}
.box-left,.box-right{height:145px;border-radius:24px;background-size:cover;background-position:center;display:grid;place-items:center;font-size:64px}
.box-left.is-placeholder::before{content:"🎀 🐰 🧸"}
.box-right.is-placeholder::before{content:"🎁 ❔ 🍓"}
.box-center{text-align:center;position:relative;z-index:2}
.box-center h2{margin:0 0 9px;font-size:34px;line-height:1;color:var(--lav);font-weight:1000;letter-spacing:-.04em}
.box-center h2 strong{display:block;color:var(--pink-dark)}
.box-center p{margin:0 0 14px;font-weight:850;color:var(--ink)}

/* promo 3 */
.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0 28px}
.promo-card{min-height:150px;border-radius:22px;overflow:hidden;position:relative;padding:28px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#ffe1ef,#fff4fa);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.9);background-size:cover;background-position:center}
.promo-card::after{content:"♡ ✦";position:absolute;right:18px;top:14px;color:rgba(232,77,135,.28);font-weight:1000}
.promo-card h3{font-size:24px;margin:0 0 10px;color:var(--pink-dark);font-weight:1000;line-height:1}
.promo-card p{margin:0;color:var(--pink-dark);font-weight:900}
.promo-card:nth-child(2){background:linear-gradient(135deg,#fff0dc,#fff7ef)}
.promo-card:nth-child(3){background:linear-gradient(135deg,#dff8ff,#ffe7f3)}

/* trust */
.trust-row{margin:26px 0 18px;border-radius:18px;background:linear-gradient(90deg,#fff3f8,#fff7fb,#fff1f7);display:grid;grid-template-columns:repeat(4,1fr);gap:0;box-shadow:var(--shadow);border:1px solid rgba(255,111,168,.14)}
.trust-item{display:flex;gap:13px;align-items:center;padding:18px 24px;font-weight:900}
.trust-icon{font-size:32px;color:var(--lav)}
.trust-item strong{display:block;color:var(--ink);font-size:14px}
.trust-item span{display:block;color:var(--muted);font-size:13px}

/* instagram */
.insta-section{background:linear-gradient(135deg,#f5e8ff,#ffe3f1);border-radius:22px;padding:20px;margin:18px 0 32px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.insta-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.insta-top h2{margin:0;color:var(--lav);font-size:24px;font-weight:1000}
.insta-top p{margin:2px 0 0;color:var(--pink-dark);font-weight:900}
.insta-button{border:1px solid var(--pink);border-radius:999px;padding:10px 18px;color:var(--pink-dark);background:#fff;font-weight:1000;font-size:13px}
.insta-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}
.insta-tile{height:92px;border-radius:13px;background:#ffd9eb;background-size:cover;background-position:center;display:grid;place-items:center;font-size:34px;overflow:hidden}

/* footer */
.site-footer{background:linear-gradient(90deg,#ff8ebb,#ff6fa8);color:#fff;margin-top:0;position:relative}
.footer-wave{height:12px;background:radial-gradient(circle at 10px -2px,#fff 11px,transparent 12px) repeat-x;background-size:24px 14px}
.footer-inner{display:flex;align-items:center;gap:22px;justify-content:space-between;min-height:58px;font-size:13px;font-weight:850}
.footer-links{display:flex;gap:26px;flex-wrap:wrap}
.newsletter{display:flex;align-items:center;gap:10px}
.newsletter input{border:0;border-radius:999px;padding:12px 20px;min-width:230px}
.newsletter button{border:0;border-radius:999px;background:#fff;color:var(--pink-dark);font-weight:1000;padding:12px 22px}

/* normal pages */
.page-wrap{padding:32px 0}
.content-card{background:#fff;border-radius:24px;box-shadow:var(--shadow);padding:26px;border:1px solid rgba(255,111,168,.13)}
.woocommerce .woocommerce-ordering select{border-radius:999px;border:1px solid var(--line);padding:10px 14px;background:#fff;color:var(--ink);font-weight:800}
.woocommerce-result-count{font-weight:800;color:var(--muted)}

/* responsive */
@media (max-width:1120px){
  .main-nav ul{gap:14px}
  .product-strip.cols-6,.product-strip.cols-8{overflow-x:auto;padding-bottom:8px}
  .product-strip.cols-6 ul.products{grid-template-columns:repeat(6,150px)!important;width:max-content!important}
  .product-strip.cols-8 ul.products{grid-template-columns:repeat(8,118px)!important;width:max-content!important}
  .cat-strip{gap:16px}
}
@media (max-width:900px){
  .header-main{height:auto;min-height:86px;flex-wrap:wrap;padding:16px 0}
  .main-nav{order:3;width:100%;margin-left:0;overflow-x:auto}
  .main-nav ul{width:max-content}
  .hero-card{grid-template-columns:1fr;padding:34px 24px}
  .hero-copy{padding-left:0}
  .hero-burst{right:20px;top:18px;width:92px;height:92px;font-size:17px}
  .cat-strip{grid-template-columns:repeat(3,1fr)}
  .box-banner{grid-template-columns:1fr;text-align:center;gap:14px}
  .promo-grid{grid-template-columns:1fr}
  .trust-row{grid-template-columns:repeat(2,1fr)}
  .insta-grid{grid-template-columns:repeat(3,1fr)}
  .footer-inner{flex-direction:column;padding:18px 0}
}
@media (max-width:560px){
  .container{width:min(100% - 28px,1180px)}
  .topbar-right{display:none}
  .logo{font-size:30px}
  .cat-strip{grid-template-columns:repeat(2,1fr)}
  .cat-icon{width:92px;height:92px}
  .section-head h2{font-size:26px}
  .section-link{display:none}
  .trust-row{grid-template-columns:1fr}
  .newsletter{width:100%;flex-direction:column}
  .newsletter input,.newsletter button{width:100%}
}



/* =========================================================
   Happy Kawaii Shop Custom v4.0 Clean Edition
   Clean layout layer: preserves the current look while removing
   the need for stacked experimental overrides.
   ========================================================= */

/* ---------- Header ---------- */
.site-header{
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(12px);
  position:sticky;
  top:0;
  z-index:80;
  border-bottom:1px solid rgba(255,111,168,.10);
}

.header-main{
  height:92px;
  display:flex;
  align-items:center;
  gap:22px;
}

.site-logo img,
.custom-logo{
  max-width:230px;
  height:auto;
  display:block;
}

.main-nav{
  margin-left:auto;
}

.main-nav ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  align-items:center;
  gap:22px;
}

.main-nav a{
  font-size:14px;
  font-weight:1000;
  color:var(--ink);
  text-transform:uppercase;
}

.nav-actions{
  display:flex;
  align-items:center;
  gap:12px;
  margin-left:0;
}

.hks-search-toggle,
.hks-header-wishlist,
.hks-menu-toggle{
  border:0;
  background:transparent;
  cursor:pointer;
  color:inherit;
  font-weight:1000;
}

.hks-search-toggle{
  display:none;
}

.hks-header-wishlist{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.hks-wishlist-count{
  position:absolute;
  right:-7px;
  top:-7px;
  min-width:17px;
  height:17px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:var(--pink);
  color:#fff;
  font-size:10px;
  line-height:1;
}

.hks-search-form{
  display:flex;
  align-items:center;
  gap:6px;
  background:#fff;
  border:1px solid rgba(255,111,168,.24);
  border-radius:999px;
  padding:4px 5px 4px 12px;
  box-shadow:0 8px 20px rgba(54,25,64,.05);
}

.hks-search-form input[type="search"]{
  width:190px;
  border:0;
  box-shadow:none;
  padding:8px 6px;
  background:transparent;
  color:var(--ink);
  font-weight:800;
}

.hks-search-form button{
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,var(--pink),#ff86b8);
  color:#fff;
  font-weight:1000;
  width:38px;
  height:38px;
  cursor:pointer;
}

.cart-pill{
  border:2px solid var(--pink)!important;
  border-radius:999px!important;
  padding:8px 10px!important;
  color:var(--pink-dark)!important;
  background:#fff;
}

/* Mobile header: one clean row + hidden expandable search/menu */
@media (max-width:900px){
  .topbar{display:none!important;}

  .header-main{
    height:auto;
    min-height:0;
    padding:9px 0;
    display:grid;
    grid-template-columns:38px minmax(0,1fr) 38px 38px 38px 38px;
    grid-template-areas:
      "toggle logo search account wishlist cart"
      "nav nav nav nav nav nav"
      "searchform searchform searchform searchform searchform searchform";
    gap:7px;
    align-items:center;
  }

  .hks-menu-toggle{
    grid-area:toggle;
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    border-radius:999px;
    background:linear-gradient(135deg,var(--pink),#ff86b8);
    color:#fff;
    font-size:19px;
    box-shadow:0 10px 22px rgba(232,77,135,.18);
  }

  .site-logo{
    grid-area:logo;
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:0;
  }

  .site-logo img,
  .custom-logo{
    max-width:155px;
    width:auto;
    height:auto;
  }

  .logo{
    font-size:24px;
    line-height:.86;
    white-space:nowrap;
  }

  .logo small{font-size:12px;}

  .nav-actions{display:contents;}

  .hks-search-toggle,
  .nav-actions .account-link,
  .hks-header-wishlist,
  .nav-actions .cart-pill{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:2px solid var(--pink)!important;
    border-radius:999px!important;
    background:#fff!important;
    color:var(--pink-dark)!important;
    font-size:17px!important;
    padding:0!important;
    overflow:visible!important;
  }

  .hks-search-toggle{grid-area:search;}
  .nav-actions .account-link{grid-area:account;}
  .hks-header-wishlist{grid-area:wishlist;}

  .nav-actions .cart-pill{
    grid-area:cart;
    text-indent:-9999px;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    position:relative;
  }

  .nav-actions .cart-pill *{display:none!important;}

  .nav-actions .cart-pill::before{
    content:"🛒";
    position:absolute;
    inset:0;
    text-indent:0;
    color:var(--pink-dark);
    font-size:17px;
    line-height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
  }

  .hks-search-form{
    grid-area:searchform;
    display:none;
    width:100%;
    max-width:100%;
    margin-top:6px;
    padding:4px 5px 4px 12px;
  }

  body.hks-search-open .hks-search-form{display:flex;}

  .hks-search-form input[type="search"]{
    width:100%;
    min-width:0;
    font-size:14px;
  }

  .main-nav{
    grid-area:nav;
    display:none;
    width:100%;
    margin:7px 0 0;
    overflow:visible;
  }

  body.hks-mobile-menu-open .main-nav,
  html.hks-mobile-menu-open .main-nav,
  .site-header.hks-open .main-nav{
    display:block!important;
  }

  .main-nav ul{
    width:100%;
    display:grid;
    gap:8px;
    padding:12px;
    margin:0;
    background:rgba(255,255,255,.97);
    border:1px solid rgba(255,111,168,.16);
    border-radius:22px;
    box-shadow:var(--shadow);
  }

  .main-nav a{
    display:block;
    padding:13px 15px;
    border-radius:16px;
    background:#fff4fa;
    color:var(--pink-dark)!important;
    text-align:left;
  }
}

@media (max-width:390px){
  .header-main{
    grid-template-columns:35px minmax(0,1fr) 35px 35px 35px 35px;
    gap:5px;
  }

  .site-logo img,
  .custom-logo{max-width:132px;}

  .hks-menu-toggle,
  .hks-search-toggle,
  .nav-actions .account-link,
  .hks-header-wishlist,
  .nav-actions .cart-pill{
    width:35px!important;
    height:35px!important;
    min-width:35px!important;
    max-width:35px!important;
    font-size:15px!important;
  }
}

/* ---------- Homepage refinements ---------- */
.cat-strip{
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:10px!important;
  margin:20px auto 16px!important;
}

.cat-icon{
  width:68px!important;
  height:68px!important;
  font-size:30px!important;
  margin-bottom:7px!important;
}

.cat-bubble span:last-child{
  font-size:12px!important;
  line-height:1.1;
}

.faves-selected-products ul.products{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
}

.featured-deal{
  width:min(1180px, calc(100% - 48px));
  margin:24px auto 30px;
  display:grid;
  grid-template-columns:minmax(220px,.85fr) minmax(0,1.35fr);
  align-items:center;
  gap:28px;
  min-height:250px;
  padding:30px;
  border-radius:28px;
  background:
    radial-gradient(circle at 14% 22%, rgba(255,255,255,.92) 0 34px, transparent 35px),
    radial-gradient(circle at 90% 78%, rgba(255,255,255,.62) 0 46px, transparent 47px),
    linear-gradient(120deg,#ffe0ef 0%,#fff3f9 46%,#eaf8ff 100%);
  border:1px solid rgba(255,111,168,.18);
  box-shadow:var(--shadow);
  position:relative;
  overflow:hidden;
}

.featured-deal::before{
  content:"♡ ✦ SALE ✦ ♡";
  position:absolute;
  right:28px;
  top:18px;
  color:rgba(232,77,135,.22);
  font-size:24px;
  font-weight:1000;
  letter-spacing:.16em;
}

.featured-deal__image{
  position:relative;
  z-index:2;
  min-height:200px;
  display:grid;
  place-items:center;
  border-radius:24px;
  background:rgba(255,255,255,.58);
  border:1px solid rgba(255,255,255,.9);
  overflow:hidden;
}

.featured-deal__image img{
  width:100%;
  max-height:220px;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 14px 22px rgba(54,25,64,.16));
}

.featured-deal__content{position:relative;z-index:2;}

.featured-deal__badge{
  display:inline-flex;
  padding:8px 13px;
  border-radius:999px;
  background:#fff;
  color:var(--pink-dark);
  border:1px solid rgba(255,111,168,.18);
  box-shadow:0 8px 20px rgba(54,25,64,.06);
  font-size:13px;
  font-weight:1000;
  margin-bottom:12px;
}

.featured-deal h2{
  margin:0 0 10px;
  color:var(--lav);
  font-size:clamp(28px,3.4vw,46px);
  line-height:1;
  font-weight:1000;
  letter-spacing:-.045em;
}

.featured-deal p{
  margin:0 0 16px;
  color:var(--muted);
  font-weight:850;
  font-size:17px;
  line-height:1.55;
}

.featured-deal__price{
  display:block;
  color:var(--pink-dark);
  font-weight:1000;
  font-size:24px;
  margin-bottom:16px;
}

.featured-deal__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:14px 24px;
  background:linear-gradient(135deg,var(--pink),#ff86b8);
  color:#fff!important;
  font-weight:1000;
  box-shadow:0 12px 26px rgba(232,77,135,.20);
}

.insta-section.tiktok-section{
  background:linear-gradient(135deg,#fff1f8,#f3e9ff 48%,#e9f8ff);
}

.tiktok-section .insta-top h2::before{content:"🎵 ";}

.tiktok-section .insta-button{
  background:linear-gradient(135deg,var(--pink),#ff86b8);
  color:#fff;
  border-color:transparent;
}

.tiktok-section .insta-tile{position:relative;}

.tiktok-section .insta-tile::after{
  content:"▶";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:34px;
  height:34px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.86);
  color:var(--pink-dark);
  font-size:15px;
  box-shadow:0 8px 20px rgba(54,25,64,.12);
}

@media (max-width:900px){
  .hero-card{
    display:flex!important;
    flex-direction:column!important;
    gap:24px!important;
    padding:28px 18px!important;
    min-height:0!important;
  }

  .hero-copy{
    width:100%!important;
    max-width:100%!important;
    padding-left:0!important;
  }

  .hero h1{
    font-size:clamp(34px,10vw,48px)!important;
    line-height:1.03!important;
  }

  .hero p{
    font-size:17px!important;
    margin-bottom:18px!important;
  }

  .hero-buttons{
    gap:10px!important;
    margin-bottom:8px!important;
  }

  .hero-buttons .btn{
    padding:12px 18px!important;
    font-size:13px!important;
  }

  .hero-art{
    width:100%!important;
    display:block!important;
    min-height:0!important;
    margin-top:6px!important;
  }

  .hero-image{
    width:100%!important;
    height:auto!important;
    aspect-ratio:1/1!important;
    max-height:360px!important;
    border-radius:22px!important;
  }

  .featured-deal{
    width:min(100% - 28px,1180px);
    grid-template-columns:1fr;
    padding:22px;
    gap:18px;
  }

  .homepage .faves-selected-products{
    overflow-x:auto!important;
    padding-bottom:8px;
  }

  .homepage .faves-selected-products ul.products{
    grid-template-columns:repeat(6,110px)!important;
    width:max-content!important;
    max-width:none!important;
  }
}

/* ---------- WooCommerce clean layout ---------- */
.hks-wc-page{
  padding:34px 0 48px;
  background:
    radial-gradient(620px 240px at 18% 0%, rgba(255,226,239,.46), transparent 65%),
    radial-gradient(560px 240px at 86% 8%, rgba(231,247,255,.62), transparent 62%);
}

.hks-wc-card,
.hks-single-product-card{
  width:min(1180px, calc(100% - 48px));
  max-width:1180px;
  margin:0 auto;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(255,111,168,.16);
  border-radius:30px;
  box-shadow:var(--shadow);
  padding:26px;
  box-sizing:border-box;
  overflow:hidden;
}

.hks-breadcrumbs{
  color:var(--muted);
  font-size:13px;
  font-weight:850;
  margin:0 0 14px;
}

.hks-breadcrumbs a{color:var(--pink-dark);font-weight:1000;}

.hks-category-bar{
  display:flex;
  gap:9px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  padding:0 0 18px;
  margin:0 0 22px;
  border-bottom:1px dashed rgba(255,111,168,.22);
}

.hks-category-bar a{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  padding:9px 14px;
  background:#fff4fa;
  color:var(--pink-dark);
  border:1px solid rgba(255,111,168,.22);
  font-size:13px;
  font-weight:1000;
}

.hks-wc-card ul.products{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  margin:0!important;
  padding:0!important;
  width:100%!important;
  max-width:100%!important;
}

.hks-wc-card ul.products::before,
.hks-wc-card ul.products::after{
  content:none!important;
  display:none!important;
}

.hks-wc-card ul.products li.product{
  float:none!important;
  clear:none!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:12px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid rgba(255,111,168,.15)!important;
  box-shadow:0 10px 26px rgba(54,25,64,.08)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.woocommerce ul.products li.product:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 38px rgba(54,25,64,.14)!important;
  border-color:rgba(255,111,168,.28)!important;
}

.woocommerce ul.products li.product a img{
  transition:transform .25s ease, filter .25s ease;
}

.woocommerce ul.products li.product:hover a img{
  transform:scale(1.035);
  filter:saturate(1.04);
}

.hks-wc-card ul.products li.product a img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  border-radius:14px!important;
  margin:0 0 10px!important;
}

.hks-wc-card .woocommerce-loop-product__title{
  font-size:13px!important;
  line-height:1.22!important;
  min-height:34px!important;
  margin:6px 0!important;
}

.hks-wc-card ul.products li.product .price{
  font-size:13px!important;
  margin:0 0 8px!important;
  color:var(--pink-dark)!important;
  font-weight:1000!important;
}

.woocommerce ul.products li.product .button.ajax_add_to_cart,
.woocommerce ul.products li.product .button.product_type_simple,
.woocommerce ul.products li.product .button.product_type_variable,
.woocommerce ul.products li.product .button.product_type_grouped,
.woocommerce ul.products li.product .button.product_type_external{
  display:none!important;
}

.hks-card-actions{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:7px;
  align-items:center;
  margin-top:auto;
}

.hks-wishlist-btn,
.hks-quick-view-btn{
  border:0;
  cursor:pointer;
  font-weight:1000;
  border-radius:999px;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.hks-wishlist-btn{
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff4fa;
  color:var(--pink-dark);
  border:1px solid rgba(255,111,168,.24);
  font-size:17px;
}

.hks-wishlist-btn.is-active{
  background:linear-gradient(135deg,var(--pink),#ff86b8);
  color:#fff;
}

.hks-quick-view-btn{
  min-height:38px;
  padding:9px 12px;
  background:linear-gradient(135deg,var(--pink),#ff86b8);
  color:#fff;
  font-size:12px;
}

.hks-single-product-card div.product{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  border-radius:0!important;
}

.hks-single-product-card div.product div.images{
  background:linear-gradient(135deg,#fff3f8,#f7ecff)!important;
  border:1px solid rgba(255,111,168,.14)!important;
  border-radius:26px!important;
  padding:14px!important;
  box-shadow:0 14px 34px rgba(54,25,64,.08)!important;
}

.hks-single-product-card div.product div.summary{
  background:linear-gradient(135deg,rgba(255,226,239,.58),rgba(255,255,255,.86))!important;
  border:1px solid rgba(255,111,168,.15)!important;
  border-radius:26px!important;
  padding:24px!important;
}

.hks-single-product-card .related.products,
.hks-single-product-card .upsells.products{
  clear:both!important;
  margin-top:30px!important;
  background:rgba(255,255,255,.86)!important;
  border-radius:28px!important;
  padding:22px!important;
  border:1px solid rgba(255,111,168,.14)!important;
  box-shadow:var(--shadow)!important;
}

.hks-single-product-card .related.products ul.products,
.hks-single-product-card .upsells.products ul.products{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}

@media (max-width:900px){
  .hks-wc-page{padding:20px 0 34px;}

  .hks-wc-card,
  .hks-single-product-card{
    width:calc(100% - 24px);
    max-width:calc(100% - 24px);
    padding:14px;
    border-radius:24px;
  }

  body:not(.home) .woocommerce ul.products,
  .hks-wc-card ul.products,
  .hks-single-product-card .related.products ul.products,
  .hks-single-product-card .upsells.products ul.products{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    margin:0!important;
    padding:0!important;
  }

  body:not(.home) .woocommerce ul.products li.product,
  .hks-wc-card ul.products li.product,
  .hks-single-product-card .related.products ul.products li.product,
  .hks-single-product-card .upsells.products ul.products li.product{
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    float:none!important;
    clear:none!important;
    padding:10px!important;
    border-radius:18px!important;
    display:flex!important;
    flex-direction:column!important;
  }

  body:not(.home) .woocommerce ul.products li.product a img,
  .hks-wc-card ul.products li.product a img,
  .hks-single-product-card ul.products li.product a img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:1/1!important;
    object-fit:cover!important;
    border-radius:13px!important;
    margin:0 0 8px!important;
  }

  .hks-wc-card .woocommerce-loop-product__title,
  .hks-single-product-card .woocommerce-loop-product__title{
    font-size:13px!important;
    line-height:1.2!important;
    min-height:38px!important;
    overflow-wrap:break-word!important;
  }

  .hks-card-actions{
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:7px!important;
    width:100%!important;
  }

  .hks-wishlist-btn{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
  }

  .hks-quick-view-btn{
    min-height:36px!important;
    font-size:10px!important;
    padding:7px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .hks-single-product-card div.product div.summary,
  .hks-single-product-card div.product div.images{
    padding:16px!important;
    border-radius:22px!important;
  }
}

/* ---------- Contact ---------- */
.hks-contact-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr)!important;
  gap:32px!important;
  align-items:start!important;
}

.hks-contact-form,
.hks-contact-info{
  background:#fff;
  border:1px solid rgba(255,111,168,.14);
  border-radius:24px;
  padding:22px;
  box-shadow:0 10px 26px rgba(54,25,64,.06);
}

@media (max-width:900px){
  .content-card{padding:20px!important;overflow:hidden!important;}

  .hks-contact-layout,
  .contact-wrap,
  .contact-page,
  body.page .content-card > .wp-block-columns{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }

  .hks-contact-form,
  .hks-contact-info{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding:16px!important;
    border-radius:20px!important;
  }

  .content-card form,
  .content-card input,
  .content-card textarea,
  .content-card select,
  .content-card .wpcf7,
  .content-card .wpcf7-form-control,
  .content-card .wpforms-container,
  .content-card .wpforms-field input,
  .content-card .wpforms-field textarea{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
}

/* ---------- Quick View ---------- */
.hks-qv-overlay{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(42,25,72,.42);
  backdrop-filter:blur(6px);
}

.hks-qv-overlay.is-open{display:flex;}

.hks-qv-modal{
  width:min(860px,100%);
  max-height:90vh;
  overflow:auto;
  background:#fff;
  border:1px solid rgba(255,111,168,.20);
  border-radius:30px;
  box-shadow:0 24px 70px rgba(24,12,38,.28);
  position:relative;
  padding:26px;
}

.hks-qv-close{
  position:absolute;
  right:16px;
  top:16px;
  border:0;
  width:40px;
  height:40px;
  border-radius:999px;
  background:#fff4fa;
  color:var(--pink-dark);
  font-size:22px;
  font-weight:1000;
  cursor:pointer;
}

.hks-qv-content{
  display:grid;
  grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr);
  gap:24px;
  align-items:center;
}

.hks-qv-image{
  background:linear-gradient(135deg,#fff3f8,#f7ecff);
  border:1px solid rgba(255,111,168,.14);
  border-radius:24px;
  padding:14px;
}

.hks-qv-image img{
  width:100%;
  max-height:420px;
  object-fit:contain;
  border-radius:18px;
  display:block;
}

.hks-qv-info h2{
  margin:0 0 10px;
  color:var(--lav);
  font-size:clamp(26px,3vw,40px);
  line-height:1.05;
  font-weight:1000;
}

.hks-qv-price{
  color:var(--pink-dark);
  font-size:24px;
  font-weight:1000;
  margin:0 0 14px;
}

.hks-qv-desc{
  color:var(--muted);
  font-weight:800;
  line-height:1.6;
  margin-bottom:18px;
}

.hks-qv-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.hks-qv-actions .button,
.hks-qv-actions a{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  border-radius:999px!important;
  padding:13px 20px!important;
  font-weight:1000!important;
}

.hks-qv-view{
  background:#fff4fa!important;
  color:var(--pink-dark)!important;
  border:1px solid rgba(255,111,168,.22)!important;
}

@media (max-width:900px){
  .hks-qv-content{grid-template-columns:1fr;}
  .hks-qv-modal{padding:20px;border-radius:24px;}
  .hks-qv-overlay{padding:14px;}
}

/* ---------- Wishlist Panel ---------- */
.hks-wishlist-overlay{
  display:none;
  position:fixed;
  inset:0;
  z-index:99998;
  background:rgba(42,25,72,.38);
  backdrop-filter:blur(5px);
}

body.hks-wishlist-open .hks-wishlist-overlay{display:block;}

.hks-wishlist-panel{
  position:absolute;
  right:0;
  top:0;
  height:100%;
  width:min(420px,92vw);
  background:#fff;
  border-left:1px solid rgba(255,111,168,.18);
  box-shadow:-18px 0 55px rgba(24,12,38,.20);
  padding:24px;
  overflow:auto;
}

.hks-wishlist-close{
  position:absolute;
  right:16px;
  top:16px;
  border:0;
  width:38px;
  height:38px;
  border-radius:999px;
  background:#fff4fa;
  color:var(--pink-dark);
  font-size:22px;
  font-weight:1000;
  cursor:pointer;
}

.hks-wishlist-panel h2{
  margin:0 0 18px;
  color:var(--lav);
  font-weight:1000;
}

.hks-wishlist-list{
  display:grid;
  gap:12px;
}

.hks-wishlist-item{
  display:grid;
  grid-template-columns:74px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:10px;
  border-radius:18px;
  background:#fff4fa;
  border:1px solid rgba(255,111,168,.14);
}

.hks-wishlist-item img,
.hks-wishlist-placeholder{
  width:74px;
  height:74px;
  border-radius:14px;
  object-fit:cover;
  background:#fff;
  display:grid;
  place-items:center;
  color:var(--pink-dark);
  font-size:28px;
}

.hks-wishlist-item strong{
  display:block;
  color:var(--ink);
  font-weight:1000;
  line-height:1.2;
}

.hks-wishlist-item em{
  display:block;
  font-style:normal;
  color:var(--pink-dark);
  font-weight:1000;
  margin-top:4px;
}

.hks-empty-wishlist{
  background:#fff4fa;
  border-radius:18px;
  padding:18px;
  font-weight:900;
  color:var(--muted);
}


/* =========================================================
   v4.2 fixes: footer restore, clickable search/wishlist,
   desktop mini-search-icon cleanup, mobile category bubbles.
   ========================================================= */

/* Restore pretty footer cards/columns */
.site-footer{
  background:linear-gradient(90deg,#ff8ebb,#ff6fa8) !important;
  color:#fff !important;
  margin-top:40px !important;
  position:relative !important;
  padding:0 0 22px !important;
}

.footer-wave{
  height:14px !important;
  background:radial-gradient(circle at 11px -3px,#fff 12px,transparent 13px) repeat-x !important;
  background-size:26px 15px !important;
}

.footer-grid{
  width:100% !important;
  display:grid !important;
  grid-template-columns:1fr 1fr 1.15fr !important;
  gap:18px !important;
  padding:26px 0 12px !important;
  align-items:stretch !important;
}

.footer-col{
  background:rgba(255,255,255,.16) !important;
  border:1px solid rgba(255,255,255,.28) !important;
  border-radius:22px !important;
  padding:20px !important;
  box-shadow:0 12px 30px rgba(96,20,64,.10) !important;
  text-align:left !important;
}

.footer-col h3{
  margin:0 0 13px !important;
  font-size:17px !important;
  font-weight:1000 !important;
  color:#fff !important;
  text-align:left !important;
}

.footer-menu{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  gap:10px !important;
  text-align:left !important;
}

.footer-menu li{
  margin:0 !important;
  padding:0 !important;
  text-align:left !important;
}

.footer-menu a,
.footer-col a{
  color:#fff !important;
  font-weight:900 !important;
  opacity:.95 !important;
  text-align:left !important;
  display:inline-block !important;
}

.footer-brand-title{
  font-size:26px !important;
  font-weight:1000 !important;
  letter-spacing:-.035em !important;
  margin-bottom:6px !important;
  text-align:left !important;
}

.footer-brand-tagline{
  font-size:15px !important;
  font-weight:1000 !important;
  margin-bottom:14px !important;
  text-align:left !important;
}

.footer-meta{
  display:grid !important;
  gap:7px !important;
  font-weight:900 !important;
  text-align:left !important;
}

.footer-bottom{
  text-align:center !important;
  font-weight:850 !important;
  opacity:.95 !important;
  margin-top:10px !important;
}

.site-footer .footer-inner,
.site-footer .newsletter{
  display:none !important;
}

/* click/tap safety */
.hks-menu-toggle,
.hks-search-toggle,
.hks-header-wishlist,
.hks-wishlist-btn,
.hks-quick-view-btn,
.hks-qv-close,
.hks-wishlist-close{
  pointer-events:auto !important;
  touch-action:manipulation;
  cursor:pointer !important;
  user-select:none;
  -webkit-tap-highlight-color:rgba(255,111,168,.18);
}

/* Desktop search: remove the extra small visible search toggle before searchbar */
@media (min-width:901px){
  .hks-search-toggle{
    display:none !important;
  }

  .hks-search-form{
    display:flex !important;
  }
}

/* Wishlist panel should be above everything and clickable */
.hks-wishlist-overlay{
  pointer-events:none;
}

body.hks-wishlist-open .hks-wishlist-overlay{
  display:block !important;
  pointer-events:auto !important;
}

.hks-wishlist-panel{
  pointer-events:auto !important;
}

/* Mobile category bubbles on homepage: no overlap, neat grid */
@media (max-width:900px){
  .cat-strip{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:12px !important;
    width:min(100% - 28px,1180px) !important;
    margin:18px auto 16px !important;
    overflow:visible !important;
  }

  .cat-bubble{
    min-width:0 !important;
    width:100% !important;
    text-align:center !important;
  }

  .cat-icon{
    width:58px !important;
    height:58px !important;
    font-size:25px !important;
    margin:0 auto 7px !important;
  }

  .cat-bubble span:last-child{
    display:block !important;
    font-size:11px !important;
    line-height:1.08 !important;
    word-break:normal !important;
    overflow-wrap:break-word !important;
  }

  .footer-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .footer-col{
    padding:18px !important;
    border-radius:20px !important;
  }
}

@media (max-width:480px){
  .cat-strip{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:14px !important;
  }

  .cat-icon{
    width:64px !important;
    height:64px !important;
    font-size:28px !important;
  }

  .cat-bubble span:last-child{
    font-size:12px !important;
  }
}


/* =========================================================
   v4.3 fixes
   center trust/tiktok, hide desktop hamburger, mobile no logo,
   centered search icon, wishlist click fix.
   ========================================================= */

/* Homepage sections centered again */
.homepage .trust-row,
.homepage .insta-section,
.homepage .tiktok-section,
.trust-row,
.insta-section,
.tiktok-section{
  width:min(1180px, calc(100% - 48px)) !important;
  max-width:1180px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

/* Desktop: hamburger must not show */
@media (min-width:901px){
  .hks-menu-toggle{
    display:none !important;
    visibility:hidden !important;
  }

  .header-main{
    display:flex !important;
  }

  .site-logo{
    display:flex !important;
  }

  .hks-search-toggle{
    display:none !important;
  }
}

/* Search icon perfectly centered */
.hks-search-toggle,
.hks-search-form button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  line-height:1 !important;
  padding:0 !important;
}

.hks-search-form button{
  min-width:38px !important;
  width:38px !important;
  height:38px !important;
}

/* Wishlist click / layering fix */
.hks-header-wishlist{
  z-index:5 !important;
  pointer-events:auto !important;
}

.hks-wishlist-overlay{
  z-index:100000 !important;
}

.hks-wishlist-panel{
  z-index:100001 !important;
}

/* Mobile: remove logo completely, compact icon row */
@media (max-width:900px){
  .header-main{
    grid-template-columns:38px 1fr 38px 38px 38px 38px !important;
    grid-template-areas:
      "toggle spacer search account wishlist cart"
      "nav nav nav nav nav nav"
      "searchform searchform searchform searchform searchform searchform" !important;
    gap:7px !important;
  }

  .site-logo{
    display:none !important;
  }

  .header-main::before{
    content:"";
    grid-area:spacer;
  }

  .hks-search-toggle,
  .nav-actions .account-link,
  .hks-header-wishlist,
  .nav-actions .cart-pill,
  .hks-menu-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    line-height:1 !important;
  }

  .hks-search-toggle{
    font-size:0 !important;
  }

  .hks-search-toggle::before{
    content:"🔍";
    font-size:16px !important;
    line-height:1 !important;
    display:block;
  }

  .hks-search-form button{
    font-size:0 !important;
  }

  .hks-search-form button::before{
    content:"🔍";
    font-size:16px !important;
    line-height:1 !important;
    display:block;
  }

  .homepage .trust-row,
  .homepage .insta-section,
  .homepage .tiktok-section,
  .trust-row,
  .insta-section,
  .tiktok-section{
    width:min(100% - 28px,1180px) !important;
  }
}

@media (max-width:390px){
  .header-main{
    grid-template-columns:35px 1fr 35px 35px 35px 35px !important;
    gap:5px !important;
  }
}


/* =========================================================
   v4.4 header/search/wishlist hard reset
   ========================================================= */

/* Desktop: absolutely no separate loose search icon or hamburger */
@media (min-width:901px){
  .hks-menu-toggle,
  .hks-search-toggle,
  .hks-mobile-search-toggle{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    height:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
  }

  .site-logo{
    display:flex !important;
  }

  .hks-search-form{
    display:flex !important;
    position:relative !important;
    opacity:1 !important;
    visibility:visible !important;
  }
}

/* Mobile: logo gone, only icon row */
@media (max-width:900px){
  .site-logo,
  .site-logo *,
  .custom-logo-link,
  .custom-logo,
  .logo{
    display:none !important;
    visibility:hidden !important;
    width:0 !important;
    max-width:0 !important;
    height:0 !important;
    max-height:0 !important;
    overflow:hidden !important;
    pointer-events:none !important;
  }

  .header-main{
    display:grid !important;
    grid-template-columns:38px 1fr 38px 38px 38px 38px !important;
    grid-template-areas:
      "toggle spacer msearch account wishlist cart"
      "nav nav nav nav nav nav"
      "searchform searchform searchform searchform searchform searchform" !important;
    gap:7px !important;
    align-items:center !important;
  }

  .header-main::before{
    content:"";
    grid-area:spacer;
  }

  .hks-mobile-search-toggle{
    grid-area:msearch !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    max-width:38px !important;
    border:2px solid var(--pink) !important;
    border-radius:999px !important;
    background:#fff !important;
    color:var(--pink-dark) !important;
    font-size:0 !important;
    line-height:1 !important;
    padding:0 !important;
    cursor:pointer !important;
    pointer-events:auto !important;
  }

  .hks-mobile-search-toggle::before{
    content:"🔍";
    display:block;
    font-size:16px !important;
    line-height:1 !important;
  }

  .hks-search-toggle{
    display:none !important;
  }

  .hks-search-form{
    grid-area:searchform !important;
    display:none !important;
    width:100% !important;
    max-width:100% !important;
    margin-top:6px !important;
  }

  body.hks-search-open .hks-search-form,
  html.hks-search-open .hks-search-form,
  .site-header.hks-search-open .hks-search-form{
    display:flex !important;
  }

  .nav-actions{
    display:contents !important;
  }

  .nav-actions .account-link{grid-area:account !important;}
  .hks-header-wishlist{grid-area:wishlist !important;}
  .nav-actions .cart-pill{grid-area:cart !important;}

  .hks-menu-toggle{grid-area:toggle !important;}
}

/* Wishlist button and overlay hard fix */
.hks-header-wishlist{
  pointer-events:auto !important;
  cursor:pointer !important;
  z-index:999 !important;
  position:relative !important;
}

.hks-wishlist-overlay{
  display:none;
  position:fixed !important;
  inset:0 !important;
  z-index:1000000 !important;
  background:rgba(42,25,72,.38) !important;
  backdrop-filter:blur(5px);
}

body.hks-wishlist-open .hks-wishlist-overlay,
html.hks-wishlist-open .hks-wishlist-overlay{
  display:block !important;
  pointer-events:auto !important;
}

.hks-wishlist-panel{
  position:absolute !important;
  right:0 !important;
  top:0 !important;
  height:100% !important;
  width:min(420px, 92vw) !important;
  background:#fff !important;
  z-index:1000001 !important;
  pointer-events:auto !important;
}


/* v4.4.2 script state safety only */
body.hks-mobile-menu-open .main-nav,
html.hks-mobile-menu-open .main-nav,
.site-header.hks-open .main-nav{
  display:block !important;
}

body.hks-search-open .hks-search-form,
html.hks-search-open .hks-search-form,
.site-header.hks-search-open .hks-search-form{
  display:flex !important;
}
.footer-payments{
    margin-top:14px;
}

.footer-payments img{
    max-width:260px;
    width:100%;
    height:auto;
    display:block;
}