/*
Theme Name: Kumarsbook
Description: Kumarsbook WooCommerce theme
Version: 2.0
Text Domain: kumarsbook
*/
*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:IRANSansX;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}@font-face{font-family:IRANSansX;font-style:normal;font-display:swap;font-weight:1000;src:url(assets/fonts/IRANSansXFaNum-Heavy.woff2) format("woff2")}@font-face{font-family:IRANSansX;font-style:normal;font-display:swap;font-weight:300;src:url(assets/fonts/IRANSansXFaNum-Light.woff2) format("woff2")}@font-face{font-family:IRANSansX;font-style:normal;font-display:swap;font-weight:500;src:url(assets/fonts/IRANSansXFaNum-Medium.woff2) format("woff2")}@font-face{font-family:IRANSansX;font-style:normal;font-display:swap;font-weight:600;src:url(assets/fonts/IRANSansXFaNum-DemiBold.woff2) format("woff2")}@font-face{font-family:IRANSansX;font-style:normal;font-display:swap;font-weight:800;src:url(assets/fonts/IRANSansXFaNum-ExtraBold.woff2) format("woff2")}@font-face{font-family:IRANSansX;font-style:normal;font-display:swap;font-weight:900;src:url(assets/fonts/IRANSansXFaNum-Black.woff2) format("woff2")}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1180px){.container{max-width:1180px}}@media (min-width:1336px){.container{max-width:1336px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.bottom-3{bottom:.75rem}.left-0{left:0}.left-3{left:.75rem}.right-0{right:0}.top-0{top:0}.top-3{top:.75rem}.-z-10{z-index:-10}.z-10{z-index:10}.z-20{z-index:20}.col-span-12{grid-column:span 12/span 12}.mx-auto{margin-left:auto;margin-right:auto}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.-mr-3{margin-right:-.75rem}.mb-3{margin-bottom:.75rem}.mb-5{margin-bottom:1.25rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.size-2{width:.5rem}.h-2,.size-2{height:.5rem}.h-32{height:8rem}.h-5{height:1.25rem}.h-60{height:15rem}.h-full{height:100%}.w-2{width:.5rem}.w-32{width:8rem}.w-\[200px\]{width:200px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-md{max-width:28rem}.max-w-screen-xl{max-width:1180px}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-t-lg{border-top-right-radius:.5rem}.rounded-t-lg,.rounded-tl-lg{border-top-left-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity))}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-green-300{--tw-border-opacity:1;border-color:rgb(134 239 172/var(--tw-border-opacity))}.border-red-300{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity))}.bg-pink-600{--tw-bg-opacity:1;background-color:rgb(219 39 119/var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}.bg-sky-500{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity))}.bg-sky-600{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity))}.bg-teal-400{--tw-bg-opacity:1;background-color:rgb(45 212 191/var(--tw-bg-opacity))}.bg-teal-500{--tw-bg-opacity:1;background-color:rgb(20 184 166/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-opacity-40{--tw-bg-opacity:0.4}.bg-opacity-90{--tw-bg-opacity:0.9}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-5{padding:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.pb-0{padding-bottom:0}.pb-14{padding-bottom:3.5rem}.pb-6{padding-bottom:1.5rem}.pt-16{padding-top:4rem}.pt-32{padding-top:8rem}.pt-6{padding-top:1.5rem}.text-center{text-align:center}.text-justify{text-align:justify}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-7{line-height:1.75rem}.leading-relaxed{line-height:1.625}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity))}.text-teal-600{--tw-text-opacity:1;color:rgb(13 148 136/var(--tw-text-opacity))}.text-teal-700{--tw-text-opacity:1;color:rgb(15 118 110/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-yellow-200{--tw-text-opacity:1;color:rgb(254 240 138/var(--tw-text-opacity))}.text-yellow-300{--tw-text-opacity:1;color:rgb(253 224 71/var(--tw-text-opacity))}.opacity-75{opacity:.75}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.prehead{background-color:#dc3434;opacity:1;background-image:linear-gradient(135deg,#ea3939 25%,#0000 0),linear-gradient(225deg,#dc4646 25%,#0000 0),linear-gradient(45deg,#ee3434 25%,#0000 0),linear-gradient(315deg,#b71313 25%,#e81f1f 0);background-position:40px 0,40px 0,0 0,0 0;background-size:80px 80px;background-repeat:repeat}.hero{background-image:url(frontend/assets/img/hero.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.wshadow{box-shadow:1px 1px 1px 1px #fff}.content-style h2{font-size:1.5rem;line-height:2rem;font-weight:700}@media (min-width:1024px){.content-style h2{font-size:1.875rem;line-height:2.25rem}}.content-style h3{font-size:1.25rem;line-height:1.75rem;font-weight:700}@media (min-width:1024px){.content-style h3{font-size:1.5rem;line-height:2rem}}.content-style h4,.content-style h5,.content-style h6{font-size:1.125rem;line-height:1.75rem;font-weight:700}@media (min-width:1024px){.content-style h4,.content-style h5,.content-style h6{font-size:1.25rem;line-height:1.75rem}}.content-style a{font-weight:700;--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.content-style p{margin-bottom:1.25rem;line-height:2.5rem}.hover\:bg-indigo-600:hover{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity))}.hover\:bg-pink-500:hover{--tw-bg-opacity:1;background-color:rgb(236 72 153/var(--tw-bg-opacity))}.hover\:bg-sky-400:hover{--tw-bg-opacity:1;background-color:rgb(56 189 248/var(--tw-bg-opacity))}.hover\:text-gray-700\/75:hover{color:#374151bf}.hover\:text-teal-700\/75:hover{color:#0f766ebf}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:shadow-md:hover,.hover\:shadow-xl:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-gray-700\/75{color:#374151bf}@media (min-width:640px){.sm\:ms-0{margin-inline-start:0}.sm\:mt-0{margin-top:0}.sm\:flex{display:flex}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-left{text-align:left}}@media (min-width:768px){.md\:col-span-4{grid-column:span 4/span 4}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:my-10{margin-top:2.5rem;margin-bottom:2.5rem}.lg\:my-20{margin-top:5rem;margin-bottom:5rem}.lg\:my-8{margin-top:2rem;margin-bottom:2rem}.lg\:-mt-14{margin-top:-3.5rem}.lg\:mb-10{margin-bottom:2.5rem}.lg\:mb-5{margin-bottom:1.25rem}.lg\:mb-8{margin-bottom:2rem}.lg\:mt-0{margin-top:0}.lg\:mt-10{margin-top:2.5rem}.lg\:mt-20{margin-top:5rem}.lg\:flex{display:flex}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-col{flex-direction:column}.lg\:flex-nowrap{flex-wrap:nowrap}.lg\:items-start{align-items:flex-start}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:gap-10{gap:2.5rem}.lg\:gap-20{gap:5rem}.lg\:gap-3{gap:.75rem}.lg\:gap-8{gap:2rem}.lg\:p-10{padding:2.5rem}.lg\:p-3{padding:.75rem}.lg\:p-5{padding:1.25rem}.lg\:px-5{padding-left:1.25rem;padding-right:1.25rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.lg\:py-2{padding-top:.5rem;padding-bottom:.5rem}.lg\:py-8{padding-top:2rem;padding-bottom:2rem}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-3xl{font-size:1.875rem;line-height:2.25rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}.lg\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1180px){.xl\:text-3xl{font-size:1.875rem;line-height:2.25rem}.xl\:text-4xl{font-size:2.25rem;line-height:2.5rem}.xl\:text-5xl{font-size:3rem;line-height:1}}@media (min-width:640px){.ltr\:sm\:text-left:where([dir=ltr],[dir=ltr] *){text-align:left}.rtl\:sm\:text-right:where([dir=rtl],[dir=rtl] *){text-align:right}}

form.woocommerce-cart-form {
    overflow-x: scroll;
}

.pattern-1 {
  --s: 300px; /* control the size*/
  --c1: black;
  --c2: #ffffff;
	opacity: .2;
  
  --_g: 
     var(--c1) 0%  5% ,var(--c2) 6%  15%,var(--c1) 16% 25%,var(--c2) 26% 35%,var(--c1) 36% 45%,
     var(--c2) 46% 55%,var(--c1) 56% 65%,var(--c2) 66% 75%,var(--c1) 76% 85%,var(--c2) 86% 95%,
     #0000 96%;
  background:
    radial-gradient(50% 50% at 100% 0,var(--_g)),
    radial-gradient(50% 50% at 0 100%,var(--_g)),
    radial-gradient(50% 50%,var(--_g)),
    radial-gradient(50% 50%,var(--_g)) calc(var(--s)/2) calc(var(--s)/2)
    var(--c1);
  background-size: var(--s) var(--s);
}
.pattern-2 {
  background-color: #e5e5f7;
  opacity: 0.2;
  background-image: radial-gradient(circle at center center, #b0b0b0, #e5e5f7), repeating-radial-gradient(circle at center center, #b0b0b0, #b0b0b0, 22px, transparent 44px, transparent 22px);
  background-blend-mode: multiply;
}
.pattern-3 {
  opacity: 0.3;
  background-image: radial-gradient(#b0b0b0 2px, #e5e5f7 2px);
  background-size: 40px 40px;
}



/* single woocommerce */
ul.tabs.wc-tabs {
  background: #f1f1f1;
  padding: .5rem;
  border-radius: 2rem;
  display: flex;
  gap: 30px;
  justify-content: center;
}
img.wp-post-image {
  /* border-radius: 1rem; */
}


.feaitems img {
    width: 130px;
    margin: 0 auto;
}


.atc a {
  background: #7db354;
  padding: .2rem 1rem;
  color: white;
  border-radius: 2rem;
  font-size: .75rem;
}
a.added_to_cart.wc-forward {
  background-color: transparent;
  color: #7db354;
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
  background: green;
  color: white;
  border-radius: .4rem;
}
span.price ins, p.price ins {
  text-decoration: none;
  font-weight: 900;
}
span.price del, p.price del {
  color: gray;
  font-size: .95rem;
}


article.card .box .icon .iconBox {
  background: #d3b19a;
}
article.card .content {
  padding: 0.938rem 0.625rem;
}
article.card .content h3 {
  font-size: 16px;
}
article.card .card-inner {
  position: relative;
  width: inherit;
  height: 18.75rem;
  background: var(--clr);
  border-radius: 1.25rem;
  border-bottom-right-radius: 0;
  overflow: hidden;
}
article.card .card-inner .box {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 1.25rem;
  overflow: hidden;
}
article.card .card-inner .box .imgBox {
  position: absolute;
  inset: 0;
}
article.card .card-inner .box .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-bottom-left-radius: 3rem
}
article.card .card-inner .box .icon {
  position: absolute;
  bottom: -0.375rem;
  left: -0.375rem;
  width: 6rem;
  height: 6rem;
  background: white;
  border-top-right-radius: 50%;
}
article.card:hover .card-inner .box .icon .iconBox {
  transform: scale(.8);
}
article.card .card-inner .box .icon .iconBox {
  position: absolute;
  inset: 0.625rem;
  background: #282828;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
article.card .card-inner .box .icon .iconBox span {
  color: #fff;
  font-size: 1.5rem;
}







/* woocommerce single product */
.woocommerce .quantity .qty {
  width: 4em !important;
  padding: .6rem .2rem;
  border: 2px solid #ccc;
  border-radius: .2rem;
}
form.cart {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 1rem auto 0;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
  background-color: #db3434 !important;
  width: 100%;
  padding: 1rem .2rem;
}
a.button.ajax_add_to_cart {
  background: #ff4242;
  color: white;
  font-size: .85rem;
  font-weight: 400;
  padding: .2rem 1rem;
  border-radius: .3rem;
}


textarea, input {
  border: 1px solid #ccc;
  border-radius: .3rem;
}
textarea {
  width: 100%;
}


@media(max-width: 900px) {

  span.onsale {
    right: 10px !important;
  }

}


/* =========================================================
   Kumarsbook UI refresh
   Visual-only layer: no content is hidden or moved, heading
   levels are unchanged. This file is loaded before plugin CSS,
   so some selectors are prefixed with "html" to win specificity.
   ========================================================= */

:root {
  --kb-primary: #d42f2f;
  --kb-primary-dark: #b42020;
  --kb-primary-soft: #fdeeee;
  --kb-ink: #1c2230;
  --kb-ink-soft: #444c5c;
  --kb-muted: #6b7280;
  --kb-line: #e6e8ec;
  --kb-bg: #f4f5f7;
  --kb-link: #1d4ed8;
  --kb-radius: .75rem;
  --kb-shadow-sm: 0 1px 2px #1118270d, 0 1px 3px #1118270f;
  --kb-shadow: 0 6px 20px -6px #11182724;
  --kb-shadow-lg: 0 16px 36px -12px #1118273d;
  --kb-ease: cubic-bezier(.4, 0, .2, 1);
}

/* ---------- Base ---------- */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
body {
  color: var(--kb-ink);
  line-height: 1.85;
}
body.bg-gray-100 { background-color: var(--kb-bg); }

h1, h2, h3, h4, h5, h6,
h1[class], h2[class], h3[class], h4[class], h5[class], h6[class] {
  line-height: 1.7;
}

a { transition: color .2s var(--kb-ease), background-color .2s var(--kb-ease), border-color .2s var(--kb-ease), box-shadow .2s var(--kb-ease); }

::selection { background: var(--kb-primary); color: #fff; }

:focus-visible {
  outline: 2px solid var(--kb-primary);
  outline-offset: 2px;
  border-radius: 4px;
}

/* ---------- Breadcrumb (Yoast + WooCommerce) ---------- */
.kb-breadcrumb,
html .woocommerce .woocommerce-breadcrumb.kb-breadcrumb {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 1rem;
  padding: .4rem 1rem;
  font-size: .8125rem;
  font-weight: 500;
  line-height: 1.9;
  color: #a3a9b5;
  background: #fff;
  border: 1px solid var(--kb-line);
  border-radius: 1rem;
}
.kb-breadcrumb a,
html .woocommerce .woocommerce-breadcrumb.kb-breadcrumb a {
  color: var(--kb-ink-soft);
}
.kb-breadcrumb a:hover,
html .woocommerce .woocommerce-breadcrumb.kb-breadcrumb a:hover {
  color: var(--kb-primary);
}
.kb-breadcrumb .breadcrumb_last { color: var(--kb-ink); font-weight: 600; }
.kb-breadcrumb__sep { margin-inline: .45rem; color: #c3c8d0; }

/* inside the white post/product box a white pill would disappear */
article .kb-breadcrumb,
.single-product main .kb-breadcrumb { margin: 0; background: var(--kb-bg); border-color: transparent; }

/* ---------- Section headings ---------- */
.kb-section-title {
  color: var(--kb-ink);
  font-weight: 800;
}
.kb-section-title::after {
  content: "";
  display: block;
  width: 3rem;
  height: 4px;
  margin: .65rem auto 0;
  border-radius: 999px;
  background: var(--kb-primary);
}
.kb-section-bar {
  background-color: #ffffffd9;
  border: 1px solid var(--kb-line);
  box-shadow: var(--kb-shadow-sm);
  border-radius: var(--kb-radius);
  padding: .9rem 1.1rem;
}
.kb-section-bar .kb-section-title::after { margin-inline: 0; }
.kb-section-bar a.bg-gray-600 {
  background: var(--kb-ink);
  border-radius: 999px;
  padding-inline: 1.25rem;
  box-shadow: none;
}
.kb-section-bar a.bg-gray-600:hover { background: var(--kb-primary); }

/* ---------- Header ---------- */
body > header.container a.font-bold,
body > section > header a.font-bold { font-weight: 800; }
body > header.container .bi,
body > section > header .bi { font-size: 1.35rem; }
body > header.container a:hover .bi { color: var(--kb-primary); }
body > section > header a:hover .bi { color: #ffb4b4; }

/* hero category tiles */
.kb-cat-tile {
  position: relative;
  overflow: hidden;
  border-radius: var(--kb-radius);
  background-position: center !important;
  transition: transform .3s var(--kb-ease), box-shadow .3s var(--kb-ease);
}
.kb-cat-tile:hover { transform: translateY(-4px); }
.kb-cat-tile h2 {
  padding: 1.6rem .4rem .45rem;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1.6;
  background: linear-gradient(to top, #000000c7, #0000);
}

/* ---------- Feature boxes / info ---------- */
.kb-features .feaitems {
  border-width: 1px;
  border-color: var(--kb-line);
  box-shadow: var(--kb-shadow-sm);
  transition: transform .3s var(--kb-ease), box-shadow .3s var(--kb-ease);
}
.kb-features .feaitems:hover { transform: translateY(-3px); box-shadow: var(--kb-shadow); }
.kb-features .feaitems strong { font-weight: 700; color: var(--kb-ink); }
.kb-features .feaitems small { line-height: 1.8; }

.kb-info { border-width: 1px; border-color: var(--kb-line); box-shadow: var(--kb-shadow-sm); }
.kb-info a strong { font-weight: 700; }
.kb-info a.rounded-lg {
  border-radius: var(--kb-radius);
  box-shadow: var(--kb-shadow);
  transition: transform .25s var(--kb-ease), box-shadow .25s var(--kb-ease), background-color .25s;
}
.kb-info a.rounded-lg:hover { transform: translateY(-2px); }

/* ---------- Product cards ---------- */
.kb-product-card {
  display: flex;
  flex-direction: column;
  border-color: var(--kb-line);
  border-radius: var(--kb-radius);
  box-shadow: var(--kb-shadow-sm);
  transition: transform .3s var(--kb-ease), box-shadow .3s var(--kb-ease);
}
.kb-product-card:hover { transform: translateY(-4px); box-shadow: var(--kb-shadow-lg); }
.kb-product-card__thumb {
  overflow: hidden;
  border-radius: calc(var(--kb-radius) - .25rem);
  background: #fff;
}
.kb-product-card__thumb img {
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: contain;
  transition: transform .45s var(--kb-ease);
}
.kb-product-card:hover .kb-product-card__thumb img { transform: scale(1.04); }
.kb-product-card > div { flex: 1 1 auto; text-align: center; }
.kb-product-card h2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  min-height: 3.4em;
  font-size: .95rem;
  font-weight: 700;
  line-height: 1.7;
  color: var(--kb-ink);
}
@media (min-width: 1024px) { .kb-product-card h2 { font-size: 1.02rem; } }
.kb-product-card a:hover h2 { color: var(--kb-primary); }
.kb-card-cat { font-weight: 500; }
.kb-card-cat a { color: var(--kb-muted); }
.kb-card-cat a:hover { color: var(--kb-primary); }
.kb-product-card__cta { margin-top: auto; padding-top: .25rem; }

.kb-badge {
  z-index: 1;
  border-radius: 0 0 0 .5rem;
  font-weight: 600;
  line-height: 1.6;
}
.kb-badge--sale { border-radius: 0 0 .5rem 0; }

.kb-products { gap: .75rem; clear: both; }
@media (min-width: 640px) and (max-width: 1023px) {
  .kb-products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1024px) { .kb-products { gap: 1.25rem; } }

/* horizontal product row (home page) */
.kb-product-row {
  border-width: 1px;
  border-color: var(--kb-line);
  border-radius: var(--kb-radius);
  box-shadow: var(--kb-shadow-sm);
  transition: box-shadow .3s var(--kb-ease);
}
.kb-product-row:hover { box-shadow: var(--kb-shadow-lg); }
.kb-product-row img { transition: transform .4s var(--kb-ease); }
.kb-product-row h2 { line-height: 1.8; color: var(--kb-ink); font-weight: 800; }
.kb-product-row a:hover h2 { color: var(--kb-primary); }

/* ---------- Prices ---------- */
html .price,
html .woocommerce div.product p.price,
html .woocommerce div.product span.price {
  color: var(--kb-ink);
  font-weight: 800;
}
html span.price del,
html p.price del {
  color: #9aa1ad;
  font-weight: 500;
  font-size: .85em;
  opacity: 1;
}
html span.price ins,
html p.price ins { color: var(--kb-primary); font-weight: 900; text-decoration: none; }
.woocommerce-Price-currencySymbol { font-size: .8em; font-weight: 500; margin-inline-start: .15em; }

/* ---------- Buttons ---------- */
html a.button.ajax_add_to_cart,
html .woocommerce a.button.add_to_cart_button,
html .woocommerce a.button.product_type_simple,
html .woocommerce a.button.product_type_variable,
html .atc a.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  padding: .45rem 1.1rem;
  font-size: .82rem;
  font-weight: 600;
  line-height: 1.6;
  color: #fff;
  background: var(--kb-primary);
  border: 0;
  border-radius: 999px;
  box-shadow: 0 4px 12px -4px #d42f2f80;
  transition: background-color .2s var(--kb-ease), transform .2s var(--kb-ease), box-shadow .2s var(--kb-ease);
}
html a.button.ajax_add_to_cart:hover,
html .woocommerce a.button.add_to_cart_button:hover,
html .woocommerce a.button.product_type_simple:hover,
html .woocommerce a.button.product_type_variable:hover,
html .atc a.button:hover {
  color: #fff;
  background: var(--kb-primary-dark);
  transform: translateY(-1px);
}
html a.button.ajax_add_to_cart.loading { opacity: .7; }
html a.added_to_cart.wc-forward {
  display: inline-block;
  margin-top: .35rem;
  padding: 0;
  font-size: .8rem;
  font-weight: 600;
  color: #2e7d32;
  background: transparent;
  box-shadow: none;
}

html .woocommerce a.button,
html .woocommerce button.button,
html .woocommerce input.button {
  font-weight: 600;
  border-radius: .5rem;
}
html .woocommerce :is(a, button, input).button.alt,
html .woocommerce button.single_add_to_cart_button {
  background-color: var(--kb-primary) !important;
  color: #fff;
  border-radius: .6rem;
  font-weight: 700;
  box-shadow: 0 8px 18px -8px #d42f2fa6;
}
html .woocommerce :is(a, button, input).button.alt:hover,
html .woocommerce button.single_add_to_cart_button:hover { background-color: var(--kb-primary-dark) !important; }

/* ---------- Single product ---------- */
.single-product main > section > div.border-2,
.single-product main > section.shadow-lg {
  border-width: 1px;
  border-color: var(--kb-line);
  border-radius: var(--kb-radius);
  box-shadow: var(--kb-shadow-sm);
}
.single-product main h1.font-black { font-weight: 800; color: var(--kb-ink); }
.single-product main .woocommerce-product-gallery img { border-radius: .6rem; }
.single-product main .text-center.text-lg .price { font-size: 1.35rem; }
.single-product main a.border-2,
.single-product main div.border-2.rounded-lg.w-full { border-width: 1px; }
.single-product main a.border-green-300:hover { background: #f0fdf4; }
.single-product .related.products > h2 {
  margin-bottom: 1rem;
  font-size: 1.2rem;
  font-weight: 800;
  color: var(--kb-ink);
}
html .woocommerce span.onsale,
html .woocommerce-page span.onsale {
  min-width: 0;
  min-height: 0;
  padding: .2rem .75rem;
  font-size: .8rem;
  font-weight: 700;
  line-height: 1.8;
  background: var(--kb-primary);
  border-radius: 999px;
}

/* attributes table */
html table.shop_attributes {
  width: 100%;
  margin: 0;
  border: 1px solid var(--kb-line);
  border-radius: .6rem;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}
html .woocommerce table.shop_attributes th,
html .woocommerce table.shop_attributes td {
  padding: .7rem 1rem;
  font-style: normal;
  line-height: 1.8;
  text-align: start;
  border-top: 0;
  border-bottom: 1px solid var(--kb-line);
}
html .woocommerce table.shop_attributes th { width: 30%; font-weight: 700; color: var(--kb-ink); background: #fafbfc; }
html .woocommerce table.shop_attributes tr:last-child :is(th, td) { border-bottom: 0; }
html .woocommerce table.shop_attributes td p { padding: 0; margin: 0; }

/* ---------- Archive / shop ---------- */
html .woocommerce-products-header__title {
  margin-bottom: .75rem;
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--kb-ink);
}
@media (min-width: 1024px) { html .woocommerce-products-header__title { font-size: 1.75rem; } }
.woocommerce-products-header .term-description,
.woocommerce-products-header .page-description {
  margin-bottom: 1.25rem;
  color: var(--kb-ink-soft);
  line-height: 2;
}
html .woocommerce .woocommerce-result-count {
  float: right;
  margin: .5rem 0 1rem;
  font-size: .85rem;
  color: var(--kb-muted);
}
html .woocommerce .woocommerce-ordering { float: left; margin: 0 0 1rem; }
html .woocommerce .woocommerce-ordering select {
  padding: .45rem .9rem;
  font-size: .85rem;
  background-color: #fff;
  border: 1px solid var(--kb-line);
  border-radius: .5rem;
}

html .woocommerce nav.woocommerce-pagination { margin-top: 2rem; text-align: center; }
html .woocommerce nav.woocommerce-pagination ul { display: inline-flex; flex-wrap: wrap; justify-content: center; gap: .35rem; margin: 0; border: 0; }
html .woocommerce nav.woocommerce-pagination ul li { float: none; border: 0; overflow: visible; }
html .woocommerce nav.woocommerce-pagination ul li a,
html .woocommerce nav.woocommerce-pagination ul li span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  height: 2.5rem;
  padding: 0 .6rem;
  font-weight: 600;
  color: var(--kb-ink-soft);
  background: #fff;
  border: 1px solid var(--kb-line);
  border-radius: .6rem;
}
html .woocommerce nav.woocommerce-pagination ul li a:hover,
html .woocommerce nav.woocommerce-pagination ul li a:focus { color: var(--kb-primary); border-color: var(--kb-primary); background: #fff; }
html .woocommerce nav.woocommerce-pagination ul li span.current { color: #fff; background: var(--kb-primary); border-color: var(--kb-primary); }

/* ---------- Notices ---------- */
html .woocommerce-message,
html .woocommerce-info,
html .woocommerce-error {
  background: #fff;
  border-radius: .6rem;
  box-shadow: var(--kb-shadow-sm);
  line-height: 1.9;
}
html .woocommerce-message { border-top-color: #2e7d32; }
html .woocommerce-message::before { color: #2e7d32; }
html .woocommerce-info { border-top-color: var(--kb-link); }
html .woocommerce-info::before { color: var(--kb-link); }
html .woocommerce-error { border-top-color: var(--kb-primary); }

/* ---------- Forms ---------- */
:where(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=hidden]), select, textarea) {
  border-color: #d5d9e0;
  transition: border-color .2s var(--kb-ease), box-shadow .2s var(--kb-ease);
}
:where(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]), select, textarea):focus {
  outline: none;
  border-color: var(--kb-primary);
  box-shadow: 0 0 0 3px #d42f2f24;
}
html .woocommerce form .form-row :is(input.input-text, textarea, select) {
  padding: .6rem .8rem;
  border-radius: .5rem;
  line-height: 1.6;
}
html .woocommerce form .form-row label { font-weight: 600; font-size: .9rem; margin-bottom: .3rem; }
html .woocommerce .quantity .qty { border-width: 1px; border-color: #d5d9e0; border-radius: .5rem; }

/* ---------- Article cards ---------- */
article.card {
  border-radius: 1.25rem;
  box-shadow: var(--kb-shadow-sm);
  transition: transform .3s var(--kb-ease), box-shadow .3s var(--kb-ease);
}
a:hover > article.card { transform: translateY(-4px); box-shadow: var(--kb-shadow-lg); }
article.card .card-inner .box .imgBox img { transition: transform .5s var(--kb-ease); }
a:hover > article.card .card-inner .box .imgBox img { transform: scale(1.05); }
article.card .card-inner .box .icon .iconBox { background: var(--kb-ink); }
a:hover > article.card .card-inner .box .icon .iconBox { background: var(--kb-primary); }
article.card .content { padding: 1rem .9rem .25rem; }
article.card .content h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  min-height: 3.4em;
  margin-bottom: .5rem;
  font-size: 1.02rem;
  font-weight: 700;
  line-height: 1.7;
  color: var(--kb-ink);
}
a:hover > article.card .content h3 { color: var(--kb-primary); }
article.card .content > div { padding-inline: 0; border-top: 1px dashed var(--kb-line); }

/* ---------- Single post / page ---------- */
body.single main article,
body.single main article + section,
body.page main > .content-style,
.kb-sidebar .kb-widget {
  border: 1px solid var(--kb-line);
  box-shadow: var(--kb-shadow-sm);
}
body.single main h1,
body.page main > h1 { font-weight: 800; color: var(--kb-ink); }
body.single main article img.wp-post-image { width: 100%; border-radius: var(--kb-radius); }
@media (min-width: 1024px) {
  body.single main h1,
  body.page main > h1 { font-size: 1.75rem; }
  body.single main article,
  body.page main > .content-style { padding: 2rem 2.25rem; }
}

/* sidebar */
.kb-sidebar { display: flex; flex-direction: column; gap: 1.25rem; }
@media (min-width: 1024px) { .kb-sidebar { position: sticky; top: 1.5rem; } }
.kb-widget { display: block; padding: 1.1rem 1.25rem; background: #fff; border-radius: var(--kb-radius); }
.kb-widget__title { margin-bottom: .4rem; font-weight: 800; color: var(--kb-ink); }
.kb-widget__title::after { content: ""; display: block; width: 2rem; height: 3px; margin-top: .4rem; border-radius: 999px; background: var(--kb-primary); }
.kb-widget__list li { border-bottom: 1px dashed var(--kb-line); }
.kb-widget__list li:last-child { border-bottom: 0; }
.kb-widget__list a { display: block; padding: .6rem 0; font-size: .9rem; line-height: 1.8; color: var(--kb-ink-soft); }
.kb-widget__list a:hover { color: var(--kb-primary); }
.kb-sidebar .kb-widget--cta { display: flex; flex-direction: column; align-items: center; gap: .3rem; text-align: center; color: #fff; background: var(--kb-ink); border: 0; }
.kb-widget--cta .bi { font-size: 1.6rem; color: #ff8a8a; }
.kb-widget--cta strong { font-size: 1.15rem; font-weight: 800; letter-spacing: .03em; }
.kb-sidebar .kb-widget--cta:hover { background: var(--kb-primary); }
.kb-widget--cta:hover .bi { color: #fff; }

/* ---------- Rich content (posts, pages, product descriptions) ---------- */
.content-style {
  color: #2f3646;
  font-size: 1rem;
  line-height: 2;
  overflow-wrap: break-word;
}
@media (min-width: 1024px) { .content-style { font-size: 1.0625rem; } }
.content-style > :first-child { margin-top: 0; }
.content-style > :last-child { margin-bottom: 0; }
.content-style p { margin-bottom: 1.25rem; line-height: 2.05; }

.content-style h2,
.content-style h3,
.content-style h4,
.content-style h5,
.content-style h6 { color: var(--kb-ink); line-height: 1.7; }
.content-style h2 {
  margin: 2.5rem 0 1rem;
  padding-inline-start: .85rem;
  border-inline-start: 4px solid var(--kb-primary);
  font-weight: 800;
}
.content-style h3 { margin: 2rem 0 .85rem; font-weight: 800; }
.content-style h4,
.content-style h5,
.content-style h6 { margin: 1.6rem 0 .6rem; }

.content-style a {
  font-weight: 600;
  color: var(--kb-link);
  text-decoration: underline;
  text-decoration-color: #1d4ed84d;
  text-decoration-thickness: 1px;
  text-underline-offset: .35em;
}
.content-style a:hover { color: var(--kb-primary); text-decoration-color: currentColor; }
.content-style strong,
.content-style b { font-weight: 800; color: var(--kb-ink); }

.content-style ul,
.content-style ol { margin: 0 0 1.25rem; padding-inline-start: 1.5rem; }
.content-style ul { list-style: disc; }
.content-style ol { list-style: decimal; }
.content-style li { margin-bottom: .4rem; padding-inline-start: .25rem; }
.content-style li::marker { color: var(--kb-primary); font-weight: 700; }
.content-style li > ul,
.content-style li > ol { margin: .4rem 0 0; }

.content-style blockquote {
  margin: 1.75rem 0;
  padding: 1rem 1.25rem;
  color: var(--kb-ink-soft);
  background: #f8f9fb;
  border-inline-start: 4px solid #cfd4dc;
  border-radius: .5rem;
}
.content-style blockquote p:last-child { margin-bottom: 0; }

.content-style img { border-radius: .6rem; }
.content-style figure,
.content-style .wp-caption { margin: 1.75rem auto; max-width: 100%; }
.content-style figcaption,
.content-style .wp-caption-text { margin-top: .5rem; font-size: .85rem; color: var(--kb-muted); text-align: center; }
.content-style .aligncenter { margin-inline: auto; }
.content-style .alignright { float: right; margin: .4rem 0 1rem 1.5rem; }
.content-style .alignleft { float: left; margin: .4rem 1.5rem 1rem 0; }
.content-style::after { content: ""; display: table; clear: both; }

.content-style table {
  width: 100%;
  margin: 1.5rem 0;
  font-size: .92em;
  border: 1px solid var(--kb-line);
}
.content-style th,
.content-style td { padding: .6rem .8rem; border: 1px solid var(--kb-line); text-align: start; }
.content-style th { font-weight: 700; background: #f8f9fb; }
.content-style tr:nth-child(even) td { background: #fbfbfc; }
@media (max-width: 767px) {
  .content-style table { display: block; overflow-x: auto; }
  .content-style .alignright,
  .content-style .alignleft { float: none; margin: 1rem auto; }
}

.content-style hr { margin: 2rem 0; border-top: 1px solid var(--kb-line); }
.content-style code,
.content-style kbd { padding: .1rem .35rem; font-size: .88em; background: #f1f3f6; border-radius: .3rem; }
.content-style pre { margin: 1.5rem 0; padding: 1rem; overflow-x: auto; background: #1c2230; color: #e6e8ec; border-radius: .6rem; direction: ltr; text-align: left; }
.content-style pre code { padding: 0; background: none; }

/* ---------- Footer ---------- */
.kb-footer { border-top: 1px solid var(--kb-line); }
.kb-footer p.text-lg.font-bold { font-size: 1rem; font-weight: 800; }
.kb-footer p.text-lg.font-bold::after { content: ""; display: block; width: 1.75rem; height: 3px; margin-top: .45rem; border-radius: 999px; background: var(--kb-primary); }
.kb-footer ul a { line-height: 1.8; }
.kb-footer ul a:hover,
.kb-footer ul a:hover span { color: var(--kb-primary); }
.kb-footer .kb-footer-address { margin: 1rem 0; font-size: .85rem; line-height: 2; color: var(--kb-muted); }
.kb-footer input[type=email] { border: 1px solid #d5d9e0; }
.kb-footer button.bg-indigo-500 { background: var(--kb-primary); }
.kb-footer button.bg-indigo-500:hover { background: var(--kb-primary-dark); }
.kb-footer .text-teal-700 { color: var(--kb-ink-soft); font-size: 1.15rem; }
.kb-footer .text-teal-700:hover { color: var(--kb-primary); }

@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}


/* =========================================================
   WooCommerce: cart, checkout, my account, thank-you
   (woocommerce-layout.css is dequeued in functions.php, so the
   layout parts it used to provide are rebuilt here)
   ========================================================= */

/* WooCommerce colour variables -> theme colours */
html:root {
  --woocommerce: #d42f2f;
  --wc-primary: #d42f2f;
  --wc-primary-text: #fff;
  --wc-secondary: #eef0f3;
  --wc-secondary-text: #1c2230;
  --wc-highlight: #1c2230;
  --wc-subtext: #6b7280;
  --wc-red: #d42f2f;
  --wc-green: #2e7d32;
  --wc-blue: #1d4ed8;
  --wc-form-border-color: #d5d9e0;
  --wc-form-border-radius: .5rem;
  --wc-form-border-width: 1px;
}
html :is(input[type=radio], input[type=checkbox]) { accent-color: var(--kb-primary); }

/* wrapper used by page.php on cart / checkout / account */
.kb-woo-page { color: var(--kb-ink); line-height: 1.9; padding: 1rem; }
@media (min-width: 1024px) { .kb-woo-page { padding: 2rem; } }
.kb-woo-page p { margin-bottom: 1rem; }
.kb-woo-page h2,
.kb-woo-page h3 { margin: 0 0 1rem; font-size: 1.15rem; font-weight: 800; color: var(--kb-ink); }
.kb-woo-page a:not(.button) { color: var(--kb-link); }
.kb-woo-page a:not(.button):hover { color: var(--kb-primary); }
html .woocommerce mark { padding: 0; color: var(--kb-ink); font-weight: 700; background: transparent; }

/* ---------- Unavailable products ---------- */
.kb-unavailable {
  display: inline-block;
  padding: .1rem .85rem;
  font-size: .85em;
  font-weight: 700;
  line-height: 1.9;
  color: #6b7280;
  background: #eef0f3;
  border-radius: 999px;
}
.kb-unavailable-product .kb-product-card__thumb img { filter: grayscale(.7); opacity: .8; }
html body .kb-unavailable-product a.button.button {
  color: var(--kb-ink-soft);
  background: #eef0f3;
  box-shadow: none;
}
html body .kb-unavailable-product a.button.button:hover { color: #fff; background: var(--kb-ink); }
.kb-unavailable-note {
  display: block;
  padding: .75rem;
  font-size: .85rem;
  font-weight: 600;
  line-height: 1.9;
  text-align: center;
  color: var(--kb-ink-soft);
  border: 1px dashed #cfd4dc;
  border-radius: .6rem;
}
.kb-unavailable-note:hover { color: var(--kb-primary); border-color: var(--kb-primary); }

/* ---------- Tables ---------- */
html .woocommerce table.shop_table {
  margin: 0 0 1.5rem;
  border: 1px solid var(--kb-line);
  border-radius: var(--kb-radius);
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  background: #fff;
}
html .woocommerce table.shop_table th { padding: .85rem 1rem; font-weight: 700; line-height: 1.7; color: var(--kb-ink); }
html .woocommerce table.shop_table td { padding: .85rem 1rem; line-height: 1.8; vertical-align: middle; border-top: 1px solid var(--kb-line); }
html .woocommerce table.shop_table thead th { font-size: .85rem; color: var(--kb-muted); background: #f8f9fb; }
html .woocommerce table.shop_table tfoot :is(th, td) { background: #fbfbfc; }
html .woocommerce table.shop_table .order-total :is(th, td) { font-size: 1.05rem; }
html .woocommerce table.shop_table .order-total .amount { color: var(--kb-primary); font-weight: 900; }
html .woocommerce table.shop_table .product-name a { font-weight: 700; color: var(--kb-ink); }
html .woocommerce table.shop_table .product-name a:hover { color: var(--kb-primary); }

/* shipping methods */
html .woocommerce ul#shipping_method { margin: 0; text-align: start; }
html .woocommerce ul#shipping_method li {
  display: flex;
  align-items: baseline;
  gap: .45rem;
  margin: 0 0 .5rem;
  line-height: 1.8;
  text-indent: 0;
}
html .woocommerce ul#shipping_method li input { flex: none; margin: 0; }
html .woocommerce ul#shipping_method .amount { font-weight: 700; }
html .woocommerce .woocommerce-shipping-destination { margin: .5rem 0 0; font-size: .82rem; color: var(--kb-muted); }

/* ---------- Forms ---------- */
html .woocommerce form .form-row { margin: 0 0 .9rem; padding: 0; }
html .woocommerce form .form-row label { display: block; line-height: 1.8; }
html .woocommerce form .form-row label.checkbox,
html .woocommerce form .form-row label.woocommerce-form__label-for-checkbox { display: inline-flex; align-items: center; gap: .4rem; }
html .woocommerce form .form-row .required { color: var(--kb-primary); text-decoration: none; }
html .woocommerce form .form-row .optional { font-size: .8em; font-weight: 500; color: var(--kb-muted); }
html .woocommerce form .form-row.woocommerce-invalid :is(.input-text, select) { border-color: var(--kb-primary); }
html .woocommerce form .form-row.woocommerce-validated :is(.input-text, select) { border-color: #86c592; }
#billing_phone, #shipping_phone, #billing_postcode, #shipping_postcode { direction: ltr; text-align: right; }

.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-address-fields__field-wrapper,
form.woocommerce-EditAccountForm {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 1rem;
}
.woocommerce-billing-fields__field-wrapper > *,
.woocommerce-shipping-fields__field-wrapper > *,
.woocommerce-address-fields__field-wrapper > *,
form.woocommerce-EditAccountForm > * { grid-column: 1 / -1; }
.woocommerce-billing-fields__field-wrapper > .form-row-first,
.woocommerce-billing-fields__field-wrapper > .form-row-last,
.woocommerce-shipping-fields__field-wrapper > .form-row-first,
.woocommerce-shipping-fields__field-wrapper > .form-row-last,
.woocommerce-address-fields__field-wrapper > .form-row-first,
.woocommerce-address-fields__field-wrapper > .form-row-last,
form.woocommerce-EditAccountForm > .form-row-first,
form.woocommerce-EditAccountForm > .form-row-last { grid-column: auto; }
form.woocommerce-EditAccountForm > .clear { display: none; }
:is(.woocommerce-billing-fields__field-wrapper, .woocommerce-shipping-fields__field-wrapper, .woocommerce-address-fields__field-wrapper, form.woocommerce-EditAccountForm) > .form-row { width: auto; float: none; }

html .woocommerce form fieldset {
  margin: 1rem 0;
  padding: 1rem 1.25rem .25rem;
  border: 1px solid var(--kb-line);
  border-radius: var(--kb-radius);
}
html .woocommerce form fieldset legend { padding: 0 .5rem; font-weight: 800; }

/* primary actions */
html .woocommerce :is(
  form.login .button,
  form.register .button,
  form.lost_reset_password .button,
  .return-to-shop .button,
  button[name=save_account_details],
  button[name=save_address],
  .woocommerce-MyAccount-content .woocommerce-Button
) {
  color: #fff;
  background: var(--kb-primary);
  padding: .65rem 1.6rem;
  border-radius: .55rem;
}
html .woocommerce :is(
  form.login .button,
  form.register .button,
  form.lost_reset_password .button,
  .return-to-shop .button,
  button[name=save_account_details],
  button[name=save_address],
  .woocommerce-MyAccount-content .woocommerce-Button
):hover { color: #fff; background: var(--kb-primary-dark); }

/* ---------- Cart ---------- */
form.woocommerce-cart-form { overflow-x: auto; }
html .woocommerce table.cart img,
html .woocommerce-cart table.cart img { width: 64px; border-radius: .4rem; box-shadow: var(--kb-shadow-sm); }
html .woocommerce table.cart td.product-remove { width: 2.5rem; }
html .woocommerce a.remove { font-weight: 400; line-height: 1.05; }
html .woocommerce table.cart .quantity .qty { padding: .45rem .2rem; }
html .woocommerce table.cart td.actions { padding: 1rem; background: #fbfbfc; }
html .woocommerce table.cart td.actions .coupon {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  float: right;
}
html .woocommerce table.cart td.actions .coupon .input-text {
  float: none;
  width: 12rem;
  margin: 0;
  padding: .55rem .8rem;
  border: 1px solid #d5d9e0;
  border-radius: .5rem;
}
html .woocommerce table.cart td.actions > .button { float: left; }
html .woocommerce table.cart td.actions::after { content: ""; display: table; clear: both; }

html .woocommerce .cart-collaterals { margin-top: .5rem; }
html .woocommerce .cart-collaterals .cart_totals {
  float: none;
  width: 100%;
  max-width: 30rem;
  margin-inline-start: auto;
  padding: 1.25rem;
  background: var(--kb-bg);
  border-radius: var(--kb-radius);
}
html .woocommerce .cart-collaterals .cart_totals table.shop_table { margin-bottom: 1rem; }
html .woocommerce .cart-collaterals .cart_totals table th { width: 35%; }
html .woocommerce .wc-proceed-to-checkout { padding: 0; }
html .woocommerce .wc-proceed-to-checkout a.checkout-button { margin: 0; padding: 1rem; font-size: 1.05rem; border-radius: .6rem; }
html .woocommerce .cart-collaterals .cross-sells { margin-top: 2rem; }

.woocommerce-cart .cart-empty.woocommerce-info { padding-block: 1.5rem; font-size: 1.05rem; font-weight: 700; }
html .woocommerce .return-to-shop { margin-top: 1rem; text-align: center; }

/* ---------- Checkout ---------- */
html .woocommerce form.checkout h3 {
  margin: 0 0 1rem;
  padding-bottom: .65rem;
  font-size: 1.1rem;
  font-weight: 800;
  border-bottom: 1px solid var(--kb-line);
}
html .woocommerce form.checkout #ship-to-different-address { font-size: .95rem; }
html .woocommerce form.checkout #ship-to-different-address label { display: inline-flex; align-items: center; gap: .45rem; font-weight: 700; cursor: pointer; }
html .woocommerce form.checkout .col2-set > div { margin-bottom: 1.25rem; }
html .woocommerce form.checkout_coupon { margin: 0 0 1.5rem; padding: 1rem 1.25rem; border: 1px dashed #cfd4dc; border-radius: var(--kb-radius); }

html .woocommerce-checkout #order_review {
  padding: 1.25rem;
  background: var(--kb-bg);
  border-radius: var(--kb-radius);
}
html .woocommerce-checkout #order_review .product-quantity { color: var(--kb-muted); font-weight: 600; }
html .woocommerce-checkout #order_review table.shop_table :is(th, td) { padding: .75rem .85rem; }
html .woocommerce-checkout #order_review table.shop_table tfoot th { width: 28%; font-size: .88rem; vertical-align: top; }
html .woocommerce-checkout #order_review ul#shipping_method li { font-size: .88rem; }

@media (min-width: 1024px) {
  html .woocommerce form.checkout.woocommerce-checkout {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    grid-template-rows: auto auto 1fr;
    column-gap: 2.5rem;
    align-items: start;
  }
  html .woocommerce form.checkout.woocommerce-checkout > * { grid-column: 1 / -1; }
  html .woocommerce form.checkout.woocommerce-checkout > #customer_details { grid-column: 1; grid-row: 2 / span 2; }
  html .woocommerce form.checkout.woocommerce-checkout > #order_review_heading { grid-column: 2; grid-row: 2; }
  html .woocommerce form.checkout.woocommerce-checkout > #order_review { grid-column: 2; grid-row: 3; position: sticky; top: 1rem; }
}

/* payment */
html .woocommerce-checkout #payment { background: transparent; border-radius: 0; }
html .woocommerce-checkout #payment ul.payment_methods { padding: 0 0 1rem; border-bottom: 1px solid var(--kb-line); }
html .woocommerce-checkout #payment ul.payment_methods li {
  margin: 0 0 .5rem;
  padding: .75rem 1rem;
  line-height: 1.8;
  text-align: start;
  list-style: none;
  background: #fff;
  border: 1px solid var(--kb-line);
  border-radius: .6rem;
}
html .woocommerce-checkout #payment ul.payment_methods li label { font-weight: 700; cursor: pointer; }
html .woocommerce-checkout #payment ul.payment_methods li img {
  display: inline-block;
  max-height: 1.9rem;
  width: auto;
  margin: 0;
  margin-inline-start: .5rem;
  vertical-align: middle;
}
html .woocommerce-checkout #payment div.payment_box {
  margin: .75rem 0 0;
  padding: .75rem 1rem;
  font-size: .85rem;
  line-height: 1.9;
  color: var(--kb-ink-soft);
  background: var(--kb-bg);
  border-radius: .5rem;
}
html .woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--kb-bg); }
html .woocommerce-checkout #payment div.payment_box p:last-child { margin-bottom: 0; }
html .woocommerce-checkout #payment div.form-row { margin: 0; padding: 1rem 0 0; }
html .woocommerce-checkout #payment #place_order {
  float: none;
  width: 100%;
  padding: 1rem;
  font-size: 1.05rem;
}
html .woocommerce .woocommerce-privacy-policy-text p,
html .woocommerce .woocommerce-terms-and-conditions-wrapper p { font-size: .8rem; color: var(--kb-muted); }

/* ---------- Thank you / order details ---------- */
.woocommerce-thankyou-order-received {
  margin-bottom: 1.25rem;
  padding: 1rem 1.25rem;
  font-weight: 700;
  color: #166534;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  border-radius: .6rem;
}
html .woocommerce ul.order_details {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: .75rem;
  margin: 0 0 2rem;
  padding: 0;
}
html .woocommerce ul.order_details::before,
html .woocommerce ul.order_details::after { display: none; }
html .woocommerce ul.order_details li {
  float: none;
  margin: 0;
  padding: .85rem 1rem;
  font-size: .78rem;
  line-height: 1.8;
  text-transform: none;
  color: var(--kb-muted);
  background: var(--kb-bg);
  border: 1px solid var(--kb-line);
  border-radius: .6rem;
}
html .woocommerce ul.order_details li strong { display: block; margin-top: .2rem; font-size: .95rem; line-height: 1.7; color: var(--kb-ink); }
html .woocommerce .woocommerce-customer-details address {
  padding: 1rem 1.25rem;
  font-style: normal;
  line-height: 2;
  text-align: start;
  border: 1px solid var(--kb-line);
  border-radius: var(--kb-radius);
}
html .woocommerce .woocommerce-customer-details .col2-set,
html .woocommerce .woocommerce-Addresses.col2-set {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: 1.25rem;
}
html .woocommerce .col2-set::before,
html .woocommerce .col2-set::after { display: none; }
html .woocommerce .col2-set > :is(.col-1, .col-2) { float: none; width: auto; }

/* ---------- My account ---------- */
@media (min-width: 768px) {
  html .woocommerce-account .woocommerce-MyAccount-navigation { float: right; width: 25%; }
  html .woocommerce-account .woocommerce-MyAccount-content { float: left; width: calc(75% - 2rem); }
}
.woocommerce-account .kb-woo-page > .woocommerce::after { content: ""; display: table; clear: both; }

.woocommerce-MyAccount-navigation { margin-bottom: 1.5rem; }
.woocommerce-MyAccount-navigation ul { padding: .5rem; background: var(--kb-bg); border-radius: var(--kb-radius); }
@media (max-width: 767px) {
  .woocommerce-MyAccount-navigation ul { display: grid; grid-template-columns: 1fr 1fr; gap: .25rem; }
}
html .woocommerce-MyAccount-navigation li a {
  display: flex;
  align-items: center;
  gap: .6rem;
  padding: .65rem .9rem;
  font-size: .92rem;
  font-weight: 600;
  line-height: 1.7;
  color: var(--kb-ink-soft);
  border-radius: .5rem;
}
html .woocommerce-MyAccount-navigation li a::before {
  font-family: bootstrap-icons;
  font-size: 1.05rem;
  font-weight: 400;
  line-height: 1;
  content: "\f4e1";
}
html .woocommerce-MyAccount-navigation li a:hover,
html .woocommerce-MyAccount-navigation li.is-active a { color: var(--kb-primary); background: #fff; }
html .woocommerce-MyAccount-navigation li.is-active a { box-shadow: var(--kb-shadow-sm); }
html .woocommerce-MyAccount-navigation-link--dashboard a::before { content: "\f580"; }
html .woocommerce-MyAccount-navigation-link--orders a::before { content: "\f171"; }
html .woocommerce-MyAccount-navigation-link--downloads a::before { content: "\f30a"; }
html .woocommerce-MyAccount-navigation-link--edit-address a::before { content: "\f3e8"; }
html .woocommerce-MyAccount-navigation-link--edit-account a::before { content: "\f8a7"; }
html .woocommerce-MyAccount-navigation-link--customer-logout a::before { content: "\f1c2"; }
html .woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--kb-primary); }

.woocommerce-MyAccount-content > p { line-height: 2; }
html .woocommerce .woocommerce-MyAccount-content table.shop_table .button { padding: .35rem .9rem; font-size: .8rem; }
.woocommerce-Address { padding: 1.1rem 1.25rem; border: 1px solid var(--kb-line); border-radius: var(--kb-radius); }
.woocommerce-Address-title { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .5rem; }
.woocommerce-Address-title h2 { margin: 0; }
.woocommerce-Address-title a.edit { font-size: .85rem; font-weight: 600; }
.woocommerce-Address address { font-style: normal; line-height: 2; color: var(--kb-ink-soft); }

/* login / register / lost password */
.woocommerce-account:not(.logged-in) .kb-woo-page > .woocommerce { max-width: 30rem; margin-inline: auto; }
.woocommerce-account:not(.logged-in) .kb-woo-page > .woocommerce:has(#customer_login) { max-width: 60rem; }
.woocommerce-account:not(.logged-in) .kb-woo-page > .woocommerce > h2 { text-align: center; }
html .woocommerce :is(form.login, form.register, form.lost_reset_password) {
  margin: 0 0 1rem;
  padding: 1.5rem;
  text-align: start;
  background: #fff;
  border: 1px solid var(--kb-line);
  border-radius: var(--kb-radius);
}
html .woocommerce form.login .form-row:has(.woocommerce-form-login__submit) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
}
html .woocommerce form.login .woocommerce-form-login__rememberme { display: inline-flex; align-items: center; gap: .4rem; margin: 0; font-weight: 500; }
html .woocommerce form.login .lost_password { margin: .5rem 0 0; font-size: .85rem; }
#customer_login { gap: 1.5rem; }
@media (min-width: 768px) { #customer_login { display: grid; grid-template-columns: 1fr 1fr; } }

/* ---------- Single product extras ---------- */
html .woocommerce div.product div.images .flex-control-thumbs { display: flex; gap: .4rem; margin-top: .5rem; }
html .woocommerce div.product div.images .flex-control-thumbs li { flex: 1 1 0; width: auto; float: none; }
html .woocommerce div.product div.images .flex-control-thumbs li img { border-radius: .4rem; }
html .woocommerce div.product .stock { font-size: .85rem; font-weight: 700; }

/* ---------- Mobile tables (replaces woocommerce-smallscreen.css) ---------- */
@media (max-width: 767px) {
  html .woocommerce table.shop_table_responsive thead,
  html .woocommerce table.shop_table_responsive tbody th { display: none; }
  html .woocommerce table.shop_table_responsive tr { display: block; }
  html .woocommerce table.shop_table_responsive tr td {
    display: block;
    text-align: left;
  }
  html .woocommerce table.shop_table_responsive tr td::before {
    content: attr(data-title) ": ";
    float: right;
    font-weight: 700;
    color: var(--kb-ink);
  }
  html .woocommerce table.shop_table_responsive tr td:not([data-title])::before,
  html .woocommerce table.shop_table_responsive tr td.product-remove::before,
  html .woocommerce table.shop_table_responsive tr td.actions::before { display: none; }
  html .woocommerce table.shop_table_responsive tbody tr:first-child td:first-child { border-top: 0; }
  html .woocommerce table.shop_table_responsive tr:nth-child(2n) td { background: #fbfbfc; }
  html .woocommerce table.cart .product-thumbnail { display: none; }
  html .woocommerce table.cart td.product-remove { width: auto; }
  html .woocommerce table.cart td.actions { text-align: start; }
  html .woocommerce table.cart td.actions .coupon { display: flex; float: none; margin-bottom: .75rem; }
  html .woocommerce table.cart td.actions .coupon .input-text { flex: 1 1 6rem; width: 6rem; min-width: 0; }
  html .woocommerce table.cart td.actions { padding: .75rem; }
  html .woocommerce table.cart td.actions > .button { float: none; width: 100%; }
  html .woocommerce .cart-collaterals .cart_totals { padding: 1rem; }
  html .woocommerce .cart-collaterals .cart_totals table th { width: auto; }
}