/* Add custom CSS styles below *//* ==========================================================================
   Cats & Dogs Club — Salla Theme v2 (STITCH design system)
   High-specificity overrides — paste in: Store Design > Edit Theme > Custom CSS
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700;800&display=swap');

:root{
  --cdc-orange:#FF6B00;
  --cdc-orange-d:#e05e00;
  --cdc-charcoal:#1A1A1A;
  --cdc-ivory:#FDFCF8;
  --cdc-cream:#F5F2EA;
  --cdc-sand:#D9D1C1;
  --cdc-radius:14px;
  --cdc-ease:cubic-bezier(.22,1,.36,1);
}
.s-menu-topnav-list{
  display: none !important;
}

/* ============================= BASE ============================= */
body, body *{
  font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif !important;
}
body{
  background:#fdf9f0 !important;
  color:#1A1A1A !important;
  overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6,
body h1, body h2, body h3,
.s-block__title h2,
.s-slider-block__title h2,
.s-product-card-content-title,
.s-reviews-header{
  font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif !important;
  font-weight:800 !important;
  color:#1A1A1A !important;
  letter-spacing:0 !important;
}

/* ============================= HERO — FULL WIDTH ============================= */
/* target every fixed-banner block and break out of .container */
body main section.s-block--fixed-banner,
body .s-block--fixed-banner{
  width:100% !important;
  max-width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
body .s-block--fixed-banner .container{
  max-width:100% !important;
  width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
body .s-block--fixed-banner .banner--fixed{
  width:100% !important;
  max-width:100% !important;
  border-radius:0 !important;
  overflow:hidden !important;
  display:block !important;
}
body .s-block--fixed-banner .banner--fixed img{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  border-radius:0 !important;
  object-fit:cover !important;
  display:block !important;
  transform:scale(1.02);
  transition:transform 1.4s var(--cdc-ease);
}
body .s-block--fixed-banner .banner--fixed:hover img{
  transform:scale(1.0);
}

/* ============================= BUTTONS ============================= */
body .s-button-element,
body button.s-button-element{
  transition:all .35s var(--cdc-ease) !important;
  border-radius:10px !important;
}
body .s-button-outline.s-button-primary-outline,
body .s-product-card-content-footer .s-button-element{
  border:1.5px solid #1A1A1A !important;
  color:#1A1A1A !important;
  background:transparent !important;
}
body .s-button-outline.s-button-primary-outline:hover,
body .s-product-card-content-footer .s-button-element:hover{
  background:#FF6B00 !important;
  border-color:#FF6B00 !important;
  color:#fff !important;
  transform:translateY(-3px) !important;
  box-shadow:0 12px 28px rgba(255,107,0,.35) !important;
}
body .s-button-primary:not(.s-button-outline),
body .s-button-element.s-button-primary{
  background:#1A1A1A !important;
  border-color:#1A1A1A !important;
  color:#fff !important;
}
body .s-button-primary:hover{
  background:#FF6B00 !important;
  border-color:#FF6B00 !important;
  transform:translateY(-3px) !important;
  box-shadow:0 12px 28px rgba(255,107,0,.35) !important;
}

/* ============================= SECTION TITLES ============================= */
body .s-block__title h2,
body .s-slider-block__title h2,
body .s-reviews-header{
  font-size:1.7rem !important;
  position:relative;
  padding-inline-start:16px;
}
body .s-block__title h2::before,
body .s-slider-block__title h2::before,
body .s-reviews-header::before{
  content:'' !important;
  position:absolute;
  inset-inline-start:0;
  top:50%;
  transform:translateY(-50%);
  width:6px;
  height:65%;
  background:#FF6B00;
  border-radius:99px;
}
body .s-block__display-all,
body .s-slider-block__display-all{
  color:#FF6B00 !important;
  font-weight:700 !important;
  display:inline-flex !important;
  align-items:center;
  gap:4px;
  transition:gap .3s var(--cdc-ease);
}
body .s-block__display-all:hover,
body .s-slider-block__display-all:hover{gap:10px}

/* ============================= PRODUCT CARDS ============================= */
body custom-salla-product-card,
body .s-product-card-entry{
  border-radius:var(--cdc-radius) !important;
  background:#fff !important;
  border:1px solid rgba(26,26,26,.07) !important;
  transition:transform .5s var(--cdc-ease), box-shadow .5s var(--cdc-ease) !important;
  will-change:transform;
}
body .s-product-card-entry:hover{
  transform:translateY(-8px) !important;
  box-shadow:0 20px 44px rgba(26,26,26,.13) !important;
}
body .s-product-card-image{
  overflow:hidden !important;
  border-radius:var(--cdc-radius) var(--cdc-radius) 0 0 !important;
}
body .s-product-card-image img{
  transition:transform .8s var(--cdc-ease) !important;
}
body .s-product-card-entry:hover .s-product-card-image img{
  transform:scale(1.1) rotate(.5deg) !important;
}
body h4.s-product-card-price,
body .s-product-card-price{
  color:#FF6B00 !important;
  font-weight:800 !important;
  font-size:1.3rem !important;
}
body .s-product-card-content-title a{
  transition:color .3s;
}
body .s-product-card-content-title a:hover{color:#FF6B00 !important}
body .s-product-card-wishlist-btn:hover{
  color:#FF6B00 !important;
  border-color:#FF6B00 !important;
  transform:scale(1.15) !important;
}

/* ============================= CATEGORIES ============================= */
body salla-categories-showcase img{
  border-radius:var(--cdc-radius) !important;
  transition:transform .6s var(--cdc-ease), box-shadow .6s var(--cdc-ease) !important;
}
body salla-categories-showcase a:hover img{
  transform:scale(1.06) !important;
  box-shadow:0 16px 36px rgba(26,26,26,.15) !important;
}

/* ============================= BRAND SLIDER ============================= */
body salla-photo-slider img{
  filter:grayscale(1);
  opacity:.7;
  transition:filter .5s var(--cdc-ease), opacity .5s var(--cdc-ease), transform .5s var(--cdc-ease) !important;
}
body salla-photo-slider img:hover{
  filter:grayscale(0);
  opacity:1;
  transform:scale(1.08) !important;
}

/* ============================= TESTIMONIALS ============================= */
body .s-reviews-testimonial__inner{
  background:#fff !important;
  border:1px solid rgba(26,26,26,.06) !important;
  border-radius:var(--cdc-radius) !important;
  box-shadow:0 2px 10px rgba(26,26,26,.05) !important;
  transition:transform .45s var(--cdc-ease), box-shadow .45s var(--cdc-ease) !important;
}
body .s-reviews-testimonial__inner:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 18px 40px rgba(26,26,26,.12) !important;
}
body .s-rating-stars-selected svg{fill:#FF6B00 !important}

/* ============================= SCROLLBAR ============================= */
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#F5F2EA}
::-webkit-scrollbar-thumb{background:#D9D1C1;border-radius:99px}
::-webkit-scrollbar-thumb:hover{background:#FF6B00}

/* ============================= ADVANCED ANIMATION CLASSES ============================= */
/* initial states — JS animates to visible */
.cdc-anim{opacity:0}
.cdc-hero-line{
  display:inline-block;
  overflow:hidden;
  vertical-align:bottom;
}
.cdc-hero-line > span{
  display:inline-block;
  transform:translateY(110%);
}
/* mouse glare on product cards */
body .s-product-card-entry .cdc-glare{
  position:absolute;inset:0;z-index:5;pointer-events:none;
  background:radial-gradient(500px circle at var(--gx,50%) var(--gy,50%), rgba(255,255,255,.35), transparent 45%);
  opacity:0;transition:opacity .4s;border-radius:var(--cdc-radius);
}
body .s-product-card-entry:hover .cdc-glare{opacity:1}

/* infinite marquee mode for brand slider */
.cdc-marquee-track{display:flex !important;width:max-content;animation:cdc-marquee 25s linear infinite}
.cdc-marquee-track:hover{animation-play-state:paused}
@keyframes cdc-marquee{from{transform:translateX(0)}to{transform:translateX(50%)}}

/* WhatsApp floating button */
#cdc-whatsapp-fab{
  position:fixed;bottom:24px;inset-inline-start:24px;width:58px;height:58px;
  background:#25D366;color:#fff;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 26px rgba(37,211,102,.5);
  z-index:9999;transition:transform .3s cubic-bezier(.22,1,.36,1);
  animation:cdc-pulse 2.5s infinite;
}
#cdc-whatsapp-fab:hover{transform:scale(1.12) rotate(6deg)}
@keyframes cdc-pulse{
  0%{box-shadow:0 8px 26px rgba(37,211,102,.5),0 0 0 0 rgba(37,211,102,.4)}
  70%{box-shadow:0 8px 26px rgba(37,211,102,.5),0 0 0 18px rgba(37,211,102,0)}
  100%{box-shadow:0 8px 26px rgba(37,211,102,.5),0 0 0 0 rgba(37,211,102,0)}
}

/* back to top */
#cdc-top-btn{
  position:fixed;bottom:24px;inset-inline-end:24px;width:46px;height:46px;
  background:#1A1A1A;color:#fff;border:none;border-radius:50%;
  cursor:pointer;z-index:9999;font-size:20px;
  opacity:0;pointer-events:none;transform:translateY(16px);
  transition:all .4s var(--cdc-ease);
}
#cdc-top-btn.cdc-show{opacity:1;pointer-events:auto;transform:none}
#cdc-top-btn:hover{background:#FF6B00;transform:translateY(-4px)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}
  .cdc-anim{opacity:1 !important;transform:none !important}
  .cdc-hero-line > span{transform:none !important}
}

/* ==========================================================================
   "الأكثر طلبا" — Horizontal Product Cards REDESIGN v2
   REPLACE the previous card CSS with this one
   Fixes: wishlist button back in normal flow, removed the AI-looking strip
   ========================================================================== */

/* --- 1. Two-column grid layout --- */
body .s-products-list-horizontal-cards,
body salla-products-list.horizontal-cards .s-products-list-wrapper{
  display:grid !important;
  grid-template-columns:repeat(2,1fr) !important;
  gap:20px !important;
}
@media (max-width:820px){
  body .s-products-list-horizontal-cards,
  body salla-products-list.horizontal-cards .s-products-list-wrapper{
    grid-template-columns:1fr !important;
  }
}

/* --- 2. Card container --- */
body custom-salla-product-card.s-product-card-horizontal{
  background:#fff !important;
  border:1px solid rgba(26,26,26,.07) !important;
  border-radius:16px !important;
  overflow:hidden !important;
  box-shadow:0 2px 8px rgba(26,26,26,.04) !important;
  transition:transform .5s cubic-bezier(.22,1,.36,1),
             box-shadow .5s cubic-bezier(.22,1,.36,1),
             border-color .5s cubic-bezier(.22,1,.36,1) !important;
}
body custom-salla-product-card.s-product-card-horizontal:hover{
  transform:translateY(-6px) !important;
  box-shadow:0 18px 40px rgba(26,26,26,.12) !important;
  border-color:rgba(255,107,0,.35) !important;
}

/* --- 3. Image side --- */
body .s-product-card-horizontal .s-product-card-image{
  background:#F5F2EA !important;
  width:38% !important;
  min-height:170px !important;
  overflow:hidden !important;
}
body .s-product-card-horizontal .s-product-card-image img{
  transition:transform .7s cubic-bezier(.22,1,.36,1) !important;
}
body .s-product-card-horizontal:hover .s-product-card-image img{
  transform:scale(1.08) !important;
}

/* --- 4. Content --- */
body .s-product-card-horizontal .s-product-card-content{
  padding:16px 18px !important;
  justify-content:space-between !important;
}
body .s-product-card-horizontal .s-product-card-content-title a{
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.5 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  transition:color .3s;
}
body .s-product-card-horizontal:hover .s-product-card-content-title a{
  color:#FF6B00 !important;
}

/* price pill */
body .s-product-card-horizontal .s-product-card-content-sub{
  margin:6px 0 10px !important;
}
body .s-product-card-horizontal h4.s-product-card-price{
  display:inline-flex !important;
  align-items:center;
  background:rgba(255,107,0,.1) !important;
  color:#FF6B00 !important;
  padding:4px 14px !important;
  border-radius:999px !important;
  font-size:15px !important;
  font-weight:800 !important;
}
body .s-product-card-horizontal h4.s-product-card-price .sicon-sar{
  font-size:12px !important;
  margin-inline-start:4px !important;
}

/* --- 5. Footer row: button + wishlist side by side --- */
body .s-product-card-horizontal .s-product-card-content-footer{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  gap:10px !important;
}
body .s-product-card-horizontal .s-product-card-content-footer salla-add-product-button{
  flex:1 !important;
  min-width:0 !important;
}
body .s-product-card-horizontal .s-product-card-content-footer .s-button-element{
  border-radius:10px !important;
  font-weight:700 !important;
  font-size:13px !important;
  padding:9px 12px !important;
}

/* wishlist heart — back in normal flow, neat circular outline */
body .s-product-card-horizontal .s-product-card-content-footer .s-product-card-wishlist-btn,
body .s-product-card-horizontal .s-product-card-wishlist-btn{
  position:static !important;
  flex-shrink:0 !important;
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  border-radius:50% !important;
  border:1.5px solid rgba(26,26,26,.15) !important;
  color:#1A1A1A !important;
  background:#fff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  transition:all .35s cubic-bezier(.22,1,.36,1) !important;
}
body .s-product-card-horizontal .s-product-card-wishlist-btn:hover{
  border-color:#FF6B00 !important;
  color:#FF6B00 !important;
  transform:scale(1.12) !important;
}
/* filled state when added to wishlist */
body .s-product-card-horizontal .s-product-card-wishlist-btn.added,
body .s-product-card-horizontal .s-product-card-wishlist-btn.favorited{
  background:#FF6B00 !important;
  border-color:#FF6B00 !important;
  color:#fff !important;
}

/* ==========================================================================
   Stitch Footer v3 — styles ONLY for the JS-built footer (#cdc-footer)
   Safe: touches nothing else on the page.
   Paste AFTER all other custom CSS. DELETE the old footer CSS block first.
   ========================================================================== */
/* Footer v6 add-on: logo image styles — paste at the END of Custom CSS */
#cdc-footer .cdc-ft-logolink{ display:inline-block; margin-bottom:14px }
#cdc-footer .cdc-ft-logoimg{
  height:44px; width:auto;
  filter:brightness(0) invert(1);   /* white logo on dark footer */
  transition:opacity .3s;
}
#cdc-footer .cdc-ft-logolink:hover .cdc-ft-logoimg{ opacity:.8 }
#cdc-footer{
  background:#1A1A1A !important;
  color:#D9D1C1 !important;
  font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif !important;
  position:relative;
  overflow:hidden;
}

/* orange gradient hairline on top */
#cdc-footer .cdc-ft-top{
  height:3px;
  background:linear-gradient(90deg,transparent,#FF6B00,transparent);
}

/* main grid */
#cdc-footer .cdc-ft-grid{
  max-width:1280px;
  margin:0 auto;
  padding:56px 64px 32px;
  display:grid;
  grid-template-columns:2fr 1fr 1fr;
  gap:48px;
}
@media (max-width:820px){
  #cdc-footer .cdc-ft-grid{
    grid-template-columns:1fr;
    gap:36px;
    padding:40px 20px 24px;
  }
}

