@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap');

:root{
	--primary: #D4A055;
	 --secondary: #AA8063;
	--brown: #623D1D;
--darkbrown:#3A2717;
	--lightgray:#FFE4BC;
	--white: #fff;
	--black: #211e22;
	--gray:#fffcf9;
}
html {
  scroll-behavior: smooth;
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background:var(--primary); 
  border-radius: 10px;
}
body {
	background:#fafafa !important;
	margin:0;
	padding:0;
font-family: "Luckiest Guy", cursive;
	font-family: "Fredoka", sans-serif;
	overflow-x:hidden;
	transition: transform 0.7s ease;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="date"], textarea, select {
    background: none;
    border: none;
    border-bottom: solid 1px var(--darkbrown);
    color: #777!important;
    font-size: 16px;
    line-height: normal;
    margin: 0 0 10px;
    padding: 0 0 21px 0;
    width: 100%;
    outline: 0;
    border-radius: 0;
    font-family: "Fredoka", sans-serif;
}
input[type="submit"] {
    background: url(http://www.patatoche.com/wp-content/uploads/2025/04/primarybg.png) center / cover no-repeat;
    padding: 16px !important;
    color: var(--darkbrown);
    border: none !important;
    margin: 10px 0 0;
    font-weight: 500;
    border: none;
    padding: 15px 50px;
    font-size: 18px;
    outline: none;
    border-radius: 0;
    font-family: "Fredoka", sans-serif;
    border-radius: 0;
}
input[type="submit"]:hover {
background: url(http://www.patatoche.com/wp-content/uploads/2025/04/primarybg.png) center / cover no-repeat;
color: var(--darkbrown);
}
textarea {
	height: 125px;
	margin-bottom: 5px;
	    resize: none;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0 0 15px 0;
    color: var(--darkbrown);
    font-weight: 500;
    text-transform: inherit;
    line-height: inherit;
    letter-spacing: 0.5px;
    font-family: "Luckiest Guy", cursive;
}
h1 {
	font-size:30px
}
h2 {
	font-size:26px
}
h3 {
	font-size: 22px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size:18px
}
h6 {
	font-size:16px
}
p {
    padding: 0;
    margin: 0 0 10px 0;
font-family: "Fredoka", sans-serif;
    color: #444;
    font-size: 16px;
    line-height: 26px;
}
ul, li, a {
	list-style-type: none;
font-family: "Fredoka", sans-serif;
	color:#444;
font-size: 16px;
    line-height: 26px;
}
a:hover {
	transition:0.8s;
	text-decoration:none;
}
.single .woo-product-gallery-slider.woocommerce-product-gallery {
    width: 100% !important;
}
.subtitle {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--primary);
    margin-bottom: 15px;
    display: block;
    font-weight: 500;
}
.heading, .leftheading {
    letter-spacing: 1px;
    text-transform: capitalize;
    color: var(--darkbrown);
    font-size: 48px;
    font-family: "Luckiest Guy", cursive;
    text-align: center;
    line-height: normal;
    margin-bottom: 40px;
}
.leftheading{
	text-align:left;
}
.subheading {
    width: 50%;
    margin: 0 auto 60px;
    text-align: center;
    display: block;
}
.zoomeffect {
	overflow: hidden;
	position:relative;
}
.zoomeffect img {
	transition: transform 0.8s ease-in-out;
}
.zoomeffect:hover img {
	transform: scale(1.1);
}


/* Loader */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000000;
}
.pageloader .load {
    color: var(--white);
    letter-spacing: 6px;
    margin-top: 15px;
    border: solid 1px #ddd;
    padding: 10px;
    border-radius: 50%;
    height: 130px;
    width: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pageloader .load img {
    width: 85px;
}
.overlay .overlayDoor:before, .overlay .overlayDoor:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 100%;
  background: #111;
  transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);
  transition-delay: 0.8s;
}
.overlay .overlayDoor:before {
  left: 0;
}
.overlay .overlayDoor:after {
  right: 0;
}
.overlay.loaded .overlayDoor:before {
  left: -50%;
}
.overlay.loaded .overlayDoor:after {
  right: -50%;
}
.overlay.loaded .overlayContent {
  opacity: 0;
  margin-top: -15px;
}
.overlay .overlayContent {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: 0.5s cubic-bezier(0.77, 0, 0.18, 1);
}
.overlay .overlayContent .skip {
  display: block;
  width: 130px;
  text-align: center;
  margin: 50px auto 0;
  cursor: pointer;
  color: #fff;
  font-family: "Nunito";
  font-weight: 700;
  padding: 12px 0;
  border: 2px solid #fff;
  border-radius: 3px;
  transition: 0.2s ease;
}
.overlay .overlayContent .skip:hover {
  background: #ddd;
  color: #444;
  border-color: #ddd;
}

.loader {
  width: 128px;
  height: 128px;
  border: 3px solid #fff;
  border-bottom: 3px solid transparent;
  border-radius: 50%;
  position: relative;
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loader .inner {
  width: 64px;
  height: 64px;
  border: 3px solid transparent;
  border-top: 3px solid #fff;
  border-radius: 50%;
  -webkit-animation: spinInner 1s linear infinite;
          animation: spinInner 1s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spinInner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-720deg);
  }
}
@keyframes spinInner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-720deg);
  }
}    


@keyframes bounce {
  25% {
    transform: translateY(-25px);
  }
  75% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(0);
  }
}

