:root{
  /* Logo greens */
  --g-950:#003d1a;
  --g-900:#005c26;
  --g-800:#007830;
  --g-700:#189c30;
  --g-100:#e8f6eb;
  --g-50:#f4faf5;
  /* Logo / nav accents */
  --brand:#e13289;
  --brand-soft:#fce8f2;
  --logo-red:#e4000c;
  --orange:#e86b12;
  --orange-soft:#fff4eb;
  --gold:#febd04;
  --text:#1a241c;
  --muted:#6a756d;
  --line:#e7ebe6;
  --cream:#fbf8f2;
  --white:#fff;
  --shadow:0 10px 30px rgba(20,40,24,.08);
  --shadow-sm:0 2px 10px rgba(20,40,24,.06);
  --radius:14px;
  --wrap:1200px;
  --font:"Urbanist",system-ui,sans-serif;
}

body.hy-sf *{box-sizing:border-box}
html{scroll-behavior:smooth}
body.hy-sf{
  margin:0;
  font-family:var(--font);
  color:var(--text);
  background:var(--white);
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  -webkit-user-select:none;
  user-select:none;
}
body.hy-sf input,
body.hy-sf textarea,
body.hy-sf select,
body.hy-sf [contenteditable="true"]{
  -webkit-user-select:text;
  user-select:text;
}
body.hy-sf a{color:inherit;text-decoration:none}
body.hy-sf img{max-width:100%;display:block}
body.hy-sf button,
body.hy-sf input{font:inherit}
body.hy-sf .wrap{width:min(var(--wrap), calc(100% - 48px));margin:0 auto}

/* ========== TOPBAR ========== */
body.hy-sf .topbar{
  background:var(--g-800);
  color:#fff;
  overflow:hidden;
  height:44px;
  display:flex;
  align-items:center;
  border-bottom:0;
}
body.hy-sf .topbar-track{
  display:flex;
  width:max-content;
  animation:marquee 40s linear infinite;
  will-change:transform;
}
body.hy-sf .topbar-group{
  display:flex;
  align-items:center;
  flex-shrink:0;
  white-space:nowrap;
  padding-right:0;
}
body.hy-sf .topbar-group span{
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.hy-sf .topbar-group i{
  color:var(--gold);
  margin:0 18px;
  font-style:normal;
  font-weight:700;
  flex-shrink:0;
}
@keyframes marquee{
  from{transform:translateX(0)}
  to{transform:translateX(-25%)}
}
@media (prefers-reduced-motion:reduce){

  body.hy-sf .topbar-track{animation:none}

}

/* ========== HEADER ========== */
body.hy-sf .header{
  background:#fff;
  position:relative;
  z-index:50;
  box-shadow:0 4px 18px rgba(20,40,24,.08);
  overflow:visible;
}
body.hy-sf .header-bar{
  border-bottom:1px solid var(--line);
  padding:15px 0;
}
body.hy-sf .header-main{
  display:grid;
  grid-template-columns:auto minmax(240px,520px) auto;
  justify-content:space-between;
  gap:28px;
  align-items:center;
  padding:22px 0;
}
body.hy-sf .header-left{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
body.hy-sf .header-main .search{
  width:100%;
  max-width:520px;
  justify-self:center;
}
body.hy-sf .header-actions{
  display:flex;
  align-items:center;
  gap:22px;
  flex-shrink:0;
  justify-self:end;
}
body.hy-sf .action-btn{
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#1b2d28;
  font:inherit;
  font-size:15px;
  font-weight:800;
  letter-spacing:.06em;
  cursor:pointer;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;
  box-shadow:none;
  transition:color .15s ease;
}
body.hy-sf .action-btn:hover{
  background:transparent;
  color:var(--g-800);
  box-shadow:none;
}
body.hy-sf .action-btn svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex-shrink:0;
}
body.hy-sf .action-icon{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:25px;
  height:25px;
  color:inherit;
}
body.hy-sf .action-icon svg{width:100%;height:100%}
body.hy-sf .action-label{
  font-size:15px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:inherit;
}
body.hy-sf .action-btn:hover .action-label{color:inherit}
body.hy-sf .action-btn.action-cart{
  background:transparent;
  border:0;
  color:#1b2d28;
}
body.hy-sf .action-btn.action-cart:hover{
  background:transparent;
  color:var(--g-800);
  box-shadow:none;
}
body.hy-sf .cart-count{
  position:absolute;
  top:-7px;
  right:-9px;
  background:var(--brand);
  color:#fff;
  min-width:18px;
  height:18px;
  padding:0 4px;
  border-radius:99px;
  font-size:10px;
  line-height:18px;
  text-align:center;
  font-weight:900;
  letter-spacing:0;
  box-shadow:0 0 0 2px #fff;
}
body.hy-sf .icon-link{display:none}
body.hy-sf .menu-btn{
  display:none;
  width:40px;height:40px;
  border:0;background:transparent;
  cursor:pointer;color:var(--text);font-size:22px;
}
body.hy-sf .logo img{height:62px;width:auto}
body.hy-sf .search{
  display:flex;
  width:100%;
  border:1px solid #d5dbd6;
  border-radius:999px;
  overflow:hidden;
  background:#fff;
  position:relative;
  transition:box-shadow .2s,border-color .2s;
}
body.hy-sf .search:focus-within{
  border-color:#b7c3b9;
  box-shadow:0 0 0 3px rgba(46,125,50,.12);
}
body.hy-sf .search-icon{
  position:absolute;left:16px;top:50%;
  transform:translateY(-50%);
  color:#8b958e;display:flex;pointer-events:none;
}
body.hy-sf .search input{
  flex:1;border:0;outline:0;background:transparent;
  height:48px;padding:0 16px 0 46px;font-size:14.5px;color:var(--text);
}
body.hy-sf .search input::placeholder{color:#8b958e}
body.hy-sf .search button{
  border:0;background:var(--g-800);color:#fff;
  font-weight:800;letter-spacing:.08em;
  padding:0 28px;cursor:pointer;transition:background .2s;
}
body.hy-sf .search button:hover{background:var(--g-900)}

body.hy-sf .nav-bar,
body.hy-sf .nav-bar.theme-menu-bg,
body.hy-sf .theme-menu-bg.nav-bar{
  background:#e13289 !important;
  width:100%;
  border-bottom:0;
}
body.hy-sf .nav-wrap{
  position:relative;
  z-index:60;
  width:min(var(--wrap), calc(100% - 48px));
  max-width:var(--wrap);
  margin:0 auto;
  padding:0;
}
body.hy-sf .nav{
  display:flex !important;
  width:100%;
  margin:0;
  padding:0;
  position:relative;
  overflow:visible;
  align-items:stretch;
  gap:0;
  justify-content:stretch;
  flex-wrap:nowrap;
}
body.hy-sf .nav-item{
  display:flex !important;
  flex:1 1 0;
  min-width:0;
  width:auto;
  position:static;
  text-align:center;
  align-items:stretch;
  justify-content:stretch;
  border-right:0;
}
body.hy-sf .nav-item:last-child{
  border-right:0;
}
body.hy-sf .nav-item > a{
  display:flex !important;
  flex:1 1 auto;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:56px;
  padding:10px 8px;
  font-size:14px;
  font-weight:700;
  line-height:1.2;
  color:#fff !important;
  text-align:center;
  white-space:normal;
  border-radius:0;
  box-sizing:border-box;
  transition:background .12s ease, color .12s ease;
  hyphens:manual;
  word-break:normal;
  overflow-wrap:break-word;
}
body.hy-sf .nav-bar .nav-item:hover,
body.hy-sf .nav-bar .nav-item.is-open{
  background:rgba(0,0,0,.12);
}
body.hy-sf .nav-bar .nav-item:hover > a,
body.hy-sf .nav-bar .nav-item.is-open > a,
body.hy-sf .nav-bar .nav-item:focus-within > a{
  background:transparent;
  color:#fff !important;
}
body.hy-sf .nav-item.has-mega{position:static}

body.hy-sf .mega{
  position:absolute;
  left:0;right:0;
  top:100%;
  z-index:80;
  padding-top:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(4px);
  transition:opacity .12s ease, transform .12s ease, visibility .12s;
}
body.hy-sf .nav-item.is-open > .mega{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}
body.hy-sf .header{
  overflow:visible;
}
body.hy-sf .mega-inner{
  width:100%;
  background:#fff;
  border:0;
  border-radius:0 0 14px 14px;
  border-left:0;
  box-shadow:0 14px 36px rgba(20,40,24,.14);
  display:block;
  overflow:hidden;
  padding:24px 28px 26px;
  box-sizing:border-box;
  position:relative;
}
body.hy-sf .mega-inner::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:6px;
  background:var(--brand);
}
body.hy-sf .mega-inner.has-featured{
  display:grid;
  grid-template-columns:minmax(0,1fr) 240px;
  gap:28px;
  align-items:start;
}
body.hy-sf .mega-hits{display:none}
body.hy-sf .mega-cols{
  display:grid;
  grid-template-columns:repeat(var(--mega-cols, 4), minmax(0,1fr));
  gap:8px 26px;
  padding:0;
}
body.hy-sf .mega-col{min-width:0}
body.hy-sf .mega-heading{
  margin:0 0 12px;
  padding:0;
  font-size:13px;
  font-weight:800;
  color:var(--g-800) !important;
  letter-spacing:.02em;
  text-transform:none;
  border-bottom:1px solid #e8eee8;
  padding-bottom:8px;
}
body.hy-sf .mega-col .mega-heading:not(:first-child){
  margin-top:18px;
}
body.hy-sf .mega-cols a{
  display:block;
  position:relative;
  padding:0 0 11px 14px;
  margin:0;
  font-size:13.5px;
  font-weight:500;
  color:#333 !important;
  border-radius:0;
  line-height:1.35;
  text-align:left;
  text-transform:none;
}
body.hy-sf .mega-cols a::before{
  content:"›";
  position:absolute;
  left:0;top:0;
  color:#999;
  font-weight:400;
  line-height:1.35;
}
body.hy-sf .mega-cols a:hover{
  color:var(--brand) !important;
}
body.hy-sf .mega-cols a:hover::before{color:var(--brand)}
body.hy-sf .mega-cols a:last-child{padding-bottom:0}
body.hy-sf .mega-cols a.mega-all,
body.hy-sf .mega-all{
  margin-top:12px;
  color:var(--brand) !important;
  font-weight:800;
  padding-left:0 !important;
}
body.hy-sf .mega-cols a.mega-all::before,
body.hy-sf .mega-all::before{display:none}
body.hy-sf .mega-featured{
  border-left:1px solid #e8eee8;
  padding-left:20px;
  text-align:left;
}
body.hy-sf .mega-featured .mega-heading{
  text-align:left;
}
body.hy-sf .mega-featured-item{
  display:flex;
  gap:8px;
  align-items:flex-start;
  justify-content:flex-start;
  padding:8px 0;
  border-bottom:1px solid #f0f3f0;
  color:inherit !important;
  text-align:left;
}
body.hy-sf .mega-featured-item:hover strong{color:var(--brand)}
body.hy-sf .mega-featured-item img,
body.hy-sf .mega-featured-ph{
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  max-width:44px;
  max-height:44px;
  border-radius:8px;
  object-fit:cover;
  object-position:center;
  background:#f3f6f3;
  flex-shrink:0;
  display:block;
}
body.hy-sf .mega-featured-item > span{
  min-width:0;
  flex:1;
  text-align:left;
  padding-top:2px;
}
body.hy-sf .mega-featured-item strong{
  display:block;
  font-size:12.5px;font-weight:700;line-height:1.25;
  color:#1f2a22;margin:0 0 2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:left;
}
body.hy-sf .mega-featured-item em{
  font-style:normal;
  font-size:12.5px;font-weight:800;color:var(--g-800);
  display:block;
  text-align:left;
}
@media (max-width:1100px){
  body.hy-sf .mega-inner.has-featured{grid-template-columns:1fr}
  body.hy-sf .mega-featured{border-left:0;padding-left:0;border-top:1px solid #e8eee8;padding-top:16px}
  body.hy-sf .mega-cols{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ========== HERO ========== */
body.hy-sf .hero{
  position:relative;
  min-height:0;
  overflow:hidden;
  background:#f4f1ec;
  aspect-ratio:16 / 5.6;
  max-height:720px;
}
body.hy-sf .hero-slides{
  position:relative;
  min-height:0;
  height:100%;
}
body.hy-sf .hero-slide{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .55s ease, visibility .55s;
}
body.hy-sf .hero-slide.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  z-index:1;
}
body.hy-sf .hero-bg{
  position:absolute;inset:0;
}
body.hy-sf .hero-slide.is-active .hero-bg{
  animation:heroIn .8s ease both;
}
body.hy-sf .hero-bg img{
  width:100%;height:100%;
  object-fit:cover;
  object-position:center center;
}
body.hy-sf .hero-bg-desktop{display:block}
body.hy-sf .hero-bg-mobile{display:none}
body.hy-sf .hero-mobile-hit{display:none}
body.hy-sf .hero-slide.is-dark .hero-bg img{
  object-position:right center;
}
body.hy-sf .hero-bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(95deg,
    rgba(251,248,242,.98) 0%,
    rgba(251,248,242,.94) 16%,
    rgba(251,248,242,.58) 34%,
    rgba(251,248,242,.12) 50%,
    rgba(251,248,242,0) 62%);
}
body.hy-sf .hero-slide.is-dark .hero-bg::after{
  background:linear-gradient(95deg,
    rgba(28,12,16,.28) 0%,
    rgba(28,12,16,.12) 28%,
    rgba(28,12,16,.04) 48%,
    rgba(28,12,16,0) 62%);
}
@keyframes heroIn{from{opacity:.72}to{opacity:1}}
body.hy-sf .hero-inner{
  position:relative;z-index:2;
  padding:36px 0 40px;
  max-width:560px;
}
body.hy-sf .hero-layout{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  min-height:100%;
  padding:28px 0;
}
body.hy-sf .hero-layout .hero-inner{
  padding:0;
  flex:0 1 560px;
}
body.hy-sf .hero-slide.is-dark .hero-inner{
  max-width:480px;
}
body.hy-sf .hero-slide.is-active .hero-inner{
  animation:rise .7s ease both;
}
body.hy-sf .hero-slide.is-active .hero-cards{
  animation:rise .75s ease both .12s;
}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
body.hy-sf .hero-kicker{
  display:inline-block;
  background:var(--orange);
  color:#fff;
  border-radius:999px;
  padding:7px 14px;
  font-size:12px;font-weight:800;letter-spacing:.02em;
  margin-bottom:16px;
}
body.hy-sf .hero-slide.is-dark .hero-kicker{
  background:rgba(244,239,230,.14);
  color:#f4efe6;
  border:1px solid rgba(244,239,230,.28);
  backdrop-filter:blur(6px);
}
body.hy-sf .hero h1{
  margin:0 0 10px;
  font-size:clamp(30px,3.2vw,44px);
  line-height:1.12;
  font-weight:800;
  letter-spacing:-.035em;
  color:var(--g-950);
  max-width:16em;
  text-wrap:balance;
  text-shadow:
    0 1px 0 rgba(255,255,255,.55),
    0 2px 12px rgba(251,248,242,.85),
    0 8px 24px rgba(251,248,242,.55);
}
body.hy-sf .hero-slide.is-dark h1{
  color:#f4efe6;
  text-shadow:0 2px 18px rgba(0,0,0,.35);
  max-width:8em;
  font-size:clamp(42px,5.4vw,72px);
  line-height:1.05;
  margin:0 0 14px;
  letter-spacing:-.04em;
}
body.hy-sf .hero p{
  margin:0 0 18px;
  max-width:34em;
  font-size:15.5px;
  line-height:1.55;
  color:#3a463e;
  text-shadow:
    0 1px 0 rgba(255,255,255,.7),
    0 2px 10px rgba(251,248,242,.9),
    0 6px 18px rgba(251,248,242,.7);
}
body.hy-sf .hero-slide.is-dark p{
  color:rgba(244,239,230,.92);
  text-shadow:0 2px 14px rgba(0,0,0,.4);
}
body.hy-sf .hero-inner{
  text-shadow:0 0 24px rgba(251,248,242,.45);
}
body.hy-sf .hero-cards{
  display:flex;
  flex-direction:column;
  gap:14px;
  width:min(320px, 34%);
  flex:0 0 auto;
  margin-left:auto;
}
body.hy-sf .hero-card{
  position:relative;
  display:flex;
  align-items:center;
  gap:14px;
  min-height:64px;
  padding:14px 18px 14px 14px;
  background:linear-gradient(180deg, #f7f1e6 0%, #efe6d6 100%);
  color:#1f4a2a;
  border-radius:22px 18px 20px 16px / 18px 22px 16px 20px;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
body.hy-sf .hero-card-icon{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:50%;
  background:linear-gradient(160deg, #189c30 0%, #007830 100%);
  color:#fff;
  flex:0 0 auto;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), 0 4px 10px rgba(0,92,38,.18);
}
body.hy-sf .hero-card-icon svg{
  display:block;
  width:22px;
  height:22px;
}
body.hy-sf .hero-card-text{
  font-size:15px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:-.01em;
}
body.hy-sf .hero-card-badge{
  position:absolute;
  top:-10px;
  right:14px;
  padding:4px 9px;
  border-radius:6px;
  background:#4a3b32;
  color:#fff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.01em;
  box-shadow:0 6px 14px rgba(0,0,0,.2);
}
body.hy-sf .hero-actions{
  display:flex;
  align-items:stretch;
  gap:10px;
  flex-wrap:wrap;
}
body.hy-sf .hero-actions .btn,
body.hy-sf .hero-offer,
body.hy-sf .hero-sale{
  height:52px;
  min-height:52px;
  box-sizing:border-box;
}
body.hy-sf .hero-actions .btn{
  padding:0 22px;
  border-radius:14px;
  box-shadow:0 10px 22px rgba(232,107,18,.28);
}
body.hy-sf .hero-offer{
  display:inline-flex;
  align-items:stretch;
  margin:0;
  padding:0;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(0,92,38,.12);
  border-radius:14px;
  box-shadow:0 10px 24px rgba(15,47,20,.1);
}
body.hy-sf .hero-offer-tag{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:58px;
  padding:0 12px;
  border-radius:0;
  background:var(--g-800);
  color:#fff;
  font-size:13px;
  font-weight:800;
  letter-spacing:.01em;
  line-height:1.1;
  text-align:center;
}
body.hy-sf .hero-offer-body{
  display:flex;
  align-items:center;
  min-width:0;
  padding:0 16px;
}
body.hy-sf .hero-offer strong{
  color:var(--g-900);
  font-size:20px;
  font-weight:800;
  letter-spacing:-.03em;
  line-height:1;
}
body.hy-sf .hero-sale{
  display:inline-flex;
  align-items:stretch;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(225,50,137,.22);
  border-radius:14px;
  box-shadow:0 10px 24px rgba(225,50,137,.12);
}
body.hy-sf .hero-sale-off{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:52px;
  padding:0 10px;
  background:var(--brand);
  color:#fff;
  font-size:15px;
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1;
}
body.hy-sf .hero-sale-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:3px;
  padding:0 14px;
}
body.hy-sf .hero-sale-copy span{
  color:var(--brand);
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  line-height:1;
  text-transform:uppercase;
}
body.hy-sf .hero-sale-copy del{
  color:#8b948e;
  font-size:13px;
  font-weight:700;
  line-height:1;
  text-decoration:line-through;
}
body.hy-sf .hero-slide.is-dark .hero-offer,
body.hy-sf .hero-slide.is-dark .hero-sale{
  background:rgba(18,12,8,.42);
  border:1px solid rgba(244,239,230,.18);
  box-shadow:0 10px 28px rgba(0,0,0,.28);
  backdrop-filter:blur(8px);
}
body.hy-sf .hero-slide.is-dark .hero-offer-tag{
  background:rgba(244,239,230,.12);
  color:#f4efe6;
  border-right:1px solid rgba(244,239,230,.14);
}
body.hy-sf .hero-slide.is-dark .hero-offer strong{
  color:#f0e2c4;
  text-shadow:0 1px 8px rgba(0,0,0,.35);
}
body.hy-sf .hero-slide.is-dark .hero-sale-off{
  background:#e86b12;
  border-right:1px solid rgba(244,239,230,.1);
}
body.hy-sf .hero-slide.is-dark .hero-sale-copy span{
  color:#ffb27a;
}
body.hy-sf .hero-slide.is-dark .hero-sale-copy del{
  color:rgba(244,239,230,.62);
}
body.hy-sf .hero-slide.is-dark .hero-actions .btn{
  box-shadow:0 10px 26px rgba(0,0,0,.35);
}
body.hy-sf .hero-slide.is-dark p{
  max-width:28em;
}
body.hy-sf .hero-badge{
  position:absolute;right:8%;top:50%;transform:translateY(-50%);
  z-index:2;width:118px;height:118px;border-radius:50%;
  background:var(--g-800);color:#fff;
  display:grid;place-content:center;text-align:center;
  box-shadow:0 16px 40px rgba(15,47,20,.28);
}
body.hy-sf .hero-slide.is-active .hero-badge{animation:rise .8s ease both .15s}
body.hy-sf .hero-badge strong{font-size:28px;font-weight:900;line-height:1}
body.hy-sf .hero-badge span{font-size:12px;font-weight:700;opacity:.85;margin-top:2px}
body.hy-sf .hero-nav{display:none}
body.hy-sf .hero-dots{display:none}
body.hy-sf .hero-pager{
  position:absolute;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  z-index:4;
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(18,22,20,.42);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:0 8px 22px rgba(0,0,0,.18);
}
body.hy-sf .hero-pager button{
  width:9px;
  height:9px;
  border:0;
  border-radius:50%;
  padding:0;
  cursor:pointer;
  background:rgba(255,255,255,.42);
  transition:width .2s ease, background .2s ease, transform .15s ease;
}
body.hy-sf .hero-pager button:hover{
  background:rgba(255,255,255,.72);
  transform:scale(1.08);
}
body.hy-sf .hero-pager button.on{
  width:26px;
  border-radius:999px;
  background:var(--gold);
}

body.hy-sf .btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:0;cursor:pointer;border-radius:10px;font-weight:800;
  padding:13px 22px;transition:transform .15s,background .2s,box-shadow .2s;
}
body.hy-sf .btn:hover{transform:translateY(-1px)}
body.hy-sf .btn-orange{background:var(--orange);color:#fff}
body.hy-sf .btn-orange:hover{background:#d45f0b}
body.hy-sf .btn-green{
  width:100%;background:var(--g-800);color:#fff;
  padding:13px 16px;font-size:14px;letter-spacing:.01em;text-transform:none;
  margin-top:auto;border-radius:10px;
}
body.hy-sf .btn-green:hover{background:var(--brand)}
body.hy-sf .btn-green svg{flex-shrink:0}
body.hy-sf .btn-outline{
  background:#fff;border:1px solid #c9d2cb;color:var(--g-800);
  padding:10px 16px;font-size:13px;
}
body.hy-sf .btn-outline:hover{border-color:var(--g-800);background:var(--g-50)}

/* ========== TRUST ========== */
body.hy-sf .trust{
  border-bottom:1px solid var(--line);
  background:#fff;
}
body.hy-sf .trust-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
}
body.hy-sf .trust article{
  display:flex;gap:14px;align-items:center;
  padding:26px 10px;justify-content:center;
}
body.hy-sf .trust i{
  width:48px;height:48px;border-radius:14px;
  background:var(--g-100);color:var(--g-800);
  display:grid;place-items:center;flex-shrink:0;
}
body.hy-sf .trust strong{display:block;font-size:14.5px;font-weight:800}
body.hy-sf .trust span{font-size:12.5px;color:var(--muted)}

/* ========== SECTIONS ========== */
body.hy-sf .section{padding:70px 0}
body.hy-sf .section.soft{background:var(--cream)}
body.hy-sf .section-head{
  display:flex;justify-content:space-between;align-items:flex-end;gap:20px;
  margin-bottom:28px;
}
body.hy-sf .section-head h2,
body.hy-sf .center-head h2{
  margin:0;font-size:clamp(20px,2.2vw,26px);font-weight:800;
  letter-spacing:-.02em;color:var(--g-950);
}
body.hy-sf .section-head p,
body.hy-sf .center-head p{margin:8px 0 0;color:var(--muted);font-size:15px}
body.hy-sf .eyebrow{
  margin:0 0 8px;color:var(--g-700);font-weight:800;font-size:13px;
}
body.hy-sf .center-head{text-align:center;margin-bottom:32px}

body.hy-sf .week-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  margin-bottom:22px;
  padding:18px 20px;
  border-radius:16px;
  background:
    linear-gradient(110deg, #fff4e8 0%, #ffe8d2 45%, #fff8f0 100%);
  border:1px solid #f3c89a;
  box-shadow:0 10px 28px rgba(232,107,18,.1);
  position:relative;
  overflow:hidden;
}
body.hy-sf .week-head::before{
  content:"";
  position:absolute;
  left:-40px;top:-40px;
  width:140px;height:140px;
  border-radius:50%;
  background:rgba(232,107,18,.12);
}
body.hy-sf .week-head-left{
  display:flex;
  align-items:center;
  gap:16px;
  position:relative;
  z-index:1;
}
body.hy-sf .week-icon{
  width:56px;height:56px;
  border-radius:16px;
  background:linear-gradient(145deg, var(--orange), #c44f08);
  color:#fff;
  display:grid;place-items:center;
  flex-shrink:0;
  box-shadow:0 8px 20px rgba(232,107,18,.35);
  animation:weekPulse 2.2s ease-in-out infinite;
}
body.hy-sf .week-icon svg{width:28px;height:28px}
@keyframes weekPulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.06)}
}
body.hy-sf .week-tag{
  display:inline-block;
  margin:0 0 6px;
  padding:4px 10px;
  border-radius:999px;
  background:var(--g-800);
  color:#fff;
  font-style:normal;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
body.hy-sf .week-head strong{
  display:block;
  font-size:clamp(20px,2.2vw,26px);
  font-weight:900;
  color:#9a3412;
  letter-spacing:-.02em;
  line-height:1.15;
  margin-bottom:4px;
}
body.hy-sf .week-head-left > div > span{
  color:#8a5a3a;
  font-size:13.5px;
  font-weight:600;
}
body.hy-sf .week-timer{
  position:relative;z-index:1;
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:#fff;
  border:1px solid #f0c9a0;
  border-radius:14px;
  padding:10px 14px;
  box-shadow:0 4px 14px rgba(154,52,18,.08);
}
body.hy-sf .week-timer-label{
  font-size:12px;
  font-weight:800;
  color:var(--orange);
  flex-shrink:0;
}
body.hy-sf .week-timer-blocks{
  display:inline-flex;
  align-items:stretch;
  gap:6px;
}
body.hy-sf .week-timer-block{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  min-width:38px;
  padding:4px 6px 5px;
  border-radius:8px;
  background:#fff4eb;
}
body.hy-sf .week-timer b{
  color:#9a3412;
  display:block;
  font-size:16px;
  font-weight:900;
  font-variant-numeric:tabular-nums;
  line-height:1.1;
}
body.hy-sf .week-timer-block small{
  font-size:9px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#c26a2d;
  line-height:1;
}
body.hy-sf .week-head-right{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:12px;
  flex-shrink:0;
}
body.hy-sf .hy-showcase.is-week .week-head{margin-bottom:18px}
@media (max-width:860px){
  body.hy-sf .hy-showcase.is-week{
    padding-top:22px;
    padding-bottom:8px;
  }
  body.hy-sf .week-head{
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:14px;
    padding:10px 12px;
    border-radius:14px;
    box-shadow:0 6px 18px rgba(232,107,18,.08);
  }
  body.hy-sf .week-head::before{
    width:72px;
    height:72px;
    left:-24px;
    top:-24px;
  }
  body.hy-sf .week-head-left{
    gap:10px;
    align-items:center;
    min-width:0;
    flex:1;
  }
  body.hy-sf .week-icon{
    width:38px;
    height:38px;
    border-radius:11px;
    box-shadow:0 4px 12px rgba(232,107,18,.28);
  }
  body.hy-sf .week-icon svg{width:20px;height:20px}
  body.hy-sf .week-tag{
    margin:0 0 3px;
    padding:2px 7px;
    font-size:9px;
  }
  body.hy-sf .week-head strong{
    font-size:15px;
    margin-bottom:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  body.hy-sf .week-head-left > div > span{display:none}
  body.hy-sf .week-head-right{
    width:auto;
    flex-shrink:0;
    justify-content:flex-end;
  }
  body.hy-sf .week-head-right .hy-showcase-nav{display:none}
  body.hy-sf .week-timer{
    width:auto;
    justify-content:flex-end;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    gap:5px;
  }
  body.hy-sf .week-timer-label{display:none}
  body.hy-sf .week-timer-blocks{
    flex:none;
    justify-content:flex-end;
    gap:5px;
  }
  body.hy-sf .week-timer-block{
    flex:0 0 auto;
    min-width:36px;
    padding:5px 6px 6px;
    border-radius:9px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(240,201,160,.7);
  }
  body.hy-sf .week-timer b{font-size:14px}
  body.hy-sf .week-timer-block small{font-size:8.5px}
  body.hy-sf .hy-showcase.is-week .hy-showcase-track{
    gap:12px;
    padding:4px 2px 12px;
  }
  body.hy-sf .hy-showcase.is-week .hy-showcase-track .hy-product{
    flex-basis:min(68%, 240px);
    width:min(68%, 240px);
  }
}

body.hy-sf .campaign-head{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  background:#fff8f1;border:1px solid #f3d5b5;
  border-radius:14px;padding:16px 20px;margin-bottom:22px;
}
body.hy-sf .campaign-head-left{display:flex;align-items:center;gap:14px}
body.hy-sf .campaign-icon{
  width:42px;height:42px;border-radius:10px;
  background:var(--orange);color:#fff;
  display:grid;place-items:center;flex-shrink:0;
}
body.hy-sf .campaign-head strong{display:block;font-size:18px;color:#8b4518}
body.hy-sf .campaign-head span{color:var(--muted);font-size:13.5px}
body.hy-sf .timer{
  display:inline-flex;align-items:center;gap:8px;
  background:#fff;border:1px solid #f0e0cf;border-radius:999px;
  padding:8px 14px;font-weight:800;color:var(--orange);font-size:14px;
}

/* ========== HOME PRODUCT SHOWCASE RAIL ========== */
body.hy-sf .hy-showcase-nav{
  display:flex;
  align-items:center;
  gap:8px;
  flex-shrink:0;
}
body.hy-sf .hy-showcase-rail{
  margin-top:4px;
  overflow:visible;
}
body.hy-sf .hy-showcase-track{
  display:flex;
  gap:16px;
  overflow-x:auto;
  overflow-y:visible;
  scrollbar-width:none;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  padding:10px 2px 18px;
  -webkit-overflow-scrolling:touch;
}
body.hy-sf .hy-showcase-track::-webkit-scrollbar{display:none}
body.hy-sf .hy-showcase-track .hy-product{
  flex:0 0 calc((100% - 48px) / 4);
  width:calc((100% - 48px) / 4);
  max-width:none;
  height:auto;
  scroll-snap-align:start;
}
@media (max-width:980px){
  body.hy-sf .hy-showcase-track .hy-product{
    flex-basis:calc((100% - 32px) / 3);
    width:calc((100% - 32px) / 3);
  }
}
@media (max-width:720px){
  body.hy-sf .hy-showcase-nav{align-self:center}
  body.hy-sf .hy-showcase-track .hy-product{
    flex-basis:calc((100% - 16px) / 2);
    width:calc((100% - 16px) / 2);
  }
}
@media (max-width:480px){
  body.hy-sf .hy-showcase-track .hy-product{
    flex-basis:78%;
    width:78%;
  }
}

/* ========== PRODUCT CARDS ========== */
body.hy-sf .grid-4{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}
body.hy-sf .hy-product,
body.hy-sf .product.hy-card{
  background:#fff;
  border:1px solid #e8ede7;
  border-radius:14px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  height:100%;
  box-shadow:0 4px 14px rgba(16,40,24,.06);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
body.hy-sf .hy-product:hover,
body.hy-sf .product.hy-card:hover{
  transform:none;
  border-color:#e8ede7;
  box-shadow:0 4px 14px rgba(16,40,24,.06);
}
body.hy-sf .hy-product-media,
body.hy-sf .product-media{
  position:relative;
  display:block;
  aspect-ratio:1 / 1;
  background:#eef3ee;
  overflow:hidden;
  border-radius:14px 14px 0 0;
}
body.hy-sf .hy-product-media .hy-product-link,
body.hy-sf .hy-product-media a{
  display:block;
  width:100%;
  height:100%;
  padding:0;
  box-sizing:border-box;
}
body.hy-sf .hy-product-media img,
body.hy-sf .product-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  border-radius:0;
  background:#fff;
  padding:0;
  transition:transform .35s ease;
}
body.hy-sf .hy-product:hover .hy-product-media img,
body.hy-sf .product:hover .product-media img{
  transform:scale(1.04);
}
body.hy-sf .hy-product-media img.is-fallback,
body.hy-sf .product-media img.is-fallback{
  object-fit:contain;
  background:#f4f7f3;
  padding:18%;
  opacity:.9;
}
body.hy-sf .hy-product-ph{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  background:#f3f6f2;
}
body.hy-sf .hy-product-ph svg{
  width:42%;
  height:42%;
  max-width:120px;
  max-height:120px;
}
body.hy-sf .hy-product-badge,
body.hy-sf .badge{
  position:absolute;
  top:12px;
  right:12px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 10px;
  border-radius:6px;
  background:#fff;
  color:var(--brand);
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
  box-shadow:0 6px 16px rgba(0,0,0,.1);
}
body.hy-sf .hy-product-body,
body.hy-sf .product-body{
  padding:16px 16px 18px;
  display:flex;
  flex-direction:column;
  flex:1;
  gap:12px;
}
body.hy-sf .hy-product-title,
body.hy-sf .product-name,
body.hy-sf .product h3{
  margin:0;
  min-height:2.5em;
  font-size:15.5px;
  font-weight:800;
  line-height:1.35;
  color:#15251c;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
body.hy-sf .hy-product-title a,
body.hy-sf .product-name a,
body.hy-sf .product h3 a{
  color:inherit;
  text-decoration:none;
}
body.hy-sf .hy-product-title a:hover,
body.hy-sf .product-name a:hover,
body.hy-sf .product h3 a:hover{
  color:var(--brand);
}
body.hy-sf .hy-product-proof{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:fit-content;
  max-width:100%;
  margin:0;
  min-height:28px;
  padding:5px 10px;
  border-radius:6px;
  background:#fff1e0;
  color:#c45a0f;
  font-size:12px;
  font-weight:800;
  line-height:1.25;
  box-shadow:inset 0 0 0 1px rgba(196,90,15,.16);
}
body.hy-sf .hy-product-proof svg{
  flex-shrink:0;
  width:14px;
  height:14px;
  color:#e87524;
}
body.hy-sf .hy-product-proof span{
  font-style:normal;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.hy-sf .hy-product-rating{
  display:flex;
  align-items:center;
  gap:8px;
  margin:0;
}
body.hy-sf .hy-stars{
  display:inline-flex;
  gap:1px;
  color:#d3d6d1;
  font-size:13px;
  line-height:1;
  letter-spacing:0;
}
body.hy-sf .hy-stars i{
  font-style:normal;
}
body.hy-sf .hy-stars i.on{
  color:#f4b400;
}
body.hy-sf .hy-product-rating strong{
  font-size:12px;
  font-weight:900;
  color:var(--g-800);
}
body.hy-sf .hy-product-price,
body.hy-sf .product-price,
body.hy-sf .price{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:8px;
  margin:2px 0 4px;
  line-height:1;
}
body.hy-sf .hy-product-price strong,
body.hy-sf .product-price strong,
body.hy-sf .price{
  font-size:21px;
  font-weight:900;
  color:#101b14;
}
body.hy-sf .hy-product-price.has-sale strong{
  color:var(--brand);
}
body.hy-sf .hy-product-price del,
body.hy-sf .product-price del,
body.hy-sf .price del{
  font-size:13px;
  font-weight:600;
  color:#8b978e;
}
body.hy-sf .hy-product-cart,
body.hy-sf .product-cart,
body.hy-sf .product .btn-green,
body.hy-sf .product .add-cart{
  margin-top:auto;
  width:100%;
  min-height:44px;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:11px 14px !important;
  border:2px solid var(--g-800) !important;
  border-radius:999px !important;
  background:#fff !important;
  color:var(--g-800) !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:.02em;
  box-shadow:none !important;
  cursor:pointer;
  transition:background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease !important;
}
body.hy-sf .hy-product-cart svg,
body.hy-sf .product-cart svg,
body.hy-sf .product .add-cart svg{
  flex-shrink:0;
}
body.hy-sf .hy-product-cart:hover,
body.hy-sf .product-cart:hover,
body.hy-sf .product .btn-green:hover,
body.hy-sf .product .add-cart:hover{
  background:var(--brand) !important;
  border-color:var(--brand) !important;
  box-shadow:none !important;
  transform:translateY(-1px);
  color:#fff !important;
}
body.hy-sf .hy-product-cart.is-oos,
body.hy-sf .hy-product-cart.is-oos:hover{
  background:#f4f5f4 !important;
  border-color:#d7ddd8 !important;
  color:#7a867c !important;
  cursor:default;
  transform:none;
  pointer-events:none;
  box-shadow:none !important;
}

/* legacy aliases kept for older markup */
body.hy-sf .meta{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:fit-content;
  margin:6px 0 0;
  background:var(--brand-soft);
  color:var(--brand);
  font-size:11px;
  font-weight:800;
  padding:4px 9px;
  border-radius:999px;
}
body.hy-sf .stars{
  display:flex;
  align-items:center;
  gap:4px;
  color:var(--gold);
  font-size:13px;
  margin:8px 0 0;
}
body.hy-sf .stars span{
  color:var(--g-800);
  font-weight:800;
  font-size:12px;
  margin-left:4px;
}

/* ========== CATEGORIES ========== */
body.hy-sf .cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
body.hy-sf .cat{
  position:relative;border-radius:16px;overflow:hidden;
  min-height:230px;display:block;color:#fff;
  box-shadow:var(--shadow-sm);
  transition:transform .2s ease, box-shadow .2s ease;
}
body.hy-sf .cat:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
body.hy-sf .cat img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
body.hy-sf .cat:hover img{transform:scale(1.05)}
body.hy-sf .cat::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, transparent 25%, rgba(8,20,12,.78));
}
body.hy-sf .cat-label{position:absolute;left:16px;bottom:16px;right:56px;z-index:1}
body.hy-sf .cat-label b{display:block;font-size:17px;font-weight:800}
body.hy-sf .cat-go{
  position:absolute;right:14px;bottom:14px;z-index:1;
  width:36px;height:36px;border-radius:50%;
  background:#fff;color:var(--g-800);
  display:grid;place-items:center;font-weight:900;
}

/* ========== CELEBRITY PICKS ========== */
body.hy-sf .hy-celebs{
  background:var(--cream);
}
body.hy-sf .hy-celebs-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:16px;
}
body.hy-sf .hy-celeb{
  position:relative;
  display:block;
  border-radius:18px;
  overflow:hidden;
  aspect-ratio:3 / 4;
  background:#eef3ee;
  box-shadow:0 8px 24px rgba(16,40,24,.08);
  color:#fff;
  transition:transform .2s ease, box-shadow .2s ease;
}
body.hy-sf .hy-celeb:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 34px rgba(0,120,48,.14);
}
body.hy-sf .hy-celeb img{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}
body.hy-sf .hy-celeb:hover img{transform:scale(1.04)}
body.hy-sf .hy-celeb::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg, transparent 42%, rgba(8,20,12,.82));
}
body.hy-sf .hy-celeb-label{
  position:absolute;
  left:16px;right:16px;bottom:16px;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:4px;
}
body.hy-sf .hy-celeb-label b{
  font-size:clamp(15px,1.4vw,18px);
  font-weight:850;
  letter-spacing:-.02em;
  line-height:1.2;
}
body.hy-sf .hy-celeb-label em{
  font-style:normal;
  font-size:12.5px;
  font-weight:600;
  color:rgba(255,255,255,.86);
}
@media (max-width:980px){
  body.hy-sf .hy-celebs-grid{grid-template-columns:repeat(2, minmax(0,1fr))}
}
@media (max-width:520px){
  body.hy-sf .hy-celebs-grid{gap:12px}
}

