/* Kothari's Royal: focused logo, footer and checkout polish */
.header .logo img,
.site-shell > .header .logo img {
  display:block !important;
  width:68px !important;
  height:68px !important;
  max-width:68px !important;
  max-height:68px !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:50% !important;
  background:transparent !important;
  padding:0 !important;
}
.kothari-global-footer {
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:minmax(180px,1.35fr) repeat(3,minmax(0,1fr)) !important;
  align-items:start !important;
  gap:28px !important;
  width:100% !important;
  padding:38px clamp(20px,5vw,72px) 24px !important;
  overflow:hidden !important;
}
.kothari-global-footer > div {
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:0 !important;
}
.kothari-global-footer > div:first-child img {
  display:block !important;
  width:104px !important;
  height:104px !important;
  max-width:104px !important;
  object-fit:contain !important;
  background:transparent !important;
  border-radius:50% !important;
  padding:0 !important;
  margin:0 0 12px !important;
}
.kothari-global-footer p {
  max-width:260px !important;
  margin:0 !important;
  line-height:1.65 !important;
}
.kothari-global-footer b {
  margin:0 0 15px !important;
  font-size:14px !important;
  color:#fff !important;
}
.kothari-global-footer a {
  display:block !important;
  margin:0 0 13px !important;
  line-height:1.5 !important;
  overflow-wrap:anywhere !important;
  text-decoration:none !important;
}
.kothari-global-footer small {
  grid-column:1 / -1 !important;
  width:100% !important;
  box-sizing:border-box !important;
  margin-top:8px !important;
  padding-top:18px !important;
  line-height:1.5 !important;
}
.zoom-button { display:none !important; }

/* Keep native iOS radio inputs from stretching into long oval shapes. */
.royal-checkout-form .radio {
  box-sizing:border-box !important;
  display:grid !important;
  grid-template-columns:20px minmax(0,1fr) !important;
  align-items:center !important;
  justify-content:start !important;
  gap:12px !important;
  width:100% !important;
  min-width:0 !important;
  min-height:82px !important;
  padding:16px 18px !important;
  margin:10px 0 !important;
  border:1px solid #e4e6dc !important;
  border-radius:16px !important;
  background:#fff !important;
  text-align:left !important;
}
.royal-checkout-form .radio input[type="radio"] {
  -webkit-appearance:none !important;
  appearance:none !important;
  box-sizing:border-box !important;
  display:block !important;
  position:relative !important;
  flex:none !important;
  width:20px !important;
  min-width:20px !important;
  max-width:20px !important;
  height:20px !important;
  min-height:20px !important;
  margin:0 !important;
  padding:0 !important;
  border:2px solid #9aaa91 !important;
  border-radius:50% !important;
  background:#fff !important;
  box-shadow:none !important;
  accent-color:#287b16 !important;
}
.royal-checkout-form .radio input[type="radio"]:checked {
  border:6px solid #287b16 !important;
  background:#fff !important;
}
.royal-checkout-form .radio > span {
  display:block !important;
  min-width:0 !important;
  width:100% !important;
}
.royal-checkout-form .radio strong,
.royal-checkout-form .radio small {
  display:block !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  line-height:1.5 !important;
}
.royal-checkout-form .radio strong {
  margin:0 !important;
  font-size:15px !important;
  color:#173d25 !important;
  -webkit-text-fill-color:#173d25 !important;
}
.royal-checkout-form .radio small {
  margin-top:4px !important;
  font-size:13px !important;
  color:#647060 !important;
  -webkit-text-fill-color:#647060 !important;
}
@media (max-width:760px) {
  .kothari-global-footer {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:24px 18px !important;
    padding:30px 22px 22px !important;
  }
  .kothari-global-footer > div:first-child {
    grid-column:1 / -1 !important;
  }
  .kothari-global-footer > div:first-child img {
    width:92px !important;
    height:92px !important;
  }
  .kothari-global-footer b { font-size:14px !important; }
  .kothari-global-footer a { font-size:13px !important; }
  .kothari-global-footer small { grid-column:1 / -1 !important; }
  .royal-checkout-form .radio {
    grid-template-columns:20px minmax(0,1fr) !important;
    min-height:88px !important;
    padding:15px 14px !important;
    gap:11px !important;
  }
}
@media (max-width:360px) {
  .kothari-global-footer { padding-left:16px !important; padding-right:16px !important; }
  .royal-checkout-form .radio { padding:13px 11px !important; }
}


