/** Shopify CDN: Minification failed Line 1094:12 Expected identifier but found "*" Line 3963:23 Expected identifier but found "!" Line 5420:27 Unexpected "{" **/ .link{ font-family: var(--font-body-family); font-style: var(--font-body-style); } h1,h2,.h1,.h2{ font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-weight: var(--font-heading-weight); color: var(--color-base); --font-heading-line-height: 130%; line-height: var(--font-heading-line-height); word-break: break-word; } h3,h4,h5,h6,.h3,.h4,.h5,.h6{ font-family: var(--font-heading-family-2); font-style: var(--font-heading-style-2); font-weight: var(--font-heading-weight-2); color: var(--color-base); --font-heading-line-height: 130%; line-height: var(--font-heading-line-height); word-break: break-word; } .h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; } h1>a,h2>a,h3>a,h4>a,h5>a,h6>a, .h1>a,.h2>a,.h3>a,.h4>a,.h5>a,.h6>a{ color: var(--color-base); } @media (min-width: 1025px){ h1,h2{ --h-mt: var(--sections-top-spacing); --h-mb: 40px } } @media (max-width: 1024px){ h1,h2{ --h-mt: var(--sections-top-spacing-mobile); --h-mb: 40px } } h1,.h1{ font-size: calc(36px * var(--font-heading-scale)); } h2,.h2{ font-size: calc(30px * var(--font-heading-scale)); } h1,h2{ margin-top: var(--h-mt, 0); margin-bottom: var(--h-mb, 0); } h3,.h3{ font-size: calc(24px * var(--font-heading-scale-2)); } h4,.h4{ font-size: calc(20px * var(--font-heading-scale-2)); } h5,.h5{ font-size: calc(16px * var(--font-heading-scale-2)); } h6,.h6{ font-size: calc(14px * var(--font-heading-scale-2)); } h3,h4,h5,h6{ --h-mt: 40px; --h-mb: 20px; margin-top: var(--h-mt); margin-bottom: var(--h-mb); } @media (max-width: 576px){ .h1--mobile{ font-size: calc(36px * var(--font-heading-scale)); } .h2--mobile{ font-size: calc(30px * var(--font-heading-scale)); } .h3--mobile{ font-size: calc(24px * var(--font-heading-scale-2)); } .h4--mobile{ font-size: calc(20px * var(--font-heading-scale-2)); } } .body0{ font-size: 18px; line-height: 130%; font-weight: var(--font-body-weight); } .body2{ font-size: var(--font-body2-size); line-height: var(--font-body2-line-height); font-weight: var(--font-body-weight); } .body3{ font-size: var(--font-body3-size); line-height: var(--font-body3-line-height); } strong,b,.strong{ font-weight: var(--font-body-bold-weight); } form{ margin: 0; } button, button:active, button:focus{outline: none;border: none;} img{ max-width: 100%; vertical-align: middle; } meta+img,p+img,p span img{ max-width: 100%; vertical-align: middle; margin: 10px 0; } input:focus, input:active{outline: none;} input::placeholder, textarea::placeholder{ font-family: var(--font-body-family); font-weight: var(--font-body-weight); color: var(--color-input-text); } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color: var(--color-input-text); } input::-moz-placeholder, textarea::-moz-placeholder{ color: var(--color-input-text); } a{ color: var(--color-text-link); text-decoration: underline; outline: 0; transition: color var(--duration-medium) var(--animation-bezier); } a:hover{text-decoration: none;} a.clear-underline{ text-decoration: none; } .unstyle-ul{ list-style: none; margin: 0; padding: 0; } p{ margin: 15px 0 0; } .no-js:not(html), html.no-js .no-js-hidden { display: none!important; } html.no-js .no-js:not(html) { display: block!important; } address { font-style: var(--font-body-style); } .color-base{color: var(--color-base);} .mb0{margin-bottom: 0px;} .mb3{margin-bottom: 3px;} .mb5{margin-bottom: 5px;} .mb7{margin-bottom: 7px;} .mb9{margin-bottom: 9px;} .mb10{margin-bottom: var(--padding1);} .mb15{margin-bottom: 15px;} .mb20{margin-bottom: 20px;} .mb25{margin-bottom: 25px;} .mb30{margin-bottom: var(--padding3);} .mt0{margin-top: 0px;} .mt3{margin-top: 3px;} .mt5{margin-top: 5px;} .mt10{margin-top: 10px;} .mt15{margin-top: 15px;} .mt18{margin-top: 18px;} .mt20{margin-top: 20px;} .mt30{margin-top: 30px;} .mt40{margin-top: var(--padding4);} .mt60{margin-top: var(--padding5);} .mb40{margin-bottom: var(--padding4);} .pt15{padding-top: 15px;} .subheading{ color: var(--color-subheading); margin-bottom: 20px; } .heading--mb{margin-bottom: 50px;} .el_mt_auto{margin-top: calc(var(--padding-auto) * -1);} .el_mt_auto>*{margin-top: var(--padding-auto);} .el_mt_20{margin-top: calc(var(--padding2) * -1);} .el_mt_20>*{margin-top: var(--padding2);} .el_mt_30{margin-top: calc(var(--padding3) * -1);} .el_mt_30>*{margin-top: var(--padding3);} .el_mt_40{margin-top: calc(var(--padding4) * -1);} .el_mt_40>*{margin-top: var(--padding4);} .el_mt_60{margin-top: calc(var(--padding5) * -1);} .el_mt_60>*{margin-top: var(--padding5);} .self_mt_60{margin-top: var(--padding5);} .page-fullwidth .el_mt_auto{margin-top: 0} .page-fullwidth .el_mt_auto>*{margin-top: 0;} @media (max-width: 1024px){ .heading--mb{ margin-bottom: var(--padding4); } .el_mt_60, .self_mt_60{ --padding5: var(--padding4); } } @media (max-width: 1024px){ .el_mt_auto{margin-top: calc(min(var(--padding-auto), 30px) * -1);} .el_mt_auto>*{margin-top: min(var(--padding-auto), 30px);} .el_mt_40{margin-top: calc(min(var(--padding4), 30px) * -1);} .el_mt_40>*{margin-top: min(var(--padding4), 30px);} .el_mt_auto.el_mt_auto_40_mobile{margin-top: calc(40px * -1);} .el_mt_auto.el_mt_auto_40_mobile>*{margin-top: 40px;} } @media (max-width: 576px){ .el_mt_auto{margin-top: calc(20px * -1);} .el_mt_auto>*{margin-top: 20px;} } .same__mt-10 > *:not(:first-child){ margin-top: 10px; } .same__mt-10 > :first-child{ margin-top: 0; } .text-center{text-align: center !important;} .text-left{text-align: left !important;} .nomargin{margin: 0;} .mt--first-child-0 > *:first-child{margin-top:0;} .mb--last-child-0 > *:last-child{margin-bottom:0;} .text-uppercase{text-transform: uppercase !important;} .justify-content-center{justify-content: center !important;} .align-items-start{align-items: flex-start !important;} .align-items-center{align-items: center !important;} .align-items-end{align-items: flex-end !important;} .align-self-center{align-self: center !important;} .align-self-end{align-self: flex-end !important;} .display-block{display: block;} .display-flex{display: flex;} .justify-content-between{justify-content: space-between;} .position-relative{position: relative;} .hidden, .hide{display: none !important;} .body-bold-weight{font-weight: var(--font-body-bold-weight);} .visibility-hidden{ visibility: hidden; display: none !important; } .visibility-hidden:first-child+*:not(.visibility-hidden){ margin-top: 0; } @media (min-width:577px){ .justify-content-center--no-phone{justify-content: center !important;} } .page-width, .page-wide{ width: 100%; max-width: calc(var(--page-width) + var(--page-padding)*2); margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } .page-fullwidth{ width: 100%; } .page-fullwidth .grid{ margin-left:0; margin-right:0; } .page-fullwidth [class*=col-]{ padding-left:0; padding-right:0; } @media (min-width:1025px) and (max-width: 1440px){ .page-width{ max-width: unset; padding-left: 40px; padding-right: 40px; } } @media (min-width:1025px){ .page-wide{ width: 100%; max-width: unset; margin-left: unset; margin-right: unset; padding-left: 40px; padding-right: 40px; } } @media (min-width:577px) and (max-width: 1024px){ .page-width, .page-wide{ padding-left: 30px; padding-right: 30px; } } .grid{ display: flex; flex-wrap: wrap; margin-right: calc(var(--page-padding) / -2); margin-left: calc(var(--page-padding) / -2); } [class*="col-"]{ position: relative; flex: 0 0 auto; width: 100%; padding-right: calc(var(--page-padding) / 2); padding-left: calc(var(--page-padding) / 2); } @media (min-width:577px) and (max-width: 1024px){ body{ --page-padding:var(--page-padding-tablet); } } @media (max-width:576px){ body{ --page-padding:var(--page-padding-phone); } } .col-12{max-width: 100%;} .col-10{max-width: 83.333333%;} .col-9{max-width: 75%;} .col-8{max-width: 66.666666%;} .col-7{max-width: 58.333333%;} .col-6{max-width: 50%;} .col-5{max-width: 41.666666%;} .col-4{max-width: 33.333333%;} .col-3{max-width: 25%;} .col-one_fifth{max-width: 20%;} .col-four_fifth{max-width: 80%;} .col-7-in-row{max-width: 14.28571%;} .col-one_eight{max-width: 12.5%;} .col-2{max-width: 16.666666%;} .col-9-in-row{max-width: 11.11111%;} .col-10-in-row{max-width: 10%;} .col-11-in-row{max-width: 9.0909%;} .col-12-in-row{max-width: 8.33333%;} .top-spacing-none{ --sections-top-spacing-current: 0; } .top-spacing-small{ --sections-top-spacing-current: var(--sections-top-spacing--small); --sections-top-spacing-current-mobile: var(--sections-top-spacing--small-mobile); } .top-spacing-medium{ --sections-top-spacing-current: var(--sections-top-spacing--medium); --sections-top-spacing-current-mobile: var(--sections-top-spacing--medium-mobile); } .top-spacing-normal{ --sections-top-spacing-current: var(--sections-top-spacing); --sections-top-spacing-current-mobile: var(--sections-top-spacing-mobile); } [class*="top-spacing-"]{ margin-top: var(--sections-top-spacing-current); } /* sp - screen phone <= 576 sst - screen-small-tablet <= 768px st - screen tablet <= 1024 md - screen-medium <= 1189px lg - screen-large <= 1440px */ @media (min-width:1441px){ .col-xxl-10{max-width: 83.333333%;} .col-xxl-2{max-width: 16.666666%;} } @media (max-width:1440px){ .col-lg-6{ max-width: 50%; } .col-lg-4{ max-width: 33.333333%; } } @media (max-width:1189px){ .col-md-12{ max-width: 100%; } .col-md-6{ max-width: 50%; } .col-md-3{ max-width: 25%; } .col-md-4{ max-width: 33.333333%; } } @media (max-width:1024px){ [class*="top-spacing-"]{ margin-top: var(--sections-top-spacing-current-mobile); } .col-st-2{ max-width: 16.666666%; } .col-st-3{ max-width: 25%; } .col-st-4{ max-width: 33.333333%; } .col-st-6{ max-width: 50%; } .col-st-one_fifth{ max-width: 20%; } .col-st-8{ max-width: 66.666666%; } .col-st-10{ max-width: 83.333333%; } .col-st-12{ max-width: 100%; } } @media (max-width:576px){ .col-sp-6{ max-width: 50%; } .col-sp-12{ max-width: 100%; } } .border__radius, .image--radius img{ border-radius: var(--radius); } .border__radius-top{ border-top-left-radius: var(--radius); border-top-right-radius: var(--radius); } .scroll__vertical{overflow: hidden auto;} .scroll__disabled{overflow: hidden;} summary { cursor: pointer; list-style: none; } summary::-webkit-details-marker { display: none; } [style*="--aspect-ratio"]{ position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); width: 100%; } [style*="--aspect-ratio"] img, [style*="--aspect-ratio"].placeholder__svg--bg svg{ backface-visibility: hidden; object-fit: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } [style*="--aspect-ratio"]:before{ content: ""; display: block; width: 100%; height: 0; padding-top: calc(100%/(0 + var(--aspect-ratio, 1 / 1))); } a.image-hover-scaling__image{ display: block; } @media (min-width: 1025px){ .image-hover-scaling-up{ -webkit-transform: translate3d(0,0,0); } .image-hover-scaling-up .image-hover-scaling__image{ --scale-image: 1.05; transition: transform var(--duration-medium) var(--zoom-animation-bezier); transform: scale(1); } .image-hover-scaling-up.image-hover-scaling-internal, .image-hover-scaling-up .image-hover-scaling-internal{ overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); border-radius:var(--radius); } .image-hover-scaling-up.image-hover-scaling-internal .image-hover-scaling__image, .image-hover-scaling-up .image-hover-scaling-internal .image-hover-scaling__image{ transition: transform 200ms ease; --scale-image: 1.1; } .image-hover-scaling-up:hover .image-hover-scaling__image:not(.image-hover-scaling-up--disabled), .hover-area:hover .image-hover-scaling-up .image-hover-scaling__image:not(.image-hover-scaling-up--disabled){ transform: scale(var(--scale-image)); } } .image-hover-scaling-up.image-hover-scaling-internal.border__radius--circle, .image-hover-scaling-up .image-hover-scaling-internal.border__radius--circle, .border__radius--circle{ border-radius: 50%; } .header__color-line{ width: 100%; height: 5px; background: var(--color-base); } @media(max-width: 1024px){ [style*="--aspect-ratio-mobile"]:before{ --aspect-ratio: var(--aspect-ratio-mobile); } .header__color-line{display: none;} } @media(max-width: 576px){ [style*="--aspect-ratio-phone"]:before{ --aspect-ratio: var(--aspect-ratio-phone); } } .badge__container{ display: flex; flex-wrap: wrap; gap: 4px; pointer-events: none; } .badge__container:empty{ display: none; } .badge{ display: inline-flex; pointer-events: none; border-radius:var(--radius-badge); background: var(--color-badge-1); color: var(--color-badge-1-text); font-family: var(--font-body-family); font-style: var(--font-body-style); font-size: var(--font-body2-size); line-height: var(--font-body2-line-height); font-weight: var(--font-body-bold-weight); padding: 2px 10px 2px; pointer-events: none; text-transform: initial; } .badge--fixed{ position: absolute; top: 10px; left: 10px; z-index: 1; } .badge--small{ font-size: var(--font-body4-size); line-height: var(--font-body4-line-height); padding: 1px 4px; } .badge--featured{ background: var(--color-badge-2); color: var(--color-badge-2-text); } .badge--sold_out{ background: var(--color-badge-3); color: var(--color-badge-3-text); } .badge__menu__fixed{ position: absolute; display: flex; flex-wrap: wrap; justify-content: flex-end; margin-top: 0!important; gap: 4px; top: 6px; right: 6px; z-index: 1; } *:not(.badge__menu__fixed)>.badge__menu{ position: relative; top: -2px; margin-left: 6px; } .cart-count-bubble{ display: flex; justify-content: center; align-items: center; color: var(--auto-text-color-accent); background: var(--color-accent); border-radius: 50%; } .cart-icon-bubble{ display: flex; } @media (min-width: 1025px){ .cart-count-bubble{ position: absolute; bottom: calc(100% + 4px); font-size: 12px; line-height: 130%; width: 20px; height: 20px; transition-behavior: normal; transition-duration: 350ms; transition-timing-function: cubic-bezier(0.68, -0.13, 0.3, 1.26); transition-delay: 0s; transition-property: all; backface-visibility: hidden; left: 50%; transform: translateX(-50%); } .cart-count-bubble span{ position: relative; top: 1px; } .header__button:hover .cart-count-bubble{ bottom: calc(100% + 4px - 28px); width: 30px; height: 30px; } } @media (max-width: 1024px){ .cart-count-bubble{ font-size: 16px; line-height: 130%; width: 30px; height: 30px; } .cart-icon-bubble_hide-tablet{ display: none; } } .link{ cursor: pointer; display: inline-flex; align-items: center; border: none; box-shadow: none; text-decoration: none; background-color: transparent; padding: 0; margin: 0; text-decoration: none; } .link svg{ flex: 0 0 auto; } .link:not(.link-only-svg) svg:first-child{ margin-right: 10px; } .btn-small, .btn-medium{ cursor: pointer; position: relative; display: inline-flex; align-items: center; text-align: left; color: var(--color-accent); font-weight: var(--font-button-weight); text-decoration: none; } .btn-medium{ --height: 2px; font-size: var(--font-body-size); line-height: var(--font-body-line-height); } .btn-medium--type-small{ font-size: var(--font-body2-size); line-height: var(--font-body2-line-height); } .btn-small{ --height: 1px; font-size: var(--font-body2-size); line-height: var(--font-body2-line-height); } .btn-small-body3{ font-size: var(--font-body3-size); line-height: var(--font-body3-line-height); } .btn-small:before, .btn-medium:before, .btn-medium--icon>span:before{ content: ""; pointer-events: none; position: absolute; left: 0; top: 100%; width: 100%; height: var(--height); background: var(--color-accent); transition: width var(--duration-medium) var(--animation-bezier); } .btn-medium--icon svg{ max-width: 20px; max-height: 20px; } .btn-medium--icon svg:last-child{ margin-left: 10px; } .btn-medium--icon>span:before{ width: 0; } .btn-medium.btn-medium--icon:before{ content: unset; } .btn-medium--icon>span{ position: relative; } .btn-medium:hover, .btn-small:hover{ text-decoration: none; } @media (min-width: 1025px){ .section-btn-small-container{ position: absolute; margin-top: 0; bottom: calc(100% + 20px); right: 0; z-index: 1; width: auto; padding: 0; } .grid>.section-btn-small-container{ right: calc(var(--page-padding) / 2); } .hover-area:hover .btn-small:before, .btn-small:hover:before{ width: 0; } .btn-medium:before{ width: 0; } .btn-medium--icon svg{ opacity: var(--opacity-icons); transition: opacity var(--duration-medium) var(--animation-bezier); } .btn-medium--icon:hover svg{ opacity: 1; } .hover-area:hover .btn-medium:not(.hover-area--native):before, .btn-medium--icon:hover>span:before, .btn-medium:hover:before{ width: 100%; } } @media (max-width: 1024px){ .btn-medium:after, .btn-small:after{ content: ""; position: absolute; display: block; top: -10px; left: -10px; width: calc(100% + 20px); height: calc(100% + 20px); border-radius: var(--radius-button); } .btn-medium:hover:after, .btn-small:hover:after{ background: var(--mobile-focus-color); } } svg.theme-icon path, svg.theme-icon rect{ fill: var(--color-base); } svg.placeholder-svg path{ fill: rgba(var(--color-base-rgb), .3); } svg > *{ transition: fill var(--duration-medium) var(--animation-bezier); } .btn{ --duration-short:300ms; display: inline-flex; align-items: center; justify-content: center; text-align: center; font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-button-weight); font-size: var(--font-body-size); line-height: var(--font-body-line-height); height: 50px; background: var(--background); color: var(--color); border-radius: var(--radius-button); border: unset; padding: 0 25px; width: auto; text-decoration: none; cursor: pointer; } .btn_wide{ min-width:224px; } .btn svg path{ fill: var(--fill); } .btn:hover{ text-decoration: none; } .btn_border{ padding: 0 20px; font-size: var(--font-body2-size); line-height: var(--font-body2-line-height); --background: transparent; --color:var(--color-base); --fill:var(--color-base); } .btn>*{ position: relative; } .btn>span{ top:-1px; } @media (min-width: 1025px){ .btn_zoom{ position: relative; } .btn_zoom>*{ z-index: 1; } .btn_zoom:before{ content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: var(--radius-button); border: var(--border, unset); background: var(--background); z-index: 0; transform: translate3d(0,0,0); transition: transform var(--duration-short) var(--zoom-animation-bezier), background var(--duration-short) var(--zoom-animation-bezier), width var(--duration-short) var(--zoom-animation-bezier), height var(--duration-short) var(--zoom-animation-bezier); } .btn_border.btn_zoom:before{ border: 2px solid var(--color-lines-borders); } .btn_zoom:hover:before{ --scale-button-on: 6px; transform: translate3d(-3px,-3px,0); width: calc(100% + var(--scale-button-on)); height: calc(100% + var(--scale-button-on)); } .btn_border:not(.btn_zoom){ border: 2px solid var(--color-lines-borders); } .btn__animation-arrow span{ display: flex; align-items: center; position:relative; left:0; transition-behavior: normal; transition-duration:var(--duration-short); transition-timing-function: var(--zoom-animation-bezier); transition-delay: 0s; transition-property: left; backface-visibility: hidden; } .btn__animation-arrow:hover span{ left:-6px; } .btn__animation-arrow.btn__animation-arrow--left:hover span{ left:6px; } .btn__animation-arrow span:before{ content:""; pointer-events:none; display:block; width: 5px; height: 8px; mask-image: url('data:image/svg+xml;utf8,'); mask-size: auto 8px; mask-repeat: no-repeat; transition-behavior: normal; transition-duration:var(--duration-short); transition-timing-function: var(--zoom-animation-bezier); transition-delay: 0s; transition-property: left,right,opacity; background-color: var(--color); position:absolute; right:-25px; opacity:0; } .btn__animation-arrow.btn__animation-arrow--left span:before{ -webkit-transform: scaleX(-1); transform: scaleX(-1); right:unset; left:-25px; } .btn__animation-arrow:hover span:before{ right:-12px; opacity:1; } .btn__animation-arrow.btn__animation-arrow--left:hover span:before{ left:-12px; opacity:1; } } @media (max-width: 1024px){ .btn_border{ border: 2px solid var(--color-lines-borders); } .btn_zoom:not(.btn_border){ border: var(--border, unset); } } @media (max-width:576px){ .btn{ padding: 0 20px; } } .btn svg{ flex: 0 0 auto; } .btn-medium svg:not(:last-child), .btn svg:not(:last-child){ margin-right: 10px; } .btn.only-child svg:not(:last-child){ margin-right: 0; } .btn-medium svg:last-child:not(:only-child){ margin-left: 5px; } .btn svg:last-child:not(:only-child){ margin-left: 10px; } .btn-small[aria-disabled=true], .btn[aria-disabled=true]{ cursor: not-allowed; opacity: .3; pointer-events: none; } .loading.btn[aria-disabled=true]{ opacity: 1; } .animation-underline{ display: inline-flex; position: relative; text-decoration: none; } .animation-underline:before{ content: ""; position: absolute; width: 0; height: 2px; left: 0; top: 100%; background: var(--color-base); transition: width var(--duration-medium) var(--animation-bezier); } .animation-underline--thin:before{ height: 1px; } .animation-underline--active:before{ width: 100%; } @media (min-width: 1025px){ .hover-area:hover .animation-underline:not(.hover-area--native):before, .animation-underline:hover:before{ text-decoration: none; width: 100%; } .hover-area:hover .animation-underline:not(.hover-area--native):not(.hover-area--default):hover:before{ text-decoration: none; width: 0; } .hover-area:hover .animation-underline:not(.hover-area--native):after{ content: ""; position: absolute; width: 100%; height: 2px; left: 0; top: 100%; background: transparent; } } .section-background--none{ --section-background-spacing: 0; } .section-background--xsmall{ --section-background-spacing: 10px; --section-background-spacing-mobile: 10px; min-height: 40px; } .section-background--small{ --section-background-spacing: var(--sections-top-spacing--small); --section-background-spacing-mobile: var(--sections-top-spacing--small-mobile); } .section-background--medium{ --section-background-spacing: var(--sections-top-spacing--medium); --section-background-spacing-mobile: var(--sections-top-spacing--medium-mobile); } .section-background--normal{ --section-background-spacing: var(--sections-top-spacing); --section-background-spacing-mobile: var(--sections-top-spacing-mobile); } .section-background{ padding-top: var(--section-background-spacing, 100); padding-bottom: var(--section-background-spacing, 100); padding-left: var(--section-sides, 0); padding-right: var(--section-sides, 0); background: var(--color-section-background); } .page-width .section-background{ --section-sides: 40px; } .page-wide .section-background{ --section-sides: 70px; } @media (min-width:1025px) and (max-width: 1440px){ .page-width .section-background{ --section-sides: 70px; } } @media (min-width:1025px){ .page-wide .section-background{ --section-sides: 70px; } } @media (min-width:577px) and (max-width: 1024px){ [class*="page-wi"] .section-background{ --section-sides: 30px; } } @media (max-width:576px){ [class*="page-wi"] .section-background{ --section-sides: var(--page-padding); } } @media(max-width: 1024px){ .section-background{ padding-top: var(--section-background-spacing-mobile, 80); padding-bottom: var(--section-background-spacing-mobile, 80); } } .placeholder__svg--bg{ background: rgba(var(--color-base-rgb), 0.07); } .placeholder__svg--bg-none{ background: rgba(0,0,0,0); } .placeholder__svg--bg svg{ display: flex; width: 100%; height: auto; } .w-full {width: 100%;} @media (max-width: 576px){ .w-full-sp{ width: 100%; } } blockquote{ background: var(--color-secondary-background); border-radius: var(--radius); padding: 40px; margin: 40px 0; } blockquote>:*{ margin: 20px 0 0; } blockquote>:first-child{ margin: 0; } @media (max-width: 546px){ blockquote{ padding: 20px; } } .shopify-challenge__message{ margin-top: 0; margin-bottom: 30px; font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-weight: var(--font-heading-weight); color: var(--color-base); font-size: 20px; line-height: 26px; } .shopify-challenge__container .shopify-challenge__button{ margin-top: 30px; } @media (min-width: 1025px){ .shopify-challenge__container{ margin-top: 200px; margin-bottom: 200px; } } @media (max-width: 1024px){ .shopify-challenge__container{ margin-top: 140px; margin-bottom: 140px; } } @media (max-width:576px){ .shopify-challenge__container .shopify-challenge__button{ width: calc(100% - 40px); } } table th{ font-weight: var(--font-body-bold-weight); } table{ border-spacing: 0; width: 100%; } table h1, table h2, table h3, table h4, table h5, table h6{ margin-top: 0; margin-bottom: 0; } table tr:nth-child(odd){ background: var(--color-secondary-background); } table tr th:first-child, table tr td:first-child{ border-top-left-radius: var(--radius); border-bottom-left-radius: var(--radius); padding-left: 15px; } table tr th:last-child, table tr td:last-child{ border-top-right-radius: var(--radius); border-bottom-right-radius: var(--radius); padding-right: 15px; } table tr td{ padding-top: 11px; padding-bottom: 10px; } table thead{ text-align: left; } .svg-icon--small svg{ max-width: 20px; max-height: 20px; } .svg-icon--normal svg{ max-width: 48px; max-height: 48px; } .color-accent-to-base{ --color-accent: var(--color-base); } .overflow-hidden-mobile, .overflow-hidden-tablet, .overflow-hidden{ overflow: hidden; } .breadcrumb{ margin-bottom: 50px; } .breadcrumb li{ display: inline-flex; flex-wrap: wrap; align-items: center; } .breadcrumb li svg{ opacity: var(--opacity-icons); margin-left: 10px; margin-right: 10px; } @media (max-width: 1024px){ .breadcrumb{ margin-top: 20px; } .breadcrumb.breadcrumb--no-mt{ margin-top:0px; } } .share-button__fallback{ position: relative; } .share-button__fallback input{ text-overflow: ellipsis; padding-right: 50px; } .share-button__close, .share-button__copy{ position: absolute; top: 52%; right: 0; transform: translate(0,-50%); padding: 0 20px; height: 100%; background: transparent; z-index:1; cursor: pointer; opacity: var(--opacity-icons); } .share-button__close, .share-button__copy{ opacity: 1; } .share-button__close:not(.hidden)+.share-button__copy, .share-button__close:not(.hidden)~.field input, .share-button__close:not(.hidden)~.field label{ display:none; } .share-button__close:not(.hidden)~.field .share-button__message{ display: flex; align-items: center; } .share-button{ display: block; margin-top: var(--padding2); } html.no-js .share-button details{ display: flex; } .share-button details summary{ display: inline-flex; width: max-content; } .share-button__fallback{ margin-top: var(--padding1); } a:empty, ul:empty, dl:empty, p:empty{ display: none; } .loading-overlay__spinner{ width: 20px; height: 20px; display: inline-block; } .spinner { animation: rotator 1.4s linear infinite; } @keyframes rotator { 0% { transform: rotate(0deg); } 100% { transform: rotate(270deg); } } .path { stroke-dasharray: 280; stroke-dashoffset: 0; transform-origin: center; stroke: var(--color-base); animation: dash 1.4s ease-in-out infinite; } .btn .path { stroke: var(--fill); } @media screen and (forced-colors: active) { .path{ stroke: CanvasText; } } @keyframes dash { 0% { stroke-dashoffset: 280; } 50% { stroke-dashoffset: 75; transform: rotate(135deg); } 100% { stroke-dashoffset: 280; transform: rotate(450deg); } } *:focus { outline: 0; box-shadow: none; } *:focus-visible:not(textarea):not(input):not(select) { outline: 0.2rem solid rgba(var(--color-base-rgb),.3); outline-offset: 0.3rem; } @media (max-width:1024px){ *:not(input):not(textarea):focus:not(select):focus:not(.predictive-search):focus { outline: 0!important; box-shadow: none!important; } } #cart-icon-bubble:focus-visible,drawer-inner.drawer__inner:focus-visible{ outline: unset; } .btn:focus, .btn:focus-visible, .btn.focused, .shopify-payment-button__button--unbranded:focus-visible, .shopify-payment-button [role="button"]:focus-visible, .shopify-payment-button__button--unbranded:focus, .shopify-payment-button [role="button"]:focus { outline: 0; box-shadow: 0 0 0 0.3rem var(--color-body-background),0 0 0 0.5rem rgba(var(--color-base-rgb),.3),0 0 0.5rem 0.3rem rgba(var(--color-base-rgb),.3); } .skip-to-content-link:focus { z-index: 9999; position: inherit; overflow: auto; clip: auto; } .btn:focus:not(:focus-visible):not(.focused), .shopify-payment-button__button--unbranded:focus:not(:focus-visible):not(.focused), .shopify-payment-button [role=button]:focus:not(:focus-visible):not(.focused){ outline: 0; box-shadow: inherit; } @media (max-width: 1024px){ .btn:not(.active-facets__button):hover{ position: relative; } .btn:not(.active-facets__button):hover:before{ content: ""; position: absolute; top: 2px; left: 2px; width: calc(100% - 4px); height: calc(100% - 4px); border: 1px solid var(--color-body-background); border-radius: calc(var(--radius-button) - 2px); } } terms_and_condition-checkbox{ display: flex; margin-top: var(--padding3) !important; } terms_and_condition-checkbox:not(.checked)+*, terms_and_condition-checkbox:not(.checked)~.cart__dynamic-checkout-buttons{ pointer-events: none; opacity: 0.3; } terms_and_condition-checkbox .checkbox-input a{ font-weight: var(--font-body-bold-weight); } terms_and_condition-checkbox .checkbox-input:hover span{ cursor: default; font-weight: var(--font-body-weight); } .section__richtext__editor h1, .section__richtext__editor h2, .section__richtext__editor h3, .section__richtext__editor h4, .section__richtext__editor h5, .section__richtext__editor h6{ margin: 0; } .section__richtext__editor ul, .section__richtext__editor ol{ margin:0; padding:0 0 0 20px; max-width: max-content; } .text-center .section__richtext__editor ul, .text-center .section__richtext__editor ol, .text-center.section__richtext__editor ul, .text-center.section__richtext__editor ol{ margin-left: auto; margin-right: auto; } .section__richtext__editor>*:not(:first-child){ margin-top:15px; } image-box{ display:block; } .product-card__heading{ display: inline-block; position: relative; color: var(--color-base); text-decoration: none; word-break: break-word; } /* --- PAWGANIX PRODUCT CARD REFINED --- */ .pgx-product-card { background: #fff; border: 1px solid #e5e0d8; border-radius: 24px; overflow: hidden; height: 100%; display: flex; flex-direction: column; font-family: var(--font-body-family); } /* --- 1. Square Image Container & Carousel --- */ .pgx-product-img { width: 100%; aspect-ratio: 1 / 1; background: #fff; position: relative; overflow: hidden; } .pgx-carousel-wrapper { position: relative; width: 100%; height: 100%; } .pgx-carousel { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; width: 100%; height: 100%; -webkit-overflow-scrolling: touch; } .pgx-carousel::-webkit-scrollbar { display: none; } .pgx-img-slide { flex: 0 0 100%; width: 100%; height: 100%; scroll-snap-align: center; display: block; } /* Forces image to fill the container with NO grey spacing */ .pgx-img-slide img, .pgx-placeholder svg { width: 100%; height: 100%; object-fit: cover; display: block; } .pgx-placeholder { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; opacity: 0.2; } /* Carousel Controls */ .pgx-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(255, 255, 255, 0.9); border: 1px solid #e5e0d8; border-radius: 50%; width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; color: #1a4d3e; box-shadow: 0 2px 6px rgba(0,0,0,0.1); opacity: 0; /* Hidden until hover */ transition: opacity 0.2s; } .pgx-product-card:hover .pgx-arrow { opacity: 1; } .pgx-prev { left: 8px; } .pgx-next { right: 8px; } /* --- Badges --- */ .pgx-product-badge { position: absolute; top: 12px; left: 12px; padding: 4px 10px; border-radius: 9999px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; z-index: 12; } .badge-dog, .badge-dogs { background: #c5e0d4; color: #1a4d3e; } .badge-cat, .badge-cats { background: #d4f0f0; color: #3a8c8c; } .badge-popular { background: #c9a962; color: #0f3329; } /* --- 2. Information & Flex Spacing --- */ .pgx-product-info { padding: 24px; text-align: left; display: flex; flex-direction: column; flex-grow: 1; } .pgx-info-bottom { margin-top: auto; /* Pushes ratings and buttons perfectly to the bottom */ } .pgx-product-concern { font-size: 11px; letter-spacing: 0.1em; color: #4a7c6f; margin-bottom: 8px; font-weight: 600; } .pgx-product-name { display: block; font-family: var(--font-heading-family); font-style: var(--font-heading-style); font-size: 18px; color: #1a4d3e; margin-bottom: 12px; text-decoration: none; font-weight: 600; line-height: 1.2; } .pgx-bundle-text{ font-size:13px; } .pgx-product-desc { font-size: 13px; color: #5a6b64; line-height: 1.6; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /* Controlled spacing above stars */ .pgx-product-rating { display: flex; align-items: center; gap: 8px; margin-top: 16px; margin-bottom: 12px; } .pgx-stars { color: #c9a962; font-size: 15px; letter-spacing: 2px; } .pgx-product-pricing { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; } .price-main { font-family: var(--font-body-family); font-size: 24px; font-weight: 700; color: #1a4d3e; } .price-sub { font-size: 13px; color: #4a7c6f; background: #eef3f1; padding: 4px 10px; border-radius: 20px; font-weight: 500; } .btn-pgx-primary { width: 100%; background: #1a4d3e; color: #fff; border: none; padding: 14px; border-radius: 40px; font-family: var(--font-body-family); font-weight: 600; font-size: 15px; cursor: pointer; transition: opacity 0.2s; } .btn-pgx-primary:hover { opacity: 0.9; } /* --- Coming Soon Badge --- */ .badge-coming-soon { background: #c17f59; /* Official Pawganix Rust color */ color: #fff; } /* --- Secondary 'Notify Me' Button --- */ .btn-pgx-secondary { display: block; width: 100%; background: transparent; color: #1a4d3e; border: 2px solid #1a4d3e; padding: 12px 14px; /* Slightly adjusted padding to account for the border width */ border-radius: 40px; font-family: var(--font-body-family); font-weight: 600; font-size: 15px; text-align: center; text-decoration: none; cursor: pointer; transition: all 0.2s ease; } .btn-pgx-secondary:hover { background: #1a4d3e; color: #fff; } #minion-section-template--20524386943154__featured_collection_gtiQbB h2.mt0 { margin-top: 40px; font-size: 36px; font-weight: 700; } #minion-section-template--20524386943154__featured_collection_gtiQbB .icon-banners__section-description { font-size: 18px !important; margin-top: 10px !important; color: #555555 !important; } @media (max-width: 767px) { #minion-section-template--20524386943154__featured_collection_gtiQbB h2.mt0 { font-size: 24px; margin-top: 30px; } #minion-section-template--20524386943154__featured_collection_gtiQbB .icon-banners__section-description { font-size: 18px !important; margin-top: 8px !important; } #minion-section-template--20524386943154__featured_collection_gtiQbB .pgx-product-name { font-size: 1.1rem; } #minion-section-template--20524386943154__featured_collection_gtiQbB .pgx-bundle-text { font-size: 13px; } #minion-section-template--20524386943154__featured_collection_gtiQbB .pgx-product-desc { font-size: 13px; } #minion-section-template--20524386943154__featured_collection_gtiQbB .pgx-product-pricing .price-main { font-size: 24px; } #minion-section-template--20524386943154__featured_collection_gtiQbB .pgx-product-pricing .price-sub { font-size: 13px; } #minion-section-template--20524386943154__featured_collection_gtiQbB .btn-pgx-secondary { font-size: 15px; padding: 6px 12px; } /* Make slider take full width on mobile */ #minion-section-template--20524386943154__featured_collection_gtiQbB .slider-desktop__mask, #minion-section-template--20524386943154__featured_collection_gtiQbB slider-component { width: 100% !important; max-width: 100% !important; } } .secondary { background:#e8d9a7; } .result-btn { background:#1f5c4a; color:#fff; border:none; padding:10px 25px; border-radius:25px; cursor:pointer; margin-top:15px; } .btn { border-radius:30px !important; } @media(max-width:768px){ .grid-2 { grid-template-columns:1fr; } .results-products { flex-direction:column; align-items:center; } } /* Make page-width relative */ .page-width.mb--last-child-0 { position: relative; } /* Draw connector except last column */ #minion-section-template--20498154455218__text_columns_with_images_YXL4HA .col-sp-12:not(:last-child)::after { content: ""; position: absolute; top: 25px; /* adjust to circle center */ left: 50%; width: 100%; height: 2px; background: #c9a962; transform: translateX(0%); z-index: 1; } /* Keep circle above line */ #minion-section-template--20498154455218__text_columns_with_images_YXL4HA img, #minion-section-template--20498154455218__text_columns_with_images_YXL4HA .image-wrapper { position: relative; z-index: 10; } /* blog pill type design */ /* BLOG CARD */ .blog-posts{ background:#fff; border-radius:16px; padding:18px; box-shadow:0 6px 18px rgba(0,0,0,0.05); transition:all .3s ease; } /* HOVER */ .blog-posts:hover{ transform:translateY(-6px); box-shadow:0 14px 30px rgba(0,0,0,0.08); } /* BLOG IMAGE */ .blog-posts .border__radius{ border-radius:14px; overflow:hidden; margin-bottom:16px; } /* IMAGE */ .blog-posts img{ width:100%; height:auto; border-radius:14px; display:block; } /* TAG STYLE */ .blog-posts__meta span{ background:#dff1e8; color:#2d6a5a; padding:6px 12px; font-size:12px; border-radius:30px; font-weight:500; } /* TAG WRAP */ .blog-posts__meta{ margin-bottom:8px; } /* BLOG TITLE */ .blog-posts__heading{ font-size:20px; font-weight:600; line-height:1.4; color:#183c3a; margin-top:10px; } /* BLOG DESCRIPTION */ .blog-posts__excerpt{ font-size:14px; color:#6a7a78; line-height:1.6; margin-top:6px; } /* FILTER BUTTON */ .blog-filter{ display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-top:25px; } .blog-filter-btn{ padding:8px 16px; border-radius:30px; background:#f1f3f2; color: #1a1a1a; font-size:14px; text-decoration:none; display:inline-block; } .blog-filter-btn.active{ background:#2d6a5a; color:#fff; } .blog-filter-btn{ transition:all .25s ease; } .blog-filter-btn:hover{ background:#dff1e8; } .blog-posts__meta a{ text-decoration:none !important; } .blog-posts__meta a:hover{ text-decoration:none !important; } .blog-posts__meta a::before, .blog-posts__meta a::after{ display:none !important; } .template-blog .grid.el_mt_40{ display:grid; grid-template-columns:repeat(4,1fr); gap:30px; } @media (max-width:1024px){ .template-blog .grid.el_mt_40{ grid-template-columns:repeat(2,1fr); } } @media (max-width:600px){ .template-blog .grid.el_mt_40{ grid-template-columns:1fr; } } /* end blog */ /* subheading center */ #minion-section-template--20498154455218__text_columns_with_images_YXL4HA .section-subheading{ text-align:center; color: #9f6d02; } #minion-section-template--20498154455218__text_columns_with_images_YXL4HA .section-heading{ margin-top:20px; color:#ffffff; } /* end */ /* bundel most popular tag line */ /* FIRST PRODUCT CARD HIGHLIGHT */ /* FIRST CARD PERFECT STYLE */ .featured-collection-items .col-4:first-child .pgx-product-card{ border: 2px solid #1a4d3e !important; border-radius: 16px !important; position: relative; padding: 24px 20px 20px !important; background: #fff; } /* MOST POPULAR TAG PERFECT POSITION */ .featured-collection-items .col-4:first-child .pgx-product-card::before{ content: "MOST POPULAR"; position: absolute; top: 12px; left: 22px; background: #c17f59; color: #fff; font-size: .625rem; font-weight: 700; padding: 4px 10px; border-radius: 20px; letter-spacing: .08em; } /* ADD SPACE BELOW TAG */ .featured-collection-items .col-4:first-child .pgx-product-card > *:first-child{ margin-top: 18px !important; } /* end bundel most popular tag line */ #shopify-section-template--20498154455218__custom_liquid_UFd7Y3{ background-color:#faf8f5 !important; padding:50px,0px; } #shopify-section-template--20498154455218__custom_liquid_UFd7Y3 { background-color: #faf8f5 !important; padding: 50px 0px !important; } /* hedaer section z-index */ sticky-header { position: sticky !important; top: 0; z-index: 999999 !important; } .header__desktop { position: relative !important; z-index: 999999 !important; } .shopify-section-header { position: relative !important; z-index: 999999 !important; } /* cat wellness result time line */ #minion-section-template--20541430562994__text_columns_with_images_pjxxiP .section-description{ margin-top: 0px !important; padding-top: 0px !important; } #minion-section-template--20541430562994__text_columns_with_images_pjxxiP .grid { margin-top: 40px !important; } /* subheading center */ #minion-section-template--20541430562994__text_columns_with_images_pjxxiP .section-subheading { text-align: center; color: #c9a962 !important; } #minion-section-template--20541430562994__text_columns_with_images_pjxxiP .section-heading { margin-top: 20px; color: #ffffff; } #minion-section-template--20541430562994__text_columns_with_images_pjxxiP .section-heading { margin-bottom: 40px !important; margin-top:8px !important; } #shopify-section-template--20541430562994__text_columns_with_images_pjxxiP .icon-banners__section-description { color: #FFFFFFD9 !important; } #shopify-section-template--20541430562994__text_columns_with_images_pjxxiP .text-columns-img__description p { color: #FFFFFFD9 !important; } #minion-section-template--20541430562994__text_columns_with_images_pjxxiP .col-sp-12:not(:last-child)::after { content: ""; position: absolute; top: 25px; /* adjust to circle center */ left: 50%; width: 100%; height: 2px; background: #c9a962; transform: translateX(0%); z-index: 1; } /* Keep circle above line */ #minion-section-template--20541430562994__text_columns_with_images_pjxxiP img, #minion-section-template--20541430562994__text_columns_with_images_pjxxiP .image-wrapper { position: relative; z-index: 10; } @media (max-width: 768px) { #minion-section-template--20541430562994__text_columns_with_images_pjxxiP .col-sp-12:not(:last-child)::after { display: none !important; } } /* Only this section button */ #minion-section-template--20657617404082__text_VaDraf .btn.btn2 { background-color:rgba(46, 116, 182, 0) !important; color: #2e75b6!important; border: 2px solid #2e75b6 !important; } #minion-section-template--20657617404082__text_VaDraf .btn.btn2:hover { background-color: #2e75b6 !important; border-color: #2e75b6 !important; color: #ffffff !important; } /* Subscription box style */ .sls-option-container.seal-table { border: 2px solid #e5e5e5 !important; border-radius: 12px !important; margin-bottom: 12px !important; background: #fafafa; transition: all 0.3s ease; padding-top:30px !important; padding-bottom:30px !important; } /* Active / Selected option */ .sls-option-container.seal-table.sls-active { border: 2px solid #1f5c47 !important; background: #f3f8f5 !important; } /* Radio button */ .seal-col-radio input[type="radio"] { accent-color: #1f5c47; width: 18px; height: 18px; } .seal-row{ display:flex; align-items:center; } /* radio column width fix */ .seal-col-radio{ width:28px !important; flex:0 0 28px !important; } /* text container */ .sls-label-container{ flex:1; display:flex; align-items:center; } .sls-price{ font-size:20px !important; color:#1a4d3e !important; font-weight:bold !important; } .sealsubs-container{ padding-top: 30px !important; } /* dog font style*/ #minion-section-template--20658319229106__text_zwx78U .subheading{ font-family: "DM Sans", sans-serif !important; font-size: 13px !important; font-weight: 600 !important; } #minion-section-template--20658319229106__text_zwx78U .mt0.mb15{ font-family: "DM Sans", sans-serif !important; font-size: 48px !important; font-weight: 800 !important; } #minion-section-template--20658319229106__text_columns_with_images_zADWRL .text-columns-img__icon img{ width: 30px !important; height: 30px !important; } #minion-section-template--20658319229106__text_columns_with_images_zADWRL .text-columns-img__heading{ font-family: "DM Sans", sans-serif !important; font-size: 13px !important; font-weight: 600 !important; } #minion-section-template--20658319229106__text_columns_with_images_zADWRL .text-columns-icons{ margin-bottom: 0px !important; } #minion-section-template--20658319229106__text_columns_with_images_zADWRL .text-columns-img__description p{ font-size: 13px !important; line-height: 18px !important; } #minion-section-template--20658319229106__text_columns_with_images_zADWRL h4{ margin-bottom: 3px !important; } #minion-section-template--20658319229106__text_columns_with_images_zADWRL .grid{ gap: -20px !important; } #minion-section-template--20658319229106__text_columns_with_images_UUKe8M h2{ font-family: "DM Sans", sans-serif !important; } #minion-section-template--20658319229106__text_columns_with_images_UUKe8M h4{ font-family: "DM Sans", sans-serif !important; } #minion-section-template--20658319229106__icon_banners_gBBDeD h2{ font-family: "DM Sans", sans-serif !important; } #minion-section-template--20658319229106__icon_banners_gBBDeD h4{ font-family: "DM Sans", sans-serif !important; } #shopify-block-AOFJkWEpNdzdGdGhuA__judge_me_reviews_cards_carousel_BQCCV6 .jdgm-widget.jdgm-cards-carousel .jdgm-header h2.jdgm-title{ font-family: "DM Sans", sans-serif !important; } #minion-section-template--20658319229106__accordion_NY8mwT h1, #minion-section-template--20658319229106__accordion_NY8mwT h2, #minion-section-template--20658319229106__accordion_NY8mwT h5, #minion-section-template--20658319229106__accordion_NY8mwT p, #minion-section-template--20658319229106__accordion_NY8mwT span{ font-family: "DM Sans", sans-serif !important; } #minion-section-template--20658319229106__text_7eAXWP h2{ font-family: "DM Sans", sans-serif !important; } #minion-section-template--20658319229106__text_columns_with_images_D6EymV .text-columns-img__icon img{ width: 20px !important; height: 20px !important; } #minion-section-template--20658319229106__text_columns_with_images_D6EymV .grid{ max-width: 1100px !important; margin: 0 auto !important; gap: 5px !important; } /* dog font style end */ /* cat font style */ #minion-section-template--20657617404082__text_zwx78U .subheading{ font-family: "DM Sans", sans-serif !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: 0.5px !important; } #minion-section-template--20657617404082__text_zwx78U h2{ font-family: "DM Sans", sans-serif !important; font-weight: 700 !important; font-size: 42px !important; line-height: 1.2 !important; letter-spacing: -0.5px !important; } #minion-section-template--20657617404082__text_columns_with_images_zADWRL .page-width{ max-width: 1400px !important; margin: 0 auto !important; } #minion-section-template--20657617404082__text_columns_with_images_zADWRL .grid{ gap: 20px !important; } #minion-section-template--20657617404082__text_columns_with_images_zADWRL img{ width: 30px !important; height: 30px !important; } #minion-section-template--20657617404082__text_columns_with_images_zADWRL p, #minion-section-template--20657617404082__text_columns_with_images_zADWRL h4, #minion-section-template--20657617404082__text_columns_with_images_zADWRL span{ font-family: "DM Sans", sans-serif !important; } /* Heading font */ #minion-section-template--20657617404082__text_columns_with_images_UUKe8M .section-heading{ font-family: "DM Sans", sans-serif !important; } /* Description text */ #minion-section-template--20657617404082__text_columns_with_images_UUKe8M .icon-banners__section-description{ font-family: "DM Sans", sans-serif !important; } #minion-section-template--20657617404082__text_columns_with_images_UUKe8M *{ font-family: "DM Sans", sans-serif !important; } #minion-section-template--20657617404082__icon_banners_gBBDeD *{ font-family: "DM Sans", sans-serif !important; } /* FAQ heading */ #minion-section-template--20657617404082__accordion_NY8mwT h2{ font-family: "DM Sans", sans-serif !important; } /* Accordion answer */ #minion-section-template--20657617404082__accordion_NY8mwT .chm-toggle__content { font-family: "DM Sans", sans-serif !important; } /* Hero section font */ #minion-section-template--20657617404082__text_7eAXWP h1, #minion-section-template--20657617404082__text_7eAXWP h2, #minion-section-template--20657617404082__text_7eAXWP p, #minion-section-template--20657617404082__text_7eAXWP span, #minion-section-template--20657617404082__text_7eAXWP a, #minion-section-template--20657617404082__text_7eAXWP button{ font-family: "DM Sans", sans-serif !important; } #minion-section-template--20657617404082__text_7eAXWP h2{ font-family: "DM Sans", sans-serif !important; } #minion-section-template--20657617404082__text_columns_with_images_D6EymV .text-columns-img__icon img{ width: 20px !important; height: 20px !important; } #minion-section-template--20657617404082__text_columns_with_images_D6EymV .grid{ max-width: 1100px !important; margin: 0 auto !important; gap: 5px !important; } /* Home Page box */ #minion-section-template--20498154455218__text_columns_with_images_zq9M8N .text-columns-img__icon img { width: 20px; height: auto; gap: 0px; } /* Stack icons + text on mobile */ /* Mobile: 2 icons + text per row */ @media (max-width: 768px) { #minion-section-template--20498154455218__text_columns_with_images_zq9M8N slider-component { display: flex; flex-wrap: wrap; justify-content: center; } #minion-section-template--20498154455218__text_columns_with_images_zq9M8N .col-sp-12.col-md-4.col-2 { width: 50%; box-sizing: border-box; padding: 0px 0; display: flex; flex-direction: column; align-items: center; } #minion-section-template--20498154455218__text_columns_with_images_zq9M8N .text-columns-img__icon { margin-bottom: 8px; margin-right: 0; } #minion-section-template--20498154455218__text_columns_with_images_zq9M8N .text-left .text-columns-icons { gap:10px; } #minion-section-template--20498154455218__text_columns_with_images_zq9M8N .text-columns-img__description { text-align: center; } } #minion-section-template--20948504281266__text_columns_with_images_TULrji .text-columns-img__icon img { width: 20px; height: auto; gap: 0px; } /* Stack icons + text on mobile */ /* Mobile: 2 icons + text per row */ @media (max-width: 768px) { #minion-section-template--20948504281266__text_columns_with_images_TULrji slider-component { display: flex; flex-wrap: wrap; justify-content: center; } #minion-section-template--20948504281266__text_columns_with_images_TULrji .col-sp-12.col-md-4.col-2 { width: 50%; box-sizing: border-box; padding: 0px 0; display: flex; flex-direction: column; align-items: center; } #minion-section-template--20948504281266__text_columns_with_images_TULrji .text-columns-img__icon { margin-bottom: 8px; margin-right: 0; } #minion-section-template--20948504281266__text_columns_with_images_TULrji .text-left .text-columns-icons { gap:10px; } #minion-section-template--20948504281266__text_columns_with_images_TULrji .text-columns-img__description { text-align: center; } } /* btn home page */ #minion-section-template--20498154455218__text_8g6zRj .dual-buttons { display: flex; justify-content: center; /* center the button */ flex-wrap: wrap; /* allow wrapping if multiple buttons */ gap: 10px; /* spacing between buttons */ } #minion-section-template--20498154455218__text_8g6zRj .btn.btn1 { display: inline-block; padding: 14px 28px; /* desktop padding */ font-size: 16px; font-weight: 600; text-align: center; border-radius: 6px; text-decoration: none; transition: all 0.3s ease; white-space: normal; /* allow text to wrap */ max-width: 100%; /* prevent overflow */ /* Border and text color */ border: 2px solid #1a4d3e; color: #1a4d3e; background-color: transparent; } #minion-section-template--20498154455218__text_8g6zRj .btn.btn1 span { display: block; } /* Hover effect */ #minion-section-template--20498154455218__text_8g6zRj .btn.btn1:hover { background-color: #1a4d3e; color: #ffffff; } /* Mobile adjustments */ @media (max-width: 768px) { #minion-section-template--20498154455218__text_8g6zRj .btn.btn1 { font-size: 14px; padding: 5px 20px; width: 100%; /* full width on mobile */ max-width: 300px; /* optional: limit width for readability */ } } #minion-section-template--20498154455218__text_columns_with_images_zq9M8N slider-component .grid{ --grid-desktop-horizontal-spacing: 0px !important; --grid-desktop-vertical-spacing:0px !important; } /* QUIZ SECTION FULL WIDTH CONTROL */ #quiz-05DNts .question-content{ max-width:800px; margin: 0 auto; text-align: center; } /* OPTIONS BUTTON DESIGN */ #quiz-05DNts .block.question-block{ width: 100%; margin-bottom: 12px; } /* OPTION BUTTON STYLE */ #quiz-05DNts .block.question-block button{ width: 100%; border-radius: 8px; padding: 14px 18px; font-size: 16px; font-family: "DM Sans", sans-serif; } /* QUESTION TITLE */ #quiz-05DNts h1, #quiz-05DNts h2{ font-family: "DM Sans", sans-serif; font-weight: 600; } /* MOBILE FIX */ @media (max-width:768px){ #quiz-05DNts .question-content{ padding: 0 20px; } } /* in all page */ /* Mobile-only: stack subheading + heading vertically on all sections */ @media (max-width: 768px) { .heading--mb { display: flex; justify-content: center; align-items: center; flex-direction: column; /* stack vertically */ gap: 6px; /* space between subheading and heading */ text-align: center; } /* Override default .col-6 style for mobile responsiveness */ .heading--mb .col-6 { flex: 0 0 100% !important; /* full width on mobile */ max-width: 100% !important; /* remove any max-width restrictions */ } .heading--mb h2.mt0 { font-size: 24px; margin: 0; line-height: 1.2; font-weight: 700; } .heading--mb .subheading.h5 { font-size: 12px; margin: 0; font-weight: 600; padding-bottom: 10px; } } /* line home page */ @media (max-width: 768px) { #minion-section-template--20498154455218__text_columns_with_images_YXL4HA .col-sp-12:not(:last-child):after { content: none !important; display: none !important; } /* Make slider wrap on mobile */ #minion-section-template--20498154455218__text_columns_with_images_YXL4HA slider-component { display: flex; flex-wrap: wrap; justify-content: center; overflow: visible !important; } /* Each column full width and vertical */ #minion-section-template--20498154455218__text_columns_with_images_YXL4HA .col-sp-12.col-4 { width: 100%; max-width: 300px; box-sizing: border-box; padding: 10px 15px; display: flex; flex-direction: column; align-items: center; } /* Adjust icon spacing */ #minion-section-template--20498154455218__text_columns_with_images_YXL4HA .text-columns-img__icon { margin-bottom: 12px; width: auto; height: auto; } /* Center text and allow wrapping */ #minion-section-template--20498154455218__text_columns_with_images_YXL4HA .text-columns-img__heading, #minion-section-template--20498154455218__text_columns_with_images_YXL4HA .text-columns-img__description { text-align: center; white-space: normal; } /* Description spacing */ #minion-section-template--20498154455218__text_columns_with_images_YXL4HA .text-columns-img__description { margin-top: 6px; } } #minion-section-template--20498154455218__text_columns_with_images_YXL4HA .page-width{ display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 10px !important; /* main spacing */ } /* REMOVE RANDOM DEFAULT MARGINS */ #minion-section-template--20498154455218__text_columns_with_images_YXL4HA .section-subheading, #minion-section-template--20498154455218__text_columns_with_images_YXL4HA h2, #minion-section-template--20498154455218__text_columns_with_images_YXL4HA .icon-banners__section-description{ margin: 0 !important; } /* OPTIONAL FINE SPACING */ #minion-section-template--20498154455218__text_columns_with_images_YXL4HA .section-subheading{ margin-bottom: 4px !important; } #minion-section-template--20498154455218__text_columns_with_images_YXL4HA h2{ margin-bottom: 6px !important; } #minion-section-template--20498154455218__text_columns_with_images_YXL4HA .section-subheading{ font-size:0.75rem !important; font-weight: 600!important; letter-spacing: 0.12em!important; text-transform: uppercase!important; color:#e8d9a8!important; font-family: "DM Sans", sans-serif !important; } /* Mobile-only: smaller subheading and heading */ @media (max-width: 768px) { /* Section subheading */ #minion-section-template--20498154455218__text_columns_with_images_YXL4HA .section-subheading { font-size: 12px; /* smaller font */ line-height: 1.4; margin-bottom: 4px; text-align: center; } /* Section heading */ #minion-section-template--20498154455218__text_columns_with_images_YXL4HA .section-heading { font-size: 24px; /* smaller heading */ line-height: 1.25; margin-bottom: 36px; text-align: center; } } /* Mobile-only: smaller subheading for text section */ @media (max-width: 768px) { #minion-section-template--20498154455218__text_GxhRwE .subheading.h5 { font-size: 12px; /* smaller font on mobile */ line-height: 1.4; text-align: center; margin-bottom: 8px; /* optional spacing */ } } /* Mobile-only: adjust heading in Judge.me reviews section */ @media (max-width: 768px) { #shopify-section-template--20498154455218__17724268737c9a6f3e .jdgm-header .jdgm-title { font-size: 24px; /* smaller heading on mobile */ line-height: 1.3; text-align: center; /* center on mobile */ margin-bottom: 1px; } } /* real stories home page carousel */ #minion-section-template--20498154455218__text_GxhRwE .mt30 { margin-top: 0 !important; } /* bottom transparent */ /* Desktop */ @media (min-width: 768px){ #minion-section-template--20498154455218__text_W7BRQc h2{ font-size: 36px !important; line-height: 1.2; } #minion-section-template--20498154455218__text_W7BRQc .text__description{ font-size: 17px !important; } } /* Mobile */ @media (max-width: 767px){ #minion-section-template--20498154455218__text_W7BRQc h2{ font-size: 24px !important; line-height: 1.3; } #minion-section-template--20498154455218__text_W7BRQc .text__description{ font-size: 17px !important; } } /* email signup */ /* Mobile default */ #minion-section-sections--20498164711602__newsletter_6ng8X8 h2 { font-size: 20px; /* adjust mobile size */ line-height: 1.2; } /* Desktop view */ @media (min-width: 768px) { #minion-section-sections--20498164711602__newsletter_6ng8X8 h2 { font-size: 20px; /* smaller than default desktop size */ } } /* Target only the email input in the newsletter section */ /* Input box text and placeholder color */ #minion-section-sections--20498164711602__newsletter_6ng8X8 .field__input { background: rgba(255, 255, 255, .06); /* Keep input background transparent */ border: 2px solid rgba(255, 255, 255, 0.15); /* Initial subtle border */ color: #ffffff !important; /* Text color */ transition: border 0.3s, color 0.3s; border-radius:9999px; } /* Placeholder text color */ #minion-section-sections--20498164711602__newsletter_6ng8X8 .field__input::placeholder { color:rgb(161, 11, 11) !important; /* Placeholder matches text color */ } /* When focused or has text, border changes to gold */ #minion-section-sections--20498164711602__newsletter_6ng8X8 .field__input:focus, #minion-section-sections--20498164711602__newsletter_6ng8X8 .field__input:not(:placeholder-shown) { border-color: #c9a962 !important; /* Gold border */ outline: none; } /* Email icon color */ #minion-section-sections--20498164711602__newsletter_6ng8X8 .field__icon svg path { fill: #5a6b64 !important; /* Override inline fill */ } /* Submit (arrow) icon color */ #minion-section-sections--20498164711602__newsletter_6ng8X8 .field__button svg path { fill: #5a6b64 !important; /* Override inline fill */ } /* shop */ /* Add gradient background to the section */ /* Add gradient background to the main section */ /* Main section gradient background */ #image-with-text2-template--20498154422450__image_with_text_type2_pwanjL { background: #faf8f5; } /* Make inner containers transparent so gradient shows through */ #image-with-text2-template--20498154422450__image_with_text_type2_pwanjL .page-fullwidth, #image-with-text2-template--20498154422450__image_with_text_type2_pwanjL .grid-container-it2, #image-with-text2-template--20498154422450__image_with_text_type2_pwanjL .image-with-text2__container { background: transparent !important; } /* Add a horizontal line below the section */ #image-with-text2-template--20498154422450__image_with_text_type2_pwanjL::after { content: ""; display: block; width: 100%; height: 1px; /* thickness of the line */ background-color: rgba(0,0,0,0.1); /* line color */ margin-top: 30px; /* space above the line */ } /* Target the subheading