.loading-animation-container {
    display: flex;
    margin-top: 35px;
}
.loading-animation-container > .dot {
  width: 15px;
  height: 15px;
  background-color: #ddd;
  margin: 0 10px 0 0;
  border-radius: 50%;
  animation-name: bounce;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.loading-animation-container > .dot:nth-child(2) {
  animation-delay: .25s;
}

.loading-animation-container > .dot:nth-child(3) {
  animation-delay: .51s;
}

.loading-animation-container > .dot:nth-of-type(2n) {
    background-color: #aaa;
}
.loading-animation-container > .dot:nth-of-type(3n) {
    background-color: #777;
}

/* Offer Modal */

.offermodal .modal-body {
    padding: 0;
}
.offermodal .modal-dialog {
    max-width: 600px;
}
.offermodal img {
    width: 100%;
    height: auto;
}
.offermodal .btn-close {
    position: absolute;
    right: 15px;
    top: 15px;
}
.offermodal .btn-close {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1111;
    background-color: var(--white);
    opacity: 1;
    padding: 5px;
    border-radius: 50%;
}

.my-product-details ul li img {
    width: 25px !important;
    margin-right: 8px;
}
.my-product-details ul li {
    font-size: 18px;
    font-weight: 500;
    color: #623D1D;
    margin: 8px 0;
    display: block;
    align-items: center;
    gap: 6px;
}
.yith-wapo-addon.yith-wapo-addon-type-checkbox .checkbox-button-container {
    justify-content: center;
}
.packaging-option.selected span.woocommerce-Price-amount.amount span, .packaging-option.selected span.woocommerce-Price-amount.amount bdi {
    color: #fff !important;
}
.my-product-details {
    margin-bottom: 1rem;
}





/* TOPBAR */

.topbar {
    background: var(--gray);
    padding: 5px 0;
}
.top-contact li, .topbar span {
    display: flex;
    align-items: center;
    column-gap: 6px;
}

.top-contact li a, .topbar p {
    color: var(--white);
    font-size: 15px;
    letter-spacing: .3px;
    font-weight: 300;
}

.topbar p {
    margin: 0;
}
.smoicons {
    column-gap: 5px;
}
.smoicons li {
    color: var(--white);
    font-size: 16px;
}
.smoicons li i, .top-contact li i {
    color: var(--white);
    font-size: 14px;
    background: #ffffff12;
    height: 34px;
    width: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    transition: all ease-in-out .5s;
}
.smoicons li i:hover, .top-contact li i:hover {
    background: #fff;
    color: var(--primary);
    transform: translateY(-2px);
}
.top-contact {
    column-gap: 20px;
}

/* Notification */

.notification {
    background: var(--brown);
    padding: 8px 0 10px;
    text-align: center;
}
.notification p {
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}
.notification p img {
    width: 20px;
    margin-right: 8px;
}

/* Header */

header {
    position: sticky;
    top: 0;
    z-index: 111;
    background: var(--white);
    transition: all ease-in-out .5s;
    box-shadow: 1px 1px 5px #eee;
    padding: 20px 0;
}
header .logo {
    display: flex;
    justify-content: center;
}
header .row {
    align-items: center;
}
header .logo img {
    width: 130px;
    transform: translateY(20px);
    position: absolute;
    top: 0;
}
header button[type="submit"] {font-family: 'Font Awesome 5 Free';font-weight: 600;margin: 0;padding: 8px 14px;border: 1px solid #ddd;}
header input[type="search"] {
    border: 1px solid #ddd;
    border-right: 0;
    outline: none;
    padding: 8px 15px;
}
.account-icon svg {
    stroke: black;
}
.hdrsocial img {
    width: auto;
}

/* Modal Search */

.modalsearch .offcanvas-top {
    height: 27vh;
}
.modalsearch-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.modalsearch-content .logo img {
    width: 140px;
}
.modalsearch .offcanvas-header {
    padding: 0;
}
.wp-block-yith-search-block.alignwide {
    width: 60%;
}
.modalsearch .offcanvas-body {
    padding: 30px;
}
.css-r4o1is .ywcas-input-field-wrapper {
    border-radius: 8px !important;
}
.modalsearch .wp-block-yith-search-block .ywcas-classic-search.ywcas-small input {
    padding: 11px 20px !important;
}
.modalsearch .offcanvas-body {
    overflow-y: inherit;
}

/* Sidebar Nav */

.sidebarnav .menu {
    background-color: var(--white);
    box-shadow: 2px 1px 7px #eee;
    width: 330px;
    height: 100vh;
    position: fixed;
    left: -330px;
    transition: all 0.2s ease-out;
    top: 0;
    padding-top: 70px;
}
.sidebarnav .menu .btn {
  color:var(--white);
}
.sidebarnav .closebtn{
    right: 5px;
    position: absolute;
    z-index: 11;
    top: 5px;	
}
.sidebarnav .menu .btn .fa {
  margin-left: 8px;
}

.sidebarnav .menu ul {
  margin-top: 0;
  padding: 0;
}
.sidebarnav .open {
  left: 0 !important;
  z-index: 2;
}
.sidebarnav .menu-click {
    cursor: pointer;
    padding: 0 !important;
}
.sidebarnav .menu-click .fa {
  font-size: 2em;
  padding: 6px;
  margin-right: 8px;
}

.sidebarnav .content {
  position: relative;
}

.sidebarnav .content img {
    width: 50px;
}

.sidebarnav .link {
  position: absolute;
  bottom: 15px;
  left: 15px;
}

.sidebarnav .link a {
  color: #2271a4; /* darken(#3498db, 20%) */
  text-decoration: none;
}

.sidebarnav .link a:hover {
  text-decoration: underline;
}

.sidebarnav .ui-loader {
  display: none;
}


button#rmp_menu_trigger-120 {
	 margin: 0 !important;
    background: url(http://www.patatoche.com/wp-content/uploads/2025/04/Group-10.png) center/contain !important;
}
#rmp_menu_trigger-120:hover, #rmp_menu_trigger-120:focus {
    background: url(http://www.patatoche.com/wp-content/uploads/2025/04/Group-10.png) center/contain !important;
}
#rmp_menu_trigger-120:not(.is-active):hover .responsive-menu-pro-inner, #rmp_menu_trigger-120:not(.is-active):hover .responsive-menu-pro-inner::before, #rmp_menu_trigger-120:not(.is-active):hover .responsive-menu-pro-inner::after {
    background-color: var(--darkbrown) !important;
}

/*
.hdrsocial li:nth-child(3) {
    filter: invert(1);
}
*/
.hdrsocial {
    display: flex;
    justify-content: end;
    align-items: center;
    column-gap: 20px;
}
.middlehdr .col-sm-2 {
    justify-content: end;
    display: flex;
}
.hdrcontact span {
display: block;
    color: var(--white);
    font-size: 20px;
}
.hdrcontact a {
    color: var(--white);
    font-weight: 500;
    font-size: 16px;
}
.middlehdr .wp-block-search__inside-wrapper {
    position: relative;
    margin: 0 20px;
}
.middlehdr .wp-block-search__input {
    padding: 12px 20px;
    border-radius: 50px;
    border: none;
    position: relative;
}
.middlehdr button.wp-block-search__button.wp-element-button {
    position: absolute;
    right: 3px;
    top: 3px;
    padding: 9px 15px;
    border-radius: 50px;
    background: #d8232f;
    border: none;
    color: #fff;
}
.freeshiping p {
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
    color: var(--white);
    letter-spacing: .5px;
}
.top-smo {
    border-left: 1px solid #ffffff21;
    border-right: 1px solid #ffffff21;
    padding: 6px 15px;
}
.top-smo li a i {
    color: var(--white);
    font-size: 13px;
}
.contactfaqs li {
    border-right: 1px solid #ffffff21;
    padding: 4px 10px 4px 0;
}
.contactfaqs li a {
    text-transform: uppercase;
    font-size: 13px;
    color: var(--white);
}



.topbar h1 span {
    COLOR: var(--primary);
}
.topbar h1 {
    margin: 0;
    font-weight: 600;
    font-size: 32px;
}
.topbar a img {
    width: 200px;
    height: auto;
}
.topbar .row {
	align-items: center;
}


.topbar .col-sm-8 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.search-form {
    width: 60%;
}
.search-form form {
    position: relative;
}
.topbar .search-form label {
    display: none;
}
.topbar .search-form input[type="search"] {
    font-size: 14px;
    padding: 9px 20px 8px !important;
    border: 1px solid #ccc;
    outline: none;
    border-radius: 6px;
}
.topbar .search-form .wc-block-product-search .wc-block-product-search__button {
    width: 50px;
    margin: 0;
    border: none;
    background: url(../images/searchicon.png)no-repeat center center/contain;
    background-size: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    z-index: 999999;
    padding: 11px;
}
.topbar .search-form .wc-block-product-search .wc-block-product-search__button svg{
	display:none;
}

.topbar ul {
    display: flex;
    column-gap: 12px;
    align-items: center;
    position: relative;
}
.topbar ul li img {
    width: 30px;
}
.topbar ul li {
    position: relative;
}
.topbar ul li .cartcount {
    position: absolute;
    top: -14px;
    background: var(--primary);
    color: #fff;
    padding: 1px 5px;
    line-height: normal;
    right: 3px;
    border-radius: 50%;
    font-size: 13px;
}
/* .menubar.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    border-radius: 0;
    margin: 0;
    background: var(--white);
    box-shadow: 2px 2px 13px #0000001a;
    z-index: 999;
} */
.menubar .row {
    align-items: center;
}
.menubar .col-sm-9 {
    display: flex;
    justify-content: space-between;
}
.menubar img {
    width: 150px;
}
.menubar ul.hdrsocial {
    display: flex;
    justify-content: flex-end;
    column-gap: 16px;
    align-items: center;
}
.hdrsocial li a {
    text-transform: uppercase;
    font-size: 14.5px;
    font-weight: 500;
}
.menubar ul.hdrsocial li, .menubar ul.hdrsocial li a {
    color: var(--black);
}
.shpngcrt {
  display: inline-flex;
}
.cart-wrap {
  position: relative;
  display: inline-block;
}
.cartcount {
  position: absolute;
  top: -6px;
  right: -6px;
  color: var(--white);
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 11px;
  z-index: 10;
}
.xoo-wsc-sc-count {
    background-color: var(--primary) !important;
     color: var(--white) !important;
}
.xoo-wsc-sc-count, .xoo-wsch-items-count, .xoo-wsch-save-count {
    height: 20px !important;
    line-height: 20px !important;
    width: 20px !important;
    font-size: 13px !important;
}
span.xoo-wsc-sc-bki.xoo-wsc-icon-shopping-bag1 {
    display: none !important;
}

.hdrsocial li img {
    max-width: 19px !important;
}
.shpngcrt figure {
    margin: 0;
}


/* Main Slider */

.mversion{
	display:none;
}
.mainslider .bannercurve{
margin-top:-140px;	
}
.mainslider figure{
	margin:0;
}
.mainslider figure img {
    width: 100%;
}
.mainslider .carousel-caption {
    position: absolute;
    top: 50%;
    left: 0;
    right: 50%;
    width: 100%;
    transform: translateY(-50%);
    text-align: left;
    bottom: inherit;
}
.mainslider .carousel-content {
    text-align: start;
    width: 640px;
}
.mainslider .carousel-caption h1 {
    letter-spacing: .6px;
    text-transform: capitalize;
    margin: 20px 0;
    font-size: 52px;
    line-height: 70px;
    margin-bottom: 25px;
    color: var(--brown);
    background: url(http://www.patatoche.com/wp-content/uploads/2025/04/Curveline.png) no-repeat bottom center;
    background-size: contain;
}
.mainslider .carousel-caption span {
    display: block;
    color: var(--brown);
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}
.mainslider .carousel-caption p {
    font-size: 16px;
    display: inline-block;
    margin: 0 0 25px;
}
.mainslider .carousel-content .btn {
    margin-right: 10px;
    box-shadow: 0px 0px 33px #eee;
}
.mainslider .carousel-control {
	position: absolute;
	bottom: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45px;
	font-size: 18px;
	height: 45px;
	background: var(--blackcolor) !important;
	color: var(--whitecolor);
 transition: opacity .15s ease;
	border-radius: 50%;
}
.mainslider .carousel-control.right {
    right: 105px;
    left: auto;
}
.mainslider .left.carousel-control {
	left: 84% !important;
}
.mainslider button i {
    background: rgba(0,0,0,.5);
    font-size: 27px;
    width: 35px;
    height: 55px;
    line-height: 55px;
}
.bannercurve {
    margin-top: -100px;
    z-index: 1;
}

/* Video */

.videos {
    text-align: center;
}
.videos video {
    width: 70%;
    margin: 0 auto;
    border-radius: 20px;
}

/* Main Products */

.mainproduct-item img {
    width: 100% !important;
    height: auto;
}
.mainproducts .arrowbutton {
    bottom: 0;
    top: inherit;
    background: none;
    border: none;
}
.mainproducts .woocommerce .arrowbutton img {
    max-width: 58px;
}
.mainproducts {
    padding: 60px 0;
}
.mainproducts .arrowbutton.next {
    right: 47.3%;
    transform: translateX(50%);
}
.mainproducts .arrowbutton.prev {
    left: 47.3%;
    transform: translateX(-50%);
}
.mainproducts .slick-list {
    padding-bottom: 50px !important;
}


/* ABOUT SECTION CSS */

.about {
    background: linear-gradient(91deg, #fffcf9ba, #fef9f9a6), url(../images/welcomebg.webp) center / cover;
    padding: 60px 0 65px;
    background-attachment: fixed;
}
.about img {
    width: 100%;
    height: auto;
}
.about-content h2 {
    font-size: 40px;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    color: var(--black);
}
.about-content .subtitle {
    margin-bottom: 5px;
    text-transform: uppercase;
    color: var(--primary);
}
.aboutbtn {
    box-shadow: 0 0 14px #0066b036;
    height: 70px;
    width: 70px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    border-radius: 50px;
    background: var(--white);
}

.aboutbtn img {
    width: 21px;
    height: 21px;
}

/* Limited Offer */

.limitedoffer {
    margin-bottom: 70px;
}
.limitedoffer .leftheading {
    font-size: 70px;
    margin-bottom: 0;
}
.countdown-wrapper {
    margin: 10px 0 22px;
}
.limitedoffer .countdown-timer {
    font-size: 52px;
    font-weight: 500;
    color: var(--primary);
}

/* Scrolling Promotions */

.enable-animation {
    background: var(--darkbrown);
    padding: 15px 0;
}
.enable-animation ul li {
    display: inline-flex;
    font-weight: 500;
    letter-spacing: .3px;
    align-items: center;
    margin: 0 15px;
    font-size: 17px;
    text-transform: uppercase;
    color: var(--white);
    padding-right: 0px;
    font-family: "Luckiest Guy", cursive;
}
.enable-animation ul li img {
    width: 25px;
    margin-right: 10px;
}
.marquee {
  --gap: 1rem;
  position: relative;
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
}

.marquee__content {
  flex-shrink: 0;
  display: flex;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-100% - var(--gap)));
  }
}

@media (prefers-reduced-motion: reduce) {
  .marquee__content {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important;
  }
}

.enable-animation .marquee__content {
  -webkit-animation: scroll 15s linear infinite;
  animation: scroll 15s linear infinite;
}

.marquee--pos-absolute .marquee__content:last-child {
  position: absolute;
  top: 0;
  left: 0;
}

.enable-animation .marquee--pos-absolute .marquee__content:last-child {
  -webkit-animation-name: scroll-abs;
  animation-name: scroll-abs;
}

@keyframes scroll-abs {
  from {
    transform: translateX(calc(100% + var(--gap)));
  }

  to {
    transform: translateX(0);
  }
}


/* SUMMER COLLECTION PRODUCT */