/* brand column */
#cdc-footer .cdc-ft-logo{
  color:#FDFCF8;
  font-size:26px;
  font-weight:800;
  margin-bottom:14px;
}
#cdc-footer .cdc-ft-logo span{ color:#FF6B00 }
#cdc-footer .cdc-ft-desc{
  font-size:15px;
  line-height:1.7;
  color:#D9D1C1;
  max-width:26rem;
  margin:0 0 20px;
}

/* newsletter */
#cdc-footer .cdc-ft-news{ display:flex; gap:8px; flex-wrap:wrap }
#cdc-footer .cdc-ft-news input{
  background:#2a2a2a;
  border:1px solid rgba(255,255,255,.14);
  border-radius:10px;
  color:#FDFCF8;
  padding:10px 16px;
  outline:none;
  flex:1;
  min-width:200px;
  font-family:inherit;
}
#cdc-footer .cdc-ft-news input:focus{ border-color:#FF6B00 }
#cdc-footer .cdc-ft-news input::placeholder{ color:#848481 }
#cdc-footer .cdc-ft-news button{
  background:#FF6B00;
  color:#FDFCF8;
  border:none;
  border-radius:10px;
  padding:10px 24px;
  font-weight:700;
  cursor:pointer;
  transition:all .3s cubic-bezier(.22,1,.36,1);
  font-family:inherit;
}
#cdc-footer .cdc-ft-news button:hover{
  background:#e05e00;
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(255,107,0,.35);
}

