/** Shopify CDN: Minification failed

Line 249:26 The "-" operator only works if there is whitespace on both sides

**/
/*------------------------------------------------------------------

[Table of contents]

1. Body
2. Header / #header
3. Navigation / #navbar
4. Content / #content
5. Left column / #leftcolumn
6. Right column / #rightcolumn
7. Sidebar / #sidebar
8. RSS / #rss
9. Search / #search
10. Boxes / .box
11. Sideblog / #sideblog
12. Advertisements / .ads
13. Footer / #footer

-------------------------------------------------------------------*/
html,
body {
  overflow-x: hidden !important; }

* {
  outline: 0 !important;
  box-sizing: border-box; }

.nav > li > a:focus {
  background: transparent; }

a:hover {
  text-decoration: none !important; }

.clear-none {
  clear: none !important; }

.clear-space {
  padding: 0 !important; }

.clear-space-left {
  padding-left: 0; }

.clear-space-right {
  padding-right: 0; }

.red {
  color: red; }

.left {
  float: left; }

.right {
  float: right; }

.flex {
  display: flex; }

.inline-block {
  display: inline-block; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.row.flex {
  display: flex;
  flex-direction: row; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.fixed {
  position: fixed; }

.delay02 {
  transition: all .2s ease; }

.delay03 {
  transition: all .3s ease; }

.delay04 {
  transition: all .4s ease; }

.delay05 {
  transition: all .5s ease; }

.delay1 {
  transition: all 1s ease; }

.delay1_5 {
  transition: all 1.5s ease; }

.delay2 {
  transition: all 2s ease; }

.uppercase {
  text-transform: uppercase; }

.capital {
  text-transform: capitalize; }

.full-width {
  width: 100%; }

.column-10 {
  width: 10%; }

.column-3 {
  width: 33.33333%; }

.column-4 {
  width: 25%; }

.column-6 {
  width: 16.66667%; }

.column-20 {
  width: 20%; }

.column-30 {
  width: 30%; }

.column-40 {
  width: 40%; }

.column-50 {
  width: 50%; }

.column-60 {
  width: 60%; }

.column-70 {
  width: 70%; }

.column-80 {
  width: 80%; }

.column-90 {
  width: 90%; }

.dropdown-menu {
  transform: translateY(10px);
  transition: .3s; }

.dropdown-menu li a {
  font-size: 14px !important;
  line-height: 24px; }

.dropdown:hover .dropdown-menu,
.dropdown:focus .dropdown-menu {
  transform: none;
  transition: .3s; }

.mega-menu-main {
  padding-bottom: 30px;
  min-width: 550px;
  box-shadow: 0px 5px 11.88px 0.12px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 5px 11.88px 0.12px rgba(0, 0, 0, 0.1);
  border: 0;
  border-radius: 0; }

.menu-main li {
  list-style-type: none; }

.menu-main .lv1 li a {
  font-size: 16px; }

.btn-default {
  border: 0;
  border-radius: 0;
  background: #fff;
  box-shadow: unset;
  background: #fff; }

.btn-default:hover {
  background: #fff; }

.btn-default:focus {
  background: #fff; }

.btn-default:focus:active {
  background: #fff; }

.btn-default:active {
  background: #fff;
  box-shadow: unset; }

.btn-default.active {
  background: #fff;
  border-color: #fff;
  box-shadow: unset; }

.btn-default.active:hover {
  background: #fff; }

.btn-default.active:focus {
  background: #fff !important; }

a:focus {
  text-decoration: none; }

.form-control:focus {
  border-color: #ddd;
  box-shadow: unset; }

.link-default {
  color: black;
  transition: all .3s ease; }

.link-default:hover {
  color: #ee9051; }

.circle {
  border-radius: 50%;
  border: 1px solid #f0f0f0;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 5px;
  transition: .3s; }
  .circle:hover {
    transform: scale(1.2);
    transition: .3s; }

.table > tbody > tr > td {
  vertical-align: middle; }

.input-number-group {
  display: flex; }

.input-number-group input[type=number]::-webkit-inner-spin-button,
.input-number-group input[type=number]::-webkit-outer-spin-button {
  appearance: none; }

.input-number-group .input-group-button {
  line-height: calc(80px/2-10px); }

.input-number-group .input-number {
  width: 40px;
  text-align: center;
  outline: none;
  display: block;
  margin: 0; }

.input-number-group .input-number,
.input-number-group .input-number-decrement,
.input-number-group .input-number-increment {
  user-select: none; }

.input-number-group .input-number-decrement,
.input-number-group .input-number-increment {
  display: inline-block;
  width: 30px;
  background: #fff;
  color: #909090;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  font-weight: 400; }

.input-number-group .input-number-decrement {
  margin-right: 0.3rem; }

.input-number-group .input-number-increment {
  margin-left: 0.3rem; }

input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none; }

li .link-menu {
  color: #323232; }

li .link-menu.white {
  color: #fff; }

li:hover .link-menu {
  color: #ee9051; }

.link-menu {
  color: #323232; }

.link-menu.white {
  color: #fff; }

.link-menu.white .st0 {
  stroke: #fff; }

.link-menu:hover i {
  color: #ee9051; }

.title-hover:hover {
  color: #ee9051 !important; }

.hover-zoom-out {
  overflow: hidden;
  transition: all .5s ease; }

.hover-zoom-out:hover {
  transform: scale(1.05); }

.over-hidden {
  overflow: hidden; }

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 30;
  background: rgba(29, 29, 31, 0.6);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease; }

.overlay.active {
  opacity: 1;
  visibility: visible; }

.overlay-mini {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: all .3s ease;
  transform: scale(0);
  top: 0; }

.form-search {
  z-index: 100;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background: #fff;
  padding: 10% 0 0 0; }

.form-search h3 {
  font-size: 50px;
  padding-bottom: 55px;
  text-transform: capitalize;
  line-height: 60px; }

.form-search i {
  cursor: pointer;
  position: absolute;
  top: 50px;
  right: 50px;
  font-size: 50px;
  color: #333;
  transition: all .3s ease; }

.form-search i:hover {
  transform: rotate(90deg); }

.form-search form {
  justify-content: center;
  display: flex; }

.form-search form input {
  font-weight: 300;
  font-size: 40px;
  color: #000;
  height: 50px;
  width: 60%;
  border-radius: 0;
  border: 0;
  outline: 0;
  box-shadow: unset; }

.form-search form input::-webkit-input-placeholder {
  color: #000; }

.form-search form input::-moz-placeholder {
  color: #000; }

.form-search form button {
  margin-left: 15px;
  border-radius: 0;
  border: 0;
  font-size: 18px;
  background: #000;
  color: #fff;
  padding: 5px 50px;
  text-transform: uppercase;
  transition: all .3s ease; }

.form-search form button:hover {
  background: #41cce5; }

.form-cart {
  position: fixed;
  overflow: hidden;
  right: -470px;
  height: 100%;
  width: 470px;
  top: 0;
  z-index: 100;
  background: #fff; }

.form-cart i {
  cursor: pointer;
  position: absolute;
  top: 50px;
  right: 50px;
  font-size: 30px;
  color: #333;
  transition: all .3s ease; }

.form-cart i:hover {
  transform: rotate(90deg); }

.form-cart h3 {
  font-size: 36px;
  text-align: left;
  padding-left: 30px;
  padding-top: 26px; }

.form-cart .empty-cart {
  padding-top: 50%; }

.form-cart .empty-cart p {
  font-size: 22px;
  text-align: center;
  padding-bottom: 20px; }

.form-cart .empty-cart a {
  width: 187px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: inline-block;
  background: #ee9051;
  color: #fff;
  font-size: 18px;
  margin-left: 30%; }

.form-cart .empty-cart a:hover {
  background: #f47d2e; }

@media (max-width: 480px) {
  .form-cart {
    width: 300px; }

  .form-cart .empty-cart a {
    margin-left: 20%; } }
.st0 {
  fill: none;
  stroke: #000000;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-miterlimit: 10; }

#myVideo {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.swatch .title_variant {
  color: #000000;
  margin: 0;
  position: relative;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 20px;
  font-weight: 600;
  min-width: 55px;
  border-bottom: 2px solid #000;
  margin-right: 27px; }

.swatch .title_variant.header:after {
  bottom: 10px; }

.swatch .link_color {
  display: inline-block;
  height: 20px !important;
  min-width: 20px !important;
  margin-right: 10px;
  border-radius: 50%;
  border: 1px solid #ccc;
  transition: all .3s ease;
  position: relative; }
  .swatch .link_color:after {
    content: "";
    border: 1px solid #b0b0b0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0; }
  .swatch .link_color:hover:after {
    content: "";
    width: 26px;
    height: 26px;
    border: 1px solid #b0b0b0;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1; }
  @media (max-width: 576px) {
    .swatch .link_color:hover:after {
      content: "";
      border: 2px solid #b0b0b0;
      width: 26px;
      height: 26px;
      border-radius: 50%;
      display: inline-block;
      position: absolute;
      text-align: center;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      opacity: 1; } }

.swatch input:checked + .border-color .link_color:after {
  content: "";
  border: 1px solid #b0b0b0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 1; }
@media (max-width: 576px) {
  .swatch input:checked + .border-color .link_color:after {
    content: "";
    border: 2px solid #b0b0b0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1; } }

.swatch .variant_color.variant_quickview .link_color {
  margin-bottom: 0; }

.swatch .variant_color .link_color:hover {
  border: 1px solid #000; }

.swatch .variant_color .link_color .ciloe_filter_color {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%; }

.swatch .variant_color {
  top: 5px; }

.swatch .variant_other {
  width: auto;
  min-width: 43px;
  display: inline-block;
  min-width: unset !important;
  height: unset !important;
  line-height: unset;
  padding: 10px 15px;
  border: 1px solid #ccc !important;
  color: #000;
  margin: 0 10px 10px 0 !important;
  text-align: center;
  transition: all .3s ease;
  font-size: 14px;
  font-weight: 600;
  opacity: .2; }

.swatch .variant_other:hover,
.swatch .variant_other:focus,
.swatch input:checked + .variant_other {
  border: 1px solid #000 !important;
  opacity: 1; }

.swatch input:checked + label {
  background: unset;
  color: #000; }

@-webkit-keyframes smoothFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes smoothFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px); }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes smoothFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes smoothFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes smoothFadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes smoothFadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes smoothFadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes smoothFadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes smoothFadeInTop {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes smoothFadeInTop {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes smoothFadeInTop {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes smoothFadeInBottom {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes smoothFadeInBottom {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@-webkit-keyframes smoothFadeOutUp {
  from {
    opacity: 1; }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); } }

@keyframes smoothFadeOutUp {
  from {
    opacity: 1; }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); } }

@-webkit-keyframes smoothFadeOutDown {
  from {
    opacity: 1; }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); } }

@keyframes smoothFadeOutDown {
  from {
    opacity: 1; }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0); } }

@-webkit-keyframes smoothFadeOutLeft {
  from {
    opacity: 1; }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); } }

@keyframes smoothFadeOutLeft {
  from {
    opacity: 1; }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0); } }

@-webkit-keyframes smoothFadeOutRight {
  from {
    opacity: 1; }

  to {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

@keyframes smoothFadeOutRight {
  from {
    opacity: 1; }

  to {
    opacity: 0;
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0); } }

#collection-more-info h2,
#collection-more-info h3,
#collection-more-info h4,
#collection-more-info p {
  color: #485873 !important; }

/* #collection-more-info typography is owned by assets/engo-customizes.css.liquid.
   The rule that stood here set padding: 10px 0 0 with no competitor, so it added
   10px above every section heading on top of engo's margin, and its font-weight
   and margin-bottom were dead. Removed 16 Aug 2026. Heading colour still comes
   from the combined colour rule above. Do not re-add sizes or spacing here. */
#collection-more-info ul {
  color: #485873 !important; }

#shopify-section-footer {
  padding-top: 50px; }

#shopify-section-template--21381114069277__collection_template .title-page {
  padding: 0 20px;
  max-width: 1000px;
  margin: 0 auto; }

#shopify-section-template--21381114069277__collection_template .title-page h2 {
  line-height: 1.2;
  font-weight: 700; }

#shopify-section-template--21381114069277__collection_template .title-page h4 {
  font-size: 24px;
  font-weight: 700;
  color: #000000;
  line-height: 1.2;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4); }

#shopify-section-template--21381114069277__collection_template .title-page p {
  font-size: 16px;
  font-weight: 400;
  color: #485873;
  line-height: 1.2; }

#collection-more-info > .container {
  padding: 0 22px !important; }

/* dead: superseded later in this file and by engo-customizes. Removed 16 Aug 2026. */
/* dead: engo-customizes sets p margin with !important. Removed 16 Aug 2026. */
.detail-info .random_product {
  text-transform: lowercase !important; }

.prod_extended .trust_badges {
  display: flex;
  gap: 25px;
  margin: 30px 0; }

.prod_extended .trust_badges > div {
  display: flex;
  flex-direction: column;
  gap: 10px;
  text-align: center;
  align-items: center; }

.prod_extended .trust_badges > div span {
  font-size: 16px !important;
  font-weight: 600;
  color: #5D7393;
  line-height: 1.3; }

.prod_extended .accepted-payments h4 {
  font-size: 23px;
  line-height: 1.2;
  font-weight: 700;
  color: #485873;
  margin-bottom: 12px; }

.prod_extended .accepted-payments > div {
  gap: 10px;
  display: flex; }

.prod_extended .content-page-detail .detail-info .product-meta-info .product-sku,
.product_sidebar .content-page-detail .detail-info .product-meta-info .product-sku {
  margin-top: 30px !important; }

.collection-page-fullwidth .content-page {
  padding-top: 20px; }

/* The toolbar row carried another 50px of its own padding on top of the
   content-page padding, which doubled the gap under the collection title. */
.collection-page-fullwidth .content-page .shop_control,
.collection-page-sidebar .content-page .shop_control {
  padding-top: 0 !important; }

/* The 2/3/4/5 column switcher. It rendered as a lone dark circle floating in
   the middle of the toolbar, detached from the sort control on the right, and
   duplicates a choice the grid already makes responsively. Removed 16 Aug 2026. */
.shop_control .change_prod .change_collum {
  display: none !important; }

.collection-page-fullwidth .content-page .shop_control, .collection-page-sidebar .content-page .shop_control {
  display: none !important; }

.custom-sidebar-v2 {
  overflow: visible;
  padding: 3px; }

.custom-sidebar-v2 > h3 {
  font-size: 24px;
  color: #485873;
  line-height: 1.2;
  font-weight: 600;
  margin-bottom: 15px; }

.custom-sidebar-v2 > div {
  background: #f9f9f9;
  box-shadow: 0 1px 3px 0 rgba(166, 180, 195, 0.45);
  padding: 30px 40px; }

.custom-sidebar-v2 > div > section {
  margin-bottom: 30px; }

.custom-sidebar-v2 > div > section:last-of-type {
  margin-bottom: 0; }

.custom-sidebar-v2 > div > section:last-of-type > div {
  margin-bottom: 8px !important; }

.custom-sidebar-v2 > div > section:last-of-type > div:last-of-type {
  margin-bottom: 0 !important; }

.custom-sidebar-v2 > div > section:last-of-type > div > a {
  border-radius: 10px;
  background: #fff;
  border: 1px solid #ddd;
  text-align: center;
  font-weight: 600;
  display: block;
  padding: 8px 18px;
  width: 100%;
  color: #5D7393 !important;
  transition: all 0.2s ease-out; }

.custom-sidebar-v2 > div > section:last-of-type > div > a:hover {
  border: 1px solid #2EB1FF !important;
  color: #2EB1FF !important; }

.custom-sidebar-v2 > div > section h5 {
  color: #5D7393;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 10px;
  font-weight: 700; }

.custom-sidebar-v2 > div > section li {
  margin-bottom: 8px; }

.custom-sidebar-v2 > div > section li:last-of-type {
  margin-bottom: 0; }

.custom-sidebar-v2 > div > section li a {
  color: #5D7393;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500; }

.custom-sidebar-v2 > div > section li a:hover {
  color: #38b3fc; }

.loox-float-toggler-container .loox-float-toggler {
  display: none !important; }

/* Collection title block. The banner image behind the title is switched off by
   the background:#fff below, but the 80px of top padding that was sized for that
   banner stayed behind, so every collection page opened with a band of empty
   white between the H1 and the product grid. Padding now matches a plain title.
   Updated 16 Aug 2026. */
.breadcrumb_collection .bg-breadcrumb {
  padding: 24px 0 0 !important;
  background: #fff !important; }

.breadcrumb_collection .container-v1 {
  padding-bottom: 0 !important; }

.breadcrumb_collection .bg-breadcrumb .title-page h1 {
  color: #485873 !important;
  font-weight: 700 !important;
  font-size: 50px !important;
  line-height: 1.1 !important;
  letter-spacing: 0 !important;
  margin-bottom: 12px !important;
  /* headings are text-transform: capitalize site-wide, which Title Cases the
     joining words in a collection title ("Dog Car Seats And Dog Car Seat
     Covers"). All 146 collection titles are stored correctly cased in Shopify,
     checked 16 Aug 2026, so render them verbatim. */
  text-transform: none !important; }

.breadcrumb_collection .bg-breadcrumb .title-page h4 {
  font-size: 24px !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  color: #485873 !important;
  font-weight: 600 !important;
  margin-bottom: 20px !important;
  border-bottom: none !important;
  padding-bottom: 0 !important;
  text-transform: none !important; }

/* Collection intro under the H1, restored 16 Aug 2026 via
   snippets/collection-intro.liquid. The h4 subtitle already picks up the brand
   styling in the rule above; these rules cover the paragraph, the block width
   and the spacing between the title and the product grid. */
.rpba-collection-intro {
  max-width: 820px;
  margin: 0 auto; }

.rpba-collection-intro h4 {
  margin-bottom: 10px !important; }

.rpba-collection-intro p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #5d7393;
  text-transform: none;
  margin: 0 0 4px; }

.rpba-collection-intro p:last-child {
  margin-bottom: 0; }

@media (max-width: 767px) {
  .rpba-collection-intro {
    max-width: none;
    padding: 0 4px; } }
.breadcrumb_collection .bg-breadcrumb .title-page > p {
  font-size: 16px !important;
  color: #5D7393 !important;
  font-weight: 500 !important;
  margin-bottom: 20px !important;
  line-height: 1.6 !important;
  letter-spacing: 0 !important; }

.breadcrumb_collection .bg-breadcrumb .title-page > p:last-of-type {
  margin-bottom: 0 !important; }

#collection-more-info > div {
  padding: 40px 22px 0 !important; }

#collection-more-info h4 {
  color: #485873 !important; }

#collection-more-info p {
  color: #5D7393 !important;
  font-size: 16px !important;
  line-height: 1.6 !important; }

/* dead: engo-customizes sets p margin with !important. Removed 16 Aug 2026. */
.custom-add-to-cart-btn {
  margin-top: 20px; }

.custom-add-to-cart-btn form {
  display: flex;
  justify-content: center; }

.custom-add-to-cart-btn form button {
  display: inline-block;
  padding: 13px 28px;
  border-radius: 6px;
  color: #fff;
  background: #2EB1FF;
  font-weight: 500;
  line-height: 1.2;
  transition: all 0.2s ease-out; }

.custom-add-to-cart-btn form button:hover {
  opacity: 0.7; }

.custom-add-to-cart-btn form button.sold-out-btn {
  background: #f9f9f9 !important;
  color: #5D7393 !important; }

.custom-add-to-cart-btn form button.sold-out-btn:hover {
  opacity: 1 !important;
  cursor: default !important; }

.product-icon-action .add-to-cart {
  display: none; }

#header .list-woman {
  display: none !important; }

.menu_moblie.menu_mobilescroll {
  position: static !important;
  top: auto !important; }

.product-item-v9 .price-product .price-old {
  color: #38b3fc !important;
  font-weight: 400 !important; }

.loox-star-ratings {
  margin-top: 10px;
  display: flex;
  justify-content: center; }

.loox-rating-label {
  color: #485873 !important;
  font-size: 16px !important;
  position: relative;
  top: 1px; }

.product-item-v9 .des-font {
  line-height: 1.4 !important; }

#shopify-section-footer .footer_v1 .top-footer {
  padding: 70px 0 45px 0 !important; }

.footer_v1 .top-footer .info_footer .content_footer,
.footer_v1 .top-footer .info_footer h4,
.footer_v1 .top-footer .info_footer ul li a,
.footer_v1 .copyright .text-copyright,
.footer_v1 .copyright .text-copyright a {
  font-size: 16px !important;
  line-height: 1.4 !important; }

.footer_v1 .top-footer .info_footer ul li {
  margin-bottom: 6px; }

.footer_v1 .top-footer .info_footer ul li:last-of-type {
  margin-bottom: 0; }

#shopify-section-footer .footer_v1 .copyright .text-copyright a:hover {
  text-decoration: none !important; }

.section-testimonial-v2 {
  margin-bottom: -50px !important; }

#header .currencies-login .cart-login-search ul li:last-of-type a svg,
.js-call-minicart svg {
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
  position: relative;
  top: -2px; }

#header .currencies-login .cart-login-search ul li:last-of-type a svg path,
.js-call-minicart svg path {
  fill: #38b3fc !important; }

#header .currencies-login .cart-login-search ul li:last-of-type a {
  display: block !important; }

#header .currencies-login .cart-login-search ul li .cart .number-cart.active {
  bottom: -5px !important;
  left: 17px !important; }

#header .currencies-login .cart-login-search > ul {
  display: flex;
  align-items: center;
  gap: 10px; }

.menu_moblie .menuright a span {
  top: 8px !important;
  right: 7px !important; }

.guest-checkout {
  margin: 60px auto 20px;
  background: #f9f9f9 !important;
  padding: 40px 10px;
  width: 100%;
  display: flex;
  justify-content: center; }

.guest-checkout a {
  border-radius: 0;
  padding: 12px 40px;
  background-color: #485873;
  text-transform: uppercase;
  color: #fff;
  position: relative;
  overflow: hidden;
  border: none;
  letter-spacing: .2em;
  font-size: 14px;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; }

.guest-checkout a:hover {
  background-color: #fff;
  color: #38b3fc;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); }

.guest-checkout a:after {
  content: '';
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-right: 1px solid #38b3fc;
  border-left: 1px solid #38b3fc;
  transform: translateY(-100%);
  transition: all .3s ease-out; }

.guest-checkout a:hover:after {
  transform: translateY(0);
  opacity: 1; }

.guest-checkout a:before {
  content: '';
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px solid #38b3fc;
  border-bottom: 1px solid #38b3fc;
  transform: translateX(-100%);
  transition: all .3s ease-out; }

.guest-checkout a:hover:before {
  transform: translateX(0);
  opacity: 1; }

.tab-pd-details .tab-addition .content2 .info2 ul li a {
  color: #38b3fc !important; }

.tab-pd-details .tab-addition .content2 .info2 ul li a:hover {
  text-decoration: underline !important; }

#shopify-section-template--21381114626333__main .container h2 {
  margin-top: 35px;
  padding-top: 30px;
  border-top: 1px solid #eee; }

#shopify-section-template--21381114626333__main .container h2:first-of-type {
  margin-top: 0;
  padding-top: 0;
  border-top: none; }

#shopify-section-template--21381114626333__main .container h3 {
  font-size: 20px !important;
  margin-top: 30px;
  font-weight: 700 !important; }

#shopify-section-template--21381114298653__rich_text_FjwYEa {
  padding: 40px 0; }

#shopify-section-template--21381114298653__rich_text_FjwYEa h2 {
  margin: 0 !important; }

#shopify-section-template--21381114298653__rich_text_FjwYEa .rich-text {
  margin-bottom: 0 !important; }

#shopify-section-template--21381114298653__main .breadcrumb_collection {
  display: none !important; }

#shopify-section-template--21381114298653__main .list-category {
  padding-top: 20px !important; }

#shopify-section-template--21381114298653__main .list-category .info_col {
  background: rgba(255, 255, 255, 0.9); }

#shopify-section-template--21381114298653__main .list-category .img_collection:hover img {
  transform: scale(1.05) !important;
  transition: 0.3s !important; }

.minicart {
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  background: #fff !important; }

.minicart a {
  transition: all 0.2s ease-out !important; }

.minicart .mini-content .action-checkout {
  border-bottom-left-radius: 15px;
  display: flex;
  flex-direction: column;
  padding: 0 15px;
  gap: 10px;
  background: #fff !important; }

.minicart .mini-content .sub-total {
  bottom: 105px !important;
  height: auto !important;
  padding-top: 15px !important; }

.minicart .mini-content .prod {
  background: #fff !important;
  padding: 0 40px !important; }

.minicart .mini-content .action-checkout .button-viewcart,
.minicart .mini-content .action-checkout .button-checkout {
  width: 100% !important;
  background: transparent !important;
  color: #38b3fc !important;
  transition: all 0.2s ease-out !important; }

.minicart .mini-content .action-checkout .button-checkout {
  order: 1;
  border-radius: 6px;
  background: #38b3fc !important;
  color: #fff !important;
  padding: 19px 28px;
  height: auto !important;
  line-height: 1 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important; }

.minicart .mini-content .action-checkout .button-viewcart {
  order: 2;
  padding: 6px 28px 19px;
  height: auto !important;
  line-height: 1 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important; }

.minicart .mini-content .action-checkout .button-viewcart:hover,
.minicart .mini-content .action-checkout .button-checkout:hover {
  opacity: 0.7; }

.minicart .mini-content .sub-total .total-title {
  font-size: 16px !important; }

.minicart .mini-content .sub-total .free-shipping {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: center; }

.minicart .mini-content .sub-total .free-shipping span {
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  font-style: italic;
  color: #19CDFF; }

.minicart .mini-content .mini-cart-head .mini-cart-counter {
  display: none !important; }

.minicart .mini-content .mini-cart-head .title {
  border-bottom: none !important;
  line-height: 1.4 !important;
  height: auto !important;
  padding: 15px 0 17px !important; }

.minicart .mini-content .mini-cart-head .close-mini-cart {
  border-right: 0 !important; }

.minicart .mini-content .mini-cart-head .close-mini-cart svg {
  width: 10px !important; }

.minicart .mini-content .prod .product-cart .minicart_item li {
  border-bottom: 1px solid #CADDF7 !important; }

.minicart .mini-content .prod .product-cart .minicart_item:last-of-type li {
  border-bottom: none !important; }

.minicart .mini-content .prod .product-cart .minicart_item li .product-detail .product_name_mini a,
.minicart .mini-content .prod .product-cart .minicart_item li .product-detail .product_quanity {
  color: #5D7393 !important;
  font-size: 16px !important;
  line-height: 24px !important; }

.minicart .mini-content .prod .product-cart .minicart_item li .product-detail .product_name_mini a:hover {
  color: #38b3fc !important; }

.minicart .mini-content .prod .product-cart .minicart_item li .product-detail .product_price {
  margin-top: 8px !important; }

.minicart .mini-content .prod .product-cart .minicart_item li .product-detail .product_info .price_sale {
  font-size: 16px !important;
  color: #5D7393 !important;
  font-weight: 600 !important; }

.poup-login-destop {
  height: 650px !important; }

.product-item-v9 .product-icon-action {
  display: none !important; }

.sticky_addcart .btn-action .shop-button-amazon:hover, .sticky_addcart .btn-action .shop-button:hover {
  background: #2EB1FF !important;
  opacity: 0.7 !important; }

/* HERE */
@media (max-width: 991px) {
  .filter_sidebar_general {
    display: block !important; } }
@media (max-width: 900px) {
  .collection-page-fullwidth .content-page .shop_control, .collection-page-sidebar .content-page .shop_control {
    display: block !important; }

  .collection-page-fullwidth .js-draw-filter {
    display: none !important; }

  .collection-page-fullwidth .js-draw-filter-2 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important; }

  .custom-sidebar-v2 > h3 {
    display: none !important; }

  .custom-sidebar-v2 > div {
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important; }

  .breadcrumb_collection .bg-breadcrumb {
    padding: 40px 0 20px !important; }

  /* Sort control on mobile and tablet. This rule previously read
     display:none, which hid the entire last column of the toolbar, and the
     sort dropdown is the only thing in it. That removed sorting for every
     visitor under 900px, which is roughly 60% of sessions.

     The column is restored full width. The first column is hidden instead,
     because the only thing it contains is .js-draw-filter-btn, which is already
     hidden at every width, so it would otherwise hold a grid column for
     nothing. The filter drawers (.js-draw-filter, .js-draw-filter-2) sit
     outside .shop_control and are untouched. Updated 16 Aug 2026. */
  .collection-page-fullwidth .content-page .shop_control > div:last-of-type,
  .collection-page-sidebar .content-page .shop_control > div:last-of-type {
    display: block !important;
    flex: 0 0 100% !important;
    max-width: 100% !important; }

  .collection-page-fullwidth .content-page .shop_control > div:first-of-type,
  .collection-page-sidebar .content-page .shop_control > div:first-of-type {
    display: none !important; }

  .shop_control .change_prod {
    width: 100% !important;
    justify-content: flex-end !important; }

  .shop_control .collection-sorting {
    float: none !important; }

  .collection-page-fullwidth .content-page {
    padding-top: 0 !important; } }
@media (max-width: 767px) {
  .breadcrumb_collection .bg-breadcrumb .title-page h1 {
    font-size: 34px !important; }

  .breadcrumb_collection .bg-breadcrumb .title-page h4 {
    font-size: 20px !important; }

  .breadcrumb_collection .bg-breadcrumb {
    padding-bottom: 0 !important; } }
@media (max-width: 560px) {
  .collection-page-fullwidth .content-page .shop_control > .col-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 30px;
    padding-right: 30px; }

  .breadcrumb_collection .bg-breadcrumb {
    padding: 30px 0 0 !important; }

  .collection-page-fullwidth .content-page {
    padding-top: 0 !important; }

  .collection-page-fullwidth .content-page .shop_control .filter_sortby .filter {
    width: 100% !important;
    text-align: center; } }
@media (max-width: 460px) {
  .prod_extended .accepted-payments > div {
    flex-wrap: wrap; }

  .prod_extended .trust_badges {
    gap: 10px; }

  .prod_extended .trust_badges > div span {
    font-weight: 400; } }
@media (max-width: 360px) {
  .collection-page-fullwidth .product-grid-view > .row {
    flex-direction: column; }

  .collection-page-fullwidth .product-grid-view > .row > div {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important; } }
@media (max-width: 330px) {
  .custom-add-to-cart-btn form button {
    padding: 13px !important;
    width: 100% !important;
    display: block !important; } }
/* --- RPBA CRO 2026-08-16: collection toolbar spacing on mobile --------------
   Gives the toolbar consistent breathing room above and below, whether or not
   the collection has intro copy. Appended last so it wins on source order.
   Desktop (>900px) is untouched. */
@media (max-width: 900px) {
  .breadcrumb_collection .bg-breadcrumb .title-page > p:last-of-type {
    margin-bottom: 16px !important; }

  .breadcrumb_collection .bg-breadcrumb .title-page h1 {
    margin-bottom: 16px !important; }

  .collection-page-fullwidth .content-page .shop_control,
  .collection-page-sidebar .content-page .shop_control {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 10px !important; }

  .shop_control .change_prod,
  .shop_control .collection-sorting {
    margin-bottom: 0 !important; } }
/* --- end RPBA CRO 2026-08-16 toolbar spacing --- */
/* --- RPBA CRO 2026-08-16: collection intro sizing --------------------------
   The intro paragraph lives inside .rpba-collection-intro, NOT as a direct
   child of .title-page, so the ".title-page > p" rules never reached it. That
   is why the sort control sat flush against the intro copy. Spaced here, and
   the type is stepped down on phones where the intro was pushing the product
   grid off the screen entirely. */
@media (max-width: 900px) {
  .rpba-collection-intro {
    margin-bottom: 16px !important; } }
@media (max-width: 767px) {
  .rpba-collection-intro {
    padding: 0 8px !important; }

  /* The secondary heading repeats what the H1 already says and costs two
     lines on a phone. Hidden below 767px, kept above it. Updated 16 Aug 2026. */
  .rpba-collection-intro h4 {
    display: none !important; }

  .rpba-collection-intro p {
    font-size: 15px !important;
    line-height: 1.5 !important;
    margin-bottom: 0 !important; } }
/* --- end RPBA CRO 2026-08-16 intro sizing --- */