.playfulness {
    padding: 100px 0 200px;
    background: url('http://www.patatoche.com/wp-content/uploads/2025/04/Group-903-1.webp') top/cover;
}
.playfulness .container {
    max-width: 1330px;
}
.playfulnessbox {
    padding: 80px 150px 200px;
    width: 90%;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.playfulnessbox:after {
    content: '';
    background: url('http://www.patatoche.com/wp-content/uploads/2025/04/Union-1.webp') no-repeat center/cover;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.playfulnessbox-content {
    position: relative;
    z-index: 1;
}
.playfulnessbox h3.heading {
    color: var(--lightgray);
    margin: 25px 0 20px;
    font-size: 40px;
}
.playfulnessbox p {
    color: var(--white);
    width: 80%;
    margin: 0 auto 30px;
}
.playfulnessbox-caption {
    position: absolute;
    bottom: 70px;
    z-index: 1;
}
.playfulnessbox-caption.left {
    left: 50px;
}
.playfulnessbox-caption.right {
    right: 50px;
}
.playfulnessbox-caption img {
    width: 170px;
    height: 230px;
    object-fit: contain;
}
.playfulnesscurve {
    margin-top: -210px;
    position: relative;
}


/* PRODUCT BANNER CSS */

.productbanner {
    background: linear-gradient(45deg, #00182aa8, #00182aa8), url(../images/product-banner.webp);
    padding: 100px 0;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.productbanner h2 {
    color: var(--white);
    font-size: 30px;
    font-weight: 500;
    margin: 0 auto 22px;
    letter-spacing: 2px;
}
.productbanner .btn-primary {
    padding: 7px 25px;
    background: var(--white);
    font-size: 16px;
    color: var(--black);
}
.productsldr img {
    width: 100% !important;
}

/* Home About */

.homeabout{
	padding:60px 0;
background:url(../images/aboutbg.jpg);	
	background-attachment:fixed;
	background-size:cover;
}
.homeabout h2 span {
    font-size: 18px;
    display: block;
    color: var(--primary);
    padding-bottom: 7px;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Collecton */

.collection {
    padding: 40px 0 55px;
}
.collection-item {
    text-align: center;
    border: solid 1px #eee;
    padding: 30px 20px;
    border-radius: 8px;
    transition: all ease-in-out .5s;
}
.collection-item:hover h3 {
    color: var(--primary);
    letter-spacing: 0px;
}
.collection-item figure {
    width: 180px !important;
    height: 180px !important;
    margin: 0 auto;
    box-shadow: 3px 3px 13px #ddd;
    border-radius: 50%;
    overflow: hidden;
}
.collection-item img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:0.5s ease-in-out;
	border-radius:10px;
}
.collection-item:hover img {
    scale: .9;
    rotate: 3deg;
}
.collection-item h3 {
    margin: 20px 0 0;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: .5px;
	transition:0.5s ease-in-out;
}

.collection-item strong {
    display: block;
    color: var(--white);
    font-weight: 400;
    margin-bottom: 3px;
}
.collection-item i {
    color: var(--white);
    font-size: 23px;
    background: var(--primary);
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: -6px -6px 0px #f8000061;
}
.collection-item p {
    margin: 0;
}


/* Home Categories */

.category {
    padding: 40px 0 60px;
    background: #fbf7f0;
}
.category-item {
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
}
.category-item figure {
    height: 100%;
    overflow: hidden;
    width: 100%;
    z-index: 1;
}
.category-item img {
    height: auto;
    object-fit: cover;
    transition: 0.5s ease-in-out;
    width: 100%;
}
.category-item:hover img{
	rotate:3deg;
	scale:1.1;	
	filter:contrast(0.5)
}
.category-info {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    z-index: 2;
    max-width: 200px;
}
.category-info .btn-primary {
    background: none;
    border: solid 1px var(--white);
}
.category-info p {
    margin-bottom: 15px !important;
    line-height: normal;
}
.category-info h3 {
    color: var(--white);
    font-size: 26px;
    margin: 5px 0 10px;
	transition:0.5s ease-in-out;
}
.category-item:hover h3 {
    letter-spacing: 1px;
}
.category-item figure:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 80%;
    background: linear-gradient(90deg, #000000bd, #0000009c, transparent);
    content: '';
    z-index: 1;
}
.homecat-caption {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    padding: 20px;
}
.homecat-item h3 {
    margin-bottom: 40px;
    color: var(--white);
    text-decoration: underline;
    text-underline-offset: 10px;
    font-size: 25px;
}
.category-info {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    z-index: 2;
}

/* Leading */

.leading {
    padding: 130px 0;
    background: url(../images/leadingbg.jpg);
}

/* Home Products */

.homeprdct {
    padding: 55px 0 75px;
}
.homeprdct .col-sm-4 {
    width: 25%;
}
.productlist:hover{
	transform:translateY(-8px);
	border: 1px solid var(--primary);
}
.homeprdct a.button.wp-element-button {
    display: none !important;
}
.productlist-box hr {
    background-image: linear-gradient(to left, #a3a3a3, #a3a3a3 30%, #a3a3a3);
}
.productlist-box .btn-primary {
    width: 100%;
}
.productlist img {
width: 100%;
    height: 230px !important;
    object-fit: cover;
}
.productlist-box h4 {
    letter-spacing: 0;
    line-height: 22px;
    margin: 0 0 15px;
}
.productlist-box h4 a {
    font-size: 22px !important;
    line-height: 25px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: "Luckiest Guy", cursive;
    color: var(--darkbrown);
}
.productlist-box p {
    color: var(--primary) !important;
    margin: 15px 0;
    font-size: 17px;
    font-weight: 600;
}


/* Testimonials */

.testimonial {
    background: url(https://www.patatoche.com/wp-content/uploads/2025/04/image-12.webp);
    padding: 70px 0 110px;
}
.testimonial .row {
    row-gap: 22px;
}
.testimonial .heading {
    text-transform: uppercase;
}
.testimonial .slick-dots li button:before {
    display: none !important;
}
.testimonial-item {
    box-shadow: 0 0 12px #e9e9e9;
    text-align: center;
    border-radius: 6px;
    overflow: hidden;
}
.testimonial-cnt {
    background: #e8c89d29;
    padding: 13px;
}
.testimonial-item .starrating {
    background: var(--white);
    width: fit-content;
    margin: -30px auto 25px;
    position: relative;
    padding: 7px 6px 9px;
    border-radius: 4px;
    box-shadow: 3px 3px 13px #ddd;
}
.testimonial-item img {
    width: 100% !important;
    height: 360px;
    object-fit: cover;
    margin: 0 auto;
}
.testimonial-cnt h3 svg path {
    fill: var(--primary);
}
.testimonial-cnt h3 svg {
    width: 15px;
    height: 15px;
    opacity: .3;
}
.testimonial-item h3 {
    margin: 8px 0 5px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 5px;
}
.testimonial .rating{
	column-gap: 7px;	
}
.testimonial .rating i {
    color: #ef932c !important;
    font-size: 15px !important;
    margin-bottom: 15px !important;
}
.testimonial-item i {
    color: var(--primary);
    font-size: 25px;
    margin-bottom: 15px;
}
.testimonial .heading .subheading {
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 500;
    padding-left: 0;

    border-left:unset;
}
.testimonial figure {
    position: relative;
}

/* Creations */

.creations {
    background: var(--brown);
    padding: 80px 0;
    position: relative;
}
.creations .leftheading {
    margin-bottom: 25px;
}
.creations::before {
  content: "";
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  height: 60px; /* Adjust based on your SVG */
  background: url('http://www.patatoche.com/wp-content/uploads/2025/04/Group-31-1.png') no-repeat top center;
  background-size: cover;
}
.creations::after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 100%;
  height: 60px;
  background: url('http://www.patatoche.com/wp-content/uploads/2025/04/Group-34-1.png') no-repeat bottom center;
  background-size: cover;
}
.creationssec {
    display: flex;
    flex-wrap: wrap;
    row-gap: 40px;
}
.creations-item {
    display: flex;
    align-items: center;
    color: var(--white);
    column-gap: 28px;
    font-size: 23px;
    font-weight: 500;
}
.creations-item img {
    width: 50px;
}
.creations .col-lg-6:first-child {
    border-right: dashed 2px var(--primary);
    padding-left: 0;
}
.creations .col-lg-6 {
    padding: 0 70px;
}
.creations p {
    margin: 0 0 30px;
    color: #ffffffcc;
}
.creations .btn-secondary {
    margin-left: 15px;
}


/* Brands */

.brands {
    background: url('http://www.patatoche.com/wp-content/uploads/2025/04/image-12.webp');
    padding: 100px 0 75px;
}
.brands .heading {
    margin-bottom: 15px;
}
.brands-item img {
    width: 170px;
}
.brands-item {
    background: var(--white);
    padding: 30px;
    height: 100%;
    position: relative;
    box-shadow: 1px 1px 32px #f5f5f5;
}
.brandbadge {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
}
.brandbadge img {
    width: 100px;
}
.brandscnt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}
.brandscnt h3 {
    margin: 0;
}

/* FASTNESS SECTION CSS */

.fastness {
    padding: 60px 0;
}
.fastness-item {
    box-shadow: 0 0 12px #d9d9d9;
    padding: 20px;
    border-radius: 6px;
}
.fastness-item img {
    width: 80px;
}
.fastness-item h3 {
    margin: 20px 0 5px;
    font-size: 20px;
}


/* Newsletter */

.newsletter {
    padding: 70px 0;
    text-align: center;
    position: relative;
}
.newsletter .heading {
    margin-bottom: 20px;
}
.newsletter:before {
    content: '';
    background: url(https://www.patatoche.com/wp-content/uploads/2025/04/image-12.webp);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
.newsletterbox {
    max-width: 700px;
    margin: 0 auto;
    position: relative;
}
.newsletterbox span {
    color: var(--primary);
    font-weight: 500;
    font-size: 18px;
}
.newsletterbox svg {
    margin-right: 5px;
}
.newsletterbox p {
    margin: 20px 0 0;
}
.newsletterform {
    width: 60%;
    margin: 30px auto 0;
}
.newsletterform input {
    width: 100%;
    border: none;
    border-bottom: solid 1px var(--brown);
    padding:6px 6px 18px 0;
}

/* Footer */

footer {
    padding: 60px 0 0;
    background: var(--darkbrown);
}
footer .col-lg-3:last-child{
display: flex;
    align-items: center;
    justify-content: flex-end;	
}
.footerabout img {
    width: 150px;
}
.footerlogo img {
    width: 150px;
}
footer ul#menu-quick-links li {
    width: 33%;
}
footer ul#menu-quick-links {
    display: flex;
    flex-wrap: wrap;
}
footer ul#menu-quick-links li a {
    color: var(--white);
    line-height: 43px;
}

footer ul.ftrcntdtls li, footer ul.ftrcntdtls li a {
    color: var(--white);
}
footer ul.ftrcntdtls li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 16px;
}
footer ul.ftrcntdtls li i {
    position: absolute;
    left: 0;
}
footer ul.ftrcntdtls li svg {
    position: absolute;
    left: 0;
}

footer ul.ftrcntdtls li:last-child {
    margin-bottom: 0;
}
footer ul.socialicon {
    display: flex;
    column-gap: 15px;
    justify-content: flex-end;
}
footer ul.socialicon li a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    background: var(--lightgray);
    width: 45px;
    height: 45px;
    border-radius: 16px;
    color: #fff;
    margin: 0;
}
footer ul.socialicon li svg {
    width: 22px;
    height: 22px;
}

.copyright {
    padding: 20px 0;
    border-top: solid 1px #ffffff29;
    text-align: center;
    margin-top: 50px;
}
.copyright p {
    color: #ffffff73;
}

#whatsappbtn {
    cursor: pointer;
    position: fixed;
    bottom: 30px;
    left: 18px;
    background: #4fcc5d;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    box-shadow: 0 6px 9px rgb(0 0 0 / 5%), 0 4px 5px rgb(0 0 0 / 5%);
    display: flex !important;
    justify-content: center;
    align-items: center;
    z-index: 999;
}
#whatsappbtn:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	border-radius: 50%;
	background: #4fcc5d;
	box-shadow: 0 0 10px #4fcc5d;
	animation: whtsbtn 2s linear infinite forwards;
}
 @keyframes whtsbtn {
 from {
 transform:scale(1.0);
 opacity: 1;
}
to {
	transform:scale(1.5);
	opacity: 0;
}
}
#whatsappbtn img {
    width: 26px;
}
#GoToTop {
    display: none;
    position: fixed;
    bottom: 28px;
    left: 90px;
    border-radius: 5px;
    z-index: 99999999;
    padding: 0;
    border: solid 1px var(--primary);
    background: var(--white);
    width: 45px;
    height: 48px;
    text-align: center;
    cursor: pointer;
    font-size: 17px;
    color: var(--primary);
    text-decoration: none;
    padding-top: 10px;
}
#GoToTop .fa {
	display: block;
	padding-bottom: 3px;
}
#GoToTop:hover {
	background: var(--primary);
	color: var(--white);
}
#GoToTop.show {
	display:block
}

