@media (max-width: 767px) {
  html body.type-product .overall-wrapper { padding-top: 80px !important; }
  html body:is(.in-kosik, .ordering-process) ol.cart-header { display: grid !important; grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; align-items: start !important; }
  html body:is(.in-kosik, .ordering-process) ol.cart-header > li { display: flex !important; justify-content: flex-start !important; align-items: center !important; align-self: start !important; flex-direction: column !important; gap: 10px !important; padding: 0px !important; margin: 0px !important; }
  html body:is(.in-kosik, .ordering-process) ol.cart-header > li > a, html body:is(.in-kosik, .ordering-process) ol.cart-header > li > strong, html body:is(.in-kosik, .ordering-process) ol.cart-header > li > span { display: block !important; padding: 0px !important; margin: 0px !important; line-height: 1.35 !important; min-height: 2.7em !important; text-align: center !important; }
  html body:is(.in-kosik, .ordering-process) ol.cart-header > li::before { position: static !important; transform: none !important; flex-shrink: 0 !important; margin: 0px !important; }
  html body #cart-widget { height: auto !important; bottom: auto !important; max-height: calc(100dvh - 110px) !important; overflow-y: auto !important; }
  html body #cart-widget :is(.cart-widget-inner, .cart-widget-products) { height: auto !important; min-height: 0px !important; flex: 0 0 auto !important; max-height: none !important; overflow: visible !important; }
  html body #cart-widget .cart-widget-product:not([data-testid="cartTitle"]) { display: grid !important; grid-template-columns: 54px minmax(0px, 1fr) !important; gap: 10px 15px !important; align-items: start !important; }
  html body #cart-widget .cart-widget-product-image { grid-area: 1 / 1 / 3; }
  html body #cart-widget .cart-widget-product-name { grid-area: 1 / 2; width: auto !important; padding-bottom: 0px !important; min-width: 0px !important; }
  html body #cart-widget [data-testid="cartWidgetProductPrice"] { position: static !important; }
  html body #cart-widget .cart-widget-product-amount { grid-area: 2 / 2; position: static !important; }
  html body #cart-widget :is(.cart-widget-button, .cart-free-shipping) { position: relative !important; inset: auto !important; width: auto !important; clear: both !important; }
  html body #cart-widget .cart-widget-button { padding: 12px !important; margin-top: 0px !important; flex: 0 0 auto !important; }
  html body #cart-widget .cart-free-shipping { margin: 0px !important; padding: 12px !important; }
  html body :is(#cart-widget, .cart-table) .quantity { display: grid !important; grid-template-columns: 44px 44px 44px !important; gap: 0px !important; align-items: start !important; width: 132px !important; height: auto !important; min-height: 44px !important; padding: 0px !important; position: relative !important; overflow: visible !important; }
  html body :is(#cart-widget, .cart-table) .quantity > label { grid-area: 1 / 2; min-width: 0px !important; }
  html body :is(#cart-widget, .cart-table) .quantity input.amount { position: static !important; display: block !important; width: 44px !important; height: 44px !important; min-height: 44px !important; margin: 0px !important; padding: 0px !important; text-align: center !important; color: rgb(0, 0, 0) !important; font-size: 16px !important; opacity: 1 !important; }
  html body :is(#cart-widget, .cart-table) .quantity > :is(.increase, .decrease) { grid-row: 1; position: static !important; inset: auto !important; transform: none !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; margin: 0px !important; padding: 0px !important; line-height: 1 !important; color: rgb(0, 0, 0) !important; }
  html body :is(#cart-widget, .cart-table) .quantity > .decrease { grid-column: 1; }
  html body :is(#cart-widget, .cart-table) .quantity > .increase { grid-column: 3; }
  html body :is(#cart-widget, .cart-table) .quantity > :is(.increase, .decrease)::before, html body :is(#cart-widget, .cart-table) .quantity > :is(.increase, .decrease)::after { display: none !important; content: none !important; }
  html body :is(#cart-widget, .cart-table) .quantity > :is(.increase, .decrease) > span { display: block !important; position: static !important; font-family: Arial, sans-serif !important; font-size: 22px !important; line-height: 1 !important; }
  html body :is(#cart-widget, .cart-table) .quantity > :is(.increase-tooltip, .decrease-tooltip) { position: absolute !important; }
  html body #cart-widget .quantity > label > span { position: absolute !important; width: 1px !important; height: 1px !important; clip-path: inset(50%) !important; }
  html body.in-kosik .cart-table .quantity > label > span { position: absolute !important; left: 0px !important; top: -24px !important; white-space: nowrap !important; }
}

/* 2026-10-10: only homepage review spacing and Instagram gap */
body.type-index .hp-ratings #ratingsList .vote-wrap{height:auto!important;min-height:0!important;align-self:flex-start!important}
body.type-index .hp-ratings #ratingsList .slick-list{padding-top:10px!important;padding-bottom:10px!important}
body.type-index .hp-ratings+.blog-section{padding-top:12px!important}
body.type-index .custom-footer__instagram.instagram-line{margin-top:24px!important}
@media(max-width:767px){body.type-index .hp-ratings+.blog-section{padding-top:0!important}body.type-index .custom-footer__instagram.instagram-line{margin-top:20px!important}}

body.type-index .hp-ratings #ratingsList .vote-wrap:not(.slick-active){contain:size}