/* NAV LOGO ONLY — match the clean circular white emblem used in the footer */
.header a.logo,
.site-shell .header a.logo {
  box-sizing:border-box !important;
  display:flex !important;
  flex:0 0 76px !important;
  width:76px !important;
  min-width:76px !important;
  max-width:76px !important;
  height:76px !important;
  min-height:76px !important;
  max-height:76px !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  padding:3px !important;
  border:2px solid #ffffff !important;
  border-radius:50% !important;
  background:#ffffff !important;
  box-shadow:0 3px 14px rgba(18,57,31,.14) !important;
}
.header a.logo img,
.site-shell .header a.logo img {
  box-sizing:border-box !important;
  display:block !important;
  flex:0 0 100% !important;
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  height:100% !important;
  min-height:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  border:0 !important;
  border-radius:50% !important;
  background:#ffffff !important;
  padding:0 !important;
  margin:0 !important;
}
@media(max-width:760px) {
  .header a.logo,
  .site-shell .header a.logo {
    flex-basis:64px !important;
    width:64px !important;
    min-width:64px !important;
    max-width:64px !important;
    height:64px !important;
    min-height:64px !important;
    max-height:64px !important;
    padding:2px !important;
  }
}


/* NAV BRAND MARK — match the circular action-control footprint */
.header a.logo,
.site-shell > .header a.logo {
  box-sizing:border-box !important;
  flex:0 0 44px !important;
  width:44px !important;
  min-width:44px !important;
  max-width:44px !important;
  height:44px !important;
  min-height:44px !important;
  max-height:44px !important;
  padding:2px !important;
  border:1px solid #ffffff !important;
  border-radius:50% !important;
  background:#ffffff !important;
  overflow:hidden !important;
}
.header a.logo img,
.site-shell > .header a.logo img {
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  min-height:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  border-radius:50% !important;
  padding:0 !important;
  margin:0 !important;
}


/* Mobile catalogue and bestseller swipe pages: six matching cards per slide (2 columns x 3 rows). */
@media (max-width:700px){
  #featured.product-grid{
    display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;
    padding:4px 2px 16px!important;margin:0!important;
    scroll-snap-type:x mandatory;scroll-behavior:smooth;
    overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;touch-action:pan-x pan-y;
  }
  #featured.product-grid::-webkit-scrollbar,#shopGrid::-webkit-scrollbar{display:none}
  #featured .featured-page{
    flex:0 0 100%!important;width:100%!important;min-width:100%!important;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,auto)!important;grid-auto-flow:row!important;
    align-content:start;align-items:stretch;gap:10px!important;
    scroll-snap-align:start;box-sizing:border-box;
  }
  #featured .featured-page>.k-card{
    width:100%!important;min-width:0!important;max-width:none!important;
    flex:none!important;height:100%!important;
  }
  #featured .featured-page .k-card-media{height:auto!important;aspect-ratio:1.12/1!important}

  #shopGrid{
    display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    gap:0!important;overflow-x:auto!important;overflow-y:hidden!important;
    padding:2px 0 14px!important;margin:0!important;
    scroll-snap-type:x mandatory;scroll-behavior:smooth;
    overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;touch-action:pan-x pan-y;
  }
  #shopGrid>.product-slide{
    display:grid!important;flex:0 0 100%!important;
    width:100%!important;min-width:100%!important;max-width:100%!important;
    box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:repeat(3,auto)!important;grid-auto-flow:row!important;
    align-content:start;align-items:stretch;gap:10px!important;
    padding:0 2px 8px!important;scroll-snap-align:start;
  }
  #shopGrid>.product-slide>.k-card{
    display:flex!important;width:100%!important;min-width:0!important;
    max-width:none!important;flex:none!important;height:100%!important;
  }
  #shopGrid .k-card-media{height:auto!important;aspect-ratio:1.12/1!important}
}
@media (min-width:701px){
  #featured .featured-page{display:contents}
}


/* Rounded-square brand mark: keep existing dimensions, remove circular clipping. */
.header a.logo,
.site-shell .header a.logo {
  border-radius:13px !important;
  overflow:hidden !important;
}
.header a.logo img,
.site-shell .header a.logo img {
  border-radius:10px !important;
  object-fit:cover !important;
}
.kothari-global-footer > div:first-child img {
  border-radius:16px !important;
  object-fit:cover !important;
}


/* Complete supplied Kothari's Royal logo artwork — logo-only update */
.header a.logo,.site-shell .header a.logo{border-radius:12px!important;overflow:hidden!important;background:#fff!important;}
.header a.logo img,.site-shell .header a.logo img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;background:#fff!important;display:block!important;}
footer img[src*="royal-logo-complete"] , .kothari-global-footer img[src*="royal-logo-complete"]{object-fit:contain!important;border-radius:10px!important;background:#fff!important;padding:2px!important;}