.secondary-container {
    padding: 0 0 60px;
}

/* Breadcrumbs */

.breadcrumbs {
    padding: 80px 0 30px;
}
.breadcrumbs .heading {
    margin-bottom: 20px;
}
.breadcrumbs-content {
    width: 700px;
    margin: 0 auto;
}
.woocommerce .woocommerce-breadcrumb {
    display: none;
}
.breadcrumbs-content .heading span {
    position: relative;
    background: url(http://www.patatoche.com/wp-content/uploads/2025/04/Rectangle-9.png) no-repeat right/cover;
}

/* WooCommerce */

.row.products {
row-gap: 25px;
    clear: both;
}
.wsatc-container .woocommerce .star-rating {
    float: none;
}
.gift-card-content-editor.step-content textarea {
    float: none !important;
    width: 100% !important;
}
.product_meta {
    margin-top: 20px;
}
.woocommerce span.onsale {
display:none !important;
}
.bestslr-prdct {
    padding: 60px 0;
}
.bestslr-prdct .container-fluid {
    padding-right: var(--bs-gutter-x, 15px);
    padding-left: var(--bs-gutter-x, 15px);
}
.bestslr-prdct .col {
    padding: 0 8px;
}
.bestslr-prdct h3 {
padding: 25px 0 10px;
    margin: 0;
    color: var(--primary);
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0;
}
.bestslrprdct-box {
    box-shadow: 0 1px 13px 0 rgb(0 0 0 / 22%);
    padding: 0 20px 20px;
    text-align: center;
    position: relative;
    border-radius: 21px;
}
.productlist-box {
    padding: 15px 10px;
}
.productlist-box h4 a {
    font-size: 20px !important;
    line-height: 25px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.bestslrprdct-box::before{
content: '';
    background-color: #fff0f8;
    position: absolute;
    width: 100%;
    display: block;
    height: 28%;
    left: 0;
    right: 0;
    z-index: -1;
    border-radius: 21px 21px 0 0;
}	
.bestslrprdct-box .dtlsbtn {
margin-top: 15px;
    display: block;
    color: #111;
    font-weight: 600;
}
.bestslrprdct-item {
    text-align: center;
    position: relative;
    z-index: 99;
    background: url(http://www.patatoche.com/wp-content/uploads/2025/04/Union-1.png) center/cover;
    height: 100%;
    border-radius: 20px;
    transition: .5s;
    padding: 25px;
    filter: drop-shadow(2px 4px 6px #eee);
}
.bestslrprdct-item figure {
    background: var(--white);
    overflow: hidden;
}
.bestslrprdct-item img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover;
    transition: 1s;
    border-radius: 18px !important;
}
.bestslrprdct-item img.custom-cart-icon {
    width: 20px !important;
}
.woocommerce .woocommerce-result-count, form.woocommerce-ordering {
    display: none !important;
}

/* STICKY ADD TO CART BAR CSS */

.wsatc-add-to-cart {
    padding: 10px 24px !important;
}
.wsatc-qty-wrapper .wsatc-qty-field {
    width: 60px !important;
    padding: 8px 4px !important;
    font-size: 13px !important;
}
.wsatc-qty-wrapper .wsatc-qty-minus, .wsatc-qty-wrapper .wsatc-qty-plus {
    width: 36px !important;
    padding: 5px 0 !important;
    font-size: 18px !important;
}



/* SINGLE PRODUCT PAGE CSS */

/*
.summary.entry-summary .price, form.cart {
    display: block;
    padding: 30px;
    background: #f1f1f1;
    margin: 0 !important;
}
.summary.entry-summary {
    background: #f9f9f9;
    padding: 0;
}
*/
.woocommerce div.product div.images .flex-control-thumbs li {
    width: 70px !important;
    float: none !important;
    border: solid 1px #ddd !important;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
}
#wpgs-gallery.wcgs-woocommerce-product-gallery {
    width: 32% !important;
}
#wpgs-gallery.wcgs-woocommerce-product-gallery {
    margin-right: 10px;
}
#wpgs-gallery.wcgs-woocommerce-product-gallery+.summary {
    max-width: inherit !important;
    width: 60% !important;
}
.gallery-navigation-carousel .wcgs-thumb {
    width: 70px !important;
}
#wpgs-gallery .wcgs-thumb.swiper-slide img {
    border: 1px solid #dddddd !important;
    border-radius: 6px !important;
}
.wcgs-slider-image {
    border: solid 1px #ddd;
    border-radius: 6px !important;
}
.wcgs-swiper-arrow, .wcgs-lightbox.top_right{
    display: none !important;
}
#wpgs-gallery * {
    justify-content: center;
    margin-top: 6px;
}
.woocommerce div.product div.images .flex-control-thumbs {
    margin-top: 5px !important;
}
.woocommerce div.product .product_title {
    line-height: 33px !important;
    font-size: 35px !important;
    margin-bottom: 15px !important;
    color: var(--brown) !important;
}
/*
.summary.entry-summary form.cart {
    padding-top: 0;
    margin-bottom: 20px !important;
}
*/
.summary.entry-summary .price {
    color: var(--primary) !important;
}
.woocommerce-variation-add-to-cart.variations_button button, .woocommerce .product-type-simple form.cart button {
    font-weight: normal;
    font-size: 18px;
}
.woocommerce .product-type-simple .custom-variation-title{
display:block !important;	
}

/* Search results */

.searchresults .row {
    row-gap: 15px;
}

.searchresults .homebloglist {
    height: 100%;
}
.searchresults .homeblogbox span {
    display: none;
}