/* link columns */
#cdc-footer .cdc-ft-col h4{
  color:#FDFCF8 !important;
  font-size:16px;
  font-weight:700;
  margin:0 0 18px;
  padding-bottom:10px;
  position:relative;
}
#cdc-footer .cdc-ft-col h4::after{
  content:'';
  position:absolute;
  bottom:0; right:0;
  width:28px; height:3px;
  background:#FF6B00;
  border-radius:99px;
}
#cdc-footer .cdc-ft-col ul{
  list-style:none;
  margin:0; padding:0;
  display:flex;
  flex-direction:column;
  gap:12px;
}
#cdc-footer .cdc-ft-col a{
  color:#D9D1C1 !important;
  text-decoration:none !important;
  font-size:13px;
  transition:color .3s, padding .3s cubic-bezier(.22,1,.36,1);
  background:none !important;
  padding:0 !important;
}
#cdc-footer .cdc-ft-col a:hover{
  color:#FF6B00 !important;
  padding-right:6px !important;
}
#cdc-footer .cdc-ft-contact li{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  color:#D9D1C1;
}
#cdc-footer .cdc-ft-ic{ color:#FF6B00; font-size:15px }

/* bottom bar */
#cdc-footer .cdc-ft-bottom{
  max-width:1280px;
  margin:0 auto;
  padding:20px 64px;
  border-top:1px solid rgba(255,255,255,.08);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  font-size:12px;
  color:#848481;
}
@media (max-width:820px){
  #cdc-footer .cdc-ft-bottom{ padding:16px 20px; justify-content:center; text-align:center }
}
#cdc-footer .cdc-ft-pay{ display:flex; gap:10px }
#cdc-footer .cdc-ft-pay span{
  border:1px solid rgba(255,255,255,.16);
  border-radius:6px;
  padding:4px 10px;
  font-size:11px;
  color:#D9D1C1;
  letter-spacing:.5px;
  transition:all .3s;
}
#cdc-footer .cdc-ft-pay span:hover{
  border-color:#FF6B00;
  color:#FF6B00;
  transform:translateY(-2px);
}

/* ==========================================================================
   زورونا في جدة — Visit Jeddah section (hardened)
   ========================================================================== */
#visit-jeddah{background:#F5F2EA !important;padding:64px 20px !important;box-sizing:border-box}
#visit-jeddah .vj-inner{max-width:1280px !important;margin:0 auto !important;display:grid !important;grid-template-columns:1fr 1fr !important;gap:48px !important;align-items:center !important}
#visit-jeddah .vj-text,#visit-jeddah .vj-imgwrap{min-width:0}
#visit-jeddah .vj-text h2{font-size:40px !important;font-weight:800 !important;color:#1A1A1A !important;margin:0 0 16px !important;line-height:1.2 !important;text-align:right}
#visit-jeddah .vj-desc{font-size:17px !important;line-height:1.7 !important;color:#444748 !important;margin:0 0 24px !important;text-align:right}
#visit-jeddah .vj-row{display:flex !important;align-items:center !important;gap:10px !important;margin:0 0 12px !important;text-align:right}
#visit-jeddah .vj-ic{display:inline-flex !important;flex-shrink:0}
#visit-jeddah .vj-val{font-size:16px !important;font-weight:700 !important;color:#1A1A1A !important}
#visit-jeddah .vj-btns{display:flex !important;gap:12px !important;margin-top:28px !important;flex-wrap:wrap}
#visit-jeddah .vj-btn-map{background:#FF6B00 !important;color:#ffffff !important;padding:12px 28px !important;border-radius:8px !important;font-weight:700 !important;font-size:14px !important;text-decoration:none !important;display:inline-block;transition:all .3s cubic-bezier(.22,1,.36,1)}
#visit-jeddah .vj-btn-map:hover{background:#1A1A1A !important;transform:translateY(-2px)}
#visit-jeddah .vj-btn-wa{background:#25D366 !important;color:#ffffff !important;padding:12px 28px !important;border-radius:8px !important;font-weight:700 !important;font-size:14px !important;text-decoration:none !important;display:inline-flex !important;align-items:center;gap:8px;transition:all .3s cubic-bezier(.22,1,.36,1)}
#visit-jeddah .vj-btn-wa:hover{background:#1DA851 !important;transform:translateY(-2px)}
#visit-jeddah .vj-imgwrap{background:#f2ede4 !important;border-radius:16px !important;overflow:hidden !important;box-shadow:0 20px 44px rgba(26,26,26,.14) !important}
#visit-jeddah .vj-imgwrap img{width:100% !important;height:auto !important;display:block !important;max-width:100%;transition:transform .8s cubic-bezier(.22,1,.36,1)}
#visit-jeddah .vj-imgwrap:hover img{transform:scale(1.04)}
@media (max-width:820px){
  #visit-jeddah .vj-inner{grid-template-columns:1fr !important;gap:32px !important}
  #visit-jeddah .vj-text h2{font-size:30px !important}
}
/* entrance - only when JS marked it (never hides content otherwise) */
#visit-jeddah.vj-pending .vj-text,#visit-jeddah.vj-pending .vj-imgwrap{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
#visit-jeddah.vj-in .vj-text,#visit-jeddah.vj-in .vj-imgwrap{opacity:1;transform:none}
#visit-jeddah.vj-in .vj-imgwrap{transition-delay:.15s}

/* ===== Grooming page ===== */
#groom-page{background:#fdf9f0;font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;box-sizing:border-box}
#groom-page *,#groom-page *::before,#groom-page *::after{box-sizing:border-box}

/* hero */
#groom-page .gp-hero{max-width:1280px;margin:0 auto;padding:48px 20px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
#groom-page .gp-hero-text h1{font-size:42px;font-weight:800;color:#1A1A1A;margin:0 0 16px;line-height:1.2;text-align:right}
#groom-page .gp-lead{font-size:18px;line-height:1.6;color:#444748;margin:0 0 28px;text-align:right}
#groom-page .gp-steps{display:flex;flex-direction:column;gap:12px}
#groom-page .gp-step{display:flex;align-items:center;gap:12px;background:#f7f3ea;border-radius:8px;padding:14px 16px;font-size:14px;font-weight:600;color:#1A1A1A}
#groom-page .gp-step-ic{display:inline-flex;flex-shrink:0}
#groom-page .gp-hero-img{border-radius:16px;overflow:hidden;box-shadow:0 16px 40px rgba(26,26,26,.12)}
#groom-page .gp-hero-img img{width:100%;height:auto;display:block}

/* packages */
#groom-page .gp-packages{max-width:1280px;margin:0 auto 48px;padding:48px 20px;background:#F5F2EA;border-radius:16px}
#groom-page .gp-controls{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:40px}
#groom-page .gp-toggle{display:flex;background:#fff;border-radius:999px;padding:4px;box-shadow:0 2px 10px rgba(26,26,26,.06)}
#groom-page .gp-toggle button{border:none;background:transparent;padding:10px 32px;border-radius:999px;font-family:inherit;font-size:14px;font-weight:600;color:#444748;cursor:pointer;transition:all .3s ease;min-width:130px}
#groom-page .gp-toggle button.gp-active{background:#FF6B00;color:#fff}
#groom-page .gp-toggle button.gp-active-grey{background:#e6e2d9;color:#1c1c16}
#groom-page .gp-hidden{display:none}