/* ========== GIFT / ARMAGAN BAND ========== */
body.hy-sf .hy-gift{
  padding-top:56px;
  padding-bottom:56px;
}
body.hy-sf .hy-gift-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
}
body.hy-sf .hy-gift-card{
  position:relative;
  display:block;
  border-radius:16px;
  overflow:hidden;
  aspect-ratio:4 / 3;
  background:#eef3ee;
  box-shadow:0 6px 20px rgba(16,40,24,.08);
  color:#fff;
  transition:transform .2s ease, box-shadow .2s ease;
}
body.hy-sf .hy-gift-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 30px rgba(0,120,48,.12);
}
body.hy-sf .hy-gift-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .45s ease;
}
body.hy-sf .hy-gift-card:hover img{transform:scale(1.03)}
body.hy-sf .hy-gift-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg, transparent 45%, rgba(8,20,12,.82));
  pointer-events:none;
}
body.hy-sf .hy-gift-copy{
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:3px;
  pointer-events:none;
}
body.hy-sf .hy-gift-copy strong{
  font-size:clamp(18px,1.7vw,24px);
  font-weight:900;
  letter-spacing:-.02em;
  line-height:1.15;
  color:#fff;
}
body.hy-sf .hy-gift-copy em{
  font-style:normal;
  font-size:13px;
  font-weight:600;
  color:rgba(255,255,255,.88);
}
@media (max-width:900px){
  body.hy-sf .hy-gift-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  body.hy-sf .hy-gift-card{aspect-ratio:16 / 10}
}

/* ========== 3-CARD PROMO VITRIN ========== */
body.hy-sf .hy-promo3{
  background:#fff;
  padding-top:40px;
  padding-bottom:24px;
}
body.hy-sf .hy-promo3 + .hy-showcase{
  padding-top:40px;
}
body.hy-sf .hy-promo3-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:16px;
}
body.hy-sf .hy-promo3-card{
  position:relative;
  display:block;
  border-radius:16px;
  overflow:hidden;
  aspect-ratio:1 / 1;
  background:#f4f4f4;
  box-shadow:0 6px 20px rgba(16,40,24,.08);
  transition:transform .2s ease, box-shadow .2s ease;
}
body.hy-sf .hy-promo3-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 30px rgba(0,120,48,.12);
}
body.hy-sf .hy-promo3-card img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}
body.hy-sf .hy-promo3-card:hover img{transform:scale(1.03)}
body.hy-sf .hy-promo3-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg, transparent 42%, rgba(8,20,12,.82));
  pointer-events:none;
}
body.hy-sf .hy-promo3-copy{
  position:absolute;
  left:16px;
  right:16px;
  top:auto;
  bottom:16px;
  z-index:2;
  padding:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  text-align:left;
  pointer-events:none;
  background:none;
}
body.hy-sf .hy-promo3-line{
  display:block;
  line-height:1.2;
  letter-spacing:-.02em;
  text-shadow:none;
}
body.hy-sf .hy-promo3-line.is-green{
  color:#e8f6ea;
  font-size:clamp(14px,1.3vw,18px);
  font-weight:800;
}
body.hy-sf .hy-promo3-line.is-red{
  color:#fff;
  font-size:clamp(20px,1.95vw,28px);
  font-weight:900;
}
body.hy-sf .hy-promo3-card:nth-child(2) .hy-promo3-line.is-red{
  font-size:clamp(18px,1.75vw,26px);
}
body.hy-sf .hy-promo3-line.is-script{
  margin-top:4px;
  color:rgba(255,255,255,.9);
  font-size:clamp(12px,1.1vw,15px);
  font-weight:600;
  font-family:Georgia, "Times New Roman", serif;
  font-style:italic;
}
@media (max-width:900px){
  body.hy-sf .hy-promo3-grid{grid-template-columns:1fr; gap:14px}
  body.hy-sf .hy-promo3-card{aspect-ratio:16 / 11}
}

/* ========== PROMO ========== */
body.hy-sf .promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
body.hy-sf .promo-grid.is-single{grid-template-columns:1fr}
body.hy-sf .promo{
  position:relative;border-radius:18px;overflow:hidden;
  min-height:260px;color:#fff;
  display:flex;align-items:flex-end;justify-content:flex-start;padding:20px;
}
body.hy-sf .promo.is-single{
  align-items:flex-end;
  justify-content:flex-start;
  min-height:0;
  aspect-ratio:1210 / 864;
  padding:18px;
}
body.hy-sf .promo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
body.hy-sf .promo.is-single img{object-position:left center}
body.hy-sf .promo::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(10,24,14,.78),rgba(10,24,14,.2));
  pointer-events:none;
}
body.hy-sf .promo.is-single::after{
  background:linear-gradient(90deg, rgba(12,10,8,.28) 0%, rgba(12,10,8,.08) 42%, rgba(12,10,8,0) 70%);
}
body.hy-sf .promo > *{position:relative;z-index:1}
body.hy-sf .hy-promo-banners.section.soft{background:#fff}
body.hy-sf .promo-panel{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:10px;
  width:auto;
  max-width:min(240px, 78%);
  margin:0;
  padding:12px 14px;
  border-radius:14px;
  background:#f5c518;
  color:#1a1408;
  text-align:left;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
}
body.hy-sf .promo-panel strong{
  display:block;
  flex:none;
  min-width:0;
  font-size:clamp(14px,3.6vw,17px);
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.25;
  text-align:left;
}
body.hy-sf .promo-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  align-self:flex-start;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:#1a1408;
  color:#fff;
  font-size:12.5px;
  font-weight:800;
  letter-spacing:.01em;
  white-space:nowrap;
}
body.hy-sf .promo:hover .promo-cta{background:#000}
body.hy-sf .chip{
  display:inline-block;background:var(--gold);color:#1a1408;
  font-size:11px;font-weight:900;padding:5px 11px;border-radius:999px;margin-bottom:12px;
}
body.hy-sf .chip.light{background:#fff;color:var(--text)}
body.hy-sf .promo h3{margin:0 0 8px;font-size:26px;font-weight:800;letter-spacing:-.02em}
body.hy-sf .promo p{margin:0 0 16px;opacity:.92;max-width:320px}
body.hy-sf .promo .btn{background:#fff;color:#111;padding:10px 16px;font-size:13px}

/* ========== REVIEWS ========== */
body.hy-sf .rating-pill{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--g-100);color:var(--g-800);
  padding:8px 14px;border-radius:999px;font-weight:800;font-size:13px;
  margin-top:12px;
}

/* ========== REVIEWS ========== */
body.hy-sf .reviews-section{
  background:
    radial-gradient(ellipse 70% 50% at 50% 0%, rgba(46,125,50,.07), transparent 60%),
    #fff;
}
body.hy-sf .reviews-head{
  text-align:center;
  margin-bottom:36px;
}
body.hy-sf .reviews-head .eyebrow{
  color:var(--orange);
  letter-spacing:.04em;
}
body.hy-sf .reviews-head h2{
  margin:0 0 18px;
  font-size:clamp(28px,3vw,40px);
  font-weight:800;
  letter-spacing:-.025em;
  color:var(--g-950);
}
body.hy-sf .rating-box{
  display:inline-flex;
  align-items:center;
  gap:14px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:12px 18px;
  box-shadow:var(--shadow-sm);
}
body.hy-sf .rating-box > b{
  font-size:36px;
  font-weight:900;
  color:var(--g-800);
  letter-spacing:-.03em;
  line-height:1;
}
body.hy-sf .rating-box .stars{
  display:block;
  color:var(--gold);
  font-size:15px;
  letter-spacing:1px;
  margin-bottom:2px;
}
body.hy-sf .rating-box small{
  display:block;
  font-size:12.5px;
  color:var(--muted);
  font-weight:600;
}
body.hy-sf .reviews-rail{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
}
body.hy-sf .reviews-viewport{
  overflow:hidden;
  flex:1;
  min-width:0;
}
body.hy-sf .reviews-track{
  display:flex;
  gap:16px;
  width:100%;
  transition:transform .45s ease;
  will-change:transform;
}
body.hy-sf .reviews-nav{
  width:44px;height:44px;
  border-radius:50%;
  border:1px solid var(--line);
  background:#fff;
  color:var(--g-800);
  font-size:22px;
  cursor:pointer;
  flex-shrink:0;
  box-shadow:var(--shadow-sm);
  transition:background .15s, color .15s, border-color .15s;
}
body.hy-sf .reviews-nav:hover{
  background:var(--g-800);
  border-color:var(--g-800);
  color:#fff;
}
body.hy-sf .review{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:22px 20px 18px;
  box-shadow:var(--shadow-sm);
  display:flex;
  flex-direction:column;
  flex:0 0 calc((100% - 32px) / 3);
  min-width:0;
  min-height:240px;
  transition:box-shadow .2s, border-color .2s;
}
body.hy-sf .review:hover{
  box-shadow:var(--shadow);
  border-color:#d5e0d6;
}
body.hy-sf .review-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  margin-bottom:10px;
}
body.hy-sf .review-top .stars{
  color:var(--gold);
  font-size:14px;
  letter-spacing:1px;
}
body.hy-sf .review-top .quote{
  font-size:36px;
  line-height:0.7;
  color:var(--g-700);
  opacity:.25;
  font-weight:700;
}
body.hy-sf .review h3{
  margin:0 0 8px;
  font-size:17px;
  font-weight:800;
  color:var(--g-950);
}
body.hy-sf .review > p{
  margin:0 0 18px;
  color:var(--muted);
  font-size:14.5px;
  line-height:1.55;
  flex:1;
}
body.hy-sf .review footer{
  display:flex;
  align-items:center;
  gap:10px;
  padding-top:14px;
  border-top:1px solid var(--line);
}
body.hy-sf .review footer i{
  width:38px;height:38px;
  border-radius:50%;
  background:var(--g-100);
  color:var(--g-800);
  display:grid;place-items:center;
  font-style:normal;
  font-weight:900;
  font-size:14px;
  flex-shrink:0;
}
body.hy-sf .review footer strong{
  display:block;
  font-size:13.5px;
  font-weight:800;
  color:var(--text);
}
body.hy-sf .review footer strong small{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:14px;height:14px;
  border-radius:50%;
  background:var(--g-800);
  color:#fff;
  font-size:9px;
  margin-left:4px;
  vertical-align:middle;
}
body.hy-sf .review footer em{
  display:block;
  font-style:normal;
  font-size:12px;
  color:var(--muted);
  margin-top:2px;
}
body.hy-sf .reviews-foot{
  display:flex;
  justify-content:center;
  margin-top:28px;
}

/* ========== WHY ========== */
body.hy-sf .why-section{
  background:#fbfcf9;
}
body.hy-sf .why-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:28px;
  margin-bottom:28px;
}
body.hy-sf .why-eyebrow{
  display:inline-block;
  margin:0 0 10px;
  color:var(--g-700);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.hy-sf .why-head h2{
  margin:0;
  font-size:clamp(28px,3vw,38px);
  font-weight:800;
  letter-spacing:-.025em;
  color:var(--g-950);
}
body.hy-sf .why-head p{
  margin:0;
  max-width:340px;
  color:var(--muted);
  font-size:15px;
  line-height:1.5;
  text-align:right;
}
body.hy-sf .why-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}
body.hy-sf .why-grid article{
  background:#fff;
  border:1px solid #e2e9e3;
  border-radius:10px;
  padding:22px 18px 18px;
  transition:border-color .2s, box-shadow .2s, transform .2s;
}
body.hy-sf .why-grid article:hover{
  border-color:#c8d7cb;
  box-shadow:0 10px 28px rgba(20,40,24,.08);
  transform:translateY(-2px);
}
body.hy-sf .why-grid strong{
  display:block;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  color:var(--g-700);
  margin-bottom:14px;
}
body.hy-sf .why-grid i{
  display:grid;
  place-items:center;
  width:44px;height:44px;
  border-radius:12px;
  background:var(--g-100);
  color:var(--g-800);
  margin-bottom:14px;
}
body.hy-sf .why-grid svg{
  width:22px;height:22px;
  fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;
}
body.hy-sf .why-grid b{
  display:block;
  font-size:16px;
  font-weight:800;
  margin-bottom:8px;
  color:var(--g-950);
}
body.hy-sf .why-grid p{
  margin:0;
  font-size:13.5px;
  line-height:1.45;
  color:var(--muted);
}

/* ========== BLOG ========== */
body.hy-sf .blog-section{background:#fff}
body.hy-sf .blog-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
body.hy-sf .blog-card{
  display:flex;
  flex-direction:column;
  border:1px solid var(--line);
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  transition:transform .2s, box-shadow .2s;
}
body.hy-sf .blog-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow);
}
body.hy-sf .blog-media{
  aspect-ratio:16/10;
  background:var(--g-50);
  overflow:hidden;
}
body.hy-sf .blog-media img{
  width:100%;height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}
body.hy-sf .blog-card:hover .blog-media img{transform:scale(1.04)}
body.hy-sf .blog-body{
  padding:16px 16px 18px;
  display:flex;
  flex-direction:column;
  flex:1;
}
body.hy-sf .blog-body time{
  display:block;
  font-size:12px;
  font-weight:700;
  color:var(--g-700);
  margin-bottom:8px;
  letter-spacing:.02em;
}
body.hy-sf .blog-body h3{
  margin:0 0 8px;
  font-size:16px;
  font-weight:800;
  line-height:1.3;
  color:var(--g-950);
  letter-spacing:-.015em;
}
body.hy-sf .blog-body p{
  margin:0 0 14px;
  font-size:13.5px;
  line-height:1.5;
  color:var(--muted);
  flex:1;
}
body.hy-sf .blog-body span{
  font-size:13px;
  font-weight:800;
  color:var(--orange);
}

/* Blog listing page */
body.hy-sf .hy-blog{
  padding:12px 0 72px;
}
body.hy-sf .hy-blog-header{
  padding:18px 0 28px;
  text-align:center;
}
body.hy-sf .hy-blog-header h1{
  margin:0 0 8px;
  font-size:clamp(22px, 2.4vw, 28px);
  font-weight:800;
  letter-spacing:-.015em;
  color:var(--g-950);
  line-height:1.2;
}
body.hy-sf .hy-blog-header p{
  margin:0 auto;
  max-width:42ch;
  font-size:14.5px;
  line-height:1.5;
  color:var(--muted);
  font-weight:550;
}
body.hy-sf .hy-blog-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:22px;
}
body.hy-sf .hy-blog-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  color:inherit;
  text-decoration:none;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  border:1px solid #e6eee5;
  transition:border-color .15s, box-shadow .2s, transform .2s;
}
body.hy-sf .hy-blog-card:hover{
  border-color:#cddccb;
  box-shadow:0 12px 28px rgba(16,40,24,.08);
  transform:translateY(-3px);
}
body.hy-sf .hy-blog-media{
  aspect-ratio:16/10;
  background:#f3f8f1;
  overflow:hidden;
}
body.hy-sf .hy-blog-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .4s ease;
}
body.hy-sf .hy-blog-card:hover .hy-blog-media img{transform:scale(1.04)}
body.hy-sf .hy-blog-body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:16px 16px 18px;
  gap:0;
}
body.hy-sf .hy-blog-body time{
  display:block;
  margin:0 0 8px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.02em;
  color:var(--g-700);
}
body.hy-sf .hy-blog-body h2{
  margin:0 0 8px;
  font-size:16.5px;
  font-weight:800;
  line-height:1.3;
  letter-spacing:-.015em;
  color:var(--g-950);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
body.hy-sf .hy-blog-body p{
  margin:0 0 14px;
  font-size:13.5px;
  line-height:1.5;
  color:var(--muted);
  flex:1;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
body.hy-sf .hy-blog-body span{
  font-size:13px;
  font-weight:800;
  color:var(--brand);
}
body.hy-sf .hy-blog-card:hover .hy-blog-body span{color:#c42976}
body.hy-sf .hy-blog-empty{
  max-width:420px;
  margin:24px auto 0;
  padding:36px 24px;
  text-align:center;
  border:1.5px dashed #d7e0d6;
  border-radius:16px;
  background:#f8fbf7;
}
body.hy-sf .hy-blog-empty strong{
  display:block;
  margin:0 0 8px;
  font-size:18px;
  font-weight:800;
  color:var(--g-950);
}
body.hy-sf .hy-blog-empty p{
  margin:0 0 16px;
  color:var(--muted);
  font-size:14.5px;
}
body.hy-sf .hy-blog-empty a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 18px;
  border-radius:11px;
  background:var(--g-800);
  color:#fff;
  font-size:13.5px;
  font-weight:800;
}
@media (max-width:1100px){
  body.hy-sf .hy-blog-grid{grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px}
}
@media (max-width:980px){
  body.hy-sf .hy-blog-grid{grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px}
}
@media (max-width:640px){
  body.hy-sf .hy-blog{padding:8px 0 56px}
  body.hy-sf .hy-blog-header{padding:12px 0 22px}
  body.hy-sf .hy-blog-grid{grid-template-columns:1fr; gap:14px}
}

/* Blog detail */
body.hy-sf .hy-post{
  max-width:760px;
  margin:0 auto;
  padding:18px 0 72px;
}
body.hy-sf .hy-post-header{
  text-align:center;
  margin:0 0 28px;
}
body.hy-sf .hy-post-date{
  display:inline-block;
  margin:0 0 12px;
  font-size:12.5px;
  font-weight:750;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--g-700);
}
body.hy-sf .hy-post-header h1{
  margin:0;
  font-size:clamp(24px, 3vw, 34px);
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.2;
  color:var(--g-950);
}
body.hy-sf .hy-post-hero{
  margin:0 0 28px;
  border-radius:16px;
  overflow:hidden;
  background:#f3f8f1;
  aspect-ratio:16/9;
}
body.hy-sf .hy-post-hero img{
  width:100%;
  height:100%;
  object-fit:cover;
}
body.hy-sf .hy-post-content{
  font-size:16.5px;
  line-height:1.75;
  color:#2b3a30;
}
body.hy-sf .hy-post-content > *:first-child{margin-top:0}
body.hy-sf .hy-post-content > *:last-child{margin-bottom:0}
body.hy-sf .hy-post-content p{
  margin:0 0 1.1em;
}
body.hy-sf .hy-post-content h1,
body.hy-sf .hy-post-content h2,
body.hy-sf .hy-post-content h3,
body.hy-sf .hy-post-content h4{
  margin:1.6em 0 .6em;
  font-weight:800;
  line-height:1.25;
  letter-spacing:-.015em;
  color:var(--g-950);
}
body.hy-sf .hy-post-content h2{font-size:1.35em}
body.hy-sf .hy-post-content h3{font-size:1.18em}
body.hy-sf .hy-post-content a{
  color:var(--g-800);
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:2px;
}
body.hy-sf .hy-post-content a:hover{color:var(--brand)}
body.hy-sf .hy-post-content ul,
body.hy-sf .hy-post-content ol{
  margin:0 0 1.1em;
  padding-left:1.25em;
}
body.hy-sf .hy-post-content li{margin:0 0 .45em}
body.hy-sf .hy-post-content img{
  max-width:100%;
  height:auto;
  border-radius:12px;
  margin:1em 0;
}
body.hy-sf .hy-post-content blockquote{
  margin:1.4em 0;
  padding:14px 18px;
  border-left:3px solid var(--g-800);
  background:#f6faf5;
  border-radius:0 12px 12px 0;
  color:#3d4a41;
  font-weight:550;
}
body.hy-sf .hy-post-foot{
  margin-top:36px;
  padding-top:0;
  border-top:0;
  display:flex;
  justify-content:center;
}
body.hy-sf .hy-post-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 16px;
  border:1.5px solid #d7e0d6;
  border-radius:11px;
  background:#fff;
  color:var(--g-900);
  font-size:13.5px;
  font-weight:800;
  transition:border-color .15s, color .15s, background .15s;
}
body.hy-sf .hy-post-back:hover{
  border-color:var(--g-800);
  color:var(--g-800);
  background:#f7faf6;
}
@media (max-width:640px){
  body.hy-sf .hy-post{padding:12px 0 56px}
  body.hy-sf .hy-post-header{margin:0 0 22px}
  body.hy-sf .hy-post-header h1{font-size:24px}
  body.hy-sf .hy-post-content{font-size:15.5px; line-height:1.7}
}

/* CMS / bilgi sayfaları */
body.hy-sf .hy-page-layout{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:40px 48px;
  align-items:start;
  padding:36px 0 64px;
}
body.hy-sf .hy-page-side{
  position:sticky;
  top:24px;
  padding:20px 18px;
  border:1px solid #e2ebe1;
  border-radius:16px;
  background:#f7faf6;
}
body.hy-sf .hy-page-side h2{
  margin:0 0 14px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#8a968c;
}
body.hy-sf .hy-page-side ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:4px;
}
body.hy-sf .hy-page-side a,
body.hy-sf .hy-page-side span{
  display:block;
  padding:10px 12px;
  border-radius:10px;
  font-size:14px;
  font-weight:700;
  line-height:1.35;
  color:#2b3a30;
  text-decoration:none;
  transition:background .15s, color .15s;
}
body.hy-sf .hy-page-side a:hover{
  background:#fff;
  color:var(--g-800);
}
body.hy-sf .hy-page-side .is-active{
  background:var(--g-800);
  color:#fff;
}
body.hy-sf .hy-page{
  max-width:none;
  margin:0;
  padding:0;
  min-width:0;
}
body.hy-sf .hy-page-header{
  text-align:left;
  margin:0 0 22px;
}
body.hy-sf .hy-page-header h1{
  margin:0;
  font-size:clamp(22px, 2.6vw, 30px);
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.2;
  color:var(--g-950);
}
body.hy-sf .hy-page-content{
  font-size:16px;
  line-height:1.75;
  color:#2b3a30;
}
body.hy-sf .hy-page-content > *:first-child{margin-top:0}
body.hy-sf .hy-page-content > *:last-child{margin-bottom:0}
body.hy-sf .hy-page-content p{margin:0 0 1.1em}
body.hy-sf .hy-page-content h1,
body.hy-sf .hy-page-content h2,
body.hy-sf .hy-page-content h3,
body.hy-sf .hy-page-content h4{
  margin:1.5em 0 .55em;
  font-weight:800;
  line-height:1.25;
  letter-spacing:-.015em;
  color:var(--g-950);
}
body.hy-sf .hy-page-content h2{font-size:1.25em}
body.hy-sf .hy-page-content h3{font-size:1.12em}
body.hy-sf .hy-page-content a{
  color:var(--g-800);
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:2px;
}
body.hy-sf .hy-page-content a:hover{color:var(--brand)}
body.hy-sf .hy-page-content ul,
body.hy-sf .hy-page-content ol{
  margin:0 0 1.1em;
  padding-left:1.25em;
}
body.hy-sf .hy-page-content li{margin:0 0 .45em}
body.hy-sf .hy-page-content img{
  max-width:100%;
  height:auto;
  border-radius:12px;
  margin:1em 0;
}
body.hy-sf .hy-page-content table{
  width:100%;
  margin:0 0 1.2em;
  border-collapse:collapse;
  font-size:14.5px;
}
body.hy-sf .hy-page-content th,
body.hy-sf .hy-page-content td{
  padding:10px 12px;
  border-bottom:1px solid #e6eee5;
  text-align:left;
  vertical-align:top;
}
body.hy-sf .hy-page-content th{
  font-weight:800;
  color:var(--g-950);
  background:#f7faf6;
}
@media (max-width:900px){
  body.hy-sf .hy-page-layout{
    grid-template-columns:1fr;
    gap:24px;
    padding:28px 0 56px;
  }
  body.hy-sf .hy-page-side{
    position:static;
    padding:16px;
  }
  body.hy-sf .hy-page-side ul{
    flex-direction:row;
    flex-wrap:wrap;
    gap:8px;
  }
  body.hy-sf .hy-page-side a,
  body.hy-sf .hy-page-side span{
    padding:8px 12px;
    font-size:13px;
  }
}
@media (max-width:640px){
  body.hy-sf .hy-page-header{margin:0 0 18px}
  body.hy-sf .hy-page-header h1{font-size:24px}
  body.hy-sf .hy-page-content{font-size:15.5px; line-height:1.7}
}

/* ========== TRUST STRIP (PDP) ========== */
body.hy-sf .hy-trust-strip{
  position:relative;
  margin-top:80px;
  margin-bottom:24px;
  background:var(--g-800);
  color:#fff;
  padding:36px 0;
  overflow:visible;
}
body.hy-sf .hy-trust-strip-edge{
  position:absolute;
  left:0;
  right:0;
  height:22px;
  pointer-events:none;
  background-repeat:no-repeat;
  background-size:100% 100%;
}
body.hy-sf .hy-trust-strip-edge--top{
  top:-21px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 24' preserveAspectRatio='none'%3E%3Cpath fill='%23007830' d='M0 14C40 5 80 20 120 12C160 4 200 19 240 11C280 3 320 18 360 13C400 7 440 20 480 12C520 4 560 18 600 11C640 5 680 19 720 13C760 6 800 20 840 12C880 4 920 18 960 11C1000 5 1040 19 1080 13C1110 8 1145 17 1175 13C1188 11 1195 13 1200 14V24H0Z'/%3E%3C/svg%3E");
  background-position:center bottom;
}
body.hy-sf .hy-trust-strip-edge--bottom{
  bottom:-21px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 24' preserveAspectRatio='none'%3E%3Cpath fill='%23007830' d='M0 10C40 19 80 4 120 12C160 20 200 5 240 13C280 21 320 6 360 11C400 17 440 4 480 12C520 20 560 6 600 13C640 19 680 5 720 11C760 18 800 4 840 12C880 20 920 6 960 13C1000 19 1040 5 1080 11C1110 16 1145 7 1175 11C1188 13 1195 11 1200 10V0H0Z'/%3E%3C/svg%3E");
  background-position:center top;
}
body.hy-sf .hy-trust-strip-inner{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:20px 16px;
  align-items:center;
}
body.hy-sf .hy-trust-strip-item{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-width:0;
}
body.hy-sf .hy-trust-strip-item i{
  flex:0 0 auto;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  color:#fff;
}
body.hy-sf .hy-trust-strip-item svg{
  width:30px;
  height:30px;
  display:block;
}
body.hy-sf .hy-trust-strip-item div{
  display:flex;
  flex-direction:column;
  gap:1px;
  min-width:0;
}
body.hy-sf .hy-trust-strip-item strong{
  font-size:clamp(20px, 2vw, 28px);
  font-weight:900;
  letter-spacing:-.02em;
  line-height:1.05;
  color:#fff;
}
body.hy-sf .hy-trust-strip-item span{
  font-size:13px;
  font-weight:500;
  color:rgba(255,255,255,.92);
  line-height:1.25;
}
@media (max-width:900px){
  body.hy-sf .hy-trust-strip-inner{grid-template-columns:repeat(2, minmax(0,1fr)); gap:20px 14px}
  body.hy-sf .hy-trust-strip-item{justify-content:flex-start}
}
@media (max-width:640px){
  body.hy-sf .hy-trust-strip{
    margin-top:36px;
    margin-bottom:16px;
    padding:22px 0 20px;
  }
  body.hy-sf .hy-trust-strip-edge{height:14px}
  body.hy-sf .hy-trust-strip-edge--top{top:-13px}
  body.hy-sf .hy-trust-strip-edge--bottom{bottom:-13px}
  body.hy-sf .hy-trust-strip-inner{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:14px 10px;
  }
  body.hy-sf .hy-trust-strip-item{
    justify-content:flex-start;
    align-items:flex-start;
    gap:10px;
  }
  body.hy-sf .hy-trust-strip-item i{
    width:30px;
    height:30px;
  }
  body.hy-sf .hy-trust-strip-item svg{
    width:24px;
    height:24px;
  }
  body.hy-sf .hy-trust-strip-item strong{
    font-size:18px;
  }
  body.hy-sf .hy-trust-strip-item span{
    font-size:12px;
    line-height:1.3;
  }
}