*/ #shopify-section-template--20498154422450__image_with_text_type2_pwanjL .subheading.h5.mb20 { font-size: 12px !important; /* Change subheading size */ line-height: 1.4 !important; } /* Target the

heading */ #shopify-section-template--20498154422450__image_with_text_type2_pwanjL .heading { font-size: 52px !important; /* Change heading size */ line-height: 1.2 !important; } /* Target the paragraph inside .image-with-text2__texts */ #shopify-section-template--20498154422450__image_with_text_type2_pwanjL .image-with-text2__texts p { font-size: 18px !important; /* Change paragraph size */ line-height: 1.6 !important; } /* Responsive adjustments for mobile */ @media (max-width: 900px) { #shopify-section-template--20498154422450__image_with_text_type2_pwanjL .subheading.h5.mb20 { font-size: 12px !important; } #shopify-section-template--20498154422450__image_with_text_type2_pwanjL .heading { font-size: 32px !important; } #shopify-section-template--20498154422450__image_with_text2_pwanjL .image-with-text2__texts p { font-size: 18px !important; } } /* Remove bottom padding/margin of the section */ #image-with-text2-template--20498154422450__image_with_text_type2_pwanjL { padding-bottom: 0 !important; margin-bottom: 0 !important; } /* Remove bottom padding/margin of inner containers */ #image-with-text2-template--20498154422450__image_with_text_type2_pwanjL .page-fullwidth, #image-with-text2-template--20498154422450__image_with_text_type2_pwanjL .grid-container-it2, #image-with-text2-template--20498154422450__image_with_text_type2_pwanjL .image-with-text2__container, #image-with-text2-template--20498154422450__image_with_text_type2_pwanjL .align-self-center { padding-bottom: 0 !important; margin-bottom: 0 !important; } /* Remove bottom margin of headings and paragraphs */ #image-with-text2-template--20498154422450__image_with_text_type2_pwanjL h2, #image-with-text2-template--20498154422450__image_with_text_type2_pwanjL .subheading, #image-with-text2-template--20498154422450__image_with_text_type2_pwanjL .image-with-text2__texts p { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* home first slider */ /* Target the hero slider text content */ .ai-hero-slider__text-content-au2znu2m3a3piz29ukaigenblock294fb6cdgl9n9 { /* Optional: spacing adjustments */ } /* Change the title size (h1, h2, h3 depending on your HTML) */ .ai-hero-slider__text-content-au2znu2m3a3piz29ukaigenblock294fb6cdgl9n9 h1, .ai-hero-slider__text-content-au2znu2m3a3piz29ukaigenblock294fb6cdgl9n9 h2, .ai-hero-slider__text-content-au2znu2m3a3piz29ukaigenblock294fb6cdgl9n9 h3 { font-size: 56px !important; /* Change to desired title size */ line-height: 1.2 !important; /* Optional: adjust spacing */ } /* Change the paragraph/text size */ .ai-hero-slider__text-content-au2znu2m3a3piz29ukaigenblock294fb6cdgl9n9 p { font-size: 14px !important; /* Change to desired text size */ line-height: 1.5 !important; /* Optional: spacing for readability */ } /* Responsive adjustments for mobile */ @media (max-width: 900px) { .ai-hero-slider__text-content-au2znu2m3a3piz29ukaigenblock294fb6cdgl9n9 h1, .ai-hero-slider__text-content-au2znu2m3a3piz29ukaigenblock294fb6cdgl9n9 h2, .ai-hero-slider__text-content-au2znu2m3a3piz29ukaigenblock294fb6cdgl9n9 h3 { font-size: 36px !important; } .ai-hero-slider__text-content-au2znu2m3a3piz29ukaigenblock294fb6cdgl9n9 p { font-size: 12px !important; } } /* Target only this slider paragraph */ .ai-hero-slider__text-au2znu2m3a3piz29ukaigenblock294fb6cdgl9n9 p { font-size: 18px !important; /* Change to desired size */ line-height: 1.6 !important; /* Adjust spacing for readability */ } /* Responsive: smaller size on mobile */ @media (max-width: 900px) { .ai-hero-slider__text-au2znu2m3a3piz29ukaigenblock294fb6cdgl9n9 p { font-size: 18px !important; line-height: 1.4 !important; } } /* senior dog */ /* 1st section */ /* Remove flex display from the grid in this section */ #minion-section-template--20524386943154__text_ntdUqH .grid.justify-content-center { display: block !important; } /* Desktop view */ #minion-section-template--20524386943154__text_ntdUqH .subheading.h5 { font-size: 12px; /* Subheading desktop */ line-height: 1.4; } #minion-section-template--20524386943154__text_ntdUqH h2.mt0.mb15 { font-size:3.25rem; /* Heading desktop */ line-height: 1.2; } #minion-section-template--20524386943154__text_ntdUqH .text__description p { font-size: 18px; /* Paragraph desktop */ line-height: 1.6; } #minion-section-template--20524386943154__text_ntdUqH .dual-buttons .btn span { font-size: 16px; /* Button text desktop */ } /* Mobile view */ @media screen and (max-width: 768px) { #minion-section-template--20524386943154__text_ntdUqH .subheading.h5 { font-size: 12px; /* Subheading mobile */ } #minion-section-template--20524386943154__text_ntdUqH h2.mt0.mb15 { font-size: 36px; /* Heading mobile */ } #minion-section-template--20524386943154__text_ntdUqH .text__description p { font-size: 18px; /* Paragraph mobile */ } #minion-section-template--20524386943154__text_ntdUqH .dual-buttons .btn span { font-size: 16px; /* Button text mobile */ } } /* Buttons wrapper */ #minion-section-template--20524386943154__text_ntdUqH .dual-buttons { display: flex; flex-wrap: wrap; /* allows wrapping on small screens */ gap: 12px; /* space between buttons */ } /* Buttons */ #minion-section-template--20524386943154__text_ntdUqH .dual-buttons .btn { flex: 1 1 auto; /* makes buttons responsive */ text-align: center; } /* Desktop: side by side */ @media screen and (min-width: 769px) { #minion-section-template--20524386943154__text_ntdUqH .dual-buttons .btn { max-width: fit-content; /* keeps buttons natural width */ } } /* Mobile: stacked */ @media screen and (max-width: 768px) { #minion-section-template--20524386943154__text_ntdUqH .dual-buttons { flex-direction: column; gap: 8px; /* smaller gap for stacked buttons */ } #minion-section-template--20524386943154__text_ntdUqH .dual-buttons .btn { width: 100%; /* full width buttons on mobile */ } } /* Button 1 hover */ #minion-section-template--20524386943154__text_ntdUqH .btn.btn1:hover { background: #a88b3d !important; /* gold */ color: #fff !important; transform: translateY(-1px); } /* Button 2 hover */ #minion-section-template--20524386943154__text_ntdUqH .btn.btn2:hover { box-shadow: var(--shadow-md); transform: translateY(-1px); } /* 2nd section */ /* Subheading */ #minion-section-template--20524386943154__icon_banners_Tc93j6 .subheading.h5{ font-size:12px !important; line-height:1.4; } /* Main heading */ #minion-section-template--20524386943154__icon_banners_Tc93j6 h2{ font-size:36px !important; line-height:1.2; } /* Section description */ #minion-section-template--20524386943154__icon_banners_Tc93j6 .icon-banners__section-description{ font-size:18px !important; margin-bottom:30px; } /* Slider heading (Stiff Joints etc.) */ #minion-section-template--20524386943154__icon_banners_Tc93j6 .icon-banners__heading{ font-size:15px !important; line-height:1.3; } /* Slider paragraph */ #minion-section-template--20524386943154__icon_banners_Tc93j6 .icon-banners__description{ font-size:12px !important; line-height:1.6; } /* Slider button text */ #minion-section-template--20524386943154__icon_banners_Tc93j6 .btn-medium{ font-size:12px !important; } /* Mobile sizes */ @media(max-width:768px){ #minion-section-template--20524386943154__icon_banners_Tc93j6 .subheading.h5{ font-size:12px !important; } #minion-section-template--20524386943154__icon_banners_Tc93j6 h2{ font-size:24px !important; } #minion-section-template--20524386943154__icon_banners_Tc93j6 .icon-banners__section-description{ font-size:18px !important; } #minion-section-template--20524386943154__icon_banners_Tc93j6 .icon-banners__heading{ font-size:15px !important; } #minion-section-template--20524386943154__icon_banners_Tc93j6 .icon-banners__description{ font-size:12px !important; } } #minion-section-template--20524386943154__icon_banners_Tc93j6 .icon-banners:hover::before{ border-color:#c89b6d !important; border-width: 2px !important; } /* senior dog underline in mobile view */ @media (max-width: 1024px) { .btn-medium.hover-area--native::before, .btn-medium.hover-area--native::after { content: none !important; display: none !important; width: 0 !important; height: 0 !important; border: none !important; background: none !important; } } .btn.btn1:hover, .btn.btn2:hover, .btn.btn1:focus, .btn.btn2:focus, .btn.btn1:active, .btn.btn2:active { outline: none !important; box-shadow: none !important; border: none !important; } .btn.btn1::before, .btn.btn1::after, .btn.btn2::before, .btn.btn2::after { display: none !important; } /* our science */ /* Container styling for desktop and large screens */ #shopify-section-template--20532167180466__image_with_text_type2_JLUwLN .image-with-text2__container.text-left { padding-left: clamp(15px, 6vw, 160px); /* responsive left padding */ padding-right: clamp(15px, 6vw, 160px); /* responsive right padding */ max-width: 100%; /* full container width */ box-sizing: border-box; /* include padding in width */ margin: 0 auto; /* center container */ } /* Inner content alignment */ #shopify-section-template--20532167180466__image_with_text_type2_JLUwLN .image-with-text2__container.text-left .mt--first-child-0.align-self-center { width: 100%; /* inner content takes full width */ max-width: 800px; /* optional max width for readability */ } /* Subheading */ #shopify-section-template--20532167180466__image_with_text_type2_JLUwLN .image-with-text2__container.text-left .subheading.h5.mb20 { font-size: 12px; font-weight: 600; margin-bottom: 10px; /* space below subheading */ } /* Headings */ #shopify-section-template--20532167180466__image_with_text_type2_JLUwLN .image-with-text2__container.text-left h2.heading { font-size: 52px; /* responsive size */ margin-bottom: 16px; } /* Paragraphs */ #shopify-section-template--20532167180466__image_with_text_type2_JLUwLN .image-with-text2__container.text-left p { font-size: 18px; /* responsive paragraph */ line-height: 1.6; margin-bottom: 16px; } /* Remove bottom spacing from container and internal wrappers */ #shopify-section-template--20532167180466__image_with_text_type2_JLUwLN .image-with-text2__container.text-left, #shopify-section-template--20532167180466__image_with_text_type2_JLUwLN .image-with-text2__container.text-left .mt--first-child-0.align-self-center, #shopify-section-template--20532167180466__image_with_text_type2_JLUwLN .image-with-text2__container.text-left .mb--last-child-0 { margin-bottom: 0 !important; padding-bottom: 14px !important; } /* Remove bottom margins from subheading, heading, paragraph */ #shopify-section-template--20532167180466__image_with_text_type2_JLUwLN .image-with-text2__container.text-left .subheading.h5.mb20, #shopify-section-template--20532167180466__image_with_text_type2_JLUwLN .image-with-text2__container.text-left h2.heading, #shopify-section-template--20532167180466__image_with_text_type2_JLUwLN .image-with-text2__container.text-left p { margin-bottom: 0 !important; } /* --- Mobile Specific Adjustments --- */ @media (max-width: 768px) { #shopify-section-template--20532167180466__image_with_text_type2_JLUwLN .image-with-text2__container.text-left { padding-left: 16px; /* smaller padding for mobile */ padding-right: 16px; } #shopify-section-template--20532167180466__image_with_text_type2_JLUwLN .image-with-text2__container.text-left .mt--first-child-0.align-self-center { max-width: 100%; /* full width for mobile */ } #shopify-section-template--20532167180466__image_with_text_type2_JLUwLN .image-with-text2__container.text-left h2.heading { font-size: 32px; /* slightly smaller heading on mobile */ } #shopify-section-template--20532167180466__image_with_text_type2_JLUwLN .image-with-text2__container.text-left .subheading.h5.mb20 { font-size: 12px; /* readable subheading on mobile */ } #shopify-section-template--20532167180466__image_with_text_type2_JLUwLN .image-with-text2__container.text-left p { font-size: 18px; /* readable paragraph size on mobile */ } } /* our science 2nd section */ /* Desktop Styles */ #minion-section-template--20532167180466__icon_banners_XRJWBn .icon-banners__heading { font-size: 18px; /* Change heading size */ line-height: 1.2; margin-bottom: 8px; /* Optional spacing below heading */ } #minion-section-template--20532167180466__icon_banners_XRJWBn .icon-banners__description { font-size: 14px; /* Change paragraph size */ line-height: 1.5; margin-bottom: 0; } /* Mobile Styles */ @media (max-width: 768px) { #minion-section-template--20532167180466__icon_banners_XRJWBn .icon-banners__heading { font-size: 18px; /* Smaller heading on mobile */ } #minion-section-template--20532167180466__icon_banners_XRJWBn .icon-banners__description { font-size: 14px; /* Smaller paragraph on mobile */ } } /* bundle page css */ /* All bundle cards hover border */ .page-bundles-value-packs .pgx-product-card{ border:1px solid #e5e1db; transition:all .3s ease; } /* Hover effect same as first card */ /* default border */ .page-bundles-value-packs .col-sp-6.col-md-4.col-one_fifth{ border:1px solid #e6e2dc; border-radius:14px; transition:all .3s ease; } /* hover effect */ /* default card border */ .page-bundles-value-packs .pgx-product-card{ border:1px solid #e6e2dc; border-radius:14px; transition:all .25s ease; } .col-sp-6.col-md-4.col-one_fifth:first-child:hover .pgx-product-card{ border:2px solid #a88b3d!important; box-shadow:none !important; transform:none !important; } /* hover effect same like first card */ .col-sp-6.col-md-4.col-one_fifth:hover .pgx-product-card{ border:2px solid #1f5c4a !important; box-shadow:0 8px 18px rgba(0,0,0,0.08); transform:translateY(-3px); } /* Card hover */ body:has(.pgx-product-card) .pgx-product-card:hover{ transform: translateY(-4px); box-shadow: 0 8px 18px rgba(0,0,0,0.08); } /* Product title */ body:has(.pgx-product-card) .pgx-product-card h3{ font-size: 20px; font-weight: 600; color: #1f3d34; } /* Add to cart button */ body:has(.pgx-product-card) .pgx-product-card .btn{ background: #184f3d; color: #fff; border-radius: 40px; padding: 12px 26px; font-weight: 600; } /* this section end */ /* All page contain left */ #shopify-section-template--20541430562994__text_ntdUqH .grid.justify-content-center { display: block !important; padding: 0px 30px !important; } #shopify-section-template--20612289921202__text_irzTD4 .grid.justify-content-center{ display:block !important; padding:0px 30px!important; } @media (max-width: 767px) { #shopify-section-template--20612289921202__text_irzTD4 .grid.justify-content-center{ padding-left:0 !important; } } #shopify-section-template--20541430562994__text_ntdUqH .grid.justify-content-center{ display:block !important; padding:0px 30px!important; } @media (max-width: 767px) { #shopify-section-template--20541430562994__text_ntdUqH .grid.justify-content-center{ padding-left:0 !important; } } #minion-section-template--20532167180466__text_Cidtrx .grid{ display:block !important; padding:0px 40px!important; } @media (max-width: 767px) { #minion-section-template--20532167180466__text_Cidtrx .grid{ padding-left:0 !important; } } #minion-section-template--20498157404338__text_cpAcwc .grid{ display:block !important; padding:0px 40px!important; } @media (max-width: 767px) { #minion-section-template--20498157404338__text_cpAcwc .grid{ padding-left:0 !important; } } #minion-section-template--20749054181554__text_r74e7z .grid{ display:block !important; padding:0px 40px!important; } @media (max-width: 767px) { #minion-section-template--20749054181554__text_r74e7z .grid{ padding-left:0 !important; } } #shopify-section-template--20717479395506__text_Cj4TPt .grid{ display:block !important; padding:0px 40px!important; } @media (max-width: 767px) { #shopify-section-template--20717479395506__text_Cj4TPt .grid{ padding-left:0 !important; } } #minion-section-template--20498154422450__text_W3mFiw .grid{ display:block !important; padding:0px 40px!important; } @media (max-width: 767px) { #minion-section-template--20498154422450__text_W3mFiw .grid{ padding-left:0 !important; } } #image-with-text2-template--20498154356914__image_with_text_type2_7Ej3hM .image-with-text2__container{ display:block !important; padding:0px 40px!important; } @media (max-width: 767px) { #image-with-text2-template--20498154356914__image_with_text_type2_7Ej3hM .image-with-text2__container{ padding-left:0 !important; } } #minion-section-template--20541430562994__text_jrAip9 .grid.justify-content-center{ display:block !important; padding:0px 40px!important; } @media (max-width: 767px) { #minion-section-template--20541430562994__text_jrAip9 .grid.justify-content-center{ padding-left:0 !important; } } #shopify-section-template--20541430562994__text_jrAip9 .text__description p { color: #FFFFFFD9 !important; } #minion-section-template--20498154356914__text_TQq633 .grid.justify-content-center{ display:block !important; padding:0px 40px!important; } @media (max-width: 767px) { #minion-section-template--20498154356914__text_TQq633 .grid.justify-content-center{ padding-left:0 !important; } } #minion-section-template--20498154553522__text_hmE7yE .grid.justify-content-center{ display:block !important; padding:0px 40px!important; } @media (max-width: 767px) { #minion-section-template--20498154553522__text_hmE7yE .grid.justify-content-center{ padding-left:0 !important; } } #minion-section-template--20712660664498__text_hmE7yE .grid.justify-content-center{ display:block !important; padding:0px 40px!important; } @media (max-width: 767px) { #minion-section-template--20712660664498__text_hmE7yE .grid.justify-content-center{ padding-left:0 !important; } } #minion-section-template--20612235854002__text_RAdrNh .grid.justify-content-center{ display:block !important; padding:0px 40px!important; } @media (max-width: 767px) { #minion-section-template--20612235854002__text_RAdrNh .grid.justify-content-center{ padding-left:0 !important; } } #minion-section-template--20532167180466__icon_banners_wTMFEN .icon-banners__heading{ text-align:left !important; margin-left:0 !important; margin-right:0 !important; max-width:100% !important; } /* MOBILE FIX */ @media (max-width:768px){ .icon-banners{ display:flex; flex-direction:column; align-items:flex-start; gap:10px; } .icon-banners__icon{ margin-bottom:8px; } .icon-banners__heading{ font-size:18px; line-height:1.3; max-width:100%; } .icon-banners__description{ font-size:14px; line-height:1.5; max-width:100%; } } /* our science icon banner ingrediants*/ #minion-section-template--20532167180466__icon_banners_AfHr49 .icon-banners__heading { text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; } #minion-section-template--20532167180466__icon_banners_AfHr49 .icon-banners__description { text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; } #minion-section-template--20532167180466__icon_banners_AfHr49 .icon-banners__icon { text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; } @media(max-width: 900px) { #minion-section-template--20532167180466__icon_banners_AfHr49 .icon-banners__heading, #minion-section-template--20532167180466__icon_banners_AfHr49 .icon-banners__description, #minion-section-template--20532167180466__icon_banners_AfHr49 .icon-banners__icon { text-align: left !important; margin-left: 0 !important; margin-right: 0 !important; } } /* our science our process*/ #minion-section-template--20532167180466__icon_banners_wTMFEN .col-6 { flex: 0 0 100% !important; max-width: 800px !important; } #minion-section-template--20532167180466__icon_banners_wTMFEN .icon-banners__heading { font-size:17px; line-height:1.3; white-space:nowrap; } #minion-section-template--20532167180466__icon_banners_wTMFEN .icon-banners__description { font-size: 15px; line-height: 1.3; margin-left: auto; margin-right: auto; text-align: left; max-width: 100%; } #minion-section-template--20532167180466__icon_banners_wTMFEN .icon-banners { padding-top: 0 !important; padding-bottom: 0 !important; border-bottom: 1px solid #e6e6e6; margin-bottom: 25px; } #minion-section-template--20532167180466__icon_banners_wTMFEN .col-6:last-child .icon-banners { border-bottom: none; margin-bottom: 0; } @media (max-width: 767px) { #minion-section-template--20532167180466__icon_banners_wTMFEN .icon-banners__heading { font-size: 16px; line-height: 1.3; white-space: normal; word-break: break-word; } #minion-section-template--20532167180466__icon_banners_wTMFEN .icon-banners__description { font-size: 14px; text-align: left; } } @media (max-width: 767px){ .grid-container{ grid-template-columns: 1fr !important; } .grid-container > div{ width:100% !important; max-width:100% !important; flex:0 0 100% !important; } .icon-banners{ width:100% !important; } } /* for desktop font size */ /* Sub heading */ .subtitle, .subheading{ font-size:.75rem !important; font-weight: 600!important; letter-spacing: 0.12em!important; text-transform: uppercase!important; font-family: "DM Sans", sans-serif !important; margin-bottom: 8px !important; } /* Main heading */ .h1, .heading{ font-size:3.5rem !important; font-weight: 600!important; } .h2, .heading{ font-size:1.5rem!important; color: #1a4d3e; margin-bottom: 10px !important; font-weight: 600!important; } .heading--mb{ margin-bottom: 12px !important; font-weight: 600!important; } .grid.justify-content-center{ display: flex; flex-direction: column; align-items: center; gap: 10px; } /* Body text */ p{ font-size:1.125rem !important; line-height: 1.7 !important; } /* Icon box heading */ .icon-box h2, .icon-box h4, .icon-box .h5{ font-family:"DM Sans", sans-serif !important; font-size: .9375rem!important; font-weight: 600!important; color: #2d3a36 !important; margin-bottom: 10px !important; } .text-columns-with-images h2, .text-columns-with-images h4, .text-columns-with-images .h5{ font-family:"DM Sans", sans-serif !important; font-size: .9375rem!important; font-weight: 600!important; color: #2d3a36 !important; margin-bottom: 10px !important; } .text-columns-with-images /* Icon box body text */ .mt10 icon-banners__description{ font-size:0.8125rem !important; color: #5a6b64!important; } /* Button text */ .btn, button{ font-size:16px !important; } .ai-hero-slider__subtitle-au2znu2m3a3piz29ukaigenblock294fb6cdgl9n9{ color:#e8d9a8 !important; margin-bottom: 16px; } .ai-hero-slider__text-au2znu2m3a3piz29ukaigenblock294fb6cdgl9n9 p { color:#FFFFFFD9 !important; margin-bottom: 16px; } #minion-section-template--20524386943154__text_ntdUqH .text__description p{ color:#ffffffd9 !important; } #shopify-section-template--20541430562994__text_ntdUqH .text__description p { color: #FFFFFFD9 !important; } .chm-toggle__button, .chm-toggle__button h4, .chm-toggle__button h5 { font-family:"DM Sans", sans-serif !important; font-size: 1rem !important; font-weight: 600!important; color: #2d3a36!important; } #minion-section-template--20624288212594__icon_banners_eLAW64 .page-width mb--last-child-0{ padding-left:34px!important; padding-right:34px!important; } #minion-section-template--20533166932146__text_gQwTxM .text__description p{ color:#2a2a2a !important; } #minion-section-template--20524386943154__text_m7dg7B .text__description p{ color:#ffffffd9 !important; } #minion-section-template--20498154455218__text_W7BRQc .text__description{ color: #ffffffcc !important; } .icon-banners__heading { font-family:"DM Sans", sans-serif !important; font-size: 0.875rem !important; font-weight: 600 !important; letter-spacing: 0.3px !important; } .icon-banners__description { font-family: 'Inter', sans-serif !important; font-size: 0.75rem !important; font-weight: 400 !important; line-height: 1.6 !important; } .jdgm-card.jdgm-media-card { border: 1px solid #E5E5E5 !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important; border-radius: 12px !important; } /* product page Cat Calming Pheromone Diffuser Kit */ #minion-section-template--20730108838066__text_columns_with_images_cUyCjm .col-sp-12:not(:last-child)::after { content: ""; position: absolute; top: 25px; /* adjust to circle center */ left: 50%; width: 100%; height: 2px; background: #3a8c8c; transform: translateX(0%); z-index: 1; } #minion-section-template--20730108838066__text_columns_with_images_cUyCjm img, #minion-section-template--20730108838066__text_columns_with_images_cUyCjm .image-wrapper { position: relative; z-index: 10; } #minion-section-template--20730108838066__text_columns_with_images_cUyCjm .section-heading{ margin-top:20px; color:#ffffff; } @media (max-width: 768px) { #minion-section-template--20730108838066__text_columns_with_images_cUyCjm .col-sp-12:not(:last-child):after { content: none !important; display: none !important; } #minion-section-template--20730108838066__text_columns_with_images_cUyCjm slider-component { display: flex; flex-wrap: wrap; justify-content: center; overflow: visible !important; } #minion-section-template--20730108838066__text_columns_with_images_cUyCjm .col-sp-12.col-4 { width: 100%; max-width: 300px; box-sizing: border-box; padding: 10px 15px; display: flex; flex-direction: column; align-items: center; } #minion-section-template--20730108838066__text_columns_with_images_cUyCjm .text-columns-img__icon { margin-bottom: 12px; width: auto; height: auto; } #minion-section-template--20730108838066__text_columns_with_images_cUyCjm .text-columns-img__heading, #minion-section-template--20730108838066__text_columns_with_images_cUyCjm .text-columns-img__description { text-align: center; white-space: normal; } #minion-section-template--20730108838066__text_columns_with_images_cUyCjm .text-columns-img__description { margin-top: 6px; } } #minion-section-template--20730108838066__text_columns_with_images_cUyCjm .section-subheading{ font-size:0.75rem !important; font-weight: 600!important; letter-spacing: 0.12em!important; text-transform: uppercase!important; color:#e8d9a8!important; font-family: "DM Sans", sans-serif !important; text-align:center; color: #9f6d02; } @media (max-width: 768px) { #minion-section-template--20730108838066__text_columns_with_images_cUyCjm .section-subheading { font-size: 12px; /* smaller font */ line-height: 1.4; margin-bottom: 4px; text-align: center; } #minion-section-template--20730108838066__text_columns_with_images_cUyCjm .section-heading { font-size: 24px; /* smaller heading */ line-height: 1.25; margin-bottom: 36px; text-align: center; } } /* Cat Calming Pheromone Diffuser Kit FAQ */ #minion-section-template--20730108838066__accordion_LfD78F .chm-toggle__content p { font-size: .9375rem !important; color: var(--text-muted); line-height: 1.7; font-weight: 400; } /* ambassador page hero section */ #minion-section-template--20624282812594__text_WQDM6J .text__description p{ color:#ffffffd9 !important; } #minion-section-template--20624282812594__text_WQDM6J h2.mt0.mb15{ font-size: 3.25rem !important; letter-spacing: -.02em!important; line-height: 1.2!important; } /* ambassador hero section responsive */ /* ========================= */ /* ๐Ÿ“ฑ Tablet (992px) */ /* ========================= */ @media (max-width: 992px) { #minion-section-template--20624282812594__text_WQDM6J h2.mt0.mb15 { font-size: 2.4rem !important; line-height: 1.25 !important; } #minion-section-template--20624282812594__text_WQDM6J .section_richtext_editor { font-size: 1rem !important; line-height: 1.6 !important; } } /* ========================= */ /* ๐Ÿ“ฑ Mobile (768px) */ /* ========================= */ @media (max-width: 768px) { #minion-section-template--20624282812594__text_WQDM6J { padding: 60px 16px !important; } #minion-section-template--20624282812594__text_WQDM6J h2.mt0.mb15 { font-size: 1.9rem !important; line-height: 1.3 !important; } #minion-section-template--20624282812594__text_WQDM6J .section_richtext_editor { font-size: 0.95rem !important; } #minion-section-template--20624282812594__text_WQDM6J .subheading { font-size: 11px !important; letter-spacing: 1.5px !important; } } /* ========================= */ /* ๐Ÿ“ฑ Small Mobile (480px) */ /* ========================= */ @media (max-width: 480px) { #minion-section-template--20624282812594__text_WQDM6J h2.mt0.mb15 { font-size: 1.6rem !important; } } /* End */ #shopify-section-template--20624282812594__text_WQDM6J .grid.justify-content-center { display: flex !important; justify-content: center !important; text-align: center !important; flex-direction: column; align-items: center !important; } #shopify-section-template--20624282812594__text_WQDM6J .dual-buttons { display: flex !important; justify-content: center !important; gap: 12px; } /* claming cat diffuser */ #minion-section-template--20730108838066__text_columns_with_images_dT8qFP .text-columns-img__heading { font-size: .9375rem; /* change as needed */ } #minion-section-template--20730108838066__text_columns_with_images_dT8qFP .text-columns-img__description p { font-size: 0.8125rem !important; } .footer__bottom-flex{ display: flex; justify-content: space-between !important; align-items: center; width: 100%; } /* LEFT TEXT */ .footer__copyright-text{ text-align: left; } /* RIGHT LINKS */ .footer__bottom-links{ display: flex; gap: 20px; justify-content: flex-end; } /* LINKS STYLE */ .footer__bottom-links a{ text-decoration: none; color: #cbd5cf; font-size: 0.875rem; } .footer__bottom-links a:hover{ color: #ffffff; } .footer__content-bottom > div{ width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; } /* NEWSLETTER WRAPPER */ .newsletter-form .field{ display: flex !important; align-items: center; gap: 12px; } /* INPUT FIELD */ .newsletter-form .field__input{ height: 48px !important; border-radius: 999px !important; padding: 0 20px !important; flex: 1; } /* BUTTON FIX */ .newsletter-form .field__button{ height: 48px !important; padding: 0 24px !important; border-radius: 999px !important; background: #c8a24a !important; /* gold color */ color: #000 !important; font-weight: 600 !important; font-size: 14px !important; display: flex; align-items: center; justify-content: center; } /* REMOVE ICON STYLE (IMPORTANT) */ .newsletter-form .field__button svg{ display: none !important; } /* TEXT INSIDE BUTTON */ .newsletter-form .field__button::before{ content: "Subscribe"; } /* FORCE BUTTON VISIBLE */ .newsletter-form .field__button{ opacity: 1 !important; visibility: visible !important; display: flex !important; } /* REMOVE HOVER DEPENDENCY */ .newsletter-form .field:hover .field__button{ opacity: 1 !important; visibility: visible !important; } .newsletter-form .field__input{ margin-right: 8px !important; } /* movegaurd median large 5 Pillars of Joint Health */ /* Circle Wrapper */ #minion-section-template--20742257344690__icon_banners_DnF7tG .icon-banners__icon { width: 60px; height: 60px; border-radius: 50%; background: #c5e0d4; /* circle background */ margin: 0 auto 12px; display: flex; align-items: center; justify-content: center; overflow: hidden; /* ๐Ÿ”ฅ important */ transition: all 0.3s ease; } /* Make Icon Smaller */ #minion-section-template--20742257344690__icon_banners_DnF7tG .icon-banners__icon img { width: 28px !important; height: 28px !important; object-fit: contain; } /* Pink Border On Hover */ #minion-section-template--20742257344690__icon_banners_DnF7tG .icon-banners { border: 2px solid transparent; transition: 0.3s ease; } #minion-section-template--20742257344690__icon_banners_DnF7tG .icon-banners:hover { border-color: #1a4d3e !important; } /* Real Results. Real Timeline. MoveGuard Medium & Large Breed */ /* product page Cat Calming Pheromone Diffuser Kit */ #minion-section-template--20742257344690__text_columns_with_images_hNzXWQ .col-sp-12:not(:last-child)::after { content: ""; position: absolute; top: 25px; /* adjust to circle center */ left: 50%; width: 100%; height: 2px; background: #3a8c8c; transform: translateX(0%); z-index: 1; } #minion-section-template--20742257344690__text_columns_with_images_hNzXWQ img, #minion-section-template--20742257344690__text_columns_with_images_hNzXWQ .image-wrapper { position: relative; z-index: 999; } #minion-section-template--20742257344690__text_columns_with_images_hNzXWQ .section-heading{ margin-top:20px; color:#ffffff; } @media (max-width: 768px) { #minion-section-template--20742257344690__text_columns_with_images_hNzXWQ .col-sp-12:not(:last-child):after { content: none !important; display: none !important; } #minion-section-template--20742257344690__text_columns_with_images_hNzXWQ slider-component { display: flex; flex-wrap: wrap; justify-content: center; overflow: visible !important; } #minion-section-template--20742257344690__text_columns_with_images_hNzXWQ .col-sp-12.col-4 { width: 100%; max-width: 300px; box-sizing: border-box; padding: 10px 15px; display: flex; flex-direction: column; align-items: center; } #minion-section-template--20742257344690__text_columns_with_images_hNzXWQ .text-columns-img__icon { margin-bottom: 12px; width: auto; height: auto; } #minion-section-template--20742257344690__text_columns_with_images_hNzXWQ .text-columns-img__heading, #minion-section-template--20742257344690__text_columns_with_images_hNzXWQ .text-columns-img__description { text-align: center; white-space: normal; } #minion-section-template--20742257344690__text_columns_with_images_hNzXWQ .text-columns-img__description { margin-top: 6px; } } #minion-section-template--20742257344690__text_columns_with_images_hNzXWQ .section-subheading{ font-size:0.75rem !important; font-weight: 600!important; letter-spacing: 0.12em!important; text-transform: uppercase!important; color:#e8d9a8!important; font-family: "DM Sans", sans-serif !important; text-align:center; color: #9f6d02; } @media (max-width: 768px) { #minion-section-template--20742257344690__text_columns_with_images_hNzXWQ .section-subheading { font-size: 12px; /* smaller font */ line-height: 1.4; margin-bottom: 4px; text-align: center; } #minion-section-template--20742257344690__text_columns_with_images_hNzXWQ .section-heading { font-size: 24px; /* smaller heading */ line-height: 1.25; margin-bottom: 36px; text-align: center; } } /* Same width for whole footer */ .footer .page-width{ max-width: 1400px !important; /* same for all */ margin: 0 auto !important; padding: 0 20px !important; } /* Bottom copyright section align */ .footer__content-bottom{ max-width: 1400px !important; margin: 0 auto !important; padding: 10px 20px !important; } /* footer font size */ .footer__heading{ font-family:"DM Sans", sans-serif !important; font-size: .6875rem; !important; /* 14px */ font-weight: 700 !important; text-transform: uppercase; letter-spacing: .12em; color: #ffffff66 !important; margin-bottom: 16px; } .footer-block__content p{ font-size: 0.875rem !important; /* 14px */ line-height: 1.6 !important; color: #ffffffcc!important; margin-bottom: 20px; opacity: .7; margin-top:-10px!important; } .footer__menu a{ color: #ffffffB3 !important; /* light grey (recommended) */ } .footer h2{ font-size: 1.5rem !important; /* 24px */ font-weight: 600 !important; color: #ffffff66 !important; } .footer .body2{ font-size: 0.9375rem !important; /* 15px */ line-height: 1.6 !important; color: #cbd5cf !important; } .footer__copyright{ font-size: 0.75rem !important; /* 12px */ color: #9fb3aa !important; } .footer__bottom-links a{ font-size: 0.875rem !important; /* 12px */ color: #9fb3aa !important; } #shopify-section-sections--20498164711602__newsletter_6ng8X8 h2{ font-family: "Playfair Display", serif !important; font-size: 1.25rem !important; /* 24px */ font-weight: 600 !important; line-height: 1.3 !important; letter-spacing: 0.3px; color: #ffffff !important; margin-bottom: 8px !important; } #shopify-section-sections--20498164711602__newsletter_6ng8X8 .body2{ font-family: "DM Sans", sans-serif !important; font-size:.875rem !important; /* 15px */ line-height: 1.6 !important; letter-spacing: 0.2px; color: #cbd5cf !important; max-width: 480px; margin-bottom:16px !important; } #shopify-section-sections--20498164711602__newsletter_6ng8X8 input{ font-family: "DM Sans", sans-serif !important; font-size: 0.875rem !important; /* 14px */ color: #ffffff !important; } #shopify-section-sections--20498164711602__newsletter_6ng8X8 .field__button{ font-family: "DM Sans", sans-serif !important; font-size: 0.875rem !important; /* 14px */ font-weight: 600 !important; } /* footer end*/ /*headin font size*/ .list-menu__item{ font-size: 0.9375rem !important; color: #2d3a36 !important; } /* product page Cat Calming Pheromone Diffuser Kit */ #minion-section-template--20498162778290__text_columns_with_images_NexFJV .col-sp-12:not(:last-child)::after { content: ""; position: absolute; top: 25px; /* adjust to circle center */ left: 50%; width: 100%; height: 2px; background: #3a8c8c; transform: translateX(0%); z-index: 1; } #minion-section-template--20498162778290__text_columns_with_images_NexFJV img, #minion-section-template--20498162778290__text_columns_with_images_NexFJV .image-wrapper { position: relative; z-index: 10; } #minion-section-template--20498162778290__text_columns_with_images_NexFJV .section-heading{ margin-top:20px; color:#ffffff; } @media (max-width: 768px) { #minion-section-template--20498162778290__text_columns_with_images_NexFJV .col-sp-12:not(:last-child):after { content: none !important; display: none !important; } #minion-section-template--20498162778290__text_columns_with_images_NexFJV slider-component { display: flex; flex-wrap: wrap; justify-content: center; overflow: visible !important; } #minion-section-template--20498162778290__text_columns_with_images_NexFJV .col-sp-12.col-4 { width: 100%; max-width: 300px; box-sizing: border-box; padding: 10px 15px; display: flex; flex-direction: column; align-items: center; } #minion-section-template--20498162778290__text_columns_with_images_NexFJV .text-columns-img_icon { margin-bottom: 12px; width: auto; height: auto; } #minion-section-template--20498162778290__text_columns_with_images_NexFJV .text-columns-img_heading, #minion-section-template--20498162778290__text_columns_with_images_NexFJV .text-columns-img_description { text-align: center; white-space: normal; } #minion-section-template--20498162778290__text_columns_with_images_NexFJV .text-columns-img_description { margin-top: 6px; } } #minion-section-template--20498162778290__text_columns_with_images_NexFJV .section-subheading{ font-size:0.75rem !important; font-weight: 600!important; letter-spacing: 0.12em!important; text-transform: uppercase!important; color:#e8d9a8!important; font-family: "DM Sans", sans-serif !important; text-align:center; color: #9f6d02; } @media (max-width: 768px) { #minion-section-template--20498162778290__text_columns_with_images_NexFJV .section-subheading { font-size: 12px; /* smaller font */ line-height: 1.4; margin-bottom: 4px; text-align: center; } #minion-section-template--20498162778290__text_columns_with_images_NexFJV .section-heading { font-size: 24px !important; /* smaller heading */ line-height: 1.25; margin-bottom: 36px; text-align: center; } } /* SECTION WRAPPER */ #shopify-section-template--20533166932146__text_gQwTxM { display: flex; justify-content: center !important; padding: 80px 20px; align-items:center !important; } /* CONTAINER WIDTH */ #shopify-section-template--20533166932146__text_gQwTxM .page-width { width: 100%; margin: 0 auto; } /* HEADING (WHAT HAPPENED NEXT) */ #shopify-section-template--20533166932146__text_gQwTxM .subheading { font-family: 'DM Sans', sans-serif; font-size:13px; /* small label */ letter-spacing: 0.15em; text-transform: uppercase; color: #9a9080; margin-bottom: 24px; } /* PARAGRAPH TEXT */ #shopify-section-template--20533166932146__text_gQwTxM .text__description { font-family: Georgia, "Times New Roman", serif; font-size: 18px; /* main text size */ line-height: 1.9; color: #2f4a63; } /* PARAGRAPH SPACING */ #shopify-section-template--20533166932146__text_gQwTxM .text__description p { margin-bottom: 18px; } /* OPTIONAL: NARROW TEXT LOOK (like screenshot) */ #shopify-section-template--20533166932146__text_gQwTxM .col-12 { max-width: 640px; margin: 0 auto; } /* MOBILE RESPONSIVE */ @media (max-width: 768px) { #shopify-section-template--20533166932146__text_gQwTxM { padding: 50px 16px; } #shopify-section-template--20533166932146__text_gQwTxM .text__description { font-size: 16px; line-height: 1.8; } } #shopify-section-template--20533166932146__text_gQwTxM .text-columns-icons { background: #f5f2ec; padding: 60px 20px; } /* SMALL LABEL (Skin & Coat ยท Dog) */ .product__text_content p { color: #a88b3d !important; /* soft muted grey-green */ font-size: .75rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; } /* PRODUCT TITLE (YeastGuard) */ .product__title { color: #1f3d36; /* dark green */ } /* DESCRIPTION */ .product-short-description { color: #4a5c5a; /* medium grey */ } /* REVIEWS TEXT */ .reviews { color: #4a5c5a; } /* long box */ #shopify-section-template--20498162778290__icon_banners_TDNDqa .icon-banners:before { opacity: 0 !important; } /* Only this stats section */ #shopify-section-template--20533166932146__counter_showcase_9mWPj7 .stat-number, #shopify-section-template--20533166932146__counter_showcase_9mWPj7 h5 { font-family: 'Source Serif 4', Georgia, serif !important; font-size: clamp(28px, 4vw, 40px) !important; font-weight: 700 !important; color: #2D5A3E !important; letter-spacing: -0.02em !important; text-align: center !important; } #shopify-section-template--20533166932146__counter_showcase_9mWPj7 .stat-label, #shopify-section-template--20533166932146__counter_showcase_9mWPj7 h4 { font-family: 'DM Sans', sans-serif !important; font-size: 12px !important; color: #888 !important; text-transform: uppercase !important; letter-spacing: 0.12em !important; margin-top: 4px !important; text-align: center !important; } /* yeastguard bundle */ /* product page Cat Calming Pheromone Diffuser Kit */ #minion-section-template--20744108048562__text_columns_with_images_NexFJV .col-sp-12:not(:last-child)::after { content: ""; position: absolute; top: 25px; /* adjust to circle center */ left: 50%; width: 100%; height: 2px; background: #3a8c8c; transform: translateX(0%); z-index: 1; } #minion-section-template--20744108048562__text_columns_with_images_NexFJV img, #minion-section-template--20744108048562__text_columns_with_images_NexFJV .image-wrapper { position: relative; z-index: 10; } #minion-section-template--20744108048562__text_columns_with_images_NexFJV .section-heading{ margin-top:20px; color:#ffffff; } @media (max-width: 768px) { #minion-section-template--20744108048562__text_columns_with_images_NexFJV .col-sp-12:not(:last-child):after { content: none !important; display: none !important; } #minion-section-template--20744108048562__text_columns_with_images_NexFJV slider-component { display: flex; flex-wrap: wrap; justify-content: center; overflow: visible !important; } #minion-section-template--20744108048562__text_columns_with_images_NexFJV .col-sp-12.col-4 { width: 100%; max-width: 300px; box-sizing: border-box; padding: 10px 15px; display: flex; flex-direction: column; align-items: center; } #minion-section-template--20744108048562__text_columns_with_images_NexFJV .text-columns-img__icon { margin-bottom: 12px; width: auto; height: auto; } #minion-section-template--20744108048562__text_columns_with_images_NexFJV .text-columns-img__heading, #minion-section-template--20744108048562__text_columns_with_images_NexFJV .text-columns-img__description { text-align: center; white-space: normal; } #minion-section-template--20744108048562__text_columns_with_images_NexFJV .text-columns-img__description { margin-top: 6px; } } #minion-section-template--20744108048562__text_columns_with_images_NexFJV .section-subheading{ font-size:0.75rem !important; font-weight: 600!important; letter-spacing: 0.12em!important; text-transform: uppercase!important; color:#e8d9a8!important; font-family: "DM Sans", sans-serif !important; text-align:center; color: #9f6d02; } @media (max-width: 768px) { #minion-section-template--20744108048562__text_columns_with_images_NexFJV .section-subheading { font-size: 12px; /* smaller font */ line-height: 1.4; margin-bottom: 4px; text-align: center; } #minion-section-template--20744108048562__text_columns_with_images_NexFJV .section-heading { font-size: 24px !important; /* smaller heading */ line-height: 1.25; margin-bottom: 36px; text-align: center; } } @media (max-width: 767px) { .btn.btn2 { margin-left: 0 !important; margin-top: 12px; } } /* long box in moveguard-growth */ #minion-section-template--20748641173682__icon_banners_Kj9Gkk .icon-banners:before { opacity: 0 !important; } /* FORCE FIX FOR MOBILE BORDER ISSUE */ #minion-section-template--20748641173682__icon_banners_Kj9Gkk .col-12 { padding: 12px !important; box-sizing: border-box; justify-content:center; } #minion-section-template--20748641173682__icon_banners_Kj9Gkk .icon-banners { display: block !important; width: 100% !important; background: #fef8ec !important; border: 2px solid rgba(212, 148, 58, 0.25) !important; border-radius: 24px !important; padding: 16px !important; box-sizing: border-box !important; } @media (max-width: 768px) { #minion-section-template--20748641173682__icon_banners_Kj9Gkk .col-12 { display: flex !important; justify-content: center !important; } #minion-section-template--20748641173682__icon_banners_Kj9Gkk .icon-banners { width: 90% !important; max-width: 380px; margin: 0 auto !important; } } /* */ #minion-section-template--20744108048562__icon_banners_TDNDqa .icon-banners:before { opacity: 0 !important; } #minion-section-template--20744108048562__icon_banners_TDNDqa .col-12 { padding: 12px !important; box-sizing: border-box; justify-content:center; } #minion-section-template--20744108048562__icon_banners_TDNDqa .icon-banners { display: block !important; width: 100% !important; background: rgba(26, 77, 62, .04); border: 1px solid rgba(26, 77, 62, .08); border-radius: 24px !important; padding: 16px !important; box-sizing: border-box !important; } @media (max-width: 768px) { #minion-section-template--20744108048562__icon_banners_TDNDqa .col-12 { display: flex !important; justify-content: center !important; } #minion-section-template--20744108048562__icon_banners_TDNDqa .icon-banners { width: 90% !important; max-width: 380px; margin: 0 auto !important; } #minion-section-template--20744108048562__icon_banners_TDNDqa .icon-banners__heading{ font-size:15px !important; } } /* movegaurd median large */ #minion-section-template--20742257344690__text_columns_with_images_dT8qFP .col-sp-12:not(:last-child)::after { content: ""; position: absolute; top: 25px; /* adjust to circle center */ left: 50%; width: 100%; height: 2px; background: #3a8c8c; transform: translateX(0%); z-index: 1; } #minion-section-template--20742257344690__text_columns_with_images_dT8qFP img, #minion-section-template--20742257344690__text_columns_with_images_dT8qFP .image-wrapper { position: relative; z-index: 10; } #minion-section-template--20742257344690__text_columns_with_images_dT8qFP .section-heading{ margin-top:20px; color:#ffffff; } @media (max-width: 768px) { #minion-section-template--20742257344690__text_columns_with_images_dT8qFP .col-sp-12:not(:last-child):after { content: none !important; display: none !important; } #minion-section-template--20742257344690__text_columns_with_images_dT8qFP slider-component { display: flex; flex-wrap: wrap; justify-content: center; overflow: visible !important; } #minion-section-template--20742257344690__text_columns_with_images_dT8qFP .col-sp-12.col-4 { width: 100%; max-width: 300px; box-sizing: border-box; padding: 10px 15px; display: flex; flex-direction: column; align-items: center; } #minion-section-template--20742257344690__text_columns_with_images_dT8qFP .text-columns-img__icon { margin-bottom: 12px; width: auto; height: auto; } #minion-section-template--20742257344690__text_columns_with_images_dT8qFP .text-columns-img__heading, #minion-section-template--20742257344690__text_columns_with_images_dT8qFP .text-columns-img__description { text-align: center; white-space: normal; } #minion-section-template--20742257344690__text_columns_with_images_dT8qFP .text-columns-img__description { margin-top: 6px; } } #minion-section-template--20742257344690__text_columns_with_images_dT8qFP .section-subheading{ font-size:0.75rem !important; font-weight: 600!important; letter-spacing: 0.12em!important; text-transform: uppercase!important; color:#e8d9a8!important; font-family: "DM Sans", sans-serif !important; text-align:center; color: #9f6d02; } @media (max-width: 768px) { #minion-section-template--20742257344690__text_columns_with_images_dT8qFP .section-subheading { font-size: 12px; /* smaller font */ line-height: 1.4; margin-bottom: 4px; text-align: center; } #minion-section-template--20742257344690__text_columns_with_images_dT8qFP .section-heading { font-size: 24px !important; /* smaller heading */ line-height: 1.25; margin-bottom: 36px; text-align: center; } } #minion-section-template--20742257344690__icon_banners_Dfjwdh .icon-banners:before { opacity: 0 !important; } #minion-section-template--20742257344690__icon_banners_Dfjwdh .col-12 { padding: 12px !important; box-sizing: border-box; justify-content:center; } #minion-section-template--20742257344690__icon_banners_Dfjwdh .icon-banners { display: block !important; width: 100% !important; background: rgba(26, 77, 62, .04); border: 1px solid rgba(26, 77, 62, .08); border-radius: 24px !important; padding: 16px !important; box-sizing: border-box !important; } @media (max-width: 768px) { #minion-section-template--20742257344690__icon_banners_Dfjwdh .col-12 { display: flex !important; justify-content: center !important; } #minion-section-template--20742257344690__icon_banners_Dfjwdh .icon-banners { width: 90% !important; max-width: 380px; margin: 0 auto !important; } } /* */ @media (max-width: 768px) { #shopify-block-AbnJZV0g4a1hwSDVCb__judge_me_reviews_cards_carousel_edcK3H .jdgm-header .jdgm-title { font-size: 24px; /* smaller heading on mobile */ line-height: 1.3; text-align: center; /* center on mobile */ margin-bottom: 1px; } } /* small breed */ #minion-section-template--20755740819634__text_columns_with_images_dT8qFP .col-sp-12:not(:last-child)::after { content: ""; position: absolute; top: 25px; /* adjust to circle center */ left: 50%; width: 100%; height: 2px; background: #3a8c8c; transform: translateX(0%); z-index: 1; } #minion-section-template--20755740819634__text_columns_with_images_dT8qFP img, #minion-section-template--20755740819634__text_columns_with_images_dT8qFP .image-wrapper { position: relative; z-index: 999; } #minion-section-template--20755740819634__text_columns_with_images_dT8qFP .section-heading{ margin-top:20px; color:#ffffff; } @media (max-width: 768px) { #minion-section-template--20755740819634__text_columns_with_images_dT8qFP .col-sp-12:not(:last-child):after { content: none !important; display: none !important; } #minion-section-template--20755740819634__text_columns_with_images_dT8qFP slider-component { display: flex; flex-wrap: wrap; justify-content: center; overflow: visible !important; } #minion-section-template--20755740819634__text_columns_with_images_dT8qFP .col-sp-12.col-4 { width: 100%; max-width: 300px; box-sizing: border-box; padding: 10px 15px; display: flex; flex-direction: column; align-items: center; } #minion-section-template--20755740819634__text_columns_with_images_dT8qFP .text-columns-img__icon { margin-bottom: 12px; width: auto; height: auto; } #minion-section-template--20755740819634__text_columns_with_images_dT8qFP .text-columns-img__heading, #minion-section-template--20755740819634__text_columns_with_images_dT8qFP .text-columns-img__description { text-align: center; white-space: normal; } #minion-section-template--20755740819634__text_columns_with_images_dT8qFP .text-columns-img__description { margin-top: 6px; } } #minion-section-template--20755740819634__text_columns_with_images_dT8qFP .section-subheading{ font-size:0.75rem !important; font-weight: 600!important; letter-spacing: 0.12em!important; text-transform: uppercase!important; color:#e8d9a8!important; font-family: "DM Sans", sans-serif !important; text-align:center; color: #9f6d02; } @media (max-width: 768px) { #minion-section-template--20755740819634__text_columns_with_images_dT8qFP .section-subheading { font-size: 12px; /* smaller font */ line-height: 1.4; margin-bottom: 4px; text-align: center; } #minion-section-template--20755740819634__text_columns_with_images_dT8qFP .section-heading { font-size: 24px !important; /* smaller heading */ line-height: 1.25; margin-bottom: 36px; text-align: center; } } #minion-section-template--20755740819634__icon_banners_Dfjwdh .icon-banners:before { opacity: 0 !important; } #minion-section-template--20755740819634__icon_banners_Dfjwdh .col-12 { padding: 12px !important; box-sizing: border-box; justify-content:center; } #minion-section-template--20755740819634__icon_banners_Dfjwdh .icon-banners { display: block !important; width: 100% !important; background: rgba(26, 77, 62, .04); border: 1px solid rgba(26, 77, 62, .08); border-radius: 24px !important; padding: 16px !important; box-sizing: border-box !important; } @media (max-width: 768px) { #minion-section-template--20755740819634__icon_banners_Dfjwdh .col-12 { display: flex !important; justify-content: center !important; } #minion-section-template--20755740819634__icon_banners_Dfjwdh .icon-banners { width: 90% !important; max-width: 380px; margin: 0 auto !important; } } /* giant breed */ #minion-section-template--20755866157234__text_columns_with_images_dT8qFP .col-sp-12:not(:last-child)::after { content: ""; position: absolute; top: 25px; /* adjust to circle center */ left: 50%; width: 100%; height: 2px; background: #3a8c8c; transform: translateX(0%); z-index: 1; } #minion-section-template--20755866157234__text_columns_with_images_dT8qFP img, #minion-section-template--20755866157234__text_columns_with_images_dT8qFP .image-wrapper { position: relative; z-index: 999; } #minion-section-template--20755866157234__text_columns_with_images_dT8qFP .section-heading{ margin-top:20px; color:#ffffff; } @media (max-width: 768px) { #minion-section-template--20755866157234__text_columns_with_images_dT8qFP .col-sp-12:not(:last-child):after { content: none !important; display: none !important; } #minion-section-template--20755866157234__text_columns_with_images_dT8qFP slider-component { display: flex; flex-wrap: wrap; justify-content: center; overflow: visible !important; } #minion-section-template--20755866157234__text_columns_with_images_dT8qFP .col-sp-12.col-4 { width: 100%; max-width: 300px; box-sizing: border-box; padding: 10px 15px; display: flex; flex-direction: column; align-items: center; } #minion-section-template--20755866157234__text_columns_with_images_dT8qFP .text-columns-img__icon { margin-bottom: 12px; width: auto; height: auto; } #minion-section-template--20755866157234__text_columns_with_images_dT8qFP .text-columns-img__heading, #minion-section-template--20755866157234__text_columns_with_images_dT8qFP .text-columns-img__description { text-align: center; white-space: normal; } #minion-section-template--20755866157234__text_columns_with_images_dT8qFP .text-columns-img__description { margin-top: 6px; } } #minion-section-template--20755866157234__text_columns_with_images_dT8qFP .section-subheading{ font-size:0.75rem !important; font-weight: 600!important; letter-spacing: 0.12em!important; text-transform: uppercase!important; color:#e8d9a8!important; font-family: "DM Sans", sans-serif !important; text-align:center; color: #9f6d02; } @media (max-width: 768px) { #minion-section-template--20755866157234__text_columns_with_images_dT8qFP .section-subheading { font-size: 12px; /* smaller font */ line-height: 1.4; margin-bottom: 4px; text-align: center; } #minion-section-template--20755866157234__text_columns_with_images_dT8qFP .section-heading { font-size: 24px !important; /* smaller heading */ line-height: 1.25; margin-bottom: 36px; text-align: center; } } #minion-section-template--20755866157234__icon_banners_Dfjwdh .icon-banners:before { opacity: 0 !important; } #minion-section-template--20755866157234__icon_banners_Dfjwdh .col-12 { padding: 12px !important; box-sizing: border-box; justify-content:center; } #minion-section-template--20755866157234__icon_banners_Dfjwdh .icon-banners { display: block !important; width: 100% !important; background: rgba(26, 77, 62, .04); border: 1px solid rgba(26, 77, 62, .08); border-radius: 24px !important; padding: 16px !important; box-sizing: border-box !important; } @media (max-width: 768px) { #minion-section-template--20755866157234__icon_banners_Dfjwdh .col-12 { display: flex !important; justify-content: center !important; } #minion-section-template--20755866157234__icon_banners_Dfjwdh .icon-banners { width: 90% !important; max-width: 380px; margin: 0 auto !important; } } /* pawgnanix challenge yeast */ #minion-section-template--20756401291442__text_columns_with_images_44Uxhp .col-sp-12:not(:last-child)::after { content: ""; position: absolute; top: 25px; /* adjust to circle center */ left: 50%; width: 100%; height: 2px; background: #f0ece6; transform: translateX(0%); z-index: 1; } #minion-section-template--20756401291442__text_columns_with_images_44Uxhp img, #minion-section-template--20756401291442__text_columns_with_images_44Uxhp .image-wrapper { position: relative; z-index: 10; } #minion-section-template--20756401291442__text_columns_with_images_44Uxhp .section-heading{ margin-top:20px; color:#ffffff; } @media (max-width: 768px) { #minion-section-template--20756401291442__text_columns_with_images_44Uxhp .col-sp-12:not(:last-child):after { content: none !important; display: none !important; } #minion-section-template--20756401291442__text_columns_with_images_44Uxhp slider-component { display: flex; flex-wrap: wrap; justify-content: center; overflow: visible !important; } #minion-section-template--20756401291442__text_columns_with_images_44Uxhp .col-sp-12.col-4 { width: 100%; max-width: 300px; box-sizing: border-box; padding: 10px 15px; display: flex; flex-direction: column; align-items: center; } #minion-section-template--20756401291442__text_columns_with_images_44Uxhp .text-columns-img__icon { margin-bottom: 12px; width: auto; height: auto; } #minion-section-template--20756401291442__text_columns_with_images_44Uxhp .text-columns-img__heading, #minion-section-template--20756401291442__text_columns_with_images_44Uxhp .text-columns-img__description { text-align: center; white-space: normal; } #minion-section-template--20756401291442__text_columns_with_images_44Uxhp .text-columns-img__description { margin-top: 6px; } } #minion-section-template--20756401291442__text_columns_with_images_44Uxhp .section-subheading{ font-size:0.75rem !important; font-weight: 600!important; letter-spacing: 0.12em!important; text-transform: uppercase!important; color:#e8d9a8!important; font-family: "DM Sans", sans-serif !important; text-align:center; color: #9f6d02; } @media (max-width: 768px) { #minion-section-template--20756401291442__text_columns_with_images_44Uxhp .section-subheading { font-size: 12px; /* smaller font */ line-height: 1.4; margin-bottom: 4px; text-align: center; } #minion-section-template--20756401291442__text_columns_with_images_44Uxhp .section-heading { font-size: 24px; /* smaller heading */ line-height: 1.25; margin-bottom: 36px; text-align: center; } } /* next section */ #minion-section-template--20756401291442__icon_banners_n7TzTF { text-align: left; } /* Force all inner content left */ #minion-section-template--20756401291442__icon_banners_n7TzTF * { text-align: center !important; } /* Align grid properly */ #minion-section-template--20756401291442__icon_banners_n7TzTF .grid { justify-content: flex-start !important; } /* Button styling */ #minion-section-template--20756401291442__icon_banners_n7TzTF .btn-medium.hover-area--native { display: inline-block; padding: 6px 12px; background: rgba(74, 124, 111, .08); color:#4a7c6f; border-radius: 9999px; font-size: .6875rem; font-weight: 600; line-height: 1.2; } /* Create the pseudo element */ #minion-section-template--20756401291442__icon_banners_n7TzTF .icon-banners { position: relative; z-index: 1; padding:24px; } #minion-section-template--20756401291442__icon_banners_n7TzTF .icon-banners::before { content: ""; position: absolute; inset: 0; background: #ffffff; border: 1px solid #f0ece6; border-radius: inherit; z-index: -1; transition: all 0.3s ease; } /* Hover effect */ #minion-section-template--20756401291442__icon_banners_n7TzTF .icon-banners:hover::before { border-color: #4a7c6f; background: #ffffff; } /* Target ONLY the 6th card */ #minion-section-template--20756401291442__icon_banners_n7TzTF .col-sp-12:nth-child(6) .icon-banners::before { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(201, 169, 98, 0.03), rgba(201, 169, 98, 0.08)); border: 1px solid #c9a962; border-radius: inherit; z-index: -1; } /* Ensure parent positioning */ #minion-section-template--20756401291442__icon_banners_n7TzTF .col-sp-12:nth-child(6) .icon-banners { position: relative; z-index: 1; } /* all carousel */ /* all carousel */ @media (max-width: 768px) { .jdgm-title { font-size: 24px !important; white-space: normal !important; /* allow line breaks */ overflow: visible !important; /* allow content to flow */ word-break: break-word !important; /* break long words if needed */ display: block !important; /* ensure block-level for wrapping */ width: 100% !important; /* take full width */ } } #minion-section-template--20498157404338__icon_banners_NYWgJH .icon-banners:before { opacity: 0 !important; } #minion-section-template--20498157404338__icon_banners_NYWgJH .col-12 { padding: 12px !important; box-sizing: border-box; justify-content:center; } #minion-section-template--20498157404338__icon_banners_NYWgJH .icon-banners { display: block !important; width: 100% !important; background: rgba(26, 77, 62, .04); border: 1px solid rgba(26, 77, 62, .08); border-radius: 24px !important; padding: 16px !important; box-sizing: border-box !important; } @media (max-width: 768px) { #minion-section-template--20498157404338__icon_banners_NYWgJH .col-12 { display: flex !important; justify-content: center !important; } #minion-section-template--20498157404338__icon_banners_NYWgJH .icon-banners { width: 90% !important; max-width: 380px; margin: 0 auto !important; } } #minion-section-template--20730108838066__icon_banners_FDxMc8 .icon-banners:before { opacity: 0 !important; } #minion-section-template--20730108838066__icon_banners_FDxMc8 .col-12 { padding: 12px !important; box-sizing: border-box; justify-content:center; } #minion-section-template--20730108838066__icon_banners_FDxMc8 .icon-banners { display: block !important; width: 100% !important; background: rgba(26, 77, 62, .04); border: 1px solid rgba(26, 77, 62, .08); border-radius: 24px !important; padding: 16px !important; box-sizing: border-box !important; } @media (max-width: 768px) { #minion-section-template--20730108838066__icon_banners_FDxMc8 .col-12 { display: flex !important; justify-content: center !important; } #minion-section-template--20730108838066__icon_banners_FDxMc8 .icon-banners { width: 90% !important; max-width: 380px; margin: 0 auto !important; } } #minion-section-template--20498162778290__icon_banners_TDNDqa .icon-banners:before { opacity: 0 !important; } #minion-section-template--20498162778290__icon_banners_TDNDqa .col-12 { padding: 12px !important; box-sizing: border-box; justify-content:center; } #minion-section-template--20498162778290__icon_banners_TDNDqa .icon-banners { display: block !important; width: 100% !important; background: rgba(26, 77, 62, .04); border: 1px solid rgba(26, 77, 62, .08); border-radius: 24px !important; padding: 16px !important; box-sizing: border-box !important; } @media (max-width: 768px) { #minion-section-template--20498162778290__icon_banners_TDNDqa .col-12 { display: flex !important; justify-content: center !important; } #minion-section-template--20498162778290__icon_banners_TDNDqa .icon-banners { width: 90% !important; max-width: 380px; margin: 0 auto !important; } } #shopify-section-template--20774512230578__text_columns_with_images_44Uxhp .col-sp-12:not(:last-child)::after { content: ""; position: absolute; top: 25px; /* adjust to circle center */ left: 50%; width: 100%; height: 2px; background: #3a8c8c; transform: translateX(0%); z-index: 1; } #shopify-section-template--20774512230578__text_columns_with_images_44Uxhp img, #minion-section-template--20756401291442__text_columns_with_images_44Uxhp .image-wrapper { position: relative; z-index: 10; } #shopify-section-template--20774512230578__text_columns_with_images_44Uxhp .section-heading{ margin-top:20px; color:#ffffff; } @media (max-width: 768px) { #shopify-section-template--20774512230578__text_columns_with_images_44Uxhp .col-sp-12:not(:last-child):after { content: none !important; display: none !important; } #shopify-section-template--20774512230578__text_columns_with_images_44Uxhp slider-component { display: flex; flex-wrap: wrap; justify-content: center; overflow: visible !important; } #shopify-section-template--20774512230578__text_columns_with_images_44Uxhp .col-sp-12.col-4 { width: 100%; max-width: 300px; box-sizing: border-box; padding: 10px 15px; display: flex; flex-direction: column; align-items: center; } #shopify-section-template--20774512230578__text_columns_with_images_44Uxhp .text-columns-img__icon { margin-bottom: 12px; width: auto; height: auto; } #shopify-section-template--20774512230578__text_columns_with_images_44Uxhp .text-columns-img__heading, #minion-section-template--20756401291442__text_columns_with_images_44Uxhp .text-columns-img__description { text-align: center; white-space: normal; } #shopify-section-template--20774512230578__text_columns_with_images_44Uxhp .text-columns-img__description { margin-top: 6px; } } #shopify-section-template--20774512230578__text_columns_with_images_44Uxhp .section-subheading{ font-size:0.75rem !important; font-weight: 600!important; letter-spacing: 0.12em!important; text-transform: uppercase!important; color:#e8d9a8!important; font-family: "DM Sans", sans-serif !important; text-align:center; color: #9f6d02; } @media (max-width: 768px) { #shopify-section-template--20774512230578__text_columns_with_images_44Uxhp .section-subheading { font-size: 12px; /* smaller font */ line-height: 1.4; margin-bottom: 4px; text-align: center; } #shopify-section-template--20774512230578__text_columns_with_images_44Uxhp .section-heading { font-size: 24px; /* smaller heading */ line-height: 1.25; margin-bottom: 36px; text-align: center; } } /* next section */ #minion-section-template--20774512230578__icon_banners_n7TzTF { text-align: left; } /* Force all inner content left */ #minion-section-template--20774512230578__icon_banners_n7TzTF * { text-align: center !important; } /* Align grid properly */ #minion-section-template--20774512230578__icon_banners_n7TzTF .grid { justify-content: flex-start !important; } /* Button styling */ #minion-section-template--20774512230578__icon_banners_n7TzTF .btn-medium.hover-area--native { display: inline-block; padding: 6px 12px; background: rgba(74, 124, 111, .08); color:#4a7c6f; border-radius: 9999px; font-size: .6875rem; font-weight: 600; line-height: 1.2; } /* Create the pseudo element */ #minion-section-template--20774512230578__icon_banners_n7TzTF .icon-banners { position: relative; z-index: 1; padding:24px; } #minion-section-template--20774512230578__icon_banners_n7TzTF .icon-banners::before { content: ""; position: absolute; inset: 0; background: #ffffff; border: 1px solid #f0ece6; border-radius: inherit; z-index: -1; transition: all 0.3s ease; } /* Hover effect */ #minion-section-template--20774512230578__icon_banners_n7TzTF .icon-banners:hover::before { border-color: #4a7c6f; background: #ffffff; } /* Target ONLY the 6th card */ #minion-section-template--20774512230578__icon_banners_n7TzTF .col-sp-12:nth-child(6) .icon-banners::before { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(201, 169, 98, 0.03), rgba(201, 169, 98, 0.08)); border: 1px solid #c9a962; border-radius: inherit; z-index: -1; } /* Ensure parent positioning */ #minion-section-template--20774512230578__icon_banners_n7TzTF .col-sp-12:nth-child(6) .icon-banners { position: relative; z-index: 1; } /* next section */ #minion-section-template--20774888177842__icon_banners_n7TzTF { text-align: left; } /* Force all inner content left */ #minion-section-template--20774888177842__icon_banners_n7TzTF * { text-align: center !important; } /* Align grid properly */ #minion-section-template--20774888177842__icon_banners_n7TzTF .grid { justify-content: flex-start !important; } /* Button styling */ #minion-section-template--20774888177842__icon_banners_n7TzTF .btn-medium.hover-area--native { display: inline-block; padding: 6px 12px; background: rgba(74, 124, 111, .08); color:#4a7c6f; border-radius: 9999px; font-size: .6875rem; font-weight: 600; line-height: 1.2; } /* Create the pseudo element */ #minion-section-template--20774888177842__icon_banners_n7TzTF .icon-banners { position: relative; z-index: 1; padding:24px; } #minion-section-template--20774888177842__icon_banners_n7TzTF .icon-banners::before { content: ""; position: absolute; inset: 0; background: #ffffff; border: 1px solid #f0ece6; border-radius: inherit; z-index: -1; transition: all 0.3s ease; } /* Hover effect */ #minion-section-template--20774888177842__icon_banners_n7TzTF .icon-banners:hover::before { border-color: #4a7c6f; background: #ffffff; } /* Target ONLY the 6th card */ #minion-section-template--20774888177842__icon_banners_n7TzTF .col-sp-12:nth-child(6) .icon-banners::before { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(201, 169, 98, 0.03), rgba(201, 169, 98, 0.08)); border: 1px solid #c9a962; border-radius: inherit; z-index: -1; } /* Ensure parent positioning */ #minion-section-template--20774888177842__icon_banners_n7TzTF .col-sp-12:nth-child(6) .icon-banners { position: relative; z-index: 1; } .upsell-box { margin-top: 25px; } .upsell-heading { font-size: 12px; letter-spacing: 1.5px; color: #8c8c8c; font-weight: 600; margin-bottom: 12px; text-transform: uppercase; } .upsell-card { display: flex; align-items: center; background: #f6f4f1; border-radius: 14px; padding: 14px; gap: 12px; } .upsell-img img { width: 50px; height: 50px; object-fit: contain; border-radius: 10px; background: #eee; } .upsell-content { flex: 1; } .upsell-title { font-size: 14px; font-weight: 600; margin: 0; } .upsell-desc { font-size: 12px; color: #6f6f6f; margin: 4px 0 0; line-height: 1.4; } .upsell-action { margin-left: auto; } .upsell-btn { background: #2e5e4e; color: #fff; border: none; padding: 8px 14px; font-size: 13px; border-radius: 20px; cursor: pointer; white-space: nowrap; } .upsell-btn:hover { opacity: 0.9; } #minion-section-template--20624282812594__icon_banners_y4mmp7 .grid { justify-content: flex-start !important; text-align: left !important; } #minion-section-template--20624282812594__icon_banners_y4mmp7 .heading-mb, #minion-section-template--20624282812594__icon_banners_y4mmp7 .icon-banners__section-description { text-align: left !important; margin-left: 0 !important; } #shopify-section-template--20624282812594__icon_banners_y4mmp7 .icon-banners__section-description { text-align: center !important; margin-left: auto !important; margin-right: auto !important; } #minion-section-template--20624282812594__icon_banners_y4mmp7 { padding-left: 200px; padding-right: 200px; } #minion-section-template--20624282812594__icon_banners_y4mmp7 .btn-medium { color:#1a4d3e; font-size: .75rem; } #shopify-section-template--20744108048562__text_columns_with_images_NexFJV .text-columns-img__heading,{ font-family:'DM Sans', sans-serif !important; font-size: .9375rem !important; color:#2d3a36 !important; } #shopify-section-template--20744108048562__text_columns_with_images_NexFJV .text-columns-img__description{ font-family:'DM Sans', sans-serif !important; font-size:.8125rem !important; color:#5a6b64 !important; } #shopify-section-template--20717479395506__text_xzWU8h .page-width p:last-of-type{ max-width:780px; margin:40px auto 0; padding-top:20px; font-size: .8125rem !important; line-height:1.7; color:#8a9690; font-family:'DM Sans', sans-serif; border-top:1px solid #8a9690; } #minion-section-template--20532167180466__icon_banners_jM66aW .btn-medium.hover-area--native { display: inline-block; padding: 6px 12px; background: rgba(74, 124, 111, .08); color:#4a7c6f; border-radius: 9999px; font-size: .6875rem; font-weight: 600; line-height: 1.2; } #shopify-section-template--20533166932146__text_gQwTxM { background: #faf8f5 !important; } #shopify-section-template--20498157404338__icon_banners_NYWgJH .icon-banners__description.body2 { max-width: 550px; margin: 0 auto; text-align: center; line-height: 1.6; } /*product tag color */ #shopify-section-template--20735525454002__main .product__text__container { margin-top: 20px; /* spacing upar thi */ } #shopify-section-template--20735525454002__main .product__text__container p { color:#2d6e6e; font-size: .75rem!important; line-height: .12em!important; font-weight: 600!important; margin: 0 !important; text-transform:uppercase; } #section-template--20755866157234__main .product__text__container { margin-top: 20px; /* spacing upar thi */ } #section-template--20755866157234__main .product__text__container p { color:#a88b3d; font-size: .75rem !important; line-height: .12em !important; font-weight: 600 !important; margin: 0 !important; text-transform:uppercase; } #section-template--20748641173682__main .product__text__container { margin-top: 20px; /* spacing upar thi */ } #section-template--20748641173682__main .product__text__container p { color:#a88b3d; font-size: .75rem !important; line-height: .12em !important; font-weight: 600 !important; margin: 0 !important; text-transform:uppercase; } #ProductInfo-template--20742257344690__main .product__text__container { margin-top: 20px; /* spacing upar thi */ } #ProductInfo-template--20742257344690__main .product__text__container p { color:#a88b3d; font-size: .75rem !important; line-height: .12em !important; font-weight: 600 !important; margin: 0 !important; text-transform:uppercase; } #section-template--20755740819634__main .product__text__container { margin-top: 20px; /* spacing upar thi */ } #section-template--20755740819634__main .product__text__container p { color:#a88b3d; font-size: .75rem !important; line-height: .12em !important; font-weight: 600 !important; margin: 0 !important; text-transform:uppercase; } #section-template--20730108838066__main .product__text__container { margin-top: 20px; /* spacing upar thi */ } #section-template--20730108838066__main .product__text__container p { color:#2d6e6e; font-size: .75rem!important; line-height: .12em!important; font-weight: 600!important; margin: 0 !important; text-transform:uppercase; } #section-template--20498162778290__main .product__text__container { margin-top: 20px; /* spacing upar thi */ } #section-template--20498162778290__main .product__text__container p { color:#a88b3d; font-size: .75rem!important; line-height: .12em!important; font-weight: 600!important; margin: 0 !important; text-transform:uppercase; } #ProductInfo-template--20744108048562__main .product__text__container { margin-top: 30px; /* spacing upar thi */ } #ProductInfo-template--20744108048562__main .product__text__container p { color:#a88b3d; font-size: .75rem!important; line-height: .12em!important; font-weight: 600!important; margin: 0 !important; text-transform:uppercase; } #section-template--20790361424050__main .product__text__container { margin-top: 30px; /* spacing upar thi */ } #section-template--20790361424050__main .product__text__container p { color:#a88b3d; font-size: .75rem!important; line-height: .12em!important; font-weight: 600!important; margin: 0 !important; text-transform:uppercase; } /* end */ #shopify-section-template--20800190972082__text_WQDM6J .subheading { color: #e8d9a8 !important; /* ๐Ÿ‘ˆ gold color (image jevu) */ } /* reward page*/ /* ===== FIX LEFT OVERRIDE ISSUE ===== */ #minion-section-template--20800190972082__icon_banners_NpkdDM .icon-banners { text-align: center !important; } /* REMOVE LEFT ALIGN FROM THEME */ #minion-section-template--20800190972082__icon_banners_NpkdDM .icon-banners * { text-align: inherit !important; } /* ICON CENTER */ #minion-section-template--20800190972082__icon_banners_NpkdDM .icon-banners__icon { display: flex !important; justify-content: center !important; } /* DESCRIPTION CENTER */ #minion-section-template--20800190972082__icon_banners_NpkdDM .icon-banners__description { margin-left: auto !important; margin-right: auto !important; text-align: center !important; } /* BUTTON CENTER */ #minion-section-template--20800190972082__icon_banners_NpkdDM .btn { margin-left: auto !important; margin-right: auto !important; display: inline-flex !important; } .text-columns-img__heading { font-family: 'DM Sans', sans-serif !important; font-size:.9375rem; } .text-columns-img__description * { font-family: 'DM Sans', sans-serif !important; font-size:.8125rem !important; } #minion-section-template--20839791263922__counter_showcase_pBzLt9 .text-columns-img__heading { font-size: 2rem !important; font-family: 'Playfair Display', Georgia, serif !important; color: #c17f59 !important; font-weight: 700 !important; line-height: 1 !important; } #minion-section-template--20841627484338__counter_showcase_pBzLt9 .text-columns-img__heading { font-size: 2rem !important; font-family: 'Playfair Display', Georgia, serif !important; color: #c17f59 !important; font-weight: 700 !important; line-height: 1 !important; } #minion-section-template--20841852895410__counter_showcase_pBzLt9 .text-columns-img__heading { font-size: 2rem !important; font-family: 'Playfair Display', Georgia, serif !important; color: #c17f59 !important; font-weight: 700 !important; line-height: 1 !important; } #minion-section-template--20842308370610__counter_showcase_pBzLt9 .text-columns-img__heading { font-size: 2rem !important; font-family: 'Playfair Display', Georgia, serif !important; color: #c17f59 !important; font-weight: 700 !important; line-height: 1 !important; } #minion-section-template--20842488496306__counter_showcase_pBzLt9 .text-columns-img__heading { font-size: 2rem !important; font-family: 'Playfair Display', Georgia, serif !important; color: #c17f59 !important; font-weight: 700 !important; line-height: 1 !important; } #minion-section-template--20848823238834__counter_showcase_pBzLt9 .text-columns-img__heading { font-size: 2rem !important; font-family: 'Playfair Display', Georgia, serif !important; color: #c17f59 !important; font-weight: 700 !important; line-height: 1 !important; } #minion-section-template--20848823238834__counter_showcase_pBzLt9 .text-columns-img__heading { font-size: 2rem !important; font-family: 'Playfair Display', Georgia, serif !important; color: #c17f59 !important; font-weight: 700 !important; line-height: 1 !important; } #minion-section-template--20849064411314__counter_showcase_pBzLt9 .text-columns-img__heading { font-size: 2rem !important; font-family: 'Playfair Display', Georgia, serif !important; color: #c17f59 !important; font-weight: 700 !important; line-height: 1 !important; } #minion-section-template--20842708730034__counter_showcase_pBzLt9 .text-columns-img__heading { font-size: 2rem !important; font-family: 'Playfair Display', Georgia, serif !important; color: #c17f59 !important; font-weight: 700 !important; line-height: 1 !important; } #minion-section-template--20849780064434__counter_showcase_pBzLt9 .text-columns-img__heading { font-size: 2rem !important; font-family: 'Playfair Display', Georgia, serif !important; color: #c17f59 !important; font-weight: 700 !important; line-height: 1 !important; } #minion-section-template--20848579248306__counter_showcase_pBzLt9 .text-columns-img__heading { font-size: 2rem !important; font-family: 'Playfair Display', Georgia, serif !important; color: #c17f59 !important; font-weight: 700 !important; line-height: 1 !important; } /* all section hero section heading font size */ #minion-section-template--20532167180466__text_Cidtrx h2{ font-size: 3rem !important; font-weight: 600; color: #1a4d3e !important; position: relative; display: inline-block; line-height: 1.2; } #minion-section-template--20498154356914__text_TQq633 h2{ font-size: 3rem !important; font-weight: 600; color: #1a4d3e !important; position: relative; display: inline-block; line-height: 1.2; } #minion-section-template--20541430562994__text_jrAip9 h2{ font-size: 3rem !important; font-weight: 600; color: #ffffff !important; position: relative; display: inline-block; line-height: 1.2; } #minion-section-template--20712660664498__text_hmE7yE h2{ font-size: 3rem !important; font-weight: 600; color: #1a4d3e !important; position: relative; display: inline-block; line-height: 1.2; } #minion-section-template--20498154553522__text_hmE7yE h2{ font-size: 3rem !important; font-weight: 600; color: #1a4d3e !important; position: relative; display: inline-block; line-height: 1.2; } #minion-section-template--20498157404338__text_cpAcwc h2{ font-size: 3rem !important; font-weight: 600; color: #1a4d3e !important; position: relative; display: inline-block; line-height: 1.2; } #minion-section-template--20749054181554__text_r74e7z h2{ font-size: 3rem !important; font-weight: 600; color: #1a4d3e !important; position: relative; display: inline-block; line-height: 1.2; } #minion-section-template--20612235854002__text_RAdrNh h2{ font-size: 3rem !important; font-weight: 600; color: #1a4d3e !important; position: relative; display: inline-block; line-height: 1.2; } #minion-section-template--20498154422450__text_W3mFiw h2{ font-size: 3rem !important; font-weight: 600; color: #1a4d3e !important; position: relative; display: inline-block; line-height: 1.2; } @media (max-width: 768px) { #minion-section-template--20532167180466__text_Cidtrx h2, #minion-section-template--20498154356914__text_TQq633 h2, #minion-section-template--20541430562994__text_jrAip9 h2, #minion-section-template--20712660664498__text_hmE7yE h2, #minion-section-template--20498154553522__text_hmE7yE h2, #minion-section-template--20498157404338__text_cpAcwc h2, #minion-section-template--20749054181554__text_r74e7z h2, #minion-section-template--20612235854002__text_RAdrNh h2, #minion-section-template--20498154422450__text_W3mFiw h2 { font-size: 1.8rem !important; line-height: 1.3 !important; } } @media (max-width: 480px) { #minion-section-template--20532167180466__text_Cidtrx h2, #minion-section-template--20498154356914__text_TQq633 h2, #minion-section-template--20541430562994__text_jrAip9 h2, #minion-section-template--20712660664498__text_hmE7yE h2, #minion-section-template--20498154553522__text_hmE7yE h2, #minion-section-template--20498157404338__text_cpAcwc h2, #minion-section-template--20749054181554__text_r74e7z h2, #minion-section-template--20612235854002__text_RAdrNh h2, #minion-section-template--20498154422450__text_W3mFiw h2 { font-size: 1.5rem !important; } } /* End Heading size & color */ /* ========================= */ /* SIMPLE SUBMENU DESIGN */ /* ========================= */ .header nav ul ul:not([class*="mega"]) { padding: 10px 0 !important; min-width: 220px; } /* list divider */ .header nav ul ul:not([class*="mega"]) > li { border-bottom: 1px solid #e5e2da !important; padding: 0 !important; } .header nav ul ul:not([class*="mega"]) > li:last-child { border-bottom: none !important; } /* ========================= */ /* SUBMENU ITEM STYLE + ARROW RIGHT */ /* ========================= */ .header nav ul ul:not([class*="mega"]) > li > a { display: flex !important; justify-content: space-between; /* push arrow right */ align-items: center; padding: 10px 18px !important; font-size: 14px; line-height: 1.4; position: relative; } /* ARROW RIGHT */ .header nav ul ul:not([class*="mega"]) > li > a::after { content: "โ€บ"; font-size: 16px; margin-left: 10px; opacity: 0.6; transition: 0.2s ease; } /* hover arrow move */ .header nav ul ul:not([class*="mega"]) > li > a:hover::after { transform: translateX(4px); opacity: 1; } /* ========================= */ /* REMOVE ALL UNDERLINES */ /* ========================= */ .header nav a, .header nav a:hover, .header nav a:focus, .header nav a:active { text-decoration: none !important; background-image: none !important; } .header nav a::after, .header nav a::before, .header nav span::after, .header nav span::before { content: none !important; background: none !important; } /* ========================= */ /* REMOVE ACTIVE LINE */ /* ========================= */ .header nav a[aria-current="page"], .header nav .active { background-image: none !important; } .header nav a[aria-current="page"]::after, .header nav .active::after { display: none !important; } /* ========================= */ /* HOVER EFFECT */ /* ========================= */ .header nav ul ul:not([class*="mega"]) > li > a:hover { background: rgba(26, 77, 62, 0.05); border-radius: 6px; } /* ========================= */ /* RESPONSIVE */ /* ========================= */ /* Tablet */ @media (max-width: 992px) { .header nav ul ul:not([class*="mega"]) { min-width: 200px; } .header nav ul ul:not([class*="mega"]) > li > a { font-size: 13px; padding: 9px 16px !important; } } /* Mobile */ @media (max-width: 768px) { .header nav ul ul:not([class*="mega"]) { min-width: 100%; padding: 8px 12 !important; } .header nav ul ul:not([class*="mega"]) > li > a { font-size: 14px; padding: 12px 16px !important; } /* arrow thodu small */ .header nav ul ul:not([class*="mega"]) > li > a::after { font-size: 14px; } } .menu-drawer__menu-item{ padding: 13px 12px !important; } /* ===== OMNISEND welcome POPUP FIX ===== */ /* Parent */ .omnisend-form-69ca511b6c6c3893d8145bff-section-624ab2f927652f651edfd0ac { position: relative !important; overflow: hidden; border-radius: 20px; background: #ffffff !important; } /* โœ… TOP GREEN AREA (IMAGE + OVERLAY) */ .omnisend-form-69ca511b6c6c3893d8145bff-section-624ab2f927652f651edfd0ac::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 220px; background: linear-gradient( to right, rgba(26, 77, 62, 0.95) 0%, rgba(26, 77, 62, 0.85) 40%, rgba(26, 77, 62, 0.4) 70%, rgba(26, 77, 62, 0.0) 100% ), url("/cdn/shop/files/happy_dog_f5fc3b2c-6428-47b6-99ff-d8858d15af4f.png?v=1776496111"); background-size: contain; background-position: right center; background-repeat: no-repeat; z-index: 1; pointer-events: none; } /* โœ… TEXT ABOVE */ .omnisend-form-69ca511b6c6c3893d8145bff-section-624ab2f927652f651edfd0ac div[class*="text"] { position: relative; z-index: 2; } /* โœ… FORM ABOVE */ .omnisend-form-69ca511b6c6c3893d8145bff-section-624ab2f927652f651edfd0ac button { position: relative; z-index: 2; } /* ================================= */ /* โœจ TEXT RESPONSIVE FIX */ /* ================================= */ .omnisend-form-69ca511b6c6c3893d8145bff-section-624ab2f927652f651edfd0ac h2 { font-size: 32px; line-height: 1.25; letter-spacing: -0.3px; margin-bottom: 10px; color: #ffffff; max-width:400px; } .omnisend-form-69ca511b6c6c3893d8145bff-section-624ab2f927652f651edfd0ac p { font-size: 15px; line-height: 1.5; margin-bottom: 8px; color: #e5e7eb; } .omnisend-form-69ca511b6c6c3893d8145bff-section-624ab2f927652f651edfd0ac span { font-size: 13px; color: #d1d5db; } /* ================================= */ /* ๐Ÿ“ฑ TABLET */ /* ================================= */ @media (max-width: 768px) { .omnisend-form-69ca511b6c6c3893d8145bff-section-624ab2f927652f651edfd0ac::before { height: 250 px; background: linear-gradient( to right, #1A4D3E 0%, #1A4D3E 20%, rgba(26, 77, 62, 0.8) 40%, rgba(26, 77, 62, 0.4) 65%, rgba(26, 77, 62, 0.0) 100% ), url("/cdn/shop/files/happy_dog_mobile_bf48ec08-5792-4128-bc2f-99185dcd46c3.png?v=1776502432"); background-size: cover; background-position: right center; background-repeat: no-repeat; z-index: 1; pointer-events: none; } .omnisend-form-69ca511b6c6c3893d8145bff-section-624ab2f927652f651edfd0ac h2 { font-size: 26px; line-height: 1.3; } .omnisend-form-69ca511b6c6c3893d8145bff-section-624ab2f927652f651edfd0ac p { font-size: 14px; } } /* ================================= */ /* ๐Ÿ“ฑ MOBILE */ /* ================================= */ @media (max-width: 480px) { .omnisend-form-69ca511b6c6c3893d8145bff-section-624ab2f927652f651edfd0ac::before { background: linear-gradient( to right, #1A4D3E 0%, #1A4D3E 20%, rgba(26, 77, 62, 0.8) 40%, rgba(26, 77, 62, 0.4) 65%, rgba(26, 77, 62, 0.0) 100% ), url("/cdn/shop/files/happy_dog_mobile_3ba76fff-386d-4739-9f9c-4443d526112a.png?v=1776502859 "); background-size: contain; background-position: right center; background-repeat: no-repeat; z-index: 1; pointer-events: none; } .omnisend-form-69ca511b6c6c3893d8145bff-section-624ab2f927652f651edfd0ac h2 { font-size: 22px !important; line-height: 1.35 !important; margin-bottom: 8px; max-width:250px; } .omnisend-form-69ca511b6c6c3893d8145bff-section-624ab2f927652f651edfd0ac p { font-size: 13.5px !important; line-height: 1.6 !important; } .omnisend-form-69ca511b6c6c3893d8145bff-section-624ab2f927652f651edfd0ac div[class*="text"] { padding: 15px 15px 10px !important; } .omnisend-form-69ca511b6c6c3893d8145bff-section-624ab2f927652f651edfd0ac button { width: 100% !important; } } /*End welcome Popup */ /* exit Pop up*/ .omnisend-form-69ca7560e4c55b1bd046cd38-section-624ab2f927652f651edfd0ac { position: relative !important; overflow: hidden; border-radius: 20px; background: #ffffff !important; } /* โœ… GREEN BACKGROUND (MIDDLE LAYER) */ .omnisend-form-69ca7560e4c55b1bd046cd38-section-624ab2f927652f651edfd0ac::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 240px; background: url("/cdn/shop/files/exit_pop_up_image_f902085f-2bab-4ec1-a88e-aabad10e621c.png?v=1777012175"); /* โœ… IMPORTANT โ€” SAME AS WORKING VERSION */ background-size: contain; background-position: right center; background-repeat: no-repeat; z-index: 1; pointer-events: none; } /* โœ… TEXT ABOVE */ .omnisend-form-69ca7560e4c55b1bd046cd38-section-624ab2f927652f651edfd0ac div[class*="text"] { position: relative; z-index: 2; } .omnisend-form-69ca7560e4c55b1bd046cd38-section-624ab2f927652f651edfd0ac h2 { font-size: 32px; line-height: 1.25; letter-spacing: -0.3px; margin-bottom: 10px; color: #ffffff; max-width:400px; } .omnisend-form-69ca7560e4c55b1bd046cd38-section-624ab2f927652f651edfd0ac p { font-size: 15px; line-height: 1.5; margin-bottom: 8px; color: #e5e7eb; } .omnisend-form-69ca7560e4c55b1bd046cd38-section-624ab2f927652f651edfd0ac span { font-size: 13px; color: #d1d5db; } /* โœ… FORM AREA ABOVE */ .omnisend-form-69ca7560e4c55b1bd046cd38-section-624ab2f927652f651edfd0ac button, omnisend-form-69ca7560e4c55b1bd046cd38-image-container-69ca71645c91e22396f68209 image { position: relative; z-index: 2; } @media (max-width: 768px) { .omnisend-form-69ca7560e4c55b1bd046cd38-section-624ab2f927652f651edfd0ac::before { height: 180px; } } /* ================================= */ /* ๐Ÿ“ฑ MOBILE */ /* ================================= */ @media (max-width: 480px) { /* HEIGHT FLEXIBLE */ .omnisend-form-69ca7560e4c55b1bd046cd38-section-624ab2f927652f651edfd0ac::before { min-height: 250px; padding: 0px 0; background-image: linear-gradient( to right, #c6722c 0%, #c6722c 30%, rgba(198, 114, 44, 0.6) 55%, rgba(198, 114, 44, 0.2) 75%, rgba(198, 114, 44, 0.0) 100% ), url("/cdn/shop/files/exit_pop_up_mobile_image_1a537578-a691-4c9f-b3e9-5f548f0ec272.png?v=1777012325"); background-size: contain; background-position: right bottom; background-repeat: no-repeat; z-index: 1; pointer-events: none; } /* TEXT SPACING */ .omnisend-form-69ca7560e4c55b1bd046cd38-section-624ab2f927652f651edfd0ac div[class*="text"] { padding: 0 15px; } /* BUTTON FULL WIDTH */ .omnisend-form-69ca7560e4c55b1bd046cd38-section-624ab2f927652f651edfd0ac button { width: 100% !important; } .omnisend-form-69ca7560e4c55b1bd046cd38-field-container-wrapper { display: flex !important; flex-direction: row !important; gap: 10px; } /* OPTIONAL: WRAP CONTROL */ .omnisend-form-69ca7560e4c55b1bd046cd38-field-container-wrapper > * { flex: 1; } /* ================================= */ /* โœจ TEXT RESPONSIVE FIX (WELCOME) */ /* ================================= */ /* HEADING */ .omnisend-form-69ca7560e4c55b1bd046cd38-section-624ab2f927652f651edfd0ac h2 *{ font-size: 22px !important; line-height: 1.35 !important; margin-bottom: 8px; max-width:250px; } /* SUBTEXT */ omnisend-form-69ca7560e4c55b1bd046cd38-text-627932445028ebd8c6660c4f p *{ font-size: 13.5px !important; line-height: 1.6 !important; margin-top:5px; } /* SMALL TEXT (rating etc) */ .omnisend-form-69ca7560e4c55b1bd046cd38-section-624ab2f927652f651edfd0ac span *{ font-size: 13px; } .omnisend-form-69ca7560e4c55b1bd046cd38-section-624ab2f927652f651edfd0ac div[class*="text"] { padding: 15px 15px 10px !important; } /* ================================= */ /* ๐Ÿ“ฑ TABLET */ /* ================================= */ @media (max-width: 768px) { .omnisend-form-69ca7560e4c55b1bd046cd38-section-624ab2f927652f651edfd0ac h2 { font-size: 26px; line-height: 1.3; } .omnisend-form-69ca7560e4c55b1bd046cd38-section-624ab2f927652f651edfd0ac p { font-size: 14px; } } /* ================================= */ /* ๐Ÿ“ฑ MOBILE */ /* ================================= */ @media (max-width: 480px) { /* HEADING FIX */ .omnisend-form-69ca7560e4c55b1bd046cd38-section-624ab2f927652f651edfd0ac h2 { font-size: 22px !important; line-height: 1.35 !important; margin-bottom: 8px; } /* SUBTEXT */ .omnisend-form-69ca7560e4c55b1bd046cd38-section-624ab2f927652f651edfd0ac p { font-size: 13.5px !important; line-height: 1.6 !important; } /* RATING TEXT */ .omnisend-form-69ca7560e4c55b1bd046cd38-section-624ab2f927652f651edfd0ac span { font-size: 12px; } /* EXTRA SPACING */ .omnisend-form-69ca7560e4c55b1bd046cd38-section-624ab2f927652f651edfd0ac div[class*="text"] { padding: 15px 15px 10px !important; } } } /*pop Up color End */ /* Parent */ .newsletter-form .field { position: relative; } /* Icon fix */ .newsletter-form .field_icon { position: absolute !important; left: 15px; top: 50%; transform: translateY(-50%); z-index: 2; pointer-events: none; } /* ๐Ÿ”ฅ MAIN FIX */ .newsletter-form input[type="email"] { padding-left: 50px !important; box-sizing: border-box; } /* S & S Page css */ #minion-section-template--20901611176114__icon_banners_4FqAcL .icon-banners { background: rgba(255, 255, 255, 0.05); } .free-delivery-bar__toolbar span { color: #A88B3D !important; } .free-delivery-bar__toolbar .strong { color: #A88B3D !important; } #shopify-section-template--20748641173682__featured_collection_azLbjr .pgx-product-img { display: none !important; } /* S & S Page css */ #minion-section-template--20948504281266__icon_banners_4FqAcL .icon-banners { background: rgba(255, 255, 255, 0.05); } .free-delivery-bar__toolbar span { color: #A88B3D !important; } .free-delivery-bar__toolbar .strong { color: #A88B3D !important; } #shopify-section-template--20948504281266__featured_collection_azLbjr .pgx-product-img { display: none !important; } /*breadcrumb color chnage */ .breadcrumb-wrapper .breadcrumb ul.unstyle-ul li:nth-child(1) a, .breadcrumb-wrapper .breadcrumb ul.unstyle-ul li:nth-child(2) a { color: #9f6d02; /* change to your desired color */ } .breadcrumb li span{ color: #0f3329 !important; /* tamaro color muki do */ font-weight: 600; } #minion-section-template--21041277829298__counter_showcase_pmAeYA .counter-showcase__count { font-size: 2rem !important; color: #fff; font-weight: 500; } .btn-medium.hover-area--native::before{ display:none !important; content:none !important; } .btn-medium.hover-area--native{ text-decoration:none !important; } /* Subtotal title */ .totals__subtotal { font-size: 18px !important; line-height: 1.2; } /* Subtotal price */ .totals__subtotal-value { font-size: 18px !important; line-height: 1.2; } /* Discount heading */ .cart-drawer .chm-toggle__button h5 { font-size: 16px !important; } /* Discount input/content text */ .cart-drawer .discounts, .cart-drawer .discounts__discount, .cart-drawer .body3 { font-size: 14px !important; } #shopify-section-template--20532167180466__icon_banners_jM66aW a{ pointer-events: none; } #minion-section-template--20524386943154__icon_banners_Tc93j6 a{ pointer-events: none; } #minion-section-template--20774888177842__icon_banners_n7TzTF a{ pointer-events: none; } #minion-section-template--20774512230578__icon_banners_n7TzTF a{ pointer-events: none; } @media screen and (max-width: 767px){ .shopify-block.shopify-app-block{ padding-left: 20px !important; padding-right: 20px !important; } } /* footer line */ .disclaimer{ text-align:center !important; font-family:"DM Sans", sans-serif !important; font-size:13px !important; line-height:1.6 !important; color:#ffffffcc !important; margin:10px auto 0px !important; padding-bottom:20px!important; text-align:left!important; } @media(max-width:768px){ .disclaimer{ font-size:12px !important; line-height:1.5 !important; padding:0 15px !important; margin:20px auto 15px !important; } } .jdgm-product-name a { color: #000 !important; } .cart-drawer-discounts{ margin-top:12px !important; } .cart-drawer-discount-item{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 12px; background:#f4f8f4; border:1px solid #d9e7da; border-radius:10px; margin-top:8px; } .discount-code{ font-size:14px; font-weight:600; color:#145c46; } .discount-amount{ font-size:14px; font-weight:700; color:#145c46; }