nav.woocommerce-MyAccount-navigation{
	box-shadow: 3px 3px 13px #ddd;
	padding: 15px 20px;
}
nav.woocommerce-MyAccount-navigation ul li a {
    border: solid 1px #ddd;
    display: block;
    padding: 10px 20px;
    margin: 10px 0;
}
nav.woocommerce-MyAccount-navigation ul li.is-active a {
    background: linear-gradient(45deg, var(--primary), var(--secondary));
    color: var(--white);
}
.woocommerce-MyAccount-content {
    box-shadow: 3px 3px 13px #ddd;
    padding: 20px;
}
nav.woocommerce-MyAccount-navigation ul li a:hover {
    background: linear-gradient(45deg, var(--primary), var(--secondary));
    color: var(--white);
}
.woocommerce-message.woocommerce-message--info.woocommerce-Message.woocommerce-Message--info.woocommerce-info {
    margin-bottom: 0;
}
.woocommerce-account .addresses .title h3 {
    margin: 0;
}
.woocommerce-MyAccount-content address {
    margin: 15px 0;
}
.cus_menu button, .dsabafw_woocommerce-address-fields button{
    background: var(--primary) !important;
    border: none;
    padding: 8px 18px  !important;
    letter-spacing: .5px;
	color:var(--white);
}
.billing_address button{
    border: solid 1px #ddd !important;
    background: var(--white) !important;
    font-size: 14px !important;
    padding: 5px 18px !important;
    letter-spacing: .5px;
    margin-bottom: 12px;
}
.dsabafw_table_ship .shipping_empty_message {
    border: none;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
    height: 40px !important;
    width: 60px !important;
}
.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).color-variable-item.selected:not(.no-stock) .variable-item-contents:before, .woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item).image-variable-item.selected:not(.no-stock) .variable-item-contents:before {
    background-size: 25% !important;
}
td.value.woo-variation-items-wrapper {
    position: relative;
}
.woocommerce div.product form.cart .reset_variations {
    visibility: hidden;
    font-size: .83em;
    position: absolute;
    right: 0;
    top: 10px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active::after{
	display:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: var(--primary) !important;
    color: var(--white) !important;
    border: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: flex;
    padding: 0 !important;
    justify-content: center;
    column-gap: 25px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    width: auto;
    text-align: center;
    background: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after{
	display:none !important;
}

/* Policy */

.policy h2 {
    margin: 20px 0 0;
}
.policy h4 {
    margin: 15px 0 8px;
    position: relative;
    color: var(--primary);
    border-left: solid 3px var(--primary);
    padding-left: 10px;
    line-height: normal;
}
.policy ul li {
    position: relative;
    padding-left: 20px;
    margin: 5px 0;
}
.policy ul li:before {
    content: '\f061';
    font-family: 'Font Awesome 5 Free';
    color: var(--primary);
    position: absolute;
    font-weight: 600;
    left: 0;
    font-size: 13px;
}
span.price {
    color: var(--primary) !important;
    font-size: 18px !important;
    padding-top: 5px;
    display: flex;
    flex-direction: row;
    justify-content: start;
    column-gap: 10px;
    margin-bottom: 15px;
}
span.price a {
    text-decoration: none !important;
}
.price ins{
    font-size: 22px;
    font-weight: 500	
}
.price ins, .price del, .woocommerce-Price-amount {
    text-decoration: none !important;
    border-bottom: none !important;;
}
.price del {
    text-decoration: line-through !important;
    border-bottom: none !important;
    color: #6e4b2e !important;
    font-size: 20px !important;
}


/* Contact Us */

.contactdtls {
    width: 900px;
    margin: 0 auto;
}
.contactus ul {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
    column-gap: 20px;
}
.contactus ul svg {
    margin-right: 12px;
}
.contactus ul li a {
    font-weight: 500;
    font-size: 17px;
}
.contactform {
    text-align: center;
}
span.wpcf7-spinner {
    position: absolute;
    left: 0;
}

/* FAQS */

.faqs .accordion {
    width: 890px;
    margin: 0 auto;
}
.faqs .accordion-item {
    margin-bottom: 15px;
    overflow: hidden;
    border-radius: 6px !important;
    background: none;
    border: none;
}
.faqs .accordion-body {
    background: var(--white);
    margin-top: 15px;
    padding: 0 30px 0 0;
    border: none;
}
.faqs .accordion-item .accordion-button {
    border-radius: 6px !important;
    border-radius: 0 !important;
    padding: 9px 15px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
    padding: 12px 0;
    font-weight: 500;
    border-bottom: solid 1px var(--darkbrown);
    text-transform: capitalize;
    font-family: "Fredoka", sans-serif;
}
.faqs .accordion-button:focus {
    box-shadow: unset;
}
.faqs .accordion-button::after {
    width: 1rem;
    height: auto;
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    background-image: none !important;
	font-weight:600;
}
.faqs .accordion-item .accordion-button:not(.collapsed)::after {
    transform: rotate(180deg) !important;
}
.faqs .accordion-item p {
    font-size: 14.5px;
    line-height: 25px;
}
.faqs .accordion-item p:last-child {
    margin-bottom: 0;
}
.faqs .accordion-button:not(.collapsed)::after{
	transform:unset !important;
}
.faqs .accordion-button:not(.collapsed) {
    color: var(--darkbrown) !important;
    background: none;
}

/* About us */

.aboutuscontent {
    height: 100%;
    padding: 50px;
    background: url(http://www.patatoche.com/wp-content/uploads/2025/04/Union.webp) center/cover;
    filter: drop-shadow(2px 4px 6px #eee);
}
.aboutsec img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: drop-shadow(2px 4px 6px #eee);
}
.aboutuscontent .leftheading {
    margin-bottom: 0;
}
.aboutuscontent .aboutdesc{
    margin: 25px 0 30px;
}
.aboutuscontent p {
    margin-bottom: 10px;
}
.aboutuscontent p strong {
    font-weight: 500;
    color: var(--primary);
    font-family: "Fredoka", sans-serif;
    font-size: 18px;
}

.whychoose {
    padding: 90px 0 110px;
}
.whychoose h2.heading {
    margin-bottom: 24px;
}

/* Reviews */

.reviews {
    text-align: center;
    padding: 90px 0 60px;
}
.review .reviewstars img {
    margin: 0 auto;
    display: block;
}
.reviews-item p {
    width: 90%;
    margin: 15px auto 0;
    font-size: 25px;
    line-height: 35px;
    color: #111;
}
.reviews h4 {
    color: var(--primary);
    font-family: "Fredoka", sans-serif;
    margin: 28px 0 21px;
    font-size: 27px;
    font-weight: 600;
}
.reviews .reviewstars img {
    margin: 0 auto;
}

/* Shop All */

.shopall {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.archive .secondary-container {
    padding-top: 100px;
}

ul.acf-category-list {
    display: flex;
    column-gap: 20px;
    align-items: center;
}
ul.acf-category-list li a {
    border: solid 1px #CDCDCD;
    color: var(--darkbrown);
    padding: 10px 15px;
}
ul.acf-category-list li img {
    width: 20px;
    margin-right: 4px;
}
ul.acf-category-list li.acf-category-item.active a, ul.acf-category-list li.acf-category-item a:hover {
    background: var(--primary);
    color: var(--white);
}

.acf-category-list li.acf-category-item.active a img, ul.acf-category-list li.acf-category-item a:hover img {
    filter: invert(1) brightness(100);
}
span.shopcat {
    color: var(--darkbrown);
    font-size: 18px;
}

.amazon-buy-button {
    background-color: #FF9900;
    color: white;
    display: inline-block;
    margin-top: 10px;
    padding: 8px 16px;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
    transition: background 0.3s ease;
}
.amazon-buy-button i {
    font-size: 20px;
    margin-right: 2px;
}
.amazon-buy-button:hover {
    background-color: #e68a00;
}
.bestslrprdct-item h2.woocommerce-loop-product__title {
    margin-top: 26px;
    font-size: 23px !important;
}
.bestslrprdct-item .woocommerce-LoopProduct-link {
    clear: both;
    display: block;
}
.add_to_cart_button, .button.amazon-buy-button {
    width: 100% !important;
    padding: 14px 15px !important;
    border-radius: 4px !important;
    margin-top: 12px !important;
    color: var(--white) !important;
    background: var(--secondary) !important;
    font-family: "Fredoka", sans-serif !important;
    font-weight: 500 !important;
    font-size: 17px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    column-gap: 6px;
}
.add_to_cart_button:hover, .button.amazon-buy-button:hover {
    background: var(--brown) !important;
}
a.button.amazon-buy-button {
    background: var(--primary) !important;
}
section.related.products>h2 {
    font-size: 35px;
    margin-bottom: 25px;
}
.woocommerce-Tabs-panel {
    background: var(--white);
    padding: 30px !important;
    box-shadow: 2px 4px 6px #eee;
    margin-bottom: 55px !important;
}
.woocommerce-Tabs-panel p:last-child {
    margin-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-weight: 500 !important;
    padding: 12px 8px !important;
    font-size: 17px;
    letter-spacing: .5px;
}

/* Product Reviews */

.custom-review-summary {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
  padding: 30px 20px;
  border-top: 1px solid #eee;
  flex-wrap: wrap;
}

.custom-review-summary .left {
  flex: 1;
  text-align: center;
  min-width: 220px;
}

.review-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  color: #5a321e;
  margin-bottom: 10px;
  font-size: 1.2rem;
}

.review-average {
  font-size: 2.5rem;
  font-weight: bold;
  color: #333;
}

.stars {
  color: #f5a623;
  font-size: 1.4rem;
  letter-spacing: 2px;
  margin: 5px 0;
}

.total-reviews {
  color: #666;
  font-size: 0.95rem;
}

.custom-review-summary .right {
  flex: 2;
  min-width: 250px;
}

.rating-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0;
  font-size: 0.95rem;
}

.bar-bg {
  flex: 1;
  background-color: #eee;
  height: 6px;
  border-radius: 5px;
  overflow: hidden;
}

.bar-fill {
  height: 100%;
  background-color: #f5a623;
}

.review-btn {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-width: 200px;
  margin-top: 10px;
}

.fuzzy-button {
  background-color: #e4c28b;
  padding: 12px 24px;
  color: #5a321e;
  text-decoration: none;
  font-weight: 500;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  font-family: 'Poppins', sans-serif;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
div#reviews {
    margin-top: 50px;
    background: #fff;
    padding: 25px;
    filter: drop-shadow(2px 4px 6px #eee);
    border-radius: 15px;
}

/* Customization Price */

.custom-message-wrap {
    margin: 20px 0 30px;
   /* border-top: solid 1px #E8E8E8;
    padding-top: 12px; */
}
label.custom-label strong {
    font-size: 25px;
    color: var(--brown) !important;
    margin: 0;
    display: block;
}
.custom-message-wrap input {
    border: solid 1px #E9E9E9;
    background: var(--white);
    padding: 16px 20px !important;
    font-size: 17px;
    margin-bottom: 0;
}
.woocommerce div.product form.cart .button:before {
    content: '';
    background: url(http://www.patatoche.com/wp-content/uploads/2025/04/Layer_1-5.png) no-repeat 0 -1px;
    width: 25px;
    height: 25px;
    position: absolute;
    background-size: 100%;
    transform: translateX(-35px);
}
.woocommerce div.product form.cart .button {
    position: relative;
    width: 58%;
    padding: 17px !important;
    font-weight: 500;
    font-size: 21px;
    margin: 0 10px;
}
.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 10px !important;
}
.summary.entry-summary p.price {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    column-gap: 15px;
    margin: 20px 0 20px;
}
.summary.entry-summary .price del {
    font-size: 22px !important;
    opacity: 11 !important;
}
/*
.woocommerce-product-details__short-description {
    border-top: solid 1px #E8E8E8;
    border-bottom: solid 1px #E8E8E8;
    padding: 15px 0;
    margin: 20px 0 10px 0;
}
*/
.woocommerce div.product p.stock {
    display: none;
}
.woocommerce-product-details__short-description p {
    margin: 0;
}
.woocommerce .woocommerce-product-rating .star-rating {
    color: #D4A055;
}
a.amazonbtn {
    display: block;
    border-radius: 6px;
}
.woocommerce div.product form.cart a.amazonbtn img {
    width: 92px !important;
    border-radius: 6px;
    border: solid 1px #ddd;
}
.my-list-icon-repeater ul li {
    font-size: 19px;
    font-weight: 500;
    color: #623D1D;
    margin: 8px 0;	
}
.my-list-icon-repeater ul li img {
    width: 22px !important;
    margin-right: 10px;
}
.my-list-icon-repeater.stocklist ul li img{
width:30px !important;	
}
.my-list-icon-repeater.stocklist {
    padding: 20px 0 10px;
}
.my-list-icon-repeater.stocklist {
    clear: both;
}
.prdctbtns {
    display: flex;
	column-gap:7px;
}
a.button.amazon-buy-button {
    width: auto !important;
}

/* Quantity */ 

.quantity {
    display: inline-flex;
    align-items: center;
    border: 1px solid #e0e0e0;
    overflow: hidden;
    margin: 0 !important;
}
.quantity button {
    background: none;
    border: none;
    width: 2.5em;
    height: 3em;
    font-size: 1.25em;
    line-height: 1;
    cursor: pointer;
    color: #d4a055;
    transition: background 0.2s;
}
tr.woocommerce-cart-form__cart-item.cart_item .quantity button {
    width: 1.5em;
    height: 2em;
}
.quantity button:hover {
  background-color: #f0f0f0;      
}
.quantity input.qty {
  width: 3em;                      
  text-align: center;
  border: none;
  margin: 0;
  padding: 0;
  font-size: 1em;
  color: #333;
  background: none;
}
.quantity input.qty::-webkit-outer-spin-button,
.quantity input.qty::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantity input.qty[type="number"] {
  -moz-appearance: textfield;
}
.woocommerce .quantity .qty {
    outline: none;
    border: none !important;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt {
    background: var(--primary) !important;
}
.product_meta{
	display:none;
}
section.related.products {
    clear: both;
}
.prdctfaqs .accordion-button::after{
	display:none;
}
.prdctfaqs button.accordion-button i {
    background: var(--primary);
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    font-size: 14px;
    border-radius: 50%;
    right: 15px !important;
}
.prdctfaqs button.accordion-button {
    color: var(--brown);
    font-family: "Fredoka", sans-serif;
    font-weight: 600 !important;
    font-size: 18px !important;
}
.prdctfaqs .accordion-item {
    background-color: #fff;
    border: 1px solid #CDCDCD !important;
    margin: 10px 0;
}
.bestslrprdct-item .star-rating {
    display: none !important;
}
.custom-title-rating {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
span.custom-inline-rating {
    font-size: 19px;
    font-weight: 500;
    color: var(--brown);
    display: flex;
    align-items: center;
    column-gap: 6px;
}
.custom-title-rating img {
    width: 18px !important;
}

/* Packaging */

.packaging-selector {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 15px;
margin-bottom: 20px;
}
.packaging-option {
    border: 2px solid transparent;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    background: var(--white);
    transition: all 0.3s;
    filter: drop-shadow(2px 4px 6px #eee);
}
.packaging-option.selected {
background-color: #D4A055;
border-color: #D4A055;
}
.packaging-option.selected span bdi {
    color: var(--white) !important;
}
.packaging-option img {
    width: 80px;
    height: auto;
    margin-bottom: 5px;
}
.packaging-option-label {
    font-weight: 500;
    font-size: 17px;
}

.packaging-option input[type="radio"] {
display: none;
}
.packaging-option.selected .packaging-option-label {
color: var(--white);
}
.packaging-selector label.packaging-option img {
    width: 120px;
}
.prdctdtls-packaging h3 {
    color: var(--brown);
}

/* Order Tracking */

.woocommerce-form-track-order {
    background: var(--white);
    box-shadow: 2px 2px 10px #dddddd5e;
    padding: 25px;
    border-radius: 15px;
}
.woocommerce-form-track-order button.button {
    background: var(--primary) !important;
    color: var(--white) !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    padding: 12px 25px !important;
    margin-top: 6px !important;
}
.woocommerce-form-track-order input {
    border: solid 1px #ddd !important;
    padding: 14px 20px !important;
}
.woocommerce-form-track-order label {
    font-size: 17px;
    margin-bottom: 5px;
}
.woocommerce-form-track-order p:first-child {
    font-size: 20px;
    color: var(--brown);
    margin-bottom: 15px;
    line-height: 28px;
}
label.custom-label {
    display: block;
}
div#order_review {
    background: #f9f9f9;
}


/* Modal Search */

.ywcas-popover-results .popover-content .wp-block-yith-filled-block .ywcas-search-results.list {
    margin: 10px 0 !important;
}
p.search-result-item__summary.lapilliUI-Typography__root {
    display: none;
}
.ywcas-popover-results .popover-content .wp-block-yith-filled-block .ywcas-search-results .search-result-item {
    padding: 20px !important;
    border: solid 1px #ddd;
    border-radius: 8px !important;
}
.ywcas-popover-results .popover-content .wp-block-yith-filled-block .ywcas-search-results .search-result-item.list .search-result-item__name {
    font-size: 28px !important;
    font-weight: 600 !important;
    color: var(--darkbrown) !important;
}
button.components-button.wp-element-button.wp-block-button__link.wp-block-woocommerce-product-button.search-result-add-to-cart, .woocommerce #review_form #respond .form-submit input {
    background: var(--primary);
    border: none !important;
    color: var(--white) !important;
    border-radius: 4px !important;
    font-size: 19px !important;
    padding: 15px 30px !important;
    font-weight: 500;
}
button.components-button.wp-element-button.wp-block-button__link.wp-block-woocommerce-product-button.search-result-add-to-cart:hover, .woocommerce #review_form #respond .form-submit input:hover{
background:var(--brown) !important;	
}
.comment-form-cookies-consent label {
    font-size: 15px;
}
.modalsearch .offcanvas-header .btn-close {
    right: 15px;
    position: absolute;
    top: 15px;
}
.ywcas-badge.ywcas-onsale-badge.lapilliUI-Box__root.css-190etts.e83suct0 {
    display: none !important;
}
.woocommerce .star-rating span {
    color: var(--primary);
}
strong.woocommerce-review__author {
    font-size: 18px;
    font-weight: 600;
    color: var(--brown);
}
.woocommerce #reviews #comments ol.commentlist {
     margin-bottom: 35px !important;
    padding-bottom: 15px !important;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
    width: 45px !important;
    height: 45px !important;
    border-radius: 50%;
}
.custom-message-wrap label:has(input[type="radio"]:checked) {
    color: var(--primary);
    font-weight: 600;
}

.woocommerce .cart .button {
    background: var(--primary) !important;
    color: var(--white) !important;
    font-weight: 500 !important;
    padding: 14px 20px !important;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
    padding: 12px 13px !important;
    width: 130px;
    border-radius: 4px !important;
}
tr.woocommerce-cart-form__cart-item.cart_item dt {
    font-weight: 500;
}
.checkout-button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order, form#woocommerce-checkout-form-coupon button, a.button.wc-backward, a.button.wc-forward{
    font-weight: 500 !important;
    background: var(--primary) !important;
    border-radius: 6px !important;
    padding: 14px 18px !important;
    color: var(--white) !important;
}
.checkout-button, .woocommerce #payment #place_order:hover, .woocommerce-page #payment #place_order:hover, form#woocommerce-checkout-form-coupon button:hover, a.button.wc-backward:hover, a.button.wc-forward:hover{
    background: var(--secondary) !important;
}
.woocommerce form .form-row-first, .woocommerce-page form .form-row-first {
    float: none !important;
}
form#woocommerce-checkout-form-coupon {
    display: flex;
    column-gap: 8px;
    background: var(--white);
}
.cart-collaterals th {
    font-weight: 500 !important;
    font-size: 18px;
}
.woocommerce a.remove {
    font-size: 1.8em !important;
    font-weight: 400 !important;
}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
    font-weight: 500 !important;
}
span.woocommerce-Price-amount.amount {
    font-weight: 500;
}
.woocommerce form input, .woocommerce form textarea{
    border: solid 1px #ddd !important;
    padding: 12px 20px !important;
}
.select2-container .select2-dropdown, .select2-container .select2-selection{
    border: solid 1px #ddd !important;
}
.select2-container .select2-selection--single .select2-selection__rendered{
padding: 12px 20px !important;	
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    border-top: 3px solid var(--primary) !important;
}
.woocommerce-info::before {
    color: var(--primary) !important;
}
.woocommerce td.product-name dl.variation dt {
    font-weight: 500;
}
h3#order_review_heading {
    margin-top: 15px;
}
.woocommerce-checkout #payment {
    background: #fff;
    box-shadow: 3px 3px 13px #eee;
    border-radius: 6px;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 100% !important;
}

