/* ============================================================
   Kidora Shop — strong brand UI (matches homepage)
   Blue #0F76F5 · Amber #FFB61C · Coral #EF4B5E · Teal #12B39B
   ============================================================ */
.shop-page{
  --s-blue:#0F76F5;
  --s-blue-deep:#0878f9;
  --s-amber:#FFB61C;
  --s-coral:#EF4B5E;
  --s-teal:#12B39B;
  --s-ink:#07182f;
  --s-muted:#3f5670;
  --s-line:#c5daf3;
  --s-wash:#edf5ff;
  --s-brand:linear-gradient(135deg,#0F76F5 0%,#12B39B 100%);
  --s-fun:linear-gradient(105deg,#0F76F5 0%,#FFB61C 34%,#EF4B5E 66%,#12B39B 100%);
  --s-shadow:0 14px 32px rgba(15,118,245,.14);
  color:var(--s-ink);
  background:#f7fbff;
  font-family:'DM Sans',system-ui,sans-serif;
}

/* ---------- Breadcrumb ---------- */
.shop-page .shop-breadcrumb{
  height:52px;gap:10px;
  color:var(--s-muted);font-size:12px;font-weight:600;
}
.shop-page .shop-breadcrumb a{
  color:var(--s-blue-deep);text-decoration:none;
  transition:color .15s ease;
}
.shop-page .shop-breadcrumb a:hover{color:var(--s-coral)}
.shop-page .shop-breadcrumb b{color:var(--s-ink);font-weight:800}

/* ---------- Hero ---------- */
.shop-page .polo-hero{
  position:relative;height:280px;
  border:0!important;border-radius:0!important;overflow:hidden;
  display:grid;grid-template-columns:1.05fr .95fr;
  background:
    radial-gradient(ellipse at 12% 20%,rgba(255,182,28,.28),transparent 42%),
    radial-gradient(ellipse at 88% 80%,rgba(18,179,155,.22),transparent 45%),
    linear-gradient(118deg,#e8f2ff 0%,#e7faf6 48%,#fff4e0 100%)!important;
  box-shadow:0 18px 40px rgba(15,118,245,.12);
}
.shop-page .polo-hero::before{
  content:"";position:absolute;left:0;top:0;right:0;height:5px;
  background:var(--s-fun);z-index:4;
}
.shop-page .polo-copy{
  position:relative;z-index:2;
  padding:48px 24px 36px 56px;
}
.shop-page .sun-icon{
  left:56px;top:22px;
  color:var(--s-amber)!important;
  font-size:28px!important;
  filter:drop-shadow(0 6px 12px rgba(255,182,28,.45));
}
.shop-page .polo-copy h1{
  margin:8px 0 14px;
  font-family:'Plus Jakarta Sans','DM Sans',sans-serif;
  font-size:clamp(34px,4.2vw,48px);font-weight:800;
  letter-spacing:-.03em;line-height:1.05;
  color:var(--s-ink);
}
.shop-page .polo-copy p{
  max-width:420px;margin:0 0 18px;
  color:var(--s-muted);font-size:14.5px;font-weight:600;line-height:1.6;
}
.shop-page .age-pill{
  display:inline-flex;align-items:center;gap:6px;
  padding:10px 16px!important;border-radius:999px!important;
  border:1.5px solid rgba(15,118,245,.18);
  background:#fff!important;
  color:var(--s-blue-deep);font-size:12px;font-weight:800;
  box-shadow:0 8px 18px rgba(15,118,245,.12);
}
.shop-page .polo-art{position:relative;overflow:hidden}
.shop-page .polo-art .shape.cyan{
  background:radial-gradient(circle at 35% 35%,#7ad4ff,#0F76F5)!important;
  opacity:.85;
}
.shop-page .polo-art .shape.yellow{
  background:radial-gradient(circle at 40% 30%,#ffe08a,#FFB61C)!important;
  opacity:.9;
}
.shop-page .polo-art img{
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 18px 28px rgba(7,24,47,.18));
}
.shop-page .plane{color:var(--s-teal)!important}
.shop-page .spark{color:var(--s-coral)!important}

/* ---------- Layout ---------- */
.shop-page .shop-main{
  gap:26px;padding-top:28px;padding-bottom:36px;
}

/* ---------- Filter sidebar ---------- */
.shop-page .shop-filter{
  position:relative;
  border:1.5px solid rgba(15,118,245,.14)!important;
  border-radius:20px!important;
  padding:20px 18px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(15,118,245,.08);
  overflow:auto;
}
.shop-page .shop-filter::before{
  content:"";position:absolute;left:0;top:0;right:0;height:4px;
  background:var(--s-brand);
  z-index:1;
}
.shop-page .filter-drawer-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 4px;
  padding-right:4px;
}
.shop-page .filter-drawer-head h3,
.shop-page .shop-filter > h3{
  margin:4px 0 8px;
  font-size:15px;font-weight:800;letter-spacing:.02em;
  color:var(--s-ink);
}
.shop-page .filter-drawer-head h3{margin:4px 0}
.shop-page .filter-close{
  position:relative!important;
  top:auto!important;right:auto!important;
  z-index:5;
  width:40px;height:40px;
  display:none;
  place-items:center;
  flex:none;
  border:1.5px solid rgba(15,118,245,.18)!important;
  border-radius:12px!important;
  background:#f3f8ff!important;
  color:var(--s-ink)!important;
  font-size:26px!important;
  line-height:1;
  cursor:pointer;
  box-shadow:0 6px 14px rgba(15,118,245,.1);
}
.shop-page .filter-drawer-head .filter-close{
  display:grid;
}
.shop-page .shop-filter > h3{padding-right:48px}
.shop-page .filter-drawer-head + .filter-group,
.shop-page .filter-drawer-body > .filter-group:first-child,
.shop-page .shop-filter > h3 + .filter-group{margin-top:0}
.shop-page .filter-close:hover{
  background:#e7f1ff!important;
  color:var(--s-blue-deep)!important;
}
.shop-page .filter-group{
  padding:14px 0;
  border-top:1px solid rgba(15,118,245,.1)!important;
}
.shop-page .filter-group h4{
  margin:0 0 10px;
  font-size:11px;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;
  color:var(--s-blue-deep)!important;
}
.shop-page .filter-group label{
  font-size:12px;font-weight:600;color:#1f3557;
}
.shop-page .filter-group input[type=checkbox],
.shop-page .filter-group input[type=radio]{
  accent-color:var(--s-blue-deep)!important;
}
.shop-page .filter-group input[type=range]{
  accent-color:var(--s-teal)!important;
}
.shop-page .view-more{
  color:var(--s-blue-deep)!important;
  font-weight:800;font-size:11px;cursor:pointer;
}
.shop-page .clear-filter{
  margin-top:6px;
  height:42px!important;
  border:1.5px solid rgba(15,118,245,.2)!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#eef6ff,#e8fbf7)!important;
  color:var(--s-blue-deep)!important;
  font-size:12px!important;font-weight:800!important;
  box-shadow:0 8px 16px rgba(15,118,245,.08);
  transition:transform .18s ease, box-shadow .18s ease;
}
.shop-page .clear-filter:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 22px rgba(15,118,245,.16);
}
.shop-page .mobile-filter-button{
  background:var(--s-brand)!important;
  border-radius:11px!important;
  font-weight:800;letter-spacing:.04em;
  box-shadow:0 10px 22px rgba(15,118,245,.28);
}

/* Category filter (scrollable list) */
.shop-filter .filter-group h4{
  margin:0 0 10px;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#0878f9;
}
.shop-filter .filter-category-all{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:38px;
  margin:0 0 8px;
  padding:0 12px;
  border:1px solid #d7e7fb;
  border-radius:12px;
  background:#f8fbff;
  font-size:12.5px;
  font-weight:700;
  color:#1f3557;
  cursor:pointer;
  transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.shop-filter .filter-category-all:hover{
  background:#eef6ff;
  color:#0878f9;
}
.shop-filter .filter-category-all.is-active,
.shop-filter .filter-category-all:has(input:checked){
  background:linear-gradient(90deg,#e7f1ff,#e8fbf7);
  border-color:rgba(8,120,249,.28);
  color:#0460d4;
  font-weight:800;
}
.shop-filter .filter-category-all input{
  width:15px;height:15px;margin:0;
  accent-color:#0878f9;flex:0 0 15px;
}
.shop-filter .filter-category-list{
  max-height:calc(5 * 38px);
  overflow-y:auto;overflow-x:hidden;
  padding-right:4px;margin:0 -2px 0 0;
  border:1px solid #d7e7fb;
  border-radius:12px;
  background:#f8fbff;
  scrollbar-width:thin;
  scrollbar-color:#9bb8d8 #eef4fb;
}
.shop-filter .filter-category-list::-webkit-scrollbar{width:6px}
.shop-filter .filter-category-list::-webkit-scrollbar-track{
  background:#eef4fb;border-radius:999px;
}
.shop-filter .filter-category-list::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#0878f9,#18b7a4);
  border-radius:999px;
}
.shop-filter .filter-category-list label{
  display:flex;align-items:center;gap:10px;
  min-height:38px;margin:0;padding:0 12px;
  border-bottom:1px solid #e8eef6;
  font-size:12.5px;font-weight:600;color:#1f3557;
  cursor:pointer;
  transition:background .15s ease,color .15s ease;
}
.shop-filter .filter-category-list label:last-child{border-bottom:0}
.shop-filter .filter-category-list label:hover{
  background:#eef6ff;color:#0878f9;
}
.shop-filter .filter-category-list label.is-active,
.shop-filter .filter-category-list label:has(input:checked){
  background:linear-gradient(90deg,#e7f1ff,#e8fbf7);
  color:#0460d4;font-weight:800;
}
.shop-filter .filter-category-list label.is-muted{
  cursor:default;color:#718096;font-weight:600;
}
.shop-filter .filter-category-list input{
  width:15px;height:15px;margin:0;
  accent-color:#0878f9;flex:0 0 15px;
}
.shop-filter .filter-category-hint{
  display:block;margin-top:8px;
  color:#718096;font-size:10.5px;font-weight:600;
}

/* ---------- Catalog toolbar ---------- */
.shop-page .catalog-toolbar{
  margin-bottom:18px;padding:14px 16px;
  border:1.5px solid rgba(15,118,245,.12);
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 20px rgba(15,118,245,.06);
}
.shop-page .catalog-toolbar h2{
  margin:0;
  font-family:'Plus Jakarta Sans','DM Sans',sans-serif;
  font-size:22px;font-weight:800;letter-spacing:-.02em;
  color:var(--s-ink);
}
.shop-page .catalog-toolbar p{
  margin:4px 0 0;color:var(--s-muted);font-size:12px;font-weight:600;
}
.shop-page .toolbar-actions select{
  height:40px!important;
  border:1.5px solid rgba(15,118,245,.18)!important;
  border-radius:11px!important;
  font-weight:600;color:var(--s-ink);
  background:#fff;
}
.shop-page .view-button{
  width:40px!important;height:40px!important;
  border:1.5px solid rgba(15,118,245,.18)!important;
  border-radius:11px!important;
  background:#fff!important;color:var(--s-muted)!important;
  transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.shop-page .view-button.active{
  background:var(--s-brand)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 8px 16px rgba(15,118,245,.28);
}

/* ---------- Product grid + cards ---------- */
.shop-page .shop-products{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.shop-page .shop-card{
  position:relative;
  display:flex;flex-direction:column;
  height:auto!important;min-height:0!important;
  padding:0!important;
  overflow:hidden;
  border:1px solid rgba(15,118,245,.12)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 10px 26px rgba(15,118,245,.08)!important;
  transition:transform .28s cubic-bezier(.22,1,.36,1), box-shadow .28s ease, border-color .28s ease;
}
.shop-page .shop-card::after{
  content:"";
  position:absolute;left:14px;right:14px;bottom:0;height:3px;
  border-radius:3px 3px 0 0;
  background:var(--s-brand);
  opacity:0;transform:scaleX(.35);
  transition:opacity .28s ease, transform .28s ease;
}
.shop-page .shop-card:hover{
  transform:translateY(-7px);
  border-color:rgba(15,118,245,.28)!important;
  box-shadow:0 20px 40px rgba(15,118,245,.18)!important;
}
.shop-page .shop-card:hover::after{opacity:1;transform:scaleX(1)}

.shop-page .shop-image{
  position:relative;display:block;
  margin:10px 10px 0;
  border-radius:15px;
  overflow:hidden;
  isolation:isolate;
  transform:translateZ(0);
  background:
    radial-gradient(ellipse at 30% 20%,rgba(255,182,28,.16),transparent 45%),
    linear-gradient(165deg,#eef6ff 0%,#e8fbf7 55%,#fff6e8 100%);
  aspect-ratio:1 / 1.05;
}
.shop-page .shop-image img{
  position:absolute;inset:0;
  width:100%;height:100%!important;
  object-fit:contain;padding:12px;
  transform-origin:center center;
  transition:transform .4s cubic-bezier(.22,1,.36,1);
}
.shop-page .shop-card:hover .shop-image img{transform:scale(1.06)}

.shop-page .shop-new{
  left:18px!important;top:18px!important;
  height:22px;padding:0 10px!important;
  display:inline-flex!important;align-items:center;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--s-coral),#ff6b62)!important;
  color:#fff!important;
  font-size:9px!important;font-weight:800!important;letter-spacing:.08em;
  box-shadow:0 6px 16px rgba(239,75,94,.35);
}
.shop-page .shop-heart{
  right:18px!important;top:18px!important;
  width:36px;height:36px;
  display:grid;place-items:center;
  border:1px solid rgba(15,118,245,.12)!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  color:#5a718a!important;
  font-size:16px!important;line-height:1;
  box-shadow:0 6px 16px rgba(7,24,47,.1);
  transition:transform .2s ease, color .2s ease;
}
.shop-page .shop-heart:hover,
.shop-page .shop-heart.active{
  color:var(--s-coral)!important;
  transform:scale(1.08);
}
.shop-page .shop-heart.active{background:#fff5f6!important}

.shop-page .shop-body{
  display:flex;flex-direction:column;gap:4px;
  padding:12px 14px 14px;flex:1;
}
.shop-page .shop-swatches{margin:0 0 2px;gap:6px}
.shop-page .shop-swatches i{
  width:14px;height:14px;
  border:1.5px solid rgba(15,118,245,.15);
  box-shadow:0 2px 6px rgba(7,24,47,.08);
}
.shop-page .shop-name{
  font-size:13.5px!important;font-weight:800!important;
  color:var(--s-ink);line-height:1.35;letter-spacing:-.01em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  transition:color .2s ease;
}
.shop-page .shop-card:hover .shop-name{color:var(--s-blue-deep)}
.shop-page .shop-body > small,
.shop-page .shop-card > small{
  color:var(--s-muted);font-size:12px;font-weight:600;
}
.shop-page .shop-foot{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  margin-top:6px;padding-top:8px;
  border-top:1px solid rgba(15,118,245,.08);
}
.shop-page .shop-price{
  margin:0!important;
  color:var(--s-blue-deep)!important;
  font-size:16px!important;font-weight:800!important;
  letter-spacing:-.02em;
}
.shop-price-wrap,.detail-price-row{
  display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;
}
.compare-price{
  color:#8a97a8!important;font-size:.86em!important;font-weight:600!important;text-decoration:line-through!important;
}
.sale-badge{
  display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;
  background:linear-gradient(135deg,#EF4B5E,#FFB61C);color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em;
}
.detail-price-row{margin:8px 0 4px}
.detail-price-row .detail-price{margin:0}
.home-page .arrival-foot .shop-price-wrap{display:inline-flex;align-items:baseline;gap:6px}
.home-page .arrival-foot .compare-price{font-size:12px}
.shop-page .shop-rating{
  margin:0!important;color:#e09a00!important;
  font-size:11px!important;white-space:nowrap;
}
.shop-page .shop-rating span{color:#8aa0b8!important;font-weight:700}
.shop-page .shop-add{
  width:100%;height:40px!important;margin-top:10px!important;
  border:0!important;border-radius:12px!important;
  background:var(--s-brand)!important;color:#fff!important;
  font-size:12px!important;font-weight:800!important;letter-spacing:.03em;
  box-shadow:0 10px 20px rgba(15,118,245,.28);
  cursor:pointer;
  transition:transform .18s ease, filter .18s ease, box-shadow .18s ease;
}
.shop-page .shop-add:hover{
  filter:brightness(1.05);
  transform:translateY(-1px);
  box-shadow:0 14px 26px rgba(15,118,245,.34);
}

/* List view */
.shop-page .shop-products.list-view{grid-template-columns:1fr}
.shop-page .shop-products.list-view .shop-card{
  display:grid!important;
  grid-template-columns:200px minmax(0,1fr);
  grid-template-rows:auto;
  align-items:stretch;
  height:auto!important;
}
.shop-page .shop-products.list-view .shop-image{
  grid-row:1 / span 2;margin:12px;aspect-ratio:1;
}
.shop-page .shop-products.list-view .shop-body{
  grid-column:2;padding:16px 16px 8px 0;
}
.shop-page .shop-products.list-view .shop-add{
  grid-column:2;width:auto;max-width:180px;
  margin:0 16px 16px 0!important;
  justify-self:start;
}
.shop-page .shop-products.list-view .shop-card::after{display:none}

/* Empty + pagination */
.shop-page .shop-empty h3{color:var(--s-ink);font-weight:800}
.shop-page .shop-empty p{color:var(--s-muted)}
.shop-page .shop-pagination{margin-top:28px}
.shop-page .shop-pagination button{
  width:38px!important;height:38px!important;margin:0 4px!important;
  border:1.5px solid rgba(15,118,245,.16)!important;
  border-radius:12px!important;
  background:#fff!important;color:var(--s-ink)!important;
  font-weight:800;
  transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease;
}
.shop-page .shop-pagination button:hover:not(:disabled){
  border-color:rgba(15,118,245,.35)!important;
  color:var(--s-blue-deep)!important;
  transform:translateY(-1px);
}
.shop-page .shop-pagination button.active{
  background:var(--s-brand)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(15,118,245,.3);
}
.shop-page .shop-pagination button:disabled{opacity:.4;cursor:default}

/* ---------- Services ---------- */
.shop-page .shop-services,
.shop-page .home-services.shop-services{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;margin:8px auto 36px;padding:18px!important;
  height:auto!important;
  border:1.5px solid rgba(15,118,245,.12)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(15,118,245,.08);
}
.shop-page .shop-services > div{
  display:flex;align-items:center;gap:12px;
  height:auto!important;
  min-height:0!important;
  padding:10px 12px;border-radius:14px;
  border:0!important;
  background:linear-gradient(145deg,#f7fbff,#eefaf6);
}
.shop-page .shop-services > div b{
  width:42px;height:42px;flex:none;
  display:grid;place-items:center;
  border-radius:14px;
  background:var(--s-brand);color:#fff;
  font-size:18px;
  box-shadow:0 8px 16px rgba(15,118,245,.28);
}
.shop-page .shop-services > div span{
  display:flex;flex-direction:column;gap:2px;min-width:0;
}
.shop-page .shop-services strong{
  display:block;font-size:12.5px;font-weight:800;color:var(--s-ink);
  line-height:1.25;
}
.shop-page .shop-services small{
  display:block;margin-top:0;color:var(--s-muted);font-size:11px;font-weight:600;
  line-height:1.3;
}

/* ---------- Responsive ---------- */
@media(max-width:1000px){
  .shop-page .shop-products{grid-template-columns:repeat(3,minmax(0,1fr))}
  .shop-page .polo-copy{padding-left:40px}
  .shop-page .shop-services,
  .shop-page .home-services.shop-services{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:767px){
  /* Keep desktop polo-hero composition on mobile */
  .shop-page .polo-hero{
    height:auto!important;
    min-height:168px!important;
    border-radius:16px!important;
    grid-template-columns:1.05fr .95fr!important;
    align-items:stretch!important;
    overflow:hidden!important;
  }
  .shop-page .polo-copy{padding:18px 12px 16px 16px!important}
  .shop-page .sun-icon{
    display:inline-block!important;
    position:static!important;
    left:auto!important;top:auto!important;
    font-size:20px!important;
    line-height:1!important;
    margin:0 0 4px!important;
  }
  .shop-page .polo-copy h1{font-size:clamp(20px,5.8vw,28px)!important;margin:0 0 8px!important}
  .shop-page .polo-copy p{font-size:11.5px!important;line-height:1.45!important;margin:0 0 10px!important}
  .shop-page .age-pill{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    padding:8px 12px!important;
    line-height:1!important;
  }
  .shop-page .polo-art{min-height:168px!important;height:100%!important}
  .shop-page .polo-art .plane,
  .shop-page .polo-art .spark{
    display:block!important;
    font-size:18px!important;
  }
  .shop-page .polo-art .plane{top:10px!important;left:8px!important}
  .shop-page .polo-art .spark{top:18px!important;right:10px!important;left:auto!important}
  .shop-page .shop-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .shop-page .shop-image{margin:8px 8px 0;border-radius:12px}
  .shop-page .shop-image img{
    position:absolute!important;inset:0!important;
    width:100%!important;height:100%!important;
    object-fit:contain!important;padding:10px!important;
    display:block!important;opacity:1!important;visibility:visible!important;
  }
  .shop-page .shop-body{padding:10px 11px 12px}
  .shop-page .shop-name{font-size:12.5px!important}
  .shop-page .shop-price{font-size:14px!important}
  .shop-page .shop-add{height:36px!important;font-size:11px!important}
  .shop-page .catalog-toolbar{flex-direction:column;align-items:flex-start;gap:12px}
  .shop-page .shop-services,
  .shop-page .home-services.shop-services{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    padding:12px!important;
    height:auto!important;
  }
  .shop-page .shop-services > div{
    height:auto!important;
    min-height:52px!important;
    align-items:center!important;
    gap:8px!important;
    padding:8px 8px!important;
  }
  .shop-page .shop-services > div b{
    width:34px!important;height:34px!important;
    border-radius:10px!important;
    font-size:15px!important;
  }
  .shop-page .shop-services strong{font-size:11px!important;line-height:1.2!important}
  .shop-page .shop-services small{font-size:9px!important;line-height:1.25!important}
  .shop-page .shop-products.list-view .shop-card{
    grid-template-columns:120px minmax(0,1fr);
  }
  .shop-page .shop-products.list-view .shop-image{margin:8px}
  .shop-page .shop-products.list-view .shop-add{max-width:100%;margin:0 10px 12px 0!important}
}
@media(max-width:430px){
  .shop-page .shop-services,
  .shop-page .home-services.shop-services{
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    padding:10px!important;
  }
  .shop-page .shop-services > div{
    height:auto!important;
    padding:7px 6px!important;
    gap:6px!important;
  }
  .shop-page .shop-services > div b{
    width:30px!important;height:30px!important;
    font-size:13px!important;
  }
  .shop-page .shop-services strong{font-size:10px!important}
  .shop-page .shop-services small{font-size:8.5px!important}
}