*,: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:rgba(59,130,246,.5);--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: }::backdrop{--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:rgba(59,130,246,.5);--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: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,: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:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;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:baseline}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:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-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]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.-left-1\.5{left:-.375rem}.-top-1\.5{top:-.375rem}.bottom-1\.5{bottom:.375rem}.bottom-5{bottom:1.25rem}.bottom-6{bottom:1.5rem}.left-0{left:0}.left-1\.5{left:.375rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.right-0{right:0}.right-1\.5{right:.375rem}.right-3{right:.75rem}.right-4{right:1rem}.right-5{right:1.25rem}.top-0{top:0}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-full{top:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\[120\]{z-index:120}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.z-\[78\]{z-index:78}.z-\[80\]{z-index:80}.z-\[85\]{z-index:85}.z-\[88\]{z-index:88}.z-\[89\]{z-index:89}.col-span-4{grid-column:span 4/span 4}.col-span-full{grid-column:1/-1}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-8{margin-top:2rem;margin-bottom:2rem}.-mt-1{margin-top:-.25rem}.-mt-2{margin-top:-.5rem}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-6{margin-left:1.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.hidden{display:none}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-square{aspect-ratio:1/1}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[18px\]{height:18px}.h-\[3px\]{height:3px}.h-full{height:100%}.h-px{height:1px}.max-h-48{max-height:12rem}.max-h-64{max-height:16rem}.max-h-\[75vh\]{max-height:75vh}.max-h-\[92vh\]{max-height:92vh}.max-h-full{max-height:100%}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-4{width:1rem}.w-4\/5{width:80%}.w-40{width:10rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[18px\]{width:18px}.w-auto{width:auto}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.min-w-0{min-width:0}.min-w-\[100px\]{min-width:100px}.min-w-\[140px\]{min-width:140px}.min-w-\[160px\]{min-width:160px}.min-w-\[200px\]{min-width:200px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-\[1200px\]{max-width:1200px}.max-w-\[160px\]{max-width:160px}.max-w-\[220px\]{max-width:220px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-full{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))}.-translate-x-full{--tw-translate-x:-100%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-full{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))}.translate-x-full{--tw-translate-x:100%}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-125{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))}.scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.scale-95,.transform{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))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-zoom-in{cursor:zoom-in}.cursor-zoom-out{cursor:zoom-out}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.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-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-8{gap:2rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-2\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.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))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-borderGray>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 229 229/var(--tw-divide-opacity,1))}.divide-borderSoft>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(232 232 232/var(--tw-divide-opacity,1))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-amber-200{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-bgLight{--tw-border-opacity:1;border-color:rgb(248 248 248/var(--tw-border-opacity,1))}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-borderGray{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity,1))}.border-borderSoft{--tw-border-opacity:1;border-color:rgb(232 232 232/var(--tw-border-opacity,1))}.border-gold{--tw-border-opacity:1;border-color:rgb(201 162 39/var(--tw-border-opacity,1))}.border-gold\/20{border-color:rgba(201,162,39,.2)}.border-gold\/30{border-color:rgba(201,162,39,.3)}.border-gold\/40{border-color:rgba(201,162,39,.4)}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-50{--tw-border-opacity:1;border-color:rgb(249 250 251/var(--tw-border-opacity,1))}.border-green-100{--tw-border-opacity:1;border-color:rgb(220 252 231/var(--tw-border-opacity,1))}.border-ink{--tw-border-opacity:1;border-color:rgb(17 17 17/var(--tw-border-opacity,1))}.border-primary\/15{border-color:rgba(149,6,6,.15)}.border-primary\/20{border-color:rgba(149,6,6,.2)}.border-red-100{--tw-border-opacity:1;border-color:rgb(254 226 226/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-transparent{border-color:transparent}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/15{border-color:hsla(0,0%,100%,.15)}.bg-\[\#E30016\]{--tw-bg-opacity:1;background-color:rgb(227 0 22/var(--tw-bg-opacity,1))}.bg-\[\#F9F9F9\]{--tw-bg-opacity:1;background-color:rgb(249 249 249/var(--tw-bg-opacity,1))}.bg-\[\#f8f6f3\]{--tw-bg-opacity:1;background-color:rgb(248 246 243/var(--tw-bg-opacity,1))}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-50\/40{background-color:rgba(255,251,235,.4)}.bg-amber-50\/50{background-color:rgba(255,251,235,.5)}.bg-amber-50\/60{background-color:rgba(255,251,235,.6)}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-bgLight{--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity,1))}.bg-bgLight\/40{background-color:hsla(0,0%,97%,.4)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/10{background-color:rgba(0,0,0,.1)}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-black\/60{background-color:rgba(0,0,0,.6)}.bg-black\/70{background-color:rgba(0,0,0,.7)}.bg-black\/80{background-color:rgba(0,0,0,.8)}.bg-black\/90{background-color:rgba(0,0,0,.9)}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-borderGray{--tw-bg-opacity:1;background-color:rgb(229 229 229/var(--tw-bg-opacity,1))}.bg-crimson{--tw-bg-opacity:1;background-color:rgb(220 20 60/var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-gold{--tw-bg-opacity:1;background-color:rgb(201 162 39/var(--tw-bg-opacity,1))}.bg-gold\/15{background-color:rgba(201,162,39,.15)}.bg-gold\/5{background-color:rgba(201,162,39,.05)}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-ink{--tw-bg-opacity:1;background-color:rgb(17 17 17/var(--tw-bg-opacity,1))}.bg-primary{--tw-bg-opacity:1;background-color:rgb(149 6 6/var(--tw-bg-opacity,1))}.bg-primary\/5{background-color:rgba(149,6,6,.05)}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-red-700{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.bg-textMain{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/70{background-color:hsla(0,0%,100%,.7)}.bg-white\/90{background-color:hsla(0,0%,100%,.9)}.bg-opacity-50{--tw-bg-opacity:0.5}.fill-primary{fill:#950606}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-9{padding-top:2.25rem;padding-bottom:2.25rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pr-10{padding-right:2.5rem}.pr-3{padding-right:.75rem}.pr-9{padding-right:2.25rem}.pt-1{padding-top:.25rem}.pt-14{padding-top:3.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.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-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.normal-case{text-transform:none}.italic{font-style:italic}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-normal{letter-spacing:0}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#E30016\]{--tw-text-opacity:1;color:rgb(227 0 22/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-borderGray{--tw-text-opacity:1;color:rgb(229 229 229/var(--tw-text-opacity,1))}.text-crimson{--tw-text-opacity:1;color:rgb(220 20 60/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-gold{--tw-text-opacity:1;color:rgb(201 162 39/var(--tw-text-opacity,1))}.text-gold\/30{color:rgba(201,162,39,.3)}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity,1))}.text-gray-200\/70{color:rgba(229,231,235,.7)}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-ink{--tw-text-opacity:1;color:rgb(17 17 17/var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:rgb(149 6 6/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-textMain{--tw-text-opacity:1;color:rgb(26 26 26/var(--tw-text-opacity,1))}.text-textMuted{--tw-text-opacity:1;color:rgb(107 107 107/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/30{color:hsla(0,0%,100%,.3)}.text-white\/40{color:hsla(0,0%,100%,.4)}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/80{color:hsla(0,0%,100%,.8)}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-gold{accent-color:#c9a227}.accent-primary{accent-color:#950606}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.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 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-gold\/40{--tw-ring-color:rgba(201,162,39,.4)}.blur{--tw-blur:blur(8px)}.blur,.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}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.last\:border-0:last-child{border-width:0}.last\:border-b-0:last-child{border-bottom-width:0}.hover\:scale-110:hover{--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))}.hover\:border-gold:hover{--tw-border-opacity:1;border-color:rgb(201 162 39/var(--tw-border-opacity,1))}.hover\:border-primary:hover{--tw-border-opacity:1;border-color:rgb(149 6 6/var(--tw-border-opacity,1))}.hover\:border-red-300:hover{--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.hover\:border-textMain:hover{--tw-border-opacity:1;border-color:rgb(26 26 26/var(--tw-border-opacity,1))}.hover\:bg-\[\#B00012\]:hover{--tw-bg-opacity:1;background-color:rgb(176 0 18/var(--tw-bg-opacity,1))}.hover\:bg-amber-50:hover{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.hover\:bg-bgLight:hover{--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity,1))}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.hover\:bg-gold:hover{--tw-bg-opacity:1;background-color:rgb(201 162 39/var(--tw-bg-opacity,1))}.hover\:bg-gold\/10:hover{background-color:rgba(201,162,39,.1)}.hover\:bg-gold\/15:hover{background-color:rgba(201,162,39,.15)}.hover\:bg-goldDark:hover{--tw-bg-opacity:1;background-color:rgb(166 133 25/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-green-50:hover{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-ink:hover{--tw-bg-opacity:1;background-color:rgb(17 17 17/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-red-800:hover{--tw-bg-opacity:1;background-color:rgb(153 27 27/var(--tw-bg-opacity,1))}.hover\:bg-white\/5:hover{background-color:hsla(0,0%,100%,.05)}.hover\:text-gold:hover{--tw-text-opacity:1;color:rgb(201 162 39/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-ink:hover{--tw-text-opacity:1;color:rgb(17 17 17/var(--tw-text-opacity,1))}.hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(149 6 6/var(--tw-text-opacity,1))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.hover\:text-red-600:hover{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.hover\:text-red-700:hover{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-\[\#E30016\]:focus{--tw-border-opacity:1;border-color:rgb(227 0 22/var(--tw-border-opacity,1))}.focus\:border-gold:focus{--tw-border-opacity:1;border-color:rgb(201 162 39/var(--tw-border-opacity,1))}.focus\:border-primary:focus{--tw-border-opacity:1;border-color:rgb(149 6 6/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-\[\#E30016\]\/40:focus{--tw-ring-color:rgba(227,0,22,.4)}.focus\:ring-gold\/40:focus{--tw-ring-color:rgba(201,162,39,.4)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-25:disabled{opacity:.25}.group:hover .group-hover\:-translate-x-1{--tw-translate-x:-0.25rem}.group:hover .group-hover\:-translate-x-1,.group:hover .group-hover\:scale-105{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\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:text-primary{--tw-text-opacity:1;color:rgb(149 6 6/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:col-span-4{grid-column:span 4/span 4}.sm\:inline{display:inline}.sm\:w-72{width:18rem}.sm\:w-\[380px\]{width:380px}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:border-b-0{border-bottom-width:0}.sm\:border-r{border-right-width:1px}}@media (min-width:768px){.md\:mb-10{margin-bottom:2.5rem}.md\:block{display:block}.md\:flex{display:flex}.md\:min-h-screen{min-height:100vh}.md\:w-1\/2{width:50%}.md\:w-64{width:16rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-4{gap:1rem}.md\:gap-5{gap:1.25rem}.md\:bg-black\/30{background-color:rgba(0,0,0,.3)}.md\:p-12{padding:3rem}.md\:p-4{padding:1rem}.md\:p-5{padding:1.25rem}.md\:p-8{padding:2rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-xs{font-size:.75rem;line-height:1rem}.md\:text-white\/90{color:hsla(0,0%,100%,.9)}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-24{top:6rem}.lg\:top-28{top:7rem}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:block{display:block}.lg\:inline{display:inline}.lg\:hidden{display:none}.lg\:w-\[280px\]{width:280px}.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-row{flex-direction:row}}:root {
--primary: #E30016;
--primary-dark: #B00012;
--header-red-dark: #2b0505;
--footerBg: #E30016;
--textMain: #1A1A1A;
--textMuted: #6F6F6F;
--bgLight: #FAFAFA;
--borderGray: #E5E5E5;
--accent-ofertas: #E30016;
--desc-gray: #374151;
--whatsapp: #25D366;
--gray-50: #F9FAFB;
--gray-100: #F3F4F6;
--gray-200: #E5E7EB;
--gray-300: #D1D5DB;
--gray-400: #9CA3AF;
--yellow-400: #FACC15;
--red-50: #FEF2F2;
--red-800: #E30016;
--black: #000000;
--white: #FFFFFF;
--dark1: #1A1A1A;
--dark2: #111111;
--offwhite: #F9F9F9;
--z-navbar:          50;
--rl-banner-h:       0px;
--z-promo-bar:       58;
--z-float-btn:       60;
--z-drawer:          70;
--z-cookie-banner:    95;
--z-modal-info:     105;
--z-modal-checkout: 110;
--z-modal-login:    115;
--z-modal-quickview:120;
--z-modal-lightbox: 125;
--z-modal-auth:     130;
--z-modal-review:   135;
--z-modal-sizeguide:140;
--z-modal-welcome:  145;
--z-toast:          200;
}
*, *::before, *::after { box-sizing: border-box; border-width: 0; border-style: solid; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; max-width: 100%; }
h1, h2, h3, h4, h5, h6, p { margin: 0; }
a { color: inherit; text-decoration: none; }
b, strong { font-weight: bolder; }
button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; color: inherit; margin: 0; padding: 0; }
button, select { text-transform: none; }
button, [type="button"], [type="submit"] { -webkit-appearance: button; background-color: transparent; background-image: none; cursor: pointer; }
input::placeholder, textarea::placeholder { opacity: 1; color: var(--textMuted); }
ul, ol { list-style: none; margin: 0; padding: 0; }
img, svg, video { display: block; vertical-align: middle; }
img, video { max-width: 100%; height: auto; }
svg { fill: none; }
body {
font-family: "Manrope", sans-serif;
color: var(--textMain);
background-color: #FFFFFF;
}
h1, h2, h3 {
font-family: "Manrope", sans-serif;
font-weight: 700;
letter-spacing: -0.02em;
}
.menu {
font-family: "Manrope", sans-serif;
font-weight: 500;
}
.btn {
font-family: "Manrope", sans-serif;
font-weight: 600;
letter-spacing: 0.04em;
}

@media (max-width: 768px) {
input[type="text"], input[type="email"], input[type="password"],
input[type="search"], input[type="tel"], input[type="number"], textarea, select {
    font-size: 16px !important;
}
}

.font-display {
font-family: "Manrope", sans-serif;
text-transform: uppercase;
letter-spacing: 0.01em;
font-weight: 300;
}
p{ line-height: 1.6; }





.btn-primary { background-color: var(--primary); color: white; transition: background 0.2s ease; }
.btn-primary:hover { background-color: var(--primary-dark); }
.btn-primary:active { transform: scale(0.98); }

#toast-container { position: fixed; bottom: 20px; right: 20px; z-index: var(--z-toast); }
.toast {
background: rgba(255, 255, 255, 0.88);
backdrop-filter: blur(20px) saturate(160%);
-webkit-backdrop-filter: blur(20px) saturate(160%);
border: 1px solid rgba(255,255,255,0.7);
box-shadow: 0 8px 32px rgba(0,0,0,0.10), 0 2px 8px rgba(0,0,0,0.06);
color: var(--textMain, #1A1A1A);
padding: 12px 20px;
border-radius: 10px;
margin-top: 10px;
opacity: 0;
transform: translateY(12px) scale(0.97);
transition: opacity 0.35s cubic-bezier(0.16,1,0.3,1), transform 0.35s cubic-bezier(0.16,1,0.3,1);
display: flex;
align-items: center;
gap: 10px;
font-size: 13px;
font-weight: 500;
}
.toast.show { opacity: 1; transform: translateY(0) scale(1); }
#fomo-toast-container {
position: fixed;
bottom: 28px;
left: 28px;
z-index: 9995;
max-width: 360px;
pointer-events: none;
}
.mr-sticky-buy-visible #fomo-toast-container { bottom: 110px; }
.fomo-toast {
display: flex;
flex-direction: row;
align-items: stretch;
background: #fff;
color: var(--textMain, #1A1A1A);
padding: 0;
border-radius: 8px;
box-shadow: 0 8px 30px rgba(0,0,0,0.16), 0 2px 8px rgba(0,0,0,0.06);
opacity: 0;
transform: translateX(-20px);
transition: opacity 0.45s cubic-bezier(0.16,1,0.3,1), transform 0.45s cubic-bezier(0.16,1,0.3,1);
pointer-events: auto;
cursor: pointer;
overflow: hidden;
position: relative;
}
.fomo-toast.show { opacity: 1; transform: translateX(0); }
.fomo-toast.hide { opacity: 0; transform: translateX(-20px); }
.fomo-toast-accent {
width: 4px;
flex-shrink: 0;
background: var(--primary, #950606);
}
.fomo-toast-img {
width: 72px;
height: 72px;
object-fit: contain;
flex-shrink: 0;
background: #f9f9f7;
padding: 6px;
align-self: center;
}
.fomo-toast-body {
flex: 1;
padding: 10px 14px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 2px;
min-width: 0;
}
.fomo-toast-verified {
font-size: 10px;
font-weight: 600;
color: var(--primary, #950606);
display: flex;
align-items: center;
gap: 3px;
letter-spacing: 0.02em;
}
.fomo-toast-product {
font-size: 13.5px;
font-weight: 700;
color: var(--textMain, #1a1a1a);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.3;
}
.fomo-toast-price {
display: flex;
align-items: baseline;
gap: 6px;
}
.fomo-price-now {
font-size: 15px;
font-weight: 800;
color: var(--primary, #950606);
}
.fomo-price-old {
font-size: 11px;
color: #aaa;
text-decoration: line-through;
}
.fomo-toast-buyer {
font-size: 11px;
color: var(--textMuted, #888);
}
.fomo-toast-buyer strong { font-weight: 600; color: #555; }
.fomo-toast-close {
position: absolute;
top: 4px;
right: 6px;
width: 18px;
height: 18px;
border: none;
background: none;
color: #bbb;
font-size: 13px;
cursor: pointer;
line-height: 1;
padding: 0;
opacity: 0;
transition: opacity .2s;
display: flex;
align-items: center;
justify-content: center;
}
.fomo-toast:hover .fomo-toast-close { opacity: 1; }
.fomo-toast-close:hover { color: #666; }

.fomo-toast-progress {
position: absolute;
bottom: 0;
left: 0;
height: 2px;
background: var(--primary, #950606);
animation: fomoProgress 5.5s linear forwards;
}
@keyframes fomoProgress { from { width: 100%; } to { width: 0; } }

@media (max-width: 768px) {
#fomo-toast-container { left: 10px; right: 10px; bottom: 20px; max-width: none; }
.mr-sticky-buy-visible #fomo-toast-container { bottom: 90px; }
.fomo-toast { border-radius: 10px 10px 0 0; box-shadow: 0 -4px 20px rgba(0,0,0,0.12); }
.fomo-toast-accent { width: 0; height: 3px; position: absolute; top: 0; left: 0; right: 0; }
.fomo-toast-img { width: 56px; height: 56px; padding: 4px; margin: 8px 0 8px 10px; border-radius: 6px; background: #f5f5f3; }
.fomo-toast-body { padding: 10px 12px; gap: 1px; }
.fomo-toast-verified { font-size: 9.5px; }
.fomo-toast-product { font-size: 12.5px; }
.fomo-price-now { font-size: 13.5px; }
.fomo-price-old { font-size: 10px; }
.fomo-toast-buyer { font-size: 10px; }
.fomo-toast-close { opacity: 1; top: 6px; right: 8px; color: #999; }
.fomo-toast-progress { top: 0; bottom: auto; border-radius: 10px 10px 0 0; }
}
@media (prefers-reduced-motion: reduce) {
.fomo-toast { transition: opacity 0.4s ease; transform: none !important; }
.fomo-toast-progress { animation: none; }
}
.trust-grid { perspective: 900px; }









@media (prefers-reduced-motion: reduce) {


}

.faq-list { display: flex; flex-direction: column; }

.faq-item {
background-color: #FFFFFF;
border: none;
border-top: 1px solid var(--borderGray);
overflow: hidden;
}
.faq-item:last-child { border-bottom: 1px solid var(--borderGray); }
.faq-item:hover { background: none; }
.faq-item > summary { list-style: none; }
.faq-item > summary::-webkit-details-marker { display: none; }
.faq-item > summary::marker { content: ""; font-size: 0; }

.faq-question {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
cursor: pointer;
font-size: 13.5px;
font-weight: 700;
color: var(--textMain);
line-height: 1.4;
transition: background-color 0.25s ease, color 0.25s ease;
-webkit-tap-highlight-color: transparent;
}
.faq-question:hover { background-color: transparent; color: var(--primary); }
.faq-item[open] > .faq-question { color: var(--primary); }

.faq-icon {
flex: none;
color: var(--primary);
transition: transform 0.35s cubic-bezier(.4,0,.2,1);
}
.faq-item[open] .faq-icon { transform: rotate(180deg); }
.faq-panel {
display: grid !important;
grid-template-rows: 0fr;
opacity: 0;
transition: grid-template-rows 0.35s cubic-bezier(.4,0,.2,1), opacity 0.3s ease;
}
.faq-item[open] > .faq-panel { grid-template-rows: 1fr; opacity: 1; }

.faq-answer {
overflow: hidden;
min-height: 0;
color: var(--textMuted);
border-top: 1px solid var(--borderGray);
}
.faq-answer p { margin: 0; }
.faq-answer strong { color: var(--textMain); }

@media (prefers-reduced-motion: reduce) {
.faq-panel, .faq-icon { transition: none !important; }
}

.reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out; }
.reveal.active { opacity: 1; transform: translateY(0); }
.glass-header {
background-color: var(--header-red-dark);
color: #FFFFFF;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.28);
}

header.glass-header { top: calc(var(--promo-bar-h, 0px) + var(--rl-banner-h, 0px)); }

.mr-desktop-nav {
display: none;
background: #ffffff;
border-top: 1px solid #f0eeeb;
border-bottom: 1px solid #f0eeeb;
}
.mr-desktop-nav__inner {
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: center;
gap: 4px;
padding: 0 16px;
}
.mr-desktop-nav__link {
color: #333;
font-size: 12.5px;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
text-decoration: none;
padding: 9px 18px;
border-radius: 2px;
transition: color 0.15s, background 0.15s;
}
.mr-desktop-nav__link:hover {
color: var(--primary);
background: rgba(149,6,6,0.05);
}
.mr-desktop-nav__link--ofertas {
color: var(--primary);
}
.mr-desktop-nav__link--ofertas:hover {
color: var(--primary-dark);
background: rgba(149,6,6,0.08);
}
@media (min-width: 769px) {
.mr-desktop-nav { display: block; }
}
#cart-counter { transition: transform 0.2s ease; }
.header-icon {
width: 22px;
height: 22px;
stroke: currentColor;
stroke-width: 1.5;
stroke-linecap: round;
stroke-linejoin: round;
fill: none;
}

#header-logo-img {
max-height: var(--header-logo-h, 32px);
width: auto;
height: auto;
filter: brightness(0) invert(1);
}
@media (max-width: 767px) {
#header-logo-img, #header-logo-text { max-width: 100%; }
}

@keyframes marqueeScroll {
from { transform: translateX(0); }
to   { transform: translateX(-50%); }
}
#marquee-track {
animation: marqueeScroll 30s linear infinite;
will-change: transform;
}
#marquee-container:hover #marquee-track { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) { #marquee-track { animation: none !important; } }
@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

@media (max-width: 768px) {
#marquee-container { padding: 8px 0; }

#marquee-container .w-4 { width: 14px; height: 14px; }
}
@media (max-width: 420px) {

}

.-top-12 { top: -3rem; }

.-translate-x-1 { transform: translateX(-0.25rem); }
.-translate-x-1\/2 { transform: translateX(-50%); }
.-translate-x-full { transform: translateX(-100%); }
.absolute { position: absolute; }
.accent-primary { accent-color: var(--primary); }

.antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.aspect-\[21\/9\] { aspect-ratio: 21 / 9; }
.aspect-\[3\/4\] { aspect-ratio: 3 / 4; }
.aspect-\[4\/3\] { aspect-ratio: 4 / 3; }
.aspect-\[4\/5\] { aspect-ratio: 4 / 5; }

.aspect-square { aspect-ratio: 1 / 1; }

.bg-\[\#111\] { background-color: var(--dark2); }
.bg-\[\#1a1a1a\] { background-color: var(--dark1); }
.bg-\[\#25D366\] { background-color: var(--whatsapp); }
.bg-\[\#D4AF37\] { background-color: var(--gold); }
.bg-\[\#F9F9F9\] { background-color: var(--offwhite); }
.bg-bgLight { background-color: var(--bgLight); }
.bg-black { background-color: var(--black); }
.bg-black\/10 { background-color: rgba(0, 0, 0, 0.1); }
.bg-black\/50 { background-color: rgba(0, 0, 0, 0.5); }
.bg-black\/60 { background-color: rgba(0, 0, 0, 0.6); }
.bg-black\/70 { background-color: rgba(0, 0, 0, 0.7); }
.bg-black\/90 { background-color: rgba(0, 0, 0, 0.9); }


.bg-footerBg { background-color: var(--footerBg); }

.footer-location {
font-family: "Manrope", sans-serif;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.25em;
color: rgba(255, 255, 255, 0.55);
}
.footer-info-link {
font-family: "Manrope", sans-serif;
font-size: 13px;
font-weight: 300;
color: rgba(255, 255, 255, 0.7);
}
.footer-info-link:hover { color: #FFFFFF; }
.bg-gray-100 { background-color: var(--gray-100); }
.bg-gray-50 { background-color: var(--gray-50); }
.bg-primary { background-color: var(--primary); }
.bg-red-50 { background-color: var(--red-50); }

.bg-textMain { background-color: var(--textMain); }

.bg-white { background-color: var(--white); }
.bg-white\/10 { background-color: rgba(255, 255, 255, 0.1); }
.bg-white\/25 { background-color: rgba(255, 255, 255, 0.25); }
.bg-white\/90 { background-color: rgba(255, 255, 255, 0.9); }
.block { display: block; }

.border { border-width: 1px; }
.border-2 { border-width: 2px; }
.border-\[\#333\] { border-color: #333333; }
.border-\[\#D4AF37\] { border-color: var(--gold); }
.border-\[\#D4AF37\]\/30 { border-color: rgba(212, 175, 55, 0.3); }
.border-b { border-bottom-width: 1px; }
.border-b-0 { border-bottom-width: 0px; }
.border-b-2 { border-bottom-width: 2px; }
.border-bgLight { border-color: var(--bgLight); }
.border-black { border-color: var(--black); }
.border-borderGray { border-color: var(--borderGray); }
.border-dashed { border-style: dashed; }

.border-gray-50 { border-color: var(--gray-50); }
.border-primary { border-color: var(--primary); }
.border-primary\/20 { border-color: rgba(200, 16, 46, 0.2); }

.border-t { border-top-width: 1px; }
.border-textMain { border-color: var(--textMain); }
.border-white\/20 { border-color: rgba(255, 255, 255, 0.2); }


.bottom-6 { bottom: 1.5rem; }




.col-span-full { grid-column: 1 / -1; }
.cursor-pointer { cursor: pointer; }
.cursor-zoom-in { cursor: zoom-in; }
.cursor-zoom-out { cursor: zoom-out; }




.duration-300 { transition-duration: 300ms; }
.duration-700 { transition-duration: 700ms; }
.ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }


.fill-primary { fill: var(--primary); }
.fixed { position: fixed; }
.flex { display: flex; }
.flex-1 { flex: 1 1 0%; }
.flex-col { flex-direction: column; }
.flex-grow { flex-grow: 1; }

.flex-row { flex-direction: row; }
.flex-shrink-0 { flex-shrink: 0; }
.flex-wrap { flex-wrap: wrap; }
.font-bold { font-weight: 700; }
.font-medium { font-weight: 500; }
.font-normal { font-weight: 400; }
.font-semibold { font-weight: 600; }


.gap-1 { gap: 0.25rem; }
.gap-1\.5 { gap: 0.375rem; }
.gap-10 { gap: 2.5rem; }



.gap-2 { gap: 0.5rem; }
.gap-2\.5 { gap: 0.625rem; }


.gap-3 { gap: 0.75rem; }
.gap-3\.5 { gap: 0.875rem; }
.gap-4 { gap: 1rem; }
.gap-5 { gap: 1.25rem; }



.gap-8 { gap: 2rem; }


.grid { display: grid; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }


.h-1 { height: 0.25rem; }
.h-1\.5 { height: 0.375rem; }
.h-10 { height: 2.5rem; }
.h-12 { height: 3rem; }
.h-14 { height: 3.5rem; }

.h-2 { height: 0.5rem; }
.h-2\.5 { height: 0.625rem; }
.h-20 { height: 5rem; }

.h-3 { height: 0.75rem; }
.h-3\.5 { height: 0.875rem; }
.h-4 { height: 1rem; }
.h-5 { height: 1.25rem; }
.h-6 { height: 1.5rem; }
.h-64 { height: 16rem; }

.h-8 { height: 2rem; }

.h-full { height: 100%; }
.h-px { height: 1px; }
.hidden{display:none!important}
.inline-block { display: inline-block; }
.inline-flex { display: inline-flex; }
.inset-0 { top: 0; right: 0; bottom: 0; left: 0; }

.items-baseline { align-items: baseline; }
.items-center { align-items: center; }

.items-start { align-items: flex-start; }
.justify-between { justify-content: space-between; }
.justify-center { justify-content: center; }
.justify-end { justify-content: flex-end; }
.leading-none { line-height: 1; }
.leading-relaxed { line-height: 1.625; }


.left-0 { left: 0; }
.left-1\/2 { left: 50%; }
.left-3 { left: 0.75rem; }
.line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
.line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.line-through { text-decoration: line-through; }

.max-h-64 { max-height: 16rem; }
.max-h-\[480px\] { max-height: 480px; }
.max-h-full { max-height: 100%; }
.max-w-\[1200px\] { max-width: 1200px; }
.max-w-\[700px\] { max-width: 700px; }
.max-w-full { max-width: 100%; }

.max-w-sm { max-width: 24rem; }
.mb-0 { margin-bottom: 0px; }
.mb-0\.5 { margin-bottom: 0.125rem; }
.mb-1 { margin-bottom: 0.25rem; }
.mb-1\.5 { margin-bottom: 0.375rem; }
.mb-10 { margin-bottom: 2.5rem; }
.mb-12 { margin-bottom: 3rem; }

.mb-16 { margin-bottom: 4rem; }
.mb-2 { margin-bottom: 0.5rem; }
.mb-2\.5 { margin-bottom: 0.625rem; }


.mb-3 { margin-bottom: 0.75rem; }
.mb-3\.5 { margin-bottom: 0.875rem; }
.mb-4 { margin-bottom: 1rem; }
.mb-5 { margin-bottom: 1.25rem; }
.mb-6 { margin-bottom: 1.5rem; }


.mb-8 { margin-bottom: 2rem; }

.min-h-\[320px\] { min-height: 320px; }
.min-h-\[560px\] { min-height: 560px; }
.min-h-\[60vh\] { min-height: 60vh; }
.min-h-screen { min-height: 100vh; }
.min-w-\[16px\] { min-width: 16px; }























.mr-1 { margin-right: 0.25rem; }
.mr-1\.5 { margin-right: 0.375rem; }




.mr-2 { margin-right: 0.5rem; }
.mr-2\.5 { margin-right: 0.625rem; }













.mt-1 { margin-top: 0.25rem; }
.mt-1\.5 { margin-top: 0.375rem; }




.mt-2 { margin-top: 0.5rem; }
.mt-2\.5 { margin-top: 0.625rem; }


.mt-3 { margin-top: 0.75rem; }
.mt-3\.5 { margin-top: 0.875rem; }
.mt-4 { margin-top: 1rem; }
.mt-5 { margin-top: 1.25rem; }



.mt-8 { margin-top: 2rem; }

.mx-auto { margin-left: auto; margin-right: auto; }
.object-center { object-position: center; }
.object-contain { object-fit: contain; }
.object-cover { object-fit: cover; }
.opacity-0 { opacity: 0; }
.opacity-100 { opacity: 1; }

.opacity-40 { opacity: 0.4; }
.opacity-50 { opacity: 0.5; }
.outline-none { outline: none; }
.overflow-auto { overflow: auto; }
.overflow-hidden { overflow: hidden; }
.overflow-x-hidden { overflow-x: hidden; }
.overflow-y-auto { overflow-y: auto; }
.p-0 { padding: 0px; }
.p-0\.5 { padding: 0.125rem; }
.p-1 { padding: 0.25rem; }
.p-1\.5 { padding: 0.375rem; }
.p-10 { padding: 2.5rem; }
.p-12 { padding: 3rem; }


.p-2 { padding: 0.5rem; }
.p-2\.5 { padding: 0.625rem; }


.p-3 { padding: 0.75rem; }
.p-3\.5 { padding: 0.875rem; }
.p-4 { padding: 1rem; }
.p-5 { padding: 1.25rem; }
.p-6 { padding: 1.5rem; }


.p-8 { padding: 2rem; }

.pb-0 { padding-bottom: 0px; }
.pb-0\.5 { padding-bottom: 0.125rem; }






.pb-2 { padding-bottom: 0.5rem; }
.pb-2\.5 { padding-bottom: 0.625rem; }




.pb-4 { padding-bottom: 1rem; }
.pb-5 { padding-bottom: 1.25rem; }
.pb-6 { padding-bottom: 1.5rem; }






.pl-1 { padding-left: 0.25rem; }
.pl-1\.5 { padding-left: 0.375rem; }
.pl-10 { padding-left: 2.5rem; }







.pl-3 { padding-left: 0.75rem; }
.pl-3\.5 { padding-left: 0.875rem; }
.pl-4 { padding-left: 1rem; }






.pointer-events-auto { pointer-events: auto; }
.pointer-events-none { pointer-events: none; }


.pr-1 { padding-right: 0.25rem; }
.pr-1\.5 { padding-right: 0.375rem; }
.pr-10 { padding-right: 2.5rem; }







.pr-3 { padding-right: 0.75rem; }
.pr-3\.5 { padding-right: 0.875rem; }






.pr-9 { padding-right: 2.25rem; }


.pt-1 { padding-top: 0.25rem; }
.pt-1\.5 { padding-top: 0.375rem; }


.pt-14 { padding-top: 3.5rem; }









.pt-6 { padding-top: 1.5rem; }






.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; }
.px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }



.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; }


.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-3\.5 { padding-left: 0.875rem; padding-right: 0.875rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }

.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }

.px-7 { padding-left: 1.75rem; padding-right: 1.75rem; }




.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }

.py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem; }
.py-16 { padding-top: 4rem; padding-bottom: 4rem; }
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }


.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
.py-3\.5 { padding-top: 0.875rem; padding-bottom: 0.875rem; }
.py-4 { padding-top: 1rem; padding-bottom: 1rem; }
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }


.py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.py-9 { padding-top: 2.25rem; padding-bottom: 2.25rem; }
.relative { position: relative; }
.right-0 { right: 0; }

.right-3 { right: 0.75rem; }
.right-4 { right: 1rem; }

.rounded-full { border-radius: 9999px; }



.rounded-sm { border-radius: 0.125rem; }
.scale-105 { transform: scale(1.05); }
.scale-110 { transform: scale(1.1); }
.scale-125 { transform: scale(1.25); }
.scale-95 { transform: scale(0.95); }
.select-none { user-select: none; -webkit-user-select: none; }
.shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25); }
.shadow-lg { box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1); }
.shadow-md { box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1); }

.shadow-sm { box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05); }

.sticky { position: sticky; }

.text-2xl { font-size: 1.5rem; line-height: 2rem; }
.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.text-4xl { font-size: 2.25rem; line-height: 2.5rem; }


.text-\[\#D4AF37\] { color: var(--gold); }
.text-\[10px\] { font-size: 10px; }
.text-\[11px\] { font-size: 11px; }
.text-\[9px\] { font-size: 9px; }
.text-base { font-size: 1rem; line-height: 1.5rem; }

.text-borderGray { color: var(--borderGray); }
.text-center { text-align: center; }
.text-gray-200 { color: var(--gray-200); }
.text-gray-300 { color: var(--gray-300); }
.text-gray-400 { color: var(--gray-400); }
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.text-primary { color: var(--primary); }
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.text-textMain { color: var(--textMain); }
.text-textMuted { color: var(--textMuted); }
.text-white { color: var(--white); }
.text-white\/80 { color: rgba(255, 255, 255, 0.8); }
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.text-xs { font-size: 0.75rem; line-height: 1rem; }

.top-0 { top: 0; }
.top-2 { top: 0.5rem; }
.top-28 { top: 7rem; }
.top-3 { top: 0.75rem; }
.top-4 { top: 1rem; }
.top-full { top: 100%; }
.tracking-\[0\.15em\] { letter-spacing: 0.15em; }
.tracking-\[0\.1em\] { letter-spacing: 0.1em; }
.tracking-\[0\.25em\] { letter-spacing: 0.25em; }
.tracking-\[0\.2em\] { letter-spacing: 0.2em; }
.tracking-\[0\.3em\] { letter-spacing: 0.3em; }
.tracking-\[0\.4em\] { letter-spacing: 0.4em; }
.tracking-tighter { letter-spacing: -0.05em; }
.tracking-wide { letter-spacing: 0.025em; }
.tracking-wider { letter-spacing: 0.05em; }
.tracking-widest { letter-spacing: 0.1em; }
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-colors { transition-property: color, background-color, border-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.translate-x-1 { transform: translateX(0.25rem); }
.translate-x-full { transform: translateX(100%); }
.translate-y-0 { transform: translateY(0px); }
.translate-y-4 { transform: translateY(1rem); }
.underline { text-decoration: underline; }
.uppercase { text-transform: uppercase; }


.w-1 { width: 0.25rem; }
.w-1\.5 { width: 0.375rem; }
.w-10 { width: 2.5rem; }
.w-12 { width: 3rem; }
.w-14 { width: 3.5rem; }

.w-2 { width: 0.5rem; }
.w-2\.5 { width: 0.625rem; }
.w-2\/4 { width: 50%; }
.w-2\/5 { width: 40%; }
.w-20 { width: 5rem; }

.w-3 { width: 0.75rem; }
.w-3\.5 { width: 0.875rem; }
.w-3\/5 { width: 60%; }
.w-4 { width: 1rem; }
.w-4\/5 { width: 80%; }
.w-5 { width: 1.25rem; }
.w-6 { width: 1.5rem; }
.w-64 { width: 16rem; }

.w-8 { width: 2rem; }

.w-\[300px\] { width: 300px; }
.w-\[350px\] { width: 350px; }
.w-\[380px\] { width: 380px; }
.w-full { width: 100%; }

.whitespace-nowrap { white-space: nowrap; }
.z-10 { z-index: 10; }
.z-20 { z-index: 20; }

.z-50 { z-index: var(--z-navbar); }
.z-\[60\] { z-index: var(--z-drawer); }
.z-\[70\] { z-index: var(--z-modal-checkout); }
.z-\[75\] { z-index: var(--z-modal-login); }
.z-\[80\] { z-index: var(--z-modal-lightbox); }
.space-y-2 > * + * { margin-top: 0.5rem; }
.space-y-3 > * + * { margin-top: 0.75rem; }

.space-y-5 > * + * { margin-top: 1.25rem; }
.bg-black.bg-opacity-50 { background-color: rgba(0, 0, 0, 0.5); }

.hover\:bg-\[\#D4AF37\]:hover { background-color: var(--gold); }
.hover\:bg-bgLight:hover { background-color: var(--bgLight); }
.hover\:bg-red-50:hover { background-color: var(--red-50); }
.hover\:bg-red-800:hover { background-color: var(--red-800); }
.hover\:bg-textMain:hover { background-color: var(--textMain); }
.hover\:bg-white:hover { background-color: var(--white); }
.hover\:bg-white\/25:hover { background-color: rgba(255, 255, 255, 0.25); }
.hover\:border-primary:hover { border-color: var(--primary); }
.hover\:scale-110:hover { transform: scale(1.1); }
.hover\:shadow-md:hover { box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1); }
.hover\:text-black:hover { color: var(--black); }
.hover\:text-primary:hover { color: var(--primary); }
.hover\:text-white:hover { color: var(--white); }
.hover\:underline:hover { text-decoration: underline; }

.focus\:border-primary:focus { border-color: var(--primary); }
.focus\:outline-none:focus { outline: none; }
.group:hover .group-hover\:-translate-x-1 { transform: translateX(-0.25rem); }
.group:hover .group-hover\:brightness-90 { filter: brightness(0.9); }
.group:hover .group-hover\:brightness-95 { filter: brightness(0.95); }
.group:hover .group-hover\:opacity-100 { opacity: 1; }
.group:hover .group-hover\:scale-105 { transform: scale(1.05); }
.group:hover .group-hover\:text-primary { color: var(--primary); }
.group:hover .group-hover\:translate-x-1 { transform: translateX(0.25rem); }
@media (min-width: 640px) {
.sm\:block { display: block; }
.sm\:flex-row { flex-direction: row; }
.sm\:rounded-l-none { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.sm\:rounded-r-none { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.sm\:w-\[350px\] { width: 350px; }
.sm\:w-\[380px\] { width: 380px; }
}
@media (min-width: 768px) {
.md\:aspect-\[21\/9\] { aspect-ratio: 21 / 9; }
.md\:aspect-auto { aspect-ratio: auto; }
.md\:flex{display:flex!important}
.md\:flex-grow-0 { flex-grow: 0; }
.md\:flex-row { flex-direction: row; }
.md\:gap-4 { gap: 1rem; }
.md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.md\:h-5 { height: 1.25rem; }
.md\:h-6 { height: 1.5rem; }
.md\:h-64 { height: 16rem; }
.md\:hidden{display:none!important}
.md\:mt-0 { margin-top: 0px; }
.md\:p-12 { padding: 3rem; }
.md\:p-14 { padding: 3.5rem; }
.md\:px-4 { padding-left: 1rem; padding-right: 1rem; }
.md\:py-20 { padding-top: 5rem; padding-bottom: 5rem; }
.md\:text-2xl { font-size: 1.5rem; line-height: 2rem; }
.md\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
.md\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.md\:text-5xl { font-size: 3rem; line-height: 1; }
.md\:text-6xl { font-size: 3.75rem; line-height: 1; }
.md\:text-\[10px\] { font-size: 10px; }
.md\:text-base { font-size: 1rem; line-height: 1.5rem; }
.md\:text-lg { font-size: 1.125rem; line-height: 1.75rem; }
.md\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.md\:text-xl { font-size: 1.25rem; line-height: 1.75rem; }
.md\:text-xs { font-size: 0.75rem; line-height: 1rem; }
.md\:w-5 { width: 1.25rem; }
.md\:w-6 { width: 1.5rem; }
}
@media (min-width: 1024px) {
.lg\:block { display: block !important; }
.lg\:inline { display: inline !important; }
.lg\:flex { display: flex; }
.lg\:flex-row { flex-direction: row; }
.lg\:gap-8 { gap: 2rem; }
.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\:h-20 { height: 5rem; }
.lg\:hidden{display:none!important}
.lg\:mb-12 { margin-bottom: 3rem; }
.lg\:min-h-\[560px\] { min-height: 560px; }
.lg\:p-12 { padding: 3rem; }
.lg\:sticky { position: sticky; }
.lg\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
.lg\:text-xs { font-size: 0.75rem; line-height: 1rem; }
.lg\:top-28 { top: 7rem; }
.lg\:w-2\/5 { width: 40%; }
.lg\:w-20 { width: 5rem; }
.lg\:w-\[280px\] { width: 280px; }
.lg\:w-3\/5 { width: 60%; }
.lg\:w-64 { width: 16rem; }
}
@media (min-width: 1280px) {
.xl\:p-16 { padding: 4rem; }
}
.product-hero {
display: flex;
flex-direction: column;
gap: 2rem;
margin-bottom: 2rem;
}
@media (min-width: 1024px) {
.product-hero { flex-direction: row; align-items: flex-start; gap: 3.5rem; }
}
.product-gallery {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
@media (min-width: 1024px) {
.product-gallery { flex-direction: row; gap: 1rem; }
}
.product-gallery-col {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
@media (min-width: 1024px) {
.product-gallery-col {
    flex: 0 0 63%;
    position: sticky;
    top: 100px;
}
}
.product-main-img-wrap {
order: 1;
position: relative;
background-color: var(--bgLight);
border-radius: 14px;
overflow: hidden;
aspect-ratio: 1 / 1;
cursor: zoom-in;
}
@media (min-width: 1024px) {
.product-main-img-wrap { order: 2; flex: 1; }
}
.product-main-img-wrap img {
width: 100%;
height: 100%;
object-fit: contain;
padding: 0.5rem;
transition: transform 0.5s ease;
}
.product-main-img-wrap:hover img { transform: scale(1.04); }

.zoom-badge {
position: absolute;
top: 1rem;
right: 1rem;
width: 2.25rem;
height: 2.25rem;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
color: var(--textMain);
pointer-events: none;
}
.zoom-badge svg { width: 1rem; height: 1rem; }

.product-thumbs {
order: 2;
display: flex;
flex-direction: row;
gap: 0.6rem;
overflow-x: auto;
}
@media (min-width: 1024px) {
.product-thumbs {
    order: 1;
    flex-direction: column;
    width: 76px;
    flex-shrink: 0;
    overflow-x: visible;
}
}

.thumb {
flex-shrink: 0;
width: 64px;
height: 64px;
border: 1px solid var(--borderGray);
border-radius: 8px;
background-color: var(--bgLight);
padding: 6px;
display: flex;
align-items: center;
justify-content: center;
transition: border-color 0.2s ease;
}
.thumb img { width: 100%; height: 100%; object-fit: contain; }
.thumb:hover { border-color: var(--primary); }
.thumb.active { border-color: var(--primary); border-width: 1.5px; }
.product-main-col {
order: 1;
display: flex;
flex-direction: column;
gap: 10px;
flex: 1;
min-width: 0;
}
.product-video-link {
display: flex;
align-items: center;
gap: 13px;
margin: 16px 0;
padding: 13px 16px;
text-decoration: none;
cursor: pointer;
border: 1px solid var(--borderGray);
border-radius: 12px;
background: #fff;
transition: border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease;
}
.product-video-link:hover {
border-color: var(--primary);
box-shadow: 0 4px 16px rgba(122, 0, 21, 0.12);
transform: translateY(-1px);
}
.product-video-link-icon {
width: 40px; height: 40px; flex-shrink: 0;
border-radius: 10px;
background: var(--bgLight);
display: flex; align-items: center; justify-content: center;
color: var(--primary);
}
.product-video-link-icon svg {
width: 22px; height: 22px; display: block;
fill: none;
stroke: currentColor;
stroke-width: 2;
}
.product-video-link-text { display: flex; flex-direction: column; line-height: 1.25; flex: 1; }
.product-video-link-title {
font-weight: 700;
font-size: 0.8rem;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--primary);
}
.product-video-link-sub {
font-size: 0.7rem;
color: var(--textMuted);
margin-top: 2px;
}
.product-video-link-arrow {
flex-shrink: 0;
color: var(--primary);
opacity: 0.45;
transition: transform 0.2s ease, opacity 0.2s ease;
}
.product-video-link:hover .product-video-link-arrow { transform: translateX(3px); opacity: 1; }
.product-info {
display: flex;
flex-direction: column;
gap: 0.95rem;
}
@media (min-width: 1024px) {
.product-info { flex: 1; padding-top: 0.25rem; }
}
.price-qty-row {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 1rem;
flex-wrap: wrap;
}

.badge-sale {
align-self: flex-start;
background-color: var(--primary);
color: #FFFFFF;
font-size: 0.65rem;
font-weight: 700;
letter-spacing: 0.15em;
text-transform: uppercase;
padding: 0.35rem 0.85rem;
border-radius: 4px;
}
.product-meta {
font-size: 0.75rem;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--textMuted);
}

.product-rating-row {
display: flex;
align-items: center;
gap: 0.5rem;
margin-top: 0.6rem;
flex-wrap: wrap;
}
.product-rating-stars { display: inline-flex; gap: 2px; flex-shrink: 0; }
.product-rating-text {
font-family: "Manrope", sans-serif;
font-size: 0.78rem;
font-weight: 600;
color: var(--textMain);
letter-spacing: 0.01em;
}

.option-group { display: flex; flex-direction: column; }
.option-label {
display: block;
font-size: 0.68rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--textMain);
margin-bottom: 0.5rem;
}
.qty-selector {
display: inline-flex;
align-items: center;
border: 1px solid var(--borderGray);
border-radius: 8px;
height: 46px;
width: fit-content;
overflow: hidden;
}
.qty-selector button {
width: 42px;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.1rem;
color: var(--textMain);
background-color: #FFFFFF;
border: none;
outline: none;
padding: 0;
margin: 0;
appearance: none;
-webkit-appearance: none;
cursor: pointer;
transition: background-color 0.15s ease;
}
.qty-selector button:hover { background-color: var(--bgLight); }
.qty-selector span {
width: 40px;
text-align: center;
font-size: 0.95rem;
font-weight: 600;
color: var(--textMain);
}
.size-guide-link {
display: inline-flex; align-items: center; gap: 6px;
font-size: 0.72rem; font-weight: 700;
text-transform: uppercase; letter-spacing: 0.06em;
color: var(--textMain);
text-decoration: underline; text-underline-offset: 3px;
cursor: pointer; width: fit-content;
transition: color 0.2s ease;
}
.size-guide-link:hover { color: var(--primary); }
.size-guide-link svg { stroke-width: 2; }


@media (min-width: 640px) {

}





.nav-ofertas {
color: var(--accent-ofertas) !important;
font-weight: 700;
letter-spacing: 0.01em;
position: relative;
padding-bottom: 2px;
}
.nav-ofertas::after {
content: "";
position: absolute;
left: 0; right: 0; bottom: -3px;
height: 2px;
background: var(--accent-ofertas);
transform: scaleX(0.7);
transform-origin: left;
transition: transform 0.2s cubic-bezier(0.16,1,0.3,1);
}
.nav-ofertas:hover::after { transform: scaleX(1); }
.nav-ofertas--mobile { width: fit-content; }
.nav-ofertas--mobile::after { display: none; }
.float-btn {
position: fixed;
z-index: var(--z-float-btn);
width: 60px;
height: 60px;
border-radius: 9999px;
background-color: #111111;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 20px 25px -5px rgba(0,0,0,0.2), 0 8px 10px -6px rgba(0,0,0,0.2);
transition: background-color 0.25s ease, color 0.25s ease, transform 0.2s ease;
}
.float-btn svg { width: 26px; height: 26px; }
.float-btn:hover { transform: translateY(-2px); }
.float-btn-whatsapp {
right: 24px;
bottom: 24px;
background-color: var(--whatsapp);
color: #FFFFFF;
box-shadow: 0 8px 24px rgba(37, 211, 102, 0.35);
}
.float-btn-whatsapp::after {
content: '';
position: absolute;
inset: 0;
border-radius: inherit;
box-shadow: 0 12px 32px rgba(37, 211, 102, 0.65);
opacity: 0;
pointer-events: none;
animation: whatsappPulse 2.5s ease-in-out infinite;
}
.float-btn-whatsapp svg {
fill: currentColor;
width: 30px;
height: 30px;
}
.float-btn-whatsapp:hover {
background-color: #1ebd5a;
color: #FFFFFF;
transform: translateY(-2px) scale(1.05);
}
.float-btn-whatsapp:hover::after { animation: none; opacity: 0; }
@keyframes whatsappPulse {
0%, 100% { opacity: 0; }
50% { opacity: 1; }
}
.float-btn-top { right: 24px; bottom: 100px; }
.float-btn-top:hover { background-color: var(--gold); color: #111111; }

@media (max-width: 768px) {
.float-btn { width: 48px; height: 48px; }
.float-btn svg { width: 20px; height: 20px; }
.float-btn-whatsapp {
    width: 56px;
    height: 56px;
    right: 14px;
    bottom: 14px;
    background-color: var(--whatsapp);
}
.float-btn-whatsapp svg { width: 28px; height: 28px; }
.float-btn-top { right: 14px; bottom: 86px; }
}
.product-badge-slot {
position: absolute;
width: 56px;
height: auto;
z-index: 10;
pointer-events: none;
}
.product-badge-slot img { width: 100%; height: auto; display: block; filter: drop-shadow(0 1px 2px rgba(0,0,0,.18)); }

.product-badge-slot.pos-tl { top: 10px; left: 10px; }
.product-badge-slot.pos-tr { top: 10px; right: 10px; }
.product-badge-slot.pos-bl { bottom: 10px; left: 10px; }
.product-badge-slot.pos-br { bottom: 10px; right: 10px; }

.product-badge-slot.on-detail.pos-tl,
.product-badge-slot.on-detail.pos-tr { top: 16px; }
.product-badge-slot.on-detail.pos-bl,
.product-badge-slot.on-detail.pos-br { bottom: 16px; }
.product-badge-slot.on-detail.pos-tl,
.product-badge-slot.on-detail.pos-bl { left: 16px; }
.product-badge-slot.on-detail.pos-tr,
.product-badge-slot.on-detail.pos-br { right: 16px; }
.auth-input {
width: 100%;
border: 1px solid var(--borderGray);
border-radius: 4px;
padding: 0.85rem 1rem;
font-size: 0.85rem;
color: var(--textMain);
background-color: #FFFFFF;
transition: border-color 0.2s ease;
}
.auth-input:focus { outline: none; border-color: var(--textMain); }


.footer-social-link {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: #FFFFFF;
border-radius: 50%;
color: var(--primary);
transition: all 0.25s ease;
}
.footer-social-link svg {
fill: var(--primary) !important;
width: 18px !important;
height: 18px !important;
display: block;
}
.footer-social-link:hover {
transform: translateY(-2px);
background-color: #1A1A1A;
}
.footer-social-link:hover svg {
fill: #FFFFFF !important;
}
.review-card {
scroll-snap-align: start;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.review-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.10); }
.rv-section { background: #fff; font-family: "Manrope", sans-serif; }
.rv-section--product { padding: 48px 0 32px; margin-top: 16px; }
 /* legacy */

/* ── Reviews Carousel ── */
.rv-carousel-wrap {
position: relative;
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 56px;
box-sizing: border-box;
}

.rv-scroll {
display: flex;
gap: 20px;
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
cursor: grab;
padding: 8px 4px 16px;
-ms-overflow-style: none;
}
.rv-scroll:active { cursor: grabbing; }
.rv-scroll::-webkit-scrollbar { display: none; }
.rv-scroll .rv-card {
scroll-snap-align: start;
flex-shrink: 0;
user-select: none;
-webkit-user-select: none;
}

/* Arrows */
.rv-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 42px; height: 42px;
border-radius: 50%;
background: #fff;
border: 1px solid #e0e0e0;
color: #333;
display: flex; align-items: center; justify-content: center;
cursor: pointer;
z-index: 3;
box-shadow: 0 2px 10px rgba(0,0,0,0.10);
transition: opacity 0.25s, box-shadow 0.2s, background 0.15s, transform 0.15s;
}
.rv-arrow:hover {
background: #f5f5f5;
box-shadow: 0 4px 16px rgba(0,0,0,0.14);
transform: translateY(-50%) scale(1.05);
}
.rv-arrow:active { transform: translateY(-50%) scale(0.96); }
.rv-arrow--left { left: 6px; }
.rv-arrow--right { right: 6px; }

@media (max-width: 768px) {
  .rv-carousel-wrap { padding: 0 44px; }
  .rv-arrow { width: 36px; height: 36px; }
  .rv-arrow--left { left: 4px; }
  .rv-arrow--right { right: 4px; }
  .rv-scroll { gap: 14px; }
}
@media (max-width: 480px) {
  .rv-carousel-wrap { padding: 0 36px; }
  .rv-arrow { width: 32px; height: 32px; }
  .rv-arrow svg { width: 16px; height: 16px; }
  .rv-arrow--left { left: 2px; }
  .rv-arrow--right { right: 2px; }
}
.rv-header { text-align: center; padding: 0 20px; margin-bottom: 32px; }
.rv-badge {
display: inline-flex; align-items: center; gap: 6px;
background: var(--primary); color: #fff;
font-size: 10px; font-weight: 700; text-transform: uppercase;
letter-spacing: 0.12em; padding: 6px 16px; border-radius: 40px;
margin-bottom: 16px; font-family: "Manrope", sans-serif;
}
.rv-badge svg { width: 14px; height: 14px; }
.rv-title {
font-family: "Manrope", sans-serif; font-weight: 800;
font-size: 28px; color: var(--textMain); margin: 0 0 8px;
letter-spacing: -0.02em;
}
@media (min-width: 768px) { .rv-title { font-size: 36px; } }
.rv-subtitle { font-size: 13px; color: var(--textMuted); margin: 0 0 16px; font-family: "Manrope", sans-serif; }
.rv-stars-row {
display: inline-flex; align-items: center; gap: 4px; margin-bottom: 12px;
}
.rv-stars-row svg { width: 20px; height: 20px; fill: var(--primary); stroke: none; }
.rv-stars-row span { font-size: 14px; font-weight: 700; color: var(--textMain); margin-left: 6px; font-family: "Manrope", sans-serif; }
.rv-write-btn {
display: inline-flex; align-items: center; gap: 6px;
font-size: 11px; font-weight: 700; text-transform: uppercase;
letter-spacing: 0.1em; color: var(--primary);
border: 1.5px solid var(--primary); padding: 8px 20px;
border-radius: 40px; transition: all 0.2s; cursor: pointer;
font-family: "Manrope", sans-serif;
}
.rv-write-btn:hover { background: var(--primary); color: #fff; }
/* rv-marquee-wrap legacy — now hidden, replaced by rv-carousel-wrap */
.rv-card {
width: 280px; flex-shrink: 0; background: #fff;
border: 1px solid var(--borderGray); border-radius: 10px;
overflow: hidden; cursor: default;
transition: transform 0.3s ease, box-shadow 0.3s ease;
font-family: "Manrope", sans-serif;
}
@media (min-width: 768px) { .rv-card { width: 300px; } }
.rv-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,0.10); }
.rv-card__img {
width: 100%; aspect-ratio: 1/1; background: var(--bgLight);
overflow: hidden; position: relative;
}
.rv-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.rv-card:hover .rv-card__img img { transform: scale(1.04); }
.rv-card__verified {
position: absolute; bottom: 8px; left: 8px;
display: flex; align-items: center; gap: 4px;
background: rgba(0,0,0,0.70); color: #fff;
font-size: 9px; font-weight: 700; text-transform: uppercase;
letter-spacing: 0.08em; padding: 4px 10px; border-radius: 40px;
backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
font-family: "Manrope", sans-serif;
}
.rv-card__verified svg { width: 12px; height: 12px; }
.rv-card__body { padding: 16px 18px 18px; }
.rv-card__stars { display: flex; gap: 2px; margin-bottom: 10px; }
.rv-card__stars svg { width: 14px; height: 14px; fill: var(--primary); stroke: none; }
.rv-card__text {
font-size: 13px; line-height: 1.55; color: var(--textMain);
margin: 0 0 14px; display: -webkit-box; -webkit-line-clamp: 3;
-webkit-box-orient: vertical; overflow: hidden;
font-style: italic; font-family: "Manrope", sans-serif;
}
.rv-card__author { display: flex; align-items: center; gap: 10px; }
.rv-card__avatar {
width: 34px; height: 34px; border-radius: 50%;
background: var(--primary); color: #fff;
display: flex; align-items: center; justify-content: center;
font-size: 13px; font-weight: 700; flex-shrink: 0;
font-family: "Manrope", sans-serif;
}
.rv-card__name { font-size: 13px; font-weight: 700; color: var(--textMain); margin: 0; font-family: "Manrope", sans-serif; }
.rv-card__city { font-size: 10px; color: var(--textMuted); text-transform: uppercase; letter-spacing: 0.08em; margin: 1px 0 0; font-family: "Manrope", sans-serif; }

#reviews-scroller::-webkit-scrollbar { height: 6px; }
#reviews-scroller::-webkit-scrollbar-track { background: transparent; }
#reviews-scroller::-webkit-scrollbar-thumb { background: #d8d4cc; border-radius: 999px; }
#reviews-scroller::-webkit-scrollbar-thumb:hover { background: var(--primary); }
.info-modal-overlay {
position: fixed; inset: 0; z-index: var(--z-modal-info);
background: rgba(10, 10, 12, 0.6);
backdrop-filter: blur(4px);
display: none; align-items: center; justify-content: center;
padding: 20px;
overflow-y: auto;
}
.info-modal-overlay.open { display: flex; }
.info-modal-card {
background: #FFFFFF;
width: 100%; max-width: 720px;
border-radius: 4px;
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.4);
max-height: 88vh;
display: flex; flex-direction: column;
overflow: hidden;
animation: infoModalSlideIn 0.3s ease-out;
}
@keyframes infoModalSlideIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.info-modal-head {
display: flex; align-items: center; justify-content: space-between;
padding: 20px 28px;
background: #1A1A1A;
color: #FFFFFF;
flex: none;
}
.info-modal-title {
font-family: "Manrope", sans-serif;
font-weight: 600;
font-size: 1.5rem;
letter-spacing: 0.04em;
margin: 0;
}
.info-modal-close {
background: transparent; border: none;
color: rgba(255, 255, 255, 0.7);
cursor: pointer; padding: 6px;
border-radius: 4px;
transition: color 0.2s, background 0.2s;
}
.info-modal-close:hover { color: #FFFFFF; background: rgba(255, 255, 255, 0.1); }
.info-modal-body {
padding: 28px 32px;
overflow-y: auto;
color: #1A1A1A;
font-size: 0.92rem;
line-height: 1.7;
}
.info-modal-body h4 {
font-weight: 700;
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--primary);
margin-top: 1.6rem;
margin-bottom: 0.6rem;
}
.info-modal-body h4:first-child { margin-top: 0; }
.info-modal-body p { margin-bottom: 0.95rem; color: #1A1A1A; }
.info-modal-body ul {
list-style: disc;
padding-left: 1.4rem;
margin: 0.6rem 0 1.1rem;
color: #1A1A1A;
}
.info-modal-body li { margin-bottom: 0.4rem; }
.info-modal-body strong { font-weight: 700; color: #1A1A1A; }
.info-modal-body a {
color: var(--primary);
text-decoration: underline;
text-underline-offset: 2px;
}
@media (max-width: 640px) {
.info-modal-head { padding: 16px 20px; }
.info-modal-title { font-size: 1.3rem; }
.info-modal-body { padding: 22px 22px; font-size: 0.88rem; }
}

.welcome-modal-overlay.open { display: flex; }




@keyframes welcomeModalIn {
from { opacity: 0; transform: translateY(20px) scale(0.97); }
to   { opacity: 1; transform: translateY(0) scale(1); }
}
























.welcome-modal-error.show { display: block; }
@media (max-width: 480px) {



}
.promo-top-bar {
display: none;
position: sticky; top: 0; z-index: var(--z-promo-bar, 58);
width: 100%;
background: rgba(255, 255, 255, 0.96);
backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
border-bottom: 1px solid var(--borderGray);
}
.promo-top-bar.show { display: block; }











.promo-top-bar-cta {
display: inline-flex; align-items: center; gap: 5px; flex: none;
background: var(--primary); color: #FFFFFF; border: none; border-radius: 999px;
padding: 7px 14px; font-family: "Manrope", sans-serif; font-size: 10.5px; font-weight: 700;
letter-spacing: 0.05em; text-transform: uppercase; cursor: pointer;
transition: background 0.2s, transform 0.15s; margin-left: 4px;
}
.promo-top-bar-cta:hover { background: var(--primary-dark); }
.promo-top-bar-cta:active { background: var(--primary-dark); }
.promo-top-bar-cta.is-claimed { background: var(--bgLight); color: var(--textMuted); border: 1px solid var(--borderGray); cursor: default; }
.promo-top-bar-cta.is-claimed:hover { background: var(--bgLight); }
.promo-top-bar-cta:disabled { pointer-events: none; }
@media (max-width: 640px) {








.promo-top-bar-cta { padding: 6px 10px; font-size: 9.5px; margin-left: 2px; }
}
@media (max-width: 380px) {



.promo-top-bar-cta { padding: 5px 8px; }
}
@media (max-width: 330px) {


}
button.footer-info-link {
background: none; border: none; padding: 0;
font: inherit; text-align: left;
cursor: pointer; color: inherit;
}
.catalog-count-text {
font-family: "Manrope", sans-serif;
font-size: 13px;
font-weight: 400;
color: #6b7280;
text-transform: none;
letter-spacing: normal;
}
.border-0 { border-width: 0; }
.top-1\/2 { top: 50%; }
.-translate-y-1\/2 { transform: translateY(-50%); }
.appearance-none { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
select.appearance-none::-ms-expand { display: none; }
.z-30{z-index:30}.z-\[85\]{z-index:var(--z-modal-auth)}.z-\[88\]{z-index:var(--z-modal-review)}.z-\[89\]{z-index:var(--z-modal-sizeguide)}.mx-2{margin-left:.5rem;margin-right:.5rem}.inline{display:inline}.h-\[18px\]{height:18px}.w-56{width:14rem}.w-\[180px\]{width:180px}.w-\[18px\]{width:18px}.min-w-\[200px\]{min-width:200px}.max-w-4xl{max-width:56rem}.max-w-lg{max-width:32rem}.flex-none{flex:none}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.transform{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))}.cursor-not-allowed{cursor:not-allowed}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border-green-100{--tw-border-opacity:1;border-color:rgb(220 252 231/var(--tw-border-opacity,1))}.border-primary\/15{border-color:rgba(194,0,14,.15)}.border-white\/15{border-color:hsla(0,0%,100%,.15)}.bg-black\/80{background-color:rgba(0,0,0,.8)}.bg-borderGray{--tw-bg-opacity:1;background-color:rgb(229 229 229/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-primary\/5{background-color:rgba(194,0,14,.05)}.text-left{text-align:left}.text-right{text-align:right}.italic{font-style:italic}.tracking-tight{letter-spacing:-.025em}.text-gold\/30{color:rgba(194,0,14,.3)}.text-gray-200\/70{color:rgba(229,231,235,.7)}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-white\/50{color:hsla(0,0%,100%,.5)}.text-white\/90{color:hsla(0,0%,100%,.9)}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.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}.last\:border-0:last-child{border-width:0}.hover\:border-textMain:hover{--tw-border-opacity:1;border-color:rgb(26 26 26/var(--tw-border-opacity,1))}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.hover\:bg-primary:hover{--tw-bg-opacity:1;background-color:rgb(122 0 21/var(--tw-bg-opacity,1))}.hover\:bg-primary-dark:hover{--tw-bg-opacity:1;background-color:rgb(92 0 16/var(--tw-bg-opacity,1))}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--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)}.group:hover .group-hover\:scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02;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\:gap-2\.5{gap:.625rem}@media (min-width:640px){.sm\:inline{display:inline!important}.sm\:hidden{display:none!important}.sm\:w-\[200px\]{width:200px}.sm\:text-\[10px\]{font-size:10px}}@media (min-width:768px){.md\:mb-10{margin-bottom:2.5rem}.md\:mb-14{margin-bottom:3.5rem}.md\:block{display:block!important}.md\:inline-flex{display:inline-flex!important}.md\:h-3\.5{height:.875rem}.md\:w-1\/2{width:50%}.md\:w-11{width:2.75rem}.md\:w-3\.5{width:.875rem}.md\:w-\[220px\]{width:220px}.md\:justify-center{justify-content:center}.md\:gap-2{gap:.5rem}.md\:gap-5{gap:1.25rem}.md\:bg-black\/30{background-color:rgba(0,0,0,.3)}.md\:p-4{padding:1rem}.md\:p-5{padding:1.25rem}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.md\:py-16{padding-top:4rem;padding-bottom:4rem}.md\:py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.md\:text-\[11px\]{font-size:11px}.md\:tracking-\[0\.15em\]{letter-spacing:.15em}.md\:tracking-\[0\.2em\]{letter-spacing:.2em}.md\:text-white\/90{color:hsla(0,0%,100%,.9)}}@media (min-width:1024px){.lg\:w-\[240px\]{width:240px}}
.mb-1\.5{margin-bottom:.375rem}.h-3\.5{height:.875rem}.max-h-\[70vh\]{max-height:70vh}.max-h-\[92vh\]{max-height:92vh}.w-3\.5{width:.875rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.text-\[11px\]{font-size:11px}@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:py-16{padding-top:4rem;padding-bottom:4rem}}

.store-chip { background:#fff; border-color: var(--borderGray); color: var(--textMuted); cursor:pointer; }
.store-chip:hover { border-color: var(--primary); color: var(--primary); }
.store-chip.is-active { background: var(--primary); border-color: var(--primary); color:#fff; }
.max-w-2xl{max-width:42rem}@media (min-width:640px){.sm\:border-b-0{border-bottom-width:0}.sm\:border-r{border-right-width:1px}}


.ig-reel-card .line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.z-\[90\]{z-index:var(--z-modal-welcome)}

.z-\[78\]{z-index:var(--z-modal-quickview)}

@keyframes skeleton-pulse { 0%,100% { opacity: .06; } 50% { opacity: .12; } }
.skeleton-card { background: #fff; border-radius: 2px; overflow: hidden; }
.skeleton-img { width: 100%; aspect-ratio: 4/5; background: var(--borderGray); animation: skeleton-pulse 1.5s ease-in-out infinite; }
.skeleton-line { height: 12px; margin: 12px 10px 0; border-radius: 4px; background: var(--borderGray); animation: skeleton-pulse 1.5s ease-in-out infinite; }



.home-section { padding: 3.5rem 0; border-top: 1px solid var(--borderGray); }
.home-section:first-of-type { border-top: none; }

.home-section-header {
display: flex; align-items: flex-end; justify-content: space-between;
padding: 0 1rem 1.25rem; margin-bottom: 1.75rem; gap: 1rem;
border-bottom: 1px solid var(--borderGray);
}
@media (min-width: 768px) { .home-section-header { padding: 0 1.5rem 1.25rem; } }

.home-section-title-block { display: flex; flex-direction: column; gap: 0.2rem; }

.home-section-title {
font-family: "Manrope", sans-serif;
font-size: clamp(1.5rem, 3vw, 2.35rem); font-weight: 300;
color: var(--textMain); line-height: 1.1; letter-spacing: 0.01em; text-transform: uppercase;
}
.home-section-cta {
font-family: "Manrope", sans-serif; font-size: 10px; font-weight: 700;
letter-spacing: 0.2em; text-transform: uppercase; color: var(--textMain);
display: inline-flex; align-items: center; gap: 0.4rem; white-space: nowrap;
border-bottom: 1px solid var(--textMain); padding-bottom: 1px;
transition: color 0.2s ease, border-color 0.2s ease; cursor: pointer; flex-shrink: 0;
background: none; border-top: none; border-left: none; border-right: none;
align-self: flex-end; margin-bottom: 0.1rem;
}
.home-section-cta:hover { color: var(--primary); border-bottom-color: var(--primary); }
.home-section-cta svg { width: 12px; height: 12px; stroke: currentColor; stroke-width: 2.5; fill: none; flex-shrink: 0; }
.home-section-scroll {
display: flex; gap: 0.75rem; overflow-x: auto;
scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch;
scroll-padding-left: 1rem;
overscroll-behavior-x: contain;
scrollbar-width: none; padding: 0 1rem 0.5rem;
}
.home-section-scroll::-webkit-scrollbar { display: none; }
@media (min-width: 768px) { .home-section-scroll { gap: 1.25rem; padding: 0 1.5rem 0.5rem; scroll-padding-left: 1.5rem; } }

.home-section-scroll .product-card-wrap {
flex: 0 0 calc(50% - 0.375rem); scroll-snap-align: start;
}
@media (min-width: 640px) { .home-section-scroll .product-card-wrap { flex: 0 0 calc(33.333% - 0.5rem); } }
@media (min-width: 1024px) { .home-section-scroll .product-card-wrap { flex: 0 0 calc(25% - 0.9375rem); } }
.home-section-scroll-wrap { position: relative; }
.home-section-fade {
position: absolute; top: 0; right: 0; bottom: 0.5rem; width: 36px;
background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.95) 70%);
pointer-events: none;
transition: opacity 0.25s ease;
}
.home-section-scroll-wrap.is-end .home-section-fade { opacity: 0; }
@media (min-width: 768px) { .home-section-fade { width: 56px; } }
.home-hero-full-bleed {
--home-gap: clamp(8px, 1.6vw, 28px);
width: 100%;
padding: 0 clamp(12px, 3vw, 64px);
box-sizing: border-box;
}

@media (min-width: 480px)  {  }
@media (min-width: 768px)  {  }
@media (min-width: 1024px) {  }
@media (min-width: 1440px) {  }

@media (min-width: 480px)  {  }
@media (min-width: 768px)  {  }
@media (min-width: 1024px) {  }
@media (min-width: 1440px) {  }
@media (max-width: 767px)  {  }


.hero-slide-scrim {
position: absolute; inset: 0;
background: linear-gradient(to top, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0.3) 42%, rgba(0, 0, 0, 0) 74%);
}
.hero-slide-content {
position: absolute; inset: 0;
display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end;
padding: 28px 28px 32px;
}
.hero-slide-eyebrow {
font-family: "Manrope", sans-serif; font-size: 11.5px; font-weight: 600;
letter-spacing: 0.28em; text-transform: uppercase; color: rgba(255, 255, 255, 0.85);
margin: 0 0 10px;
}
.hero-slide-title {
font-family: "Manrope", sans-serif; font-weight: 300; color: #FFFFFF;
font-size: clamp(1.7rem, 4vw, 3.25rem); line-height: 1.1; letter-spacing: 0.01em;
text-transform: uppercase; margin: 0 0 22px; max-width: 720px;
}
.hero-slide-cta {
display: inline-flex; align-items: center;
background: transparent; border: 1px solid rgba(255, 255, 255, 0.8); color: #FFFFFF;
font-family: "Manrope", sans-serif; font-size: 11px; font-weight: 600;
letter-spacing: 0.14em; text-transform: uppercase;
padding: 13px 24px; cursor: pointer; transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.hero-slide-cta:hover { background: #FFFFFF; color: #111111; }
@media (max-width: 767px) {
.hero-slide-content { padding: 18px 18px 22px; }
.hero-slide-eyebrow { font-size: 9.5px; letter-spacing: 0.22em; margin-bottom: 7px; }
.hero-slide-title { font-size: clamp(1.25rem, 6vw, 1.85rem); margin-bottom: 16px; }
.hero-slide-cta { padding: 10px 18px; font-size: 10px; }
}


.home-showcase-side .collection-card {
aspect-ratio: auto;
flex: 1 1 0;
min-height: 0;
}
@media (max-width: 767px) {



.home-showcase-side .collection-card {
aspect-ratio: 3 / 4;
flex: none;
min-height: 0;
}

.home-showcase-side .collection-card-overlay { padding: 0.85rem; }
.home-showcase-side .collection-card-label { font-size: 0.95rem; }
.home-showcase-side .collection-card-sub { font-size: 9px; letter-spacing: 0.12em; }
.home-showcase-side .collection-card-btn {
margin-top: 0.55rem;
padding: 0.4rem 0.65rem;
font-size: 9px;
letter-spacing: 0.06em;
gap: 0.3rem;
white-space: nowrap;
}
.home-showcase-side .collection-card-btn svg { width: 10px; height: 10px; }
}
.collection-cards-row {
display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; padding: 0 1rem;
}
@media (min-width: 768px) { .collection-cards-row { grid-template-columns: repeat(3, 1fr); gap: 1.25rem; padding: 0 1.5rem; } }

.collection-card {
position: relative; aspect-ratio: 3/4; overflow: hidden;
cursor: pointer; background: var(--bgLight); border: 1px solid var(--borderGray);
}
.collection-card:hover img { transform: scale(1.05); }
.collection-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; display: block; }
.collection-card-overlay {
position: absolute; inset: 0;
background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, transparent 55%);
display: flex; flex-direction: column; justify-content: flex-end; padding: 1.25rem;
}
.collection-card-label { font-family: "Manrope", sans-serif; font-size: 1.125rem; font-weight: 700; color: #fff; line-height: 1.1; letter-spacing: -0.01em; }
.collection-card-sub { font-family: "Manrope", sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase; color: rgba(255,255,255,0.7); margin-top: 0.2rem; }
.collection-card-arrow {
width: 30px; height: 30px; background: #fff; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
margin-top: 0.65rem; color: var(--textMain); flex-shrink: 0;
transition: background 0.2s ease, color 0.2s ease;
}
.collection-card-arrow svg { width: 13px; height: 13px; stroke: currentColor; stroke-width: 2.5; fill: none; }
.collection-card:hover .collection-card-arrow { background: var(--primary); color: #fff; }
.collection-card-btn {
display: inline-flex; align-items: center; gap: 0.5rem;
margin-top: 0.75rem; width: fit-content;
padding: 0.55rem 1.1rem;
background: transparent; border: 1.5px solid #fff; color: #fff;
font-family: "Manrope", sans-serif; font-size: 10px; font-weight: 700;
letter-spacing: 0.2em; text-transform: uppercase;
cursor: pointer; transition: background 0.25s ease, color 0.25s ease;
}
.collection-card-btn svg { width: 12px; height: 12px; stroke: currentColor; transition: transform 0.25s ease; }
.collection-card-btn:hover { background: #fff; color: var(--textMain); }
.collection-card-btn:hover svg { transform: translateX(3px); }
.value-banner {
background: var(--primary); padding: 2.5rem 1.5rem;
display: flex; flex-direction: column; align-items: center; text-align: center;
gap: 1rem; position: relative; overflow: hidden; margin: 0.5rem 0;
}
@media (min-width: 768px) { .value-banner { flex-direction: row; text-align: left; gap: 2rem; padding: 2.5rem 3rem; } }
.value-banner-headline {
font-family: "Manrope", sans-serif;
font-size: clamp(1.25rem, 2.5vw, 1.875rem); font-weight: 700; color: #fff; line-height: 1.1; letter-spacing: -0.025em; flex: 1;
}
.value-banner-cta {
font-family: "Manrope", sans-serif; font-size: 11px; font-weight: 700;
letter-spacing: 0.2em; text-transform: uppercase; background: #fff;
color: var(--primary); padding: 0.85rem 2rem; white-space: nowrap;
transition: background 0.2s ease, color 0.2s ease; cursor: pointer; display: inline-block;
border: none;
}
.value-banner-cta:hover { background: var(--textMain); color: #fff; }
.split-category-banner {
display: grid;
grid-template-columns: 1fr;
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
@media (min-width: 768px) {
.split-category-banner { grid-template-columns: 1fr 1fr; }
}

.split-category-col {
position: relative;
display: flex;
align-items: flex-end;
overflow: hidden;
cursor: pointer;
height: clamp(380px, 82vw, 520px);
background: var(--textMain);
}
@media (min-width: 768px) {
.split-category-col { height: clamp(480px, 46vw, 640px); }
}

.split-category-col img {
position: absolute; inset: 0; width: 100%; height: 100%;
object-fit: cover; object-position: center;
transition: transform 0.7s ease;
}
.split-category-col:hover img { transform: scale(1.045); }
.split-category-col--men::after {
content: "";
position: absolute; inset: 0;
background: linear-gradient(180deg, rgba(10,10,10,0.10) 0%, rgba(8,8,8,0.55) 55%, rgba(5,5,5,0.85) 100%);
}
.split-category-col--women::after {
content: "";
position: absolute; inset: 0;
background: linear-gradient(180deg, rgba(30,15,15,0.05) 0%, rgba(35,18,18,0.45) 55%, rgba(60,25,25,0.78) 100%);
}

.split-category-content {
position: relative; z-index: 2;
width: 100%;
padding: 2rem 1.5rem 2.25rem;
}
@media (min-width: 768px) {
.split-category-content { padding: 3rem 3.25rem; max-width: 460px; }
}

.split-category-eyebrow {
font-family: "Manrope", sans-serif; font-size: 10px; font-weight: 700;
letter-spacing: 0.3em; text-transform: uppercase; color: rgba(255,255,255,0.85);
display: block; margin-bottom: 0.6rem;
}
.split-category-title {
font-family: "Manrope", sans-serif;
font-size: clamp(1.75rem, 4vw, 2.5rem); font-weight: 700;
color: #fff; line-height: 1.05; letter-spacing: -0.03em; margin-bottom: 0.55rem;
}
.split-category-sub {
font-family: "Manrope", sans-serif; font-size: 12.5px; font-weight: 500;
color: rgba(255,255,255,0.82); letter-spacing: 0.02em; line-height: 1.4;
margin-bottom: 1.5rem;
}
.split-category-cta {
font-family: "Manrope", sans-serif; font-size: 11px; font-weight: 700;
letter-spacing: 0.2em; text-transform: uppercase;
padding: 0.9rem 2.1rem; border: none; cursor: pointer;
display: inline-flex; align-items: center; gap: 0.5rem;
transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.split-category-cta svg { width: 12px; height: 12px; stroke: currentColor; stroke-width: 2.5; fill: none; flex-shrink: 0; }
.split-category-cta:hover { transform: translateX(3px); }




.fcol-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2px;
background: var(--borderGray);
}
@media (min-width: 1024px) {
.fcol-grid { grid-template-columns: repeat(4, 1fr); }
}

.fcol-tile {
position: relative;
aspect-ratio: 3 / 4;
overflow: hidden;
cursor: pointer;
background: var(--textMain);
display: flex;
align-items: flex-end;
}

.fcol-tile img {
position: absolute; inset: 0; width: 100%; height: 100%;
object-fit: cover; object-position: center;
transition: transform 0.6s ease;
}
.fcol-tile:hover img { transform: scale(1.06); }

.fcol-tile::after {
content: "";
position: absolute; inset: 0;
}









.fcol-tile__content {
position: relative; z-index: 2;
width: 100%;
padding: 1.1rem 1rem 1.3rem;
}
@media (min-width: 1024px) {
.fcol-tile__content { padding: 1.75rem 1.5rem 2rem; }
}

.fcol-tile__eyebrow {
font-family: "Manrope", sans-serif; font-size: 9px; font-weight: 700;
letter-spacing: 0.24em; text-transform: uppercase; color: rgba(255,255,255,0.75);
display: block; margin-bottom: 0.35rem;
}
.fcol-tile__title {
font-family: "Manrope", sans-serif;
font-size: clamp(1.15rem, 2.4vw, 1.6rem); font-weight: 300; text-transform: uppercase;
color: #fff; letter-spacing: 0.02em; margin-bottom: 0.8rem; line-height: 1.1;
}
.fcol-tile__cta {
font-family: "Manrope", sans-serif; font-size: 10px; font-weight: 700;
letter-spacing: 0.16em; text-transform: uppercase;
padding: 0.65rem 1.1rem; border: none; cursor: pointer;
display: inline-flex; align-items: center; gap: 0.4rem;
transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.fcol-tile__cta svg { width: 10px; height: 10px; stroke: currentColor; stroke-width: 2.5; fill: none; flex-shrink: 0; }
.fcol-tile__cta:hover { transform: translateX(3px); }

.fcol-tile--men .fcol-tile__cta { background: #fff; color: var(--textMain); }
.fcol-tile--men .fcol-tile__cta:hover { background: var(--primary); color: #fff; }

.fcol-tile--women .fcol-tile__cta { background: #C9A17A; color: #2a1a12; }
.fcol-tile--women .fcol-tile__cta:hover { background: #fff; color: #2a1a12; }

.fcol-tile--jewelry .fcol-tile__cta { background: #C9A84C; color: #241b06; }
.fcol-tile--jewelry .fcol-tile__cta:hover { background: #fff; color: #241b06; }

.fcol-tile--offers .fcol-tile__cta { background: var(--primary); color: #fff; }
.fcol-tile--offers .fcol-tile__cta:hover { background: #fff; color: var(--primary); }

@media (prefers-reduced-motion: reduce) {
.fcol-tile img, .fcol-tile__cta { transition: none !important; }
}
.trust-v2-section {
background: var(--primary); padding: 4rem 0; position: relative; overflow: hidden;
}
.trust-v2-section::before {
content: ""; position: absolute; inset: 0;
background: radial-gradient(ellipse 60% 40% at 50% 0%, rgba(255,255,255,0.07) 0%, transparent 70%),
    radial-gradient(ellipse 40% 50% at 80% 100%, rgba(0,0,0,0.12) 0%, transparent 60%);
pointer-events: none;
}







@media (min-width: 768px) {  }














@media (min-width: 768px) {  }



.product-main-img-wrap { box-shadow: none !important; }
.product-features-band {
padding: 1.5rem 0;
background: var(--bgLight);
}

.pf-card {
background: #FFFFFF;
border: 1px solid var(--borderGray);
border-radius: 4px;
padding: 2rem 1.75rem;
}
.pf-band-title {
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--textMain);
padding-bottom: 1rem;
margin-bottom: 1.75rem;
border-bottom: 1px solid var(--borderGray);
}
.pf-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem 1.5rem;
justify-content: center;
}
@media (min-width: 480px) {
.pf-grid { grid-template-columns: repeat(2, max-content); gap: 1.5rem 2.5rem; }
}
@media (min-width: 1024px) {
.pf-grid { grid-template-columns: repeat(4, max-content); }
}

.pf-item {
display: flex;
align-items: center;
gap: 0.85rem;
}
.pf-item-icon {
width: 62px;
height: 62px;
flex-shrink: 0;
transition: transform 0.25s ease;
}
@media (max-width: 479px) {
.pf-item-icon { width: 40px; height: 40px; }
.pf-item-title { font-size: 0.6rem; }
.pf-item-text { font-size: 0.68rem; }
.pf-card { padding: 1.25rem 1rem; }
.pf-item-text-wrap { white-space: normal; }
.pf-item { min-width: 0; flex-direction: column; text-align: center; gap: 0.4rem; }
.pf-item-text-wrap { align-items: center; }
.pf-grid { gap: 1.25rem 1rem; }
}
.pf-item:hover .pf-item-icon { transform: scale(1.06); }
.pf-item-icon svg, .pf-item-icon img { width: 100%; height: 100%; object-fit: contain; }
.pf-item-text-wrap {
display: flex;
flex-direction: column;
justify-content: center;
gap: 0.15rem;
white-space: nowrap;
}
.pf-item-title {
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--textMain);
line-height: 1.3;
}
.pf-item-text {
font-size: 0.78rem;
color: var(--textMuted);
}
@media (max-width: 640px) {
.home-section { padding: 2rem 0; }
.home-section-header { padding: 0 1rem; }
.home-section-scroll { padding: 0 1rem 0.5rem; }
.collection-cards-row { padding: 0 0.75rem; gap: 0.5rem; }
.trust-v2-section { padding: 2.5rem 0; }

}
@media (prefers-reduced-motion: reduce) {
.collection-card img, .collection-card-arrow{ transition: none !important; }
}
.mr-pcard {
display: flex;
flex-direction: column;
cursor: default;
}
.mr-pcard__img {
position: relative;
overflow: hidden;
background: var(--bgLight);
aspect-ratio: 4 / 5;
margin-bottom: 0.875rem;
cursor: pointer;
}
.mr-pcard__img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.4s ease;
}
.mr-pcard__img img[loading="lazy"] {
opacity: 0;
}
.mr-pcard__img img.mr-loaded,
.mr-pcard__img img[loading="eager"] {
opacity: 1;
}
.mr-pcard:hover .mr-pcard__img img { transform: scale(1.04); }

.mr-pcard__qv {
position: absolute;
top: 0.625rem;
right: 0.625rem;
width: 2rem;
height: 2rem;
border-radius: 50%;
background: #fff;
border: 1px solid var(--borderGray);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.2s;
color: var(--textMain);
cursor: pointer;
box-shadow: 0 1px 4px rgba(0,0,0,0.08);
}
.mr-pcard:hover .mr-pcard__qv { opacity: 1; }
.mr-pcard__qv:hover { color: var(--primary); border-color: var(--primary); }

.mr-pcard__body {
flex: 1;
cursor: pointer;
padding-bottom: 0.875rem;
}
.mr-pcard__brand {
font-size: 0.5625rem;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
color: var(--textMuted);
margin-bottom: 0.3rem;
}
.mr-pcard__name {
font-size: 0.8125rem;
font-weight: 600;
color: var(--textMain);
line-height: 1.35;
margin-bottom: 0.25rem;
letter-spacing: 0;

display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: calc(0.8125rem * 1.35 * 2);
}







.mr-pcard__foot {
display: flex;
flex-direction: column;
gap: 0.6rem;
padding-top: 0.75rem;
border-top: 1px solid var(--borderGray);
}

.mr-pcard__price {
display: flex;
flex-direction: column;
gap: 0.15rem;
min-width: 0;
}
.mr-price-old {
font-size: 0.6875rem;
font-weight: 400;
color: var(--textMuted);
text-decoration: line-through;
}
.mr-price-now {
font-size: 1rem;
font-weight: 700;
color: var(--primary);
letter-spacing: -0.02em;
}
.mr-price-now--single { color: var(--textMain); }





.mr-pcard__icon-btn.is-fav { border-color: var(--primary); color: var(--primary); }

.mr-pcard__buy {
display: flex;
align-items: center;
justify-content: center;
gap: 0.4rem;
width: 100%;
font-size: 0.6875rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #FFFFFF;
background: var(--header-red-dark);
border: none;
padding: 0.65rem 0.5rem;
border-radius: 2px;
cursor: pointer;
white-space: nowrap;
transition: background-color 0.2s ease, transform 0.15s ease;
}
.mr-pcard__buy svg, .mr-pcard__buy i { width: 13px; height: 13px; flex-shrink: 0; pointer-events: none; }
.mr-pcard__buy:hover { background-color: var(--primary-dark); }
.mr-pcard__buy:active { transform: scale(0.97); }

.mr-pcard__stock-oos {
flex: 1;
display: flex;
align-items: center;
font-size: 0.5625rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #6F6F6F;
}
.mr-cart-list { display: flex; flex-direction: column; }

.mr-cart-item {
display: flex;
gap: 0.875rem;
padding: 1rem 0;
border-bottom: 1px solid var(--borderGray);
}
.mr-cart-item:first-child { padding-top: 0; }

.mr-cart-item__img {
width: 4rem;
height: 5rem;
flex-shrink: 0;
background: var(--bgLight);
overflow: hidden;
}
.mr-cart-item__img img { width: 100%; height: 100%; object-fit: cover; display: block; }

.mr-cart-item__body {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
min-width: 0;
gap: 0.5rem;
}
.mr-cart-item__top {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 0.5rem;
}
.mr-cart-item__brand {
font-size: 0.5625rem;
font-weight: 700;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--textMuted);
margin-bottom: 0.2rem;
}
.mr-cart-item__name {
font-size: 0.75rem;
font-weight: 600;
color: var(--textMain);
line-height: 1.3;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.mr-cart-item__remove {
flex-shrink: 0;
width: 1.5rem;
height: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
background: none;
border: none;
cursor: pointer;
color: var(--textMuted);
transition: color 0.15s;
margin-top: -0.125rem;
}
.mr-cart-item__remove:hover { color: var(--primary); }

.mr-cart-price { display: flex; align-items: baseline; gap: 0.375rem; }

.mr-cart-item__bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
}
.mr-cart-qty {
display: flex;
align-items: center;
border: 1px solid var(--borderGray);
}
.mr-cart-qty button {
width: 1.75rem;
height: 1.75rem;
display: flex;
align-items: center;
justify-content: center;
background: none;
border: none;
cursor: pointer;
font-size: 0.875rem;
font-weight: 500;
color: var(--textMain);
transition: background 0.15s, color 0.15s;
line-height: 1;
}
.mr-cart-qty button:hover { background: var(--bgLight); color: var(--primary); }
.mr-cart-qty span {
font-size: 0.8125rem;
font-weight: 700;
color: var(--textMain);
min-width: 1.75rem;
text-align: center;
padding: 0 0.25rem;
border-left: 1px solid var(--borderGray);
border-right: 1px solid var(--borderGray);
line-height: 1.75rem;
}






@media (max-width: 640px) {


}
@media (max-width: 380px) {



}
.price-block {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.price-row { display: flex; align-items: baseline; gap: 0.75rem; flex-wrap: wrap; }
.price-current {
font-family: "Manrope", sans-serif;
font-size: 1.85rem;
font-weight: 700;
color: var(--textMain);
letter-spacing: -0.03em;
line-height: 1;
}
.price-old {
font-size: 0.95rem;
font-weight: 500;
color: var(--textMuted);
text-decoration: line-through;
opacity: 0.7;
}
.price-discount-badge {
display: inline-flex;
align-items: center;
gap: 0.25rem;
background: var(--primary);
color: #fff;
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.04em;
padding: 0.2rem 0.5rem;
border-radius: 2px;
line-height: 1;
text-transform: uppercase;
vertical-align: middle;
}
.savings-text {
display: none;
}
.product-title {
font-family: "Manrope", sans-serif;
font-size: clamp(1.65rem, 2.8vw, 2.5rem);
font-weight: 700;
color: var(--textMain);
line-height: 1.15;
letter-spacing: -0.02em;
text-transform: none;
margin-bottom: 0.5rem;
}
footer.bg-footerBg,
footer[style*="background"] {
background-color: var(--footerBg) !important;
}
@media (prefers-reduced-motion: reduce) {
.mr-pcard__img img { transition: none !important; }
.mr-pcard__qv { transition: none !important; }
.mr-pcard__buy, .mr-cart-qty button{ transition: none !important; }
}
.sps {
padding: 1.6rem 0;
border-bottom: 1px solid var(--borderGray);
opacity: 0;
transform: translateY(8px);
}
.sps.is-in {
animation: spsRise 0.6s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
@keyframes spsRise {
to { opacity: 1; transform: translateY(0); }
}
.sps__inner {
max-width: 1100px;
margin: 0 auto;
padding: 0 1.5rem;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
row-gap: 0.9rem;
column-gap: 2.75rem;
}
.sps__rating {
display: flex;
align-items: center;
gap: 0.65rem;
flex-wrap: wrap;
justify-content: center;
}
.sps__stars {
display: flex;
gap: 3px;
}
.sps__star {
width: 22px;
height: 22px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.sps__star svg {
width: 100%;
height: 100%;
fill: var(--primary);
filter: drop-shadow(0 1px 1px rgba(26,26,26,0.12));
}
.sps__score {
font-family: "Manrope", sans-serif;
font-size: 0.9rem;
font-weight: 700;
color: var(--textMain);
}
.sps__dot {
color: var(--borderGray);
font-size: 0.85rem;
}
.sps__reviews {
font-family: "Manrope", sans-serif;
font-size: 0.8rem;
font-weight: 500;
color: var(--textMuted);
white-space: nowrap;
}
.sps__customers {
display: flex;
align-items: center;
gap: 0.7rem;
}
.sps__avatars {
display: flex;
flex-shrink: 0;
}
.sps__avatar {
width: 32px;
height: 32px;
border-radius: 50%;
object-fit: cover;
border: 2px solid #fff;
box-shadow: 0 0 0 1px var(--borderGray);
margin-left: -9px;
display: block;
}
.sps__avatar:first-child { margin-left: 0; }
.sps__customers-text {
font-family: "Manrope", sans-serif;
font-size: 0.84rem;
font-weight: 700;
color: var(--textMain);
white-space: nowrap;
}

@media (max-width: 560px) {
.sps__inner { column-gap: 1.5rem; }
.sps__star { width: 18px; height: 18px; }
.sps__avatar { width: 28px; height: 28px; margin-left: -8px; }
}

@media (prefers-reduced-motion: reduce) {
.sps { opacity: 1 !important; transform: none !important; animation: none !important; }
}
.mr-pcard__scarcity {
height: 20px;
display: flex;
align-items: center;
overflow: hidden;
gap: 5px;
}
.mr-pcard__scarcity--on {
font-size: 10px;
font-weight: 700;
color: #c2000e;
letter-spacing: 0.07em;
text-transform: uppercase;
line-height: 1;
}
.mr-scarcity-dot {
width: 6px;
height: 6px;
min-width: 6px;
background: #c2000e;
border-radius: 50%;
animation: scarcityPulse 1.8s ease-in-out infinite;
}
@keyframes scarcityPulse {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.45; transform: scale(0.85); }
}
@media (prefers-reduced-motion: reduce) {
.mr-scarcity-dot { animation: none; }
}

.scarcity-detail-badge {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 12px;
font-weight: 600;
color: var(--primary,#950606);
letter-spacing: 0.02em;
margin-bottom: 14px;
}
.scarcity-detail-dot {
width: 6px;
height: 6px;
min-width: 6px;
background: var(--primary,#950606);
border-radius: 50%;
animation: scarcityPulse 1.8s ease-in-out infinite;
}
.live-viewers-badge {
display: inline-flex;
align-items: center;
gap: 7px;
font-size: 12px;
color: var(--textMuted, #6F6F6F);
margin-bottom: 14px;
font-weight: 500;
letter-spacing: 0.01em;
}
.live-viewers-dot {
display: inline-block;
width: 7px;
height: 7px;
background: #16a34a;
border-radius: 50%;
animation: liveViewerPulse 2s ease-in-out infinite;
flex-shrink: 0;
}
@keyframes liveViewerPulse {
0%, 100% { opacity: 1; transform: scale(1); }
50%       { opacity: 0.8; transform: scale(1.15); }
}
@media (prefers-reduced-motion: reduce) {
.live-viewers-dot { animation: none; }
}
#sticky-buy-bar {
display: flex;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 45;
align-items: center;
gap: 12px;
padding: 10px 14px 14px;

padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px));
background: #FFFFFF;
border-top: 1px solid #E5E5E5;
box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.10);

transform: translateY(100%);
transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
#sticky-buy-bar { transition: none; }
}
@media (min-width: 768px) {
#sticky-buy-bar {
max-width: 1200px;
margin: 0 auto;
left: 0; right: 0;
bottom: 20px;
padding: 16px 28px;
gap: 24px;
border: 1px solid var(--borderGray);
border-radius: 0;
box-shadow: 0 16px 48px rgba(0,0,0,0.14);
transform: translateY(140%);
}

}




@media (min-width: 768px) {


}



@media (min-width: 768px) {

}
.product-freeship-nudge-wrap {
min-height: 0;
overflow: hidden;
}
.freeship-nudge {
display: flex;
align-items: center;
gap: 10px;
font-size: 13px;
font-weight: 600;
color: var(--textMain, #1A1A1A);
background: transparent;
border-left: 3px solid var(--primary, #950606);
padding: 10px 14px;
margin-bottom: 14px;
width: 100%;
box-sizing: border-box;
line-height: 1.35;
}
.freeship-nudge svg {
flex-shrink: 0;
color: var(--primary, #950606);
}

/* ────────────────────────────────────────────
   FLOATING VIDEO PLAYER (PiP)
   ──────────────────────────────────────────── */
.pv-float {
position: fixed;
bottom: 90px; right: 20px;
z-index: 9990;
width: 180px;
border-radius: 14px;
overflow: hidden;
background: #000;
box-shadow: 0 8px 32px rgba(0,0,0,0.28), 0 0 0 1px rgba(255,255,255,0.06);
opacity: 0;
transform: translateY(20px) scale(0.92);
transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
cursor: pointer;
}
.pv-float.is-visible {
opacity: 1;
transform: translateY(0) scale(1);
}
.pv-float.pv-hidden-by-overlay {
opacity: 0 !important;
transform: translateY(20px) scale(0.92) !important;
pointer-events: none !important;
}

/* Close button */
.pv-float-close {
position: absolute; top: 6px; right: 6px; z-index: 5;
width: 34px; height: 34px;
border-radius: 50%;
background: rgba(0,0,0,0.7);
backdrop-filter: blur(4px);
border: 2px solid rgba(255,255,255,0.3);
color: #fff;
font-size: 20px;
display: flex; align-items: center; justify-content: center;
cursor: pointer;
transition: background 0.15s, border-color 0.15s;
line-height: 1;
}
.pv-float-close:hover { background: rgba(255,255,255,0.3); border-color: rgba(255,255,255,0.5); }

/* Video */
.pv-float-video {
width: 100%;
aspect-ratio: 9 / 16;
object-fit: cover;
display: block;
}

/* Play overlay */
.pv-float-overlay {
position: absolute; inset: 0;
display: flex; align-items: center; justify-content: center;
z-index: 2;
}
.pv-float-play {
width: 48px; height: 48px;
border-radius: 50%;
background: rgba(0,0,0,0.4);
backdrop-filter: blur(4px);
display: flex; align-items: center; justify-content: center;
transition: opacity 0.3s, transform 0.2s;
}
.pv-float-play svg { margin-left: 3px; }
.pv-float:hover .pv-float-play { transform: scale(1.06); }

/* Bottom bar */
.pv-float-bar {
position: absolute; bottom: 0; left: 0; right: 0;
display: flex; justify-content: center; gap: 6px;
padding: 8px;
background: linear-gradient(transparent, rgba(0,0,0,0.6));
z-index: 3;
}
.pv-bar-btn {
width: 30px; height: 30px;
border-radius: 50%;
background: rgba(255,255,255,0.15);
border: none;
color: #fff;
display: flex; align-items: center; justify-content: center;
cursor: pointer;
transition: background 0.15s;
}
.pv-bar-btn:hover { background: rgba(255,255,255,0.3); }

/* Desktop */
@media (min-width: 1024px) {
.pv-float { width: 200px; bottom: 90px; right: 24px; }
}

/* Mobile — wider, not covering WhatsApp btn */
@media (max-width: 640px) {
.pv-float {
width: 140px;
bottom: 80px; right: 12px;
border-radius: 12px;
}
.pv-float-play { width: 40px; height: 40px; }
.pv-float-play svg { width: 28px; height: 28px; }
.pv-bar-btn { width: 26px; height: 26px; }
.pv-float-close { width: 30px; height: 30px; font-size: 18px; top: 4px; right: 4px; }
}

/* ── Fullscreen Modal ── */
.pv-fs-modal {
position: fixed; inset: 0; z-index: 100000;
display: flex; align-items: center; justify-content: center;
opacity: 0; visibility: hidden;
transition: opacity 0.25s, visibility 0.25s;
}
.pv-fs-modal.is-open { opacity: 1; visibility: visible; }
.pv-fs-backdrop {
position: absolute; inset: 0;
background: rgba(0,0,0,0.92);
backdrop-filter: blur(8px);
}
.pv-fs-content {
position: relative;
width: 90vw; max-width: 420px;
max-height: 90vh;
z-index: 1;
border-radius: 14px;
overflow: hidden;
background: #000;
transform: scale(0.92);
transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.pv-fs-modal.is-open .pv-fs-content { transform: scale(1); }
.pv-fs-video {
width: 100%;
max-height: 90vh;
display: block;
object-fit: contain;
background: #000;
}
.pv-fs-close {
position: absolute; top: 12px; right: 12px; z-index: 5;
width: 42px; height: 42px;
border-radius: 50%;
background: rgba(0,0,0,0.6);
backdrop-filter: blur(6px);
border: none;
color: #fff;
font-size: 24px;
display: flex; align-items: center; justify-content: center;
cursor: pointer;
transition: background 0.15s;
line-height: 1;
}
.pv-fs-close:hover { background: rgba(255,255,255,0.2); }
@media (max-width: 640px) {
.pv-fs-content { width: 95vw; max-width: none; border-radius: 12px; }
}
.freeship-nudge--close {
border-left-color: var(--primary);
}
.freeship-nudge--done {
border-left-color: var(--primary);
}
.hdr-row {
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
min-height: 72px;
gap: 12px;
}
.hdr-hamburger { justify-self: start; }
.hdr-logo-center {
justify-self: center;
display: flex;
align-items: center;
cursor: pointer;
}
.hdr-logo-fallback {
font-family: "Manrope", sans-serif;
font-size: 1.15rem;
font-weight: 300;
letter-spacing: 0.12em;
color: #FFFFFF;
white-space: nowrap;
}
.hdr-logo-fallback span { color: rgba(255, 255, 255, 0.7); font-weight: 300; }
.hdr-actions {
display: flex;
align-items: center;
justify-content: flex-end;
justify-self: end;
gap: 2px;
}
.hdr-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
min-width: 44px;
min-height: 44px;
padding: 0 6px;
border-radius: 8px;
color: rgba(255, 255, 255, 0.9);
background: none;
border: none;
cursor: pointer;
font-family: inherit;
text-decoration: none;
transition: color 0.15s ease, background 0.15s ease;
-webkit-tap-highlight-color: transparent;
position: relative;
}
.hdr-btn:hover {
color: #FFFFFF;
background: rgba(255, 255, 255, 0.12);
}
.hdr-cart {
display: flex;
align-items: center;
gap: 6px;
min-width: 44px;
min-height: 44px;
padding: 0 8px;
border-radius: 8px;
color: rgba(255, 255, 255, 0.9);
text-decoration: none;
cursor: pointer;
transition: color 0.15s ease, background 0.15s ease;
-webkit-tap-highlight-color: transparent;
position: relative;
}
.hdr-cart:hover { color: #FFFFFF; background: rgba(255, 255, 255, 0.12); }
.hdr-cart span {
font-size: 9px;
font-weight: 700;
color: var(--header-red-dark);
background: #FFFFFF;
border-radius: 100px;
padding: 1px 4px;
min-width: 15px;
text-align: center;
letter-spacing: 0;
line-height: 1.5;
display: inline-block;
transition: transform 0.2s cubic-bezier(0.34,1.56,0.64,1);
position: absolute;
top: 4px;
right: 2px;
}
.hdr-search-panel {
background: #FFFFFF;
box-shadow: 0 16px 34px rgba(0, 0, 0, 0.2);
}
.hdr-search-wrap { transition: transform 0.25s cubic-bezier(0.16,1,0.3,1); }
.hdr-search-input {
border-color: var(--borderGray);
background: #FFFFFF;
color: var(--textMain);
caret-color: var(--textMain);
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.hdr-search-input:focus {
border-color: var(--primary);
box-shadow: 0 0 0 3px rgba(149, 6, 6, 0.08);
}
.hdr-search-wrap:focus-within { transform: translateY(-1px); }
@media (prefers-reduced-motion: reduce) {
.hdr-search-wrap, .hdr-search-wrap:focus-within { transition: none; transform: none; }
}
.skeleton-logo-bar {
width: 110px;
height: 24px;
border-radius: 4px;
background: rgba(255, 255, 255, 0.16);
animation: skeleton-pulse 1.5s ease-in-out infinite;
}


@media (prefers-reduced-motion: reduce) {
.skeleton-logo-bar { animation: none; opacity: 0.08; }
}
:root {
--gold: #C9A84C;
--gold-soft: rgba(201,168,76,0.12);
--ivory: #F5F5F3;
--charcoal: #141414;
--font-editorial: "Manrope", -apple-system, sans-serif;
--font-body: "Manrope", -apple-system, sans-serif;
--footerBg: #E30016 !important;
--ease-out: cubic-bezier(0.16, 1, 0.3, 1);
--ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}
.reveal {
opacity: 0;
transform: translateY(24px);
transition: opacity 0.6s var(--ease-out), transform 0.6s var(--ease-out);
}
.reveal.is-visible {
opacity: 1;
transform: translateY(0);
}
a, button, input, select, textarea, details, summary {
-webkit-tap-highlight-color: transparent;
}
button, a, .mr-pcard, .mr-pcard__buy, .faq-item, .fcol-tile {
transition: all 0.25s ease !important;
}
button:active:not(:disabled),
a.btn--primary:active,
.mr-pcard__buy:active,
.fcol-tile__cta:active,
#ig-follow-btn:active,
.welcome-modal-btn:active {
transform: scale(0.96) !important;
transition-duration: 0.1s !important;
}
.faq-panel {
overflow: hidden;
max-height: 0;
transition: max-height 0.4s var(--ease-out), opacity 0.3s ease;
opacity: 0;
}
.faq-item[open] .faq-panel {
max-height: 500px;
opacity: 1;
}
#marquee-container { display: none !important; }
.promo-top-bar {
background: #FFFFFF !important;
border-bottom: 1px solid #F0F0F0 !important;
min-height: 0 !important;
padding: 0 !important;
}










.promo-top-bar-cta {
background: none !important; border: none !important;
border-bottom: 1px solid var(--gold) !important; border-radius: 0 !important;
color: var(--gold) !important; font-size: 10px !important; font-weight: 700 !important;
padding: 0 0 1px !important; margin-left: 12px !important; letter-spacing: 0.14em !important;
}
.promo-top-bar-cta:hover { color: var(--primary) !important; border-bottom-color: var(--primary) !important; }
.promo-top-bar-cta:active, .promo-top-bar-cta.is-claimed { background: none !important; transform: none !important; }
@media (max-width: 640px) {



}
.glass-header { background: var(--primary) !important; box-shadow: none !important; border-bottom: none !important; }
.hdr-row { min-height: 72px !important; padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
.hdr-actions { gap: 6px !important; }
#header-logo-img { max-height: 40px !important; }
.hdr-search-panel { box-shadow: 0 4px 12px rgba(0,0,0,0.06) !important; border-bottom: 1px solid #EBEBEB !important; background: #FFF !important; }
.sps { display: none !important; }
.font-display { font-family: var(--font-editorial) !important; text-transform: none !important; letter-spacing: -0.01em !important; font-weight: 600 !important; }
.home-section-title {
font-family: var(--font-editorial) !important; font-weight: 600 !important;
text-transform: none !important; letter-spacing: -0.01em !important;
font-size: clamp(1.6rem, 3.2vw, 2.4rem) !important;
position: relative !important; padding-bottom: 12px !important;
}
.home-section-title::after {
content: "" !important; position: absolute !important; bottom: 0 !important; left: 0 !important;
width: 40px !important; height: 2px !important; background: var(--gold) !important;
}
.hero-slide-title { font-family: var(--font-editorial) !important; font-weight: 600 !important; text-transform: none !important; }
.hero-slide-eyebrow { color: var(--gold) !important; }
.product-title { font-family: var(--font-editorial) !important; font-weight: 600 !important; text-transform: none !important; font-size: clamp(1.8rem, 3.2vw, 2.8rem) !important; }
.split-category-title, .fcol-tile__title{ font-family: var(--font-editorial) !important; font-weight: 600 !important; text-transform: none !important; }
.split-category-eyebrow, .fcol-tile__eyebrow { color: var(--gold) !important; }
#objections-section .text-primary, #ig-section .text-primary { color: var(--gold) !important; }
.home-section-header { border-bottom: none !important; margin-bottom: 1.25rem !important; padding-bottom: 0.75rem !important; }
.home-section-cta { border-bottom-color: transparent !important; font-size: 10px !important; letter-spacing: 0.14em !important; color: var(--textMuted) !important; font-weight: 600 !important; }
.home-section-cta:hover { color: var(--primary) !important; border-bottom-color: var(--primary) !important; }
.home-section-scroll { gap: 0.75rem !important; }
@media (min-width: 768px) { .home-section-scroll { gap: 1.1rem !important; } }
.mr-pcard {
border: none !important; background: #FFF !important; border-radius: 16px !important;
box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important; position: relative !important;
overflow: hidden !important; text-align: center !important;
}
.mr-pcard:hover { transform: translateY(-4px) !important; box-shadow: 0 8px 30px rgba(0,0,0,0.1) !important; }
.mr-pcard__img { background: #F4F4F2 !important; aspect-ratio: 4/5 !important; margin-bottom: 0 !important; overflow: hidden !important; position: relative !important; border-radius: 16px 16px 0 0 !important; }
.mr-pcard__img img { transition: transform 0.5s var(--ease-out) !important; }
.mr-pcard:hover .mr-pcard__img img { transform: scale(1.04) !important; }
.mr-pcard__discount { position: absolute; top: 12px; left: 12px; z-index: 5; background: var(--primary); color: #FFF; font-size: 0.7rem; font-weight: 800; padding: 5px 10px; border-radius: 0 !important; line-height: 1; }
.mr-pcard__fav-btn { position: absolute !important; top: 12px !important; right: 12px !important; z-index: 5 !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; background: #FFF !important; border: none !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; box-shadow: 0 1px 6px rgba(0,0,0,0.08) !important; color: #6F6F6F !important; }
.mr-pcard__fav-btn:hover { color: var(--primary) !important; transform: scale(1.1) !important; }
.mr-pcard__fav-btn.is-fav { color: var(--primary) !important; }
.mr-pcard__qv{ display: none !important; }
.mr-pcard__sold { display: inline-flex !important; align-items: center !important; gap: 5px !important; background: #FFF !important; padding: 5px 12px !important; border-radius: 0 !important; box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important; margin-top: -14px !important; position: relative !important; z-index: 4 !important; }
.mr-pcard__sold svg { color: var(--primary) !important; stroke: var(--primary) !important; }
.mr-pcard__sold span { font-size: 0.62rem !important; font-weight: 700 !important; color: var(--textMain) !important; }
.mr-pcard__body { padding: 0.6rem 0.9rem 0.5rem !important; text-align: center !important; border-bottom: 1px solid #F0F0F0 !important; }
.mr-pcard__brand { font-size: 0.48rem !important; font-weight: 700 !important; letter-spacing: 0.24em !important; color: var(--primary) !important; margin-bottom: 0.25rem !important; }
.mr-pcard__name { font-family: var(--font-body) !important; font-size: 0.85rem !important; font-weight: 700 !important; color: var(--textMain) !important; min-height: 0 !important; line-height: 1.3 !important; }
[class*="mr-pcard__trust"], [class*="mr-pcard__spec"]{ display: none !important; }
.mr-pcard__foot { border-top: none !important; padding: 0.6rem 0.9rem 0.9rem !important; gap: 0.6rem !important; background: transparent !important; text-align: center !important; display: flex !important; flex-direction: column !important; align-items: center !important; }
.mr-pcard__price-block { display: flex; align-items: baseline; justify-content: center; gap: 8px; }
.mr-price-old { font-size: 0.72rem !important; color: #6F6F6F !important; order: -1; }
.mr-price-now { font-size: 1.7rem !important; font-weight: 800 !important; color: var(--primary) !important; letter-spacing: -0.03em !important; line-height: 1 !important; }
.mr-price-now--single { color: var(--textMain) !important; font-size: 1.4rem !important; }

.mr-pcard__buy, button.mr-pcard__buy { background: var(--primary) !important; color: #FFF !important; border: none !important; border-radius: 0 !important; padding: 0.85rem 1rem !important; font-size: 0.62rem !important; font-weight: 700 !important; letter-spacing: 0.18em !important; width: 100% !important; }
.mr-pcard__buy:hover { background: var(--primary-dark) !important; }
.mr-pcard__scarcity--on { color: var(--primary) !important; background: rgba(149,6,6,0.04) !important; border-color: transparent !important; font-weight: 600 !important; font-size: 0.55rem !important; border-radius: 8px !important; }
.mr-scarcity-dot { background: var(--primary) !important; box-shadow: 0 0 0 2px rgba(149,6,6,0.15) !important; }
.mr-pcard__tag-oos { position: absolute; top: 12px; left: 12px; z-index: 10; background: var(--primary); color: #FFF; font-size: 0.6rem; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; padding: 6px 12px; line-height: 1; }
.mr-pcard--oos .mr-pcard__img img { filter: grayscale(100%) !important; opacity: 0.7 !important; }
.mr-pcard--oos:hover .mr-pcard__img img { transform: none !important; }
.mr-pcard--oos:hover { transform: none !important; box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important; }
.split-category-cta, .fcol-tile__cta, .fcol-tile--men .fcol-tile__cta, .fcol-tile--women .fcol-tile__cta, .fcol-tile--jewelry .fcol-tile__cta, .fcol-tile--offers .fcol-tile__cta{
background: var(--primary) !important; color: #FFF !important;
}
#objections-section { background: var(--ivory) !important; border-top: none !important; }
#objections-section h2 { font-family: var(--font-editorial) !important; text-transform: uppercase !important; font-weight: 600 !important; letter-spacing: 0.08em !important; font-size: clamp(1.4rem, 2.8vw, 2.2rem) !important; }
.faq-question span { font-family: var(--font-body) !important; font-size: 14px !important; font-weight: 700 !important; font-style: normal !important; color: var(--textMain) !important; }
.faq-item { border-color: #E0E0E0 !important; }
.faq-icon { color: var(--textMuted) !important; transition: transform 0.3s var(--ease-out) !important; }
.faq-item[open] .faq-icon { color: var(--primary) !important; transform: rotate(180deg) !important; }
.obj-layout { display: grid; grid-template-columns: 1fr 1.2fr; gap: 40px; align-items: start; }
.obj-image { position: sticky; top: 100px; border-radius: 4px; overflow: hidden; }
.obj-image img { width: 100%; height: auto; display: block; min-height: 400px; object-fit: cover; }
@media (max-width: 768px) {
.obj-layout { grid-template-columns: 1fr; gap: 24px; }
.obj-image { position: static; max-height: 300px; overflow: hidden; }
.obj-image img { min-height: 250px; }
}







@keyframes igLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-33.33%); } }
@keyframes igRight { 0% { transform: translateX(-33.33%); } 100% { transform: translateX(0); } }



#ig-section h2 { font-family: var(--font-editorial) !important; text-transform: none !important; font-weight: 600 !important; }
#ig-follow-btn { border-radius: 0 !important; }
@media (max-width: 768px) {






}
@media (max-width: 480px) {  }
footer, footer.bg-footerBg, footer[style*="background"] { background-color: #E30016 !important; background: #E30016 !important; border-top: none !important; }
footer.bg-footerBg, footer.bg-footerBg *, footer.text-white, footer.text-white *, footer p, footer span, footer li, footer a, footer h3, footer h4, footer button { color: #FFF !important; }
footer #footer-logo-text { color: #FFF !important; }
footer #footer-logo-text span { color: rgba(255,255,255,0.7) !important; }
footer #footer-logo-img { filter: brightness(0) invert(1) !important; }
footer h4 { color: rgba(255,255,255,0.85) !important; }
footer .footer-info-link { color: rgba(255,255,255,0.85) !important; }
footer .footer-info-link:hover { color: #FFF !important; }
footer .footer-social-link { background: rgba(255,255,255,0.15) !important; border: none !important; opacity: 1 !important; }
footer .footer-social-link svg { color: #FFF !important; fill: #FFF !important; }
footer .footer-social-link:hover { background: rgba(255,255,255,0.3) !important; }
footer .border-t, footer [class*="border-white"] { border-color: rgba(255,255,255,0.15) !important; }
footer .border-t p, footer .border-t span { color: rgba(255,255,255,0.5) !important; }
.mobile-menu-item { font-family: var(--font-editorial) !important; font-size: 1.25rem !important; font-weight: 600 !important; text-transform: none !important; }










#cartDrawerContent h2 { font-family: var(--font-editorial) !important; font-weight: 600 !important; text-transform: none !important; }
#auth-logo-text { font-weight: 300 !important; letter-spacing: 0.2em !important; }
#footer-logo-text { font-weight: 300 !important; letter-spacing: 0.25em !important; }
.btn-primary { border-radius: 0 !important; }
.store-chip.is-active { border-color: var(--textMain) !important; background: var(--textMain) !important; color: #FFF !important; }
#checkoutModalContent h2, #recently-viewed h2, #reviewModal h2 { font-family: var(--font-editorial) !important; text-transform: none !important; font-weight: 600 !important; }
.fcol-tile::after{
background: linear-gradient(180deg, transparent 40%, rgba(0,0,0,0.45) 100%) !important;
}
.float-btn-whatsapp { box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important; }
.toast { border-radius: 4px !important; box-shadow: 0 4px 16px rgba(0,0,0,0.08) !important; }
.fomo-toast { border-radius: 8px !important; }
@media (max-width: 768px) {
.reveal {
transform: none;
transition: opacity 0.4s var(--ease-out);
}
.reveal.is-visible,
.reveal.active {
transform: none;
}
}
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { animation-duration: 0s !important; transition-duration: 0s !important; }
.reveal { opacity: 1 !important; transform: none !important; }
}
.ck-topbar {
background: #fff; border-bottom: 1px solid var(--borderGray);
position: sticky; top: 0; z-index: 10;
}
.ck-topbar__inner {
max-width: 1100px; margin: 0 auto; padding: 12px 20px;
display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
.ck-topbar__back {
display: flex; align-items: center; gap: 6px;
font-size: 13px; font-weight: 500; color: var(--textMuted);
transition: color .2s;
}
.ck-topbar__back:hover { color: var(--primary); }


.ck-topbar__secure {
display: flex; align-items: center; gap: 5px;
font-size: 11px; font-weight: 600; color: var(--textMuted);
text-transform: uppercase; letter-spacing: 0.06em;
}
.ck-progress { background: #fff; border-bottom: 1px solid var(--borderGray); padding: 16px 20px; }
.ck-progress__inner {
max-width: 420px; margin: 0 auto;
display: flex; align-items: center; justify-content: center; gap: 0;
}
.ck-step {
display: flex; align-items: center; gap: 7px;
opacity: 0.4; transition: opacity .3s;
}
.ck-step.is-active, .ck-step.is-done { opacity: 1; }
.ck-step__num {
width: 28px; height: 28px; border-radius: 50%;
border: 2px solid var(--borderGray);
display: flex; align-items: center; justify-content: center;
font-size: 12px; font-weight: 700; color: var(--textMuted);
transition: all .3s;
}
.ck-step.is-active .ck-step__num {
background: var(--primary); border-color: var(--primary); color: #fff;
}
.ck-step.is-done .ck-step__num {
background: var(--primary); border-color: var(--primary); color: #fff;
}
.ck-step__label { font-size: 12px; font-weight: 600; color: var(--textMain); letter-spacing: 0.03em; }
.ck-step__line {
width: 40px; height: 2px; background: var(--borderGray); margin: 0 10px;
border-radius: 2px; overflow: hidden;
}
.ck-step__line-fill {
height: 100%; width: 0; background: var(--primary);
transition: width .4s ease;
}
.ck-layout {
max-width: 1100px; margin: 0 auto; padding: 28px 20px 40px;
display: grid; grid-template-columns: 1fr 380px; gap: 36px;
align-items: start;
}
@media (max-width: 899px) {
.ck-layout { grid-template-columns: 1fr; gap: 24px; padding: 20px 16px 32px; }
.ck-summary-col { order: -1; }
}
.ck-form-col { min-width: 0; }
.ck-panel { display: none; }
.ck-panel.is-active { display: block; animation: ckFadeIn .35s ease; }
@keyframes ckFadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.ck-section-head {
display: flex; align-items: center; gap: 12px; margin-bottom: 20px;
}
.ck-section-num {
width: 30px; height: 30px; border-radius: 6px;
background: var(--primary); color: #fff;
display: flex; align-items: center; justify-content: center;
font-size: 13px; font-weight: 700; flex-shrink: 0;
}
.ck-section-title {
font-size: 18px; font-weight: 700; color: var(--textMain);
text-transform: uppercase; letter-spacing: 0.06em;
}
.ck-fields { display: flex; flex-direction: column; gap: 16px; }
.ck-row-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 500px) { .ck-row-2 { grid-template-columns: 1fr; } }
.ck-field { display: flex; flex-direction: column; }
.ck-label {
font-size: 11px; font-weight: 700; text-transform: uppercase;
letter-spacing: 0.08em; color: var(--textMain); margin-bottom: 6px;
}

.ck-input {
width: 100%; border: 1px solid var(--borderGray); border-radius: 4px;
padding: 12px 14px; font-size: 14px; color: var(--textMain);
background: #fff; transition: border-color .2s, box-shadow .2s;
min-height: 46px;
}
.ck-input:focus {
outline: none; border-color: var(--primary);
box-shadow: 0 0 0 3px rgba(149,6,6,0.08);
}
.ck-input::placeholder { color: #6F6F6F; }
.ck-select {
appearance: none; cursor: pointer;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236F6F6F' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-position: right 14px center;
padding-right: 36px;
}
.ck-input-prefix {
display: flex; align-items: stretch; border: 1px solid var(--borderGray);
border-radius: 4px; overflow: hidden; transition: border-color .2s, box-shadow .2s;
}
.ck-input-prefix:focus-within {
border-color: var(--primary); box-shadow: 0 0 0 3px rgba(149,6,6,0.08);
}
.ck-prefix {
display: flex; align-items: center; padding: 0 12px;
background: var(--bgLight); font-size: 13px; font-weight: 600;
color: var(--textMuted); border-right: 1px solid var(--borderGray);
white-space: nowrap; flex-shrink: 0;
}
.ck-input--prefix {
border: none; border-radius: 0; min-height: 46px;
}
.ck-input--prefix:focus { box-shadow: none; }
.checkout-error {
font-size: 11px; color: var(--primary); margin-top: 4px; font-weight: 500;
}
.ck-shipping-options { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }
.ck-ship-option {
display: flex; align-items: center; gap: 14px; padding: 16px 18px;
border: 2px solid var(--borderGray); border-radius: 6px;
cursor: pointer; transition: all .2s; background: #fff;
}
.ck-ship-option:hover { border-color: #ccc; }
.ck-ship-option.is-selected { border-color: var(--primary); background: #fef8f8; }
.ck-ship-radio {
width: 20px; height: 20px; border-radius: 50%;
border: 2px solid var(--borderGray); flex-shrink: 0;
display: flex; align-items: center; justify-content: center;
transition: border-color .2s;
}
.ck-ship-option.is-selected .ck-ship-radio { border-color: var(--primary); }
.ck-ship-radio__dot {
width: 10px; height: 10px; border-radius: 50%;
background: transparent; transition: background .2s;
}
.ck-ship-option.is-selected .ck-ship-radio__dot { background: var(--primary); }
.ck-ship-option__body { flex: 1; }
.ck-ship-option__body strong { display: block; font-size: 14px; font-weight: 600; color: var(--textMain); }
.ck-ship-time { font-size: 12px; color: var(--textMuted); }
.ck-ship-price { font-size: 14px; font-weight: 700; color: var(--textMain); }

.ck-ship-estimate {
  margin-top: 10px;
  background: #f8faf8;
  border: 1px solid #d4edda;
  border-radius: 6px;
  padding: 12px 14px;
  animation: ckEstFadeIn .3s ease;
}
@keyframes ckEstFadeIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }
.ck-ship-estimate__row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.ck-ship-estimate__row > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.ck-ship-estimate__price {
  font-size: 13px;
  font-weight: 600;
  color: #222;
}
.ck-ship-estimate__time {
  font-size: 12px;
  color: #555;
}
.ck-btn-next {
display: flex; align-items: center; justify-content: center; gap: 8px;
width: 100%; margin-top: 24px; padding: 15px 24px;
background: var(--primary); color: #fff; border-radius: 4px;
font-size: 14px; font-weight: 700; text-transform: uppercase;
letter-spacing: 0.08em; transition: background .2s;
}
.ck-btn-next:hover { background: var(--primary-dark); }
.ck-nav-row { display: flex; align-items: center; gap: 12px; margin-top: 20px; }
.ck-btn-back {
display: flex; align-items: center; gap: 6px;
font-size: 13px; font-weight: 500; color: var(--textMuted);
transition: color .2s; padding: 10px 0;
}
.ck-btn-back:hover { color: var(--primary); }
.ck-nav-row .ck-btn-next { flex: 1; margin-top: 0; }
.ck-btn-confirm {
display: flex; align-items: center; justify-content: center; gap: 10px;
width: 100%; padding: 16px 24px; margin-top: 20px;
background: #25D366; color: #fff; border-radius: 4px;
font-size: 15px; font-weight: 700; text-transform: uppercase;
letter-spacing: 0.06em; transition: background .2s;
box-shadow: 0 4px 14px rgba(37,211,102,0.3);
}
.ck-btn-confirm:hover { background: #1fb855; }
.ck-confirm-summary {
background: #fff; border: 1px solid var(--borderGray); border-radius: 6px;
padding: 18px 20px; font-size: 13px; color: var(--textMain);
}
.ck-confirm-summary .ck-cs-row {
display: flex; justify-content: space-between; padding: 6px 0;
border-bottom: 1px solid #f0f0f0;
}
.ck-confirm-summary .ck-cs-row:last-child { border-bottom: none; }
.ck-confirm-summary .ck-cs-label { color: var(--textMuted); font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 600; }
.ck-confirm-summary .ck-cs-value { font-weight: 600; text-align: right; }
.ck-trust-footer {
display: flex; align-items: flex-start; gap: 8px; margin-top: 16px;
font-size: 12px; color: var(--textMuted); line-height: 1.4;
}
.ck-trust-footer i { flex-shrink: 0; color: var(--primary); margin-top: 1px; }
.ck-summary-col { position: sticky; top: 80px; }
.ck-summary-card {
background: #fff; border: 1px solid var(--borderGray); border-radius: 8px;
padding: 24px;
}
.ck-summary-title {
font-size: 18px; font-weight: 700; color: var(--textMain); margin-bottom: 16px;
font-family: "Manrope", sans-serif;
}
.ck-summary-items { display: flex; flex-direction: column; gap: 14px; padding-bottom: 16px; border-bottom: 1px solid #f0f0f0; margin-bottom: 14px; }
.ck-sum-item { display: flex; align-items: center; gap: 12px; }
.ck-sum-item__img {
width: 56px; height: 56px; background: var(--bgLight); border: 1px solid var(--borderGray);
border-radius: 6px; overflow: hidden; flex-shrink: 0; position: relative;
}
.ck-sum-item__img img { width: 100%; height: 100%; object-fit: contain; padding: 4px; }
.ck-sum-item__qty {
position: absolute; top: -6px; right: -6px;
width: 20px; height: 20px; border-radius: 50%;
background: var(--textMain); color: #fff;
font-size: 10px; font-weight: 700; display: flex;
align-items: center; justify-content: center;
}
.ck-sum-item__info { flex: 1; min-width: 0; }
.ck-sum-item__name { font-size: 13px; font-weight: 600; color: var(--textMain); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ck-sum-item__brand { font-size: 11px; color: var(--textMuted); }
.ck-sum-item__price { font-size: 14px; font-weight: 700; color: var(--textMain); white-space: nowrap; flex-shrink: 0; }
.ck-coupon-row {
display: flex; gap: 8px; padding-bottom: 14px;
border-bottom: 1px solid #f0f0f0; margin-bottom: 14px;
}
.ck-coupon-input {
flex: 1; border: 1px solid var(--borderGray); border-radius: 4px;
padding: 10px 12px; font-size: 13px; text-transform: uppercase;
letter-spacing: 0.05em; min-height: 42px;
}
.ck-coupon-input:focus { outline: none; border-color: var(--primary); }
.ck-coupon-btn {
background: var(--primary); color: #fff; padding: 10px 16px;
border-radius: 4px; font-size: 12px; font-weight: 700;
text-transform: uppercase; letter-spacing: 0.08em;
transition: background .2s; white-space: nowrap;
}
.ck-coupon-btn:hover { background: var(--primary-dark); }
.ck-coupon-applied {
display: flex; align-items: center; justify-content: space-between;
background: #fef8f8; border: 1px solid var(--primary);
border-radius: 4px; padding: 10px 14px; margin-bottom: 14px;
font-size: 12px; font-weight: 600; color: var(--primary);
}
.ck-coupon-remove {
font-size: 18px; color: var(--textMuted); transition: color .2s; line-height: 1;
}
.ck-coupon-remove:hover { color: var(--primary); }
.ck-totals { display: flex; flex-direction: column; gap: 10px; }
.ck-totals__row {
display: flex; justify-content: space-between; font-size: 13px; color: var(--textMuted);
}
.ck-totals__row span:last-child { font-weight: 600; color: var(--textMain); }
.ck-free { color: var(--primary) !important; font-weight: 700 !important; }
.ck-totals__total {
display: flex; justify-content: space-between;
font-size: 16px; font-weight: 800; color: var(--textMain);
padding-top: 12px; margin-top: 4px; border-top: 2px solid var(--textMain);
}
.ck-trust-box {
display: flex; align-items: flex-start; gap: 10px;
background: var(--bgLight); border-radius: 6px;
padding: 14px 16px; margin-top: 18px;
}
.ck-trust-box i { flex-shrink: 0; color: var(--primary); margin-top: 2px; }
.ck-trust-box strong { display: block; font-size: 12px; font-weight: 700; color: var(--textMain); margin-bottom: 2px; }
.ck-trust-box p { font-size: 11px; color: var(--textMuted); line-height: 1.4; margin: 0; }
.ck-privacy-note {
text-align: center; font-size: 11px; color: var(--textMuted);
padding: 16px 20px 32px; max-width: 1100px; margin: 0 auto;
}
@media (max-width: 899px) {
.ck-summary-col { position: static; }
.ck-summary-card { border-radius: 6px; }
.ck-topbar__back span { display: none; }
.ck-step__label { font-size: 11px; }
.ck-step__line { width: 28px; margin: 0 6px; }
.ck-section-title { font-size: 16px; }
}
/* ============================================================
   INSTAGRAM REELS — Carrusel horizontal tipo Stories/Reels
   Formato 9:16, auto-scroll + swipe táctil, play al hover/tap
   ============================================================ */
.ig-reels-section {
    padding: 3rem 0 3.5rem;
    background: #fff;
    position: relative;
    overflow: hidden;
}
.ig-reels-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    gap: 1rem;
}
.ig-reels-eyebrow {
    font-family: "Manrope", sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: rgba(0,0,0,0.45);
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px;
}
.ig-reels-eyebrow svg { stroke: rgba(0,0,0,0.45); }
.ig-reels-title {
    font-family: "Manrope", sans-serif;
    font-size: clamp(1.4rem, 3vw, 2rem);
    font-weight: 300;
    color: var(--primary);
    text-transform: uppercase;
    letter-spacing: 0.01em;
    line-height: 1.1;
}
.ig-reels-follow-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    border: 1px solid rgba(0,0,0,0.2);
    color: #111;
    font-family: "Manrope", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    padding: 10px 20px;
    cursor: pointer;
    transition: background 0.2s, border-color 0.2s;
    white-space: nowrap;
    flex-shrink: 0;
    text-decoration: none;
}
.ig-reels-follow-btn:hover {
    background: rgba(0,0,0,0.05);
    border-color: rgba(0,0,0,0.4);
}
.ig-reels-follow-btn svg { stroke: #111; flex-shrink: 0; }

/* Carousel container */
.ig-reels-carousel-wrap {
    position: relative;
    overflow: hidden;
    margin: 0 -16px;
    padding: 0 16px;
}
@media (min-width: 768px) {
    .ig-reels-carousel-wrap { margin: 0 -24px; padding: 0 24px; }
}

.ig-reels-track {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    scroll-padding-left: 16px;
    padding-bottom: 4px;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
    /* Reserva el alto real (ancho de tarjeta x aspect-ratio 9/16) antes de
       que el JS inyecte los reels, para eliminar el salto de layout que
       esto causaba (0.247 de 0.275 en CLS, medido con Lighthouse). */
    min-height: 320px;
}
.ig-reels-track::-webkit-scrollbar { display: none; }
.ig-reels-track:active { cursor: grabbing; }
@media (min-width: 640px) {
    .ig-reels-track { min-height: 356px; }
}
@media (min-width: 768px) {
    .ig-reels-track { gap: 14px; scroll-padding-left: 24px; }
}
@media (min-width: 1024px) {
    .ig-reels-track { min-height: 391px; }
}

/* Individual Reel card */
.ig-reel {
    flex: 0 0 auto;
    width: 180px;
    aspect-ratio: 9 / 16;
    border-radius: 14px;
    overflow: hidden;
    position: relative;
    background: #111;
    scroll-snap-align: start;
    cursor: pointer;
    text-decoration: none;
    display: block;
}
@media (min-width: 640px) { .ig-reel { width: 200px; } }
@media (min-width: 1024px) { .ig-reel { width: 220px; } }

.ig-reel video,
.ig-reel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
}
.ig-reel:hover video,
.ig-reel:hover img { transform: scale(1.05); }

/* Gradient overlay at bottom */
.ig-reel::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.7) 0%,
        rgba(0,0,0,0.15) 35%,
        transparent 55%
    );
    pointer-events: none;
    border-radius: 14px;
}

/* Play icon overlay */


.ig-reel.is-playing .ig-reel-play {
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.8);
}

/* Bottom info inside the reel */
.ig-reel-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 14px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.ig-reel-caption {
    font-family: "Manrope", sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ig-reel-handle {
    font-family: "Manrope", sans-serif;
    font-size: 9px;
    font-weight: 500;
    color: rgba(255,255,255,0.55);
    letter-spacing: 0.04em;
}

/* Reel type badge (Reels icon) */
.ig-reel-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 3;
    background: rgba(0,0,0,0.35);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border-radius: 6px;
    padding: 4px 7px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.ig-reel-badge svg {
    width: 12px;
    height: 12px;
    stroke: #fff;
    fill: none;
}
.ig-reel-badge span {
    font-family: "Manrope", sans-serif;
    font-size: 9px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

/* Auto-scroll (driven by JS scrollLeft) */
.ig-reels-track--auto {
    scroll-snap-type: none;
    scroll-behavior: auto;
}

/* ════════════════════════════════════════════
   LOOKBOOK — Nuestros Clientes
   ════════════════════════════════════════════ */
.lb-section {
  padding: 5rem 0;
  background: #fafafa;
  overflow: hidden;
}
.lb-layout {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  gap: 4rem;
  align-items: center;
}
.lb-gallery {
  display: flex;
  gap: 12px;
  flex: 0 0 50%;
  max-width: 50%;
  height: 600px;
  overflow: hidden;
}
.lb-col {
  flex: 1;
  overflow: hidden;
  position: relative;
}
.lb-track {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.lb-track--down {
  animation: lb-scroll-down 25s linear infinite;
}
.lb-track--up {
  animation: lb-scroll-up 25s linear infinite;
}
.lb-paused .lb-track--down,
.lb-paused .lb-track--up {
  animation-play-state: paused;
}
@keyframes lb-scroll-down {
  0% { transform: translateY(0); }
  100% { transform: translateY(-50%); }
}
@keyframes lb-scroll-up {
  0% { transform: translateY(-50%); }
  100% { transform: translateY(0); }
}
.lb-photo {
  border-radius: 6px;
  overflow: hidden;
  background: #e8e8e8;
}
.lb-photo img {
  width: 100%;
  display: block;
  object-fit: contain;
  transition: transform 0.5s ease;
}
.lb-photo:hover img {
  transform: scale(1.04);
}
.lb-text {
  flex: 1;
  padding: 2rem 0;
}
.lb-eyebrow {
  font-family: "Manrope", sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  color: var(--primary, #950606);
  margin: 0 0 16px;
}
.lb-title {
  font-family: "Manrope", -apple-system, sans-serif;
  font-size: 36px;
  font-weight: 700;
  color: var(--textMain, #1A1A1A);
  margin: 0 0 12px;
  line-height: 1.15;
  letter-spacing: -0.02em;
}
.lb-subtitle {
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--textMuted, #6F6F6F);
  margin: 0 0 20px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.lb-desc {
  font-family: "Manrope", sans-serif;
  font-size: 15px;
  line-height: 1.7;
  color: var(--textMuted, #6F6F6F);
  margin: 0 0 32px;
  max-width: 420px;
}
.lb-cta {
  display: inline-block;
  padding: 14px 36px;
  border: none;
  border-radius: 0;
  font-family: "Manrope", sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #fff;
  background: var(--primary, #950606);
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}
.lb-cta:hover {
  background: #7a0505;
  color: #fff;
}

/* Provincia — layout invertido (texto izquierda, galería derecha) */
.lb-section--prov {
  background: #fff;
}
.lb-layout--reverse {
  flex-direction: row-reverse;
}

/* Mobile */
@media (max-width: 768px) {
  .lb-section { padding: 3rem 0; }
  .lb-layout {
    flex-direction: column;
    gap: 2.5rem;
    padding: 0 16px;
  }
  .lb-gallery {
    flex: none;
    max-width: 100%;
    width: 100%;
    height: 400px;
  }
  .lb-text {
    text-align: center;
    padding: 0;
  }
  .lb-title { font-size: 28px; }
  .lb-desc {
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
  }
  .lb-cta { width: 100%; text-align: center; box-sizing: border-box; }
  .lb-layout--reverse { flex-direction: column-reverse; }
}

/* ════════════════════════════════════════════
   FOCUS OUTLINE — solo teclado, no en clicks
   ════════════════════════════════════════════ */
button {
  border: none;
  background: none;
  appearance: none;
  -webkit-appearance: none;
  font-family: inherit;
}
button:focus,
a:focus,
.qty-selector button:focus,
.qty-selector:focus,
[onclick]:focus {
  outline: none;
}
button:focus-visible,
a:focus-visible,
.qty-selector button:focus-visible,
[onclick]:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

/* ════════════════════════════════════════════
   LIGHTBOX — estilos propios (no depender de Tailwind CDN)
   ════════════════════════════════════════════ */
#lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.92);
  z-index: 125;
  align-items: center;
  justify-content: center;
  user-select: none;
  -webkit-user-select: none;
}
#lightbox:not(.hidden) {
  display: flex;
}
#lightbox.hidden {
  display: none !important;
}

/* Backdrops de modales — definidos localmente para no depender del CDN */
#auth-modal      { background: rgba(0, 0, 0, 0.80); }
#sizeGuideModal  { background: rgba(0, 0, 0, 0.70); }
#reviewModal     { background: rgba(0, 0, 0, 0.70); }
#quickviewModal  { background: rgba(0, 0, 0, 0.60); }
#cartDrawer      { background: rgba(0, 0, 0, 0.50); }
#mobileMenu      { background: rgba(0, 0, 0, 0.50); }

/* Contenedor e imagen del lightbox */
#lightbox > div:last-child {
  width: 100%;
  height: 100%;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
@media (min-width: 768px) {
  #lightbox > div:last-child { padding: 48px; }
}
#lightbox-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  cursor: zoom-in;
}

/* Paneles internos de drawers — fondo sólido sin depender del CDN */
#cartDrawerContent {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  box-shadow: -8px 0 32px rgba(0, 0, 0, 0.18);
}
@media (min-width: 640px) {
  #cartDrawerContent { width: 380px; }
}
#mobileMenuContent {
  background: #FFFFFF;
  box-shadow: 8px 0 32px rgba(0, 0, 0, 0.18);
}


/* ===== Rendimiento de renderizado: secciones fuera del viewport ===== */
#objections-section,footer{content-visibility:auto;contain-intrinsic-size:1px 720px}#ig-section,#lookbook-section,#lookbook-prov-section{content-visibility:visible}

/* Evita que imágenes sin cargar alteren la geometría de tarjetas. */
.mr-pcard__img img { aspect-ratio: 1 / 1; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

.lb-photo{position:relative;background:#ededed}.lb-photo img{background:#ededed}


/* Interfaz flotante limpia: se elimina la flecha negra y el video queda sobre WhatsApp. */
.float-btn-top { display: none !important; }
@media (max-width: 640px) {
  body.mr-sticky-buy-visible .float-btn-whatsapp {
    right: 12px;
    bottom: calc(88px + env(safe-area-inset-bottom, 0px));
  }
  body.mr-sticky-buy-visible .pv-float {
    width: min(31vw, 118px);
    right: 12px;
    left: auto;
    bottom: calc(154px + env(safe-area-inset-bottom, 0px));
  }
}


/* ===== Estilos migrados de <style> inline ===== */

/* Trust grid */
@media(min-width:768px){[data-trust-grid]{grid-template-columns:repeat(4,1fr)!important;}}
.trust-v2-section{background:#950606!important;}

/* Header: fondo blanco, elementos rojos */
.glass-header{background:#ffffff!important;border-bottom:1px solid #f0eeeb;box-shadow:0 1px 6px rgba(0,0,0,.06);}
.glass-header .header-icon{color:#950606!important;stroke:#950606!important;}
.glass-header .hdr-btn{color:#950606!important;}
.glass-header .hdr-logo-fallback{color:#1a1a1a!important;}
.glass-header .hdr-logo-fallback span{color:#950606!important;}
.glass-header .hdr-cart{color:#950606!important;}
.glass-header #cart-counter{background:#950606!important;color:#fff!important;}
.glass-header svg:not(.header-icon){stroke:#950606!important;}
.glass-header .hdr-hamburger .header-icon{color:#950606!important;}
.glass-header img#header-logo-img{filter:none!important;-webkit-filter:none!important;}
.glass-header .hdr-logo-center img{filter:none!important;-webkit-filter:none!important;}
#marquee-container{display:block!important;visibility:visible!important;opacity:1!important;margin:0!important;padding:0!important;line-height:0;}

/* Marquee */
@keyframes mr-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.mr-marquee-track{display:flex;align-items:center;white-space:nowrap;animation:mr-marquee 20s linear infinite;width:max-content;}
.mr-marquee-track:hover{animation-play-state:paused;}
.mr-mq-item{display:inline-flex;align-items:center;gap:6px;padding:9px 0;margin:0 28px;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#fff;flex-shrink:0;}
.mr-mq-item svg,.mr-mq-item i{width:14px;height:14px;flex-shrink:0;}

/* Hero Carousel */
.hero-wrap{position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow:hidden;background:#111;}
.hero-wrap,.hero-track,.hero-slide{aspect-ratio:25/14;}
@media(max-width:767px){.hero-wrap,.hero-track,.hero-slide{aspect-ratio:4/5;}}
.hero-track{display:flex;will-change:transform;}
.hero-track.is-moving{transition:none;}
.hero-track.is-snapping{transition:transform .5s cubic-bezier(.25,.46,.45,.94);}
.hero-slide{position:relative;min-width:100%;flex-shrink:0;overflow:hidden;}
.hero-slide img,.hero-slide video{display:block;width:100%;height:100%;object-fit:cover;}
.hero-dots{position:absolute;bottom:clamp(12px,2vw,24px);left:50%;transform:translateX(-50%);display:flex;gap:2px;z-index:10;}
.hero-dot{width:24px;height:24px;border-radius:50%;border:none;padding:0;cursor:pointer;background:transparent;position:relative;}
.hero-dot::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.4);transition:all .3s;}
.hero-dot:hover::after{background:rgba(255,255,255,.7);}
.hero-dot.active::after{background:#fff;transform:translate(-50%,-50%) scale(1.15);}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.7);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:background .2s,opacity .3s;opacity:0;}
.hero-wrap:hover .hero-arrow{opacity:1;}
.hero-arrow:hover{background:#fff;}
.hero-arrow--prev{left:16px;}
.hero-arrow--next{right:16px;}
.hero-arrow svg{width:20px;height:20px;stroke:#1a1a1a;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round;}
@media(max-width:767px){
  .hero-arrow{width:34px;height:34px;opacity:1;background:rgba(255,255,255,.55);}
  .hero-arrow--prev{left:10px;}
  .hero-arrow--next{right:10px;}
  .hero-arrow svg{width:18px;height:18px;}
  .hero-dot::after{width:8px;height:8px;}
}
.hero-slide-scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 55%);pointer-events:none;}
.hero-slide-content{position:absolute;bottom:clamp(48px,6vw,80px);left:clamp(24px,4vw,60px);z-index:5;color:#fff;max-width:520px;}
.hero-slide-eyebrow{font-size:clamp(10px,1.2vw,13px);text-transform:uppercase;letter-spacing:3px;font-weight:600;margin:0 0 8px;opacity:.85;}
.hero-slide-title{font-size:clamp(24px,4vw,52px);font-weight:800;line-height:1.1;margin:0 0 16px;letter-spacing:-.02em;text-shadow:0 2px 12px rgba(0,0,0,.3);}
.hero-slide-cta{display:inline-block;background:#fff;color:#1a1a1a;font-size:clamp(10px,1vw,12px);font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:12px 28px;border:none;border-radius:4px;cursor:pointer;transition:background .2s;text-decoration:none;}
.hero-slide-cta:hover{background:#f0f0f0;}
@media(max-width:767px){
  .hero-slide-content{bottom:clamp(36px,8vw,56px);left:20px;right:20px;max-width:none;}
  .hero-slide-cta{padding:10px 22px;}
}

/* Welcome Popup */
#welcome-s20-modal{position:fixed;inset:0;z-index:var(--z-modal-welcome);display:none;align-items:center;justify-content:center;padding:20px;background:rgba(10,10,10,.55);backdrop-filter:blur(3px);}
#welcome-s20-modal.open{display:flex;}
.mrwp-card{background:#fff;width:100%;max-width:760px;border-radius:0;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.28);display:flex;flex-direction:row;animation:mrwpIn .3s ease;max-height:calc(100vh - 40px);font-family:'Manrope',sans-serif;position:relative;}
@keyframes mrwpIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.mrwp-image{flex:0 0 44%;background:linear-gradient(145deg,#260d0d 0%,#120d0d 58%,#0b0b0b 100%);position:relative;overflow:hidden;isolation:isolate;}
.mrwp-image::before{content:"MILAN\A RICH";white-space:pre;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:rgba(255,255,255,.18);font-size:27px;line-height:1.05;font-weight:700;letter-spacing:.22em;z-index:0;transition:opacity .2s ease;}
.mrwp-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .25s ease;z-index:1;}
.mrwp-image.is-loaded .mrwp-photo{opacity:1;}
.mrwp-image.is-loaded::before{opacity:0;}
.mrwp-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,0) 35%);pointer-events:none;z-index:2;}
.mrwp-body{flex:1;padding:36px 42px;position:relative;display:flex;flex-direction:column;justify-content:center;overflow-y:auto;}
.mrwp-close{position:absolute;top:14px;right:14px;background:none;border:none;color:#950606;width:38px;height:38px;border-radius:0;font-size:22px;line-height:1;cursor:pointer;padding:0;transition:color .15s;z-index:4;display:flex;align-items:center;justify-content:center;}
.mrwp-close:hover{color:#7d0505;}
.mrwp-title{font-family:'Manrope',sans-serif;font-size:20px;font-weight:700;line-height:1.3;color:#1a1a1a;margin:0 0 8px;text-align:center;letter-spacing:-.01em;}
.mrwp-title b{color:#950606;}
.mrwp-subtitle{font-size:13px;line-height:1.5;color:#666;text-align:center;margin:0 0 18px;font-weight:400;}
.mrwp-field{margin-bottom:8px;}
.mrwp-input{width:100%;border:1px solid #e2e2e2;border-radius:7px;padding:10px 12px;font-size:13.5px;outline:none;transition:border-color .15s;box-sizing:border-box;font-family:inherit;background:#fff;}
.mrwp-input:focus{border-color:#950606;}
.mrwp-input::placeholder{color:#b5b5b5;}
.mrwp-phone{display:flex;align-items:center;border:1px solid #e2e2e2;border-radius:7px;overflow:hidden;transition:border-color .15s;}
.mrwp-phone:focus-within{border-color:#950606;}
.mrwp-phone span{padding:10px 10px;background:#f6f6f6;font-size:13.5px;color:#555;font-weight:600;border-right:1px solid #e2e2e2;}
.mrwp-phone input{flex:1;border:none;padding:10px 12px;font-size:13.5px;outline:none;min-width:0;font-family:inherit;}
.mrwp-check{display:flex;gap:7px;align-items:flex-start;margin:10px 0 4px;font-size:11.5px;color:#666;line-height:1.4;cursor:pointer;}
.mrwp-check input{margin-top:1px;width:14px;height:14px;accent-color:#950606;flex-shrink:0;}
.mrwp-error{display:none;color:#950606;font-size:12px;font-weight:600;margin:4px 0 0;}
.mrwp-error.show{display:block;}
.mrwp-btn{width:100%;margin-top:10px;background:#950606;color:#fff;border:none;border-radius:7px;padding:12px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .15s;font-family:inherit;}
.mrwp-btn:hover{background:#7d0505;}
.mrwp-btn:disabled{opacity:.6;cursor:not-allowed;}
.mrwp-nothanks{display:block;text-align:center;margin:8px auto 0;font-size:12px;color:#6F6F6F;text-decoration:underline;background:none;border:none;cursor:pointer;font-family:inherit;padding:3px;}
.mrwp-nothanks:hover{color:#555;}
.mrwp-legal{font-size:10.5px;color:#6F6F6F;text-align:center;margin:10px 0 0;line-height:1.5;}
.mrwp-legal a{color:#6F6F6F;text-decoration:underline;}
.mrwp-legal a:hover{color:#950606;}
@media (max-width:680px){
  .mrwp-card{flex-direction:column;max-width:420px;max-height:90vh;border-radius:0;animation:mrwpIn .3s ease;}
  .mrwp-image{flex:0 0 auto;height:130px;}
  .mrwp-image::after{background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.35) 100%);}
  .mrwp-body{padding:22px 26px 20px;justify-content:flex-start;}
  .mrwp-title{font-size:18px;}
}

/* Lookbook provincia: bordes suaves para screenshots */
.lb-photo img{border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.10);}

/* ─── Sidebar de filtros mejorado ─── */
#catalog-sidebar{
  background:#fff;
  border:1px solid #e8e5e0;
  border-radius:6px;
  padding:0;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.mr-filter-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 20px 14px;
  border-bottom:1px solid #f0eeeb;
}
.mr-filter-header__title{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#222;
}
.mr-filter-header__title i{color:var(--primary);}
.mr-filter-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  height:20px;
  padding:0 6px;
  border-radius:10px;
  background:var(--primary);
  color:#fff;
  font-size:11px;
  font-weight:700;
  letter-spacing:0;
  text-transform:none;
}
.mr-filter-header__clear{
  font-size:11px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#999;
  background:none;
  border:none;
  cursor:pointer;
  padding:4px 8px;
  border-radius:4px;
  transition:all .2s;
}
.mr-filter-header__clear--active{color:var(--primary);}
.mr-filter-header__clear:hover{color:var(--primary);background:rgba(149,6,6,.06);}
.mr-filter-header__actions{display:flex;align-items:center;gap:8px;}
.mr-filter-close{display:none;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:#666;cursor:pointer;}
@media(max-width:1023px){.mr-filter-close{display:flex;}}

.mr-filter-section{
  border-bottom:1px solid #f0eeeb;
  padding:0 20px;
}
.mr-filter-section--last{border-bottom:none;}

.mr-filter-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  padding:14px 0;
  background:none;
  border:none;
  cursor:pointer;
  text-align:left;
}
.mr-filter-toggle:hover .mr-filter-toggle__title{color:var(--primary);}
.mr-filter-toggle__title{
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#333;
  transition:color .2s;
}

.mr-filter-body{
  padding-bottom:16px;
  overflow:hidden;
  transition:max-height .25s ease, opacity .2s ease;
}

.mr-range-input{
  display:flex;
  align-items:center;
  border:1px solid #e0ddd8;
  border-radius:4px;
  padding:6px 10px;
  flex:1;
  background:#fafaf9;
  transition:border-color .2s;
}
.mr-range-input:focus-within{border-color:var(--primary);background:#fff;}
.mr-range-input input{background:transparent;}

.mr-dual-range{
  position:relative;
  height:24px;
  margin-top:4px;
}
.mr-dual-range input[type="range"]{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:24px;
  -webkit-appearance:none;
  appearance:none;
  background:transparent;
  pointer-events:none;
  margin:0;
}
.mr-dual-range input[type="range"]::-webkit-slider-runnable-track{
  height:4px;
  background:#e8e5e0;
  border-radius:2px;
}
.mr-dual-range input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:18px;
  height:18px;
  border-radius:50%;
  background:var(--primary);
  border:2px solid #fff;
  box-shadow:0 1px 4px rgba(0,0,0,.2);
  margin-top:-7px;
  pointer-events:auto;
  cursor:pointer;
  transition:transform .15s;
}
.mr-dual-range input[type="range"]::-webkit-slider-thumb:hover{
  transform:scale(1.15);
}
.mr-dual-range input[type="range"]::-moz-range-track{
  height:4px;
  background:#e8e5e0;
  border-radius:2px;
  border:none;
}
.mr-dual-range input[type="range"]::-moz-range-thumb{
  width:14px;
  height:14px;
  border-radius:50%;
  background:var(--primary);
  border:2px solid #fff;
  box-shadow:0 1px 4px rgba(0,0,0,.2);
  pointer-events:auto;
  cursor:pointer;
}

#catalog-sidebar label.group{
  padding:5px 0;
  border-radius:3px;
  transition:background .15s;
}
#catalog-sidebar label.group:hover{background:rgba(149,6,6,.03);}
#catalog-sidebar input[type="checkbox"]{
  accent-color:var(--primary);
  width:16px;
  height:16px;
  border-radius:3px;
  cursor:pointer;
}

@media (max-width:1023px){
  #catalog-sidebar{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:999;
    border-radius:0;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    padding-bottom:80px;
  }
  #catalog-sidebar .mr-filter-header{
    position:sticky;
    top:0;
    background:#fff;
    z-index:1;
    border-bottom:1px solid #e8e5e0;
    padding:16px 20px;
  }
}

/* Breadcrumbs */
.mr-breadcrumbs{margin-bottom:20px;}
.mr-breadcrumbs ol{display:flex;align-items:center;gap:6px;list-style:none;padding:0;margin:0;font-size:12px;color:var(--textMuted);flex-wrap:wrap;}
.mr-breadcrumbs li{display:flex;align-items:center;gap:6px;}
.mr-breadcrumbs li:not(:last-child)::after{content:'/';color:var(--textMuted);opacity:.5;}
.mr-breadcrumbs a{color:var(--textMuted);text-decoration:none;cursor:pointer;transition:color .2s;}
.mr-breadcrumbs a:hover{color:var(--primary);}
.mr-breadcrumbs li[aria-current="page"]{color:var(--textMain);font-weight:600;}

/* Share buttons */

/* Back to top button */
.mr-back-top{position:fixed;bottom:28px;right:28px;z-index:40;width:44px;height:44px;border-radius:0;border:1px solid #ddd;background:#fff;color:#333;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,0.08);opacity:0;transform:translateY(12px);transition:opacity .3s,transform .3s,background .2s;pointer-events:none;}
.mr-back-top.is-visible{opacity:1;transform:translateY(0);pointer-events:auto;}
.mr-back-top:hover{background:#f5f5f5;border-color:#bbb;}
@media(max-width:768px){
.mr-back-top{bottom:20px;right:16px;width:40px;height:40px;}
body.mr-sticky-buy-visible .mr-back-top{bottom:90px;}
}

/* Cart abandoned reminder */
.mr-cart-remind{position:fixed;top:-70px;left:50%;transform:translateX(-50%);z-index:9998;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e5e5e5;box-shadow:0 8px 30px rgba(0,0,0,0.12);padding:12px 18px;border-radius:0;max-width:520px;width:calc(100% - 24px);transition:top .45s cubic-bezier(0.16,1,0.3,1);font-size:13px;color:#333;}
.mr-cart-remind.is-visible{top:20px;}
.mr-cart-remind strong{color:var(--primary,#950606);}
.mr-cart-remind-btn{background:var(--primary,#950606);color:#fff;border:none;padding:8px 18px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;white-space:nowrap;margin-left:auto;}
.mr-cart-remind-btn:hover{opacity:.9;}
.mr-cart-remind-close{background:none;border:none;color:#999;font-size:16px;cursor:pointer;padding:0 0 0 6px;line-height:1;}
@media(max-width:768px){
.mr-cart-remind{flex-wrap:wrap;gap:8px;padding:12px 14px;}
.mr-cart-remind-btn{width:100%;text-align:center;padding:10px;}
}

/* Scroll reveal for product cards */
.mr-pcard{opacity:0;transform:translateY(24px);transition:opacity .5s cubic-bezier(0.16,1,0.3,1),transform .5s cubic-bezier(0.16,1,0.3,1);}
.mr-pcard.mr-revealed{opacity:1;transform:translateY(0);}
.mr-pcard:nth-child(2){transition-delay:.06s;}
.mr-pcard:nth-child(3){transition-delay:.12s;}
.mr-pcard:nth-child(4){transition-delay:.18s;}
.mr-pcard:nth-child(n+5){transition-delay:.22s;}
@media(prefers-reduced-motion:reduce){
.mr-pcard{opacity:1;transform:none;transition:none;}
}

/* Stars on product cards */
.mr-pcard__stars{display:inline-flex;align-items:center;gap:1px;margin-right:4px;}

/* Buy block — unified action area */
.mr-buy-block{display:flex;flex-direction:column;gap:8px;margin-top:8px;}
.mr-btn-main{width:100%;height:50px;background:var(--primary,#950606);color:#fff;border:2px solid var(--primary,#950606);border-radius:6px;font-family:'Manrope',sans-serif;font-size:0.76rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background .2s,border-color .2s,transform .12s;display:flex;align-items:center;justify-content:center;gap:8px;}
.mr-btn-main:hover{background:var(--primary-dark,#750505);border-color:var(--primary-dark,#750505);}
.mr-btn-main:active{transform:scale(0.98);}
.mr-btn-main i,.mr-btn-main svg{width:15px;height:15px;flex-shrink:0;}
.mr-btn-main--disabled{background:#d1d5db!important;border-color:#d1d5db!important;color:#6b7280;cursor:not-allowed;}
.mr-btn-row{display:flex;gap:8px;}
.mr-btn-sec{flex:1;height:46px;background:#fff;color:var(--primary,#950606);border:1.5px solid var(--primary,#950606);border-radius:6px;font-family:'Manrope',sans-serif;font-size:0.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .2s,color .2s;}
.mr-btn-sec:hover{background:var(--primary,#950606);color:#fff;}
.mr-btn-sec i,.mr-btn-sec svg{width:14px;height:14px;flex-shrink:0;}
.mr-btn-fav{width:46px;height:46px;flex-shrink:0;background:#fff;border:1.5px solid var(--borderGray,#e0e0e0);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,transform .12s;}
.mr-btn-fav:hover{border-color:var(--primary);transform:scale(1.05);}
.mr-btn-fav:active{transform:scale(0.92);}
.mr-btn-fav svg,.mr-btn-fav i{width:18px;height:18px;color:var(--textMuted,#999);stroke-width:1.5;transition:fill .15s,color .15s;}
.mr-btn-fav:hover svg,.mr-btn-fav:hover i{color:var(--primary);}
.mr-btn-fav svg.is-fav,.mr-btn-fav i.is-fav{fill:var(--primary);stroke:var(--primary);color:var(--primary);}
.mr-pedido-note{font-size:11px;color:var(--textMuted);margin-top:2px;display:flex;align-items:center;gap:5px;}
.mr-pedido-note i,.mr-pedido-note svg{width:13px;height:13px;flex-shrink:0;}
.mr-pay-strip{display:flex;align-items:center;gap:10px;margin-top:10px;}
.mr-pay-strip img{height:26px;width:auto;object-fit:contain;}
.mr-pay-strip img[alt="BCP"]{height:18px;}
.mr-pay-strip img[alt="Visa"]{height:28px;}
.mr-pay-txt{font-size:10px;color:var(--textMuted,#aaa);font-weight:500;}
.mr-wa-consult{display:inline-flex;align-items:center;gap:7px;margin-top:14px;font-size:12px;font-weight:600;color:#25d366;text-decoration:none;transition:all .2s;border:1.5px solid #25d366;border-radius:8px;padding:8px 16px;}
.mr-wa-consult:hover{color:#fff;background:#25d366;}
.mr-wa-consult svg{flex-shrink:0;}

/* ── Lead capture popup · Club Milan Rich ──
   Layout partido: imagen (editable desde el admin) + contenido.
   Acentos en el vino de marca. Sin ornamentos. */
.mr-lead-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto;transition:background .35s;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);}
.mr-lead-overlay.is-visible{background:rgba(15,10,10,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
.mr-lead-box{position:relative;display:grid;grid-template-columns:1fr;width:100%;max-width:430px;margin:auto;overflow:hidden;border-radius:16px;background:linear-gradient(160deg,#FAF8F4,#F1EDE7);box-shadow:0 40px 90px -25px rgba(0,0,0,.75);opacity:0;transform:scale(.93) translateY(24px);transition:opacity .45s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1);}
.mr-lead-overlay.is-visible .mr-lead-box{opacity:1;transform:none;}
/* Solo con foto cargada desde el admin se abre la columna de imagen */
.mr-lead-box.has-photo{grid-template-columns:38% 62%;max-width:880px;}

/* lado imagen (oculto si no hay foto) */
.mr-lead-img{display:none;position:relative;min-height:510px;overflow:hidden;background-size:cover;background-position:center;}
.mr-lead-box.has-photo .mr-lead-img{display:block;}
.mr-lead-img:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 20% 15%,rgba(255,255,255,.10),transparent 60%),linear-gradient(160deg,rgba(10,4,4,.35),rgba(10,4,4,0) 45%,rgba(10,4,4,.62));}
.mr-lead-img:before{content:"";position:absolute;top:0;right:0;bottom:0;width:2px;z-index:4;background:linear-gradient(180deg,transparent,var(--primary,#950606) 25%,var(--primary,#950606) 75%,transparent);}
.mr-lead-vert{position:absolute;top:36px;left:34px;z-index:3;color:#fff;font-size:10.5px;font-weight:600;letter-spacing:.3em;line-height:2.35;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.6);}
.mr-lead-vert i{display:block;width:26px;height:2px;background:var(--primary,#950606);margin-top:16px;box-shadow:0 0 10px rgba(149,6,6,.9);}

/* lado contenido */
.mr-lead-content{position:relative;padding:44px 34px 34px;text-align:center;display:flex;flex-direction:column;justify-content:center;}
.mr-lead-box.has-photo .mr-lead-content{padding:52px 48px 40px;}
.mr-lead-box:not(.has-photo) .mr-lead-title{font-size:27px;}
.mr-lead-box:not(.has-photo) .mr-lead-mark{font-size:21px;letter-spacing:.26em;margin-bottom:24px;}
.mr-lead-close{position:absolute;top:19px;right:21px;z-index:6;width:36px;height:36px;border:none;border-radius:50%;background:transparent;color:#4a4a4a;font-size:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,transform .2s;}
.mr-lead-close:hover{background:rgba(149,6,6,.08);color:var(--primary,#950606);transform:rotate(90deg);}
.mr-lead-kick{position:relative;font-size:10px;font-weight:700;letter-spacing:.36em;text-transform:uppercase;color:var(--primary,#950606);margin:0 0 14px;}
.mr-lead-mark{position:relative;font-size:25px;font-weight:300;letter-spacing:.3em;text-transform:uppercase;color:var(--textMain,#1A1A1A);margin:0 0 30px;line-height:1.2;text-indent:.3em;}
.mr-lead-title{position:relative;font-size:clamp(26px,2.8vw,34px);font-weight:600;letter-spacing:-.02em;color:var(--textMain,#1A1A1A);margin:0 0 13px;line-height:1.16;}
.mr-lead-title em{font-style:normal;color:var(--primary,#950606);position:relative;white-space:nowrap;}
.mr-lead-title em:after{content:"";position:absolute;left:2%;right:2%;bottom:.02em;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,rgba(149,6,6,.45),transparent);}
.mr-lead-sub{position:relative;font-size:14.5px;color:var(--textMuted,#6F6F6F);line-height:1.62;margin:0 auto 26px;max-width:385px;}

/* beneficios (P2: ícono grande + subrayado) */
.mr-lead-perks{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 28px;}
.mr-lead-perk i{display:flex;align-items:center;justify-content:center;margin:0 auto 10px;}
.mr-lead-perk svg{stroke:var(--primary,#950606);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.mr-lead-perk u{display:block;width:20px;height:2px;background:var(--primary,#950606);margin:0 auto 10px;border-radius:2px;opacity:.75;}
.mr-lead-perk span{display:block;font-size:9.5px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#4b4b4b;line-height:1.7;}

/* botón */
.mr-lead-btn{position:relative;display:flex;align-items:center;gap:14px;width:100%;padding:17px 22px;border:none;border-radius:999px;cursor:pointer;overflow:hidden;color:#fff;text-decoration:none;background:linear-gradient(145deg,#B00A0A,#750505);box-shadow:0 14px 32px -10px rgba(149,6,6,.75);transition:transform .22s,box-shadow .22s;}
.mr-lead-btn:hover{transform:translateY(-2px);box-shadow:0 19px 40px -10px rgba(149,6,6,.9);}
.mr-lead-btn .mr-lead-wa{display:flex;align-items:center;justify-content:center;flex:none;}
.mr-lead-btn .mr-lead-lbl{flex:1;text-align:center;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}
.mr-lead-btn .mr-lead-arr{flex:none;transition:transform .22s;}
.mr-lead-btn:hover .mr-lead-arr{transform:translateX(4px);}
.mr-lead-btn:after{content:"";position:absolute;top:0;left:-120%;width:48%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.32),transparent);transform:skewX(-20deg);animation:mrLeadSweep 3.8s infinite;}
@keyframes mrLeadSweep{0%{left:-120%}52%{left:140%}100%{left:140%}}
.mr-lead-note{position:relative;font-size:12px;color:#8f8f8f;margin:15px 0 0;}

@media(max-width:800px){
.mr-lead-box,.mr-lead-box.has-photo{grid-template-columns:1fr;max-width:420px;}
.mr-lead-img{min-height:158px;}
.mr-lead-img:before{top:auto;bottom:0;left:0;right:0;width:auto;height:2px;background:linear-gradient(90deg,transparent,var(--primary,#950606),transparent);}
.mr-lead-vert{top:20px;left:22px;font-size:9px;letter-spacing:.22em;line-height:2;}
.mr-lead-vert i{margin-top:10px;width:20px;}
.mr-lead-content{padding:32px 24px 28px;}
.mr-lead-mark{font-size:19px;letter-spacing:.24em;margin-bottom:22px;}
.mr-lead-title{font-size:25px;}
.mr-lead-sub{font-size:13.5px;margin-bottom:22px;}
.mr-lead-perks{margin-bottom:22px;}
.mr-lead-perk span{font-size:8.5px;letter-spacing:.07em;}
.mr-lead-btn .mr-lead-lbl{font-size:12.5px;letter-spacing:.08em;}
.mr-lead-close{top:12px;right:12px;background:rgba(255,255,255,.92);}
}

/* ==========================================================================
   MILAN RICH — RECOVERY PATCH 2026-09-11
   Restaura estilos de componentes que index.php/app.js ya usan pero que no
   estaban presentes en el bundle CSS activo.
   ========================================================================== */

/* ---------- HEADER / BUSCADOR / NAVEGACIÓN INLINE ---------- */
.glass-header{
  background:#E30016!important;
  border-bottom:0!important;
  box-shadow:none!important;
  color:#fff!important;
}
.glass-header .header-icon,
.glass-header .hdr-btn,
.glass-header .hdr-cart{
  color:#fff!important;
  stroke:#fff!important;
}
.glass-header #cart-counter{
  background:#fff!important;
  color:#E30016!important;
}
.glass-header img#header-logo-img,
.glass-header .hdr-logo-center img{
  filter:brightness(0) invert(1)!important;
  -webkit-filter:brightness(0) invert(1)!important;
}
.hdr-row{
  display:grid!important;
  grid-template-columns:260px minmax(290px,1fr) auto auto!important;
  align-items:center!important;
  min-height:108px!important;
  gap:16px!important;
  padding-left:1rem!important;
  padding-right:1rem!important;
}
.hdr-logo-center{
  justify-self:start!important;
  min-width:0;
  display:flex;
  align-items:center;
}
#header-logo-img{
  max-height:72px!important;
  max-width:260px!important;
  width:auto!important;
  height:auto!important;
}
.hdr-logo-center img{
  max-height:72px!important;
  max-width:260px!important;
  width:auto!important;
  height:auto!important;
}
.hdr-hamburger{display:none!important;}
.hdr-search-inline{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  max-width:460px;
  justify-self:center;
}
.hdr-search-inline input{
  width:100%;
  height:40px;
  border:0;
  outline:0;
  border-radius:999px;
  background:#fff;
  color:#333;
  padding:0 46px 0 18px;
  font-family:"Manrope",sans-serif;
  font-size:13px;
  box-shadow:0 1px 0 rgba(255,255,255,.15);
}
.hdr-search-inline input::placeholder{color:#9b9b9b;}
.hdr-search-inline__btn{
  position:absolute;
  right:4px;
  top:50%;
  transform:translateY(-50%);
  width:34px;
  height:34px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#E30016!important;
  background:transparent;
  border:0;
}
.hdr-search-inline__btn svg,
.hdr-search-inline__btn i{
  width:19px!important;
  height:19px!important;
  stroke:#E30016!important;
}
.hdr-suggestions-inline{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  right:0;
  z-index:80;
  background:#fff;
  color:#1a1a1a;
  border:1px solid #e8e8e8;
  border-radius:8px;
  box-shadow:0 16px 40px rgba(0,0,0,.14);
  max-height:360px;
  overflow-y:auto;
}
.mr-desktop-nav--inline{
  display:block!important;
  background:transparent!important;
  border:0!important;
  min-width:max-content;
}
.mr-desktop-nav--inline .mr-desktop-nav__inner{
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  justify-content:flex-start!important;
}
.mr-desktop-nav--inline .mr-desktop-nav__link{
  color:#fff!important;
  background:transparent!important;
  padding:10px 11px!important;
  font-size:11px!important;
  font-weight:600!important;
  letter-spacing:.12em!important;
  border-radius:0!important;
  white-space:nowrap;
}
.mr-desktop-nav--inline .mr-desktop-nav__link:hover{
  color:#fff!important;
  background:rgba(255,255,255,.10)!important;
}
.mr-desktop-nav--inline .mr-desktop-nav__link--ofertas{
  color:#F7D75D!important;
}
.mr-desktop-nav--legacy{display:none!important;}
.hdr-search-mobile-btn{display:none!important;}
.hdr-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  justify-self:end!important;
  gap:2px!important;
  min-width:max-content;
}
.hdr-actions .hdr-btn,
.hdr-actions .hdr-cart{
  min-width:40px;
  min-height:40px;
  padding:0 7px;
  background:transparent!important;
}
.hdr-actions .hdr-btn:hover,
.hdr-actions .hdr-cart:hover{
  background:rgba(255,255,255,.10)!important;
}
.hdr-cart{position:relative;}
#cart-counter{
  position:absolute;
  top:1px;
  right:0;
  min-width:15px;
  height:15px;
  padding:0 4px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:9px;
  font-weight:800;
  line-height:1;
}
@media (max-width:1100px){
  .hdr-row{
    grid-template-columns:220px minmax(240px,1fr) auto auto!important;
    gap:10px!important;
  }
  #header-logo-img{max-width:220px!important;max-height:58px!important;} .hdr-logo-center img{max-width:220px!important;max-height:58px!important;}
  .mr-desktop-nav--inline .mr-desktop-nav__link{padding:9px 8px!important;font-size:10px!important;}
}
@media (max-width:900px){
  .hdr-row{
    grid-template-columns:44px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto;
    min-height:auto!important;
    padding-top:9px!important;
    padding-bottom:10px!important;
  }
  .hdr-hamburger{
    display:flex!important;
    grid-column:1;
    grid-row:1;
  }
  .hdr-logo-center{
    grid-column:2;
    grid-row:1;
    justify-self:center!important;
  }
  .hdr-actions{
    grid-column:3;
    grid-row:1;
  }
  .hdr-search-inline{
    grid-column:1/-1;
    grid-row:2;
    max-width:none;
    margin-top:2px;
  }
  .mr-desktop-nav--inline{display:none!important;}
  #header-logo-img{max-height:50px!important;max-width:210px!important;} .hdr-logo-center img{max-height:50px!important;max-width:210px!important;}
}
@media (max-width:520px){
  .hdr-row{padding-left:10px!important;padding-right:10px!important;gap:8px!important;}
  #header-logo-img{max-height:44px!important;max-width:180px!important;} .hdr-logo-center img{max-height:44px!important;max-width:180px!important;}
  .hdr-search-inline input{height:38px;font-size:12px;}
}
.glass-header.mr-search-hidden .hdr-search-inline{
  display:none!important;
}

/* ---------- DESTACADOS / ESCAPARATE ---------- */
.mr-showcase{
  width:100%;
  max-width:1200px;
  margin:34px auto 56px;
  padding:0 16px;
}
.mr-showcase__card{
  background:#E30016;
  border-radius:18px;
  padding:22px;
  box-shadow:0 10px 34px rgba(160,0,15,.12);
}
.mr-showcase__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
.mr-showcase__title{
  margin:0;
  color:#fff;
  font-family:"Manrope",sans-serif;
  font-size:1.35rem;
  font-weight:700;
  letter-spacing:.01em;
}
.mr-showcase__ctrls{
  display:flex;
  align-items:center;
  gap:8px;
}
.mr-showcase__all{
  color:#fff;
  font-size:11px;
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:3px;
  margin-right:6px;
  white-space:nowrap;
}
.mr-showcase__nav{
  width:38px;
  height:38px;
  border-radius:50%;
  border:0;
  background:#fff;
  color:#E30016;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.mr-showcase__nav svg{width:17px;height:17px;}
.mr-showcase__track{
  display:flex;
  gap:14px;
  overflow-x:auto;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  overscroll-behavior-x:contain;
  padding-bottom:2px;
}
.mr-showcase__track::-webkit-scrollbar{display:none;}
.mr-sc-card{
  flex:0 0 calc((100% - 56px)/5);
  min-width:180px;
  background:#fff;
  border-radius:12px;
  overflow:hidden;
  scroll-snap-align:start;
  cursor:pointer;
  box-shadow:0 1px 3px rgba(0,0,0,.08);
  transition:transform .2s ease,box-shadow .2s ease;
}
.mr-sc-card:hover{transform:translateY(-3px);box-shadow:0 9px 24px rgba(0,0,0,.12);}
.mr-sc-card__img{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  background:#fff;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.mr-sc-card__img img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:7px;
}
.mr-sc-card__discount{
  position:absolute;
  left:10px;
  top:10px;
  z-index:2;
  background:#E30016;
  color:#fff;
  font-size:10px;
  font-weight:800;
  padding:5px 8px;
  line-height:1;
  border-radius:3px;
}
.mr-sc-card__body{padding:12px 13px 14px;}
.mr-sc-card__price{
  display:flex;
  align-items:baseline;
  gap:8px;
  color:#111;
  font-size:14px;
  font-weight:800;
  margin-bottom:6px;
}
.mr-sc-card__oldprice{
  color:#8b8b8b;
  font-size:10px;
  font-weight:500;
  text-decoration:line-through;
}
.mr-sc-card__name{
  color:#333;
  font-size:11px;
  line-height:1.35;
  min-height:30px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.mr-sc-card__pedido{
  display:inline-block;
  margin-top:8px;
  color:#E30016;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
@media (max-width:900px){
  .mr-sc-card{flex-basis:calc((100% - 28px)/3);}
}
@media (max-width:640px){
  .mr-showcase{margin:20px auto 34px;padding:0 10px;}
  .mr-showcase__card{padding:15px;border-radius:14px;}
  .mr-showcase__title{font-size:1.15rem;}
  .mr-showcase__nav{width:34px;height:34px;}
  .mr-sc-card{flex-basis:72%;min-width:190px;}
}

/* ---------- SKELETONS DINÁMICOS ---------- */
@keyframes mrSkelPulse{0%,100%{opacity:.55}50%{opacity:1}}
.mr-skel-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #eee;}
.mr-skel{background:#efefef;animation:mrSkelPulse 1.25s ease-in-out infinite;}
.mr-skel-img{width:100%;aspect-ratio:4/5;}
.mr-skel-line{height:12px;margin:12px 12px 0;border-radius:999px;}
.mr-skel-line--sm{width:60%;margin-bottom:14px;}

/* ---------- HISTORIA DE MARCA ---------- */
.mr-brand-story{
  background:#111;
  color:#fff;
  padding:72px 20px;
}
.mr-brand-story__inner{
  width:100%;
  max-width:820px;
  margin:0 auto;
}
.mr-brand-story__eyebrow{
  display:block;
  color:#C9A227;
  font-size:10px;
  font-weight:700;
  letter-spacing:.26em;
  text-transform:uppercase;
  margin-bottom:16px;
}
.mr-brand-story__title{
  margin:0 0 24px;
  color:#fff;
  font-family:var(--font-editorial,"Manrope",sans-serif);
  font-size:clamp(2.2rem,5vw,4.4rem);
  font-weight:600;
  line-height:.98;
  letter-spacing:-.03em;
}
.mr-brand-story__text{
  color:rgba(255,255,255,.72);
  font-size:14px;
  line-height:1.8;
  max-width:760px;
  margin:0 0 16px;
}
.mr-brand-story__text strong{color:#fff;}
.mr-brand-story__text--tag{
  color:#fff;
  font-weight:600;
  margin-top:24px;
}
.mr-brand-story__cta{
  display:inline-flex;
  margin-top:18px;
  padding-bottom:4px;
  border-bottom:1px solid #C9A227;
  color:#fff;
  font-size:10px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
}

/* ---------- BANDA DE CONFIANZA ---------- */
.mr-trust-band{
  background:#fff;
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
  padding:34px 20px;
}
.mr-trust-band__inner{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
}
.mr-trust-band__item{
  min-width:0;
  display:grid;
  grid-template-columns:56px 1fr;
  grid-template-rows:auto auto;
  column-gap:14px;
  align-items:center;
}
.mr-trust-band__icon{
  grid-row:1/3;
  width:56px!important;
  height:56px!important;
  color:#E30016;
  flex:none;
}
.mr-trust-band__icon svg{
  display:block!important;
  width:56px!important;
  height:56px!important;
  max-width:56px!important;
  max-height:56px!important;
}
.mr-trust-band__title{
  color:#1a1a1a;
  font-size:12px;
  font-weight:800;
  line-height:1.25;
}
.mr-trust-band__sub{
  color:#777;
  font-size:10.5px;
  line-height:1.4;
  margin-top:3px;
}
@media (max-width:900px){
  .mr-trust-band__inner{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:520px){
  .mr-trust-band{padding:26px 16px;}
  .mr-trust-band__inner{grid-template-columns:1fr;gap:20px;}
}

/* ---------- REVIEWS / TESTIMONIOS ---------- */
.rv6{
  max-width:1200px;
  margin:0 auto;
  padding:54px 0 42px;
}
.rv6-hd{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin:0 0 22px;
  padding:0 4px;
}
.rv6-hd__meta{min-width:0;}
.rv6-eyebrow{
  display:block;
  color:#E30016;
  font-size:10px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-bottom:8px;
}
.rv6-title{
  color:#1a1a1a;
  font-size:clamp(1.45rem,3vw,2.2rem);
  font-weight:700;
  line-height:1.15;
  margin:0;
}
.rv6-hd__inline{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:10px;
}
.rv6-hd__stars{display:inline-flex;gap:2px;color:#F5A623;}
.rv6-hd__stars svg{width:15px!important;height:15px!important;fill:#F5A623!important;stroke:none!important;}
.rv6-hd__inline-txt{font-size:12px;color:#6F6F6F;}
.rv6-write{
  flex:none;
  background:transparent;
  border:0;
  color:#1a1a1a;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
  border-bottom:1px solid #1a1a1a;
  padding:0 0 3px;
}
.rv6-write span{margin-left:5px;}
.rv6-carousel{position:relative!important;width:100%!important;max-width:none!important;padding:0 48px!important;}
.rv6-scroll{
  display:flex!important;
  gap:20px!important;
  overflow-x:auto!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;
  padding:8px 2px 16px!important;
}
.rv6-scroll::-webkit-scrollbar{display:none!important;}
.rv6-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:4;
  width:38px;
  height:38px;
  border-radius:50%;
  background:#fff;
  color:#333;
  border:1px solid #e2e2e2;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 3px 14px rgba(0,0,0,.10);
  transition:opacity .2s,transform .2s;
}
.rv6-arrow--left{left:2px;}
.rv6-arrow--right{right:2px;}
.rv6-arrow svg{width:17px!important;height:17px!important;}

.rv7-card{
  width:280px!important;
  flex:0 0 280px!important;
  scroll-snap-align:start;
  background:#fff;
  border:1px solid #e8e8e8;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 2px 12px rgba(0,0,0,.05);
  transition:transform .2s ease,box-shadow .2s ease;
}
.rv7-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.10);}
.rv7-card__photo{
  position:relative;
  width:100%;
  aspect-ratio:1/1;
  background:#f2f2f2;
  overflow:hidden;
}
.rv7-card__photo img{
  display:block;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.rv7-card__ph{
  width:100%;
  height:100%;
  background:linear-gradient(135deg,#f1f1f1,#e5e5e5);
}
.rv7-card__caption{
  position:absolute;
  left:10px;
  bottom:10px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:5px;
  max-width:calc(100% - 20px);
  padding:6px 9px;
  border-radius:999px;
  background:rgba(0,0,0,.68);
  color:#fff;
  font-size:10px;
  font-weight:600;
  line-height:1;
  backdrop-filter:blur(5px);
}
.rv7-card__caption svg{
  width:12px!important;
  height:12px!important;
  min-width:12px!important;
  max-width:12px!important;
  stroke:#fff!important;
  fill:none!important;
}
.rv7-card__body{padding:15px 16px 16px;}
.rv7-card__top{
  display:flex;
  align-items:flex-start;
  gap:10px;
}
.rv7-card__avatar{
  width:34px;
  height:34px;
  min-width:34px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#E30016;
  color:#fff;
  font-size:11px;
  font-weight:800;
}
.rv7-card__right{min-width:0;flex:1;}
.rv7-card__stars{display:flex;gap:2px;margin-bottom:7px;}
.rv7-card__stars svg{
  width:13px!important;
  height:13px!important;
  fill:#F5A623!important;
  stroke:none!important;
}
.rv7-card__text{
  color:#444;
  font-size:12px;
  line-height:1.55;
  margin:0;
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:74px;
}
.rv7-card__foot{
  border-top:1px solid #eee;
  margin-top:13px;
  padding-top:12px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:8px;
}
.rv7-card__name{
  min-width:0;
  display:flex;
  align-items:center;
  gap:5px;
  color:#1a1a1a;
  font-size:11px;
  font-weight:800;
}
.rv7-card__check{
  display:inline-flex;
  width:14px;
  height:14px;
  flex:none;
  color:#E30016;
}
.rv7-card__check svg{width:14px!important;height:14px!important;}
.rv7-card__badge{
  display:inline-flex;
  align-items:center;
  gap:4px;
  color:#777;
  font-size:8.5px;
  text-transform:uppercase;
  letter-spacing:.06em;
  white-space:nowrap;
}
.rv7-card__badge svg{
  width:12px!important;
  height:12px!important;
  stroke:#777!important;
}
@media (min-width:768px){
  .rv7-card{width:300px!important;flex-basis:300px!important;}
}
@media (max-width:640px){
  .rv6{padding:36px 0 28px;}
  .rv6-hd{align-items:flex-start;flex-direction:column;padding:0 4px;}
  .rv6-carousel{padding:0 34px!important;}
  .rv6-arrow{width:32px;height:32px;}
  .rv7-card{width:82vw!important;flex-basis:82vw!important;max-width:300px;}
}

/* ---------- PRODUCT DETAIL / INFORMACIÓN ---------- */
.mrx-info{
  min-width:0;
  gap:18px!important;
}
.mrx-info__head{
  padding-bottom:18px;
  border-bottom:1px solid #ececec;
}
.mrx-info__meta{
  margin:0 0 8px;
  color:#777;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.16em;
}
.mrx-info__title{
  margin:0;
  color:#1a1a1a;
  font-family:var(--font-editorial,"Manrope",sans-serif);
  font-size:clamp(1.8rem,3vw,2.8rem);
  font-weight:600;
  line-height:1.08;
  letter-spacing:-.02em;
}
.mrx-info__rating{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:12px;
  flex-wrap:wrap;
}
.mrx-info__score{font-size:12px;font-weight:800;color:#222;}
.mrx-info__stars{display:inline-flex;align-items:center;gap:2px;}
.mrx-star{width:15px!important;height:15px!important;stroke:none!important;}
.mrx-star.is-full{fill:#F5A623!important;}
.mrx-star.is-empty{fill:#E5E5E5!important;}
.mrx-info__reviews{font-size:11px;color:#777;text-decoration:underline;text-underline-offset:2px;}
.mrx-info__price{padding:2px 0 4px;}
.mrx-info__actions{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.mrx-info__qty-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.mrx-info__qty-label{
  color:#333;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.mrx-facts{
  list-style:none;
  padding:14px 0;
  margin:0;
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
  display:grid;
  gap:9px;
}
.mrx-facts li{
  display:flex;
  align-items:center;
  gap:9px;
  color:#444;
  font-size:12px;
  line-height:1.4;
}
.mrx-facts li svg,
.mrx-facts li i{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  color:#E30016!important;
  stroke:#E30016!important;
}
.mrx-stock-tag{
  display:inline-flex;
  align-self:flex-start;
  margin-top:-7px;
  padding:6px 10px;
  border-radius:999px;
  background:#fff2f3;
  color:#B00012;
  font-size:10px;
  font-weight:800;
}
.mrx-trust-strip{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:7px;
  color:#777;
  font-size:10px;
  padding-top:4px;
}
.mrx-trust-strip span{display:inline-flex;align-items:center;gap:5px;}
.mrx-trust-strip svg,
.mrx-trust-strip i{
  width:12px!important;
  height:12px!important;
  min-width:12px!important;
}
.mrx-info__footer{
  margin-top:2px;
  padding-top:16px;
  border-top:1px solid #eee;
  display:flex;
  flex-direction:column;
  gap:16px;
}
.mrx-info__size-link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  color:#333;
  font-size:11px;
  cursor:pointer;
}
.mrx-info__size-cta{
  color:#E30016;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.mrx-info__pay{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.mrx-info__pay-label{
  color:#777;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
  white-space:nowrap;
}
.mrx-info__pay-icons{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  flex-wrap:wrap;
}
.mrx-info__pay-icons img{
  display:block;
  width:auto!important;
  max-width:48px;
  height:22px!important;
  object-fit:contain;
}
.mrx-info__pay-more{
  display:flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:50%;
  border:1px solid #ddd;
  color:#777;
  font-size:11px;
}

.mrx-specs-band{
  width:100%;
  background:#f7f7f7;
  padding:46px 0;
  margin:28px 0 0;
}
.mrx-tbl-wrap{
  display:grid;
  grid-template-columns:minmax(250px,.85fr) minmax(0,1.35fr);
  gap:42px;
  align-items:start;
  background:#fff;
  border:1px solid #e8e8e8;
  padding:34px;
}
.mrx-tbl__head{padding-right:10px;}
.mrx-tbl__eyebrow{
  display:block;
  color:#E30016;
  font-size:9px;
  font-weight:800;
  letter-spacing:.2em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.mrx-tbl__title{
  margin:0 0 12px;
  color:#1a1a1a;
  font-size:clamp(1.35rem,2.5vw,2rem);
  line-height:1.15;
  font-weight:700;
}
.mrx-tbl__deck{
  margin:0;
  color:#777;
  font-size:12px;
  line-height:1.65;
}
.mrx-tbl{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
}
.mrx-tbl th{
  text-align:left;
  padding:0 0 10px;
  border-bottom:1px solid #dedede;
  color:#999;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.mrx-tbl td{
  border-bottom:1px solid #eee;
  padding:13px 0;
  vertical-align:top;
  font-size:12px;
}
.mrx-tbl tr:last-child td{border-bottom:0;}
.mrx-tbl__key{
  width:48%;
  color:#444;
  font-weight:600;
}
.mrx-tbl__num{
  display:inline-block;
  width:28px;
  color:#bbb;
  font-size:9px;
  font-weight:700;
}
.mrx-tbl__val{
  color:#1a1a1a;
  font-weight:700;
}
@media (max-width:720px){
  .mrx-tbl-wrap{grid-template-columns:1fr;gap:24px;padding:24px 18px;}
  .mrx-specs-band{padding:30px 0;}
  .mrx-info__pay{align-items:flex-start;flex-direction:column;}
}

/* ---------- GARANTÍA ---------- */
.warranty-banner{
  border-radius:12px;
  box-shadow:0 12px 30px rgba(0,0,0,.08);
}
.warranty-banner img{max-width:100%;}

/* ---------- MISC NUEVOS COMPONENTES ---------- */
.mr-pcard__chip-pedido{
  display:inline-flex;
  align-items:center;
  gap:4px;
  color:#E30016;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.mr-view-enter{animation:mrViewEnter .28s ease both;}
@keyframes mrViewEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.ig-reels-header__meta{min-width:0;}
.ig-reels-sub{margin:6px 0 0;color:#777;font-size:12px;}
.lb-col--left,.lb-col--right{min-width:0;}
.review-star{width:16px!important;height:16px!important;}
.ck-ship-notes{font-size:11px;color:#777;line-height:1.5;}
.ck-totals__discount{color:#E30016;font-weight:700;}
.facet-count{color:#999;font-size:10px;}
.obj-content{min-width:0;}
.lg-hide{display:block;}
@media (min-width:1024px){.lg-hide{display:none!important;}}
.mr-lead-accent{color:#E30016;}
.mr-lead-wa-icon{width:22px!important;height:22px!important;}

/* Safety net: iconos SVG sin tamaño en componentes recuperados nunca deben expandirse */
.mr-showcase svg,
.mr-brand-story svg,
.mr-trust-band svg,
.rv6 svg,
.rv7-card svg,
.mrx-info svg,
.mrx-specs-band svg{
  flex-shrink:0;
}

/* ========================================================================== 
   MILAN RICH — MATCH VISUAL "ANTES" 2026-09-11
   Ajusta header y ficha de producto para recuperar proporciones originales.
   ========================================================================== */

/* Header desktop: logo con tamaño visual real, no solo max-width */
@media (min-width: 1101px) {
  .hdr-row {
    max-width: 1100px !important;
    min-height: 128px !important;
    grid-template-columns: 260px minmax(290px,1fr) auto auto !important;
    gap: 16px !important;
  }
  #header-logo-img,
  .hdr-logo-center img {
    width: 230px !important;
    max-width: 230px !important;
    max-height: 72px !important;
    height: auto !important;
    object-fit: contain !important;
  }
}
@media (min-width: 901px) and (max-width: 1100px) {
  .hdr-row {
    min-height: 118px !important;
    grid-template-columns: 220px minmax(240px,1fr) auto auto !important;
  }
  #header-logo-img,
  .hdr-logo-center img {
    width: 195px !important;
    max-width: 195px !important;
    max-height: 62px !important;
    height: auto !important;
  }
}

/* Ficha: misma escala y aire visual de la versión anterior */
#product-view {
  max-width: 1080px !important;
}

@media (min-width: 1024px) {
  #product-view {
    padding-top: 28px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .product-hero {
    gap: 3rem !important;
    align-items: flex-start !important;
  }
  .product-gallery-col {
    flex: 0 0 63% !important;
  }
  .product-info.mrx-info {
    flex: 1 1 0 !important;
    max-width: 330px !important;
    padding-top: .25rem !important;
    gap: 12px !important;
  }
}

.mrx-info__head {
  padding-bottom: 12px !important;
}
.mrx-info__meta {
  margin-bottom: 7px !important;
  font-size: 9px !important;
  letter-spacing: .18em !important;
}
.mrx-info__title {
  font-size: clamp(1.65rem, 2.15vw, 2.25rem) !important;
  font-weight: 700 !important;
  line-height: 1.06 !important;
  letter-spacing: -0.025em !important;
}
.mrx-info__rating {
  gap: 6px !important;
  margin-top: 10px !important;
}
.mrx-star {
  width: 13px !important;
  height: 13px !important;
}
.mrx-info__score { font-size: 11px !important; }
.mrx-info__reviews { font-size: 10px !important; }

.mrx-info__price {
  padding: 2px 0 3px !important;
}
.mrx-info__price .price-block { gap: .35rem !important; }
.mrx-info__price .price-row { gap: .65rem !important; }
.mrx-info__price .price-current {
  font-size: 1.65rem !important;
  font-weight: 700 !important;
}
.mrx-info__price .price-old {
  font-size: .82rem !important;
}
.mrx-info__price .price-discount-badge {
  font-size: .60rem !important;
  padding: .18rem .45rem !important;
}

.mrx-facts {
  padding: 12px 0 !important;
  gap: 7px !important;
}
.mrx-facts li {
  gap: 8px !important;
  font-size: 11px !important;
  color: #333 !important;
}
.mrx-facts li svg,
.mrx-facts li i {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  color: #333 !important;
  stroke: #333 !important;
}
.mrx-stock-tag {
  margin-top: 0 !important;
  padding: 5px 9px !important;
  font-size: 9px !important;
}

.mrx-info__actions {
  gap: 9px !important;
}
.mrx-info__qty-row {
  justify-content: flex-start !important;
  gap: 14px !important;
}
.mrx-info__qty-label {
  font-size: 10px !important;
  letter-spacing: .11em !important;
}
.mrx-info .qty-selector {
  height: 40px !important;
  border-radius: 6px !important;
}
.mrx-info .qty-selector button {
  width: 36px !important;
  font-size: 1rem !important;
}
.mrx-info .qty-selector span {
  width: 34px !important;
  font-size: .86rem !important;
}

.mrx-info .mr-buy-block {
  gap: 8px !important;
  margin-top: 6px !important;
}
.mrx-info .mr-btn-main {
  height: 46px !important;
  border-radius: 4px !important;
  font-size: .70rem !important;
  letter-spacing: .16em !important;
}
.mrx-info .mr-btn-sec {
  height: 42px !important;
  border-radius: 4px !important;
  font-size: .64rem !important;
}
.mrx-info .mr-btn-fav {
  width: 42px !important;
  height: 42px !important;
  border-radius: 4px !important;
}
.mrx-trust-strip {
  gap: 6px !important;
  font-size: 9px !important;
  padding-top: 4px !important;
}

.mrx-info__footer {
  padding-top: 13px !important;
  gap: 13px !important;
}
.mrx-info__size-link {
  justify-content: flex-start !important;
  gap: 10px !important;
  font-size: 10px !important;
}
.mrx-info__size-cta {
  font-size: 10px !important;
}
.mrx-info__pay {
  align-items: flex-start !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 7px !important;
}
.mrx-info__pay-label {
  font-size: 9px !important;
}
.mrx-info__pay-icons {
  justify-content: flex-start !important;
  gap: 6px !important;
}
.mrx-info__pay-icons img {
  height: 20px !important;
  max-width: 46px !important;
}
.mrx-info__pay-more {
  width: 20px !important;
  height: 20px !important;
  font-size: 10px !important;
}

/* Móvil conserva el layout compacto actual */
@media (max-width: 767px) {
  #product-view { max-width: 100% !important; }
  .mrx-info__title { font-size: clamp(1.6rem, 8vw, 2rem) !important; }
  .mrx-info__pay { flex-direction: column !important; }
}

/* ============================================================
   MILAN RICH — AJUSTES (rev. 2026-09-12)
   Paleta de marca: rojo + tinta. Sin verde, sin dorado.
   ============================================================ */
:root{
  --via-red:#E30016;
  --via-red-soft:#FDECEE;
  --via-ink:#16151A;
  --via-line:#E6E1DF;
}

/* ---------- Chips de disponibilidad ---------- */
.store-chip__n{ opacity:.6; font-weight:600; margin-left:5px; }
.store-chip--avail{ border-width:1px; }
.store-chip--lima.is-active{
  background:var(--via-ink)!important;
  border-color:var(--via-ink)!important;
  color:#fff!important;
}
.store-chip--lima:not(.is-active):hover{ border-color:var(--via-ink); color:var(--via-ink); }
.store-chip--import.is-active{
  background:var(--via-red)!important;
  border-color:var(--via-red)!important;
  color:#fff!important;
}
.store-chip--import:not(.is-active):hover{ border-color:var(--via-red); color:var(--via-red); }
.avail-subtitle{
  margin:10px 0 0;
  font-size:13px;
  line-height:1.5;
  color:var(--textMuted);
  max-width:62ch;
}

/* ---------- Precios de 4 y 5 cifras en móvil ----------
   .mr-price-now venía fijo en 1.7rem: "S/ 10,279" no entraba
   en una tarjeta de ~165px y se salía del bloque.          */
@media (max-width:767px){
  .mr-pcard__price-block{ flex-wrap:wrap; gap:3px 7px; }
  .mr-price-now, .mr-price-old{ white-space:nowrap; }
  /* Solo los precios de 4 y 5 cifras se reducen. */
  .mr-pcard__price-block--long .mr-price-now{ font-size:1.1rem!important; }
  .mr-pcard__price-block--long .mr-price-old{ font-size:.66rem!important; }
  .mr-pcard__price-block--long .mr-price-now--single{ font-size:1.2rem!important; }
}

/* ---------- Quiénes somos ---------- */
.mr-brand-story{ padding:64px 20px!important; }
.mr-brand-story__inner{
  max-width:1060px!important;
  display:grid;
  grid-template-columns:1.35fr 1fr;
  gap:48px;
  align-items:start;
}
.mr-brand-story__eyebrow{
  color:var(--via-red)!important;
  letter-spacing:.22em!important;
  margin-bottom:14px!important;
}
.mr-brand-story__title{
  font-size:clamp(1.7rem,3.4vw,2.5rem)!important;
  font-weight:700!important;
  line-height:1.12!important;
  letter-spacing:-.028em!important;
  margin:0 0 20px!important;
}
.mr-brand-story__text{
  font-size:14.5px!important;
  line-height:1.7!important;
  margin:0 0 14px!important;
  max-width:56ch!important;
}
.mr-brand-story__cta{
  border-bottom-color:var(--via-red)!important;
  margin-top:14px!important;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.mr-brand-story__facts{
  margin:0;
  border-top:1px solid rgba(255,255,255,.14);
}
.mr-brand-story__facts > div{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:18px;
  padding:12px 0;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.mr-brand-story__facts dt{
  font-size:10px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(255,255,255,.45);
  white-space:nowrap;
}
.mr-brand-story__facts dd{
  margin:0;
  font-size:13.5px;
  font-weight:600;
  color:#fff;
  text-align:right;
}
@media (max-width:820px){
  .mr-brand-story{ padding:48px 20px!important; }
  .mr-brand-story__inner{ grid-template-columns:1fr; gap:32px; }
}

/* ---------- Garantía de importación (ficha) ---------- */
.mr-guarantee{
  margin-top:18px;
  background:var(--via-red-soft);
  border:1px solid #F3CFD4;
  border-radius:3px;
  padding:18px 20px 16px;
}
.mr-guarantee__title{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13.5px;
  font-weight:800;
  letter-spacing:.02em;
  color:var(--via-red);
  margin:0 0 12px;
}
.mr-guarantee__title i,
.mr-guarantee__title svg{ width:16px; height:16px; flex:none; }
.mr-guarantee__steps{ counter-reset:g; list-style:none; margin:0; padding:0; }
.mr-guarantee__steps li{
  counter-increment:g;
  position:relative;
  padding:7px 0 7px 26px;
  font-size:13.5px;
  line-height:1.5;
  color:#4A4245;
  border-bottom:1px solid rgba(227,0,22,.08);
}
.mr-guarantee__steps li:last-child{ border-bottom:0; }
.mr-guarantee__steps li::before{
  content:counter(g);
  position:absolute;
  left:0; top:8px;
  font-size:10.5px;
  font-weight:800;
  color:var(--via-red);
  width:16px;
  text-align:center;
}
.mr-guarantee__steps b{ color:#171717; font-weight:700; }
.mr-guarantee__why{
  margin:12px 0 0;
  padding-top:12px;
  border-top:1px solid rgba(227,0,22,.14);
  font-size:12.5px;
  line-height:1.55;
  color:#6B5F62;
}

/* ---------- Checkout: vía de cada artículo y aviso ---------- */
.ck-sum-item__via{
  font-size:10.5px;
  font-weight:700;
  letter-spacing:.06em;
  margin:3px 0 0;
  display:flex;
  align-items:center;
  gap:5px;
}
.ck-sum-item__via::before{
  content:"";
  width:5px;height:5px;border-radius:50%;flex:none;
  background:currentColor;
}
.ck-sum-item__via.is-lima{ color:var(--via-ink); opacity:.65; }
.ck-sum-item__via.is-import{ color:var(--via-red); }

.ck-import-notice{
  margin-top:12px;
  background:var(--via-red-soft);
  border:1px solid #F3CFD4;
  border-left:3px solid var(--via-red);
  border-radius:3px;
  padding:14px 16px;
}
.ck-import-notice.hidden{ display:none; }
.ck-import-notice p{ margin:0; font-size:12.5px; line-height:1.55; color:#4A4245; }
.ck-import-notice p + p{ margin-top:8px; }
.ck-import-notice b{ color:#171717; font-weight:700; }
.ck-import-notice__lead{ font-size:13px !important; }
.ck-import-notice__warranty{
  padding-top:9px;
  border-top:1px solid rgba(227,0,22,.14);
  color:#6B5F62 !important;
}

/* La banda de confianza pasó de 4 a 3 items: sin esto quedaba una columna vacía. */
.mr-trust-band__inner{ grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width:900px){
  .mr-trust-band__inner{ grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px){
  .mr-trust-band__inner{ grid-template-columns:1fr; }
}