/* Products Pagination */

.product-page ul.page-numbers {
    display: flex;
}
.woocommerce-pagination ul.page-numbers {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    background: none !important;
    border: none !important;
    column-gap: 10px;
    margin-top: 35px !important;
}
.woocommerce-pagination ul.page-numbers .page-numbers {width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}

.woocommerce nav.woocommerce-pagination ul li {
    border: none !important;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--primary);
    color: var(--white);
}
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: var(--primary) !important;
    color: var(--white) !important;
}

div#payment-method-message {
    display: none;
}
.xoo-wsc-basket {
    display: none;
}
.xoo-wsc-ft-amt-savings .xoo-wsc-ft-amt-label {
    color: #AA8063 !important;
}
span.woocommerce-Price-amount.amount ins bdi {
    color: #d4a055 !important;
}
span.xoo-wsc-footer-txt {
    text-align: left !important;
}
.xoo-wsc-psavings * {
    color: var(--secondary) !important;
}
.xoo-wsc-psavings {
    border: 1px solid var(--secondary) !important;
}
a.xoo-wsc-ft-btn.xoo-wsc-btn.xoo-wsc-ft-btn-continue {
    background: var(--secondary) !important;
    color: var(--white) !important;
}
a.xoo-wsc-ft-btn.xoo-wsc-btn.xoo-wsc-ft-btn-continue:hover{
	background:none !important;
	border-color:var(--secondary) !important;
	color:var(--secondary) !important;
}
.my-list-icon-repeater .signbtn {
    background: var(--primary);
    color: #fff;
    padding: 3px 12px;
    display: inline-block;
    margin-left: 10px;
    text-transform: uppercase;
    font-size: 15px;
}
.my-list-icon-repeater .signbtn:hover {
    background: var(--secondary);
}
.couponmodal .modal-title {
    font-size: 22px !important;
}

form#woo-email-coupon-form {
    display: flex;
    flex-wrap: wrap;
}
form#woo-email-coupon-form input {
    margin: 0;
    width: 65%;
}
form#woo-email-coupon-form button[type="submit"] {
    width: 32%;
    border: none;
    background: var(--primary);
    color: var(--white);
    line-height: normal;
}
form#woo-email-coupon-form button[type="submit"]:hover{
background:var(--secondary);	
}
div#coupon-result {
    width: 100%;
    margin-top: 14px;
}
div#coupon-result strong {
    font-size: 18px;
    font-weight: 500;
}
div#coupon-result span {
    color: var(--primary) !important;
    font-weight: 500;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option {
    border: 2px solid transparent;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    background: var(--white);
    transition: all 0.3s;
    filter: drop-shadow(2px 4px 6px #eee);
}
.yith-wapo-block div.yith-wapo-addon .options.per-row-1 {
    row-gap: 15px;
    grid-template-columns: repeat(3, minmax(0, 100%)) !important;
}
.yith-wapo-addon {
    background: transparent !important;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-text .options.per-row-1 {
    grid-template-columns: repeat(1, minmax(0, 100%)) !important;
}

.yith-wapo-addon-type-checkbox .yith-wapo-option.selected {
    background: #d4a055 !important;
    color: #fff !important;
}

.checkbox-button-container .checkboxbutton{
    display: none !important;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-checkbox .yith-wapo-option div.label {
    justify-content: center !important;
}
.wapo-addon-title {
    text-transform: capitalize !important;
    font-family: "Fredoka", sans-serif;
    font-size: 25px;
    color: var(--brown) !important;
    font-weight: 700;
}
label.yith-wapo-addon-label {
    font-size: 16px !important;
    font-weight: 500;
}
.option-container {
    text-align: left !important;
    font-weight: 500 !important;
}

.xoo-wsc-drawer a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    padding: 2px 13px !important;
    font-size: 13px !important;
    background: var(--black) !important;
}
.image-container img {
    margin: 0 auto;
    display: block;
}
.yith-wapo-addon-type-checkbox .options .yith-wapo-option .yith-wapo-addon-label {
    text-align: center;
}

.xoo-wsc-slider .select2-container .select2-selection--single {
    height: 48px !important;
    line-height: normal !important;
}
.xoo-wsc-slider .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 11px !important;
    right:5px;
}
.xoo-wsc-priceBox ins {
    border: none;
    text-decoration: none;
}
span.xoo-wsc-drh-txt {
    font-size: 20px !important;
}
.xoo-wsc-drawer-header {
    justify-content: start !important;
}
.xoo-wsc-pprice ins, .xoo-wsc-sp-rc-bottom ins {
    text-decoration: none !important;
}
.xoo-wsc-ft-amt-label {
    font-size: 16px !important;
}
.woocommerce div.product p.price del bdi, span.woocommerce-Price-amount.amount del bdi {
    color: #623d1d !important;
    text-decoration: line-through;
}
.my-list-icon-repeater .signbtn, .woocommerce div.product form.cart div.quantity {
    border-radius: 3px;
}

a.showcoupon {
    font-weight: 500;
    color: var(--primary);
}
.after-dynamic-btn-image {
    text-align: left;
    padding-top: 25px;
    clear: both;
    max-width: 60%;
}
ul.wc_payment_methods.payment_methods.methods li {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
li.wc_payment_method.payment_method_woocommerce_payments img {
    filter: invert(1);
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    outline: none !important;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    display: block !important;
}
#ship-to-different-address {
    display: block !important;
    visibility: visible !important;
}

/* Checkbox alignment fix */
#ship-to-different-address label {
    display: flex;
    align-items: center;
    gap: 8px;
}
.woocommerce-shipping-fields__field-wrapper {
    display: none;
}
.single-product .testimonial {
    display: none !important;
}
#payment .payment_methods li[class*=payment_method_woocommerce_payments] label {
    display: flex !important;
    align-items: center !important;
    column-gap: 8px !important;
}
p.form-row.woocommerce-SavedPaymentMethods-saveNew.woocommerce-validated {
    display: flex;
    align-items: center;
}
p.form-row.woocommerce-SavedPaymentMethods-saveNew.woocommerce-validated label {
    line-height: 18px;
    font-size: 14px;
}