/* ========== FOOTER ========== */
body.hy-sf .footer-marquee{
  background:var(--g-800);
  color:#fff;
  overflow:hidden;
  height:44px;
  display:flex;
  align-items:center;
  margin-top:20px;
  border:0;
}
body.hy-sf .footer-marquee-track{
  display:flex;
  width:max-content;
  animation:marquee 40s linear infinite;
  will-change:transform;
}
body.hy-sf .footer-marquee-group{
  display:flex;
  align-items:center;
  flex-shrink:0;
  white-space:nowrap;
}
body.hy-sf .footer-marquee-group span{
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.hy-sf .footer-marquee-group i{
  color:var(--gold, #eab308);
  margin:0 18px;
  font-style:normal;
  font-weight:700;
  flex-shrink:0;
}
@media (prefers-reduced-motion:reduce){
  body.hy-sf .footer-marquee-track{animation:none}
}

body.hy-sf .footer{
  background:#fff;
  border-top:0;
  color:#2b3a30;
  margin-top:0;
}

body.hy-sf .footer-crown{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:22px;
  padding:48px 0 10px;
  text-align:center;
}
body.hy-sf .footer-logo img{height:64px;width:auto}
body.hy-sf .footer-quick{
  display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;
}
body.hy-sf .footer-quick a{
  display:inline-flex;align-items:center;gap:8px;
  font-size:14px;font-weight:700;color:#2b3a30;
}
body.hy-sf .footer-quick a:hover{color:var(--orange)}
body.hy-sf .footer-quick svg{
  width:18px;height:18px;
  fill:none;stroke:var(--g-800);stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;
}

body.hy-sf .footer-features{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
  padding:40px 0 36px;
  border-bottom:1px solid var(--line);
}
body.hy-sf .footer-features article{
  display:flex;gap:14px;align-items:flex-start;
}
body.hy-sf .footer-features i{
  width:48px;height:48px;border-radius:14px;flex-shrink:0;
  background:var(--g-100);color:var(--g-800);
  display:grid;place-items:center;
}
body.hy-sf .footer-features svg{
  width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;
}
body.hy-sf .footer-features strong{
  display:block;font-size:15px;font-weight:800;margin-bottom:4px;
}
body.hy-sf .footer-features p{
  margin:0;font-size:13.5px;color:var(--muted);line-height:1.45;
}

body.hy-sf .footer-main{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:36px;
  padding:44px 0;
}
body.hy-sf .footer-about p{
  margin:0 0 16px;
  font-size:14.5px;line-height:1.6;color:var(--muted);
  max-width:340px;
}
body.hy-sf .footer-contact{
  margin:0 0 18px;padding:0;list-style:none;
}
body.hy-sf .footer-contact li{
  margin:0 0 8px;
  font-size:14px;color:#2b3a30;font-weight:600;
}
body.hy-sf .footer-contact a{color:#2b3a30}
body.hy-sf .footer-contact a:hover{color:var(--orange)}
body.hy-sf .footer-social{display:flex;gap:10px}
body.hy-sf .footer-social a{
  width:38px;height:38px;border-radius:10px;
  border:1px solid var(--line);
  display:grid;place-items:center;
  color:var(--g-800) !important;
  transition:background .15s,border-color .15s,color .15s;
}
body.hy-sf .footer-social a:hover{
  background:var(--g-800);border-color:var(--g-800);color:#fff !important;
}
body.hy-sf .footer-social svg{
  width:18px;height:18px;fill:currentColor !important;stroke:none !important;
}
body.hy-sf .footer h4{
  margin:0 0 16px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:12px;
  font-weight:900;
  color:var(--g-950);
}
body.hy-sf .footer-main ul{margin:0;padding:0;list-style:none}
body.hy-sf .footer-main li{margin:0 0 10px}
body.hy-sf .footer-main a{
  font-size:14px;color:var(--muted);font-weight:500;
}
body.hy-sf .footer-main a:hover{color:var(--orange)}

body.hy-sf .footer-bottom{
  background:#f3f8f1;
  border-top:1px solid var(--line);
}
body.hy-sf .footer-bottom-inner{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:16px 0;
  font-size:12.5px;color:var(--muted);
}
body.hy-sf .footer-credit{
  background:#fff;
  border-top:1px solid var(--line);
}
body.hy-sf .footer-credit-inner{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:6px 8px;
  padding:12px 0;
  font-size:12px;
  font-weight:500;
  letter-spacing:.01em;
  color:var(--muted);
}
body.hy-sf .footer-credit-brand{
  display:inline-flex;
  align-items:baseline;
  gap:1px;
  padding:3px 9px 4px;
  border-radius:999px;
  background:rgba(0,120,48,.08);
  color:var(--g-800) !important;
  font-weight:800;
  letter-spacing:.02em;
  text-decoration:none !important;
  transition:background .15s ease, color .15s ease, transform .15s ease;
}
body.hy-sf .footer-credit-brand:hover{
  background:rgba(0,120,48,.14);
  color:var(--g-900) !important;
  transform:translateY(-1px);
}
body.hy-sf .footer-credit-brand sup{
  font-size:.7em;
  top:-0.4em;
  opacity:.85;
}
body.hy-sf .footer-end{
  display:block;
  width:auto;
  max-width:min(429px, 55vw);
  height:auto;
  flex:0 0 auto;
}

/* ========== BREADCRUMBS (sitewide = cart style) ========== */
body.hy-sf .hy-cart-crumb,
body.hy-sf .crumbs,
body.hy-sf .breadcrumbs_area{
  display:block;
  padding:0;
  margin:0 0 18px;
  font-size:13px;
  line-height:1.35;
  color:#9aa59d;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
body.hy-sf .hy-cart-crumb{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
body.hy-sf .crumbs{padding:14px 0 0; margin-bottom:10px}
body.hy-sf .crumbs .wrap{
  display:block;
  width:min(1180px, calc(100% - 40px));
  margin:0 auto;
}
body.hy-sf .breadcrumbs_area{
  padding:14px 0 0 !important;
  margin-bottom:10px !important;
}
body.hy-sf .breadcrumbs_area .container,
body.hy-sf .breadcrumbs_area .row,
body.hy-sf .breadcrumbs_area [class*="col-"]{
  padding-left:0 !important;
  padding-right:0 !important;
  margin:0 !important;
  max-width:none !important;
  width:100% !important;
}
body.hy-sf .breadcrumbs_area .container{
  width:min(1180px, calc(100% - 40px)) !important;
  margin:0 auto !important;
}

body.hy-sf .crumbs-list,
body.hy-sf .breadcrumb_content ul{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  min-width:0;
  background:transparent !important;
  border:0 !important;
}
body.hy-sf .crumbs-item,
body.hy-sf .breadcrumb_content ul li{
  display:inline-flex !important;
  align-items:center !important;
  gap:0 !important;
  margin:0 !important;
  padding:0 !important;
  min-width:0;
  max-width:100%;
  color:#234 !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.35 !important;
  background:transparent !important;
  border:0 !important;
}
body.hy-sf .crumbs-item:not(:first-child)::before,
body.hy-sf .breadcrumb_content ul li:not(:first-child)::before{
  content:"/" !important;
  display:inline-block !important;
  margin:0 8px 0 0 !important;
  padding:0 !important;
  width:auto !important;
  height:auto !important;
  border:0 !important;
  transform:none !important;
  opacity:1 !important;
  color:#9aa59d !important;
  font-weight:600 !important;
  font-size:13px !important;
  line-height:1 !important;
  background:none !important;
}
body.hy-sf .hy-cart-crumb a,
body.hy-sf .crumbs-item a,
body.hy-sf .breadcrumb_content ul li a{
  color:var(--g-800) !important;
  font-weight:700 !important;
  font-size:13px !important;
  text-decoration:none !important;
  white-space:nowrap;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  transition:color .15s ease;
}
body.hy-sf .hy-cart-crumb a:hover,
body.hy-sf .crumbs-item a:hover,
body.hy-sf .breadcrumb_content ul li a:hover{
  color:#005c26 !important;
  text-decoration:none !important;
}
body.hy-sf .hy-cart-crumb span,
body.hy-sf .hy-cart-crumb em,
body.hy-sf .crumbs-item--current,
body.hy-sf .crumbs-item--current span,
body.hy-sf .breadcrumb_content ul li:last-child{
  font-style:normal !important;
  color:#234 !important;
  font-weight:600 !important;
}
body.hy-sf .crumbs-item--current{
  flex:1 1 auto;
  min-width:0;
}
body.hy-sf .crumbs-item--current span{
  display:block;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.hy-sf .breadcrumb_content{
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
}

body.hy-sf .hy-plp{padding:8px 0 64px}
body.hy-sf .plp-header{padding:28px 0 0}
body.hy-sf .plp-title-row{
  display:flex;
  align-items:center;
  gap:14px;
}
body.hy-sf .plp-title-group{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
body.hy-sf .plp-title-group h1{
  margin:0;
  font-size:clamp(26px,3vw,34px);
  font-weight:900;
  letter-spacing:-.02em;
  color:#1b2d28;
  line-height:1.15;
}
body.hy-sf .plp-count{
  display:inline-flex;
  align-items:center;
  background:var(--g-100);
  color:var(--g-800);
  font-size:12.5px;
  font-weight:800;
  padding:6px 11px;
  border-radius:999px;
}

body.hy-sf .plp-rail-wrap{
  margin-top:24px;
  display:grid;
  grid-template-columns:40px 1fr 40px;
  gap:10px;
  align-items:center;
}
body.hy-sf .plp-rail{
  display:flex;
  gap:10px;
  overflow-x:auto;
  scrollbar-width:none;
  scroll-behavior:smooth;
  padding:2px 0;
}
body.hy-sf .plp-rail::-webkit-scrollbar{display:none}
body.hy-sf .plp-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex-shrink:0;
  padding:9px 16px;
  border-radius:24px;
  border:1.5px solid #e2e7df;
  background:#fff;
  color:#34433a;
  font-size:13px;
  font-weight:800;
  white-space:nowrap;
  transition:background .15s,border-color .15s,color .15s;
}
body.hy-sf .plp-pill em{
  font-style:normal;
  color:#8a968c;
  font-weight:700;
}
body.hy-sf .plp-pill:hover{
  border-color:#c9d4c7;
  color:var(--g-800);
}
body.hy-sf .plp-pill.is-active{
  background:var(--g-800);
  border-color:var(--g-800);
  color:#fff;
}
body.hy-sf .plp-pill.is-active em{color:rgba(255,255,255,.78)}
body.hy-sf .plp-rail-btn{
  width:40px;height:40px;border-radius:50%;
  border:1.5px solid var(--line);
  background:#fff;
  color:var(--g-800);
  display:grid;place-items:center;
  cursor:pointer;
  transition:opacity .15s,background .15s;
}
body.hy-sf .plp-rail-btn:hover{background:var(--g-50)}
body.hy-sf .plp-rail-btn:disabled{opacity:.35;cursor:default}

body.hy-sf .plp-toolbar{
  margin-top:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  padding:0 0 14px;
  border-radius:0;
  background:transparent;
  border:0;
  border-bottom:1px solid #e7eee6;
}
body.hy-sf .plp-toolbar-start{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  min-width:0;
}
body.hy-sf .plp-filter-dd{
  position:relative;
  z-index:20;
}
body.hy-sf .plp-filter-toggle{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:10px 14px;
  border-radius:10px;
  border:1.5px solid #d7e0d6;
  background:#fff;
  color:var(--g-800);
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  transition:border-color .15s, background .15s;
}
body.hy-sf .plp-filter-toggle:hover{
  border-color:#b9cbb8;
  background:#f7faf6;
}
body.hy-sf .plp-filter-toggle b{
  min-width:18px;height:18px;border-radius:999px;
  background:var(--g-800);color:#fff;
  display:grid;place-items:center;
  font-size:11px;
}
body.hy-sf .plp-filter-toggle .chev{opacity:.7; transition:transform .15s}
body.hy-sf .plp-filter-toggle[aria-expanded="true"]{
  border-color:var(--g-800);
  background:#f3f8f1;
}
body.hy-sf .plp-filter-toggle[aria-expanded="true"] .chev{transform:rotate(180deg)}
body.hy-sf .plp-filter-menu{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  width:min(320px, calc(100vw - 48px));
  max-height:min(420px, 70vh);
  overflow:auto;
  padding:14px;
  border:1px solid #e2ebe1;
  border-radius:14px;
  background:#fff;
  box-shadow:0 16px 40px rgba(16,40,24,.14);
  scrollbar-width:thin;
}
body.hy-sf .plp-filter-menu[hidden]{display:none !important}
body.hy-sf .plp-filter-section{
  padding:4px 2px 10px;
}
body.hy-sf .plp-filter-section + .plp-filter-section{
  margin-top:6px;
  padding-top:14px;
  border-top:1px solid #eef2ec;
}
body.hy-sf .plp-filter-section h4{
  margin:0 0 12px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:#8a968c;
}
body.hy-sf .plp-check{
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  margin:0 0 4px;
  padding:9px 10px;
  border-radius:10px;
  cursor:pointer;
  user-select:none;
  transition:background .15s;
}
body.hy-sf .plp-check:hover{background:#f6f9f5}
body.hy-sf .plp-check input{
  position:absolute;
  opacity:0;
  width:1px;
  height:1px;
  margin:0;
  pointer-events:none;
}
body.hy-sf .plp-check-box{
  flex:0 0 auto;
  width:20px;
  height:20px;
  border:1.5px solid #c9d4c7;
  border-radius:6px;
  background:#fff;
  display:grid;
  place-items:center;
  transition:border-color .15s, background .15s, box-shadow .15s;
}
body.hy-sf .plp-check-box::after{
  content:"";
  width:10px;
  height:6px;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(-45deg) translateY(-1px) scale(.6);
  opacity:0;
  transition:opacity .12s, transform .12s;
}
body.hy-sf .plp-check input:checked + .plp-check-box{
  background:var(--g-800);
  border-color:var(--g-800);
  box-shadow:0 0 0 3px rgba(0,120,48,.12);
}
body.hy-sf .plp-check input:checked + .plp-check-box::after{
  opacity:1;
  transform:rotate(-45deg) translateY(-1px) scale(1);
}
body.hy-sf .plp-check input:focus-visible + .plp-check-box{
  box-shadow:0 0 0 3px rgba(0,120,48,.18);
}
body.hy-sf .plp-check-text{
  font-size:14px;
  font-weight:650;
  color:#2b3a30;
  line-height:1.3;
}
body.hy-sf .plp-showing{
  font-size:13px;
  font-weight:600;
  color:#8a968c;
  white-space:nowrap;
}
body.hy-sf .plp-showing strong{
  color:#2b3a30;
  font-weight:800;
}
body.hy-sf .plp-sort{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-left:auto;
}
body.hy-sf .plp-sort-label{
  font-size:13px;
  font-weight:700;
  color:#8a968c;
  white-space:nowrap;
}
body.hy-sf .plp-sort-control{
  position:relative;
}
body.hy-sf .plp-sort select{
  appearance:none;
  -webkit-appearance:none;
  display:block;
  width:100%;
  min-width:220px;
  max-width:100%;
  height:42px;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23007830' stroke-width='2.4'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;
  border:1.5px solid #d7e0d6;
  border-radius:10px;
  padding:0 40px 0 14px;
  font-size:13.5px;
  font-weight:700;
  color:#1a2b20;
  cursor:pointer;
  transition:border-color .15s, box-shadow .15s;
}
body.hy-sf .plp-sort select:hover{border-color:#b9cbb8}
body.hy-sf .plp-sort select:focus{
  outline:0;
  border-color:var(--g-800);
  box-shadow:0 0 0 3px rgba(0,120,48,.12);
}

/* legacy panel selectors kept inert */
body.hy-sf .plp-filter-panel{display:none}

body.hy-sf .plp-grid{margin-top:22px}
body.hy-sf .plp-grid .hy-product,
body.hy-sf .plp-grid .product{height:100%}
body.hy-sf .plp-pager{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin:36px 0 8px;
}
body.hy-sf .plp-pager-pages{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  justify-content:center;
}
body.hy-sf .plp-pager-btn,
body.hy-sf .plp-pager-num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:40px;
  padding:0 14px;
  border:1px solid #d7e0d6;
  border-radius:999px;
  background:#fff;
  color:#1a2b20;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
  transition:background .15s ease, border-color .15s ease, color .15s ease;
}
body.hy-sf .plp-pager-num{
  min-width:40px;
  padding:0 12px;
}
body.hy-sf .plp-pager-btn:hover,
body.hy-sf .plp-pager-num:hover{
  border-color:var(--g-800);
  color:var(--g-800);
  background:#f4faf5;
}
body.hy-sf .plp-pager-num.is-active{
  background:var(--g-800);
  border-color:var(--g-800);
  color:#fff;
}
body.hy-sf .plp-pager-btn.is-disabled{
  opacity:.38;
  pointer-events:none;
}
body.hy-sf .plp-pager-gap{
  min-width:28px;
  text-align:center;
  color:#8b978e;
  font-weight:800;
}
body.hy-sf .plp-seo,
body.hy-sf .listing-seo{
  margin-top:40px;
  padding-top:28px;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:14.5px;
  line-height:1.7;
}
body.hy-sf .plp-seo h1,
body.hy-sf .plp-seo h2,
body.hy-sf .plp-seo h3,
body.hy-sf .listing-seo h1,
body.hy-sf .listing-seo h2,
body.hy-sf .listing-seo h3{
  color:var(--g-950);
  font-size:18px;
  margin:0 0 10px;
}
body.hy-sf .listing-empty{
  text-align:center;
  padding:64px 28px;
  margin-top:28px;
  border:1px solid #e7eee6;
  border-radius:16px;
  background:#fff;
}
body.hy-sf .listing-empty-icon{
  width:72px;
  height:72px;
  margin:0 auto 18px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:#f3f7f2;
  color:var(--g-800);
}
body.hy-sf .listing-empty-icon svg{
  width:40px;
  height:40px;
  display:block;
}
body.hy-sf .listing-empty h3{
  margin:0 0 8px;
  font-size:clamp(20px, 2.2vw, 26px);
  font-weight:900;
  letter-spacing:-.02em;
  color:#111c15;
}
body.hy-sf .listing-empty p{
  margin:0 auto 22px;
  max-width:420px;
  font-size:15px;
  line-height:1.55;
  color:#6b7a70;
}
body.hy-sf .listing-empty-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}
body.hy-sf .listing-empty .btn{
  width:auto;
  margin-top:0;
  min-width:150px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 20px;
  border-radius:10px;
  font-weight:800;
}
body.hy-sf .listing-empty .btn-green{
  width:auto;
  margin-top:0;
}

/* legacy layout helpers kept for search */
body.hy-sf .layout{
  display:grid;
  grid-template-columns:260px 1fr;
  gap:28px;
  padding:32px 0 64px;
  align-items:start;
}
body.hy-sf .filters{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:20px 18px;
  box-shadow:var(--shadow-sm);
}
body.hy-sf .filters h4{margin:0 0 12px}
body.hy-sf .filters label{display:flex;gap:8px;margin:0 0 10px;font-size:14px}
body.hy-sf .grid-3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
body.hy-sf .pdp{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px 0 64px}
body.hy-sf .pdp-gallery{background:var(--g-50);border-radius:16px;overflow:hidden}
body.hy-sf .qty{display:inline-flex;border:1px solid var(--line);border-radius:99px;overflow:hidden;margin-right:10px}
body.hy-sf .qty button,
body.hy-sf .qty input{border:0;background:#fff;height:44px;width:44px;text-align:center}

/* ========== PRODUCT DETAIL (Hicret-inspired) ========== */
body.hy-sf .hy-pdp{
  padding:8px 0 0;
  font-family:var(--font);
  color:#1a2b20;
}
body.hy-sf .hy-pdp:last-of-type{
  padding-bottom:0;
}
body.hy-sf .hy-pdp *{box-sizing:border-box}
body.hy-sf .hy-pdp-main{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:28px;
  align-items:start;
  padding:28px 0 0;
}
body.hy-sf .hy-pdp-gallery{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:12px;
  align-items:start;
  width:100%;
  max-width:none;
}
body.hy-sf .hy-pdp-gallery:not(:has(.hy-pdp-thumbs)){
  grid-template-columns:1fr;
}
body.hy-sf .hy-pdp-thumbs{
  display:flex;
  flex-direction:column;
  gap:10px;
  max-height:640px;
  overflow:auto;
  padding:2px;
}
body.hy-sf .hy-pdp-thumb{
  width:72px;
  height:72px;
  padding:3px;
  border:2px solid #e2e8e1;
  border-radius:12px;
  background:#fff;
  cursor:pointer;
  overflow:hidden;
  flex-shrink:0;
  transition:border-color .15s ease, box-shadow .15s ease;
}
body.hy-sf .hy-pdp-thumb.is-active{
  border-color:var(--g-800);
  box-shadow:0 0 0 1px var(--g-800);
}
body.hy-sf .hy-pdp-thumb:hover{border-color:#9bb59f}
body.hy-sf .hy-pdp-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:10px;
  display:block;
}
body.hy-sf .hy-pdp-stage{
  position:relative;
  aspect-ratio:1 / 1;
  max-width:none;
  margin:0;
  width:100%;
  border-radius:18px;
  background:#fff;
  overflow:hidden;
  border:1px solid #e8eee7;
}
body.hy-sf .hy-pdp-gallery:not(:has(.hy-pdp-thumbs)) .hy-pdp-stage{
  max-width:none;
}
body.hy-sf .hy-pdp-main-img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  padding:0;
  background:#fff;
  transform:none;
}
body.hy-sf .hy-pdp-badges{
  position:absolute;
  top:16px;
  left:16px;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
body.hy-sf .hy-pdp-badges span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  background:#fff;
  color:var(--g-800);
  font-size:11px;
  font-weight:800;
  box-shadow:0 8px 18px rgba(0,0,0,.08);
}
body.hy-sf .hy-pdp-fav{
  position:absolute;
  right:16px;
  bottom:16px;
  z-index:2;
  width:46px;
  height:46px;
  border:0;
  border-radius:999px;
  background:#fff;
  color:var(--g-800);
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(16,40,24,.16);
  transition:color .15s ease, transform .15s ease;
}
body.hy-sf .hy-pdp-fav:hover{
  color:var(--brand);
  transform:scale(1.06);
}
body.hy-sf .hy-pdp-buy{
  padding-top:4px;
}
body.hy-sf .hy-pdp-kicker{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 12px;
}
body.hy-sf .hy-pdp-ship,
body.hy-sf .hy-pdp-brand{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 11px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
}
body.hy-sf .hy-pdp-ship{
  background:#eaf6ee;
  color:var(--g-800);
}
body.hy-sf .hy-pdp-brand{
  background:#f4f5f3;
  color:#5b6a60;
}
body.hy-sf .hy-pdp-title{
  margin:0 0 14px;
  font-family:var(--font);
  font-size:31px;
  font-weight:700;
  letter-spacing:-.02em;
  line-height:1.15;
  color:#111;
}
body.hy-sf .hy-pdp-rating{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 18px;
  color:inherit;
  text-decoration:none;
  font-size:13.5px;
  font-weight:700;
}
body.hy-sf .hy-pdp-rating:hover{color:var(--g-800)}
body.hy-sf .hy-pdp-rating strong{color:#111c15}
body.hy-sf .hy-pdp-rating > span:last-child{color:#6b7a70;font-weight:700}
body.hy-sf .hy-pdp-trust{
  list-style:none;
  margin:0 0 22px;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
body.hy-sf .hy-pdp-trust li{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:6px 12px 6px 6px;
  border-radius:999px;
  background:#f3f7f3;
  color:#1f3326;
  font-size:12.5px;
  font-weight:800;
  line-height:1.2;
}
body.hy-sf .hy-pdp-trust i{
  width:28px;
  height:28px;
  border-radius:999px;
  background:#fff;
  color:var(--g-800);
  display:grid;
  place-items:center;
  flex-shrink:0;
  box-shadow:0 1px 0 rgba(0,0,0,.04);
}
body.hy-sf .hy-pdp-price{
  display:flex !important;
  align-items:baseline;
  gap:12px;
  margin:0 0 16px !important;
  padding:0 !important;
  border:0 !important;
}
body.hy-sf .hy-pdp-price .regular-price{
  font-size:36px !important;
  font-weight:900 !important;
  color:#111 !important;
  line-height:1 !important;
  font-family:var(--font) !important;
}
body.hy-sf .hy-pdp-price .old-price{
  font-size:16px !important;
  font-weight:600 !important;
  color:#93a098 !important;
  text-decoration:line-through !important;
}
body.hy-sf .hy-pdp-brief{
  margin:0 0 20px;
  color:#55645b;
  font-size:15px;
  line-height:1.6;
}
body.hy-sf .hy-pdp-options{margin:0 0 18px}
body.hy-sf .hy-pdp-options .variant-group-title{
  margin:0 0 10px;
  font-size:13px;
  font-weight:800;
  color:#111c15;
}
body.hy-sf .hy-pdp-options .variant-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:14px;
}
body.hy-sf .hy-pdp-options .variant-text{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border:1.5px solid #d5ded5 !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#1a2b20 !important;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
  transition:all .15s ease;
}
body.hy-sf .hy-pdp-options .variant-text:hover,
body.hy-sf .hy-pdp-options .variant-text.active,
body.hy-sf .hy-pdp-options .variant-text.selected{
  border-color:var(--g-800) !important;
  background:var(--g-800) !important;
  color:#fff !important;
}
body.hy-sf .hy-pdp-stock{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 18px;
  font-size:14px;
  font-weight:700;
  color:#3d4f43;
}
body.hy-sf .hy-pdp-stock .dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#22a45a;
  box-shadow:0 0 0 4px rgba(34,164,90,.14);
}
body.hy-sf .hy-pdp-stock.is-out .dot{
  background:#c44747;
  box-shadow:0 0 0 4px rgba(196,71,71,.14);
}
body.hy-sf .hy-pdp-kicker{display:none !important}
body.hy-sf .hy-pdp-proof{
  margin:0 0 14px;
  font-size:14px;
  font-weight:700;
  color:#1a2b20;
}
body.hy-sf .hy-pdp-purchase{
  display:flex;
  flex-direction:column;
  gap:12px;
  margin:0 0 14px;
  width:100%;
}
body.hy-sf .hy-pdp-cart{
  display:flex !important;
  flex-direction:row !important;
  align-items:stretch !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  max-width:100% !important;
  overflow:visible !important;
}
body.hy-sf .hy-pdp-qty.product-qty,
body.hy-sf .hy-pdp-qty{
  display:inline-flex !important;
  align-items:center;
  justify-content:space-between;
  flex:0 0 148px;
  width:148px !important;
  min-width:148px !important;
  height:56px !important;
  padding:0 20px;
  border:2px solid #e4ebe6 !important;
  border-radius:9px !important;
  overflow:hidden;
  background:#fff !important;
}
body.hy-sf .hy-pdp-qty .sub-min,
body.hy-sf .hy-pdp-qty .sub-max{
  width:44px !important;
  height:56px !important;
  display:grid !important;
  place-items:center;
  color:#16241a !important;
  font-size:22px;
  font-weight:700;
  text-decoration:none !important;
  line-height:1;
  background:transparent !important;
}
body.hy-sf .hy-pdp-qty > div{
  flex:1 1 auto !important;
  max-width:none !important;
  height:56px !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
  margin:0 !important;
  padding:0 !important;
}
body.hy-sf .hy-pdp-qty .qty-input{
  width:100% !important;
  height:56px !important;
  border:0 !important;
  text-align:center !important;
  font-size:18px !important;
  font-weight:800 !important;
  background:transparent !important;
  color:#111 !important;
  box-shadow:none !important;
  padding:0 !important;
}
body.hy-sf .hy-pdp-add{
  flex:1 1 auto !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-width:0 !important;
  width:auto !important;
  max-width:none !important;
  min-height:56px !important;
  height:56px !important;
  padding:0 18px !important;
  border:0 !important;
  border-radius:8px !important;
  background:#2e8b3d !important;
  color:#fff !important;
  font-size:18px !important;
  font-weight:900 !important;
  letter-spacing:.01em;
  text-transform:none !important;
  text-decoration:none !important;
  box-shadow:none !important;
  margin:0 !important;
  cursor:pointer;
  transition:background .15s ease, transform .15s ease !important;
}
body.hy-sf .hy-pdp-add:hover{
  background:var(--g-800) !important;
  color:#fff !important;
  transform:translateY(-1px);
}
body.hy-sf .hy-pdp-add svg{flex:0 0 auto}
body.hy-sf .hy-pdp-buy-now{
  width:100% !important;
  min-width:0 !important;
  min-height:56px;
  height:56px;
  padding:0 18px;
  border-radius:8px;
  border:2px solid #8db88f;
  background:#fff;
  color:#196426;
  font-size:18px;
  font-weight:900;
  cursor:pointer;
  transition:background .15s ease, color .15s ease, border-color .15s ease;
}
body.hy-sf .hy-pdp-buy-now:hover{
  background:#196426;
  border-color:#196426;
  color:#fff;
}
body.hy-sf .hy-pdp-shipnote{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 16px;
  padding:12px 14px;
  border-radius:10px;
  background:#f4f7f4;
  color:#1a2b20;
  font-size:14px;
  font-weight:700;
}
body.hy-sf .hy-pdp-shipnote svg{color:var(--g-800); flex:0 0 auto}
body.hy-sf .hy-pdp-together{
  display:grid;
  grid-template-columns:auto auto minmax(0,1fr) 72px;
  gap:12px;
  align-items:center;
  margin-top:4px;
  padding:14px 12px;
  border:1px solid #e5ebe4;
  border-radius:12px;
  background:#fff;
}
body.hy-sf .hy-pdp-together-title{
  font-size:13px;
  font-weight:900;
  letter-spacing:.04em;
  color:#111;
  white-space:nowrap;
}
body.hy-sf .hy-pdp-together-switch{
  width:44px;
  height:26px;
  padding:3px;
  border:0;
  border-radius:999px;
  background:#d7ddd8;
  cursor:pointer;
  position:relative;
  flex:0 0 auto;
}
body.hy-sf .hy-pdp-together-switch span{
  display:block;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.2);
  transition:transform .18s ease;
}
body.hy-sf .hy-pdp-together-switch[aria-checked="true"]{background:var(--g-800)}
body.hy-sf .hy-pdp-together-switch[aria-checked="true"] span{transform:translateX(18px)}
body.hy-sf .hy-pdp-together-info{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
body.hy-sf .hy-pdp-together-info a{
  color:#1a2b20;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
  line-height:1.3;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
body.hy-sf .hy-pdp-together-info strong{
  font-size:14px;
  font-weight:900;
  color:#111;
}
body.hy-sf .hy-pdp-together-info em{
  display:inline-block;
  width:fit-content;
  margin-top:2px;
  padding:2px 8px;
  border-radius:6px;
  background:#ffe8d6;
  color:#c45a12;
  font-size:11px;
  font-style:normal;
  font-weight:800;
}
body.hy-sf .hy-pdp-together-media{
  width:72px;
  height:72px;
  border-radius:10px;
  overflow:hidden;
  background:#f3f6f2;
  display:block;
}
body.hy-sf .hy-pdp-together-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
body.hy-sf .hy-pdp-gift,
body.hy-sf .hy-pdp-offer{
  margin:0 0 16px;
  padding:14px 16px;
  border-radius:14px;
  background:#fff7ec;
  border:1px solid #f0d9b8;
}
body.hy-sf .hy-pdp-gift strong,
body.hy-sf .hy-pdp-offer p{
  display:block;
  margin:0 0 4px;
  color:#8a4b12;
}
body.hy-sf .hy-pdp-gift p{
  margin:0;
  color:#6b5a48;
  font-size:13.5px;
}
body.hy-sf .hy-pdp-gift em{font-style:normal;font-weight:800}
body.hy-sf .hy-pdp-meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 18px;
  margin:6px 0 0;
  padding:18px 0 0;
  border-top:1px solid #e7eee6;
}
body.hy-sf .hy-pdp-meta div{margin:0}
body.hy-sf .hy-pdp-meta dt{
  margin:0;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#8b978e;
}
body.hy-sf .hy-pdp-meta dd{
  margin:3px 0 0;
  font-size:14px;
  font-weight:700;
  color:#1a2b20;
}
body.hy-sf .hy-pdp-panels{
  margin-top:22px;
  padding:0;
  border:1px solid #e7eee6;
  border-radius:14px;
  background:#fff;
  overflow:hidden;
}
body.hy-sf .hy-pdp-editor{
  margin-top:0;
  padding-top:0;
  border-top:0;
}
body.hy-sf .hy-pdp-editor-band{
  background:#f9f9f9;
  padding:48px 0 40px;
  margin-top:48px;
}
body.hy-sf .hy-pdp-editor .hy-pdp-similar-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:20px;
}
body.hy-sf .hy-pdp-editor-nav{
  display:none;
  align-items:center;
  gap:8px;
  flex-shrink:0;
}
body.hy-sf .hy-pdp-editor-rail{
  margin-top:0;
  overflow:visible;
}
body.hy-sf .hy-pdp-editor-track{
  display:flex;
  gap:16px;
  overflow-x:auto;
  overflow-y:visible;
  scrollbar-width:none;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  padding:6px 2px 14px;
  -webkit-overflow-scrolling:touch;
}
body.hy-sf .hy-pdp-editor-track::-webkit-scrollbar{display:none}
body.hy-sf .hy-pdp-editor-track .hy-product{
  flex:0 0 calc((100% - 48px) / 4);
  width:calc((100% - 48px) / 4);
  max-width:none;
  height:auto;
  scroll-snap-align:start;
}
@media (min-width:768px){
  body.hy-sf .hy-pdp-editor-nav{display:flex}
}
@media (max-width:980px){
  body.hy-sf .hy-pdp-editor-track .hy-product{
    flex-basis:calc((100% - 32px) / 3);
    width:calc((100% - 32px) / 3);
  }
}
@media (max-width:767px){
  body.hy-sf .hy-pdp-editor-track{
    gap:12px;
  }
  body.hy-sf .hy-pdp-editor-track .hy-product{
    flex-basis:calc((100% - 12px) / 2);
    width:calc((100% - 12px) / 2);
  }
}
body.hy-sf .hy-pdp-tablist{
  display:flex;
  flex-wrap:wrap;
  gap:0;
  margin:0;
  padding:0 10px;
  background:#fff;
  border-bottom:0;
}
body.hy-sf .hy-pdp-tab{
  position:relative;
  min-height:52px;
  padding:0 18px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#6b7a70;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
}
body.hy-sf .hy-pdp-tab em{
  font-style:normal;
  opacity:.7;
}
body.hy-sf .hy-pdp-tab.is-active{
  color:var(--g-800);
  background:transparent;
}
body.hy-sf .hy-pdp-tab.is-active::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:-1px;
  height:3px;
  border-radius:3px 3px 0 0;
  background:var(--g-800);
}
body.hy-sf .hy-pdp-panel{display:none; padding:24px 28px 28px}
body.hy-sf .hy-pdp-panel.is-active{display:block}
body.hy-sf .hy-pdp-panel h2{
  margin:0 0 16px;
  font-size:24px;
  font-weight:900;
  color:#111c15;
  letter-spacing:-.02em;
}
body.hy-sf .hy-pdp-rich{
  color:#3d4f43;
  font-size:15.5px;
  line-height:1.75;
  max-width:920px;
}
body.hy-sf .hy-pdp-rich p{margin:0 0 14px}
body.hy-sf .hy-pdp-rich img{max-width:100%;height:auto;border-radius:14px}
body.hy-sf .hy-pdp-reviews-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:18px;
}
body.hy-sf .hy-pdp-reviews-head h2{margin:0}
body.hy-sf .hy-pdp-reviews{display:grid;gap:14px}
body.hy-sf .hy-pdp-review{
  padding:18px 20px;
  border:1px solid #e5ebe4;
  border-radius:16px;
  background:#fff;
}
body.hy-sf .hy-pdp-review header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:6px;
}
body.hy-sf .hy-pdp-review time{font-size:12px;color:#8b978e}
body.hy-sf .hy-pdp-review h3{
  margin:8px 0 4px;
  font-size:15px;
  font-weight:800;
}
body.hy-sf .hy-pdp-review p{
  margin:0;
  color:#3d4f43;
  font-size:14px;
  line-height:1.55;
}
body.hy-sf .hy-pdp-answer{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid #eef2ed;
}
body.hy-sf .hy-pdp-answer strong{
  display:block;
  margin-bottom:4px;
  font-size:13px;
  color:var(--g-800);
}
body.hy-sf .hy-pdp-empty-reviews{margin:0;color:#6b7a70}
body.hy-sf .hy-pdp-similar{
  margin-top:40px;
  padding-top:28px;
  border-top:1px solid #e7eee6;
}
body.hy-sf .hy-pdp-similar.hy-pdp-editor{
  margin-top:0;
  padding-top:0;
  border-top:0;
}
body.hy-sf .hy-pdp-similar-head{margin-bottom:20px}
body.hy-sf .hy-pdp-similar-head h2{
  margin:0;
  font-size:26px;
  font-weight:900;
  color:#111c15;
  letter-spacing:-.02em;
}

/* ========== PDP NEDEN BİZ ========== */
body.hy-sf .hy-pdp-why{
  padding:48px 0 32px;
  background:#fff;
}
body.hy-sf .hy-pdp-why-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:28px;
}
body.hy-sf .hy-pdp-why-eyebrow{
  display:block;
  margin:0 0 8px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--g-800);
}
body.hy-sf .hy-pdp-why-head h2{
  margin:0;
  font-size:clamp(26px, 3vw, 34px);
  font-weight:900;
  letter-spacing:-.02em;
  color:#111c15;
}
body.hy-sf .hy-pdp-why-head p{
  margin:0;
  max-width:320px;
  text-align:right;
  font-size:15px;
  line-height:1.5;
  color:#6b7a70;
}
body.hy-sf .hy-pdp-why-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:16px;
}
body.hy-sf .hy-pdp-why-item{
  padding:22px 20px;
  border:1px solid #e7eee6;
  border-radius:14px;
  background:#fff;
}
body.hy-sf .hy-pdp-why-item strong{
  display:block;
  margin:0 0 14px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  color:var(--g-800);
}
body.hy-sf .hy-pdp-why-item i{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  margin:0 0 14px;
  color:var(--g-800);
}
body.hy-sf .hy-pdp-why-item svg{
  width:28px;
  height:28px;
  display:block;
}
body.hy-sf .hy-pdp-why-item b{
  display:block;
  margin:0 0 6px;
  font-size:17px;
  font-weight:800;
  color:#111c15;
}
body.hy-sf .hy-pdp-why-item p{
  margin:0;
  font-size:14px;
  line-height:1.5;
  color:#5f6f64;
}
@media (max-width:900px){
  body.hy-sf .hy-pdp-why-head{flex-direction:column; align-items:flex-start}
  body.hy-sf .hy-pdp-why-head p{text-align:left; max-width:none}
  body.hy-sf .hy-pdp-why-grid{grid-template-columns:repeat(2, minmax(0,1fr))}
}
@media (max-width:520px){
  body.hy-sf .hy-pdp-why{padding:36px 0 24px}
  body.hy-sf .hy-pdp-why-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:10px;
  }
  body.hy-sf .hy-pdp-why-item{padding:16px 14px}
  body.hy-sf .hy-pdp-why-item b{font-size:15px}
  body.hy-sf .hy-pdp-why-item p{font-size:13px}
  body.hy-sf .hy-pdp-editor-band{padding:36px 0 28px; margin-top:36px}
}

@media (max-width:1100px){
  body.hy-sf .hy-pdp-trust li{min-height:36px}
}
@media (max-width:980px){
  body.hy-sf .hy-pdp-main{
    grid-template-columns:1fr;
    gap:28px;
  }
  body.hy-sf .hy-pdp-gallery{
    grid-template-columns:1fr;
    position:static;
  }
  body.hy-sf .hy-pdp-thumbs{
    flex-direction:row;
    max-height:none;
    overflow:auto;
    order:2;
  }
  body.hy-sf .hy-pdp-stage{order:1}
}
@media (max-width:640px){
  body.hy-sf .hy-pdp-price .regular-price{font-size:30px !important}
  body.hy-sf .hy-pdp-title{font-size:22px}
  body.hy-sf .hy-pdp-tab{padding:0 12px;font-size:13px}
}

/* ========== FLOAT BADGES ========== */
body.hy-sf .float-badges{
  position:fixed;
  left:22px;bottom:22px;
  z-index:65;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
  animation:waIn .5s ease both .3s;
}
body.hy-sf .track-badge,
body.hy-sf .wa-badge,
body.hy-sf .wheel-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  height:52px;
  padding:0 18px 0 14px;
  border-radius:999px;
  color:#fff;
  font-weight:800;
  font-size:14px;
  letter-spacing:.02em;
  transition:transform .2s, box-shadow .2s;
  border:0;
  cursor:pointer;
  font-family:inherit;
}
body.hy-sf .wheel-badge{
  background:linear-gradient(135deg,#e13289 0%,#c42976 100%);
  box-shadow:0 10px 28px rgba(225,50,137,.35);
}
body.hy-sf .wheel-badge:hover{
  transform:translateY(-2px) scale(1.03);
  color:#fff;
  box-shadow:0 14px 32px rgba(225,50,137,.45);
}
body.hy-sf .wheel-badge svg{
  width:24px;height:24px;
  fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;
  flex-shrink:0;
}
body.hy-sf .wheel-badge em{
  font-style:normal;
}
body.hy-sf .track-badge{
  background:var(--g-800);
  box-shadow:0 10px 28px rgba(20,40,24,.28);
}
body.hy-sf .track-badge:hover{
  background:var(--orange);
  transform:translateY(-2px) scale(1.03);
  color:#fff;
}
body.hy-sf .track-badge svg{
  width:24px;height:24px;
  fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;
  flex-shrink:0;
}
body.hy-sf .wa-badge{
  background:#25d366;
  box-shadow:0 10px 28px rgba(37,211,102,.4);
}
body.hy-sf .wa-badge:hover{
  transform:translateY(-2px) scale(1.03);
  box-shadow:0 14px 32px rgba(37,211,102,.5);
  color:#fff;
}
body.hy-sf .wa-badge svg{
  width:28px;height:28px;
  flex-shrink:0;
}
body.hy-sf .track-badge em,
body.hy-sf .wa-badge em{
  font-style:normal;
}
@keyframes waIn{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:none}
}
@media (max-width:640px){

  body.hy-sf .float-badges{left:auto;right:14px;bottom:14px;gap:10px}
  body.hy-sf .track-badge{display:none !important}
  body.hy-sf .track-badge,
body.hy-sf .wa-badge,
body.hy-sf .wheel-badge{padding:0;width:46px;height:46px;justify-content:center}
  body.hy-sf .track-badge em,
body.hy-sf .wa-badge em,
body.hy-sf .wheel-badge em{display:none}

}

