/* SarhOne V11.8.0 — Signature Visual System
   Unified brand + UX layer for Store, Site, Auth.
   Functional behavior remains untouched. */

:root{
  --s1-navy:#082846;
  --s1-navy-2:#0b3f6d;
  --s1-blue:#1189d5;
  --s1-pink:#ec0878;
  --s1-pink-2:#c9158d;
  --s1-cyan:#3cc9e8;
  --s1-gold:#d6a33a;
  --s1-ink:#102f4b;
  --s1-muted:#6f8296;
  --s1-line:#dde7ef;
  --s1-soft:#f5f8fb;
  --s1-soft-2:#eef4f8;
  --s1-white:#fff;
  --s1-success:#16854d;
  --s1-warning:#b87913;
  --s1-danger:#b42346;
  --s1-shadow-sm:0 8px 24px rgba(8,40,70,.06);
  --s1-shadow:0 18px 48px rgba(8,40,70,.10);
  --s1-shadow-lg:0 30px 90px rgba(8,40,70,.16);
  --s1-radius:18px;
  --s1-radius-lg:28px;
  --s1-ease:cubic-bezier(.2,.8,.2,1);
}

/* ===== Global ===== */
html{scroll-behavior:smooth}
body{
  color:var(--s1-ink)!important;
  background:
    radial-gradient(circle at 90% -10%,rgba(236,8,120,.05),transparent 24rem),
    radial-gradient(circle at -8% 12%,rgba(17,137,213,.06),transparent 25rem),
    linear-gradient(180deg,#fbfdff 0%,#f6f9fc 46%,#fbfcfe 100%)!important;
}
*{box-sizing:border-box}
a,button,input,select,textarea{transition:all .18s var(--s1-ease)}
a,button{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:3px solid rgba(17,137,213,.22)!important;
  outline-offset:2px!important;
}
.container{width:min(1440px,calc(100% - 28px))!important;max-width:1440px!important;margin-inline:auto!important}
.section{padding-block:52px!important}
.section-title,.products-head{margin-bottom:22px!important}
.section-title h2,.products-head h2{
  margin:0!important;
  font-size:clamp(28px,3vw,42px)!important;
  line-height:1.2!important;
  letter-spacing:-.3px;
  color:var(--s1-ink)!important;
}
.section-title p,.products-head p{color:var(--s1-muted)!important;line-height:1.8!important}

/* Signature motif — a branded beam */
.s1-signature-beam,
.hero-main:before,
.hero-card:after{
  content:"";
  position:absolute;
  pointer-events:none;
  background:linear-gradient(90deg,var(--s1-pink),var(--s1-blue));
  opacity:.95;
}

/* ===== Store Header ===== */
.store-header{
  position:sticky!important;top:0!important;z-index:100!important;
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(20px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.08)!important;
  border-bottom:1px solid rgba(221,231,239,.94)!important;
  box-shadow:0 10px 32px rgba(8,40,70,.07)!important;
}
.store-header>.store-header-v92{
  width:min(1760px,calc(100% - 22px))!important;
  max-width:none!important;
  margin-inline:auto!important;
  padding:8px 0!important;
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  overflow:visible!important;
}
.store-header>.store-header-v92>.v92-primary{
  flex:1 1 auto!important;min-width:0!important;
  display:flex!important;align-items:center!important;gap:9px!important;
  overflow:visible!important;margin:0!important;
}
.layout-brand{flex:0 0 225px!important;min-width:200px!important;max-width:225px!important}
.layout-brand .brand{display:flex!important;align-items:center!important;gap:9px!important;white-space:nowrap!important}
.layout-brand .brand img{
  width:48px!important;height:48px!important;object-fit:contain!important;
  border-radius:14px!important;background:#fff!important;padding:4px!important;
  border:1px solid #e5edf3!important;box-shadow:0 6px 18px rgba(8,40,70,.08)!important;
}
.layout-brand .brand strong{font-size:15px!important;color:var(--s1-ink)!important}
.layout-brand .brand span{font-size:11px!important;color:#73879a!important}
.layout-search{
  flex:1 1 360px!important;min-width:240px!important;max-width:500px!important;
  position:relative!important;z-index:2!important;
}
.layout-search .search{
  width:100%!important;height:46px!important;min-height:46px!important;
  padding-inline:13px!important;border:1px solid #d7e2eb!important;
  border-radius:14px!important;background:#f8fbfd!important;
  box-shadow:inset 0 1px 0 #fff,0 5px 16px rgba(8,40,70,.04)!important;
}
.layout-search .search:focus-within{
  background:#fff!important;border-color:var(--s1-blue)!important;
  box-shadow:0 0 0 4px rgba(17,137,213,.11)!important;
}
.v92-actions{
  flex:0 0 auto!important;min-width:0!important;width:auto!important;
  display:flex!important;align-items:center!important;gap:5px!important;
  flex-wrap:nowrap!important;overflow:visible!important;margin:0!important;
}
.v92-actions .layout-item{flex:0 0 auto!important;width:auto!important;min-width:0!important;order:initial!important}
.v92-actions .head-btn,.v92-actions .lang{
  height:42px!important;min-height:42px!important;width:auto!important;
  padding-inline:9px!important;border:1px solid #dfe7ee!important;border-radius:11px!important;
  background:#fff!important;color:var(--s1-ink)!important;font-size:12px!important;
  font-weight:800!important;white-space:nowrap!important;box-shadow:0 4px 13px rgba(8,40,70,.04)!important;
}
.v92-actions .head-btn:hover,.v92-actions .lang:hover{transform:translateY(-1px);border-color:#c9dbe8!important;box-shadow:0 8px 18px rgba(8,40,70,.07)!important}
.layout-cart .head-btn{
  min-width:88px!important;background:var(--s1-navy)!important;color:#fff!important;border-color:var(--s1-navy)!important;
}
.layout-cart .count{
  min-width:21px;height:21px;display:inline-grid;place-items:center;
  border-radius:999px;background:#fff!important;color:var(--s1-navy)!important;font-size:11px;font-weight:900!important;
}
.v92-actions .lang{display:flex!important;align-items:center!important;padding:4px!important}
.v92-actions .lang button{padding:6px 8px!important;font-size:12px!important;border-radius:8px!important}
.v92-actions .lang .active,.v92-actions .lang button.active{background:var(--s1-navy)!important;color:#fff!important}

/* Announcement stripe */
.store-header:before{
  content:"";
  position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--s1-pink),var(--s1-pink-2),var(--s1-blue),var(--s1-cyan));
}

/* ===== Store category rail ===== */
.category-bar{background:rgba(255,255,255,.94)!important;border-bottom:1px solid #e5edf3!important}
.category-grid{
  gap:10px!important;padding:11px 0!important;overflow-x:auto!important;
  scroll-snap-type:x proximity;scrollbar-width:none!important;scroll-padding-inline:12px!important;
}
.category-grid::-webkit-scrollbar{display:none!important}
.cat-card{
  flex:0 0 145px!important;min-height:94px!important;scroll-snap-align:start;
  border:1px solid #e0e8ef!important;border-radius:17px!important;background:#fff!important;
  box-shadow:0 6px 18px rgba(8,40,70,.04)!important;
  position:relative;overflow:hidden;
}
.cat-card:after{content:"";position:absolute;inset-inline:0;bottom:0;height:3px;background:transparent}
.cat-card .ico{width:42px!important;height:42px!important;border-radius:12px!important;background:#f0f6fa!important;color:var(--s1-blue)!important}
.cat-card:hover{transform:translateY(-2px);border-color:#cbdde9!important;box-shadow:0 12px 26px rgba(8,40,70,.08)!important}
.cat-card.active{border-color:#c9dbe8!important;background:linear-gradient(180deg,#fff,#f8fbfd)!important}
.cat-card.active:after{background:linear-gradient(90deg,var(--s1-pink),var(--s1-blue))}

/* ===== Store Hero ===== */
.hero-zone{padding:24px 0 16px!important}
.hero-grid{
  display:grid!important;
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)!important;
  grid-template-areas:"side main"!important;gap:16px!important;direction:ltr!important;
}
.side-stack{grid-area:side!important;direction:rtl!important;display:grid!important;grid-template-rows:1fr 1fr!important;gap:16px!important}
.hero-main{
  grid-area:main!important;direction:rtl!important;min-height:480px!important;border-radius:30px!important;
  overflow:hidden!important;position:relative!important;box-shadow:var(--s1-shadow-lg)!important;isolation:isolate;
}
.hero-main:before{
  width:190px;height:8px;top:24px;right:-35px;transform:rotate(-11deg);border-radius:999px;z-index:3;
}
.hero-main:after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(270deg,rgba(5,31,55,.80),rgba(5,31,55,.34) 45%,rgba(5,31,55,.05) 74%)!important;
}
.hero-main>img{transition:transform .65s var(--s1-ease)!important}.hero-main:hover>img{transform:scale(1.018)}
.hero-copy{z-index:2!important;max-width:58%!important;padding:40px!important}
.hero-copy .tag{
  background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.25)!important;
  color:#fff!important;backdrop-filter:blur(8px)!important;border-radius:999px!important;
}
.hero-copy h1{font-size:clamp(40px,4.4vw,64px)!important;line-height:1.08!important;letter-spacing:-.6px;text-shadow:0 4px 24px rgba(0,0,0,.18)}
.hero-copy p{font-size:16px!important;line-height:1.8!important;max-width:520px}
.shop-now,.white-btn{border-radius:13px!important;padding:12px 18px!important;font-weight:900!important;box-shadow:0 10px 24px rgba(0,0,0,.13)!important}
.hero-arrow{width:43px!important;height:43px!important;border-radius:50%!important;background:rgba(255,255,255,.90)!important;backdrop-filter:blur(8px)!important;box-shadow:0 8px 24px rgba(8,40,70,.16)!important}
.side-card{
  border-radius:24px!important;padding:24px!important;position:relative!important;overflow:hidden!important;
  box-shadow:0 14px 34px rgba(8,40,70,.11)!important;
}
.side-card h2{font-size:clamp(25px,2.2vw,36px)!important;line-height:1.2!important}
.side-card p{font-size:13px!important;line-height:1.75!important}
.side-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.10);inset-inline-end:-55px;bottom:-70px}

/* ===== Store editorial content ===== */
.trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:16px!important}
.trust-item{background:#fff!important;border:1px solid #e2eaf1!important;border-radius:17px!important;padding:15px 16px!important;box-shadow:var(--s1-shadow-sm)!important}
.trust-item .ico{width:44px!important;height:44px!important;border-radius:13px!important;background:#f2f7fb!important;color:var(--s1-blue)!important}
.trust-item p{color:var(--s1-muted)!important;font-size:12px!important}

.offer-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.offer-card{
  display:flex!important;flex-direction:column!important;overflow:hidden!important;min-height:355px!important;
  background:#fff!important;border:1px solid #e0e8ef!important;border-radius:22px!important;box-shadow:var(--s1-shadow-sm)!important;
}
.offer-card>img{width:100%!important;height:200px!important;object-fit:cover!important;order:1!important;transition:transform .45s var(--s1-ease)!important}
.offer-card:hover>img{transform:scale(1.035)}
.offer-card .offer-text{order:2!important;padding:20px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;flex:1!important}
.offer-card .offer-text h3{font-size:20px!important;line-height:1.3!important;margin:7px 0 9px!important}
.offer-card .offer-text p{font-size:13px!important;line-height:1.8!important;color:var(--s1-muted)!important;flex:1!important}
.offer-card .offer-text a{margin-top:auto!important}

.exclusive{background:linear-gradient(135deg,#fff 0%,#f8fbfd 66%,rgba(236,8,120,.045) 100%)!important;border:1px solid #e1e9f0!important;border-radius:26px!important;padding:24px!important;box-shadow:0 14px 38px rgba(8,40,70,.06)!important}
.marketing-offers-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
.marketing-offer{border:1px solid #e1e9ef!important;border-radius:18px!important;padding:18px!important;background:#fff!important;box-shadow:var(--s1-shadow-sm)!important}
.benefits{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important}
.benefit{background:#fff!important;border:1px solid #e2eaf1!important;border-radius:17px!important;padding:13px 8px!important;min-height:105px!important}
.bundle-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.bundle{min-height:148px!important;padding:18px!important;background:linear-gradient(160deg,#fff,#f9fbfd)!important;border:1px solid #e0e8ef!important;border-radius:19px!important;box-shadow:var(--s1-shadow-sm)!important}

/* ===== Products ===== */
.products-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(220px,260px))!important;
  gap:16px!important;justify-content:start!important;min-height:0!important;
}
.product{
  background:#fff!important;border:1px solid #e0e8ef!important;border-radius:20px!important;
  overflow:hidden!important;box-shadow:0 9px 24px rgba(8,40,70,.055)!important;position:relative!important;
}
.product:hover{transform:translateY(-4px);box-shadow:var(--s1-shadow)!important}
.product .img{height:198px!important;background:linear-gradient(180deg,#f9fbfd,#f1f5f8)!important;overflow:hidden!important}
.product .img img{object-fit:contain!important;padding:8px;transition:transform .4s var(--s1-ease)!important}
.product:hover .img img{transform:scale(1.045)}
.product .body{padding:15px!important;min-height:148px!important;display:flex!important;flex-direction:column!important}
.product h3{font-size:14px!important;line-height:1.5!important;min-height:44px!important;color:var(--s1-ink)!important}
.product .price,.price{font-size:18px!important;font-weight:900!important}
.product .actions{margin-top:auto!important}
.product .add,.product .details{height:40px!important;border-radius:11px!important;font-weight:900!important}
.product .add{background:linear-gradient(90deg,var(--s1-pink),#d60a85)!important;color:#fff!important;box-shadow:0 8px 18px rgba(236,8,120,.17)!important}

/* ===== Reviews / Social ===== */
.review-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)!important;gap:16px!important}
.review-panel,.review-form{background:#fff!important;border:1px solid #e0e8ef!important;border-radius:22px!important;padding:22px!important;box-shadow:var(--s1-shadow-sm)!important}
.social-shell{background:linear-gradient(135deg,#fff,#f7fafc)!important;border:1px solid #e2eaf1!important;border-radius:26px!important;padding:28px!important;box-shadow:0 14px 38px rgba(8,40,70,.06)!important}
.social{border:1px solid #e1e9ef!important;border-radius:18px!important;box-shadow:var(--s1-shadow-sm)!important}

/* ===== Footer ===== */
.store-footer-v81,.foot{
  background:
    radial-gradient(circle at 15% 0%,rgba(60,201,232,.11),transparent 20rem),
    linear-gradient(135deg,#061f36,#0a365b)!important;
  color:#fff!important;border-top:3px solid transparent!important;
  border-image:linear-gradient(90deg,var(--s1-pink),var(--s1-blue)) 1!important;
}
.store-footer-v81 a,.foot a{color:#dbe8f4!important}
.store-footer-v81 a:hover,.foot a:hover{color:#fff!important}

/* ===== Drawers / checkout ===== */
.overlay{background:rgba(5,28,48,.46)!important;backdrop-filter:blur(7px)!important}
.overlay .drawer,.overlay .modal{background:#fff!important;border:1px solid #e1e9ef!important;box-shadow:0 26px 90px rgba(3,24,42,.24)!important}
.drawer{border-radius:22px 0 0 22px!important}
.modal{border-radius:22px!important}
.cart-line{border:1px solid #e2eaf1!important;border-radius:15px!important;background:#fbfdff!important;padding:12px!important}
.cart-summary{background:#f6f9fb!important;border:1px solid #e1e9ef!important;border-radius:15px!important;padding:14px!important}

/* ===== Main Public Site ===== */
.head{
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(20px) saturate(1.08)!important;
  border-bottom:1px solid #e1e9ef!important;
  box-shadow:0 10px 32px rgba(8,40,70,.07)!important;
}
.head:before{content:"";position:absolute;inset-inline:0;top:0;height:3px;background:linear-gradient(90deg,var(--s1-pink),var(--s1-blue))}
.headin{min-height:78px!important;gap:10px!important}
.head .brand img{width:52px!important;height:52px!important;background:#fff!important;border:1px solid #e4ecf2!important;border-radius:15px!important;padding:4px!important;box-shadow:0 6px 18px rgba(8,40,70,.07)!important}
.site-searchbox{height:48px!important;background:#f8fbfd!important;border:1px solid #d8e3eb!important;border-radius:14px!important;box-shadow:0 5px 16px rgba(8,40,70,.04)!important}
.site-searchbox:focus-within{background:#fff!important;border-color:var(--s1-blue)!important;box-shadow:0 0 0 4px rgba(17,137,213,.11)!important}
.nav a{border-radius:11px!important;padding:9px 11px!important}
.hero{padding:40px 0 34px!important}
.hero-card{
  min-height:430px!important;padding:46px!important;border-radius:30px!important;
  background:
    radial-gradient(circle at 85% 18%,rgba(255,255,255,.12),transparent 14rem),
    linear-gradient(135deg,var(--s1-navy) 0%,#0b4d82 62%,#176ba0 100%)!important;
  box-shadow:var(--s1-shadow-lg)!important;position:relative!important;overflow:hidden!important;
}
.hero-card:after{width:180px;height:7px;left:-30px;bottom:48px;transform:rotate(-9deg);border-radius:999px}
.hero-card h1{font-size:clamp(40px,4.8vw,60px)!important;line-height:1.1!important}
.hero-card p{font-size:17px!important;max-width:720px!important}
.sidebox{background:#fff!important;border:1px solid #e1e9ef!important;border-radius:22px!important;padding:21px!important;box-shadow:var(--s1-shadow-sm)!important}
.chip{background:#fff!important;border:1px solid #e0e8ef!important;border-radius:13px!important;box-shadow:0 5px 16px rgba(8,40,70,.04)!important}

/* ===== Auth / customer account ===== */
.auth-page,.customer-auth,.account-page,.login-page,.auth-shell,.auth-wrap,.account-shell{
  width:min(1180px,calc(100% - 24px))!important;max-width:1180px!important;margin-inline:auto!important;
}
.auth-grid,.account-grid,.customer-auth-grid{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;align-items:start!important;
}
.auth-card,.login-card,.register-card,.account-card{
  background:#fff!important;border:1px solid #e0e8ef!important;border-radius:22px!important;
  padding:26px!important;box-shadow:var(--s1-shadow-sm)!important;
}
.auth-card input,.login-card input,.register-card input,
.auth-card select,.login-card select,.register-card select{
  min-height:48px!important;border:1px solid #d9e4ec!important;border-radius:12px!important;background:#fbfdff!important;
}
.auth-card button,.login-card button,.register-card button{
  min-height:46px!important;border-radius:12px!important;background:linear-gradient(90deg,var(--s1-pink),#d60a85)!important;color:#fff!important;
}

/* ===== Responsive ===== */
@media(max-width:1320px) and (min-width:980px){
  .layout-brand{flex-basis:190px!important;min-width:175px!important;max-width:190px!important}
  .layout-search{min-width:220px!important;max-width:360px!important}
  .v92-actions{gap:4px!important}
  .v92-actions .head-btn,.v92-actions .lang{height:40px!important;min-height:40px!important;padding-inline:7px!important;font-size:11px!important}
  .v92-actions .lang button{font-size:11px!important;padding:5px 6px!important}
  .layout-cart .head-btn{min-width:78px!important}
}
@media(max-width:979px){
  .store-header>.store-header-v92{width:calc(100% - 16px)!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}
  .store-header>.store-header-v92>.v92-primary{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .layout-brand,.layout-search{width:100%!important;max-width:none!important;min-width:0!important;flex:auto!important}
  .v92-actions{width:100%!important;overflow-x:auto!important;scrollbar-width:none!important}
  .v92-actions::-webkit-scrollbar{display:none!important}
  .hero-grid{grid-template-columns:1fr!important;grid-template-areas:"main" "side"!important;direction:rtl!important}
  .hero-main{min-height:420px!important}
  .hero-copy{max-width:78%!important}
  .side-stack{grid-template-columns:1fr 1fr!important;grid-template-rows:none!important}
  .offer-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .benefits{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .bundle-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .container{width:calc(100% - 18px)!important}
  .section{padding-block:38px!important}
  .hero-main{min-height:380px!important;border-radius:22px!important}
  .hero-copy{max-width:88%!important;padding:26px!important}
  .hero-copy h1{font-size:34px!important}
  .side-stack{grid-template-columns:1fr!important}
  .trust-grid{grid-template-columns:1fr!important}
  .offer-list{grid-template-columns:1fr!important}
  .offer-card{min-height:0!important}.offer-card>img{height:188px!important}
  .marketing-offers-grid{grid-template-columns:1fr!important}
  .benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .bundle-grid{grid-template-columns:1fr!important}
  .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .product .img{height:155px!important}
  .review-grid{grid-template-columns:1fr!important}
  .auth-grid,.account-grid,.customer-auth-grid{grid-template-columns:1fr!important}
  .hero-card{min-height:355px!important;padding:28px!important;border-radius:24px!important}
  .hero-card h1{font-size:34px!important}
}
@media(max-width:390px){
  .products-grid{grid-template-columns:1fr 1fr!important}
  .product .img{height:140px!important}
  .product h3{font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* === SarhOne V11.8.1 — Search Shell Single-Layer Fix === */

/* Outer layout container must never draw its own shell */
.store-header .layout-search{
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
}
.store-header .layout-search::before,
.store-header .layout-search::after{
  content:none!important;
  display:none!important;
}

/* One and only one visible shell */
.store-header .layout-search .search{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:46px!important;
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:0 12px!important;
  margin:0!important;
  border:1px solid #d7e2eb!important;
  outline:0!important;
  border-radius:14px!important;
  background:#f8fbfd!important;
  box-shadow:inset 0 1px 0 #fff,0 5px 16px rgba(8,40,70,.04)!important;
  overflow:hidden!important;
}
.store-header .layout-search .search::before,
.store-header .layout-search .search::after{
  content:none!important;
  display:none!important;
}

/* The field itself is visually transparent */
.store-header .layout-search .search input,
.store-header .layout-search .search input[type="search"],
.store-header .layout-search .search input[type="text"]{
  flex:1 1 auto!important;
  min-width:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0 4px!important;
  border:0!important;
  outline:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#102f4b!important;
  font:inherit!important;
}
.store-header .layout-search .search input::placeholder{
  color:#7d8893!important;
  opacity:1!important;
}

/* Search action/icon has no extra enclosing ring */
.store-header .layout-search .search button,
.store-header .layout-search .search .search-btn,
.store-header .layout-search .search [type="submit"]{
  flex:0 0 auto!important;
  width:38px!important;
  min-width:38px!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  outline:0!important;
  border-radius:10px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#ec0878!important;
}
.store-header .layout-search .search button:hover,
.store-header .layout-search .search .search-btn:hover,
.store-header .layout-search .search [type="submit"]:hover{
  background:rgba(236,8,120,.06)!important;
}

/* Focus belongs to the shell, not the child */
.store-header .layout-search .search:focus-within{
  background:#fff!important;
  border-color:#1189d5!important;
  box-shadow:0 0 0 4px rgba(17,137,213,.11)!important;
}
.store-header .layout-search .search input:focus{
  box-shadow:none!important;
  outline:0!important;
}

/* If an extra generic wrapper exists between layout-search and search,
   it must stay invisible. */
.store-header .layout-search > div:not(.search),
.store-header .layout-search > form:not(.search){
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
  margin:0!important;
}

/* Do not let browser native search decoration create another ring */
.store-header .layout-search input[type="search"]{
  -webkit-appearance:none!important;
  appearance:none!important;
}
.store-header .layout-search input[type="search"]::-webkit-search-decoration,
.store-header .layout-search input[type="search"]::-webkit-search-cancel-button,
.store-header .layout-search input[type="search"]::-webkit-search-results-button,
.store-header .layout-search input[type="search"]::-webkit-search-results-decoration{
  -webkit-appearance:none!important;
  appearance:none!important;
}

/* === SarhOne V11.8.5 — Native SVG Search Icon === */
.store-header .layout-search .search > span[role="button"]{
  flex:0 0 34px!important;
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  margin:0 2px!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:9px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#234661!important;
  cursor:pointer!important;
  user-select:none!important;
  line-height:1!important;
  font-size:0!important;
}
.store-header .layout-search .search > span[role="button"]::before,
.store-header .layout-search .search > span[role="button"]::after{
  content:none!important;
  display:none!important;
}
.store-header .layout-search .search > span[role="button"] .sarhone-search-icon{
  display:block!important;
  width:21px!important;
  height:21px!important;
  color:inherit!important;
  overflow:visible!important;
}
.store-header .layout-search .search > span[role="button"]:hover,
.store-header .layout-search .search > span[role="button"]:focus-visible,
.store-header .layout-search .search:focus-within > span[role="button"]{
  color:#1189d5!important;
  background:rgba(17,137,213,.055)!important;
}
[dir="rtl"] .store-header .layout-search .search{
  padding-left:10px!important;
  padding-right:14px!important;
}
[dir="ltr"] .store-header .layout-search .search{
  padding-right:10px!important;
  padding-left:14px!important;
}
@media(max-width:700px){
  .store-header .layout-search .search > span[role="button"]{
    flex-basis:32px!important;
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
    min-height:32px!important;
  }
  .store-header .layout-search .search > span[role="button"] .sarhone-search-icon{
    width:19px!important;
    height:19px!important;
  }
}