/* =====================================================
   DESKTOP 2-COLUMN CHECKOUT (BOOTSTRAP SAFE)
===================================================== */
@media (min-width: 992px) {

  /* Main form layout */
form.checkout {
    display: flex;
    gap: 25px;
    align-items: flex-start;
    flex-wrap: wrap;
}
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
    width: 100%;
}	

  /* LEFT COLUMN */
#customer_details {
    width: 48%;
    flex: 0 0 48%;
    display: flex;
    flex-direction: column;
    position: sticky;
    top: 0;
}

  #customer_details .col-1,
  #customer_details .col-2 {
    width: 100%;
    max-width: 100%;
    float: none;
  }

  #customer_details .col-2 {
    margin-top: 25px;
  }

  /* ORDER TABLE = MIDDLE */
#order_review {
    background: #f5f5f5;
    padding: 0;
    margin-top: 0;
    border-radius: 0;
    position: sticky;
    top: calc(40px + 64px);
    z-index: 1;
    width: 48%;
}

  /* PAYMENT = BOTTOM OF CARD */
  #payment {
    background: #f5f5f5;
    padding: 5px;
    margin-top: 0;
    border-radius: 0 0 6px 6px;
    position: sticky;
    top: calc(40px + 64px);
  }
}

/* =====================================================
   ORDER TABLE CLEANUP
===================================================== */
#order_review table.shop_table {
  background: #ffffff;
  border-radius: 6px;
  padding: 0px;
  border: none;
  margin-bottom: 20px;
}

/* =====================================================
   PAYMENT METHODS
===================================================== */
.wc_payment_methods li {
  padding: 12px 10px;
  border-bottom: 1px solid #ddd;
}

.wc_payment_methods li:last-child {
  border-bottom: none;
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
    padding: 0 !important; 
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: none !important;
}
#order_review_heading{
	display:none !important;
}
.xoo-wsc-savl-tooltip.xoo-wsc-tooltip-cont {
    display: none !important;
}

.woocommerce-checkout .paypal-button,
.woocommerce-checkout .wc-ppcp-button,
.woocommerce-checkout .ppc-button-wrapper {
    display: none !important;
}

.shipping-calculator-form button[type="submit"] {
    background: var(--primary) !important;
    color: var(--white) !important;
    font-weight: normal;
}
span.sidecartprice {
    display: none !important;
}
.woocommerce form .form-row .input-checkbox {
    margin: -2px 3px 0 0 !important;
}
.woocommerce-table--order-details tr:nth-child(even) {
    background: #f5f5f5;
}
.woocommerce-column--2 h2.woocommerce-column__title {
    margin: 18px 0 3px !important;
}
.woocommerce div.product form.cart {
    margin-bottom: .5em !important;
}
div#ppcp-recaptcha-v2-container {
    display: none !important;
    margin: 0 !important;
}

/* Layout */
.prdcttopsec {
  display: flex;
  align-items: flex-start;
  gap: 40px;
}

/* Left column – gallery */
.prdctglry {
  position: sticky;
  top: 120px;
  flex: 0 0 50%;
  max-width: 50%;
}

/* Right column – summary */
.summary.entry-summary {
  flex: 0 0 50%;
  max-width: 50%;
}

/* FORCE gallery to use full column width */
.prdctglry .woocommerce-product-gallery,
.prdctglry .woocommerce-product-gallery__wrapper,
.prdctglry .woocommerce-product-gallery__image,
.prdctglry img {
  width: 100%;
  max-width: 100%;
}
.woocommerce-tabs.wc-tabs-wrapper {
    max-width: 70%;
    margin: 30px auto 10px;
}
.modalsearch-content {
    z-index: 1051; /* higher than .modal-backdrop */
    position: relative;
}


/* Disable YITH fullscreen modal & backdrop */
.ywcas-search-modal,
.ywcas-search-backdrop,
.ywcas-overlay {
  display: none !important;
}

/* Ensure offcanvas stays on top */
.offcanvas {
  z-index: 1055 !important;
}

/* Make input always clickable */
.ywcas-input-field input {
  pointer-events: auto !important;
}


/* Mob Version Search */

.lapilliUI-Input__endAdornment.css-7ga5q0.e83suct0 {
    display: none;
}

.ywcas-input-field-wrapper.lapilliUI-Stack__root.css-of3d42.e83suct0:not(.ywcas-search-mobile.with-wp-admin-toolbar .ywcas-input-field-wrapper.lapilliUI-Stack__root.css-of3d42.e83suct0) {
    border: none !important;
}
.wp-block-yith-search-block .ywcas-classic-search.ywcas-small input:not(.ywcas-search-mobile.with-wp-admin-toolbar input.lapilliUI-Input__field.css-1riijus.e83suct0) {
    padding: 0 !important;
    background: url(https://www.patatoche.com/wp-content/uploads/2026/02/Group-890-1.png) !important;
    border: none !important;
    text-indent: -9999px;
    height: 58px !important;
    width: 58px !important;
    background-position: top !important;
    background-size: 100% !important;
    margin: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}


.mobsearch {
    display: none;
}
 .mobsearch a {
    display: inline-block;
    cursor: pointer;
  }

  /* Sidebar styling */
  .sidebar.searchsdbr {
    position: fixed;
    top: 0;
    right: -300px; /* hidden by default */
    width: 300px;
    height: 100%;
    background: #f4f4f4;
    box-shadow: -2px 0 5px rgba(0,0,0,0.2);
    padding: 20px;
    transition: right 0.3s ease;
    z-index: 1000;
  }

  /* When sidebar is active */
  .sidebar.searchsdbr.active {
    right: 0;
  }

  /* Close button styling */
  .searchsdbr .close-btn {
    display: inline-block;
    margin-bottom: 20px;
    padding: 5px 10px;
    background: #FF4136;
    color: #fff;
    cursor: pointer;
    border: none;
    border-radius: 3px;
  }



@media only screen and (max-width:1200px){
.aboutuscontent {
    padding: 25px;
}
.aboutuscontent .leftheading {
    font-size: 32px;
}	
.aboutsec img {
    object-position: left;
}	
}	

@media only screen and (max-width:1024px){
.heading, .leftheading {
    font-size: 40px;
}	
br{
display:none;
}		
.mainslider .carousel-caption h1 {
    font-size: 33px;
    line-height: 40px;
    margin-bottom: 20px;
}	
.mainslider .carousel-content {
    width: 410px;
}
.videos video {
    width: 100%;
}	
.videos .container {
    max-width: 100%;
}
.mainproducts .leftheading {
    margin-bottom: 15px !important;
}	
.playfulnessbox p {
    width: 100%;
}
.playfulnessbox {
    padding: 70px 50px 200px;
}	
.playfulnessbox-caption img {
    width: 120px;
    height: 170px;
}	
.curve {
    display: none;
}
.playfulness {
    padding: 90px 0 70px;
}
.limitedoffer {
    text-align: center;
    padding: 40px 0;
}
.limitedoffer .leftheading {
    font-size: 45px;
    text-align: center;
}
.countdown-wrapper {
    margin: 0 0 20px;
}
.limitedoffer .countdown-timer {
    font-size: 40px;
}
.limitedoffer img {
    width: 500px !important;
    margin: 30px 0 0;
}	
.testimonial-item img {
    object-position: top;
}	
.creations-item {
    column-gap: 20px;
    font-size: 21px;
}
.creations-item img {
    width: 40px;
}
.creations .col-lg-6 {
    padding: 50px 0 0;
}
.creations .col-lg-6:first-child {
    border-right: none;
        padding: 0 15px;
}
.brands .row {
    row-gap: 35px;
}
footer .col-lg-3:nth-child(3) {
    margin-top: 30px;
}	
footer ul#menu-quick-links li {
    width: 48%;
}
.contactdtls {
    width: 100%;
}
.container, .container-md, .container-sm {
    max-width: 100%;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-right: 20px !important;
    padding-left: 20px !important;
}	
.container, .container-md, .container-sm {
    max-width: 100% !important;
    padding: 0 20px !important;
}	
.breadcrumbs-content {
    width: 100% !important;
}
.breadcrumbs {
    padding: 50px 0 20px;
}	
.contactus ul {
    column-gap: 0;
    flex-flow: column;
    align-items: center;
}	
.faqs .accordion {
    width: 100%;
}	
.creations {
    padding: 70px 0;
}	
.creationssec, .aboutsec .row{
    row-gap: 25px;
}	
}