#groom-page .gp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
#groom-page .gp-card{background:#fff;border-radius:12px;padding:28px;box-shadow:0 4px 40px rgba(32,16,0,.05);border:1px solid #ece8df;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}
#groom-page .gp-card:hover{transform:translateY(-4px);box-shadow:0 8px 40px rgba(32,16,0,.1)}
#groom-page .gp-card h3{font-size:20px;font-weight:700;color:#1A1A1A;margin:0 0 16px;text-align:right}
#groom-page .gp-price{display:flex;align-items:baseline;gap:6px;margin-bottom:20px;color:#FF6B00}
#groom-page .gp-price span{font-size:30px;font-weight:800}
#groom-page .gp-price small{font-size:14px;color:#444748}
#groom-page .gp-card ul{list-style:none;margin:0 0 24px;padding:0;flex:1}
#groom-page .gp-card li{display:flex;align-items:center;gap:10px;font-size:14px;color:#1c1c16;padding:6px 0}
#groom-page .gp-card li::before{content:'✓';color:#16a34a;font-weight:800;flex-shrink:0}
#groom-page .gp-book{border:none;background:#FF6B00;color:#fff;padding:14px;border-radius:8px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%}
#groom-page .gp-book:hover{background:#1A1A1A;transform:translateY(-2px);box-shadow:0 10px 24px rgba(26,26,26,.25)}

@media (max-width:900px){
  #groom-page .gp-hero{grid-template-columns:1fr;gap:32px}
  #groom-page .gp-hero-text h1{font-size:30px}
  #groom-page .gp-grid{grid-template-columns:1fr}
}