/* ========== COOKIE CONSENT (desktop only) ========== */
body.hy-sf .hy-cookie{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:70;
  display:none;
  flex-direction:column;
  align-items:stretch;
  gap:6px;
  width:240px;
  padding:14px;
  border-radius:12px;
  background:#fff;
  color:#445247;
  border:1px solid #e6ebe6;
  box-shadow:0 8px 24px rgba(18,32,28,.1);
  animation:hyCookieIn .2s ease both;
}
@media (min-width:981px){
  body.hy-sf .hy-cookie:not([hidden]){
    display:flex;
  }
}
@keyframes hyCookieIn{
  from{opacity:0; transform:translateY(8px)}
  to{opacity:1; transform:none}
}
body.hy-sf .hy-cookie > strong{
  margin:0;
  font-size:14px;
  font-weight:800;
  letter-spacing:.01em;
  color:#123;
  line-height:1.2;
}
body.hy-sf .hy-cookie p{
  margin:0;
  font-size:12px;
  line-height:1.4;
  color:#6a756d;
  font-weight:500;
}
body.hy-sf .hy-cookie a{
  color:var(--g-800);
  text-decoration:underline;
  text-underline-offset:2px;
  font-weight:700;
}
body.hy-sf .hy-cookie-ok{
  margin-top:4px;
  height:34px;
  width:100%;
  padding:0 12px;
  border:0;
  border-radius:8px;
  background:var(--g-800);
  color:#fff;
  font:inherit;
  font-size:12.5px;
  font-weight:800;
  cursor:pointer;
  transition:background .15s ease;
}
body.hy-sf .hy-cookie-ok:hover{
  background:var(--g-900);
}

/* ========== GIFT WHEEL ========== */
body.hy-sf .hy-wheel-modal{
  position:fixed;inset:0;z-index:120;
  display:flex;align-items:center;justify-content:center;
  padding:20px;
  background:rgba(10,28,16,.62);
  backdrop-filter:blur(4px);
}
body.hy-sf .hy-wheel-modal[hidden]{display:none}
body.hy-sf .hy-wheel-dialog{
  position:relative;
  width:min(440px,100%);
  background:
    radial-gradient(circle at 20% 0%, rgba(225,50,137,.12), transparent 42%),
    radial-gradient(circle at 90% 10%, rgba(24,156,48,.14), transparent 40%),
    linear-gradient(180deg,#fff 0%,#f7fbf8 100%);
  border-radius:24px;
  padding:28px 22px 24px;
  box-shadow:0 28px 80px rgba(0,0,0,.28);
  text-align:center;
  animation:hyWheelIn .35s ease both;
}
@keyframes hyWheelIn{
  from{opacity:0;transform:translateY(18px) scale(.96)}
  to{opacity:1;transform:none}
}
body.hy-sf .hy-wheel-close{
  position:absolute;top:12px;right:14px;
  width:36px;height:36px;border:0;border-radius:50%;
  background:rgba(0,0,0,.06);color:#234;font-size:24px;line-height:1;
  cursor:pointer;
}
body.hy-sf .hy-wheel-eyebrow{
  margin:0 0 4px;font-size:12px;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:var(--g-800);
}
body.hy-sf .hy-wheel-head h2{
  margin:0 0 6px;font-size:28px;color:#123;letter-spacing:-.02em;
}
body.hy-sf .hy-wheel-sub{
  margin:0 0 18px;font-size:14px;color:var(--muted);
}
body.hy-sf .hy-wheel-stage{
  position:relative;
  width:min(320px,78vw);
  height:min(320px,78vw);
  margin:0 auto 18px;
}
body.hy-sf .hy-wheel-stage canvas{
  width:100%;height:100%;
  border-radius:50%;
  box-shadow:0 12px 36px rgba(0,80,40,.22), inset 0 0 0 6px #fff;
  transition:transform 4.2s cubic-bezier(.12,.75,.18,1);
  will-change:transform;
}
body.hy-sf .hy-wheel-pointer{
  position:absolute;left:50%;top:-6px;z-index:3;
  width:0;height:0;
  border-left:12px solid transparent;
  border-right:12px solid transparent;
  border-top:22px solid #e13289;
  transform:translateX(-50%);
  filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));
}
body.hy-sf .hy-wheel-hub{
  position:absolute;left:50%;top:50%;z-index:2;
  width:42px;height:42px;margin:-21px 0 0 -21px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff 0%,#e13289 55%,#a01f5f 100%);
  box-shadow:0 4px 12px rgba(0,0,0,.25);
  pointer-events:none;
}
body.hy-sf .hy-wheel-spin{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:160px;height:48px;padding:0 28px;
  border:0;border-radius:999px;
  background:var(--g-800);color:#fff;
  font-weight:800;font-size:15px;letter-spacing:.02em;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(0,120,48,.28);
  transition:transform .2s, background .2s;
}
body.hy-sf .hy-wheel-spin:hover{background:#005c26;transform:translateY(-1px);color:#fff}
body.hy-sf .hy-wheel-spin:disabled{
  opacity:.55;cursor:not-allowed;transform:none;
}
body.hy-sf .hy-wheel-result{
  margin-top:16px;padding:14px 16px;
  border-radius:14px;
  background:#fff;
  border:1px solid rgba(0,120,48,.14);
  box-shadow:0 8px 20px rgba(0,40,20,.06);
  animation:hyWheelIn .3s ease both;
}
body.hy-sf .hy-wheel-result.is-win{border-color:rgba(225,50,137,.28)}
body.hy-sf .hy-wheel-result strong{
  display:block;margin-bottom:6px;font-size:16px;color:#123;
}
body.hy-sf .hy-wheel-result p{
  margin:0;font-size:14px;color:var(--muted);line-height:1.45;
}
body.hy-sf .hy-wheel-code{
  display:inline-block;margin-top:10px;
  padding:8px 14px;border-radius:10px;
  background:#f3faf5;color:var(--g-800);
  font-weight:800;letter-spacing:.06em;font-size:15px;
  user-select:all;
}
body.hy-sf .hy-wheel-copy{
  display:inline-block;margin-top:8px;margin-left:8px;
  border:0;background:transparent;color:#e13289;
  font-weight:700;font-size:13px;cursor:pointer;padding:0;
}
@media (max-width:480px){
  body.hy-sf .hy-wheel-dialog{padding:24px 16px 20px}
  body.hy-sf .hy-wheel-head h2{font-size:24px}
}

/* ========== DRAWER ========== */
body.hy-sf .drawer{position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:70;display:none}
body.hy-sf .drawer.open{display:block}
body.hy-sf .drawer nav{
  width:min(320px,90vw);height:100%;background:#fff;padding:24px;
  display:flex;flex-direction:column;gap:4px;
  overflow:auto;
  box-shadow:8px 0 28px rgba(0,0,0,.18);
}
body.hy-sf .drawer nav button#closeMenu{
  align-self:flex-end;
  margin:0 0 12px;
  border:0;
  background:#f3f6f3;
  border-radius:999px;
  padding:8px 14px;
  font-weight:700;
  color:var(--g-900);
  cursor:pointer;
}
body.hy-sf .drawer nav a{
  display:block;
  padding:12px 6px;
  font-size:15px;
  font-weight:700;
  color:var(--g-950);
  border-bottom:1px solid #eef2ee;
}