@media only screen and (max-width:768px){
.dversion, .destpsrch{
display:none;
}
.mversion, .mobsearch{
display:block;
}	
#customer_details, #order_review{
width:100%;
}	
.after-dynamic-btn-image {
    max-width: 100%;
}	
.prdcttopsec {
    flex-direction: column;
	position:relative;
}
.prdctglry {
    position: relative;
    top: 0;
}	
.prdctglry, .woocommerce div.product div.summary{
    max-width: 100%;
    flex:100%;
}
form#woo-email-coupon-form {
    row-gap: 10px;
}	
.woocommerce div.product .woocommerce-tabs ul.tabs {
    flex-wrap: wrap;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    width: 100%;
}
.woocommerce-tabs.wc-tabs-wrapper {
    max-width: 100%;
    margin: 10px auto 10px;
}	
.yith-wapo-block div.yith-wapo-addon .options.per-row-1 {
    grid-template-columns: repeat(2, minmax(0, 100%)) !important;
}	
.woocommerce-Tabs-panel {
    padding: 20px !important;
}	
.wb_cptb_content img {
    width: 100%;
}	
span.xoo-wsc-sp-atc a.button {
    font-size: 14px !important;
    padding: 9px 12px !important;
}
h3#ship-to-different-address {
    margin:0 !important;
    font-family: "Fredoka", sans-serif;
    color: #444;
    font-size: 15px;
}
h3#custom_order_review_heading {
margin: 20px 0 5px;
font-size: 20px;
}	
.notification p {
    flex-wrap: wrap;
    font-size: 13px;
    line-height: 22px;
}	
form#woo-email-coupon-form input, form#woo-email-coupon-form button[type="submit"] {
    width: 100%;
}
header {
    padding: 0;
}
p.comment-form-cookies-consent {
    display: flex !important;
    align-items: center;
    line-height: normal;
}
div#reviews {
    margin-top: 20px;
    padding: 20px;
}	
header .logo img {
    width: 85px;
}
.woocommerce #review_form #respond .form-submit input {
    padding: 10px 20px !important;
    font-size: 17px !important;
    margin-top: 6px;
}	
.mainslider .carousel-content {
    width: 100%;
    text-align: center;
}	
.mainslider .carousel-content {
    width: 100%;
}
section.related.products>h2 {
    font-size: 23px;
    margin-bottom: 20px;
}	
.mainslider .carousel-caption {
    top: 0;
    left: 0;
    right: inherit;
    transform: inherit;
text-align: center;
    padding: 50px 25px 0 25px;
}
form#woo-email-coupon-form button[type="submit"] {
    padding: 12px;
}	
.mainslider figure img {
    width: 100%;
    height: 860px;
    object-fit: cover;
    object-position: bottom;
}	
header .col-sm-2 {
    width: 30%;
}
header .col-sm-7 {
    width: 40%;
}
header .col-sm-3 {
    width: 30%;
}
header .logo img {
    width: 100px;
    transform: inherit;
    position: relative;
}
.limitedoffer img {
    width: 100% !important;
}
.testimonial-item img {
    height: 280px;
}	
.creations .col-lg-6 {
    padding: 30px 15px 0 !important;
}
.creations {
    padding: 30px 0 50px;
}
.subheading {
    width: 100%;
}	
.brands {
    padding: 100px 0 0;
}	
.brands .col-lg-3 {
    width: 50%;
}
.newsletter {
    background-position-y: bottom !important;
}	
footer ul#menu-quick-links {
    /*flex-direction: column;*/
}
footer .col-lg-3:last-child {
    margin-top: 30px;
	justify-content: start;
}
footer {
    padding: 40px 0 0;
}	
.copyright {
    padding: 20px 0;
    margin-top: 40px;
}
.heading, .leftheading {
    font-size: 35px;
    margin-bottom: 25px;
}	
.mainproducts .arrowbutton.prev {
    left: 170px;
}	
.mainproducts .arrowbutton.next {
    right: 170px;
}	
.prdctheader {
    margin-bottom: 20px;
}	
.prdctheader, .prdctheader .leftheading {
    text-align: center;
}
.aboutuscontent, .aboutuscontent .leftheading {
    text-align: center;
}
.whychoose {
    padding: 50px 0 80px;
}	
.aboutuscontent {
    padding: 25px;
}
.shopall {
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
}
ul.acf-category-list {
    gap: 13px;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    margin-top: 25px;
}	
ul.acf-category-list li {
    width: 31%;
}
ul.acf-category-list li a {
    display: block;
	padding: 10px;
}
.archive .secondary-container {
    padding-top: 30px;
}	
span.shopcat {
    font-size: 20px;
}	
.modalsearch-content .logo, .modalsearch-content  ul.hdrsocial {
    display: none;
}
.wp-block-yith-search-block.alignwide {
    width: 100%;
}	
.modalsearch .offcanvas-top {
    height: 19vh;
    padding-top: 25px;
}
.modalsearch .offcanvas-body {
    padding: 20px;
}	
.woocommerce div.product form.cart .button {
    float: none !important;
}
.woocommerce div.product form.cart div.quantity {
    width: 30% !important;
}	
.woocommerce div.product form.cart .button {
    width: 47%;
    padding: 19px;
    font-size: 16px;
    margin: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    border-radius: 0;
	float:left !important;
}
a.amazonbtn {
    width: 23%;
    display: block;
    float: left;
}
.my-list-icon-repeater .signbtn {
    margin: 5px 0 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    line-height: normal;
}
	
.wapo-addon-title {
    font-size: 22px !important;
}	
.my-list-icon-repeater.stocklist {
    margin: 0 0 25px;
    padding-top: 15px;
}
.woocommerce div.product form.cart .button:before{
		display:none;
}	
.my-list-icon-repeater.stocklist ul li img {
    width: 25px !important;
}
.my-list-icon-repeater.stocklist li {
    padding-left: 35px;
}
.banner {
    margin-bottom: 40px;
}	
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    padding: 0 !important;
}	
#add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input {
    margin: 0 .2em 0 0 !important;
}	
.woocommerce table.shop_table td small {
    padding-left: 5px !important;
}	
footer ul#menu-quick-links li a {
    line-height: normal;
}
footer ul#menu-quick-links li {
	margin-bottom: 10px;
}
}


@media only screen and (max-width:600px){
.breadcrumbs {
    padding: 20px 0;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last, p.form-row.form-row-last button.button {
    width: 100% !important;
}	
.woocommerce-additional-fields {
    margin-top: 20px;
}	
form#woocommerce-checkout-form-coupon {
    flex-direction: column;
}	
.packaging-selector {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
}	
.hdrsocial {
    column-gap: 10px;
    padding-right: 5px;
}
.packaging-option-label {
    font-size: 15px;
}	
.sidebarnav .content img {
    width: 40px;
}	
.sidebarnav .content img {
    width: 45px;
}
.testimonial {
    padding: 70px 0 80px;
}	
.testimonial-item img {
    height: 350px;
}	
.playfulnessbox-caption {
    bottom: 40px;
}	
.playfulnessbox-caption img {
    width: 100px;
    height: 150px;
}
.playfulnessbox-caption.left {
    left: 10px;
}	
.playfulnessbox-caption.right {
    right: 10px;
}
.mainproducts {
    padding: 60px 0 40px;
}	
.btn-primary, .btn-secondary {
    padding: 10px 20px 10px !important;
    font-size: 15px !important;
}
.productlist-box h4 a {
    font-size: 18px !important;
}	
header .closebtn svg {
    width: 25px !important;
    height: 25px;
}
header .closebtn {
    top: 15px !important;
}
.mainslider .carousel-caption span {
    font-size: 16px;
}
.mainslider .carousel-caption {
    padding: 50px 15px 0 15px;
}	
.mainslider .carousel-caption h1 {
    font-size: 30px;
}	
.mainslider figure img {
    height: 810px;
}
.playfulnessbox h3.heading {
    margin: 20px 0 15px;
    font-size: 28px;
}	
.limitedoffer .leftheading {
    font-size: 38px;
}
.limitedoffer .countdown-timer {
    font-size: 35px;
}	
.heading, .leftheading {
    font-size: 33px;
}
.creationssec {
    row-gap: 20px;
}
.creations-item {
    font-size: 20px;
}
.brands-item img {
    width: 100%;
}
.brandscnt h3 {
    font-size: 20px;
}
.woocommerce form .quantity.qty-inited input {
    padding: 9px 20px !important;
}
form.cart .quantity.qty-inited {
    height: 3.1rem;
}	
.playfulnessbox {
    padding: 70px 20px 200px;
}	
.limitedoffer {
    margin-bottom: 20px;
}
.row.products {
    row-gap: 15px;
}	
.my-list-icon-repeater ul li img {
    width: 18px !important;
    position: absolute;
    left: 0;
    top: 3px;
}	
.my-list-icon-repeater ul li {
    font-size: 18px;
    position: relative;
    padding-left: 28px;
}	
	
.ywcas-search-mobile .wp-block-yith-product-results-block .search-result-item.list .search-result-item__thumbnail, .ywcas-search-mobile .ywcas-search-results .search-result-item.list .search-result-item__thumbnail {
    max-width: max-content !important;
}
.search-result-item__thumbnail img {
    width: 80px;
    border: solid 1px #f5f5f5;
    padding: 2px;
}
.ywcas-search-results-grid button.components-button.wp-element-button.wp-block-button__link.wp-block-woocommerce-product-button.search-result-add-to-cart {
    padding: 7px 15px !important;
    font-size: 14px !important;
}
.search-result-item__inline_group.lapilliUI-Box__root {
    display: none !important;
}
p.search-result-item__name {
    font-size: 18px;
    font-weight: 500;
}
.search-result-item {
    border-bottom: solid 1px #eee;
    padding: 6px 0;
}	
	
.ywcas-search-modal,
.ywcas-search-backdrop,
.ywcas-overlay {
  display: none !important;
}

/* Ensure offcanvas stays on top */
.offcanvas {
  z-index: 1055 !important;
}	
	
}
@media only screen and (max-width:479px){
ul.acf-category-list li {
    width: 48%;
}
.mainslider .carousel-content .btn {
    margin-right: 5px;
}	
.mainslider .carousel-caption {
    padding: 30px 0 0 0;
}	
.mainslider figure img {
    height: auto;
}
header .logo img {
    width: 80px;
}	
header ul.hdrsocial svg {
    width: 40px;
}
.heading, .leftheading {
    font-size: 28px;
}	
.newsletterform {
    width: 70%;
    margin: 20px auto 0;
}
.newsletterform input[type="submit"] {
    padding: 12px !important;
}	
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    background: var(--primary) !important;
    margin-bottom: 0 !important;
    font-weight: 500;
}	
.prdcttopsec {
    flex-direction: column;
}
.prdctglry {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    position: relative;
    top: unset;
}
.summary.entry-summary {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
#offcanvasTop, .modal-backdrop.show {
	/*opacity: 0 !important;
    z-index: -1 !important;*/
}
.search-desk, .js-search-open {
	/*display: none;
}
.search-mob {
	display: block !important;*/
}
}

@media only screen and (max-width:414px){
.mainslider .carousel-caption h1 {
    font-size: 26px;
    line-height: 35px;
}
.mainslider .carousel-caption span {
    font-size: 14px;
}
.mainproducts .arrowbutton.prev{
    left: 140px;
}	
.mainproducts .arrowbutton.next{
    right: 140px;
}
.limitedoffer .leftheading {
    font-size: 30px;
}
.limitedoffer .countdown-timer {
    font-size: 28px;
}	
.brandscnt h3 {
    font-size: 16px;
}
.add_to_cart_button, .button.amazon-buy-button {
    padding: 14px 12px !important;
    font-size: 15px !important;
}	
}