/* ===== Full-bleed grooming page ===== */
.container:has(#groom-page){max-width:100%!important;padding-left:0!important;padding-right:0!important}
.container:has(#groom-page) > .flex{display:block!important}
.content--single-page:has(#groom-page){width:100%!important;max-width:100%!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important}

@keyframes gpUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
#groom-page .gp-hero-text{animation:gpUp .7s cubic-bezier(.22,1,.36,1) .05s both}
#groom-page .gp-hero-img{animation:gpUp .7s cubic-bezier(.22,1,.36,1) .15s both}
#groom-page .gp-card:nth-child(1){animation:gpUp .7s cubic-bezier(.22,1,.36,1) .1s both}
#groom-page .gp-card:nth-child(2){animation:gpUp .7s cubic-bezier(.22,1,.36,1) .2s both}
#groom-page .gp-card:nth-child(3){animation:gpUp .7s cubic-bezier(.22,1,.36,1) .3s both}
/* ==========================================================================
   Grooming cards REDESIGN v2
   ========================================================================== */
#groom-page .gp-card{position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1),border-color .4s cubic-bezier(.22,1,.36,1)}
#groom-page .gp-card::before{content:'';position:absolute;top:0;left:0;right:0;height:5px}
#groom-page .gp-card:nth-child(1)::before{background:#1A1A1A}
#groom-page .gp-card:nth-child(2)::before{background:#FF6B00}
#groom-page .gp-card:nth-child(3)::before{background:linear-gradient(90deg,#FF6B00,#D9D1C1)}
#groom-page .gp-card:nth-child(2)::after{content:'\0627\0644\0623\0643\062b\0631 \0637\0644\0628\0627\064b';position:absolute;top:16px;left:16px;background:#FF6B00;color:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px}
#groom-page .gp-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 24px 50px rgba(26,26,26,.16);border-color:rgba(255,107,0,.45)}
#groom-page .gp-card li{gap:12px}
#groom-page .gp-card li::before{content:'\2713';display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#dcfce7;color:#16a34a;border-radius:50%;font-size:11px;font-weight:800;flex-shrink:0}
#groom-page .gp-book{position:relative;overflow:hidden;z-index:0}
#groom-page .gp-book::before{content:'';position:absolute;inset:0;background:#1A1A1A;transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.22,1,.36,1);z-index:-1}
#groom-page .gp-book:hover::before{transform:scaleX(1)}
#groom-page .gp-book:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(26,26,26,.25)}
#groom-page .gp-book:active{transform:translateY(0)}
@keyframes gpFlip{0%{transform:translateY(0);opacity:1}40%{transform:translateY(-10px);opacity:0}60%{transform:translateY(10px);opacity:0}100%{transform:translateY(0);opacity:1}}
#groom-page .gp-price span.gp-flip{animation:gpFlip .45s cubic-bezier(.22,1,.36,1)}
#groom-page .gp-toggle button.gp-active,#groom-page .gp-toggle button.gp-active-grey{transform:scale(1.04)}
#groom-page .gp-toggle button:active{transform:scale(.97)}

/* ==========================================================================
   Cats & Dogs Club — Content pages collective CSS (about / terms / returns / privacy)
   Wrapper class: .lp-wrap  — paste at the END of Custom CSS
   ========================================================================== */
.lp-wrap{background:#fdf9f0;padding:40px 20px 56px;box-sizing:border-box}
.lp-wrap *,.lp-wrap *::before,.lp-wrap *::after{box-sizing:border-box}

/* main card */
.lp-card{max-width:850px;margin:0 auto;background:#fff;border:1px solid rgba(26,26,26,.08);border-radius:14px;box-shadow:0 4px 20px rgba(26,26,26,.05);padding:36px 28px}
@media (min-width:768px){.lp-card{padding:48px}}

/* header */
.lp-head{margin-bottom:32px;border-bottom:1px solid #ece8df;padding-bottom:24px;text-align:center}
@media (min-width:768px){.lp-head{text-align:right}}
.lp-h1{font-size:30px;font-weight:800;color:#1A1A1A;margin:0 0 8px;line-height:1.3}
.lp-lead{font-size:18px;font-weight:600;color:#FF6B00;margin:0}

/* typography */
.lp-p{font-size:16px;line-height:1.9;color:#444748;margin:0 0 20px;text-align:right}
.lp-h2{font-size:20px;font-weight:700;color:#1A1A1A;margin:28px 0 12px;padding-bottom:8px;border-bottom:2px solid #e6e2d9;display:inline-block;text-align:right}
.lp-ul{list-style:none;margin:0 0 20px;padding:0}
.lp-ul li{position:relative;font-size:15px;color:#444748;padding:5px 22px 5px 0;line-height:1.7}
.lp-ul li::before{content:'';position:absolute;right:4px;top:14px;width:7px;height:7px;background:#FF6B00;border-radius:99px}
.lp-note{background:#f7f3ea;border-radius:8px;padding:12px 14px;font-weight:700;color:#1A1A1A}

/* about page image */
.lp-imgwrap{margin:28px 0;border-radius:14px;overflow:hidden;border:1px solid #ece8df;box-shadow:0 8px 24px rgba(26,26,26,.08)}
.lp-imgwrap img{width:100%;height:auto;display:block}

/* visit box (about) */
.lp-visit{background:#F5F2EA;border:1px solid #e6e2d9;border-radius:12px;padding:20px 22px;margin-top:28px}
.lp-visit h3{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#FF6B00;margin:0 0 12px}
.lp-visit p{font-size:15px;color:#444748;margin:0 0 6px}

/* contact box (terms / returns) */
.lp-box{background:#FAF9F6;border:1px solid #e6e2d9;border-radius:12px;padding:20px 22px;margin-top:32px}
.lp-box h3{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#1A1A1A;margin:0 0 10px}
.lp-box-ic{display:inline-flex;flex-shrink:0}
.lp-box p{font-size:15px;color:#444748;margin:0 0 14px}

/* WhatsApp button (shared) */
.lp-wa-btn{display:inline-flex;align-items:center;gap:8px;background:#FF6B00;color:#fff;font-size:14px;font-weight:700;padding:12px 26px;border-radius:8px;text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1)}
.lp-wa-btn:hover{background:#1A1A1A;transform:translateY(-2px);box-shadow:0 10px 24px rgba(26,26,26,.25)}

/* about contact callout */
.lp-callout{max-width:850px;margin:24px auto 0;background:#f7f3ea;border:1px solid #e6e2d9;border-radius:14px;padding:32px;text-align:center}
.lp-callout-ic{display:inline-flex;color:#FF6B00;margin-bottom:10px}
.lp-callout h4{font-size:20px;font-weight:700;color:#1A1A1A;margin:0 0 8px}
.lp-callout p{font-size:15px;color:#444748;margin:0 0 18px}

/* privacy bento grid */
.lp-bento{display:grid;grid-template-columns:1fr;gap:20px;margin-top:8px}
@media (min-width:768px){.lp-bento{grid-template-columns:1fr 1fr}}
.lp-bento-item{background:#fff;border:1px solid #ece8df;border-radius:12px;padding:24px;box-shadow:0 2px 12px rgba(26,26,26,.04)}
.lp-bento-item h3{font-size:17px;font-weight:700;color:#FF6B00;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #f2ede4}
.lp-bento-item p{font-size:14px;line-height:1.8;color:#444748;margin:0 0 10px;text-align:right}
.lp-bento-item .lp-ul li{font-size:14px}
.lp-span2{grid-column:1/-1}
.lp-checks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:8px}
@media (min-width:640px){.lp-checks{grid-template-columns:1fr 1fr}}
.lp-checks li{position:relative;font-size:14px;color:#444748;padding-right:26px;line-height:1.7}
.lp-checks li::before{content:'\2713';position:absolute;right:0;top:0;color:#16a34a;font-weight:800}
.lp-contact-hero{grid-column:1/-1;background:#F5F2EA;border:1px solid #e6e2d9;border-radius:12px;padding:32px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.lp-contact-hero h3{font-size:19px;font-weight:700;color:#1A1A1A;margin:8px 0 8px}
.lp-contact-hero p{font-size:15px;color:#444748;margin:0 0 18px}

/* entrance animation - pure CSS, cannot get stuck */
@keyframes lpUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.lp-wrap .lp-card{animation:lpUp .6s cubic-bezier(.22,1,.36,1) .05s both}
.lp-wrap .lp-callout{animation:lpUp .6s cubic-bezier(.22,1,.36,1) .2s both}
.lp-wrap .lp-bento-item{animation:lpUp .5s cubic-bezier(.22,1,.36,1) both}
.lp-wrap .lp-bento-item:nth-child(2){animation-delay:.08s}
.lp-wrap .lp-bento-item:nth-child(3){animation-delay:.14s}
.lp-wrap .lp-bento-item:nth-child(4){animation-delay:.2s}
.lp-wrap .lp-bento-item:nth-child(5){animation-delay:.26s}
.lp-wrap .lp-bento-item:nth-child(6){animation-delay:.32s}
.lp-wrap .lp-bento-item:nth-child(7){animation-delay:.38s}
.lp-wrap .lp-contact-hero{animation-delay:.44s}

/* ===== full-bleed: strip Salla page chrome on any page containing .lp-wrap ===== */
.container:has(.lp-wrap){max-width:100%!important;padding-left:0!important;padding-right:0!important}
.container:has(.lp-wrap) > .flex{display:block!important}
.content--single-page:has(.lp-wrap){width:100%!important;max-width:100%!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important}
/* ==========================================================================
   About Us page — premium redesign (classes prefixed ab-)
   ========================================================================== */
.lp-wrap:has(.ab){padding:0}

/* ---- 1. HERO ---- */
.ab-hero{background:#F5F2EA;text-align:center;padding:72px 20px 64px;position:relative;overflow:hidden}
.ab-hero::before{content:'';position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:600px;height:300px;background:radial-gradient(closest-side,rgba(255,107,0,.12),transparent);pointer-events:none}
.ab-badge{display:inline-block;background:#fff;color:#FF6B00;font-size:13px;font-weight:700;padding:6px 18px;border-radius:999px;box-shadow:0 2px 10px rgba(26,26,26,.06);margin-bottom:20px}
.ab-hero h1{font-size:46px;font-weight:800;color:#1A1A1A;line-height:1.25;margin:0 0 16px}
.ab-hero h1 span{color:#FF6B00}
.ab-lead{font-size:18px;line-height:1.8;color:#444748;max-width:640px;margin:0 auto 32px}
.ab-hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.ab-btn-primary{background:#1A1A1A;color:#fff;font-size:15px;font-weight:700;padding:14px 34px;border-radius:10px;text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1)}
.ab-btn-primary:hover{background:#FF6B00;transform:translateY(-2px);box-shadow:0 12px 28px rgba(255,107,0,.35)}
.ab-btn-wa{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#fff;font-size:15px;font-weight:700;padding:14px 30px;border-radius:10px;text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1)}
.ab-btn-wa:hover{background:#1DA851;transform:translateY(-2px);box-shadow:0 12px 28px rgba(37,211,102,.35)}
@media (max-width:640px){.ab-hero h1{font-size:32px}}

/* ---- 2. STATS ---- */
.ab-stats{max-width:1100px;margin:-36px auto 0;padding:0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;z-index:2}
.ab-stat{background:#fff;border:1px solid #ece8df;border-radius:14px;padding:22px 12px;text-align:center;box-shadow:0 10px 30px rgba(26,26,26,.07);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.ab-stat:hover{transform:translateY(-5px)}
.ab-stat b{display:block;font-size:30px;font-weight:800;color:#FF6B00;margin-bottom:4px}
.ab-stat span{font-size:13px;color:#444748;font-weight:600}
@media (max-width:640px){.ab-stats{grid-template-columns:repeat(2,1fr)}}

/* ---- 3. STORY SPLIT ---- */
.ab-split{max-width:1100px;margin:72px auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.ab-split-img{border-radius:16px;overflow:hidden;box-shadow:0 20px 44px rgba(26,26,26,.14);border:4px solid #fff}
.ab-split-img img{width:100%;height:auto;display:block;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.ab-split-img:hover img{transform:scale(1.04)}
.ab-split-text h2{font-size:30px;font-weight:800;color:#1A1A1A;margin:0 0 14px;position:relative;padding-bottom:12px}
.ab-split-text h2::after{content:'';position:absolute;bottom:0;right:0;width:44px;height:4px;background:#FF6B00;border-radius:99px}
.ab-split-text p{font-size:16px;line-height:1.9;color:#444748;margin:0 0 18px}
.ab-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ab-checks li{position:relative;font-size:15px;font-weight:600;color:#1A1A1A;padding-right:30px}
.ab-checks li::before{content:'\2713';position:absolute;right:0;top:1px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#dcfce7;color:#16a34a;border-radius:50%;font-size:11px;font-weight:800}
@media (max-width:820px){.ab-split{grid-template-columns:1fr;gap:28px;margin:52px auto}}

/* ---- 4. VALUES GRID ---- */
.ab-values{max-width:1100px;margin:0 auto 72px;padding:0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.ab-value{background:#fff;border:1px solid #ece8df;border-radius:14px;padding:26px 20px;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,border-color .35s}
.ab-value:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(26,26,26,.1);border-color:rgba(255,107,0,.35)}
.ab-value-ic{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;background:#F5F2EA;border-radius:14px;margin-bottom:14px}
.ab-value h3{font-size:17px;font-weight:700;color:#1A1A1A;margin:0 0 8px}
.ab-value p{font-size:14px;line-height:1.7;color:#444748;margin:0}
@media (max-width:900px){.ab-values{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.ab-values{grid-template-columns:1fr}}

/* ---- 5. DARK BAND ---- */
.ab-band{background:#1A1A1A;border-radius:20px;max-width:1100px;margin:0 auto 72px;padding:52px 40px;display:flex;justify-content:space-between;align-items:center;gap:24px;position:relative;overflow:hidden}
.ab-band::before{content:'';position:absolute;inset:0;background:radial-gradient(600px 200px at 80% 0%,rgba(255,107,0,.18),transparent);pointer-events:none}
.ab-band-text h2{font-size:32px;font-weight:800;color:#FDFCF8;line-height:1.3;margin:0 0 12px}
.ab-band-text p{font-size:16px;line-height:1.8;color:#D9D1C1;max-width:520px;margin:0 0 22px}
.ab-btn-orange{display:inline-block;background:#FF6B00;color:#fff;font-size:15px;font-weight:700;padding:13px 30px;border-radius:10px;text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1)}
.ab-btn-orange:hover{background:#fff;color:#1A1A1A;transform:translateY(-2px)}
.ab-band-decor{display:flex;gap:18px;font-size:44px;opacity:.9}
@media (max-width:820px){.ab-band{flex-direction:column;text-align:center}.ab-band-text p{margin-inline:auto}.ab-band-decor{font-size:34px}}

/* ---- 6. VISIT ---- */
.ab-visit{max-width:1100px;margin:0 auto 72px;padding:0 20px}
.ab-visit-info{background:#F5F2EA;border:1px solid #e6e2d9;border-radius:16px;padding:36px 40px}
.ab-visit-info h2{font-size:26px;font-weight:800;color:#1A1A1A;margin:0 0 18px}
.ab-visit-row{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#444748;margin-bottom:12px}
.ab-btn-outline{display:inline-block;margin-top:10px;border:2px solid #1A1A1A;color:#1A1A1A;font-size:14px;font-weight:700;padding:11px 28px;border-radius:10px;text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1)}
.ab-btn-outline:hover{background:#1A1A1A;color:#fff;transform:translateY(-2px)}
@media (max-width:640px){.ab-visit-info{padding:26px 22px}}

/* ---- 7. CTA ---- */
.ab-cta{background:#FF6B00;text-align:center;padding:64px 20px}
.ab-cta h2{font-size:32px;font-weight:800;color:#fff;margin:0 0 10px}
.ab-cta p{font-size:16px;color:rgba(255,255,255,.9);margin:0 0 26px}
.ab-btn-wa-lg{display:inline-flex;align-items:center;gap:10px;background:#1A1A1A;color:#fff;font-size:16px;font-weight:700;padding:15px 36px;border-radius:12px;text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1)}
.ab-btn-wa-lg:hover{background:#fff;color:#1A1A1A;transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.25)}
@media (max-width:640px){.ab-cta h2{font-size:26px}}

/* ---- entrance animations (pure CSS, staggered) ---- */
@keyframes abUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.ab-hero{animation:abUp .7s cubic-bezier(.22,1,.36,1) both}
.ab-stat{animation:abUp .6s cubic-bezier(.22,1,.36,1) both}
.ab-stat:nth-child(1){animation-delay:.15s}.ab-stat:nth-child(2){animation-delay:.25s}.ab-stat:nth-child(3){animation-delay:.35s}.ab-stat:nth-child(4){animation-delay:.45s}
.ab-split-img{animation:abUp .7s cubic-bezier(.22,1,.36,1) .1s both}
.ab-split-text{animation:abUp .7s cubic-bezier(.22,1,.36,1) .2s both}
.ab-value{animation:abUp .6s cubic-bezier(.22,1,.36,1) both}
.ab-value:nth-child(1){animation-delay:.05s}.ab-value:nth-child(2){animation-delay:.12s}.ab-value:nth-child(3){animation-delay:.19s}.ab-value:nth-child(4){animation-delay:.26s}
.ab-band{animation:abUp .7s cubic-bezier(.22,1,.36,1) both}
.ab-visit-info{animation:abUp .7s cubic-bezier(.22,1,.36,1) both}
.ab-cta{animation:abUp .7s cubic-bezier(.22,1,.36,1) both}

/* ===== Product page - constrain gallery ===== */
body .product-gallery,
body .product__gallery,
body .gallery-holder,
body .product-images,
body .product .s-slider-container,
body salla-product-slider .s-slider-container{
  max-width:520px !important;
  margin-inline:auto !important;
}
body .product-gallery img,
body .product__gallery img,
body .gallery-holder img,
body .product-images img{
  max-height:520px !important;
  width:auto !important;
  max-width:100% !important;
  margin-inline:auto !important;
  object-fit:contain !important;
}

/* ==========================================================================
   COMPACT MODE — whole homepage scaled down (client request)
   Tune the size with --cdc-scale (1 = normal, 0.88 = 12% smaller)
   ========================================================================== */
:root{--cdc-scale:.88}

/* tighter sections */
main section.s-block{padding-top:20px!important;padding-bottom:20px!important}
.s-block--fixed-banner{padding-top:10px!important;padding-bottom:10px!important}

/* smaller headings */
body .s-block__title h2, body .s-slider-block__title h2{font-size:1.35rem!important}
body .s-block__title h2::before, body .s-slider-block__title h2::before{width:5px;height:60%}

/* smaller cards */
body custom-salla-product-card .s-product-card-content{padding:12px 14px!important}
body .s-product-card-horizontal{min-height:150px!important}
body .s-product-card-horizontal .s-product-card-image{min-height:140px!important}
body h4.s-product-card-price{font-size:1.1rem!important;padding:3px 12px!important}
body .s-product-card-content-footer .s-button-element{font-size:12px!important;padding:8px 10px!important}
body .s-product-card-horizontal .s-product-card-wishlist-btn{width:34px!important;height:34px!important;min-width:34px!important}
body .s-product-card-entry:hover{transform:translateY(-5px)!important}

/* smaller buttons */
body .s-button-element{font-size:13px!important}

/* tighter testimonials */
body .s-reviews-testimonial__inner{padding:20px 22px!important}
body .s-reviews-testimonial__avatar img{width:52px!important;height:52px!important}

/* tighter category carousel */
.cdc-cat-title{font-size:13px!important;margin-top:8px!important}
.cdc-cat-imgwrap{border-radius:12px!important}
.cdc-mq-item img{height:42px!important}
.cdc-cats .cdc-car-nav{width:32px!important;height:32px!important;font-size:14px!important}

/* tighter brands */
[data-testid="store-home-brands"] .brand-item img{max-height:70%!important}

/* tighter banners */
body .s-block--fixed-banner .banner--fixed img{transform:scale(1)}
body .s-block--fixed-banner .banner--fixed:hover img{transform:scale(1.005)}

/* tighter display-all links */
body .s-block__display-all, body .s-slider-block__display-all{font-size:13px!important}

/* whole-page proportional scale (homepage only) */
@media (min-width:821px){
  body.home-page #main-content{zoom:var(--cdc-scale)}
}

/* ===== Normalize the offers menu link (look like all other nav links) ===== */
.main-menu > li > a[href*="offer"],
.main-menu > li > a[href*="%D8%B9%D8%B1%D9%88%D8%B6"]{
  color:inherit !important;
  font-weight:inherit !important;
  opacity:1 !important;
  background:none !important;
  --tw-text-opacity:1 !important;
  transition:color .3s !important;
}
.main-menu > li > a[href*="offer"]:hover,
.main-menu > li > a[href*="%D8%B9%D8%B1%D9%88%D8%B6"]:hover{
  color:#FF6B00 !important;
}

/* ==========================================================================
   Why Cats & Dogs Club section — rebuild (fixes broken titles + icons)
   ========================================================================== */
body .section-outer .features-wrapper{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:24px !important;
  align-items:start !important;
  padding:48px 20px !important;
  max-width:1280px !important;
  margin:0 auto !important;
  position:relative !important;
}
body .section-outer .feature-card{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:12px !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 8px 24px !important;
  text-align:center !important;
}
body .section-outer .feature-card .icon-container{
  background:transparent !important;
  width:auto !important;
  height:auto !important;
  border-radius:0 !important;
  display:inline-flex !important;
  margin-bottom:2px;
}
body .section-outer .feature-card .icon-container i{display:none !important}
body .section-outer .feature-card:nth-child(1) .icon-container::before{
  content:'';display:block;width:32px;height:30px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='30' viewBox='0 0 32 30' fill='none'%3E%3Cpath d='M16.5 12L14.4 9.9L16.7625 7.5H10.5V4.5H16.7625L14.3625 2.1L16.5 0L22.5 6L16.5 12ZM9 30C8.175 30 7.46875 29.7062 6.88125 29.1187C6.29375 28.5312 6 27.825 6 27C6 26.175 6.29375 25.4688 6.88125 24.8813C7.46875 24.2938 8.175 24 9 24C9.825 24 10.5312 24.2938 11.1187 24.8813C11.7062 25.4688 12 26.175 12 27C12 27.825 11.7062 28.5312 11.1187 29.1187C10.5312 29.7062 9.825 30 9 30ZM24 30C23.175 30 22.4688 29.7062 21.8813 29.1187C21.2938 28.5312 21 27.825 21 27C21 26.175 21.2938 25.4688 21.8813 24.8813C22.4688 24.2938 23.175 24 24 24C24.825 24 25.5312 24.2938 26.1187 24.8813C26.7062 25.4688 27 26.175 27 27C27 27.825 26.7062 28.5312 26.1187 29.1187C25.5312 29.7062 24.825 30 24 30ZM0 3V0H4.9125L11.2875 13.5H21.7875L27.6375 3H31.05L24.45 14.925C24.175 15.425 23.8062 15.8125 23.3438 16.0875C22.8813 16.3625 22.375 16.5 21.825 16.5H10.65L9 19.5H27V22.5H9C7.875 22.5 7.01875 22.0125 6.43125 21.0375C5.84375 20.0625 5.825 19.075 6.375 18.075L8.4 14.4L3 3H0Z' fill='%23FF6B00'/%3E%3C/svg%3E") no-repeat center/contain;
}
body .section-outer .feature-card:nth-child(2) .icon-container::before{
  content:'';display:block;width:24px;height:30px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='30' viewBox='0 0 24 30' fill='none'%3E%3Cpath d='M12 15C12.825 15 13.5312 14.7062 14.1187 14.1187C14.7062 13.5312 15 12.825 15 12C15 11.175 14.7062 10.4688 14.1187 9.88125C13.5312 9.29375 12.825 9 12 9C11.175 9 10.4688 9.29375 9.88125 9.88125C9.29375 10.4688 9 11.175 9 12C9 12.825 9.29375 13.5312 9.88125 14.1187C10.4688 14.7062 11.175 15 12 15ZM12 26.025C15.05 23.225 17.3125 20.6812 18.7875 18.3937C20.2625 16.1062 21 14.075 21 12.3C21 9.575 20.1312 7.34375 18.3937 5.60625C16.6562 3.86875 14.525 3 12 3C9.475 3 7.34375 3.86875 5.60625 5.60625C3.86875 7.34375 3 9.575 3 12.3C3 14.075 3.7375 16.1062 5.2125 18.3937C6.6875 20.6812 8.95 23.225 12 26.025ZM12 30C7.975 26.575 4.96875 23.3937 2.98125 20.4562C0.99375 17.5187 0 14.8 0 12.3C0 8.55 1.20625 5.5625 3.61875 3.3375C6.03125 1.1125 8.825 0 12 0C15.175 0 17.9688 1.1125 20.3813 3.3375C22.7938 5.5625 24 8.55 24 12.3C24 14.8 23.0062 17.5187 21.0187 20.4562C19.0312 23.3937 16.025 26.575 12 30Z' fill='%23FF6B00'/%3E%3C/svg%3E") no-repeat center/contain;
}
body .section-outer .feature-card:nth-child(3) .icon-container::before{
  content:'';display:block;width:30px;height:29px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='29' viewBox='0 0 30 29' fill='none'%3E%3Cpath d='M3.75 13.5C2.7 13.5 1.8125 13.1375 1.0875 12.4125C0.3625 11.6875 0 10.8 0 9.75C0 8.7 0.3625 7.8125 1.0875 7.0875C1.8125 6.3625 2.7 6 3.75 6C4.8 6 5.6875 6.3625 6.4125 7.0875C7.1375 7.8125 7.5 8.7 7.5 9.75C7.5 10.8 7.1375 11.6875 6.4125 12.4125C5.6875 13.1375 4.8 13.5 3.75 13.5ZM10.5 7.5C9.45 7.5 8.5625 7.1375 7.8375 6.4125C7.1125 5.6875 6.75 4.8 6.75 3.75C6.75 2.7 7.1125 1.8125 7.8375 1.0875C8.5625 0.3625 9.45 0 10.5 0C11.55 0 12.4375 0.3625 13.1625 1.0875C13.8875 1.8125 14.25 2.7 14.25 3.75C14.25 4.8 13.8875 5.6875 13.1625 6.4125C12.4375 7.1375 11.55 7.5 10.5 7.5ZM19.5 7.5C18.45 7.5 17.5625 7.1375 16.8375 6.4125C16.1125 5.6875 15.75 4.8 15.75 3.75C15.75 2.7 16.1125 1.8125 16.8375 1.0875C17.5625 0.3625 18.45 0 19.5 0C20.55 0 21.4375 0.3625 22.1625 1.0875C22.8875 1.8125 23.25 2.7 23.25 3.75C23.25 4.8 22.8875 5.6875 22.1625 6.4125C21.4375 7.1375 20.55 7.5 19.5 7.5ZM26.25 13.5C25.2 13.5 24.3125 13.1375 23.5875 12.4125C22.8625 11.6875 22.5 10.8 22.5 9.75C22.5 8.7 22.8625 7.8125 23.5875 7.0875C24.3125 6.3625 25.2 6 26.25 6C27.3 6 28.1875 6.3625 28.9125 7.0875C29.6375 7.8125 30 8.7 30 9.75C30 10.8 29.6375 11.6875 28.9125 12.4125C28.1875 13.1375 27.3 13.5 26.25 13.5ZM6.975 28.5C5.85 28.5 4.90625 28.0687 4.14375 27.2062C3.38125 26.3438 3 25.325 3 24.15C3 22.85 3.44375 21.7125 4.33125 20.7375C5.21875 19.7625 6.1 18.8 6.975 17.85C7.7 17.075 8.325 16.2313 8.85 15.3188C9.375 14.4062 10 13.55 10.725 12.75C11.275 12.1 11.9125 11.5625 12.6375 11.1375C13.3625 10.7125 14.15 10.5 15 10.5C15.85 10.5 16.6375 10.7 17.3625 11.1C18.0875 11.5 18.725 12.025 19.275 12.675C19.975 13.475 20.5938 14.3375 21.1313 15.2625C21.6688 16.1875 22.3 17.05 23.025 17.85C23.9 18.8 24.7812 19.7625 25.6688 20.7375C26.5563 21.7125 27 22.85 27 24.15C27 25.325 26.6188 26.3438 25.8563 27.2062C25.0938 28.0687 24.15 28.5 23.025 28.5C21.675 28.5 20.3375 28.3875 19.0125 28.1625C17.6875 27.9375 16.35 27.825 15 27.825C13.65 27.825 12.3125 27.9375 10.9875 28.1625C9.6625 28.3875 8.325 28.5 6.975 28.5Z' fill='%23FF6B00'/%3E%3C/svg%3E") no-repeat center/contain;
}
body .section-outer .feature-card:nth-child(4) .icon-container::before{
  content:'';display:block;width:31px;height:27px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='27' viewBox='0 0 31 27' fill='none'%3E%3Cpath d='M28.5704 12.075V24C28.5704 24.825 28.2767 25.5312 27.6892 26.1187C27.1017 26.7062 26.3954 27 25.5704 27H4.57041C3.74541 27 3.03916 26.7062 2.45166 26.1187C1.86416 25.5312 1.57041 24.825 1.57041 24V12.075C0.995408 11.55 0.551658 10.875 0.239158 10.05C-0.0733418 9.225 -0.0795919 8.325 0.220408 7.35L1.79541 2.25C1.99541 1.6 2.35166 1.0625 2.86416 0.6375C3.37666 0.2125 3.97041 0 4.64541 0H25.4954C26.1704 0 26.7579 0.20625 27.2579 0.61875C27.7579 1.03125 28.1204 1.575 28.3454 2.25L29.9204 7.35C30.2204 8.325 30.2142 9.2125 29.9017 10.0125C29.5892 10.8125 29.1454 11.5 28.5704 12.075ZM18.3704 10.5C19.0454 10.5 19.5579 10.2687 19.9079 9.80625C20.2579 9.34375 20.3954 8.825 20.3204 8.25L19.4954 3H16.5704V8.55C16.5704 9.075 16.7454 9.53125 17.0954 9.91875C17.4454 10.3062 17.8704 10.5 18.3704 10.5ZM11.6204 10.5C12.1954 10.5 12.6642 10.3062 13.0267 9.91875C13.3892 9.53125 13.5704 9.075 13.5704 8.55V3H10.6454L9.82041 8.25C9.72041 8.85 9.85166 9.375 10.2142 9.825C10.5767 10.275 11.0454 10.5 11.6204 10.5ZM4.94541 10.5C5.39541 10.5 5.78916 10.3375 6.12666 10.0125C6.46416 9.6875 6.67041 9.275 6.74541 8.775L7.57041 3H4.64541L3.14541 8.025C2.99541 8.525 3.07666 9.0625 3.38916 9.6375C3.70166 10.2125 4.22041 10.5 4.94541 10.5ZM25.1954 10.5C25.9204 10.5 26.4454 10.2125 26.7704 9.6375C27.0954 9.0625 27.1704 8.525 26.9954 8.025L25.4204 3H22.5704L23.3954 8.775C23.4704 9.275 23.6767 9.6875 24.0142 10.0125C24.3517 10.3375 24.7454 10.5 25.1954 10.5ZM4.57041 24H25.5704V13.425C25.4454 13.475 25.3642 13.5 25.3267 13.5C25.2892 13.5 25.2454 13.5 25.1954 13.5C24.5204 13.5 23.9267 13.3875 23.4142 13.1625C22.9017 12.9375 22.3954 12.575 21.8954 12.075C21.4454 12.525 20.9329 12.875 20.3579 13.125C19.7829 13.375 19.1704 13.5 18.5204 13.5C17.8454 13.5 17.2142 13.375 16.6267 13.125C16.0392 12.875 15.5204 12.525 15.0704 12.075C14.6454 12.525 14.1517 12.875 13.5892 13.125C13.0267 13.375 12.4204 13.5 11.7704 13.5C11.0454 13.5 10.3892 13.375 9.80166 13.125C9.21416 12.875 8.69541 12.525 8.24541 12.075C7.72041 12.6 7.20166 12.9688 6.68916 13.1812C6.17666 13.3937 5.59541 13.5 4.94541 13.5C4.89541 13.5 4.83916 13.5 4.77666 13.5C4.71416 13.5 4.64541 13.475 4.57041 13.425V24ZM25.5704 24H4.57041C4.64541 24 4.71416 24 4.77666 24C4.83916 24 4.89541 24 4.94541 24C5.59541 24 6.17666 24 6.68916 24C7.20166 24 7.72041 24 8.24541 24C8.47041 24 8.71416 24 8.97666 24C9.23916 24 9.52041 24 9.82041 24C10.1204 24 10.4329 24 10.7579 24C11.0829 24 11.4204 24 11.7704 24C12.0954 24 12.4079 24 12.7079 24C13.0079 24 13.3017 24 13.5892 24C13.8767 24 14.1454 24 14.3954 24C14.6454 24 14.8704 24 15.0704 24C15.5204 24 16.0392 24 16.6267 24C17.2142 24 17.8454 24 18.5204 24C18.8454 24 19.1579 24 19.4579 24C19.7579 24 20.0517 24 20.3392 24C20.6267 24 20.9017 24 21.1642 24C21.4267 24 21.6704 24 21.8954 24C22.3954 24 22.9017 24 23.4142 24C23.9267 24 24.5204 24 25.1954 24C25.2454 24 25.2892 24 25.3267 24C25.3642 24 25.4454 24 25.5704 24Z' fill='%23FF6B00'/%3E%3C/svg%3E") no-repeat center/contain;
}
body .section-outer .feature-card .card-title{
  font-size:22px !important;
  font-weight:700 !important;
  color:#1A1A1A !important;
  line-height:1.35 !important;
  margin:0 !important;
}
/* ghost decorations - subtle, theme-tinted */
body .section-outer .decor{opacity:.06 !important}
body .section-outer .decor-text{opacity:.06 !important;color:#c4c7c7 !important}
@media (max-width:768px){
  body .section-outer .features-wrapper{grid-template-columns:repeat(2,1fr) !important;gap:28px 16px !important}
  body .section-outer .feature-card .card-title{font-size:17px !important}
}

/* ===== Buy Now button on product cards ===== */
.cdc-buy-now{
  background:#FF6B00 !important;
  color:#fff !important;
  border:1.5px solid #FF6B00 !important;
  border-radius:10px !important;
  font-weight:700 !important;
  font-size:12px !important;
  padding:8px 14px !important;
  cursor:pointer !important;
  transition:all .3s cubic-bezier(.22,1,.36,1) !important;
  white-space:nowrap !important;
  margin-inline-start:8px !important;
  font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif !important;
}
.cdc-buy-now:hover{
  background:#1A1A1A !important;
  border-color:#1A1A1A !important;
  transform:translateY(-2px) !important;
  box-shadow:0 8px 20px rgba(26,26,26,.2) !important;
}
/* horizontal cards: shrink add-to-cart to fit both buttons */
body .s-product-card-horizontal .s-product-card-content-footer salla-add-product-button{flex:1 !important;min-width:0 !important}
body .s-product-card-horizontal .s-product-card-content-footer .s-button-element{font-size:11px !important;padding:7px 8px !important}
@media (max-width:480px){
  .cdc-buy-now{font-size:11px !important;padding:7px 10px !important;margin-inline-start:6px !important}
}

/* ===== Hide footer menu links: من نحن، سياسة الخصوصية، سياسة الاستبدال والاسترجاع ===== */
#cdc-footer .cdc-ft-links a[href*="about"],
#cdc-footer .cdc-ft-links a[href*="%D9%85%D9%86-%D9%86%D8%AD%D9%86"],
#cdc-footer .cdc-ft-links a[href*="privacy"],
#cdc-footer .cdc-ft-links a[href*="%D8%A7%D9%84%D8%AE%D8%B5%D9%88%D8%B5%D9%8A%D8%A9"],
#cdc-footer .cdc-ft-links a[href*="returns"],
#cdc-footer .cdc-ft-links a[href*="%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D8%A8%D8%AF%D8%A7%D9%84"],
#cdc-footer .cdc-ft-links a[href*="return"],
#cdc-footer .cdc-ft-links a[href*="%D8%A7%D9%84%D8%AE%D8%B5%D9%88%D8%B5"],
#cdc-footer .cdc-ft-links a[href*="replacement"],
#cdc-footer .cdc-ft-links li:has(a[href*="about"]),
#cdc-footer .cdc-ft-links li:has(a[href*="privacy"]),
#cdc-footer .cdc-ft-links li:has(a[href*="return"]){
  display:none !important;
}

/* ===== Hide language switcher (العربية | EN) ===== */
.salla-localization,
.salla-lang-switcher,
[class*="localization"],
[class*="lang-switcher"],
[class*="language-switcher"],
header [class*="lang"],
footer [class*="lang"],
.s-dropdown:has(a[hreflang]){
  display:none !important;
}

/* ===== العروض nav link font weight - normal ===== */
.main-menu > li > a[href*="offer"],
.main-menu > li > a[href*="offers"],
.main-menu > li > a[href*="%D8%B9%D8%B1%D9%88%D8%B6"],
.main-menu > li > a[href*="%D8%A7%D9%84%D8%B9%D8%B1%D9%88%D8%B6"],
.main-menu a[href*="offer"],
.main-menu a[href*="%D8%B9%D8%B1%D9%88%D8%B6"],
.s-menu-topnav-list a[href*="offer"],
.s-menu-topnav-list a[href*="offers"],
.s-menu-topnav-list a[href*="%D8%B9%D8%B1%D9%88%D8%B6"],
.s-menu-topnav-list a[href*="%D8%A7%D9%84%D8%B9%D8%B1%D9%88%D8%B6"],
.s-menu-topnav-list a[href*="/ar/offers"],
.s-menu-topnav-list a[href*="latest-products"],
header a[href*="offers"],
header a[href*="%D8%B9%D8%B1%D9%88%D8%B6"]{
  font-weight:700 !important;
}

/* ===== Hide language switcher in salla menu (topnav) ===== */
.s-menu-topnav-list .s-menu-localization,
.s-menu-topnav-list [class*="localization"],
.s-menu-topnav-list [class*="lang"],
.s-menu-topnav-list a[hreflang],
.s-menu-topnav-list li:has(a[hreflang]){
  display:none !important;
}

/* ===== Hide footer menu links (Salla native selectors) ===== */
.s-menu-footer-list a[href*="about"],
.s-menu-footer-list a[href*="privacy"],
.s-menu-footer-list a[href*="return"],
.s-menu-footer-list li:has(a[href*="about"]),
.s-menu-footer-list li:has(a[href*="privacy"]),
.s-menu-footer-list li:has(a[href*="return"]),
.store-footer [class*="menu"] a[href*="about"],
.store-footer [class*="menu"] a[href*="privacy"],
.store-footer [class*="menu"] a[href*="return"]{
  display:none !important;
}