@media (max-width:1100px){

  body.hy-sf .grid-4,
body.hy-sf .grid-3,
body.hy-sf .why-grid,
body.hy-sf .cat-grid,
body.hy-sf .blog-grid{grid-template-columns:repeat(2,1fr)}
  body.hy-sf .review{flex-basis:calc((100% - 16px) / 2)}
  body.hy-sf .why-head{flex-direction:column;align-items:flex-start}
  body.hy-sf .why-head p{text-align:left;max-width:none}
  body.hy-sf .layout{grid-template-columns:1fr}
  body.hy-sf .plp-rail-wrap{grid-template-columns:36px 1fr 36px}
  body.hy-sf .plp-toolbar{align-items:stretch}
  body.hy-sf .plp-sort{width:100%; margin-left:0; justify-content:space-between}
  body.hy-sf .plp-sort-control{flex:1; min-width:0}
  body.hy-sf .plp-sort select{min-width:0; width:100%}

}
@media (max-width:860px){

  body.hy-sf .topbar{height:34px}
  body.hy-sf .topbar-group span{font-size:11px;letter-spacing:.05em}
  body.hy-sf .topbar-group i{margin:0 12px}
  body.hy-sf .header{box-shadow:none}
  body.hy-sf .header-bar{
    padding:0;
    border-bottom:1px solid #eef2ee;
  }
  body.hy-sf .header-main{
    position:relative;
    display:grid !important;
    grid-template-columns:auto auto 1fr auto auto !important;
    grid-template-areas:
      "menu bell logo account cart"
      "search search search search search";
    row-gap:16px !important;
    column-gap:6px !important;
    padding:12px 0 12px !important;
    align-items:center;
  }
  body.hy-sf .header-left,
  body.hy-sf .header-actions{
    display:contents !important;
  }
  body.hy-sf .menu-btn{
    grid-area:menu;
    display:grid !important;
    place-items:center;
    width:38px;height:38px;
    flex:0 0 auto;
    border-radius:11px;
    background:#f3f6f3;
    color:var(--g-900);
    font-size:0;
    line-height:1;
    padding:0;
  }
  body.hy-sf .hy-bell{
    grid-area:bell;
    align-self:center;
    justify-self:start;
  }
  body.hy-sf .header-left .logo,
  body.hy-sf .header .logo{
    grid-area:logo;
    position:relative !important;
    left:auto !important;
    top:auto !important;
    transform:none !important;
    display:flex;
    align-items:center;
    justify-content:center;
    justify-self:center;
    height:44px;
    z-index:2;
    pointer-events:auto;
  }
  body.hy-sf .action-cart{
    grid-area:cart;
    justify-self:end;
  }
  body.hy-sf .header-actions > .action-btn:not(.action-cart){
    grid-area:account;
    justify-self:end;
  }
  body.hy-sf .action-label{display:none}
  body.hy-sf .action-btn{
    gap:0;
    width:38px;
    height:38px;
    border-radius:11px;
    align-self:center;
  }
  body.hy-sf .action-icon{
    width:22px;
    height:22px;
  }
  body.hy-sf .action-icon svg{width:22px;height:22px}
  body.hy-sf .cart-count{
    top:-8px;
    right:-10px;
    min-width:16px;
    height:16px;
    font-size:9px;
    line-height:16px;
  }
  body.hy-sf .search{
    grid-area:search;
    grid-column:1 / -1;
    order:unset;
    max-width:none !important;
    justify-self:stretch;
    width:100%;
    border-radius:12px;
    background:#f4f7f4;
    border-color:#e4ebe4;
  }
  body.hy-sf .search:focus-within{
    background:#fff;
    border-color:#c5d4c7;
    box-shadow:0 0 0 3px rgba(46,125,50,.1);
  }
  body.hy-sf .search input{
    height:40px;
    font-size:14px;
    padding:0 12px 0 40px;
    background:transparent;
  }
  body.hy-sf .search-icon{left:12px}
  body.hy-sf .search button{
    height:40px;
    padding:0 14px;
    font-size:12.5px;
    font-weight:800;
    letter-spacing:.02em;
    text-transform:none;
    border-radius:0 11px 11px 0;
  }
  body.hy-sf .logo img{
    height:44px;
    width:auto;
    max-width:min(200px,58vw);
    object-fit:contain;
  }
  body.hy-sf .nav-bar,
  body.hy-sf .nav-bar.theme-menu-bg,
  body.hy-sf .theme-menu-bg.nav-bar{display:none !important}
  body.hy-sf .nav{display:none !important}
  body.hy-sf .menu-btn svg{width:20px;height:20px;display:block}
  body.hy-sf .trust-grid,
body.hy-sf .promo-grid,
body.hy-sf .pdp,
body.hy-sf .footer-main,
body.hy-sf .footer-features{grid-template-columns:1fr}
  body.hy-sf .footer-marquee{height:36px;margin-top:8px}
  body.hy-sf .footer-marquee-group span{font-size:11px;letter-spacing:.06em}
  body.hy-sf .footer-marquee-group i{margin:0 12px}
  body.hy-sf .footer-crown{
    gap:14px;
    padding:28px 0 6px;
  }
  body.hy-sf .footer-logo img{height:48px;max-width:min(180px,60vw);object-fit:contain}
  body.hy-sf .footer-quick{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:8px;
    width:100%;
  }
  body.hy-sf .footer-quick a{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:9px 12px;
    border-radius:999px;
    background:#f3f6f3;
    font-size:12.5px;
    font-weight:700;
    line-height:1.2;
  }
  body.hy-sf .footer-quick svg{width:16px;height:16px}
  body.hy-sf .footer-features{
    grid-template-columns:1fr !important;
    gap:10px;
    padding:22px 0 20px;
  }
  body.hy-sf .footer-features article{
    align-items:center;
    gap:12px;
    padding:12px 14px;
    border-radius:14px;
    background:#f7faf7;
    border:1px solid #e8eee8;
  }
  body.hy-sf .footer-features i{
    width:40px;height:40px;border-radius:12px;
  }
  body.hy-sf .footer-features svg{width:18px;height:18px}
  body.hy-sf .footer-features strong{font-size:14px;margin-bottom:2px}
  body.hy-sf .footer-features p{
    font-size:12.5px;
    line-height:1.35;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
  }
  body.hy-sf .footer-main{
    grid-template-columns:1fr 1fr !important;
    gap:22px 18px;
    padding:26px 0 8px;
  }
  body.hy-sf .footer-cats{display:none !important}
  body.hy-sf .crumbs{display:none !important}
  body.hy-sf .footer-contact{display:none !important}
  body.hy-sf .footer-quick a[href^="tel:"]{display:none !important}
  body.hy-sf .footer-social a[aria-label="WhatsApp"]{display:none !important}
  body.hy-sf .footer-about{
    grid-column:1 / -1;
    text-align:center;
  }
  body.hy-sf .footer-about p{
    max-width:none;
    margin:0 auto 14px;
    font-size:13.5px;
    line-height:1.55;
  }
  body.hy-sf .footer-contact{
    display:none !important;
    flex-wrap:wrap;
    justify-content:center;
    gap:6px 14px;
    margin:0 0 14px;
  }
  body.hy-sf .footer-contact li{margin:0;font-size:13.5px}
  body.hy-sf .footer-social{justify-content:center}
  body.hy-sf .footer-main > div:not(.footer-about){
    min-width:0;
  }
  body.hy-sf .footer h4{
    margin:0 0 12px;
    font-size:11px;
  }
  body.hy-sf .footer-main li{margin:0 0 8px}
  body.hy-sf .footer-main a{font-size:13.5px}
  body.hy-sf .footer-bottom-inner{
    flex-direction:column;
    justify-content:center;
    text-align:center;
    gap:12px;
    padding:14px 0 20px;
  }
  body.hy-sf .footer-bottom-inner span{
    font-size:12px;
    line-height:1.4;
    max-width:28em;
  }
  body.hy-sf .footer-end{
    max-width:min(320px, 92vw);
    width:100%;
    height:auto;
    margin:0 auto;
  }
  body.hy-sf .hy-promo-banners{padding-top:28px;padding-bottom:8px;background:#fff !important}
  body.hy-sf .promo-grid{gap:14px}
  body.hy-sf .promo,
  body.hy-sf .promo.is-single{
    min-height:0;
    aspect-ratio:1210 / 864;
    align-items:flex-end;
    justify-content:flex-start;
    padding:14px;
    border-radius:16px;
  }
  body.hy-sf .promo.is-single img{object-position:left center}
  body.hy-sf .promo::after,
  body.hy-sf .promo.is-single::after{
    background:linear-gradient(90deg, rgba(12,10,8,.22) 0%, rgba(12,10,8,.06) 45%, rgba(12,10,8,0) 72%);
  }
  body.hy-sf .promo-panel{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
    padding:11px 12px;
    border-radius:12px;
    max-width:min(210px, 72%);
    width:auto;
  }
  body.hy-sf .promo-panel strong{font-size:14px}
  body.hy-sf .promo-cta{
    min-height:32px;
    padding:0 13px;
    font-size:12px;
  }
  body.hy-sf .campaign-head{flex-direction:column;align-items:stretch}
  body.hy-sf .trust{display:none !important}
  body.hy-sf .hero{
    aspect-ratio:4 / 5;
    min-height:0;
    max-height:none;
    height:auto;
    background:#1a1410;
    border-bottom:0;
  }
  body.hy-sf .hero-slides{
    position:relative;
    min-height:0;
    height:100%;
  }
  body.hy-sf .hero-slide{
    position:absolute;
    inset:0;
    display:none;
    flex-direction:column;
    justify-content:flex-end;
    align-items:stretch;
    min-height:0;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  body.hy-sf .hero-slide.is-active{
    display:flex;
  }
  body.hy-sf .hero-bg{
    position:absolute;
    inset:0;
    width:auto;
    aspect-ratio:auto;
    flex:none;
    background:#1a1410;
  }
  body.hy-sf .hero-bg img{
    object-fit:cover !important;
    object-position:center center !important;
  }
  body.hy-sf .hero-bg-desktop{display:none !important}
  body.hy-sf .hero-bg-mobile{display:block !important}
  body.hy-sf .hero-bg::after{display:none !important}
  body.hy-sf .hero-slide > .wrap,
  body.hy-sf .hero-inner,
  body.hy-sf .hero-cards,
  body.hy-sf .hero-badge{
    display:none !important;
  }
  body.hy-sf .hero-mobile-hit{
    display:block;
    position:absolute;
    inset:0;
    z-index:3;
  }
  body.hy-sf .hero-pager{
    bottom:14px;
  }
  body.hy-sf .hero-layout{
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;
    gap:0;
    min-height:0;
    padding:0;
    text-align:center;
  }
  body.hy-sf .hero-layout .hero-inner,
  body.hy-sf .hero-inner,
  body.hy-sf .hero-slide.is-dark .hero-inner{
    flex:none;
    max-width:none;
    width:100%;
    padding:0;
    text-shadow:none;
    text-align:center;
  }
  body.hy-sf .hero-kicker,
  body.hy-sf .hero-slide.is-dark .hero-kicker{
    margin:0 auto 6px;
    padding:3px 8px;
    font-size:9px;
    font-weight:800;
    letter-spacing:.04em;
    text-transform:uppercase;
    background:rgba(255,255,255,.14);
    color:#fff;
    border:1px solid rgba(255,255,255,.2);
    backdrop-filter:blur(6px);
    border-radius:999px;
  }
  body.hy-sf .hero h1,
  body.hy-sf .hero-slide.is-dark h1{
    color:#fff !important;
    text-shadow:0 2px 12px rgba(0,0,0,.4) !important;
    font-size:clamp(18px,5.4vw,24px) !important;
    line-height:1.1;
    max-width:16em;
    margin:0 auto 6px;
    letter-spacing:-.03em;
    text-align:center;
  }
  body.hy-sf .hero p,
  body.hy-sf .hero-slide.is-dark p{
    display:-webkit-box !important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    color:rgba(255,255,255,.88) !important;
    text-shadow:0 1px 10px rgba(0,0,0,.35) !important;
    font-size:12.5px;
    line-height:1.4;
    max-width:34em;
    margin:0 auto 10px;
    text-align:center;
  }
  body.hy-sf .hero-actions{
    display:flex;
    flex-wrap:nowrap;
    align-items:stretch;
    justify-content:center;
    gap:8px;
    margin:8px auto 0;
    width:100%;
    max-width:340px;
  }
  body.hy-sf .hero-actions:not(:has(.hero-offer)){
    width:auto;
    max-width:none;
  }
  body.hy-sf .hero-sale{display:none !important}
  body.hy-sf .hero-actions .btn,
  body.hy-sf .hero-offer{
    height:38px;
    min-height:38px;
    box-sizing:border-box;
  }
  body.hy-sf .hero-offer,
  body.hy-sf .hero-slide.is-dark .hero-offer{
    flex:1 1 0;
    min-width:0;
    background:rgba(255,255,255,.14);
    border:1px solid rgba(255,255,255,.22);
    border-radius:10px;
    box-shadow:none;
    backdrop-filter:blur(8px);
    overflow:hidden;
  }
  body.hy-sf .hero-offer-tag,
  body.hy-sf .hero-slide.is-dark .hero-offer-tag{
    min-width:0;
    padding:0 9px;
    font-size:10px;
    background:rgba(255,255,255,.16);
    color:#fff;
    border-right:1px solid rgba(255,255,255,.14);
  }
  body.hy-sf .hero-offer-body{padding:0 11px}
  body.hy-sf .hero-offer strong,
  body.hy-sf .hero-slide.is-dark .hero-offer strong{
    color:#fff;
    font-size:13.5px;
    text-shadow:none;
    letter-spacing:-.02em;
    white-space:nowrap;
  }
  body.hy-sf .hero-actions .btn,
  body.hy-sf .hero-slide.is-dark .hero-actions .btn{
    flex:1 1 0;
    min-width:0;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 14px;
    font-size:13px;
    font-weight:800;
    border-radius:10px;
    text-align:center;
    white-space:nowrap;
    box-shadow:0 4px 12px rgba(0,0,0,.25);
  }
  body.hy-sf .hero-actions .btn:only-child{
    flex:0 0 auto;
    width:auto;
    min-width:168px;
    max-width:none;
    margin:0 auto;
    padding:0 22px;
  }
  body.hy-sf .hero-cards{display:none}
  body.hy-sf .hero-pager{
    position:absolute;
    left:50%;
    right:auto;
    bottom:12px;
    transform:translateX(-50%);
    justify-content:center;
    gap:6px;
    padding:5px 8px;
    background:rgba(0,0,0,.28);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    box-shadow:none;
    border-radius:999px;
  }
  body.hy-sf .hero-pager button{
    width:6px;height:6px;
    background:rgba(255,255,255,.4);
  }
  body.hy-sf .hero-pager button:hover{
    background:rgba(255,255,255,.7);
    transform:none;
  }
  body.hy-sf .hero-pager button.on{
    width:14px;
    border-radius:999px;
    background:#fff;
  }

}
@media (max-width:640px){

  body.hy-sf .wrap{width:min(var(--wrap), calc(100% - 28px))}
  body.hy-sf .header-main{
    grid-template-columns:auto auto 1fr auto auto !important;
    padding:10px 0 10px !important;
    row-gap:14px !important;
    column-gap:4px !important;
  }
  body.hy-sf .logo{height:42px}
  body.hy-sf .logo img{height:42px;max-width:min(190px,52vw)}
  body.hy-sf .menu-btn{width:36px;height:36px;border-radius:10px}
  body.hy-sf .menu-btn svg{width:18px;height:18px}
  body.hy-sf .action-btn{width:36px;height:36px;border-radius:10px}
  body.hy-sf .action-icon{width:20px;height:20px}
  body.hy-sf .action-icon svg{width:20px;height:20px}
  body.hy-sf .search input{height:38px;padding-left:38px;font-size:13.5px}
  body.hy-sf .search-icon{left:12px}
  body.hy-sf .search button{height:38px;padding:0 12px;font-size:12px;border-radius:0 10px 10px 0}
  body.hy-sf .grid-4,
body.hy-sf .grid-3,
body.hy-sf .why-grid,
body.hy-sf .cat-grid,
body.hy-sf .blog-grid{grid-template-columns:1fr 1fr;gap:12px}
  body.hy-sf .review{flex-basis:85%}
  body.hy-sf .reviews-nav{width:38px;height:38px;font-size:18px}
  body.hy-sf .trust-grid{grid-template-columns:1fr 1fr}
  body.hy-sf .section{padding:48px 0}
  body.hy-sf .hero{aspect-ratio:4 / 5}
  body.hy-sf .hero-pager{bottom:10px}

}


/* Theme conflict overrides */
body.hy-sf{
  font-family: var(--font) !important;
  background: var(--white) !important;
  color: var(--text) !important;
}
body.hy-sf .apepsoft-footer,
body.hy-sf .whatsapp-page,
body.hy-sf .apepmenu,
body.hy-sf .apepmenu-overlay,
body.hy-sf .header-area{ display:none !important; }
body.hy-sf a.scroll-to-top { z-index: 40; }
body.hy-sf .btn-green{
  background: var(--g-800) !important;
  color: #fff !important;
  border: 0 !important;
  padding: 12px 16px;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 10px;
  font-weight: 800;
}
body.hy-sf .btn-green:hover{
  background: var(--brand) !important;
}
body.hy-sf .btn-outline{
  background: transparent !important;
  border: 1.5px solid var(--g-800) !important;
  color: var(--g-800) !important;
  padding: 10px 16px;
  display: inline-flex;
  border-radius: 999px;
  font-weight: 700;
}
body.hy-sf footer.footer{
  background: #fff !important;
  color: #2b3a30 !important;
  padding: 0 !important;
  margin-top: 0 !important;
  border-top: 0;
}
body.hy-sf footer.footer a,
body.hy-sf footer.footer h4,
body.hy-sf footer.footer p,
body.hy-sf footer.footer li,
body.hy-sf footer.footer strong{
  color: inherit;
}
body.hy-sf footer.footer .footer-main a{ color: var(--muted) !important; }
body.hy-sf footer.footer .footer-main a:hover{ color: var(--orange) !important; }
body.hy-sf footer.footer .footer-social a{ color: var(--g-800) !important; }
body.hy-sf footer.footer .footer-social a:hover{ color: #fff !important; }
body.hy-sf footer.footer h4{ color: var(--g-950) !important; }
body.hy-sf footer.footer .footer-about p,
body.hy-sf footer.footer .footer-features p,
body.hy-sf footer.footer .footer-bottom{ color: var(--muted) !important; }
body.hy-sf footer.footer .footer-bottom{ background: #f3f8f1 !important; }
body.hy-sf footer.footer .footer-quick a,
body.hy-sf footer.footer .footer-contact a,
body.hy-sf footer.footer .footer-contact li{ color: #2b3a30 !important; }
body.hy-sf .header-actions{
  display: flex !important;
  flex-shrink: 0 !important;
  justify-self: end;
  gap: 22px;
}
@media (max-width:860px){
  body.hy-sf .header-left,
  body.hy-sf .header-actions{
    display: contents !important;
  }
}
@media (min-width:861px){
  body.hy-sf .header-main{
    grid-template-columns: auto minmax(180px,520px) auto !important;
    align-items: center;
  }
  body.hy-sf .nav-bar,
  body.hy-sf .nav-bar.theme-menu-bg{
    display:block !important;
    background:#e13289 !important;
  }
}
body.hy-sf .why-grid i svg,
body.hy-sf .trust i svg,
body.hy-sf .week-icon svg,
body.hy-sf .footer-features i svg,
body.hy-sf .footer-quick svg,
body.hy-sf .float-badges svg{
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}
body.hy-sf .footer-social svg{
  fill: currentColor !important;
  stroke: none !important;
}
body.hy-sf .wa-badge svg{
  fill: currentColor;
  stroke: none;
}

/* Live hatayyoresel.com menu pink — override theme green */
body.hy-sf .theme-menu-bg{
  background:#e13289 !important;
}
body.hy-sf .hy-auth{
  position:relative;
  padding:64px 0 80px;
  background:#fff;
}
body.hy-sf .hy-auth-bg{display:none;}
body.hy-sf:has(.hy-auth) footer.footer{
  margin-top:0 !important;
  border-top:1px solid var(--line);
}
body.hy-sf:has(.hy-auth) .footer-marquee,
body.hy-sf:has(.hy-auth) .footer-features,
body.hy-sf:has(.hy-auth) .float-badges{
  display:none !important;
}
body.hy-sf:has(.hy-auth) .footer-crown{
  padding:28px 0 8px !important;
}
body.hy-sf:has(.hy-auth) .footer-main{
  padding:28px 0 24px !important;
  gap:24px !important;
}
body.hy-sf .hy-auth-wrap{
  position:relative;
  z-index:1;
  display:grid !important;
  grid-template-columns:minmax(0, 1.05fr) minmax(0, 0.95fr);
  gap:36px;
  align-items:start;
  float:none !important;
  max-width:min(var(--wrap), calc(100% - 48px)) !important;
  width:min(var(--wrap), calc(100% - 48px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding:0 !important;
}
body.hy-sf .hy-auth-card{
  background:#fff;
  border:1px solid #ececec;
  border-radius:16px;
  padding:36px 36px 32px;
  box-shadow:none;
}
body.hy-sf .hy-auth-aside{
  min-width:0;
  position:sticky;
  top:24px;
}
body.hy-sf .hy-auth-aside-card{
  height:auto;
  background:#fafafa;
  border:1px solid #ececec;
  border-radius:16px;
  padding:28px 26px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}
body.hy-sf .hy-auth-aside-eyebrow{
  margin:0 0 8px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#e13289;
}
body.hy-sf .hy-auth-aside-card h2{
  margin:0 0 8px;
  font-size:22px;
  font-weight:800;
  letter-spacing:-.02em;
  color:#1a241c;
  line-height:1.25;
}
body.hy-sf .hy-auth-aside-lead{
  margin:0 0 20px;
  font-size:14px;
  line-height:1.5;
  color:#6a756d;
}
body.hy-sf .hy-auth-aside-list{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:16px;
}
body.hy-sf .hy-auth-aside-list li{
  display:flex;
  gap:12px;
  align-items:flex-start;
}
body.hy-sf .hy-auth-aside-ico{
  width:40px;
  height:40px;
  border-radius:10px;
  background:#fff;
  border:1px solid #ececec;
  color:#e13289;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
body.hy-sf .hy-auth-aside-ico svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.hy-sf .hy-auth-aside-list strong{
  display:block;
  font-size:15px;
  font-weight:800;
  color:#1a241c;
  margin-bottom:2px;
}
body.hy-sf .hy-auth-aside-list span{
  font-size:13.5px;
  color:#6a756d;
  line-height:1.4;
}
body.hy-sf .hy-auth-switch{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  margin:0 0 28px;
  border-bottom:1px solid #ececec;
}
body.hy-sf .hy-auth-switch button{
  position:relative;
  border:0;background:transparent;
  min-height:48px;
  font:inherit;font-size:15px;font-weight:700;
  color:#8a948c;cursor:pointer;
  transition:color .2s ease;
}
body.hy-sf .hy-auth-switch button::after{
  content:"";
  position:absolute;left:20%;right:20%;bottom:-1px;height:2px;
  border-radius:99px;
  background:#e13289;
  transform:scaleX(0);
  transition:transform .2s ease;
}
body.hy-sf .hy-auth-switch button.is-active{
  color:#1a241c;
}
body.hy-sf .hy-auth-switch button.is-active::after{
  transform:scaleX(1);
}
body.hy-sf .hy-auth-pane[hidden]{display:none !important;}
body.hy-sf .hy-auth-head{margin-bottom:24px;text-align:left;}
body.hy-sf .hy-auth-head h1{
  margin:0 0 8px;
  font-size:22px;font-weight:800;
  color:#1a241c;letter-spacing:-.02em;
}
body.hy-sf .hy-auth-head p{
  margin:0;color:#6a756d;font-size:14px;line-height:1.5;
}
body.hy-sf .hy-auth-form{display:flex;flex-direction:column;gap:14px;}
body.hy-sf .hy-field{display:flex;flex-direction:column;gap:7px;margin:0;width:100%;}
body.hy-sf .hy-field > span:first-child{
  font-size:13px;font-weight:700;color:#2f3b32;
}
body.hy-sf .hy-auth .apep-form-style input[type="text"],
body.hy-sf .hy-auth .apep-form-style input[type="email"],
body.hy-sf .hy-auth .apep-form-style input[type="password"],
body.hy-sf .hy-auth .apep-form-style input.phone-mask,
body.hy-sf .hy-auth-modal .apep-form-style input[type="text"],
body.hy-sf .hy-auth-modal .apep-form-style input[type="email"],
body.hy-sf .hy-auth-modal .apep-form-style input[type="password"],
body.hy-sf .hy-auth-modal .apep-form-style input.phone-mask{
  width:100% !important;
  border:1px solid #d9dfd9 !important;
  background:#fff !important;
  border-radius:12px !important;
  padding:13px 14px !important;
  min-height:48px !important;
  font:inherit !important;
  font-size:15px !important;
  color:var(--text) !important;
  box-shadow:none !important;
  transition:border-color .2s ease, box-shadow .2s ease;
}
body.hy-sf .hy-auth .apep-form-style input[type="text"]:focus,
body.hy-sf .hy-auth .apep-form-style input[type="email"]:focus,
body.hy-sf .hy-auth .apep-form-style input[type="password"]:focus,
body.hy-sf .hy-auth .apep-form-style input.phone-mask:focus,
body.hy-sf .hy-auth-modal .apep-form-style input:focus{
  outline:0 !important;
  border-color:#e13289 !important;
  box-shadow:0 0 0 3px rgba(225,50,137,.12) !important;
}
body.hy-sf .hy-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
body.hy-sf .hy-auth-row{display:flex;justify-content:flex-end;margin-top:-2px;}
body.hy-sf .hy-auth-link{
  font-size:13.5px;font-weight:700;color:#6a756d;
  transition:color .15s ease;
}
body.hy-sf .hy-auth-link:hover{color:#e13289;}
body.hy-sf .hy-prefs{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:2px;
}
body.hy-sf .hy-agree{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:0;
  padding:0;
  cursor:pointer;
  font-size:13px;
  line-height:1.45;
  color:#5a645c;
}
body.hy-sf .hy-agree input{
  -webkit-appearance:none;
  appearance:none;
  width:16px;
  height:16px;
  margin:2px 0 0;
  flex-shrink:0;
  border:1.5px solid #c5ccc5;
  border-radius:5px;
  background:#fff;
  display:inline-grid;
  place-content:center;
  cursor:pointer;
  transition:border-color .15s ease, background .15s ease;
}
body.hy-sf .hy-agree input::before{
  content:"";
  width:8px;
  height:8px;
  transform:scale(0);
  transition:transform .12s ease;
  clip-path:polygon(14% 44%, 0 65%, 40% 100%, 100% 16%, 80% 0, 38% 62%);
  background:#fff;
}
body.hy-sf .hy-agree input:checked{
  background:#e13289;
  border-color:#e13289;
}
body.hy-sf .hy-agree input:checked::before{
  transform:scale(1);
}
body.hy-sf .hy-agree a{
  color:#e13289;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:2px;
}
body.hy-sf .hy-auth .apep-form-style .hy-auth-btn,
body.hy-sf .hy-auth-modal .apep-form-style .hy-auth-btn,
body.hy-sf .hy-auth-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:50px;border-radius:12px !important;border:0;width:100%;
  background:#e13289 !important;
  color:#fff !important;
  font:inherit;font-size:15.5px;font-weight:800;cursor:pointer;
  margin-top:8px;
  transition:background .15s ease, transform .15s ease;
}
body.hy-sf .hy-auth-btn:hover{
  background:#c42976 !important;
}
body.hy-sf .hy-auth-btn-ghost{
  background:#fff !important;color:#445247 !important;
  border:1px solid var(--line) !important;width:auto;
  box-shadow:none !important;
}
body.hy-sf .hy-auth-ssl{
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin:22px 0 0;padding-top:18px;
  border-top:1px solid #ecefec;
  font-size:12.5px;color:#6a756d;
}
body.hy-sf .hy-auth-ssl svg{
  width:15px;height:15px;color:#e13289;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
body.hy-sf .hy-auth-modal .modal-content{
  border:0;border-radius:16px;overflow:hidden;
  box-shadow:0 18px 48px rgba(20,40,24,.14);
}
body.hy-sf .hy-auth-modal .modal-header{border-bottom:1px solid var(--line);padding:18px 22px;}
body.hy-sf .hy-auth-modal .modal-title{font-weight:800;color:var(--g-950);font-size:17px;}
body.hy-sf .hy-auth-modal .modal-body{padding:20px 22px;}
body.hy-sf .hy-auth-modal .modal-footer{border-top:1px solid var(--line);padding:14px 22px 18px;gap:8px;}
body.hy-sf .hy-auth-modal-text{margin:0 0 14px;color:var(--muted);font-size:14px;line-height:1.45;}
body.hy-sf .hy-auth-modal .modal-footer .hy-auth-btn{width:auto;min-width:120px;margin-top:0;padding:0 20px;}

/* Forgot password: theme forces modal-dialog-centered { min-width: 950–1100px }.
   Keep flex centering while Bootstrap still has display:block during fade-out
   (otherwise .show drop jumps the dialog to the top-left). */
body.hy-sf .hy-auth-modal.modal{
  --bs-modal-width:440px;
  padding:16px !important;
  align-items:center;
  justify-content:center;
}
body.hy-sf .hy-auth-modal.modal.show,
body.hy-sf .hy-auth-modal.modal[style*="display: block"],
body.hy-sf .hy-auth-modal.modal[style*="display:block"]{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body.hy-sf .hy-auth-modal .modal-dialog,
body.hy-sf .hy-auth-modal .modal-dialog.modal-dialog-centered,
body.hy-sf .hy-auth-modal .hy-forgot-dialog{
  width:min(440px, 100%) !important;
  max-width:min(440px, 100%) !important;
  min-width:0 !important;
  margin:0 !important;
  pointer-events:auto;
  position:relative !important;
  left:auto !important;
  right:auto !important;
  transform:none !important;
  flex:0 1 auto !important;
}
body.hy-sf .hy-auth-modal .hy-forgot-card,
body.hy-sf .hy-auth-modal .modal-content.hy-forgot-card{
  position:relative;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  border:0 !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#fff !important;
  box-shadow:0 22px 56px rgba(16,40,24,.18) !important;
  padding:28px 26px 24px !important;
}
body.hy-sf .hy-forgot-close{
  position:absolute;
  top:14px; right:14px;
  width:36px; height:36px;
  display:grid; place-items:center;
  border:0; border-radius:10px;
  background:transparent;
  color:#6a756d;
  cursor:pointer;
  padding:0;
  z-index:2;
}
body.hy-sf .hy-forgot-close:hover{background:#f3f5f3; color:#123}
body.hy-sf .hy-forgot-close svg{
  width:18px; height:18px;
  fill:none; stroke:currentColor; stroke-width:1.9;
  stroke-linecap:round;
}
body.hy-sf .hy-forgot-head{
  text-align:center;
  margin:0 0 20px;
  padding:0 12px;
}
body.hy-sf .hy-forgot-ico{
  width:52px; height:52px;
  margin:0 auto 14px;
  display:grid; place-items:center;
  border-radius:14px;
  background:#fde8f2;
  color:#e13289;
}
body.hy-sf .hy-forgot-ico svg{
  width:24px; height:24px;
  fill:none; stroke:currentColor; stroke-width:1.8;
  stroke-linecap:round; stroke-linejoin:round;
}
body.hy-sf .hy-forgot-head .modal-title,
body.hy-sf .hy-forgot-head h2{
  margin:0 0 6px;
  font-size:22px;
  font-weight:800;
  color:#123;
  letter-spacing:-.02em;
  line-height:1.25;
}
body.hy-sf .hy-forgot-lead{
  margin:0;
  font-size:14px;
  line-height:1.45;
  color:#6a756d;
}
body.hy-sf .hy-forgot-hint{
  margin:0 0 14px;
  font-size:13.5px;
  line-height:1.45;
  color:#6a756d;
}
body.hy-sf .hy-forgot-form{
  display:flex;
  flex-direction:column;
  gap:14px;
  margin:0;
  width:100%;
  max-width:100%;
}
body.hy-sf .hy-auth-modal .hy-forgot-form .hy-field{width:100%; max-width:100%}
body.hy-sf .hy-auth-modal .hy-forgot-form input[type="text"],
body.hy-sf .hy-auth-modal .hy-forgot-form input.phone-mask{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  border:1px solid #d9dfd9 !important;
  background:#fff !important;
  border-radius:12px !important;
  padding:13px 14px !important;
  min-height:48px !important;
  font:inherit !important;
  font-size:15px !important;
  color:var(--text) !important;
  box-shadow:none !important;
}
body.hy-sf .hy-auth-modal .hy-forgot-form input:focus{
  outline:0 !important;
  border-color:#e13289 !important;
  box-shadow:0 0 0 3px rgba(225,50,137,.12) !important;
}
body.hy-sf .hy-forgot-actions{
  display:flex;
  gap:10px;
  margin-top:6px;
}
body.hy-sf .hy-forgot-ghost,
body.hy-sf .hy-forgot-submit{
  flex:1 1 0;
  min-height:48px;
  border-radius:12px !important;
  font:inherit;
  font-size:14.5px;
  font-weight:800;
  cursor:pointer;
  padding:0 14px;
  transition:background .15s ease, border-color .15s ease, color .15s ease;
}
body.hy-sf .hy-forgot-ghost{
  border:1px solid #d7e0d8 !important;
  background:#fff !important;
  color:#445247 !important;
}
body.hy-sf .hy-forgot-ghost:hover{
  border-color:#bcc8bf !important;
  background:#f7f9f7 !important;
}
body.hy-sf .hy-forgot-submit{
  border:0 !important;
  background:#e13289 !important;
  color:#fff !important;
}
body.hy-sf .hy-forgot-submit:hover{background:#c42976 !important}
@media (max-width:900px){
  body.hy-sf .hy-auth-wrap{
    grid-template-columns:1fr;
    max-width:min(560px, calc(100% - 32px)) !important;
    width:min(560px, calc(100% - 32px)) !important;
    gap:24px;
  }
  body.hy-sf .hy-auth-aside{display:none !important;}
}
@media (max-width:640px){
  body.hy-sf .hy-auth{padding:32px 0 48px;}
  body.hy-sf .hy-auth-card{padding:28px 22px 24px;}
  body.hy-sf .hy-field-row{grid-template-columns:1fr;}
}




/* ========== FAQ / YARDIM ========== */
body.hy-sf .hy-faq{
  padding:12px 0 72px;
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
}
body.hy-sf .hy-faq-header{
  padding:18px 0 28px;
  text-align:center;
}
body.hy-sf .hy-faq-header h1{
  margin:0 0 8px;
  font-size:clamp(22px, 2.4vw, 28px);
  font-weight:800;
  letter-spacing:-.015em;
  color:var(--g-950);
  line-height:1.2;
}
body.hy-sf .hy-faq-header p{
  margin:0 auto;
  max-width:42ch;
  font-size:15.5px;
  line-height:1.55;
  color:var(--muted);
  font-weight:550;
}
body.hy-sf .hy-faq-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}
body.hy-sf .hy-faq-item{
  border:1.5px solid #e2ebe1;
  border-radius:14px;
  background:#fff;
  overflow:hidden;
  transition:border-color .15s, box-shadow .15s;
}
body.hy-sf .hy-faq-item:has(.hy-faq-toggle:not(.collapsed)),
body.hy-sf .hy-faq-item:has(.hy-faq-a.show){
  border-color:#c5d8c4;
  box-shadow:0 8px 24px rgba(16,40,24,.06);
}
body.hy-sf .hy-faq-q{
  margin:0;
  font-size:inherit;
  font-weight:inherit;
}
body.hy-sf .hy-faq-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%;
  margin:0;
  padding:16px 18px;
  border:0;
  background:transparent;
  text-align:left;
  cursor:pointer;
  color:var(--text);
  font:inherit;
  transition:background .15s;
}
body.hy-sf .hy-faq-toggle:hover{background:#f7faf6}
body.hy-sf .hy-faq-toggle:focus-visible{
  outline:0;
  box-shadow:inset 0 0 0 2px rgba(0,120,48,.28);
}
body.hy-sf .hy-faq-q-text{
  flex:1 1 auto;
  min-width:0;
  font-size:15.5px;
  font-weight:750;
  line-height:1.4;
  color:#1a2b20;
}
body.hy-sf .hy-faq-toggle:not(.collapsed) .hy-faq-q-text{
  color:var(--g-800);
}
body.hy-sf .hy-faq-icon{
  flex:0 0 auto;
  width:32px;
  height:32px;
  border-radius:999px;
  border:1.5px solid #d7e0d6;
  background:#fff;
  color:var(--g-800);
  display:grid;
  place-items:center;
  transition:transform .2s ease, background .15s, border-color .15s, color .15s;
}
body.hy-sf .hy-faq-toggle:not(.collapsed) .hy-faq-icon{
  transform:rotate(180deg);
  background:var(--g-800);
  border-color:var(--g-800);
  color:#fff;
}
body.hy-sf .hy-faq-a-inner{
  padding:0 18px 18px;
  color:#3d4a41;
  font-size:14.5px;
  line-height:1.65;
}
body.hy-sf .hy-faq-a-inner > *:first-child{margin-top:0}
body.hy-sf .hy-faq-a-inner > *:last-child{margin-bottom:0}
body.hy-sf .hy-faq-a-inner p{margin:0 0 12px}
body.hy-sf .hy-faq-a-inner h1,
body.hy-sf .hy-faq-a-inner h2,
body.hy-sf .hy-faq-a-inner h3,
body.hy-sf .hy-faq-a-inner h4,
body.hy-sf .hy-faq-a-inner h5,
body.hy-sf .hy-faq-a-inner h6{
  margin:16px 0 8px;
  font-size:14px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--g-900);
}
body.hy-sf .hy-faq-a-inner ul,
body.hy-sf .hy-faq-a-inner ol{
  margin:0 0 12px;
  padding-left:1.2em;
}
body.hy-sf .hy-faq-a-inner li{margin:0 0 6px}
body.hy-sf .hy-faq-a-inner a{
  color:var(--g-800);
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:2px;
}
body.hy-sf .hy-faq-empty{
  padding:28px 22px;
  border:1.5px dashed #d7e0d6;
  border-radius:14px;
  background:#f8fbf7;
  text-align:center;
  color:var(--muted);
  font-weight:600;
}
body.hy-sf .hy-faq-empty p{margin:0}
body.hy-sf .hy-faq-aside{
  margin-top:36px;
  padding:22px 22px;
  border-radius:16px;
  background:
    linear-gradient(135deg, rgba(0,120,48,.06), rgba(24,156,48,.03)),
    #f6faf5;
  border:1px solid #dce8db;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
}
body.hy-sf .hy-faq-aside-copy{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
body.hy-sf .hy-faq-aside-copy strong{
  font-size:16px;
  font-weight:800;
  color:var(--g-950);
}
body.hy-sf .hy-faq-aside-copy span{
  font-size:14px;
  color:var(--muted);
  font-weight:550;
  line-height:1.45;
}
body.hy-sf .hy-faq-aside-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
body.hy-sf .hy-faq-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:0 16px;
  border-radius:11px;
  font-size:13.5px;
  font-weight:800;
  border:1.5px solid transparent;
  transition:background .15s, border-color .15s, color .15s, transform .12s;
}
body.hy-sf .hy-faq-btn:hover{transform:translateY(-1px)}
body.hy-sf .hy-faq-btn--wa{
  background:#25d366;
  color:#fff;
}
body.hy-sf .hy-faq-btn--wa:hover{background:#1ebe57; color:#fff}
body.hy-sf .hy-faq-btn--tel{
  background:var(--g-800);
  color:#fff;
}
body.hy-sf .hy-faq-btn--tel:hover{background:var(--g-900); color:#fff}
body.hy-sf .hy-faq-btn--ghost{
  background:#fff;
  border-color:#d7e0d6;
  color:var(--g-900);
}
body.hy-sf .hy-faq-btn--ghost:hover{
  border-color:var(--g-800);
  color:var(--g-800);
  background:#fff;
}
@media (max-width:640px){
  body.hy-sf .hy-faq{padding:8px 0 56px}
  body.hy-sf .hy-faq-header{padding:12px 0 22px}
  body.hy-sf .hy-faq-toggle{padding:14px 14px}
  body.hy-sf .hy-faq-q-text{font-size:14.5px}
  body.hy-sf .hy-faq-a-inner{padding:0 14px 16px}
  body.hy-sf .hy-faq-aside{
    padding:18px 16px;
    align-items:stretch;
  }
  body.hy-sf .hy-faq-aside-actions{width:100%}
  body.hy-sf .hy-faq-btn{flex:1 1 auto}
}

/* ========== İLETİŞİM ========== */
body.hy-sf .hy-contact{
  max-width:980px;
  margin:0 auto;
  padding:20px 0 80px;
}
body.hy-sf .hy-contact-header{
  text-align:center;
  margin:0 0 40px;
}
body.hy-sf .hy-contact-header h1{
  margin:0 0 8px;
  font-size:clamp(22px, 2.4vw, 28px);
  font-weight:800;
  letter-spacing:-.015em;
  color:var(--g-950);
  line-height:1.2;
}
body.hy-sf .hy-contact-header p{
  margin:0 auto;
  max-width:34ch;
  font-size:14.5px;
  line-height:1.5;
  color:var(--muted);
  font-weight:550;
}
body.hy-sf .hy-contact-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px 64px;
  align-items:start;
}
body.hy-sf .hy-contact-col h2{
  margin:0 0 22px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#8a968c;
}
body.hy-sf .hy-contact-facts{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:22px;
}
body.hy-sf .hy-contact-facts li{
  display:flex;
  flex-direction:column;
  gap:5px;
}
body.hy-sf .hy-contact-facts span{
  font-size:12.5px;
  font-weight:700;
  color:#8a968c;
  letter-spacing:.01em;
}
body.hy-sf .hy-contact-facts strong,
body.hy-sf .hy-contact-facts a{
  font-size:16px;
  font-weight:750;
  color:#1a2b20;
  line-height:1.4;
  text-decoration:none;
}
body.hy-sf .hy-contact-facts a{
  color:var(--g-800);
  width:fit-content;
}
body.hy-sf .hy-contact-facts a:hover{color:var(--brand)}
body.hy-sf .hy-contact-col--banks{
  padding:28px 28px 30px;
  border:1px solid #e2ebe1;
  border-radius:16px;
  background:#f7faf6;
}
body.hy-sf .hy-contact-col--banks h2{
  color:var(--g-900);
}
body.hy-sf .hy-contact-banks{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:22px;
}
body.hy-sf .hy-contact-banks li{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:16px 16px;
  border-radius:12px;
  background:#fff;
  border:1px solid #e6eee5;
}
body.hy-sf .hy-contact-banks span{
  font-size:14px;
  font-weight:600;
  color:var(--muted);
}
body.hy-sf .hy-contact-banks em{
  font-style:normal;
  font-size:15px;
  font-weight:750;
  color:#1a2b20;
  letter-spacing:.02em;
  word-break:break-all;
}
body.hy-sf .hy-contact-banks small{
  font-size:12.5px;
  font-weight:700;
  color:#8a968c;
  letter-spacing:.01em;
}
body.hy-sf .hy-contact-banks strong{
  font-size:16px;
  font-weight:750;
  color:#1a2b20;
  line-height:1.4;
}
body.hy-sf .hy-contact-cta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:14px 18px;
  margin-top:28px;
}
body.hy-sf .hy-contact-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 22px;
  border-radius:12px;
  background:#e13289;
  color:#fff;
  font-size:14.5px;
  font-weight:800;
  transition:background .15s, transform .12s;
}
body.hy-sf .hy-contact-primary:hover{
  background:#c42976;
  color:#fff;
  transform:translateY(-1px);
}
body.hy-sf .hy-contact-secondary{
  font-size:14.5px;
  font-weight:750;
  color:var(--g-800);
}
body.hy-sf .hy-contact-secondary:hover{color:var(--brand)}
@media (max-width:860px){
  body.hy-sf .hy-contact-grid{
    grid-template-columns:1fr;
    gap:40px;
  }
}
@media (max-width:640px){
  body.hy-sf .hy-contact{padding:12px 0 64px}
  body.hy-sf .hy-contact-header{margin:0 0 28px}
  body.hy-sf .hy-contact-facts,
  body.hy-sf .hy-contact-banks{gap:18px}
}

/* ========== ILETISIM FORMU ========== */
body.hy-sf .hy-contact-form-page{padding:18px 0 80px}
body.hy-sf .hy-contact-form-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);
  gap:28px;
  align-items:start;
}
body.hy-sf .hy-contact-form-card{
  margin:0;
  padding:28px 26px;
  border:1px solid #e4eee6;
  border-radius:22px;
  background:linear-gradient(180deg,#f7fcf8 0%,#fff 42%);
  box-shadow:0 16px 40px rgba(20,40,24,.04);
  display:flex;
  flex-direction:column;
  gap:16px;
}
body.hy-sf .hy-contact-form-card .hy-field-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
body.hy-sf .hy-contact-form-card .hy-field{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin:0;
}
body.hy-sf .hy-contact-form-card .hy-field > span:first-child{
  font-size:13px;
  font-weight:700;
  color:#2f3b32;
}
body.hy-sf .hy-contact-form-card input[type="text"],
body.hy-sf .hy-contact-form-card input[type="email"],
body.hy-sf .hy-contact-form-card input.phone-mask,
body.hy-sf .hy-contact-form-card textarea{
  width:100% !important;
  border:1px solid #d9dfd9 !important;
  background:#fff !important;
  border-radius:12px !important;
  padding:12px 14px !important;
  min-height:46px !important;
  font:inherit !important;
  font-size:14.5px !important;
  color:var(--text) !important;
  box-shadow:none !important;
  transition:border-color .15s ease, box-shadow .15s ease;
}
body.hy-sf .hy-contact-form-card textarea{
  min-height:140px !important;
  resize:vertical;
}
body.hy-sf .hy-contact-form-card input:focus,
body.hy-sf .hy-contact-form-card textarea:focus{
  outline:0 !important;
  border-color:#e13289 !important;
  box-shadow:0 0 0 3px rgba(225,50,137,.12) !important;
}
body.hy-sf .hy-contact-form-card .hy-agree{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:2px 0 0;
  font-size:13.5px;
  font-weight:650;
  color:#4a5a4f;
  line-height:1.45;
  cursor:pointer;
}
body.hy-sf .hy-contact-form-card .hy-agree input{
  margin-top:3px;
  width:16px;
  height:16px;
  flex-shrink:0;
  accent-color:var(--g-800);
}
body.hy-sf .hy-contact-captcha,
body.hy-sf .hy-auth-captcha{margin-top:2px}
body.hy-sf .hy-contact-form-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin-top:6px;
}
body.hy-sf .hy-contact-form-actions .hy-contact-primary{
  min-width:160px;
  border:0;
  cursor:pointer;
}
body.hy-sf .hy-contact-form-aside-card{
  position:sticky;
  top:18px;
  padding:28px 24px;
  border-radius:22px;
  background:linear-gradient(165deg, var(--g-900) 0%, var(--g-800) 55%, #189c30 120%);
  color:#fff;
  box-shadow:0 18px 40px rgba(0,90,40,.22);
}
body.hy-sf .hy-contact-form-aside-card .hy-auth-aside-eyebrow{color:rgba(255,255,255,.72)}
body.hy-sf .hy-contact-form-aside-card h2{
  margin:6px 0 10px;
  font-size:24px;
  font-weight:800;
  letter-spacing:-.02em;
  color:#fff;
}
body.hy-sf .hy-contact-form-aside-card .hy-auth-aside-lead{color:rgba(255,255,255,.82)}
body.hy-sf .hy-contact-form-aside-card .hy-auth-aside-list{margin-top:18px}
body.hy-sf .hy-contact-form-aside-card .hy-auth-aside-list li{
  color:#fff;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0;
}
body.hy-sf .hy-contact-form-aside-card .hy-auth-aside-list strong{color:#fff}
body.hy-sf .hy-contact-form-aside-card .hy-auth-aside-list span{color:rgba(255,255,255,.78)}
body.hy-sf .hy-contact-form-aside-card .hy-auth-aside-ico{
  background:rgba(255,255,255,.14);
  color:#fff;
  border:0 !important;
  box-shadow:none !important;
}
body.hy-sf .hy-auth-hint{
  margin:-6px 0 0;
  font-size:12.5px;
  color:var(--muted);
  line-height:1.4;
}
body.hy-sf .hy-prefs{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:2px;
}
body.hy-sf .hy-auth .hy-agree{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:0;
  font-size:13.5px;
  font-weight:650;
  color:#4a5a4f;
  line-height:1.45;
  cursor:pointer;
}
body.hy-sf .hy-auth .hy-agree input{
  margin-top:3px;
  width:16px;
  height:16px;
  flex-shrink:0;
  accent-color:var(--g-800);
}
body.hy-sf .hy-auth .hy-agree a{color:var(--brand); font-weight:750}
body.hy-sf .hy-auth .hy-agree a:hover{text-decoration:underline}
@media (max-width:900px){
  body.hy-sf .hy-contact-form-layout{grid-template-columns:1fr}
  body.hy-sf .hy-contact-form-aside-card{position:static}
}
@media (max-width:640px){
  body.hy-sf .hy-contact-form-card{padding:22px 16px}
  body.hy-sf .hy-contact-form-card .hy-field-row{grid-template-columns:1fr}
  body.hy-sf .hy-contact-form-actions{flex-direction:column-reverse; align-items:stretch}
  body.hy-sf .hy-contact-form-actions .hy-contact-primary,
  body.hy-sf .hy-contact-form-actions .hy-contact-secondary{width:100%; text-align:center}
}

/* ========== SİPARİŞ TAKİP ========== */
body.hy-sf .hy-track{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  max-width:420px;
  margin:0 auto;
  padding:56px 0 80px;
  text-align:left;
}
body.hy-sf .hy-track:has(.hy-track-result){
  max-width:820px;
  padding:36px 0 72px;
}
body.hy-sf .hy-track-header{
  text-align:center;
  margin:0 0 28px;
}
body.hy-sf .hy-track-header h1{
  margin:0 0 8px;
  font-size:clamp(22px, 2.4vw, 28px);
  font-weight:800;
  letter-spacing:-.015em;
  color:var(--g-950);
  line-height:1.2;
}
body.hy-sf .hy-track-header p{
  margin:0 auto;
  max-width:36ch;
  font-size:14.5px;
  line-height:1.5;
  color:var(--muted);
  font-weight:550;
}
body.hy-sf .hy-track-form{
  display:flex;
  flex-direction:column;
  gap:14px;
  width:100%;
}
body.hy-sf .hy-track .hy-field > span:first-child{
  font-size:13px;
  font-weight:700;
  color:#2f3b32;
}
body.hy-sf .hy-track .apep-form-style input[type="text"],
body.hy-sf .hy-track .apep-form-style input[type="email"]{
  width:100% !important;
  border:1.5px solid #d7e0d6 !important;
  background:#fff !important;
  border-radius:12px !important;
  padding:13px 14px !important;
  min-height:48px !important;
  font:inherit !important;
  font-size:15px !important;
  color:var(--text) !important;
  box-shadow:none !important;
  transition:border-color .15s, box-shadow .15s;
}
body.hy-sf .hy-track .apep-form-style input:focus{
  outline:0 !important;
  border-color:var(--g-800) !important;
  box-shadow:0 0 0 3px rgba(0,120,48,.12) !important;
}
body.hy-sf .hy-track-submit,
body.hy-sf .hy-track .apep-form-style .hy-track-submit,
body.hy-sf .hy-track button.hy-track-submit[type="submit"]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:50px !important;
  height:auto !important;
  margin:8px 0 0 !important;
  padding:0 20px !important;
  border:0 !important;
  border-radius:12px !important;
  background:var(--g-800) !important;
  color:#fff !important;
  font:inherit !important;
  font-size:15.5px !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  text-align:center !important;
  text-transform:none !important;
  line-height:1.2 !important;
  box-shadow:none !important;
  cursor:pointer !important;
  transition:background .15s ease, transform .15s ease !important;
}
body.hy-sf .hy-track-submit:hover,
body.hy-sf .hy-track .apep-form-style .hy-track-submit:hover{
  background:var(--g-900) !important;
  color:#fff !important;
  transform:translateY(-1px);
}
body.hy-sf .hy-track-hint{
  margin:18px 0 0;
  text-align:center;
  font-size:13px;
  color:#8a968c;
  font-weight:550;
  line-height:1.45;
}
body.hy-sf .hy-track-result{
  padding:8px 0 16px;
}
body.hy-sf .hy-track-result-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  margin:0 0 20px;
}
body.hy-sf .hy-track-result-head h2{
  margin:0;
  font-size:22px;
  font-weight:800;
  color:var(--g-950);
}
body.hy-sf .hy-track-status{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  background:var(--g-100);
  color:var(--g-800);
  font-size:12.5px;
  font-weight:800;
}
body.hy-sf .hy-track-meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin:0 0 28px;
  padding:0;
}
body.hy-sf .hy-track-meta > div{
  padding:14px 14px;
  border:1px solid #e6eee5;
  border-radius:12px;
  background:#f8fbf7;
}
body.hy-sf .hy-track-meta dt{
  margin:0 0 4px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#8a968c;
}
body.hy-sf .hy-track-meta dd{
  margin:0;
  font-size:14.5px;
  font-weight:700;
  color:#1a2b20;
  line-height:1.35;
}
body.hy-sf .hy-track-products h3{
  margin:0 0 12px;
  font-size:15px;
  font-weight:800;
  color:var(--g-950);
}
body.hy-sf .hy-track-products ul{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:10px;
}
body.hy-sf .hy-track-product{
  display:grid;
  grid-template-columns:60px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:12px;
  border:1px solid #e6eee5;
  border-radius:12px;
  background:#fff;
}
body.hy-sf .hy-track-product img{
  width:60px;
  height:60px;
  object-fit:cover;
  border-radius:10px;
  background:#f3f7f2;
}
body.hy-sf .hy-track-product-info{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
body.hy-sf .hy-track-product-info strong{
  font-size:14px;
  font-weight:750;
  color:#1a2b20;
  line-height:1.35;
}
body.hy-sf .hy-track-product-info em{
  font-style:normal;
  font-size:12px;
  font-weight:700;
  color:var(--g-700);
}
body.hy-sf .hy-track-product-info span{
  font-size:12.5px;
  color:var(--muted);
  font-weight:600;
}
body.hy-sf .hy-track-product-price{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:2px;
  white-space:nowrap;
}
body.hy-sf .hy-track-product-price b{
  font-size:14px;
  font-weight:800;
  color:#1a2b20;
}
body.hy-sf .hy-track-product-price s{
  font-size:12px;
  color:#9aa59c;
}
body.hy-sf .hy-track-product-price span{
  font-size:12.5px;
  font-weight:700;
  color:var(--muted);
}
@media (max-width:640px){
  body.hy-sf .hy-track{padding:40px 0 64px; max-width:100%}
  body.hy-sf .hy-track:has(.hy-track-result){padding:28px 0 56px}
  body.hy-sf .hy-track-meta{grid-template-columns:1fr}
  body.hy-sf .hy-track-product{
    grid-template-columns:56px minmax(0,1fr);
  }
  body.hy-sf .hy-track-product-price{
    grid-column:2;
    align-items:flex-start;
    flex-direction:row;
    gap:10px;
  }
}

/* PDP purchase hard overrides — Hicret layout */
body.hy-sf .hy-pdp .hy-pdp-cart{
  display:flex !important;
  flex-direction:row !important;
  align-items:stretch !important;
  gap:10px !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}
body.hy-sf .hy-pdp .hy-pdp-add{
  flex:1 1 auto !important;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
}
body.hy-sf .hy-pdp .hy-pdp-buy-now{width:100% !important}
body.hy-sf .hy-pdp-buy{min-width:0}
body.hy-sf .hy-pdp-meta,
body.hy-sf .hy-pdp-kicker{display:none !important}
@media (max-width:640px){
  body.hy-sf .hy-pdp .hy-pdp-cart{flex-wrap:wrap !important}
  body.hy-sf .hy-pdp .hy-pdp-qty{flex:1 1 100% !important; width:100% !important; max-width:160px !important}
  body.hy-sf .hy-pdp .hy-pdp-add{flex:1 1 100% !important; width:100% !important}
  body.hy-sf .hy-pdp-together{
    grid-template-columns:72px minmax(0,1fr) auto;
    grid-template-areas:
      "title title switch"
      "media info info";
    gap:10px 12px;
    align-items:center;
    padding:12px;
    overflow:hidden;
  }
  body.hy-sf .hy-pdp-together-title{
    grid-area:title;
    font-size:12px;
  }
  body.hy-sf .hy-pdp-together-switch{
    grid-area:switch;
    justify-self:end;
  }
  body.hy-sf .hy-pdp-together-info{
    grid-area:info;
    align-self:center;
  }
  body.hy-sf .hy-pdp-together-media{
    grid-area:media;
    grid-column:auto;
    width:72px;
    height:72px;
  }
}

/* ========== Header autocomplete ========== */
body.hy-sf .ui-autocomplete.hy-ac,
.ui-autocomplete.hy-ac{
  z-index:1200 !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
  background:#fff !important;
  border:1px solid #dde5df !important;
  border-radius:14px !important;
  box-shadow:0 16px 40px rgba(16,36,22,.12) !important;
  max-height:min(68vh, 420px) !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  box-sizing:border-box !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
body.hy-sf .ui-autocomplete.hy-ac::-webkit-scrollbar,
.ui-autocomplete.hy-ac::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
}
body.hy-sf .ui-autocomplete.hy-ac .ui-menu-item,
.ui-autocomplete.hy-ac .ui-menu-item{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  list-style:none !important;
  background:transparent !important;
}
body.hy-sf .ui-autocomplete.hy-ac .ui-menu-item.hy-ac-row + .ui-menu-item.hy-ac-row,
.ui-autocomplete.hy-ac .ui-menu-item.hy-ac-row + .ui-menu-item.hy-ac-row{
  border-top:1px solid #eef2ef !important;
}
body.hy-sf .hy-ac-item,
.hy-ac-item,
body.hy-sf .ui-autocomplete.hy-ac a.hy-ac-item,
body.hy-sf .ui-autocomplete.hy-ac a.hy-ac-item.ui-menu-item-wrapper,
.ui-autocomplete.hy-ac a.hy-ac-item.ui-menu-item-wrapper{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:16px !important;
  column-gap:16px !important;
  width:100% !important;
  margin:0 !important;
  padding:16px 18px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  color:inherit !important;
  text-decoration:none !important;
  box-sizing:border-box !important;
  line-height:1.25 !important;
}
body.hy-sf .hy-ac-item:hover,
body.hy-sf a.hy-ac-item.ui-state-active,
body.hy-sf a.hy-ac-item.ui-menu-item-wrapper.ui-state-active,
.hy-ac-item:hover{
  background:#f7faf7 !important;
}
body.hy-sf .hy-ac-thumb,
.hy-ac-thumb{
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  max-width:52px !important;
  margin:0 !important;
  margin-right:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:10px !important;
  overflow:hidden !important;
  background:#f2f5f2 !important;
  display:block !important;
  flex:0 0 52px !important;
}
body.hy-sf .hy-ac-thumb img,
.hy-ac-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  margin:0 !important;
  border:0 !important;
  vertical-align:top !important;
}
body.hy-sf .hy-ac-name,
.hy-ac-name{
  flex:1 1 auto !important;
  min-width:0 !important;
  margin:0 0 0 2px !important;
  padding:0 !important;
  font-size:13.5px !important;
  font-weight:650 !important;
  color:#1c2a22 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  display:block !important;
  -webkit-line-clamp:unset !important;
  line-clamp:unset !important;
}
body.hy-sf .hy-ac-price,
.hy-ac-price{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-end !important;
  justify-content:center !important;
  gap:2px !important;
  flex:0 0 auto !important;
  min-width:76px !important;
  text-align:right !important;
  font-size:13px !important;
  line-height:1.2 !important;
}
body.hy-sf .hy-ac-price s,
.hy-ac-price s{
  color:#98a399 !important;
  font-size:11.5px !important;
  font-weight:600 !important;
  text-decoration:line-through !important;
}
body.hy-sf .hy-ac-price b,
.hy-ac-price b{
  color:var(--g-800) !important;
  font-size:13.5px !important;
  font-weight:800 !important;
  white-space:nowrap !important;
}
body.hy-sf .hy-ac-all,
.hy-ac-all{
  position:sticky !important;
  bottom:0 !important;
  z-index:3 !important;
  margin:0 !important;
  padding:0 !important;
  border-top:1px solid #e5ece6 !important;
  background:#fff !important;
}
body.hy-sf .hy-ac-all-link,
.hy-ac-all-link,
body.hy-sf .ui-autocomplete.hy-ac a.hy-ac-all-link,
body.hy-sf .ui-autocomplete.hy-ac a.hy-ac-all-link.ui-menu-item-wrapper,
.ui-autocomplete.hy-ac a.hy-ac-all-link.ui-menu-item-wrapper{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  width:100% !important;
  min-height:48px !important;
  margin:0 !important;
  padding:12px 16px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#f7faf7 !important;
  color:var(--g-800) !important;
  font-size:13.5px !important;
  font-weight:700 !important;
  text-decoration:none !important;
  box-sizing:border-box !important;
}
body.hy-sf .hy-ac-all-count,
.hy-ac-all-count{
  color:#6d7a70 !important;
  font-weight:650 !important;
}
body.hy-sf .hy-ac-all-cta,
.hy-ac-all-cta{
  color:var(--g-800) !important;
  font-weight:800 !important;
}
body.hy-sf .hy-ac-all-link:hover,
body.hy-sf a.hy-ac-all-link.ui-state-active,
.hy-ac-all-link:hover{
  background:#eef5ef !important;
}

@media (max-width:860px){
  body.hy-sf .ui-autocomplete.hy-ac,
  .ui-autocomplete.hy-ac{
    left:14px !important;
    right:14px !important;
    width:auto !important;
    max-width:none !important;
    border-radius:12px !important;
  }
  body.hy-sf .hy-ac-item,
  .hy-ac-item,
  body.hy-sf .ui-autocomplete.hy-ac a.hy-ac-item,
  .ui-autocomplete.hy-ac a.hy-ac-item.ui-menu-item-wrapper{
    gap:12px !important;
    padding:12px 14px !important;
  }
  body.hy-sf .hy-ac-thumb,
  .hy-ac-thumb{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    max-width:44px !important;
    flex-basis:44px !important;
  }
  body.hy-sf .hy-ac-price,
  .hy-ac-price{
    min-width:68px !important;
  }
}

/* ========== CART (Hicret-inspired) ========== */
body.hy-sf .hy-cart{
  padding:20px 0 72px;
  background:#fff;
}
body.hy-sf .hy-cart .wrap{width:min(1180px, calc(100% - 40px)); margin:0 auto}

body.hy-sf .hy-cart-steps{
  list-style:none; margin:0 0 28px; padding:0;
  display:flex; align-items:center; gap:12px; flex-wrap:nowrap;
}
body.hy-sf .hy-cart-step{
  display:inline-flex; align-items:center; gap:8px;
  font-size:13.5px; font-weight:700; color:#9aa59d;
  line-height:1; white-space:nowrap;
}
body.hy-sf .hy-cart-step span{
  width:28px; height:28px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  flex-shrink:0;
  background:#eef2ef; color:#7a8780; font-size:13px; font-weight:800;
  line-height:1;
}
body.hy-sf .hy-cart-step.is-active{color:var(--g-800)}
body.hy-sf .hy-cart-step.is-active span{
  background:var(--g-800); color:#fff;
}
body.hy-sf .hy-cart-step-line{
  width:32px; height:2px; flex-shrink:0;
  background:#e4ebe6; border-radius:2px;
  display:block; margin:0; font-style:normal;
}

body.hy-sf .hy-cart-head{
  display:flex; align-items:baseline; justify-content:space-between; gap:12px;
  margin-bottom:22px;
}
body.hy-sf .hy-cart-head h1{
  margin:0; font-size:clamp(26px, 3vw, 34px); letter-spacing:-.03em; color:#123;
}
body.hy-sf .hy-cart-head em{
  font-style:normal; font-weight:700; font-size:.62em; color:var(--muted);
}
body.hy-sf .hy-cart-clear{
  border:0; background:transparent; color:var(--muted);
  font-size:13px; font-weight:700; cursor:pointer; padding:0;
}
body.hy-sf .hy-cart-clear:hover{color:#e13289}

body.hy-sf .hy-cart-stockok{
  display:flex; align-items:center; gap:10px;
  margin-bottom:16px; padding:12px 14px;
  border-radius:12px; background:#eef8f1; color:#0f6a2f;
  font-size:14px; font-weight:700;
}
body.hy-sf .hy-cart-stockok svg{
  width:18px; height:18px; flex-shrink:0;
  fill:none; stroke:currentColor; stroke-width:2.2;
  stroke-linecap:round; stroke-linejoin:round;
}

body.hy-sf .hy-cart-ship{
  margin-bottom:0;
  padding:14px 16px;
  border-radius:14px;
  background:#f3faf5;
  border:1px solid rgba(0,120,48,.14);
}
body.hy-sf .hy-cart-ship.is-free{
  border-color:rgba(0,120,48,.28);
  background:linear-gradient(180deg, #eaf7ee, #fff);
}
body.hy-sf .hy-cart-ship-copy{
  display:flex; flex-direction:column; gap:4px; margin-bottom:10px;
}
body.hy-sf .hy-cart-ship-copy strong{font-size:14px; color:#123; line-height:1.35}
body.hy-sf .hy-cart-ship-copy span{font-size:12.5px; color:var(--muted); line-height:1.4}
body.hy-sf .hy-cart-ship-bar{
  height:8px; border-radius:999px; background:#dceee2; overflow:hidden;
}
body.hy-sf .hy-cart-ship-bar i{
  display:block; height:100%; border-radius:inherit;
  background:var(--g-800);
  transition:width .45s ease;
}
body.hy-sf .hy-cart-ship.is-free .hy-cart-ship-bar i{background:#189c30}
body.hy-sf .hy-cart-ship-mini{margin-top:12px}
body.hy-sf .hy-cart-ship-mini em{
  display:block; margin-top:8px;
  font-style:normal; font-size:12.5px; font-weight:700; color:var(--muted);
}
body.hy-sf .hy-cart-ship-mini.is-free em{color:var(--g-800)}

body.hy-sf .hy-cart-alert{
  margin-bottom:16px; padding:12px 14px; border-radius:12px;
  background:#fff4f4; color:#8a1f1f; font-size:14px;
}

body.hy-sf .hy-cart-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,360px);
  gap:28px;
  align-items:start;
}
body.hy-sf .hy-cart-main{
  min-width:0;
  overflow:visible;
}

body.hy-sf .hy-cart-box{
  background:#fff;
  border:1px solid #e8eee9;
  border-radius:16px;
  overflow:hidden;
}
body.hy-sf .hy-cart-line{
  display:grid;
  grid-template-columns:120px minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:20px;
  border-bottom:1px solid #eef2ef;
}
body.hy-sf .hy-cart-line:last-child{border-bottom:0}
body.hy-sf .hy-cart-thumb{
  width:120px; height:120px; border-radius:14px; overflow:hidden;
  background:#f4f8f5; display:block; border:1px solid #eef2ef;
}
body.hy-sf .hy-cart-thumb img{width:100%; height:100%; object-fit:cover}
body.hy-sf .hy-cart-info{min-width:0}
body.hy-sf .hy-cart-name{
  display:block; font-weight:800; color:#123; font-size:17px; line-height:1.35;
  margin-bottom:6px; letter-spacing:-.02em;
}
body.hy-sf .hy-cart-name:hover{color:var(--g-800)}
body.hy-sf .hy-cart-variant{
  display:block; font-size:13px; color:var(--muted); margin-bottom:8px;
}
body.hy-sf .hy-cart-price{
  display:flex; align-items:baseline; gap:8px;
  margin-bottom:8px;
}
body.hy-sf .hy-cart-price strong{
  font-size:18px; font-weight:800; color:var(--g-800); letter-spacing:-.02em;
}
body.hy-sf .hy-cart-price.has-sale strong{color:#e13289}
body.hy-sf .hy-cart-price del{
  color:#9aa59d; font-size:13.5px; font-weight:600;
}
body.hy-sf .hy-cart-stock{
  display:inline-flex; align-items:center; gap:4px;
  color:var(--g-800); font-size:12.5px; font-weight:800; margin-bottom:8px;
}
body.hy-sf .hy-cart-stock::before{content:"✓"; font-weight:900}
body.hy-sf .hy-cart-tag{
  display:inline-block; margin:0 6px 8px 0;
  padding:4px 8px; border-radius:999px;
  background:#f3faf5; color:var(--g-800);
  font-size:11px; font-weight:800;
}
body.hy-sf .hy-cart-tag.is-warn{background:#fff0f0; color:#b42318}

body.hy-sf .hy-cart-controls{
  display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:6px;
}
body.hy-sf .hy-cart-qtybox{
  display:inline-flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:128px !important;
  min-width:128px !important;
  max-width:128px !important;
  height:42px !important;
  padding:0 4px !important;
  margin:0 !important;
  border:1px solid #dde6df !important;
  border-radius:10px !important;
  background:#fff !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}
body.hy-sf .hy-cart-qtybox .sub-min,
body.hy-sf .hy-cart-qtybox .sub-max{
  flex:0 0 34px !important;
  width:34px !important;
  height:34px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
  color:#234 !important;
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1 !important;
  text-decoration:none !important;
  background:transparent !important;
  border:0 !important;
}
body.hy-sf .hy-cart-qtybox .qty-input{
  flex:1 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:34px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  text-align:center !important;
  font-size:15px !important;
  font-weight:800 !important;
  color:#123 !important;
  box-shadow:none !important;
  outline:none !important;
}
body.hy-sf .hy-cart-total{
  text-align:right; min-width:130px; align-self:center;
}
body.hy-sf .hy-cart-total strong{
  display:block; font-size:20px; color:#123; letter-spacing:-.02em; font-weight:800;
}
body.hy-sf .hy-cart-total small{
  display:block; margin-top:4px; color:var(--muted); font-size:12px; font-weight:700;
}
body.hy-sf .hy-cart-remove{
  display:inline-flex; align-items:center; gap:6px;
  border:0; background:transparent; color:#8a9490;
  font-size:13px; font-weight:700; cursor:pointer; padding:0;
}
body.hy-sf .hy-cart-remove svg{
  width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.7;
  stroke-linecap:round; stroke-linejoin:round;
}
body.hy-sf .hy-cart-remove:hover{color:#e13289}

body.hy-sf .hy-cart-actions{
  display:flex; flex-wrap:wrap; gap:10px; margin-top:18px;
}
body.hy-sf .hy-cart-ghost{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  height:44px; padding:0 18px; border-radius:12px;
  border:1px solid #d7e2da; background:#fff; color:#234;
  font-weight:800; font-size:14px; cursor:pointer; text-decoration:none;
}
body.hy-sf .hy-cart-ghost svg{
  width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2;
  stroke-linecap:round; stroke-linejoin:round;
}
body.hy-sf .hy-cart-ghost:hover{border-color:var(--g-800); color:var(--g-800)}
body.hy-sf .hy-cart-ghost.w-100{width:100%}

body.hy-sf .hy-cart-trusts{
  list-style:none; margin:22px 0 0; padding:0;
  display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:10px;
}
body.hy-sf .hy-cart-trusts li{
  display:flex; flex-direction:column; align-items:center; gap:8px;
  text-align:center; padding:14px 8px;
  border:1px solid #eef2ef; border-radius:14px;
  font-size:12.5px; font-weight:700; color:#456;
}
body.hy-sf .hy-cart-trusts i{
  width:36px; height:36px; border-radius:50%;
  display:grid; place-items:center; background:#eef8f1; color:var(--g-800);
}
body.hy-sf .hy-cart-trusts svg{
  width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7;
  stroke-linecap:round; stroke-linejoin:round;
}

body.hy-sf .hy-cart-side{
  position:sticky; top:18px;
  display:flex; flex-direction:column; gap:12px;
}
body.hy-sf .hy-cart-panel{
  background:#fff; border:1px solid #e8eee9;
  border-radius:16px; padding:22px;
}
body.hy-sf .hy-cart-panel h2{
  margin:0 0 16px; font-size:16px; color:#123;
}
body.hy-sf .hy-cart-coupon{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:stretch !important;
  gap:8px !important;
  margin:0 !important;
  width:100% !important;
}
body.hy-sf .hy-cart-coupon input,
body.hy-sf .hy-cart-coupon input[type="text"]{
  flex:1 1 auto !important;
  min-width:0 !important;
  width:auto !important;
  max-width:none !important;
  height:46px !important;
  border:1px solid #d7e2da !important;
  border-radius:12px !important;
  padding:0 14px !important;
  font-size:14px !important;
  background:#fff !important;
  box-shadow:none !important;
  display:block !important;
  margin:0 !important;
}
body.hy-sf .hy-cart-coupon button,
body.hy-sf .hy-cart-coupon button[type="submit"]{
  flex:0 0 auto !important;
  height:46px !important;
  padding:0 18px !important;
  border:0 !important;
  border-radius:12px !important;
  background:var(--g-800) !important;
  color:#fff !important;
  font-weight:800 !important;
  font-size:14px !important;
  cursor:pointer !important;
  white-space:nowrap !important;
  width:auto !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
body.hy-sf .hy-cart-coupon-on{margin:0 0 12px; font-size:14px; color:var(--muted)}
body.hy-sf .hy-cart-coupon-on strong{color:var(--g-800)}

body.hy-sf .hy-cart-row{
  display:flex; justify-content:space-between; gap:12px;
  padding:9px 0; font-size:14px; color:var(--muted);
  border-bottom:1px solid #f0f3f1;
}
body.hy-sf .hy-cart-row.is-total,
body.hy-sf .hy-cart-row:last-of-type{
  border-bottom:0; margin-top:4px; padding-top:14px;
  font-size:17px; color:#123;
}
body.hy-sf .hy-cart-row strong{color:#123; font-weight:800}
body.hy-sf .hy-cart-checkout{
  display:flex; align-items:center; justify-content:center; gap:8px;
  margin-top:14px; height:50px; border-radius:12px;
  background:var(--g-800); color:#fff !important;
  font-weight:800; font-size:14.5px; letter-spacing:.02em;
  text-decoration:none; text-transform:uppercase;
  box-shadow:0 12px 28px rgba(0,120,48,.22);
  transition:transform .2s, background .2s;
}
body.hy-sf .hy-cart-checkout svg{
  width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8;
}
body.hy-sf .hy-cart-checkout:hover{
  background:#005c26; transform:translateY(-1px); color:#fff !important;
}
body.hy-sf .hy-cart-side-trust{
  list-style:none; margin:16px 0 0; padding:0;
  display:flex; flex-direction:column; gap:10px;
}
body.hy-sf .hy-cart-side-trust li{
  position:relative; padding-left:18px;
  font-size:12.5px; color:var(--muted); font-weight:600;
}
body.hy-sf .hy-cart-side-trust li::before{
  content:"✓"; position:absolute; left:0; top:0;
  color:var(--g-800); font-weight:900;
}

body.hy-sf .hy-cart-suggest{margin-top:28px; overflow:visible}
body.hy-sf .hy-cart-suggest-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:10px;
}
body.hy-sf .hy-cart-eyebrow{
  margin:0 0 6px; font-size:11px; font-weight:800; letter-spacing:.1em;
  text-transform:uppercase; color:#e13289;
}
body.hy-sf .hy-cart-suggest-head h2{
  margin:0; font-size:clamp(18px, 2vw, 22px); color:#123; letter-spacing:-.02em;
}
body.hy-sf .hy-cart-suggest-nav{
  display:flex; align-items:center; gap:8px; flex-shrink:0;
}
body.hy-sf .hy-cart-suggest-rail{
  overflow:visible;
  margin:0;
  padding:0;
}
body.hy-sf .hy-cart-suggest-track{
  display:flex;
  gap:12px;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  padding:4px 2px 20px;
  -webkit-overflow-scrolling:touch;
  background:transparent !important;
}
body.hy-sf .hy-cart-suggest-track::-webkit-scrollbar{display:none}
body.hy-sf .hy-cart-suggest-track .hy-product{
  flex:0 0 calc((100% - 36px) / 4);
  width:calc((100% - 36px) / 4);
  max-width:none;
  min-width:0;
  height:auto;
  scroll-snap-align:start;
  margin:0;
  box-sizing:border-box !important;
  background:#fff !important;
  box-shadow:0 2px 10px rgba(16,40,24,.05);
}
body.hy-sf .hy-cart-suggest-track .hy-product:hover{
  transform:none !important;
  border-color:#d7e4da !important;
  box-shadow:0 6px 18px rgba(16,40,24,.08) !important;
}
body.hy-sf .hy-cart-suggest-track .hy-product-media,
body.hy-sf .hy-cart-suggest-track .hy-product-ph,
body.hy-sf .hy-cart-suggest-track .hy-product-media img{
  background:#fff !important;
}
body.hy-sf .hy-cart-suggest-track .hy-product-media{
  border-radius:13px 13px 0 0;
}
body.hy-sf .hy-cart-suggest-track .hy-product-media img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
  transform:none !important;
}
body.hy-sf .hy-cart-suggest-track .hy-product:hover .hy-product-media img{
  transform:none !important;
}
body.hy-sf .hy-cart-suggest-track .hy-product-body{
  padding:12px;
}
body.hy-sf .hy-cart-suggest-track .hy-product-title{
  font-size:13.5px;
  min-height:0;
}
body.hy-sf .hy-cart-suggest-track .hy-product-cart{
  min-height:40px;
  padding:9px 10px !important;
  font-size:12px !important;
}

body.hy-sf .hy-cart-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:0;
  max-width:560px;
  margin:48px auto 0;
  padding:48px 28px 44px;
  border:1px solid #e8eee9;
  border-radius:20px;
  background:linear-gradient(180deg, #f4faf6 0%, #fff 42%);
}
body.hy-sf .hy-cart-empty-icon{
  width:76px; height:76px; flex-shrink:0;
  margin:0 0 18px;
  border-radius:50%;
  background:#fff;
  color:var(--g-800);
  border:1px solid #e0ebe3;
  box-shadow:0 10px 28px rgba(0,120,48,.1);
  display:grid; place-items:center;
}
body.hy-sf .hy-cart-empty-icon svg{
  width:34px; height:34px; fill:none; stroke:currentColor; stroke-width:1.8;
  stroke-linecap:round; stroke-linejoin:round;
}
body.hy-sf .hy-cart-empty h1{
  margin:0 0 8px;
  font-size:clamp(24px, 3vw, 30px);
  font-weight:800;
  color:#123;
  letter-spacing:-.03em;
  line-height:1.2;
}
body.hy-sf .hy-cart-empty p{
  margin:0 auto 22px;
  max-width:360px;
  color:var(--muted);
  font-size:14.5px;
  line-height:1.5;
  font-weight:600;
}
body.hy-sf .hy-cart-empty-cta,
body.hy-sf .hy-cart-empty .hy-cart-checkout{
  margin:0 !important;
  width:auto !important;
  min-width:200px;
  padding:0 28px !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  display:inline-flex !important;
}
body.hy-sf .hy-cart-empty-tips{
  list-style:none;
  margin:22px 0 0;
  padding:18px 0 0;
  width:100%;
  max-width:380px;
  border-top:1px solid #eef2ef;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px 16px;
}
body.hy-sf .hy-cart-empty-tips li{
  position:relative;
  padding-left:16px;
  font-size:12.5px;
  font-weight:700;
  color:#5a6a5e;
}
body.hy-sf .hy-cart-empty-tips li::before{
  content:"✓";
  position:absolute;
  left:0; top:0;
  color:var(--g-800);
  font-weight:900;
}

@media (max-width:980px){
  body.hy-sf .hy-cart-layout{grid-template-columns:1fr}
  body.hy-sf .hy-cart-side{position:static}
  body.hy-sf .hy-cart-crumb{display:none !important}
  body.hy-sf .hy-cart-suggest{display:none !important}
  body.hy-sf .hy-cart-trusts{display:none !important}
  body.hy-sf .hy-cart-suggest-track .hy-product{
    flex:0 0 calc((100% - 12px) / 2);
    width:calc((100% - 12px) / 2);
  }
}
@media (max-width:640px){
  body.hy-sf .hy-cart{padding:14px 0 56px}
  body.hy-sf .hy-cart .wrap{width:min(100% - 28px, 1180px)}
  body.hy-sf .hy-cart-steps{margin:18px 0 24px}
  body.hy-sf .hy-cart-line{
    grid-template-columns:88px minmax(0,1fr);
    gap:12px;
    align-items:start;
  }
  body.hy-sf .hy-cart-thumb{width:88px; height:88px; margin-top:2px}
  body.hy-sf .hy-cart-total{
    grid-column:1 / -1;
    text-align:left;
    display:flex; align-items:baseline; justify-content:space-between; gap:12px;
  }
  body.hy-sf .hy-cart-total small{margin-top:0}
  body.hy-sf .hy-cart-suggest-head{align-items:center}
  body.hy-sf .hy-cart-suggest-track .hy-product{
    flex:0 0 72%;
    width:72%;
  }
  body.hy-sf .hy-cart-trusts{grid-template-columns:1fr 1fr}
  body.hy-sf .hy-cart-empty{padding:36px 20px 32px; margin-top:40px}
  body.hy-sf .hy-cart-empty-cta,
  body.hy-sf .hy-cart-empty .hy-cart-checkout{width:100% !important; min-width:0}
  body.hy-sf .hy-cart-coupon{
    flex-direction:column !important;
  }
  body.hy-sf .hy-cart-coupon button{
    width:100% !important;
  }
}

/* ========== CHECKOUT / TESLIMAT ========== */
body.hy-sf .hy-checkout{
  padding:20px 0 72px;
  background:#fff;
}
body.hy-sf .hy-checkout .wrap{width:min(1180px, calc(100% - 40px)); margin:0 auto}

body.hy-sf .hy-checkout-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,360px);
  gap:28px;
  align-items:start;
}
body.hy-sf .hy-checkout-main{min-width:0}
body.hy-sf .hy-checkout-side{
  position:sticky; top:18px;
  display:flex; flex-direction:column; gap:12px;
}
body.hy-sf .hy-checkout-back{
  display:inline-flex; align-items:center; gap:6px;
  padding:10px 4px; font-size:14px; font-weight:800;
  color:#456; text-decoration:none;
}
body.hy-sf .hy-checkout-back:hover{color:var(--g-800)}

body.hy-sf .hy-checkout-form{display:flex; flex-direction:column; gap:20px}
body.hy-sf .hy-checkout-panel{
  background:#fff;
  border:1px solid #e8eee9;
  border-radius:16px;
  padding:24px 24px 26px;
}
/* Theme forces .apep-form-style * { border-radius:0 !important } — restore checkout curves */
body.hy-sf .hy-checkout .apep-form-style .hy-checkout-panel,
body.hy-sf .hy-checkout-modal{
  border-radius:18px !important;
}
body.hy-sf .hy-checkout .apep-form-style .hy-checkout-box,
body.hy-sf .hy-checkout .apep-form-style .cargo-list-apep .radio-custom > label{
  border-radius:14px !important;
}
body.hy-sf .hy-checkout .apep-form-style .hy-checkout-note-box,
body.hy-sf .hy-checkout .apep-form-style .hy-checkout-cargo-empty,
body.hy-sf .hy-checkout .apep-form-style .form-control,
body.hy-sf .hy-checkout .apep-form-style input,
body.hy-sf .hy-checkout .apep-form-style select,
body.hy-sf .hy-checkout .apep-form-style textarea,
body.hy-sf .hy-checkout-modal .apep-form-style .form-control,
body.hy-sf .hy-checkout-modal .apep-form-style input,
body.hy-sf .hy-checkout-modal .apep-form-style select,
body.hy-sf .hy-checkout-modal .apep-form-style textarea{
  border-radius:12px !important;
}
body.hy-sf .hy-checkout .hy-cart-checkout,
body.hy-sf .hy-checkout-modal .hy-cart-checkout,
body.hy-sf .hy-checkout-modal .hy-cart-ghost{
  border-radius:999px !important;
}
body.hy-sf .hy-checkout-panel h2{
  margin:0 0 20px;
  font-size:17px;
  font-weight:800;
  color:#123;
  letter-spacing:-.02em;
  line-height:1.3;
}

body.hy-sf .hy-checkout-grid-2,
body.hy-sf .hy-checkout-grid-3{
  display:grid;
  gap:16px;
  margin-bottom:16px;
}
body.hy-sf .hy-checkout-grid-2{grid-template-columns:repeat(2, minmax(0,1fr))}
body.hy-sf .hy-checkout-grid-3{grid-template-columns:repeat(3, minmax(0,1fr))}
body.hy-sf .hy-checkout-field{
  min-width:0;
  margin-bottom:16px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
body.hy-sf .hy-checkout-grid-2 > .hy-checkout-field,
body.hy-sf .hy-checkout-grid-3 > .hy-checkout-field{margin-bottom:0}
body.hy-sf .hy-checkout-field label{
  display:block;
  margin:0 !important;
  padding:0;
  font-size:13.5px;
  font-weight:800;
  color:#345;
  line-height:1.35;
}
body.hy-sf .hy-checkout-field .form-control,
body.hy-sf .hy-checkout-box .form-control,
body.hy-sf .hy-checkout-modal .form-control{
  height:46px;
  border:1px solid #d7e2da !important;
  border-radius:12px !important;
  padding:0 14px !important;
  font-size:14px !important;
  color:#123 !important;
  background:#fff !important;
  box-shadow:none !important;
}
body.hy-sf .hy-checkout-field textarea.form-control,
body.hy-sf .hy-checkout-modal textarea.form-control{
  height:auto !important;
  min-height:96px;
  padding:12px 14px !important;
  resize:vertical;
}
body.hy-sf .hy-checkout-field .form-control:focus,
body.hy-sf .hy-checkout-box .form-control:focus,
body.hy-sf .hy-checkout-modal .form-control:focus{
  border-color:var(--g-800) !important;
  outline:0;
  box-shadow:0 0 0 3px rgba(0,120,48,.12) !important;
}
body.hy-sf .hy-checkout-field select.form-control{
  appearance:auto;
  cursor:pointer;
}

body.hy-sf .hy-checkout-address-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
  margin-bottom:14px;
}
body.hy-sf .hy-checkout-box{
  border:1px solid #e8eee9;
  border-radius:14px;
  padding:16px;
  background:#fafcfb;
}
body.hy-sf .hy-checkout-box h3{
  margin:0 0 12px;
  font-size:14px;
  font-weight:800;
  color:#123;
}
body.hy-sf .hy-checkout-box.is-empty p{
  margin:0 0 12px;
  font-size:13.5px;
  color:var(--muted);
  line-height:1.45;
}
body.hy-sf .hy-checkout-address-view{
  margin-top:14px;
  padding:0;
  border:0;
  background:transparent;
  font-size:13.5px;
  color:#345;
  line-height:1.5;
}
body.hy-sf .hy-checkout .apep-form-style .hy-checkout-address-view{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
}
body.hy-sf .hy-checkout-address-view:empty{display:none}
body.hy-sf .hy-addr-preview{
  padding-top:12px;
  border-top:1px solid #e8eee9;
}
body.hy-sf .hy-addr-preview-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:6px;
}
body.hy-sf .hy-addr-preview strong{
  font-size:14px;
  font-weight:800;
  color:#123;
}
body.hy-sf .hy-addr-preview a{
  font-size:13px;
  font-weight:800;
  color:var(--g-800);
  text-decoration:none;
}
body.hy-sf .hy-addr-preview a:hover{color:#e13289}
body.hy-sf .hy-addr-preview p{
  margin:0;
  font-size:13.5px;
  line-height:1.45;
  color:#5c6a60;
}
body.hy-sf .hy-checkout-add{
  display:inline-flex;
  margin-top:12px;
  font-size:13.5px;
  font-weight:800;
  color:var(--g-800);
  text-decoration:none;
}
body.hy-sf .hy-checkout-add:hover{color:#005c26; text-decoration:underline}

body.hy-sf .hy-checkout-check,
body.hy-sf .hy-checkout-radio{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 16px 0 0;
  font-size:14px;
  font-weight:700;
  color:#234;
  cursor:pointer;
}
body.hy-sf .hy-checkout-check{margin:4px 0 0}
body.hy-sf .hy-checkout-check input,
body.hy-sf .hy-checkout-radio input{
  width:16px; height:16px; accent-color:var(--g-800);
}
body.hy-sf .hy-checkout-invoice-type{
  display:flex; flex-wrap:wrap; align-items:center; gap:8px 4px;
  margin:4px 0 14px;
}
body.hy-sf .hy-checkout-invoice-type > span{
  width:100%;
  margin-bottom:4px;
  font-size:13px;
  font-weight:800;
  color:#345;
}
body.hy-sf .hy-checkout-corp{
  margin-top:4px;
  padding-top:4px;
}
body.hy-sf .hy-checkout-note-box{
  display:flex; flex-direction:column; gap:4px;
  margin-bottom:14px;
  padding:12px 14px;
  border-radius:12px;
  background:#f3faf5;
  border:1px solid #e0efe4;
}
body.hy-sf .hy-checkout-note-box strong{font-size:14px; color:#123}
body.hy-sf .hy-checkout-note-box span{font-size:13px; color:var(--muted)}

body.hy-sf .hy-checkout-cargo-empty{
  padding:18px;
  border:1px dashed #d7e2da;
  border-radius:12px;
  background:#fafcfb;
  text-align:center;
}
body.hy-sf .hy-checkout-cargo-empty p{
  margin:0; font-size:13.5px; color:var(--muted); font-weight:600;
}

body.hy-sf .hy-checkout-cargo .cargo-list-apep{
  list-style:none; margin:0; padding:0;
  display:flex; flex-direction:column; gap:10px;
}
body.hy-sf .hy-checkout-cargo .cargo-list-apep > li{margin:0 !important}
body.hy-sf .hy-checkout-cargo .radio-custom{position:relative}
body.hy-sf .hy-checkout-cargo .radio-custom > input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
body.hy-sf .hy-checkout-cargo .radio-custom > label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0;
  padding:14px 16px;
  border:1px solid #e8eee9;
  border-radius:14px;
  background:#fff;
  cursor:pointer;
  transition:border-color .2s, box-shadow .2s, background .2s;
}
body.hy-sf .hy-checkout-cargo .radio-custom > input:checked + label{
  border-color:var(--g-800);
  background:#f3faf5;
  box-shadow:0 0 0 3px rgba(0,120,48,.12);
}
body.hy-sf .hy-checkout-cargo .radio-custom > label:hover{
  border-color:#c9dacd;
}
body.hy-sf .hy-checkout-cargo .cargo-left{
  display:flex; align-items:center; gap:12px; min-width:0;
}
body.hy-sf .hy-checkout-cargo .label-logo{
  width:76px !important;
  height:52px !important;
  flex:0 0 76px !important;
  margin:0 !important;
  display:block !important;
  position:relative;
  border-radius:12px !important;
  background:#fff !important;
  overflow:hidden;
  border:1px solid #eef2ef !important;
  box-shadow:0 4px 12px rgba(15,47,20,.08);
}
body.hy-sf .hy-checkout-cargo .label-logo > div{
  position:static !important;
  padding:0 !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
  background:transparent !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
}
body.hy-sf .hy-checkout-cargo .label-logo img{
  position:static !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  margin:0 !important;
  display:block !important;
  max-width:88% !important;
  max-height:88% !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain;
}
body.hy-sf .hy-checkout-cargo .label-name{
  font-size:14.5px; font-weight:800; color:#123;
}
body.hy-sf .hy-checkout-cargo .label-price strong{
  font-size:15px; font-weight:800; color:var(--g-800); white-space:nowrap;
}

body.hy-sf .hy-checkout #summary-table .cart-subtotal{
  display:flex; justify-content:space-between; gap:12px;
  padding:12px 0; font-size:14px; color:var(--muted);
  border-bottom:1px solid #f0f3f1;
}
body.hy-sf .hy-checkout #summary-table .cart-subtotal:last-child{
  border-bottom:0; margin-top:6px; padding-top:16px;
  font-size:17px; color:#123; font-weight:800;
}
body.hy-sf .hy-checkout #summary-table .cart-subtotal p{margin:0}
body.hy-sf .hy-checkout #summary-table .cart-amount{
  color:#123; font-weight:800; white-space:nowrap;
}
body.hy-sf .hy-checkout #order-final{
  width:100%; border:0; cursor:pointer;
}
body.hy-sf .hy-checkout #order-final.loading{opacity:.7; pointer-events:none}

body.hy-sf .hy-checkout-modal .modal-content{
  border:0; border-radius:18px; overflow:hidden;
}
body.hy-sf .hy-checkout-modal .modal-header{
  border-bottom:1px solid #eef2ef;
  padding:16px 20px;
}
body.hy-sf .hy-checkout-modal .modal-title{
  font-size:17px; font-weight:800; color:#123;
}
body.hy-sf .hy-checkout-modal .modal-body{padding:18px 20px 22px}
body.hy-sf .hy-checkout-modal-actions{
  display:flex; justify-content:flex-end; gap:10px; margin-top:8px;
}

@media (max-width:980px){
  body.hy-sf .hy-checkout-layout{grid-template-columns:1fr}
  body.hy-sf .hy-checkout-side{position:static}
  body.hy-sf .hy-checkout-address-grid{grid-template-columns:1fr}
  body.hy-sf .hy-checkout-grid-3{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  body.hy-sf .hy-checkout{padding:14px 0 56px}
  body.hy-sf .hy-checkout .wrap{width:min(100% - 28px, 1180px)}
  body.hy-sf .hy-checkout-panel{padding:20px 18px 22px}
  body.hy-sf .hy-checkout-grid-2,
  body.hy-sf .hy-checkout-grid-3{grid-template-columns:1fr}
}

/* ========== PAYMENT / ODEME ========== */
body.hy-sf .hy-pay-methods{padding-bottom:22px}
body.hy-sf .hy-pay-methods > h2{margin-bottom:14px}
body.hy-sf .hy-checkout.hy-pay .hy-checkout-main,
body.hy-sf .hy-checkout.hy-pay .hy-checkout-panel{
  overflow:visible;
}
body.hy-sf .hy-pay-tabs{
  list-style:none;
  margin:0 0 20px;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  gap:10px;
  background:transparent !important;
}
body.hy-sf .hy-pay-tabs > li{
  margin:0 !important;
  padding:0 !important;
  flex:1 1 220px;
  min-width:0;
  display:flex !important;
  align-items:stretch;
  background:transparent !important;
  border:0 !important;
  list-style:none;
  box-shadow:none !important;
}
body.hy-sf .hy-pay-tabs > li:hover,
body.hy-sf .hy-pay-tabs > li:focus,
body.hy-sf .hy-pay-tabs > li:focus-within{
  background:transparent !important;
  box-shadow:none !important;
}
body.hy-sf .hy-pay-tabs .hy-pay-method{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex:1 1 auto !important;
  width:100% !important;
  min-height:72px !important;
  height:100% !important;
  padding:14px 14px 14px 16px !important;
  margin:0 !important;
  border:1.5px solid #e2eae4 !important;
  border-radius:14px !important;
  background:#fff !important;
  background-clip:padding-box !important;
  color:#234 !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.25 !important;
  text-align:left !important;
  text-decoration:none !important;
  box-shadow:none !important;
  outline:none !important;
  transform:none !important;
  overflow:hidden !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  transition:border-color .18s, background-color .18s, box-shadow .18s !important;
}
body.hy-sf .hy-pay-tabs .hy-pay-method:hover,
body.hy-sf .hy-pay-tabs .hy-pay-method:focus{
  border-color:#c5d8cb !important;
  background:#f7fbf8 !important;
  color:#123 !important;
  text-decoration:none !important;
  box-shadow:none !important;
  outline:none !important;
  transform:none !important;
}
body.hy-sf .hy-pay-tabs .hy-pay-method.active,
body.hy-sf .hy-pay-tabs .hy-pay-method.active:hover,
body.hy-sf .hy-pay-tabs .hy-pay-method.active:focus{
  border-color:var(--g-800) !important;
  background:#f2faf4 !important;
  color:#123 !important;
  box-shadow:0 0 0 3px rgba(0,120,48,.1) !important;
  text-decoration:none !important;
  transform:none !important;
}
body.hy-sf .hy-pay-method-icon{
  width:40px; height:40px; flex-shrink:0;
  border-radius:11px;
  display:grid; place-items:center;
  background:#eef6f0;
  color:var(--g-800);
}
body.hy-sf .hy-pay-tabs .hy-pay-method.active .hy-pay-method-icon,
body.hy-sf .hy-pay-tabs .hy-pay-method.active:hover .hy-pay-method-icon{
  background:var(--g-800);
  color:#fff;
}
body.hy-sf .hy-pay-method-icon svg{
  width:18px; height:18px;
  fill:none; stroke:currentColor; stroke-width:1.8;
  stroke-linecap:round; stroke-linejoin:round;
}
body.hy-sf .hy-pay-method-copy{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
  flex:1 1 auto;
}
body.hy-sf .hy-pay-method-copy strong{
  display:block;
  font-size:14.5px;
  font-weight:800;
  color:#123 !important;
  letter-spacing:-.01em;
}
body.hy-sf .hy-pay-method-copy em{
  display:block;
  font-style:normal;
  font-size:12px;
  font-weight:600;
  color:#7a8a7e !important;
}
body.hy-sf .hy-pay-method-check{
  width:20px; height:20px; flex-shrink:0;
  border-radius:50%;
  border:1.5px solid #cfdad2;
  background:#fff;
  position:relative;
}
body.hy-sf .hy-pay-tabs .hy-pay-method.active .hy-pay-method-check,
body.hy-sf .hy-pay-tabs .hy-pay-method.active:hover .hy-pay-method-check{
  border-color:var(--g-800);
  background:var(--g-800);
}
body.hy-sf .hy-pay-tabs .hy-pay-method.active .hy-pay-method-check::after,
body.hy-sf .hy-pay-tabs .hy-pay-method.active:hover .hy-pay-method-check::after{
  content:"";
  position:absolute;
  left:6px; top:3px;
  width:5px; height:9px;
  border:solid #fff;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}

body.hy-sf .hy-pay-accordion{
  --bs-accordion-border-width:0;
  --bs-accordion-border-radius:0;
  --bs-accordion-inner-border-radius:0;
  --bs-accordion-btn-padding-x:0;
  --bs-accordion-btn-padding-y:0;
  --bs-accordion-body-padding-x:0;
  --bs-accordion-body-padding-y:0;
}
body.hy-sf .hy-pay-acc-item{
  border:0 !important;
  background:transparent;
  margin:0;
}
body.hy-sf .hy-pay-acc-head{
  display:none;
  margin:0 0 10px;
}
body.hy-sf .hy-pay-acc-head .accordion-button{
  border:1.5px solid #e2eae4 !important;
  border-radius:14px !important;
  background:#fff !important;
  color:#123 !important;
  font-weight:800;
  font-size:14.5px;
  box-shadow:none !important;
  padding:16px !important;
}
body.hy-sf .hy-pay-acc-head .accordion-button:not(.collapsed){
  border-color:var(--g-800) !important;
  background:#f2faf4 !important;
  color:var(--g-800) !important;
}
body.hy-sf .hy-pay-acc-head .accordion-button::after{filter:none}
body.hy-sf .hy-pay-acc-body{padding:8px 0 4px}

body.hy-sf .hy-pay-info{
  display:flex; flex-direction:column; gap:4px;
  margin-bottom:14px;
  padding:12px 14px;
  border-radius:12px;
  background:#f3faf5;
  border:1px solid #e0efe4;
}
body.hy-sf .hy-pay-info strong{font-size:14px; color:#123}
body.hy-sf .hy-pay-info span{font-size:13px; color:var(--muted); line-height:1.45}

body.hy-sf .hy-pay-card-form{position:relative; max-width:none}
body.hy-sf .hy-pay-card-fields{margin-bottom:4px}
body.hy-sf .hy-pay-card-row{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
}
body.hy-sf .hy-pay-card-row .hy-checkout-field{margin-bottom:0}
body.hy-sf .hy-pay-card-preview{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:0 !important;
  overflow:hidden !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  z-index:-1 !important;
}
body.hy-sf .hy-pay-card-preview .jp-card-container,
body.hy-sf .hy-pay-card-preview .jp-card{
  display:none !important;
}

body.hy-sf .hy-pay-submit{
  width:100%;
  max-width:none;
  margin-top:16px;
  border:0;
  cursor:pointer;
  text-transform:none;
  letter-spacing:0;
}
body.hy-sf .hy-pay-loading{
  display:flex; flex-direction:column; align-items:center; gap:10px;
  padding:36px 16px; text-align:center; color:var(--muted);
}
body.hy-sf .hy-pay-loading p{margin:0; font-weight:700; font-size:14px}
body.hy-sf .hy-pay-spinner{
  width:28px; height:28px;
  border:3px solid #d7e2da;
  border-top-color:var(--g-800);
  border-radius:50%;
  animation:hy-pay-spin .8s linear infinite;
}
@keyframes hy-pay-spin{to{transform:rotate(360deg)}}

body.hy-sf .hy-pay-wait{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(12,22,16,.48);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
body.hy-sf .hy-pay-wait[hidden]{display:none !important}
html.hy-pay-waiting,
html.hy-pay-waiting body{overflow:hidden}
body.hy-sf .hy-pay-wait-card{
  width:min(360px, 100%);
  background:#fff;
  border:1px solid #e8eee9;
  border-radius:18px;
  padding:28px 24px;
  text-align:center;
  box-shadow:0 18px 48px rgba(0,0,0,.18);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}
body.hy-sf .hy-pay-wait-card .hy-pay-spinner{
  width:34px; height:34px; margin-bottom:4px;
}
body.hy-sf .hy-pay-wait-card strong{
  font-size:17px; font-weight:800; color:#123; letter-spacing:-.02em;
}
body.hy-sf .hy-pay-wait-card p{
  margin:0; font-size:14px; font-weight:600; color:var(--muted); line-height:1.45;
}

body.hy-sf .hy-pay-option-list{
  list-style:none; margin:0 0 8px; padding:0;
  display:flex; flex-direction:column; gap:10px;
}
body.hy-sf .hy-pay-option-list > li{margin:0 !important}
body.hy-sf .hy-pay-option-list .radio-custom{position:relative}
body.hy-sf .hy-pay-option-list .radio-custom > input{
  position:absolute; opacity:0; pointer-events:none;
}
body.hy-sf .hy-pay-option-list .radio-custom > label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0;
  padding:14px 16px;
  border:1px solid #e8eee9;
  border-radius:14px;
  background:#fff;
  cursor:pointer;
  transition:border-color .2s, box-shadow .2s, background .2s;
}
body.hy-sf .hy-pay-option-list .radio-custom > input:checked + label{
  border-color:var(--g-800);
  background:#f3faf5;
  box-shadow:0 0 0 3px rgba(0,120,48,.12);
}
body.hy-sf .hy-pay-option-list .radio-custom > label:hover{border-color:#c9dacd}
body.hy-sf .hy-pay-option-list .cargo-left{
  display:flex; align-items:flex-start; gap:12px; min-width:0;
}
body.hy-sf .hy-pay-option-list .label-logo{
  width:76px !important;
  height:52px !important;
  flex:0 0 76px !important;
  margin:0 !important;
  display:block !important;
  position:relative;
  border-radius:12px !important;
  background:#fff !important;
  overflow:hidden;
  border:1px solid #eef2ef !important;
  box-shadow:0 4px 12px rgba(15,47,20,.08);
}
body.hy-sf .hy-pay-option-list .label-logo > div{
  position:static !important;
  padding:0 !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
  background:transparent !important;
  display:flex !important;
  align-items:center;
  justify-content:center;
}
body.hy-sf .hy-pay-option-list .label-logo img{
  position:static !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  margin:0 !important;
  display:block !important;
  max-width:88% !important;
  max-height:88% !important;
  width:auto !important;
  height:auto !important;
  object-fit:contain;
}
body.hy-sf .hy-pay-option-list .label-name{
  font-size:13.5px; color:#345; line-height:1.45;
}
body.hy-sf .hy-pay-option-list .label-name strong{color:#123}
body.hy-sf .hy-pay-option-list .label-price strong{
  font-size:14px; font-weight:800; color:var(--g-800); white-space:nowrap;
}

body.hy-sf .hy-pay-installments{margin-top:18px}
body.hy-sf .hy-pay-installments table{
  width:100%;
  border-collapse:collapse;
  font-size:13.5px;
}
body.hy-sf .hy-pay-installments th,
body.hy-sf .hy-pay-installments td{
  padding:10px 12px;
  border-bottom:1px solid #eef2ef;
  text-align:left;
}
body.hy-sf .hy-pay-installments thead th{
  background:#f6faf7;
  font-weight:800;
  color:#234;
}
body.hy-sf .hy-pay-installments input[type="radio"]{accent-color:var(--g-800)}

body.hy-sf .hy-pay-legal{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid #f0f3f1;
  display:flex;
  flex-direction:column;
  gap:12px;
}
body.hy-sf .hy-pay-legal-item{
  align-items:flex-start !important;
  margin:0 !important;
  font-size:12.5px !important;
  font-weight:600 !important;
  line-height:1.45;
  color:var(--muted) !important;
}
body.hy-sf .hy-pay-legal-item input{margin-top:2px; flex-shrink:0}
body.hy-sf .hy-pay-legal-item a{
  color:var(--g-800);
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:2px;
}
body.hy-sf .hy-pay-legal-item a:hover{color:#005c26}

body.hy-sf .hy-pay #summary-table .cart-subtotal{
  display:flex; justify-content:space-between; gap:12px;
  padding:9px 0; font-size:14px; color:var(--muted);
  border-bottom:1px solid #f0f3f1;
}
body.hy-sf .hy-pay #summary-table .cart-subtotal:last-child{
  border-bottom:0; margin-top:4px; padding-top:14px;
  font-size:17px; color:#123; font-weight:800;
}
body.hy-sf .hy-pay #summary-table .cart-subtotal p{margin:0}
body.hy-sf .hy-pay #summary-table .cart-amount{
  color:#123; font-weight:800; white-space:nowrap;
}

@media (max-width:767px){
  body.hy-sf .hy-pay-tabs{display:none}
  body.hy-sf .hy-pay-acc-head{display:block}
  body.hy-sf .hy-pay-submit{max-width:none}
  body.hy-sf .hy-pay-card-form{max-width:none}
}
@media (max-width:640px){
  body.hy-sf .hy-pay-card-row{grid-template-columns:1fr 1fr}
  body.hy-sf .hy-pay-card-row .hy-checkout-field:last-child{grid-column:1 / -1}
}

/* ========== SUCCESS / SIPARIS TAMAMLANDI ========== */
body.hy-sf .hy-success{
  padding:18px 0 80px;
  background:
    radial-gradient(820px 280px at 50% -40px, rgba(24,156,48,.1), transparent 62%),
    #fff;
}
body.hy-sf .hy-success .wrap{width:min(1040px, calc(100% - 40px)); margin:0 auto}
body.hy-sf .hy-success .hy-checkout-panel{border-radius:18px}

body.hy-sf .hy-success-hero{
  text-align:center;
  padding:36px 28px 28px;
  margin-bottom:20px;
  border:1px solid #e4eee6;
  border-radius:22px;
  background:linear-gradient(180deg, #f4fbf6 0%, #fff 62%);
  box-shadow:0 16px 40px rgba(20,40,24,.04);
}
body.hy-sf .hy-success-badge{
  width:72px; height:72px; margin:0 auto 16px;
  border-radius:50%;
  display:grid; place-items:center;
  background:var(--g-800); color:#fff;
  box-shadow:0 14px 28px rgba(0,120,48,.24);
}
body.hy-sf .hy-success-badge svg{
  width:32px; height:32px;
  fill:none; stroke:currentColor; stroke-width:2.5;
  stroke-linecap:round; stroke-linejoin:round;
}
body.hy-sf .hy-success-hero h1{
  margin:0 0 8px;
  font-size:clamp(26px, 3.2vw, 34px);
  font-weight:800;
  color:#102218;
  letter-spacing:-.03em;
}
body.hy-sf .hy-success-hero > p{
  margin:0 auto 20px;
  max-width:46ch;
  color:#5d6d62;
  font-size:15px;
  line-height:1.55;
}
body.hy-sf .hy-success-code{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:10px 10px 10px 18px;
  border-radius:999px;
  background:#fff;
  border:1px solid #dce8df;
}
body.hy-sf .hy-success-code span{
  font-size:12px; font-weight:700; color:#7a8a7e;
}
body.hy-sf .hy-success-code strong{
  font-size:18px; color:var(--g-800); letter-spacing:-.02em;
}
body.hy-sf .hy-success-copy{
  border:0;
  border-radius:999px;
  background:var(--g-100);
  color:var(--g-800);
  font:inherit;
  font-size:12.5px;
  font-weight:800;
  padding:8px 12px;
  cursor:pointer;
}
body.hy-sf .hy-success-copy:hover{background:#d7f0dc}
body.hy-sf .hy-success-chips{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 0;
  padding:0;
  list-style:none;
}
body.hy-sf .hy-success-chips li{
  min-width:120px;
  padding:10px 14px;
  border-radius:14px;
  background:#fff;
  border:1px solid #e6eee8;
  text-align:left;
}
body.hy-sf .hy-success-chips span{
  display:block;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#8a988e;
}
body.hy-sf .hy-success-chips strong{
  display:block;
  margin-top:3px;
  font-size:14px;
  color:#123;
}
body.hy-sf .hy-success-steps{
  display:flex;
  justify-content:center;
  gap:8px;
  margin:22px 0 0;
  padding:0;
  list-style:none;
}
body.hy-sf .hy-success-steps li{
  display:flex;
  align-items:center;
  gap:8px;
  color:#8a988e;
  font-size:13px;
  font-weight:750;
}
body.hy-sf .hy-success-steps li + li::before{
  content:"";
  width:22px;
  height:1px;
  background:#d7e3d8;
  margin-right:8px;
}
body.hy-sf .hy-success-steps i{
  width:26px; height:26px;
  border-radius:50%;
  display:grid; place-items:center;
  font-style:normal;
  font-size:12px;
  font-weight:800;
  background:#eef3ef;
  color:#6a7a70;
}
body.hy-sf .hy-success-steps .is-done{color:var(--g-800)}
body.hy-sf .hy-success-steps .is-done i{background:var(--g-800); color:#fff}

body.hy-sf .hy-success-bank{margin-bottom:18px}
body.hy-sf .hy-success-bank-note{
  margin:0 0 14px;
  font-size:14px; color:#456; line-height:1.5;
}
body.hy-sf .hy-success-banks{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:12px;
}
body.hy-sf .hy-success-bank-card{
  padding:14px 16px;
  border:1px solid #e8eee9;
  border-radius:14px;
  background:#fafcfb;
}
body.hy-sf .hy-success-bank-card h3{margin:0 0 10px; font-size:15px; color:#123}
body.hy-sf .hy-success-bank-card dl{margin:0; display:flex; flex-direction:column; gap:8px}
body.hy-sf .hy-success-bank-card dt{
  font-size:11px; font-weight:800; color:#7a8a7e;
  text-transform:uppercase; letter-spacing:.04em;
}
body.hy-sf .hy-success-bank-card dd{
  margin:2px 0 0; font-size:13.5px; color:#234; font-weight:700;
  word-break:break-word;
}
body.hy-sf .hy-success-iban{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
}

body.hy-sf .hy-success-layout{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(280px,340px);
  gap:18px;
  align-items:start;
}
body.hy-sf .hy-success-products h2,
body.hy-sf .hy-success-side .hy-checkout-panel h2{
  margin:0 0 16px;
  font-size:16px;
  font-weight:800;
  color:#123;
}
body.hy-sf .hy-success-lines{
  list-style:none; margin:0; padding:0;
  display:flex; flex-direction:column;
}
body.hy-sf .hy-success-line{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  padding:14px 0;
  border-bottom:1px solid #eef2ef;
}
body.hy-sf .hy-success-line:last-child{border-bottom:0; padding-bottom:0}
body.hy-sf .hy-success-line:first-child{padding-top:0}
body.hy-sf .hy-success-thumb{
  width:72px; height:72px; border-radius:14px; overflow:hidden;
  border:1px solid #eef2ef; background:#f6f8f7; display:block;
}
body.hy-sf .hy-success-thumb img{width:100%; height:100%; object-fit:cover}
body.hy-sf .hy-success-name{
  display:block; font-weight:800; color:#123; font-size:15px;
  text-decoration:none; line-height:1.35; margin-bottom:4px;
}
body.hy-sf .hy-success-name:hover{color:var(--g-800)}
body.hy-sf .hy-success-variant,
body.hy-sf .hy-success-meta{
  display:block; font-size:12.5px; color:var(--muted); font-weight:650;
}
body.hy-sf .hy-success-price{text-align:right}
body.hy-sf .hy-success-price strong{
  display:block; font-size:15px; color:#123; font-weight:800;
}
body.hy-sf .hy-success-totals{
  margin:16px 0 0;
  padding-top:8px;
  border-top:1px solid #eef2ef;
}
body.hy-sf .hy-success-totals div{
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:8px 0;
}
body.hy-sf .hy-success-totals dt{font-size:13.5px; color:#5d6d62; font-weight:650}
body.hy-sf .hy-success-totals dd{margin:0; font-size:14px; font-weight:800; color:#123}
body.hy-sf .hy-success-totals div.is-total{
  margin-top:4px;
  padding-top:12px;
  border-top:1px solid #e8eee9;
}
body.hy-sf .hy-success-totals div.is-total dt,
body.hy-sf .hy-success-totals div.is-total dd{
  font-size:16px; color:#102218;
}

body.hy-sf .hy-success-side{display:flex; flex-direction:column; gap:12px}
body.hy-sf .hy-success-person{
  margin:0 0 6px;
  font-size:16px;
  font-weight:800;
  color:#123;
}
body.hy-sf .hy-success-address{
  margin:0 0 14px;
  font-size:14px;
  line-height:1.55;
  color:#44584c;
}
body.hy-sf .hy-success-meta-list{
  margin:0;
  padding:12px 0 0;
  border-top:1px solid #eef2ef;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:8px;
}
body.hy-sf .hy-success-meta-list li{
  font-size:13.5px;
  font-weight:700;
  color:#345;
}
body.hy-sf .hy-success-actions{display:flex; flex-direction:column; gap:10px}
body.hy-sf .hy-success-actions .hy-cart-checkout,
body.hy-sf .hy-success-actions .hy-cart-ghost{
  width:100%;
  margin-top:0;
  text-transform:none;
  letter-spacing:0;
  border-radius:14px !important;
}

@media (max-width:980px){
  body.hy-sf .hy-success-layout{grid-template-columns:1fr}
  body.hy-sf .hy-success-steps{flex-wrap:wrap}
}
@media (max-width:640px){
  body.hy-sf .hy-success{padding:12px 0 56px}
  body.hy-sf .hy-success .wrap{width:min(100% - 28px, 1040px)}
  body.hy-sf .hy-success-hero{padding:28px 16px 20px}
  body.hy-sf .hy-success-code{flex-wrap:wrap; justify-content:center; border-radius:18px}
  body.hy-sf .hy-success-chips li{flex:1 1 120px}
  body.hy-sf .hy-success-line{grid-template-columns:60px minmax(0,1fr)}
  body.hy-sf .hy-success-thumb{width:60px; height:60px}
  body.hy-sf .hy-success-price{grid-column:2; text-align:left; margin-top:4px}
}

/* ========== ERROR / SIPARIS HATALI ========== */
body.hy-sf .hy-error{
  background:
    radial-gradient(820px 280px at 50% -40px, rgba(196,48,48,.1), transparent 62%),
    #fff;
}
body.hy-sf .hy-error-hero{
  background:linear-gradient(180deg, #fff6f5 0%, #fff 62%);
  border-color:#f0d8d5;
}
body.hy-sf .hy-error-badge{
  background:#c43030;
  box-shadow:0 14px 28px rgba(180,40,40,.22);
}
body.hy-sf .hy-error-hints{
  list-style:none;
  margin:0 auto 24px;
  padding:0;
  max-width:42ch;
  display:flex;
  flex-direction:column;
  gap:8px;
  text-align:left;
}
body.hy-sf .hy-error-hints li{
  position:relative;
  padding:10px 14px 10px 36px;
  border-radius:12px;
  background:#fff;
  border:1px solid #f0d8d5;
  color:#5a4a48;
  font-size:13.5px;
  font-weight:650;
  line-height:1.4;
}
body.hy-sf .hy-error-hints li::before{
  content:"";
  position:absolute;
  left:14px;
  top:50%;
  width:8px;
  height:8px;
  margin-top:-4px;
  border-radius:50%;
  background:#c43030;
}
body.hy-sf .hy-error-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}
body.hy-sf .hy-error-actions .hy-cart-checkout,
body.hy-sf .hy-error-actions .hy-cart-ghost{
  min-width:160px;
  margin-top:0;
  text-transform:none;
  letter-spacing:0;
  border-radius:14px !important;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
@media (max-width:640px){
  body.hy-sf .hy-error-actions{flex-direction:column}
  body.hy-sf .hy-error-actions .hy-cart-checkout,
  body.hy-sf .hy-error-actions .hy-cart-ghost{width:100%}
}

/* ========== Hesabım / account ========== */
body.hy-sf .hy-account{
  padding:18px 0 72px;
  background:
    radial-gradient(900px 320px at 8% -10%, rgba(24,156,48,.07), transparent 60%),
    radial-gradient(700px 280px at 100% 0%, rgba(225,50,137,.05), transparent 55%),
    #fff;
}
body.hy-sf .hy-account .wrap{
  width:min(1180px, calc(100% - 40px));
  margin:0 auto;
}
body.hy-sf .hy-account .hy-cart-crumb{margin-bottom:22px}

body.hy-sf .hy-account-head{
  margin:0 0 28px;
  max-width:42rem;
}
body.hy-sf .hy-account-head h1{
  margin:0 0 8px;
  font-size:clamp(26px, 3vw, 34px);
  font-weight:800;
  letter-spacing:-.02em;
  color:var(--g-950);
  line-height:1.15;
}
body.hy-sf .hy-account-head p{
  margin:0;
  font-size:15.5px;
  color:var(--muted);
  font-weight:550;
  line-height:1.5;
}

body.hy-sf .hy-account-tiles{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:14px;
}
body.hy-sf .hy-account-tile{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
  padding:22px 20px;
  border:1px solid #e8eee9;
  border-radius:16px;
  background:#fff;
  box-shadow:0 1px 0 rgba(20,40,24,.03);
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
  min-height:132px;
  text-decoration:none;
  color:inherit;
}
body.hy-sf .hy-account-tile:hover{
  border-color:#cfe3d3;
  box-shadow:0 10px 28px rgba(0,120,48,.08);
  transform:translateY(-2px);
}
body.hy-sf .hy-account-tile-ico{
  width:44px; height:44px;
  border-radius:12px;
  display:grid; place-items:center;
  background:var(--g-100);
  color:var(--g-800);
  font-size:18px;
}
body.hy-sf .hy-account-tile strong{
  font-size:15px;
  font-weight:800;
  color:#123;
  line-height:1.3;
}
body.hy-sf .hy-account-tile.is-logout{
  border-color:#f7dce8;
  background:linear-gradient(180deg, #fff, #fff7fb);
}
body.hy-sf .hy-account-tile.is-logout .hy-account-tile-ico{
  background:var(--brand-soft);
  color:var(--brand);
}
body.hy-sf .hy-account-tile.is-logout:hover{
  border-color:#efb4d0;
  box-shadow:0 10px 28px rgba(225,50,137,.1);
}

body.hy-sf .hy-account-layout{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:22px;
  align-items:start;
}
body.hy-sf .hy-account-nav{
  position:sticky;
  top:88px;
}
body.hy-sf .hy-account-nav-toggle{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:14px 16px;
  border:1px solid #e5ebe6;
  border-radius:12px;
  background:#fff;
  font:inherit;
  font-size:14.5px;
  font-weight:750;
  color:#123;
  cursor:pointer;
}
body.hy-sf .hy-account-nav-toggle svg{
  width:18px; height:18px; stroke:#567; stroke-width:2;
  fill:none; stroke-linecap:round; stroke-linejoin:round;
}
body.hy-sf .hy-account-menu{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:10px;
  border:1px solid #e8eee9;
  border-radius:16px;
  background:#fff;
}
body.hy-sf .hy-account-link{
  display:flex;
  align-items:center;
  gap:11px;
  padding:11px 12px;
  border-radius:11px;
  color:#345;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  transition:background .15s ease, color .15s ease;
}
body.hy-sf .hy-account-link i{
  width:18px;
  text-align:center;
  color:#7a8a7e;
  font-size:14px;
}
body.hy-sf .hy-account-link:hover{
  background:var(--g-50);
  color:var(--g-800);
}
body.hy-sf .hy-account-link:hover i{color:var(--g-800)}
body.hy-sf .hy-account-link.is-active{
  background:var(--g-100);
  color:var(--g-800);
}
body.hy-sf .hy-account-link.is-active i{color:var(--g-800)}
body.hy-sf .hy-account-link.is-logout{
  margin-top:6px;
  color:#a03a6a;
}
body.hy-sf .hy-account-link.is-logout i{color:#c94a86}
body.hy-sf .hy-account-link.is-logout:hover{
  background:var(--brand-soft);
  color:var(--brand);
}

body.hy-sf .hy-account-main{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
}
body.hy-sf .hy-account-panel{
  border:1px solid #e8eee9;
  border-radius:16px;
  background:#fff;
  padding:22px 22px 24px;
  box-shadow:0 1px 0 rgba(20,40,24,.03);
}
body.hy-sf .hy-account-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  margin:0 0 18px;
  padding:0 0 16px;
  border-bottom:1px solid #eef2ef;
}
body.hy-sf .hy-account-panel-head h1,
body.hy-sf .hy-account-panel-head h2{
  margin:0;
  font-size:clamp(20px, 2.2vw, 24px);
  font-weight:800;
  letter-spacing:-.015em;
  color:var(--g-950);
  line-height:1.2;
}
body.hy-sf .hy-account-panel-head h2{font-size:17px}
body.hy-sf .hy-account-panel-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
body.hy-sf .hy-account-meta{
  font-size:13.5px;
  font-weight:650;
  color:var(--muted);
}
body.hy-sf .hy-account-meta i{margin-right:6px; color:#9aa59d}

body.hy-sf .hy-account-btn,
body.hy-sf .hy-account .btn-success,
body.hy-sf .hy-account-modal .btn-success{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:10px 18px;
  border:0;
  border-radius:12px;
  background:var(--g-800);
  color:#fff !important;
  font:inherit;
  font-size:14px;
  font-weight:800;
  letter-spacing:.01em;
  cursor:pointer;
  text-decoration:none !important;
  transition:background .15s ease, transform .15s ease;
}
body.hy-sf .hy-account-btn:hover,
body.hy-sf .hy-account .btn-success:hover,
body.hy-sf .hy-account-modal .btn-success:hover{
  background:var(--g-700);
  color:#fff !important;
}
body.hy-sf .hy-account-btn.w-100{width:100%}

body.hy-sf .hy-account-form{display:flex; flex-direction:column; gap:16px}
body.hy-sf .hy-account-grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
body.hy-sf .hy-account .hy-field input,
body.hy-sf .hy-account .hy-field textarea,
body.hy-sf .hy-account .hy-field select,
body.hy-sf .hy-account-form input[type="text"],
body.hy-sf .hy-account-form input[type="email"],
body.hy-sf .hy-account-form input[type="password"],
body.hy-sf .hy-account-form input.phone-mask,
body.hy-sf .hy-account-form textarea,
body.hy-sf .hy-account-form select,
body.hy-sf .hy-account-panel .form-control,
body.hy-sf .hy-account-modal .form-control,
body.hy-sf .hy-account-modal .hy-field input,
body.hy-sf .hy-account-modal .hy-field textarea,
body.hy-sf .hy-account-modal .hy-field select{
  width:100%;
  border:1px solid #d9dfd9;
  background:#fff;
  border-radius:12px;
  padding:12px 14px;
  min-height:46px;
  font:inherit;
  font-size:14.5px;
  color:var(--text);
  box-shadow:none;
  transition:border-color .15s ease, box-shadow .15s ease;
}
body.hy-sf .hy-account .hy-field textarea,
body.hy-sf .hy-account-form textarea,
body.hy-sf .hy-account-panel textarea.form-control,
body.hy-sf .hy-account-modal textarea.form-control{
  min-height:120px;
  resize:vertical;
}
body.hy-sf .hy-account .hy-field input:focus,
body.hy-sf .hy-account .hy-field textarea:focus,
body.hy-sf .hy-account .hy-field select:focus,
body.hy-sf .hy-account-panel .form-control:focus,
body.hy-sf .hy-account-modal .form-control:focus{
  outline:0;
  border-color:#e13289;
  box-shadow:0 0 0 3px rgba(225,50,137,.12);
}
body.hy-sf .hy-account-panel .form-label,
body.hy-sf .hy-account-panel label:not(.hy-field),
body.hy-sf .hy-account-modal .form-label,
body.hy-sf .hy-account-modal label{
  display:block;
  margin:0 0 7px;
  font-size:13px;
  font-weight:700;
  color:#2f3b32;
}

body.hy-sf .hy-account-empty{
  margin:8px 0 4px;
  padding:28px 16px;
  text-align:center;
  color:var(--muted);
  font-size:14.5px;
  font-weight:650;
  border:1px dashed #d7e0d8;
  border-radius:14px;
  background:#fafcfa;
}
body.hy-sf .hy-account-act{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border:1px solid #d7e3d8;
  border-radius:10px;
  background:#fff;
  color:var(--g-800) !important;
  font:inherit;
  font-size:13px;
  font-weight:750;
  text-decoration:none !important;
  cursor:pointer;
}
body.hy-sf .hy-account-act + .hy-account-act{margin-left:6px}
body.hy-sf .hy-account-act:hover{
  border-color:var(--g-800);
  background:var(--g-50);
}
body.hy-sf .hy-account-act.is-danger{
  color:#c43d78 !important;
  border-color:#f3d0e2;
}
body.hy-sf .hy-account-act.is-danger:hover{
  background:#fff6fa;
  border-color:#e13289;
}
body.hy-sf .hy-account-badge{
  display:inline-flex;
  align-items:center;
  padding:4px 9px;
  border-radius:999px;
  background:var(--g-100);
  color:var(--g-800);
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}
body.hy-sf .hy-account-badge.is-warn{
  background:var(--brand-soft);
  color:#c43d78;
}
body.hy-sf .hy-account-thumb{
  width:56px;
  height:56px;
  object-fit:cover;
  border-radius:10px;
  border:1px solid #eef2ef;
  background:#f6f8f7;
}
body.hy-sf .hy-account-name{
  font-weight:750;
  color:#123;
  text-decoration:none;
}
body.hy-sf .hy-account-name:hover{color:var(--g-800)}
body.hy-sf .hy-account-sub{
  display:block;
  margin-top:3px;
  font-size:12.5px;
  color:var(--muted);
  font-weight:600;
}
body.hy-sf .hy-account-table{margin-top:4px}
body.hy-sf .hy-account .hy-table,
body.hy-sf .hy-account table.dataTable,
body.hy-sf .hy-account-panel .table{
  width:100% !important;
  border-collapse:separate;
  border-spacing:0;
  margin:0;
}
body.hy-sf .hy-account .hy-table thead th,
body.hy-sf .hy-account table.dataTable thead th,
body.hy-sf .hy-account-panel .table thead th{
  background:#f6f9f7;
  color:#456;
  font-size:12.5px;
  font-weight:800;
  text-transform:none;
  letter-spacing:.01em;
  padding:12px 14px;
  border-bottom:1px solid #e5ebe6;
  white-space:nowrap;
}
body.hy-sf .hy-account .hy-table tbody td,
body.hy-sf .hy-account table.dataTable tbody td,
body.hy-sf .hy-account-panel .table tbody td,
body.hy-sf .hy-account-panel .table tbody th{
  padding:13px 14px;
  border-bottom:1px solid #eef2ef;
  font-size:14px;
  color:#234;
  vertical-align:middle;
  background:#fff;
}
body.hy-sf .hy-account-panel .table.table-bordered,
body.hy-sf .hy-account-panel .table.table-striped{
  border:1px solid #e8eee9;
  border-radius:12px;
  overflow:hidden;
}
body.hy-sf .hy-account-panel .table.table-bordered > :not(caption) > * > *{
  border-color:#eef2ef;
}
body.hy-sf .hy-account-panel .table-striped > tbody > tr:nth-of-type(odd) > *{
  background:#fafcfa;
}
body.hy-sf .hy-account .dataTables_wrapper .dataTables_filter input,
body.hy-sf .hy-account .dataTables_wrapper .dataTables_length select{
  border:1px solid #d9dfd9;
  border-radius:10px;
  padding:8px 12px;
  font:inherit;
  font-size:13.5px;
}
body.hy-sf .hy-account .dataTables_wrapper .dataTables_info,
body.hy-sf .hy-account .dataTables_wrapper .dataTables_paginate{
  font-size:13px;
  color:var(--muted);
  padding-top:14px;
}
body.hy-sf .hy-account .dataTables_wrapper .paginate_button.current,
body.hy-sf .hy-account .dataTables_wrapper .page-item.active .page-link{
  background:var(--g-800) !important;
  border-color:var(--g-800) !important;
  color:#fff !important;
}
body.hy-sf .hy-account .dataTables_wrapper .page-link{
  color:var(--g-800);
  border-radius:8px;
  margin:0 2px;
}

body.hy-sf .hy-account-prose{
  font-size:14.5px;
  line-height:1.6;
  color:#345;
}
body.hy-sf .hy-account-prose p:last-child{margin-bottom:0}
body.hy-sf .hy-account-reply{background:#fafcfa}

body.hy-sf .hy-account-tabs .nav-pills{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 8px;
  padding:0;
  list-style:none;
}
body.hy-sf .hy-account-tabs .nav-justified{width:100%}
body.hy-sf .hy-account-tabs .nav-item{flex:1 1 auto; min-width:120px}
body.hy-sf .hy-account-tabs .nav-link{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:44px;
  padding:10px 12px !important;
  border:1px solid #e5ebe6 !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#456 !important;
  font-size:13.5px !important;
  font-weight:750 !important;
  text-align:center;
  text-decoration:none !important;
  transition:border-color .15s ease, background .15s ease, color .15s ease;
}
body.hy-sf .hy-account-tabs .nav-item{
  background:transparent !important;
}
body.hy-sf .hy-account-tabs .nav-item:hover,
body.hy-sf .hy-account-tabs .nav-item.is-open,
body.hy-sf .hy-account-tabs .nav-item:focus-within{
  background:transparent !important;
}
body.hy-sf .hy-account-tabs .nav-link:hover,
body.hy-sf .hy-account-tabs .nav-link:focus,
body.hy-sf .hy-account-tabs .nav-link:focus-visible,
body.hy-sf .hy-account-tabs .nav-item:hover > a{
  border-color:var(--g-800) !important;
  color:var(--g-800) !important;
  background:#fff !important;
  box-shadow:none !important;
}
body.hy-sf .hy-account-tabs .nav-link.active,
body.hy-sf .hy-account-tabs .nav-link.active:hover,
body.hy-sf .hy-account-tabs .nav-link.active:focus{
  border-color:var(--g-800) !important;
  background:#fff !important;
  color:var(--g-800) !important;
}

body.hy-sf .hy-account-modal .modal-dialog{
  max-width:560px;
  margin:1.5rem auto;
  min-width:0 !important;
}
body.hy-sf .hy-account-modal.modal{
  display:none;
  align-items:center;
  justify-content:center;
}
body.hy-sf .hy-account-modal.modal.show{
  display:flex !important;
}
body.hy-sf .hy-account-modal .modal-dialog.modal-lg{max-width:720px}
body.hy-sf .hy-account-modal .modal-content{
  border:0;
  border-radius:16px;
  box-shadow:0 18px 50px rgba(20,40,24,.16);
  overflow:hidden;
}
body.hy-sf .hy-account-modal .modal-header{
  border-bottom:1px solid #eef2ef;
  padding:16px 20px;
}
body.hy-sf .hy-account-modal .modal-title{
  font-size:17px;
  font-weight:800;
  color:var(--g-950);
}
body.hy-sf .hy-account-modal .modal-body{padding:18px 20px 22px}
body.hy-sf #rebate-modal .modal-dialog{min-width:0 !important; max-width:480px}
body.hy-sf #rebate-modal .modal-content{border-radius:16px; border:0}
body.hy-sf #rebate-modal .modal-header{
  border-bottom:1px solid #eef2ef;
  padding:16px 18px;
}
body.hy-sf #rebate-modal .modal-title{font-weight:800; color:var(--g-950)}

@media (min-width:768px){
  body.hy-sf .hy-account-menu.collapse{
    display:flex !important;
    height:auto !important;
    visibility:visible !important;
  }
}
@media (max-width:980px){
  body.hy-sf .hy-account-tiles{grid-template-columns:repeat(2, minmax(0,1fr))}
  body.hy-sf .hy-account-layout{grid-template-columns:1fr}
  body.hy-sf .hy-account-nav{position:static}
}
@media (max-width:767.98px){
  body.hy-sf .hy-account-menu{margin-top:8px}
  body.hy-sf .hy-account-menu.collapse:not(.show){display:none !important}
  body.hy-sf .hy-account-menu.collapse.show,
  body.hy-sf .hy-account-menu.collapsing{display:flex !important}
}
@media (max-width:640px){
  body.hy-sf .hy-account{padding:14px 0 56px}
  body.hy-sf .hy-account .wrap{width:min(100% - 28px, 1180px)}
  body.hy-sf .hy-account-tiles{grid-template-columns:1fr}
  body.hy-sf .hy-account-grid-2{grid-template-columns:1fr}
  body.hy-sf .hy-account-panel{padding:18px 16px 20px}
  body.hy-sf .hy-account-tabs .nav-item{min-width:calc(50% - 4px)}
}

/* ========== 404 ========== */
body.hy-sf .hy-404{
  padding:18px 0 72px;
  background:
    radial-gradient(ellipse 70% 55% at 12% 0%, rgba(24,156,48,.08), transparent 55%),
    radial-gradient(ellipse 50% 45% at 88% 18%, rgba(225,50,137,.06), transparent 50%),
    linear-gradient(180deg, #f7faf7 0%, #fff 48%);
}
body.hy-sf .hy-404 .wrap{width:min(920px, calc(100% - 40px)); margin:0 auto}
body.hy-sf .hy-404 .hy-cart-crumb{margin-bottom:28px}
body.hy-sf .hy-404-panel{
  position:relative;
  overflow:hidden;
  text-align:center;
  margin-top:12px;
  padding:56px 36px 42px;
  border:1px solid #e4eee6;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.92) 0%, #fff 58%);
  box-shadow:0 18px 48px rgba(20,40,24,.06);
}
body.hy-sf .hy-404-panel::before{
  content:"";
  position:absolute; inset:0 auto auto 0;
  width:180px; height:180px;
  background:radial-gradient(circle, rgba(0,120,48,.1), transparent 68%);
  pointer-events:none;
}
body.hy-sf .hy-404-mark{
  margin:0 auto 8px;
  font-size:clamp(72px, 14vw, 120px);
  font-weight:900;
  line-height:.9;
  letter-spacing:-.08em;
  color:var(--g-800);
  opacity:.14;
  user-select:none;
}
body.hy-sf .hy-404-panel h1{
  margin:0 0 10px;
  font-size:clamp(28px, 3.4vw, 40px);
  font-weight:800;
  letter-spacing:-.035em;
  color:var(--g-950);
}
body.hy-sf .hy-404-panel > p{
  margin:0 auto 26px;
  max-width:42ch;
  color:#5d6d62;
  font-size:16px;
  line-height:1.55;
}
body.hy-sf .hy-404-search{
  display:flex;
  gap:8px;
  width:min(480px, 100%);
  margin:0 auto 22px;
  padding:6px;
  border:1px solid #d8e5db;
  border-radius:14px;
  background:#fff;
  box-shadow:0 8px 22px rgba(20,40,24,.05);
}
body.hy-sf .hy-404-search input{
  flex:1;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  padding:10px 12px;
  font:inherit;
  font-size:15px;
  color:var(--text);
}
body.hy-sf .hy-404-search button{
  border:0;
  border-radius:10px;
  padding:0 18px;
  background:var(--g-800);
  color:#fff;
  font-weight:800;
  cursor:pointer;
  transition:background .2s;
}
body.hy-sf .hy-404-search button:hover{background:var(--g-700)}
body.hy-sf .hy-404-actions{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:22px;
}
body.hy-sf .hy-404-actions .btn{
  width:auto;
  min-width:148px;
  height:48px;
  padding:0 20px;
}
body.hy-sf .hy-404-actions .btn-green{
  background:var(--g-800);
  color:#fff;
  box-shadow:0 10px 22px rgba(0,120,48,.22);
}
body.hy-sf .hy-404-actions .btn-green:hover{background:var(--g-700)}
body.hy-sf .hy-404-links{
  list-style:none;
  margin:0;
  padding:18px 0 0;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px 18px;
  border-top:1px solid #e8efe9;
}
body.hy-sf .hy-404-links a{
  color:#4a5a4f;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  transition:color .15s;
}
body.hy-sf .hy-404-links a:hover{color:var(--g-800)}
body.hy-sf .hy-404 .sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
@media (max-width:640px){
  body.hy-sf .hy-404{padding:12px 0 56px}
  body.hy-sf .hy-404 .wrap{width:min(100% - 28px, 920px)}
  body.hy-sf .hy-404-panel{padding:40px 18px 28px; border-radius:20px}
  body.hy-sf .hy-404-actions .btn{width:100%}
  body.hy-sf .hy-404-search{flex-direction:column; padding:8px}
  body.hy-sf .hy-404-search button{height:44px}
}

/* ========== TOAST + CONFIRM ========== */
body.hy-sf .hy-toast-host{
  position:fixed;
  top:18px;
  right:18px;
  z-index:10050;
  display:flex;
  flex-direction:column;
  gap:10px;
  width:min(360px, calc(100vw - 28px));
  pointer-events:none;
}
body.hy-sf .hy-toast{
  pointer-events:auto;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  padding:14px 14px 14px 16px;
  border-radius:16px;
  background:#fff;
  border:1px solid #e4eee6;
  box-shadow:0 18px 40px rgba(20,40,24,.14);
  opacity:0;
  transform:translateY(-10px) scale(.98);
  transition:opacity .22s ease, transform .22s ease;
}
body.hy-sf .hy-toast.is-in{
  opacity:1;
  transform:translateY(0) scale(1);
}
body.hy-sf .hy-toast.is-out{
  opacity:0;
  transform:translateY(-8px) scale(.98);
}
body.hy-sf .hy-toast-icon{
  width:34px;
  height:34px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex-shrink:0;
}
body.hy-sf .hy-toast-icon svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.hy-sf .hy-toast-text{
  margin:0;
  font-size:14px;
  font-weight:700;
  line-height:1.4;
  color:#1a241c;
}
body.hy-sf .hy-toast-close{
  border:0;
  background:transparent;
  color:#8a968c;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  padding:0 2px;
}
body.hy-sf .hy-toast-close:hover{color:#1a241c}
body.hy-sf .hy-toast.is-success .hy-toast-icon{background:var(--g-100); color:var(--g-800)}
body.hy-sf .hy-toast.is-success{border-color:#cfe8d5}
body.hy-sf .hy-toast.is-error .hy-toast-icon{background:#fdeceb; color:#c43030}
body.hy-sf .hy-toast.is-error{border-color:#f0d8d5}
body.hy-sf .hy-toast.is-warning .hy-toast-icon{background:#fff4eb; color:#e86b12}
body.hy-sf .hy-toast.is-warning{border-color:#f5e0cc}
body.hy-sf .hy-toast.is-info .hy-toast-icon{background:#eef3ff; color:#2f5bb8}
body.hy-sf .hy-toast.is-info{border-color:#dce5f7}

body.hy-sf .hy-confirm-overlay{
  position:fixed;
  inset:0;
  z-index:10060;
  display:grid;
  place-items:center;
  padding:20px;
  background:rgba(16,28,20,.42);
  opacity:0;
  transition:opacity .2s ease;
}
body.hy-sf .hy-confirm-overlay.is-in{opacity:1}
body.hy-sf .hy-confirm-overlay.is-out{opacity:0}
body.hy-sf .hy-confirm{
  width:min(400px, 100%);
  background:#fff;
  border-radius:20px;
  padding:26px 22px 20px;
  box-shadow:0 24px 60px rgba(10,20,14,.22);
  transform:translateY(10px) scale(.98);
  transition:transform .2s ease;
}
body.hy-sf .hy-confirm-overlay.is-in .hy-confirm{
  transform:translateY(0) scale(1);
}
body.hy-sf .hy-confirm-text{
  margin:0 0 20px;
  text-align:center;
  font-size:16px;
  font-weight:750;
  line-height:1.45;
  color:#123;
}
body.hy-sf .hy-confirm-actions{
  display:flex;
  gap:10px;
}
body.hy-sf .hy-confirm-deny,
body.hy-sf .hy-confirm-ok{
  flex:1;
  height:46px;
  border-radius:14px;
  font:inherit;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
}
body.hy-sf .hy-confirm-deny{
  border:1px solid #d5dbd6;
  background:#fff;
  color:var(--g-800);
}
body.hy-sf .hy-confirm-ok{
  border:0;
  background:var(--g-800);
  color:#fff;
}
body.hy-sf .hy-confirm-ok:hover{filter:brightness(.96)}
body.hy-sf .hy-confirm-deny:hover{background:var(--g-50)}
@media (max-width:640px){
  body.hy-sf .hy-toast-host{
    top:auto;
    bottom:18px;
    right:14px;
    left:14px;
    width:auto;
  }
}

/* ========== SPLASH MODAL ========== */
body.hy-sf .hy-splash-modal{
  padding:0 !important;
  text-align:center !important;
}
body.hy-sf .hy-splash-modal:before{display:none !important; content:none !important}
body.hy-sf .hy-splash-modal .modal-dialog{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:min(420px, calc(100vw - 48px)) !important;
  max-width:420px !important;
  margin:0 auto !important;
  min-height:calc(100% - 0px);
}
body.hy-sf .hy-splash-modal .modal-content{
  border:0 !important;
  border-radius:20px !important;
  overflow:hidden;
  background:#fff !important;
  box-shadow:0 30px 80px rgba(0,0,0,.28) !important;
  padding:0 !important;
  position:relative;
  width:100%;
  text-align:left;
}
body.hy-sf .hy-splash-modal .modal-body{padding:0 !important}
body.hy-sf .hy-splash-close{
  position:absolute;
  top:14px;
  right:14px;
  z-index:3;
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:rgba(26,36,28,.06);
  color:#1a241c;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:background .15s ease;
}
body.hy-sf .hy-splash-close:hover{background:rgba(26,36,28,.12)}
body.hy-sf .hy-splash-image{display:block}
body.hy-sf .hy-splash-image img{display:block;width:100%;height:auto}
body.hy-sf .hy-splash-html{padding:0}
body.hy-sf .hy-splash{
  padding:48px 40px 42px;
  background:
    linear-gradient(180deg, #ffffff 0%, #f7faf7 100%);
}
body.hy-sf .hy-splash-brand{
  margin:0 0 18px;
  font-family:var(--font);
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--g-800);
}
body.hy-sf .hy-splash-title{
  margin:0 0 14px;
  font-family:var(--font);
  font-size:34px;
  font-weight:800;
  line-height:1.12;
  letter-spacing:-.035em;
  color:#102116;
}
body.hy-sf .hy-splash-text{
  margin:0 0 28px;
  font-size:15.5px;
  line-height:1.55;
  color:#5b675f;
  max-width:28ch;
}
body.hy-sf .hy-splash-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 24px;
  border-radius:12px;
  background:var(--g-800);
  color:#fff !important;
  font-size:15px;
  font-weight:800;
  text-decoration:none !important;
  transition:background .15s ease, transform .15s ease;
}
body.hy-sf .hy-splash-cta:hover{
  background:var(--g-900);
  color:#fff !important;
  transform:translateY(-1px);
}

/* Hide splash on mobile entirely */
@media (max-width:980px){
  body.hy-sf .hy-splash-modal{
    display:none !important;
  }
}

/* ========== PUBLIC ANNOUNCEMENT BELL ========== */
body.hy-sf .hy-bell{
  position:relative;
  flex-shrink:0;
}
body.hy-sf .hy-bell-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  margin:0;
  padding:0;
  border:1px solid rgba(225,50,137,.16);
  border-radius:12px;
  background:#f9eef4;
  color:#c45a8c;
  cursor:pointer;
  box-shadow:0 4px 12px rgba(40,30,36,.05);
  transition:transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
body.hy-sf .hy-bell-btn:hover,
body.hy-sf .hy-bell.is-open .hy-bell-btn{
  background:#f3e2eb;
  color:#b04d7c;
  border-color:rgba(225,50,137,.24);
  transform:translateY(-1px);
  box-shadow:0 6px 16px rgba(40,30,36,.08);
}
body.hy-sf .hy-bell-btn svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.hy-sf .bell-count{
  position:absolute;
  top:-6px;
  right:-6px;
  background:#123;
  color:#fff;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:99px;
  font-size:10px;
  line-height:18px;
  text-align:center;
  font-weight:900;
  letter-spacing:0;
  box-shadow:0 0 0 2px #fff;
}
body.hy-sf .hy-bell-panel{
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  z-index:90;
  width:min(360px, calc(100vw - 24px));
  background:#fff;
  border:1px solid rgba(20,40,34,.1);
  border-radius:14px;
  box-shadow:0 18px 40px rgba(18,32,28,.16);
  overflow:hidden;
  animation:hyBellDrop .16s ease;
}
@keyframes hyBellDrop{
  from{opacity:0; transform:translateY(-6px)}
  to{opacity:1; transform:translateY(0)}
}
body.hy-sf .hy-bell-panel[hidden]{display:none !important}
body.hy-sf .hy-bell-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid rgba(20,40,34,.08);
  background:linear-gradient(180deg, #fce8f2, #fff 70%);
}
body.hy-sf .hy-bell-head strong{
  font-size:14px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:#123;
}
body.hy-sf .hy-bell-empty{
  margin:0;
  padding:22px 16px;
  font-size:13.5px;
  color:var(--muted);
  text-align:center;
}
body.hy-sf .hy-bell-list{
  list-style:none;
  margin:0;
  padding:0;
  max-height:320px;
  overflow:auto;
}
body.hy-sf .hy-bell-list a{
  display:grid;
  gap:4px;
  padding:14px 16px;
  border-bottom:1px solid rgba(20,40,34,.06);
  text-decoration:none;
  color:inherit;
  transition:background .15s ease;
}
body.hy-sf .hy-bell-list a:hover{background:#fce8f2}
body.hy-sf .hy-bell-list strong{
  font-size:14px;
  font-weight:800;
  color:#123;
  line-height:1.35;
}
body.hy-sf .hy-bell-list span{
  font-size:12.5px;
  color:var(--muted);
  line-height:1.45;
}
body.hy-sf .hy-bell-list em{
  font-style:normal;
  font-size:11.5px;
  color:#7a8a84;
}
body.hy-sf .hy-bell-list a.is-new strong::before{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:7px;
  border-radius:50%;
  background:var(--brand);
  vertical-align:middle;
}
body.hy-sf .hy-bell-foot{
  padding:12px 16px 14px;
  border-top:1px solid rgba(20,40,34,.08);
  background:#fff;
}
body.hy-sf .hy-bell-foot a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:40px;
  border-radius:10px;
  background:var(--brand);
  color:#fff !important;
  font-size:13.5px;
  font-weight:800;
  letter-spacing:.02em;
  text-decoration:none !important;
  transition:background .15s ease;
}
body.hy-sf .hy-bell-foot a:hover{background:#c92274}

body.hy-sf .hy-ann{
  padding:12px 0 72px;
}
body.hy-sf .hy-ann-header{
  padding:18px 0 28px;
  text-align:center;
}
body.hy-sf .hy-ann-eyebrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  margin:0 auto 14px;
  border-radius:12px;
  background:var(--brand);
  color:#fff;
  box-shadow:0 8px 18px rgba(225,50,137,.22);
}
body.hy-sf .hy-ann-eyebrow svg{
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.hy-sf .hy-ann-header h1{
  margin:0 0 8px;
  font-size:clamp(22px, 2.4vw, 28px);
  font-weight:800;
  letter-spacing:-.015em;
  color:var(--g-950);
  line-height:1.2;
}
body.hy-sf .hy-ann-header p{
  margin:0 auto;
  max-width:42ch;
  font-size:14.5px;
  line-height:1.5;
  color:var(--muted);
  font-weight:550;
}
body.hy-sf .hy-ann-feed{
  list-style:none;
  margin:0 auto;
  padding:0;
  max-width:760px;
  display:grid;
  gap:14px;
}
body.hy-sf .hy-ann-card{
  display:grid;
  gap:10px;
  padding:22px 22px 20px;
  border-radius:16px;
  background:#fff;
  border:1px solid #e6eee5;
  text-decoration:none;
  color:inherit;
  transition:border-color .15s ease, box-shadow .2s ease, transform .2s ease;
}
body.hy-sf .hy-ann-card:hover{
  border-color:#f0b4d2;
  box-shadow:0 12px 28px rgba(225,50,137,.1);
  transform:translateY(-2px);
}
body.hy-sf .hy-ann-card-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
body.hy-sf .hy-ann-pill{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 10px;
  border-radius:999px;
  background:var(--brand-soft);
  color:var(--brand);
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
body.hy-sf .hy-ann-card-meta time,
body.hy-sf .hy-ann-post-header time{
  font-size:12.5px;
  font-weight:600;
  color:#7a8a84;
}
body.hy-sf .hy-ann-card h2{
  margin:0;
  font-size:18px;
  font-weight:800;
  line-height:1.35;
  color:var(--g-950);
}
body.hy-sf .hy-ann-card p{
  margin:0;
  font-size:14.5px;
  line-height:1.55;
  color:var(--muted);
}
body.hy-sf .hy-ann-more{
  font-size:13.5px;
  font-weight:800;
  color:var(--brand);
}
body.hy-sf .hy-ann-card:hover .hy-ann-more{color:#c42976}
body.hy-sf .hy-ann-empty{
  max-width:420px;
  margin:24px auto 0;
  padding:36px 24px;
  text-align:center;
  border:1.5px dashed #d7e0d6;
  border-radius:16px;
  background:#f8fbf7;
}
body.hy-sf .hy-ann-empty strong{
  display:block;
  margin:0 0 8px;
  font-size:18px;
  font-weight:800;
  color:var(--g-950);
}
body.hy-sf .hy-ann-empty p{
  margin:0 0 16px;
  color:var(--muted);
  font-size:14.5px;
}
body.hy-sf .hy-ann-empty a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 18px;
  border-radius:11px;
  background:var(--g-800);
  color:#fff;
  font-weight:700;
  text-decoration:none;
}
body.hy-sf .hy-ann-empty a:hover{background:var(--g-900); color:#fff}

body.hy-sf .hy-ann-post{
  max-width:760px;
  margin:0 auto;
  padding:18px 0 72px;
}
body.hy-sf .hy-ann-post-header{
  margin:0 0 22px;
  text-align:center;
}
body.hy-sf .hy-ann-post-header .hy-ann-pill{margin-bottom:10px}
body.hy-sf .hy-ann-post-header time{
  display:block;
  margin:0 0 10px;
}
body.hy-sf .hy-ann-post-header h1{
  margin:0;
  font-size:clamp(24px, 2.6vw, 34px);
  font-weight:900;
  letter-spacing:-.02em;
  color:var(--g-950);
  line-height:1.2;
}
body.hy-sf .hy-ann-post-content{
  padding:22px 0 8px;
  border-top:1px solid #e6eee5;
}
body.hy-sf .hy-ann-post-foot{
  margin-top:28px;
  padding-top:18px;
  border-top:1px solid #e6eee5;
}
body.hy-sf .hy-ann-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--g-800);
  font-size:14px;
  font-weight:800;
  text-decoration:none;
}
body.hy-sf .hy-ann-back:hover{color:var(--brand)}

@media (max-width:980px){
  body.hy-sf .hy-bell-btn{
    width:36px;
    height:36px;
    border-radius:10px;
  }
  body.hy-sf .hy-bell-btn svg{
    width:18px;
    height:18px;
  }
  body.hy-sf .hy-bell-panel{
    position:absolute;
    top:calc(100% + 10px);
    right:0;
    left:auto;
    bottom:auto;
    width:min(320px, calc(100vw - 24px));
    max-height:min(70vh, 480px);
  }
  body.hy-sf .hy-bell-list{max-height:min(48vh, 300px)}
  body.hy-sf .hy-ann-header{padding:12px 0 22px}
  body.hy-sf .hy-ann-card{padding:18px 16px}
  body.hy-sf .hy-ann-card h2{font-size:16.5px}
  body.hy-sf .hy-ann-post{padding:12px 0 64px}
  body.hy-sf .hy-ann-post-header h1{font-size:24px}
}
@media (max-width:860px){
  body.hy-sf .hy-bell-panel{
    left:0;
    right:auto;
  }
  body.hy-sf .hy-reels{display:none !important}
}

/* ========== INSTAGRAM-STYLE REELS ========== */
body.hy-sf .hy-reels{
  padding:48px 0 64px;
  background:#fff;
}
body.hy-sf.hy-reel-modal-open,
html.hy-reel-modal-open{
  overflow:hidden;
}
body.hy-sf .hy-reels-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0 0 24px;
}
body.hy-sf .hy-reels-profile{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
  text-decoration:none !important;
  color:inherit;
}
body.hy-sf .hy-reels-avatar{
  flex:0 0 auto;
  width:54px;
  height:54px;
  border-radius:50%;
  padding:2px;
  background:linear-gradient(135deg,#f58529,#dd2a7b 45%,#8134af 78%,#515bd4);
  display:grid;
  place-items:center;
}
body.hy-sf .hy-reels-avatar img,
body.hy-sf .hy-reels-avatar > span{
  width:100%;
  height:100%;
  border-radius:50%;
  border:2px solid #fff;
  background:#fff;
  object-fit:cover;
  display:grid;
  place-items:center;
  font-size:18px;
  font-weight:900;
  color:#123;
}
body.hy-sf .hy-reels-profile-text{
  display:grid;
  gap:4px;
  min-width:0;
}
body.hy-sf .hy-reels-profile-text strong{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:16px;
  font-weight:900;
  color:#123;
  letter-spacing:-.02em;
  line-height:1.1;
}
body.hy-sf .hy-reels-profile-text strong svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:#3897f0;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex-shrink:0;
}
body.hy-sf .hy-reels-profile-text em{
  font-style:normal;
  font-size:13px;
  font-weight:700;
  color:#6b7a74;
  letter-spacing:.01em;
}
body.hy-sf .hy-reels-profile-text em i{
  font-style:normal;
  color:#c2186b;
  font-weight:800;
}
body.hy-sf .hy-reels-follow{
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:40px;
  padding:0 18px;
  border-radius:999px;
  background:linear-gradient(135deg,#f58529,#dd2a7b 48%,#8134af);
  color:#fff !important;
  font-size:13px;
  font-weight:800;
  text-decoration:none !important;
  box-shadow:0 10px 22px rgba(221,42,123,.22);
}
body.hy-sf .hy-reels-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:14px;
}
body.hy-sf .hy-reel-card{
  position:relative;
  aspect-ratio:9 / 16;
  border-radius:18px;
  overflow:hidden;
  background:transparent;
  box-shadow:0 14px 32px rgba(18,32,28,.12);
}
body.hy-sf .hy-reel-card::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:48%;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(
    180deg,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.28) 38%,
    rgba(0,0,0,.62) 72%,
    rgba(0,0,0,.82) 100%
  );
}
body.hy-sf .hy-reel-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  border:0;
  outline:0;
  background:transparent;
  transform:scale(1.03);
  transform-origin:center center;
}
body.hy-sf .hy-reel-hit{
  position:absolute;
  inset:0;
  z-index:3;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  cursor:pointer;
}
body.hy-sf .hy-reel-meta{
  position:absolute;
  top:12px;
  left:12px;
  z-index:4;
  display:flex;
  align-items:center;
  gap:8px;
  color:#fff;
  pointer-events:none;
  text-shadow:0 1px 8px rgba(0,0,0,.45);
}
body.hy-sf .hy-reel-meta svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.hy-sf .hy-reel-meta small{
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:12px;
  font-weight:800;
}
body.hy-sf .hy-reel-meta small svg{width:14px;height:14px}
body.hy-sf .hy-reel-sound{
  position:absolute;
  top:10px;
  right:10px;
  z-index:5;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:999px;
  background:rgba(0,0,0,.42);
  color:#fff;
  cursor:pointer;
  padding:0;
}
body.hy-sf .hy-reel-sound svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.hy-sf .hy-reel-desc{
  position:absolute;
  left:12px;
  right:12px;
  bottom:14px;
  z-index:4;
  margin:0;
  color:#fff;
  font-size:13.5px;
  font-weight:800;
  line-height:1.35;
  text-shadow:0 2px 12px rgba(0,0,0,.55);
  pointer-events:none;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
body.hy-sf .hy-reel-card:has(.hy-reel-product) .hy-reel-desc{
  bottom:52px;
}
body.hy-sf .hy-reel-product{
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  z-index:5;
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#123 !important;
  font-size:12.5px;
  font-weight:800;
  text-decoration:none !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.hy-sf .hy-reel-product svg{
  width:15px;
  height:15px;
  flex-shrink:0;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.hy-sf .hy-reel-modal[hidden]{display:none !important}
body.hy-sf .hy-reel-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  background:rgba(5,7,5,.88);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
body.hy-sf .hy-reel-modal-close{
  position:absolute;
  top:22px;
  right:22px;
  z-index:3;
  width:38px;
  height:38px;
  border:0;
  border-radius:50%;
  background:rgba(0,0,0,.38);
  color:#fff;
  font-size:28px;
  line-height:1;
  cursor:pointer;
  padding:0;
}
body.hy-sf .hy-reel-modal-stage{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:18px;
  width:min(100%, 560px);
  justify-content:center;
  padding:18px 12px;
}
body.hy-sf .hy-reel-modal-nav{
  flex:0 0 auto;
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.12);
  color:#fff;
  font-size:28px;
  line-height:1;
  cursor:pointer;
  padding:0;
}
body.hy-sf .hy-reel-modal-nav[disabled]{
  opacity:.28;
  cursor:default;
}
body.hy-sf .hy-reel-modal-phone{
  height:min(82vh, 760px);
  width:min(420px, calc(100vw - 120px), calc(min(82vh, 760px) * 9 / 16));
  border-radius:18px;
  overflow:hidden;
  background:transparent;
  box-shadow:0 24px 60px rgba(0,0,0,.45);
  position:relative;
}
body.hy-sf .hy-reel-modal-track{
  display:flex;
  width:100%;
  height:100%;
  transition:transform .35s cubic-bezier(.22,.61,.36,1);
  will-change:transform;
}
body.hy-sf .hy-reel-modal-slide{
  position:relative;
  flex:0 0 100%;
  width:100%;
  height:100%;
  background:transparent;
  overflow:hidden;
}
body.hy-sf .hy-reel-modal-slide video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
  border:0;
  outline:0;
  background:transparent;
  transform:scale(1.03);
  transform-origin:center center;
}
body.hy-sf .hy-reel-modal-shade{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(0,0,0,.34) 0%, rgba(0,0,0,0) 18%),
    linear-gradient(0deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.35) 28%, rgba(0,0,0,0) 48%);
}
body.hy-sf .hy-reel-modal-top{
  position:absolute;
  top:16px;
  left:16px;
  right:62px;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#fff;
  pointer-events:none;
  text-shadow:0 1px 8px rgba(0,0,0,.45);
}
body.hy-sf .hy-reel-modal-top span,
body.hy-sf .hy-reel-modal-top small{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  font-weight:800;
}
body.hy-sf .hy-reel-modal-top svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.hy-sf .hy-reel-modal-sound{
  position:absolute;
  top:54px;
  right:14px;
  z-index:3;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:999px;
  background:rgba(0,0,0,.46);
  color:#fff;
  cursor:pointer;
  padding:0;
}
body.hy-sf .hy-reel-modal-sound svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.hy-sf .hy-reel-modal-info{
  position:absolute;
  left:16px;
  right:16px;
  bottom:18px;
  z-index:2;
  display:grid;
  gap:10px;
  pointer-events:none;
}
body.hy-sf .hy-reel-modal-info p{
  margin:0;
  color:#fff;
  font-size:14px;
  font-weight:800;
  line-height:1.35;
  text-shadow:0 2px 12px rgba(0,0,0,.55);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
body.hy-sf .hy-reel-modal-info a{
  pointer-events:auto;
  display:inline-flex;
  align-items:center;
  gap:8px;
  width:fit-content;
  max-width:100%;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#123 !important;
  font-size:12.5px;
  font-weight:800;
  text-decoration:none !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.hy-sf .hy-reel-modal-info a svg{
  width:15px;
  height:15px;
  flex-shrink:0;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media (max-width:980px){
  body.hy-sf .hy-reels-grid{grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px}
  body.hy-sf .hy-reels{padding:36px 0 48px}
}
@media (max-width:640px){
  body.hy-sf .hy-reels-grid{
    display:flex;
    overflow-x:auto;
    gap:10px;
    padding-bottom:4px;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
  }
  body.hy-sf .hy-reel-card{
    flex:0 0 68%;
    scroll-snap-align:start;
  }
  body.hy-sf .hy-reels-head{margin-bottom:16px}
  body.hy-sf .hy-reels-profile-text strong{font-size:15px}
  body.hy-sf .hy-reels-profile-text em{font-size:12px}
  body.hy-sf .hy-reels-follow{height:36px;padding:0 14px;font-size:12.5px}
  body.hy-sf .hy-reel-modal-nav{display:none}
  body.hy-sf .hy-reel-modal-phone{
    height:min(78vh, 720px);
    width:min(360px, calc(100vw - 28px), calc(min(78vh, 720px) * 9 / 16));
  }
  body.hy-sf .hy-reel-modal-close{top:14px; right:14px}
}