/* Start:/local/templates/jinove_wine/template_styles.css?1791702210133246*/
@font-face {
font-family: "Cinzel";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f0.woff2) format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Cinzel";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f1.woff2) format("woff2");
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Cinzel";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f0.woff2) format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Cinzel";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f1.woff2) format("woff2");
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Cinzel";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f0.woff2) format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Cinzel";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f1.woff2) format("woff2");
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Cormorant Garamond";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f3.woff2) format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Cormorant Garamond";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f6.woff2) format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: "Cormorant Garamond";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f4.woff2) format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: "Cormorant Garamond";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f2.woff2) format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Cormorant Garamond";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f5.woff2) format("woff2");
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Cormorant Garamond";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f3.woff2) format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Cormorant Garamond";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f6.woff2) format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: "Cormorant Garamond";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f4.woff2) format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: "Cormorant Garamond";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f2.woff2) format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Cormorant Garamond";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f5.woff2) format("woff2");
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Cormorant Garamond";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f3.woff2) format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Cormorant Garamond";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f6.woff2) format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: "Cormorant Garamond";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f4.woff2) format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: "Cormorant Garamond";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f2.woff2) format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Cormorant Garamond";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f5.woff2) format("woff2");
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Cormorant Garamond";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f3.woff2) format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Cormorant Garamond";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f6.woff2) format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: "Cormorant Garamond";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f4.woff2) format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: "Cormorant Garamond";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f2.woff2) format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Cormorant Garamond";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f5.woff2) format("woff2");
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f12.woff2) format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f7.woff2) format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f8.woff2) format("woff2");
unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f10.woff2) format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f11.woff2) format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f9.woff2) format("woff2");
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f12.woff2) format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f7.woff2) format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f8.woff2) format("woff2");
unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f10.woff2) format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f11.woff2) format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f9.woff2) format("woff2");
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f12.woff2) format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f7.woff2) format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f8.woff2) format("woff2");
unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f10.woff2) format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f11.woff2) format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f9.woff2) format("woff2");
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f12.woff2) format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f7.woff2) format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f8.woff2) format("woff2");
unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f10.woff2) format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f11.woff2) format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f9.woff2) format("woff2");
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f12.woff2) format("woff2");
unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f7.woff2) format("woff2");
unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f8.woff2) format("woff2");
unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f10.woff2) format("woff2");
unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f11.woff2) format("woff2");
unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: "Manrope";
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(/local/templates/jinove_wine/./assets/fonts/f9.woff2) format("woff2");
unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
--vino-bg-rgb: 14, 9, 8;
--vino-bg-deep-rgb: 8, 5, 4;
--vino-bg-soft-rgb: 22, 11, 10;
--vino-gold-rgb: 201, 169, 106;
--vino-red-rgb: 168, 57, 44;
--vino-white-rgb: 255, 255, 255;
--vino-black-rgb: 0, 0, 0;
--vino-bg: #0e0908;
--vino-bg-deep: #080504;
--vino-bg-soft: #160b0a;
--vino-card: #1a1110;
--vino-gold: #c9a96a;
--vino-gold-hover: #d8bd84;
--vino-red: #a8392c;
--vino-red-soft: #e07a6c;
--vino-ink: #1a120c;
--vino-white: #ffffff;
--vino-muted: rgba(var(--vino-white-rgb), .7);
--vino-faint: rgba(var(--vino-white-rgb), .5);
--vino-line: rgba(var(--vino-white-rgb), .1);
--vino-line-field: rgba(var(--vino-white-rgb), .38);
--vino-focus-ring: 0 0 0 3px rgba(var(--vino-gold-rgb), .22);
--vino-serif: "Cormorant Garamond", Georgia, serif;
--vino-sans: "Manrope", "Segoe UI", sans-serif;
--vino-caps: "Cinzel", "Cormorant Garamond", serif;
--vino-text-xxs: .625rem;
--vino-text-micro: .75rem;
--vino-text-xs: .8125rem;
--vino-text-sm: .9375rem;
--vino-text-md: 1.0625rem;
--vino-text-lg: 1.1875rem;
--vino-title-xs: clamp(1.125rem, 1.6vw, 1.5rem);
--vino-display-3: clamp(1.625rem, 2.4vw, 2.5rem);
--vino-display-2: clamp(1.875rem, 4vw, 3.25rem);
--vino-display-1: clamp(2.5rem, 6vw, 5.5rem);
--vino-title-sm: var(--vino-display-2);
--vino-title-md: clamp(2rem, 4.5vw, 3.5rem);
--vino-title-lg: clamp(2.875rem, 6vw, 5.25rem);
--vino-leading-tight: 1.05;
--vino-leading-title: 1.2;
--vino-leading-ui: 1.45;
--vino-leading-text: 1.65;
--vino-leading-long: 1.75;
--vino-track-tight: -.01em;
--vino-track-xs: .06em;
--vino-track-sm: .12em;
--vino-track-md: .16em;
--vino-track-ui: .2em;
--vino-track-wide: .3em;
--vino-space-1: 4px;
--vino-space-2: 8px;
--vino-space-3: 12px;
--vino-space-4: 16px;
--vino-space-5: 20px;
--vino-space-6: 24px;
--vino-space-8: 32px;
--vino-space-10: 40px;
--vino-space-12: 48px;
--vino-space-14: 56px;
--vino-space-16: 64px;
--vino-space-20: 80px;
--vino-space-24: 96px;
--vino-space-28: 112px;
--vino-section-pad-y: var(--vino-space-24);
--vino-section-head-gap: var(--vino-space-12);
--vino-section-pad-x: var(--vino-space-12);
--vino-grid-gap-tight: var(--vino-space-4);
--vino-grid-gap-base: var(--vino-space-6);
--vino-grid-gap-wide: var(--vino-space-12);
--vino-wrap: 1280px;
--vino-radius-sm: 2px;
--vino-radius-md: 12px;
--vino-radius-lg: 16px;
--vino-radius-pill: 999px;
--vino-motion-fast: .2s ease;
--vino-motion-base: .25s ease;
--vino-motion-header: .45s ease;
--vino-motion-mid: .55s ease;
--vino-motion-soft: .7s ease;
--vino-motion-slow: .9s ease;
--vino-motion-reveal: .7s ease-out;
--vino-motion-item-reveal: .55s ease-out;
--vino-motion-hero: .78s cubic-bezier(.2, .72, .2, 1);
--vino-brand-card-height: 140px;
--vino-product-image-height: 260px;
--vino-product-image-ratio: 25 / 22;
--vino-occasion-card-height: 360px;
--vino-story-image-height: 480px;
--vino-news-image-height: 280px;
--vino-card-pad: var(--vino-space-6);
--vino-tap: 44px;
--vino-header-h: 85px;
--vino-green-soft: #bfe6bf;
--vino-z-cookie: 1100;
--vino-z-modal: 1150;
--vino-z-search: 1200;
--vino-z-toast: 1200;
--vino-z-age: 9999;
--vino-icon-star: url("data:image/svg+xml;utf8,");
}
.vino-section__head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: var(--vino-space-6);
margin-bottom: var(--vino-section-head-gap);
flex-wrap: wrap;
}
.vino-section {
border-top: 1px solid var(--vino-line);
background: var(--vino-bg);
color: var(--vino-white);
}
.vino-section__link-icon {
width: 16px;
height: 16px;
transition: transform var(--vino-motion-fast);
}
.vino-section__title {
font-family: var(--vino-serif);
font-weight: 400;
font-size: var(--vino-display-2);
line-height: var(--vino-leading-tight);
letter-spacing: var(--vino-track-tight);
margin: 0;
}
.vino-section__link {
display: inline-flex;
align-items: center;
gap: var(--vino-space-2);
color: var(--vino-gold);
border-bottom: 1px solid rgba(var(--vino-gold-rgb), .35);
padding-bottom: var(--vino-space-1);
font-family: var(--vino-sans);
font-size: var(--vino-text-xs);
font-weight: 500;
letter-spacing: var(--vino-track-ui);
text-transform: uppercase;
transition: border-color var(--vino-motion-fast), color var(--vino-motion-fast);
}
@media (hover:hover) {
.vino-section__link:hover {
color: var(--vino-white);
border-bottom-color: var(--vino-gold);
}
}
.vino-section__more {
position: relative;
color: var(--vino-gold);
font-family: var(--vino-sans);
font-size: var(--vino-text-xs);
font-weight: 500;
letter-spacing: var(--vino-track-ui);
text-transform: uppercase;
text-decoration: none;
padding-bottom: var(--vino-space-1);
white-space: nowrap;
border-bottom: 1px solid rgba(var(--vino-gold-rgb), .28);
}
.vino-section__count {
opacity: .62;
font-variant-numeric: tabular-nums;
}
.vino-section__count::before {
content: " ยท ";
}
.vino-section__more::after {
content: "";
position: absolute;
left: 0;
right: 100%;
bottom: -1px;
height: 1px;
background: var(--vino-gold);
transition: right var(--vino-motion-base);
}
@media (hover:hover) {
.vino-section__more:hover::after {
right: 0;
}
}
.vino-razdel-hero:has(.vino-showcase-banner--catalog) + .vino-section {
border-top: 0;
}
@media (max-width:760px) {
.vino-section__inner {
display: flex;
flex-direction: column;
}
.vino-section__inner > .vino-section__head {
display: contents;
}
.vino-section__intro {
order: 1;
margin-bottom: var(--vino-section-head-gap);
}
.vino-section__body {
order: 2;
}
.vino-section__all {
order: 3;
align-self: flex-start;
margin-top: var(--vino-space-5);
}
.vino-section__count {
display: inline;
}
}
.vino-news__grid {
display: grid;
grid-template-columns: 1fr;
gap: var(--vino-space-6);
}
@media (min-width:761px) {
.vino-news__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.vino-news__card {
position: relative;
transition: transform var(--vino-motion-base);
}
.vino-news__media {
aspect-ratio: 16 / 9;
overflow: hidden;
margin-bottom: var(--vino-space-5);
}
.vino-news__img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
opacity: .8;
transition: opacity var(--vino-motion-fast), transform var(--vino-motion-soft);
}
.vino-news__date {
display: block;
margin: 0 0 var(--vino-space-3);
color: var(--vino-faint);
font-size: var(--vino-text-xs);
letter-spacing: var(--vino-track-ui);
text-transform: uppercase;
}
.vino-news__title {
margin: 0 0 var(--vino-space-3);
font-family: var(--vino-serif);
font-size: var(--vino-title-xs);
font-weight: 400;
line-height: var(--vino-leading-title);
transition: color var(--vino-motion-fast);
}
.vino-news__link {
color: inherit;
}
.vino-news__link::after {
content: "";
position: absolute;
inset: 0;
}
.vino-news__text {
margin: 0;
color: rgba(var(--vino-white-rgb), .6);
font-size: var(--vino-text-sm);
line-height: var(--vino-leading-text);
}
@media (hover:hover) {
.vino-news__card:hover {
transform: translateY(-3px);
}
.vino-news__card:hover .vino-news__img {
opacity: 1;
transform: scale(1.05);
}
.vino-news__card:hover .vino-news__title {
color: var(--vino-gold);
}
}
@media (max-width:760px) {
.vino-news__grid {
gap: var(--vino-space-5);
}
.vino-news__title {
font-size: 1.375rem;
}
.vino-news__date {
font-size: var(--vino-text-xxs);
letter-spacing: 0;
text-transform: none;
}
.vino-news__text {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.vino-news__card--compact {
display: grid;
grid-template-columns: 112px minmax(0, 1fr);
grid-template-rows: auto 1fr;
column-gap: var(--vino-space-4);
padding-top: var(--vino-space-5);
border-top: 1px solid var(--vino-line);
}
.vino-news__card--compact .vino-news__media {
grid-row: span 2;
aspect-ratio: 4 / 3;
margin: 0;
}
.vino-news__card--compact .vino-news__date {
margin-bottom: var(--vino-space-1);
}
.vino-news__card--compact .vino-news__title {
margin: 0;
font-size: var(--vino-text-md);
}
.vino-news__card--compact .vino-news__text {
display: none;
}
}
.vino-news {
background: var(--vino-bg);
}
@media (min-width:981px) {
.vino-news .vino-news__grid {
gap: var(--vino-space-8);
}
}
* {
box-sizing: border-box;
}
html {
margin: 0;
background: var(--vino-bg);
scrollbar-color: color-mix(in srgb, var(--vino-gold) 40%, transparent) var(--vino-bg);
scroll-padding-top: calc(var(--vino-header-h) + var(--vino-space-4));
-webkit-tap-highlight-color: transparent;
}
@media (prefers-reduced-motion: no-preference) {
html {
scroll-behavior: smooth;
}
}
button, input {
font: inherit;
}
img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.vino-wrap, .vino-header__inner, .vino-footer__grid {
max-width: var(--vino-wrap);
margin: 0 auto;
}
.vino-icon {
width: 20px;
height: 20px;
flex: 0 0 auto;
}
.vino-btn .vino-icon {
width: 16px;
height: 16px;
}
.vino-icon--search {
stroke-width: 1.4;
}
@media (max-width:760px) {
.vino-tabbar__item .vino-icon {
width: 22px;
height: 22px;
}
}
.vino-header__inner {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
}
.vino-header {
position: sticky;
top: 0;
z-index: 50;
padding: var(--vino-space-4) var(--vino-section-pad-x);
border-bottom: 1px solid rgba(var(--vino-white-rgb), .05);
background: rgba(var(--vino-bg-rgb), .4);
backdrop-filter: blur(4px);
transition: background var(--vino-motion-fast), border-color var(--vino-motion-fast), box-shadow var(--vino-motion-fast), backdrop-filter var(--vino-motion-fast);
padding-top: 14px;
padding-bottom: 14px;
}
.vino-header--scrolled {
border-bottom-color: var(--vino-line);
background: rgba(var(--vino-bg-rgb), .8);
box-shadow: 0 8px 30px rgba(var(--vino-black-rgb), .35);
backdrop-filter: blur(12px);
}
@media (max-width:560px) {
.vino-header__inner {
gap: 10px;
}
}
.vino-header__main {
display: flex;
flex: 1;
align-items: center;
gap: var(--vino-space-10);
min-width: 0;
margin-left: var(--vino-space-8);
}
.vino-header.vino-header--mega {
background: rgba(var(--vino-bg-rgb), .97);
}
@media (min-width:981px) {
.vino-header .vino-header__main {
justify-content: center;
margin-left: var(--vino-space-10);
margin-right: var(--vino-space-10);
}
}
@media (min-width:981px) and (max-width:1279px) {
.vino-header .vino-header__main {
gap: var(--vino-space-5);
margin-left: var(--vino-space-5);
margin-right: var(--vino-space-5);
}
}
@media (max-width:980px) {
.vino-header .vino-header__main {
margin-right: 0;
margin-left: 0;
}
}
.vino-logo {
display: flex;
align-items: center;
gap: var(--vino-space-2);
border: 0;
background: transparent;
color: var(--vino-white);
}
.vino-logo__icon {
display: block;
object-fit: contain;
width: 24px;
height: 24px;
color: var(--vino-gold);
filter: drop-shadow(0 0 18px rgba(var(--vino-gold-rgb), .18));
transition: filter var(--vino-motion-header), color var(--vino-motion-header);
}
@media (hover:hover) {
.vino-logo:hover .vino-logo__icon {
filter: drop-shadow(0 0 20px rgba(var(--vino-gold-rgb), .5));
color: var(--vino-gold-hover);
}
}
.vino-logo--footer {
margin-bottom: var(--vino-space-4);
color: var(--vino-muted);
font-size: var(--vino-text-sm);
line-height: var(--vino-leading-text);
}
.vino-logo__name {
text-transform: uppercase;
font-family: var(--vino-caps);
font-weight: 500;
font-size: var(--vino-text-lg);
letter-spacing: var(--vino-track-md);
}
.vino-logo--header {
gap: var(--vino-space-3);
}
.vino-logo--header .vino-logo__icon {
width: 56px;
height: 56px;
}
.vino-logo--header .vino-logo__name {
color: var(--vino-gold);
font-size: var(--vino-title-xs);
white-space: nowrap;
}
@media (max-width:760px) {
.vino-logo--header .vino-logo__icon {
width: 56px;
height: 56px;
}
}
@media (min-width:981px) and (max-width:1279px) {
.vino-logo--header .vino-logo__icon {
width: 48px;
height: 48px;
}
}
@media (max-width:400px) {
.vino-logo--header {
gap: var(--vino-space-2);
}
.vino-logo--header .vino-logo__icon {
width: 48px;
height: 48px;
}
.vino-logo--header .vino-logo__name {
font-size: var(--vino-text-sm);
}
}
.vino-footer .vino-logo--footer {
gap: var(--vino-space-3);
margin-top: -18px;
margin-bottom: var(--vino-space-5);
text-decoration: none;
}
.vino-logo--footer .vino-logo__icon {
width: 56px;
height: 56px;
}
.vino-logo--footer .vino-logo__name {
color: var(--vino-gold);
font-size: var(--vino-title-xs);
white-space: nowrap;
}
@media (max-width:980px) {
.vino-footer .vino-logo--footer {
margin-top: 0;
}
}
@media (min-width:981px) and (max-width:1179px) {
.vino-logo--header .vino-logo__name {
display: none;
}
}
@media (max-width:340px) {
.vino-logo--header .vino-logo__name {
display: none;
}
}
.vino-age .vino-age__logo .vino-logo__icon {
width: 56px;
height: 56px;
}
.vino-age .vino-age__logo .vino-logo__name {
color: var(--vino-gold);
font-size: var(--vino-title-xs);
}
.vino-nav {
display: none;
align-items: center;
gap: var(--vino-space-10);
font-size: var(--vino-text-xs);
}
.vino-nav__link {
color: rgba(var(--vino-white-rgb), .8);
transition: color var(--vino-motion-fast);
font-family: var(--vino-sans);
font-size: var(--vino-text-xs);
font-weight: 600;
letter-spacing: var(--vino-track-ui);
text-transform: uppercase;
}
.vino-nav__link--extra, .vino-nav__ask {
display: none;
}
.vino-nav__link--active {
color: var(--vino-gold);
}
@media (hover:hover) {
.vino-nav__link:hover {
color: var(--vino-gold);
}
}
@media (max-width:980px) {
.vino-nav--open {
position: absolute;
top: calc(100% + 16px);
right: 0;
left: 0;
display: grid;
gap: 0;
border: 1px solid var(--vino-line);
background: var(--vino-bg);
padding: 10px 0;
box-shadow: 0 18px 40px rgba(var(--vino-black-rgb), .34);
backdrop-filter: blur(14px);
}
.vino-nav--open .vino-nav__link {
padding: 14px 22px;
}
.vino-nav--open .vino-nav__ask {
display: block;
padding: var(--vino-space-4) var(--vino-space-6);
border: 0;
border-top: 1px solid var(--vino-line);
background: none;
color: var(--vino-gold);
font-family: var(--vino-serif);
font-size: var(--vino-text-lg);
letter-spacing: var(--vino-track-ui);
text-align: left;
text-transform: uppercase;
cursor: pointer;
}
}
@media (max-width:760px) {
.vino-nav--open .vino-nav__link--extra {
display: block;
}
}
@media (min-width:981px) {
.vino-nav {
display: flex;
flex: 0 1 auto;
justify-content: center;
}
.vino-nav__link {
font-weight: 500;
white-space: nowrap;
}
.vino-nav__link:not(.vino-nav__link--active) {
color: rgba(var(--vino-white-rgb), .7);
}
.vino-nav__link--catalog {
display: none;
}
}
@media (min-width:981px) and (hover:hover) {
.vino-nav__link:not(.vino-nav__link--active):hover {
color: var(--vino-white);
}
}
@media (min-width:981px) and (max-width:1279px) {
.vino-nav {
gap: var(--vino-space-4);
}
}
.vino-actions {
display: flex;
align-items: center;
gap: var(--vino-space-5);
color: rgba(var(--vino-white-rgb), .8);
}
.vino-act {
position: relative;
display: flex;
width: 20px;
height: 20px;
align-items: center;
justify-content: center;
border: 0;
background: transparent;
color: inherit;
cursor: pointer;
padding: 0;
transition: color var(--vino-motion-fast);
}
@media (hover:hover) {
.vino-act:hover {
color: var(--vino-gold);
}
}
@media (min-width:981px) {
.vino-act--menu {
display: none;
}
}
@media (max-width:560px) {
.vino-actions {
gap: var(--vino-space-3);
}
}
@media (max-width:400px) {
.vino-actions {
gap: 9px;
}
}
@media (min-width:981px) and (max-width:1279px) {
.vino-header .vino-actions {
gap: var(--vino-space-3);
}
}
@media (max-width:760px) {
.vino-kicker {
display: none;
}
}
.vino-kicker {
margin: 0 0 var(--vino-space-3);
color: var(--vino-gold);
font-family: var(--vino-sans);
font-size: var(--vino-text-xs);
font-weight: 600;
letter-spacing: var(--vino-track-wide);
text-transform: uppercase;
}
@media (hover:hover) {
.vino-btn:hover {
background: var(--vino-white);
box-shadow: 0 18px 44px rgba(var(--vino-gold-rgb), .2);
transform: translateY(-2px);
}
.vino-btn--outline:hover {
background: var(--vino-gold);
color: var(--vino-bg);
}
}
.vino-form .vino-btn {
width: 100%;
justify-content: center;
}
.vino-subscribe .vino-btn {
flex: 0 0 auto;
}
.vino-btn {
display: inline-flex;
align-items: center;
gap: var(--vino-space-3);
background: var(--vino-gold);
color: var(--vino-bg);
font-size: var(--vino-text-xs);
letter-spacing: var(--vino-track-ui);
padding: var(--vino-space-3) var(--vino-space-6);
text-transform: uppercase;
box-shadow: 0 12px 32px rgba(var(--vino-gold-rgb), .12);
transition: background var(--vino-motion-fast), box-shadow var(--vino-motion-fast), color var(--vino-motion-fast), transform var(--vino-motion-fast);
border: 0;
font-family: var(--vino-sans);
font-weight: 600;
line-height: var(--vino-leading-title);
text-decoration: none;
cursor: pointer;
}
.vino-btn--sm {
padding: 11px 16px;
white-space: nowrap;
}
.vino-btn--outline {
background: transparent;
color: var(--vino-gold);
border: 1px solid var(--vino-gold);
}
.vino-subscribe__row .vino-btn {
flex: 0 0 auto;
height: 48px;
padding: 0 var(--vino-space-5);
border-radius: 0 var(--vino-radius-sm) var(--vino-radius-sm) 0;
}
@media (hover:hover) {
.vino-subscribe__row .vino-btn:hover {
transform: none;
}
}
.vino-modal__form .vino-btn {
justify-content: center;
width: 100%;
height: 48px;
margin-top: var(--vino-space-3);
border-radius: var(--vino-radius-sm);
box-shadow: none;
}
.vino-footer .vino-subscribe__row .vino-btn {
box-shadow: none;
}
.vino-showcase-banner--catalog .vino-btn--outline {
background: rgba(var(--vino-bg-rgb), .6);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
}
@media (max-width:560px) {
.vino-showcase-banner__actions .vino-btn {
justify-content: center;
}
}
@media (hover:hover) {
.vino-showcase-banner--catalog .vino-btn--outline:hover {
border-color: color-mix(in srgb, var(--vino-gold), var(--vino-white) 75%);
background: rgba(var(--vino-bg-rgb), .6);
color: color-mix(in srgb, var(--vino-gold), var(--vino-white) 75%);
}
}
@media (hover:hover) {
.vino-btn:hover .vino-icon, .vino-section__link:hover .vino-section__link-icon {
transform: translateX(4px);
}
}
.vino-brands__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
border-top: 1px solid var(--vino-line);
border-left: 1px solid var(--vino-line);
}
@media (min-width:761px) {
.vino-brands__grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (hover:hover) {
.vino-brands__item:hover {
background: var(--vino-bg-soft);
transform: translateY(-2px);
}
.vino-brands__item:hover .vino-brands__name {
color: var(--vino-white);
}
}
.vino-brands__item {
min-height: var(--vino-brand-card-height);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
border-right: 1px solid var(--vino-line);
border-bottom: 1px solid var(--vino-line);
text-align: center;
transition: background var(--vino-motion-fast), transform var(--vino-motion-base);
padding: var(--vino-space-10) var(--vino-space-6);
gap: var(--vino-space-2);
}
.vino-brands__name {
color: var(--vino-gold);
text-transform: uppercase;
transition: color var(--vino-motion-fast);
font-family: var(--vino-serif);
font-size: clamp(1rem, 1.4vw, 1.25rem);
letter-spacing: var(--vino-track-ui);
margin-bottom: var(--vino-space-3);
font-weight: 500;
}
.vino-brands__meta {
color: var(--vino-faint);
font-family: var(--vino-sans);
font-size: var(--vino-text-xs);
letter-spacing: var(--vino-track-wide);
text-transform: uppercase;
}
.vino-brands {
background: var(--vino-bg);
}
.vino-sections {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: var(--vino-space-3);
}
.vino-sections__item {
position: relative;
display: block;
overflow: hidden;
border: 1px solid var(--vino-line);
border-radius: var(--vino-radius-sm);
background: var(--vino-card);
}
.vino-sections__media {
display: block;
aspect-ratio: 16 / 9;
background: var(--vino-bg-soft);
}
.vino-sections__img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform var(--vino-motion-soft);
}
.vino-sections__body {
position: absolute;
right: 0;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
gap: var(--vino-space-1);
padding: var(--vino-space-12) var(--vino-space-6) var(--vino-space-5);
background: linear-gradient(to top, color-mix(in srgb, var(--vino-bg) 92%, transparent), transparent);
}
.vino-sections__name {
color: var(--vino-white);
font-family: var(--vino-serif);
font-size: 1.5rem;
font-weight: 500;
line-height: var(--vino-leading-tight);
transition: color var(--vino-motion-fast);
}
.vino-sections__meta {
color: var(--vino-gold);
font-family: var(--vino-sans);
font-size: var(--vino-text-xs);
letter-spacing: .08em;
text-transform: uppercase;
}
@media (min-width:561px) {
.vino-sections {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--vino-space-4);
}
.vino-sections__name {
font-size: var(--vino-display-3);
}
}
@media (min-width:561px) and (max-width:760px) {
.vino-sections__item:last-child:nth-child(odd) {
grid-column: 1 / -1;
}
}
@media (min-width:761px) {
.vino-sections {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.vino-sections__item {
grid-column: span 2;
}
.vino-sections__item:nth-child(4):nth-last-child(2), .vino-sections__item:nth-child(5):nth-last-child(1) {
grid-column: span 3;
}
}
@media (hover:hover) {
.vino-sections__item:hover .vino-sections__img {
transform: scale(1.04);
}
.vino-sections__item:hover .vino-sections__name {
color: var(--vino-gold);
}
}
.vino-brands__page {
display: contents;
}
@media (max-width:760px) {
.vino-brands__grid--slider {
display: grid;
grid-template-columns: none;
grid-template-rows: auto auto;
grid-auto-columns: 100%;
grid-auto-flow: column;
overflow-x: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x mandatory;
scrollbar-width: none;
border: 0;
}
.vino-brands__grid--slider::-webkit-scrollbar {
display: none;
}
.vino-brands__page {
display: grid;
grid-row: span 2;
grid-template-rows: subgrid;
grid-template-columns: repeat(2, minmax(0, 1fr));
border-top: 1px solid var(--vino-line);
border-left: 1px solid var(--vino-line);
scroll-snap-align: start;
scroll-snap-stop: always;
}
.vino-brands__grid--slider .vino-brands__item {
height: auto;
min-height: 96px;
padding: var(--vino-space-4) var(--vino-space-3);
}
.vino-brands__grid--slider .vino-brands__name {
margin-bottom: var(--vino-space-1);
letter-spacing: var(--vino-track-sm);
}
.vino-brands__grid--slider .vino-brands__meta {
color: rgba(var(--vino-white-rgb), .7);
font-size: var(--vino-text-xs);
letter-spacing: 0;
text-transform: none;
}
.vino-brands__dots {
margin-top: var(--vino-space-3);
}
}
.vino-product-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: var(--vino-grid-gap-base);
}
@media (max-width:760px) {
.vino-product-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width:560px) {
.vino-product-grid {
grid-template-columns: 1fr;
}
}
.vino-card__img {
transition: transform var(--vino-motion-soft);
}
@media (hover:hover) {
.vino-card:hover .vino-card__img {
transform: scale(1.05);
}
.vino-card:hover .vino-card__title {
color: var(--vino-gold);
}
}
.vino-card__image {
height: var(--vino-product-image-height);
display: block;
overflow: hidden;
background: var(--vino-card);
margin-bottom: var(--vino-space-5);
position: relative;
}
@media (max-width:560px) {
.vino-card__image {
height: auto;
aspect-ratio: var(--vino-product-image-ratio);
}
}
.vino-card__title {
color: var(--vino-white);
transition: color var(--vino-motion-fast);
font-family: var(--vino-serif);
font-size: var(--vino-title-xs);
font-weight: 500;
line-height: var(--vino-leading-title);
margin: 0 0 var(--vino-space-1);
margin-bottom: 10px;
}
.vino-card__place {
font-family: var(--vino-sans);
font-size: var(--vino-text-xs);
font-style: normal;
display: block;
margin: 0 0 10px;
color: var(--vino-muted);
}
.vino-card__cart {
display: inline-flex;
align-items: center;
border: 1px solid var(--vino-gold);
color: var(--vino-gold);
font-family: var(--vino-sans);
font-weight: 600;
text-transform: uppercase;
background: transparent;
cursor: pointer;
white-space: nowrap;
gap: 0;
width: 40px;
min-width: 40px;
height: 40px;
padding: 0;
justify-content: center;
font-size: 0;
letter-spacing: 0;
border-radius: var(--vino-radius-sm);
transition: background var(--vino-motion-fast), color var(--vino-motion-fast), border-color var(--vino-motion-fast);
margin-left: auto;
flex: none;
}
.vino-card__cart::before {
content: "";
flex: 0 0 auto;
background-color: currentColor;
width: 19px;
height: 19px;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-image: url("data:image/svg+xml;utf8,");
}
@media (hover:hover) {
.vino-card__cart:hover {
background: var(--vino-gold);
color: var(--vino-bg);
border-color: var(--vino-gold);
}
}
@media (pointer:coarse) {
.vino-card__cart {
width: 44px;
min-width: 44px;
height: 44px;
}
}
.vino-photo-stub {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: var(--vino-space-3);
padding: var(--vino-space-4);
text-align: center;
}
.vino-photo-stub__brand {
font-family: var(--vino-serif);
font-size: clamp(1.4rem, 2.2vw, 2rem);
letter-spacing: .08em;
line-height: 1.15;
text-transform: uppercase;
color: var(--vino-gold);
opacity: .6;
}
.vino-photo-stub__text {
color: var(--vino-faint);
font-size: var(--vino-text-xs);
letter-spacing: .08em;
text-transform: uppercase;
}
.vino-card__image--shot .vino-card__img {
object-fit: cover;
}
.vino-card__price {
font-family: var(--vino-sans);
font-weight: 600;
font-size: var(--vino-title-xs);
letter-spacing: 0;
line-height: 1;
white-space: nowrap;
font-variant-numeric: tabular-nums;
font-feature-settings: "tnum" 1;
color: var(--vino-gold);
}
.vino-card__old {
display: block;
margin-bottom: var(--vino-space-1);
color: var(--vino-faint);
font-size: var(--vino-text-xs);
font-weight: 400;
}
.vino-card__old s {
text-decoration-thickness: 1px;
}
.vino-card__percent {
color: var(--vino-red-soft);
font-weight: 600;
}
.vino-bestsellers__track .vino-card {
flex: 0 0 calc((100% - var(--vino-slider-gap) * (var(--vino-slider-cols) - 1)) / var(--vino-slider-cols));
scroll-snap-align: start;
}
.vino-card__qty {
display: none;
align-items: center;
margin-left: auto;
height: 40px;
border: 1px solid var(--vino-gold);
border-radius: var(--vino-radius-sm);
overflow: hidden;
}
.vino-card__qty--active {
display: inline-flex;
}
.vino-card__qty--active + .vino-card__cart {
display: none;
}
.vino-card__step {
width: 38px;
min-width: 38px;
height: 100%;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
color: var(--vino-gold);
font-family: var(--vino-sans);
font-size: var(--vino-text-lg);
line-height: 1;
font-weight: 500;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: background var(--vino-motion-fast), color var(--vino-motion-fast);
}
@media (hover:hover) {
.vino-card__step:hover {
background: var(--vino-gold);
color: var(--vino-bg);
}
}
.vino-card__count {
min-width: 30px;
text-align: center;
font-family: var(--vino-sans);
font-size: var(--vino-text-sm);
font-weight: 600;
color: var(--vino-white);
font-variant-numeric: tabular-nums;
}
.vino-card__tools {
position: absolute;
top: 14px;
right: 14px;
z-index: 4;
display: inline-flex;
align-items: center;
gap: var(--vino-space-3);
}
.vino-card .vino-card__tool {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
min-width: 0;
padding: 0;
margin: -5px;
border: 0;
border-radius: 50%;
background: transparent;
color: rgba(var(--vino-white-rgb), .78);
letter-spacing: 0;
text-transform: none;
cursor: pointer;
transition: color var(--vino-motion-fast), background var(--vino-motion-fast), transform var(--vino-motion-fast);
}
.vino-card__tool-icon {
width: 21px;
height: 21px;
flex-shrink: 0;
display: block;
transition: fill var(--vino-motion-fast), stroke var(--vino-motion-fast);
}
.vino-card:where(:has(.vino-card__image--shot)) .vino-card__tool {
color: rgba(38,22,18,.82);
}
.vino-card:has(.vino-photo-stub) .vino-card__tool {
color: rgba(var(--vino-white-rgb), .78);
}
@media (hover:hover) {
.vino-card .vino-card__tool:not(.vino-card__tool--active):hover {
color: var(--vino-red);
background: transparent;
}
}
.vino-card .vino-card__tool--active {
color: var(--vino-red);
}
.vino-card__tool--active .vino-card__tool-icon {
fill: var(--vino-red);
}
.vino-arrivals__track .vino-card {
flex: 0 0 calc((100% - var(--vino-slider-gap) * (var(--vino-slider-cols) - 1)) / var(--vino-slider-cols));
scroll-snap-align: start;
}
@media (max-width:760px) {
.vino-bestsellers__track .vino-card, .vino-arrivals__track .vino-card {
flex-basis: calc((100vw - var(--vino-section-pad-x) - var(--vino-space-3) * 2) / 2.3);
}
.vino-bestsellers__track .vino-card__tools, .vino-arrivals__track .vino-card__tools {
top: var(--vino-space-2);
right: var(--vino-space-2);
gap: var(--vino-space-1);
}
.vino-bestsellers__track .vino-card__tool-icon, .vino-arrivals__track .vino-card__tool-icon {
width: 18px;
height: 18px;
}
.vino-bestsellers__track .vino-card__body, .vino-arrivals__track .vino-card__body {
padding: var(--vino-space-3);
}
.vino-bestsellers__track .vino-card__title, .vino-arrivals__track .vino-card__title {
display: -webkit-box;
overflow: hidden;
margin-bottom: var(--vino-space-1);
font-size: var(--vino-text-sm);
line-height: 1.25;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.vino-bestsellers__track .vino-card__place, .vino-bestsellers__track .vino-card__spec, .vino-arrivals__track .vino-card__place, .vino-arrivals__track .vino-card__spec {
overflow: hidden;
margin-bottom: var(--vino-space-1);
font-size: var(--vino-text-xs);
letter-spacing: 0;
text-overflow: ellipsis;
white-space: nowrap;
}
.vino-bestsellers__track .vino-card__spec, .vino-arrivals__track .vino-card__spec {
margin-bottom: var(--vino-space-3);
font-weight: 400;
text-transform: none;
}
.vino-bestsellers__track .vino-card__buy, .vino-arrivals__track .vino-card__buy {
padding-top: var(--vino-space-3);
}
.vino-bestsellers__track .vino-card__price, .vino-arrivals__track .vino-card__price {
font-size: var(--vino-text-md);
}
.vino-card__buy {
flex-wrap: wrap;
}
.vino-card__buy .vino-card__cart, .vino-card__buy .vino-card__qty {
flex: 1 0 100%;
height: var(--vino-tap);
margin: 0;
}
.vino-card__buy .vino-card__cart {
gap: var(--vino-space-1);
width: auto;
min-width: 0;
font-size: var(--vino-text-xxs);
letter-spacing: var(--vino-track-xs);
text-transform: uppercase;
}
.vino-card__buy .vino-card__cart::before {
width: 16px;
height: 16px;
}
.vino-card__buy .vino-card__qty {
justify-content: space-between;
}
}
@media (pointer:coarse) {
.vino-card__tool::after {
content: "";
position: absolute;
inset: -5px;
}
.vino-card__qty {
height: var(--vino-tap);
}
.vino-card__step {
width: var(--vino-tap);
min-width: var(--vino-tap);
}
}
.vino-card {
color: var(--vino-white);
cursor: pointer;
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
border: 1px solid var(--vino-line);
border-radius: var(--vino-radius-sm);
background: var(--vino-bg-soft);
transition: border-color var(--vino-motion-fast);
}
@media (hover:hover) {
.vino-card:hover {
border-color: rgba(var(--vino-gold-rgb), .35);
}
}
.vino-card__body {
display: flex;
flex-direction: column;
flex: 1 1 auto;
padding: var(--vino-card-pad);
}
.vino-card__rating {
display: inline-flex;
align-items: center;
gap: var(--vino-space-1);
margin: 0 0 var(--vino-space-1);
color: var(--vino-gold);
font-size: var(--vino-text-xs);
font-weight: 600;
font-variant-numeric: tabular-nums;
}
.vino-card__rating-star {
width: 12px;
height: 12px;
flex: 0 0 auto;
background-color: currentColor;
-webkit-mask: var(--vino-icon-star) center / contain no-repeat;
mask: var(--vino-icon-star) center / contain no-repeat;
}
.vino-card__rating-count {
color: var(--vino-faint);
font-weight: 400;
}
.vino-card--line {
display: grid;
grid-template-columns: 200px minmax(0, 1fr) auto;
align-items: stretch;
}
.vino-card--line .vino-card__image {
height: 240px;
margin-bottom: 0;
}
.vino-card--line .vino-card__body {
justify-content: center;
padding: var(--vino-card-pad) var(--vino-space-6);
}
.vino-card--line .vino-card__place {
margin-bottom: var(--vino-space-2);
font-size: var(--vino-text-sm);
}
.vino-card--line .vino-card__spec {
margin-bottom: var(--vino-space-1);
}
.vino-card--line .vino-card__buy {
flex-direction: column;
align-items: flex-end;
justify-content: center;
gap: var(--vino-space-3);
min-width: 200px;
margin-top: 0;
padding: var(--vino-card-pad);
border-top: 0;
}
.vino-card--line .vino-card__cart {
width: auto;
min-width: 0;
height: 44px;
margin-left: 0;
padding: 0 var(--vino-space-5);
gap: var(--vino-space-2);
font-size: var(--vino-text-xs);
letter-spacing: var(--vino-track-ui);
}
.vino-card--line .vino-card__tool {
color: var(--vino-faint);
}
.vino-card__grapes {
display: block;
color: var(--vino-faint);
font-size: var(--vino-text-xs);
}
.vino-card__unavailable {
margin-left: auto;
color: var(--vino-faint);
font-size: var(--vino-text-xs);
text-transform: uppercase;
letter-spacing: var(--vino-track-ui);
}
@media (max-width:560px) {
.vino-card--line {
grid-template-columns: 96px minmax(0, 1fr);
}
.vino-card--line .vino-card__image {
grid-row: span 2;
height: 100%;
min-height: 160px;
}
.vino-card--line .vino-card__body {
padding: var(--vino-space-3) var(--vino-space-3) 0;
}
.vino-card--line .vino-card__buy {
align-items: stretch;
min-width: 0;
padding: var(--vino-space-3);
border-left: 0;
}
}
.vino-card__buy {
justify-content: space-between;
gap: var(--vino-space-3);
position: relative;
display: flex;
align-items: center;
margin-top: auto;
padding-top: var(--vino-space-4);
border-top: 1px solid var(--vino-line);
}
.vino-card__spec {
display: block;
margin-top: 0;
font-family: var(--vino-sans);
font-size: var(--vino-text-micro);
font-weight: 600;
letter-spacing: var(--vino-track-sm);
text-transform: uppercase;
color: rgba(var(--vino-white-rgb), .42);
margin-bottom: var(--vino-space-4);
}
.vino-card .vino-card__spec {
color: var(--vino-faint);
font-size: var(--vino-text-xs);
font-weight: 400;
letter-spacing: 0;
text-transform: none;
}
.vino-story, .vino-sales {
color: var(--vino-white);
}
@media (min-width:761px) {
.vino-story__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.vino-story__image {
height: var(--vino-story-image-height);
aspect-ratio: var(--vino-story-image-ratio, auto);
overflow: hidden;
}
.vino-story__img {
transform: scale(1.01);
transition: transform var(--vino-motion-slow);
}
@media (hover:hover) {
.vino-story__image:hover .vino-story__img {
transform: scale(1.045);
}
}
.vino-story__text {
max-width: 50ch;
margin: 0 0 var(--vino-space-8);
color: var(--vino-muted);
font-size: var(--vino-text-sm);
line-height: var(--vino-leading-long);
}
.vino-story__grid {
display: grid;
align-items: center;
gap: var(--vino-space-10);
}
@media (min-width:981px) {
.vino-story__grid {
gap: var(--vino-space-20);
}
}
.vino-story__title {
font-family: var(--vino-serif);
font-weight: 400;
font-size: var(--vino-display-2);
line-height: var(--vino-leading-tight);
letter-spacing: var(--vino-track-tight);
margin: 0;
margin-bottom: var(--vino-space-6);
}
.vino-story {
background: var(--vino-bg-soft);
border-top: 1px solid var(--vino-line);
}
.vino-sales {
border-top: 1px solid var(--vino-line);
background: var(--vino-bg);
}
.vino-page-hero {
padding-top: 14px;
padding-bottom: 44px;
border-top: 0;
background: radial-gradient(circle at 80% 0, rgba(var(--vino-red-rgb), .18), transparent 34%), linear-gradient(180deg, var(--vino-bg), rgba(var(--vino-bg-soft-rgb), .92));
}
.vino-page-hero h1 {
max-width: 760px;
margin: 14px 0 18px;
color: var(--vino-white);
font-family: var(--vino-serif);
font-size: var(--vino-title-lg);
font-weight: 500;
line-height: var(--vino-leading-tight);
}
.vino-page-hero p:last-child {
max-width: 650px;
margin: 0;
color: rgba(var(--vino-white-rgb), .68);
font-size: var(--vino-text-lg);
line-height: var(--vino-leading-text);
}
.vino-info-grid, .vino-contact-grid {
display: grid;
gap: var(--vino-space-6);
}
@media (min-width:981px) {
.vino-info-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.vino-info-grid span {
color: var(--vino-gold);
font-size: var(--vino-text-xs);
letter-spacing: var(--vino-track-ui);
text-transform: uppercase;
}
@media (min-width:981px) {
.vino-contact-grid {
grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
align-items: start;
}
}
.vino-contact-grid ul {
display: grid;
gap: var(--vino-space-3);
margin: 0;
padding: 0;
list-style: none;
}
.vino-contact-grid a {
color: var(--vino-gold);
}
.vino-contact-grid form {
display: grid;
gap: 14px;
}
.vino-contact-grid input, .vino-contact-grid textarea {
width: 100%;
border: 1px solid rgba(var(--vino-white-rgb), .12);
border-radius: 0;
background: rgba(var(--vino-bg-rgb), .7);
color: var(--vino-white);
padding: 16px 18px;
font: inherit;
outline: none;
}
.vino-contact-grid textarea {
min-height: 130px;
resize: vertical;
}
.vino-contact-grid input::placeholder, .vino-contact-grid textarea::placeholder {
color: rgba(var(--vino-white-rgb), .42);
}
.vino-info-grid article, .vino-contact-grid > div, .vino-contact-grid form {
border: 1px solid var(--vino-line);
background: rgba(var(--vino-white-rgb), .035);
padding: 28px;
}
.vino-info-grid h3, .vino-contact-grid h2 {
margin: var(--vino-space-4) 0 var(--vino-space-3);
color: var(--vino-white);
font-family: var(--vino-serif);
font-size: var(--vino-display-3);
font-weight: 500;
}
.vino-info-grid p, .vino-contact-grid li {
margin: 0;
color: rgba(var(--vino-white-rgb), .6);
line-height: var(--vino-leading-text);
}
.vino-footer {
padding: 64px var(--vino-space-6) var(--vino-space-6);
border-top: 1px solid var(--vino-line);
background: var(--vino-bg);
color: var(--vino-muted);
}
.vino-footer__news {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: var(--vino-space-6) var(--vino-space-12);
max-width: var(--vino-wrap);
margin: 0 auto var(--vino-space-12);
padding-bottom: var(--vino-space-12);
border-bottom: 1px solid var(--vino-line);
}
.vino-footer__news-form {
flex: 0 1 520px;
}
.vino-footer__title {
margin: 0 0 var(--vino-space-5);
color: var(--vino-white);
font-size: var(--vino-text-xs);
font-weight: 400;
letter-spacing: var(--vino-track-ui);
text-transform: uppercase;
font-family: var(--vino-sans);
line-height: var(--vino-leading-ui);
}
.vino-footer__title--news {
margin-bottom: var(--vino-space-2);
font-family: var(--vino-serif);
font-size: var(--vino-display-3);
letter-spacing: 0;
line-height: var(--vino-leading-title);
text-transform: none;
}
.vino-footer__lead, .vino-footer__about, .vino-footer__item, .vino-footer__link {
color: var(--vino-muted);
font-size: var(--vino-text-sm);
line-height: var(--vino-leading-text);
}
.vino-footer__lead {
margin: 0;
}
.vino-footer__grid {
display: grid;
grid-template-columns: 1fr;
gap: var(--vino-space-10);
align-items: start;
}
.vino-footer__col {
min-width: 0;
}
.vino-footer__about {
max-width: 320px;
margin: 0;
}
.vino-footer__list {
display: flex;
flex-direction: column;
gap: var(--vino-space-3);
margin: 0;
padding: 0;
list-style: none;
}
.vino-footer__phone {
color: var(--vino-white);
font-size: var(--vino-text-md);
line-height: var(--vino-leading-text);
font-variant-numeric: tabular-nums;
}
.vino-footer__tg {
display: inline-flex;
margin-top: var(--vino-space-5);
color: var(--vino-white);
font-size: var(--vino-text-sm);
line-height: var(--vino-leading-text);
text-decoration: none;
transition: color var(--vino-motion-fast);
}
.vino-footer__tg-icon {
width: 24px;
height: 24px;
}
.vino-footer__bottom {
max-width: var(--vino-wrap);
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
gap: var(--vino-space-2);
margin-top: var(--vino-space-12);
padding-top: var(--vino-space-6);
border-top: 1px solid var(--vino-line);
color: var(--vino-faint);
font-size: var(--vino-text-xs);
}
.vino-footer__legal, .vino-footer__docs {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--vino-space-2) var(--vino-space-6);
}
.vino-footer__doc {
color: var(--vino-faint);
font-size: var(--vino-text-xs);
line-height: var(--vino-leading-text);
text-decoration: none;
}
.vino-footer__doc--button {
padding: 0;
border: 0;
background: none;
font-family: inherit;
text-align: left;
cursor: pointer;
}
.vino-footer__age {
margin-right: var(--vino-space-2);
padding: 0 var(--vino-space-1);
border: 1px solid var(--vino-line);
border-radius: var(--vino-radius-sm);
color: var(--vino-muted);
font-weight: 600;
}
@media (hover:hover) {
.vino-footer__link:hover, .vino-footer__phone:hover, .vino-footer__tg:hover, .vino-footer__doc:hover {
color: var(--vino-gold);
}
}
@media (pointer:coarse) {
.vino-footer__tg::after {
content: "";
position: absolute;
inset: -10px;
}
.vino-footer__doc {
position: relative;
}
.vino-footer__doc::before {
content: "";
position: absolute;
inset: -11px 0;
}
}
@media (max-width:760px) {
.vino-footer__grid {
grid-template-columns: repeat(2, minmax(0,1fr));
gap: var(--vino-space-10) var(--vino-space-6);
}
.vino-footer__col--wide {
grid-column: 1 / -1;
}
}
@media (min-width:761px) {
.vino-footer {
padding-right: var(--vino-space-12);
padding-left: var(--vino-space-12);
}
.vino-footer__bottom {
flex-direction: row;
justify-content: space-between;
}
}
@media (min-width:761px) and (max-width:980px) {
.vino-footer__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width:981px) {
.vino-footer__grid {
grid-template-columns: minmax(0,1.4fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr);
column-gap: var(--vino-space-12);
}
}
@media (min-width:981px) and (max-width:1179px) {
.vino-footer__grid {
column-gap: var(--vino-space-10);
}
}
@media (prefers-reduced-motion:no-preference) {
.vino-section, .vino-story, .vino-sales, .vino-footer, .vino-pdp, .vino-reviews, .vino-pdp-related, .vino-auth:not(.vino-auth--embed) {
animation: vinoSectionIn var(--vino-motion-reveal) both;
}
.vino-brands__item, .vino-section .vino-card, .vino-news__card {
animation: vinoItemIn var(--vino-motion-item-reveal) both;
}
.vino-brands__item:nth-child(2), .vino-section .vino-card:nth-child(2), .vino-news__card:nth-child(2) {
animation-delay: .06s;
}
.vino-brands__item:nth-child(3), .vino-section .vino-card:nth-child(3), .vino-news__card:nth-child(3) {
animation-delay: .12s;
}
.vino-brands__item:nth-child(4), .vino-section .vino-card:nth-child(4), .vino-news__card:nth-child(4) {
animation-delay: .18s;
}
}
@keyframes vinoSectionIn {
from {
opacity: 0;
transform: translateY(16px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes vinoItemIn {
from {
opacity: 0;
transform: translateY(14px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (prefers-reduced-motion:reduce) {
*, *::before, *::after {
animation-duration: .001ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
transition-duration: .001ms !important;
}
}
.vino-section, .vino-story, .vino-sales {
padding: var(--vino-section-pad-y) var(--vino-section-pad-x);
}
.vino-demo-bar {
margin: 0;
padding: var(--vino-space-2) var(--vino-space-4);
border-bottom: 1px solid var(--vino-line);
background: var(--vino-bg-deep);
color: var(--vino-muted);
font-family: var(--vino-sans);
font-size: var(--vino-text-xs);
line-height: var(--vino-leading-ui);
text-align: center;
}
.vino-demo-bar__link {
color: var(--vino-gold);
text-decoration: none;
}
@media (hover:hover) {
.vino-demo-bar__link:hover {
text-decoration: underline;
}
}
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible {
outline: 2px solid var(--vino-gold);
outline-offset: 3px;
box-shadow: none;
}
.vino-catalog-layout {
display: grid;
gap: var(--vino-space-8);
}
@media (min-width:981px) {
.vino-catalog-layout {
grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
align-items: start;
}
}
.vino-hero {
position: relative;
display: grid;
grid-template-columns: repeat(4,1fr);
height: 82vh;
min-height: 520px;
max-height: 800px;
overflow: hidden;
background: #000;
border-bottom: 1px solid var(--vino-line);
}
.vino-hero__video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
z-index: 0;
filter: brightness(1.08) contrast(1.04) saturate(1.08);
}
.vino-hero__panel {
position: relative;
z-index: 1;
cursor: pointer;
overflow: hidden;
display: block;
text-decoration: none;
color: var(--vino-white);
}
.vino-hero__img {
position: absolute;
inset: 0;
background-image: var(--img);
background-size: cover;
background-position: center;
opacity: 0;
filter: grayscale(.25) brightness(.5) saturate(.85);
transition: opacity var(--vino-motion-mid), filter var(--vino-motion-mid);
}
@media (hover:hover) {
.vino-hero__panel:hover .vino-hero__img {
opacity: 1;
filter: grayscale(0) brightness(.92) saturate(1.05);
}
}
.vino-hero__veil {
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(0deg, rgba(var(--vino-bg-deep-rgb), .72) 0%, rgba(var(--vino-bg-deep-rgb), .12) 32%, rgba(var(--vino-bg-deep-rgb), 0) 58%);
transition: background var(--vino-motion-mid);
}
@media (hover:hover) {
.vino-hero__panel:hover .vino-hero__veil {
background: linear-gradient(0deg, rgba(var(--vino-bg-deep-rgb), .72) 0%, rgba(var(--vino-bg-deep-rgb), .1) 40%, rgba(var(--vino-bg-deep-rgb), 0) 64%);
}
.vino-hero:hover .vino-hero__panel:not(:hover) .vino-hero__veil {
background: linear-gradient(0deg, rgba(var(--vino-bg-deep-rgb), .86) 0%, rgba(var(--vino-bg-deep-rgb), .5) 45%, rgba(var(--vino-bg-deep-rgb), .32) 100%);
}
.vino-hero:hover .vino-hero__panel:not(:hover) .vino-hero__img {
opacity: 0;
filter: grayscale(.4) brightness(.4) saturate(.7);
}
}
.vino-hero__panel + .vino-hero__panel::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 1px;
z-index: 3;
background: linear-gradient(180deg, transparent, rgba(var(--vino-gold-rgb), .45), transparent);
}
.vino-hero__content {
position: absolute;
inset: 0;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 44px 34px;
}
.vino-hero__kicker {
font-family: var(--vino-sans);
font-size: var(--vino-text-micro);
font-weight: 600;
letter-spacing: var(--vino-track-ui);
text-transform: uppercase;
color: var(--vino-gold,var(--vino-gold));
margin: 0 0 10px;
}
.vino-hero__title {
margin: 0;
font-family: var(--vino-serif);
font-weight: 500;
line-height: var(--vino-leading-tight);
font-size: var(--vino-display-3);
color: var(--vino-white);
}
.vino-hero__rule {
height: 1px;
width: 46px;
background: var(--vino-gold,var(--vino-gold));
margin: var(--vino-space-4) 0 0;
transform: scaleX(.35);
transform-origin: left;
opacity: .55;
transition: transform .55s cubic-bezier(.2,.72,.2,1), opacity var(--vino-motion-mid);
}
.vino-hero__desc {
margin: 14px 0 0;
color: rgba(var(--vino-white-rgb), .84);
font-size: var(--vino-text-sm);
line-height: var(--vino-leading-text);
max-height: 0;
opacity: 0;
overflow: hidden;
transition: max-height .55s cubic-bezier(.2,.72,.2,1), opacity var(--vino-motion-mid), margin var(--vino-motion-mid);
}
.vino-hero__cta {
display: inline-flex;
align-items: center;
gap: var(--vino-space-2);
align-self: flex-start;
margin-top: 0;
color: var(--vino-gold,var(--vino-gold));
font-family: var(--vino-sans);
font-weight: 600;
font-size: var(--vino-text-micro);
letter-spacing: var(--vino-track-sm);
text-transform: uppercase;
max-height: 0;
opacity: 0;
overflow: hidden;
transition: max-height var(--vino-motion-mid), opacity var(--vino-motion-mid), margin var(--vino-motion-mid);
}
@media (hover:hover) {
.vino-hero__panel:hover .vino-hero__rule {
transform: scaleX(1);
opacity: 1;
}
.vino-hero__panel:hover .vino-hero__desc {
max-height: 90px;
opacity: 1;
}
.vino-hero__panel:hover .vino-hero__cta {
max-height: 40px;
opacity: 1;
margin-top: 18px;
}
}
.vino-hero__grain {
position: absolute;
inset: 0;
z-index: 4;
pointer-events: none;
opacity: .06;
mix-blend-mode: overlay;
background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
@media (max-width:760px) {
.vino-hero__img {
opacity: 1;
}
.vino-hero__desc, .vino-hero__cta {
display: none;
}
}
.vino-hero__cta.vino-link {
transition: max-height var(--vino-motion-mid), opacity var(--vino-motion-mid), margin var(--vino-motion-mid), background-size var(--vino-motion-base);
}
@media (max-width:760px) {
.vino-hero__panel + .vino-hero__panel::before {
top: 0;
right: 0;
bottom: auto;
left: 0;
width: auto;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(var(--vino-gold-rgb), .45), transparent);
}
}
@media (min-width:761px) and (max-width:980px) {
.vino-hero {
grid-template-columns: 1fr 1fr;
height: auto;
min-height: 0;
}
.vino-hero__panel {
height: auto;
}
.vino-hero__content {
position: relative;
inset: auto;
min-height: 320px;
padding: var(--vino-space-10) var(--vino-space-8);
}
.vino-hero__img {
opacity: 1;
}
.vino-hero__desc, .vino-hero__cta {
max-height: none;
opacity: 1;
overflow: visible;
}
.vino-hero__cta {
margin-top: var(--vino-space-4);
}
.vino-hero__panel:nth-child(4)::before {
display: none;
}
}
@media (max-width:980px) {
.vino-hero .vino-hero__video, .vino-hero__rule {
display: none;
}
@media (hover:hover) {
.vino-hero:hover .vino-hero__panel:not(:hover) .vino-hero__img {
opacity: 1;
filter: grayscale(.25) brightness(.5) saturate(.85);
}
.vino-hero:hover .vino-hero__panel:not(:hover) .vino-hero__veil {
background: linear-gradient(0deg, rgba(var(--vino-bg-deep-rgb), .72) 0%, rgba(var(--vino-bg-deep-rgb), .12) 32%, rgba(var(--vino-bg-deep-rgb), 0) 58%);
}
}
}
@media (max-width:760px) {
.vino-hero {
height: auto;
grid-template-columns: 1fr;
min-height: 0;
display: flex;
overflow-x: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x mandatory;
scrollbar-width: none;
}
.vino-hero::-webkit-scrollbar {
display: none;
}
.vino-hero__panel {
height: auto;
flex: 0 0 100%;
scroll-snap-align: start;
scroll-snap-stop: always;
}
.vino-hero__content {
position: relative;
inset: auto;
padding: var(--vino-space-8) var(--vino-space-6);
justify-content: flex-end;
min-height: 320px;
padding-bottom: var(--vino-space-12);
}
.vino-hero__panel + .vino-hero__panel::before, .vino-hero__grain {
display: none;
}
}
.vino-age {
position: fixed;
inset: 0;
z-index: var(--vino-z-age);
display: flex;
align-items: center;
justify-content: center;
padding: var(--vino-space-6);
background: rgba(var(--vino-bg-deep-rgb), .8);
backdrop-filter: blur(14px) saturate(120%);
-webkit-backdrop-filter: blur(14px) saturate(120%);
animation: vinoAgeFade .5s ease both;
}
.vino-age[hidden] {
display: none;
}
.vino-age__card {
position: relative;
width: 100%;
max-width: 460px;
padding: 48px 44px 40px;
text-align: center;
background: radial-gradient(130% 120% at 50% 0%, rgba(var(--vino-gold-rgb), .08), transparent 55%), var(--vino-card);
border: 1px solid rgba(var(--vino-gold-rgb), .28);
border-radius: 6px;
box-shadow: 0 40px 120px rgba(var(--vino-black-rgb), .6);
animation: vinoAgeRise .6s cubic-bezier(.2, .72, .2, 1) both;
}
.vino-age__card:focus {
outline: none;
}
.vino-age__icon {
width: 34px;
height: 34px;
margin: 0 auto 22px;
color: var(--vino-gold);
}
.vino-age__title {
margin: 0 0 var(--vino-space-4);
color: var(--vino-white);
font-family: var(--vino-serif);
font-weight: 500;
font-size: var(--vino-display-3);
line-height: var(--vino-leading-tight);
font-variant-numeric: lining-nums;
font-feature-settings: "lnum" 1;
}
.vino-age__text {
margin: 0 auto 30px;
max-width: 340px;
color: rgba(var(--vino-white-rgb), .6);
font-family: var(--vino-sans);
font-size: var(--vino-text-sm);
line-height: var(--vino-leading-text);
}
.vino-age__actions {
display: flex;
flex-direction: column;
gap: var(--vino-space-3);
}
.vino-age__btn {
display: flex;
align-items: center;
justify-content: center;
padding: 15px 28px;
border: 1px solid transparent;
border-radius: var(--vino-radius-sm);
font-family: var(--vino-sans);
font-size: var(--vino-text-xs);
font-weight: 600;
letter-spacing: var(--vino-track-sm);
text-transform: uppercase;
cursor: pointer;
transition: background var(--vino-motion-base), color var(--vino-motion-base), border-color var(--vino-motion-base);
}
.vino-age__btn--yes {
background: var(--vino-gold);
color: var(--vino-ink);
}
@media (hover:hover) {
.vino-age__btn--yes:hover {
background: var(--vino-gold-hover);
}
}
.vino-age__btn--no {
background: transparent;
color: rgba(var(--vino-white-rgb), .65);
border-color: rgba(var(--vino-white-rgb), .18);
}
@media (hover:hover) {
.vino-age__btn--no:hover {
color: var(--vino-white);
border-color: rgba(var(--vino-white-rgb), .4);
}
}
.vino-age__legal {
margin: var(--vino-space-6) 0 0;
color: rgba(var(--vino-white-rgb), .6);
font-family: var(--vino-sans);
font-size: var(--vino-text-micro);
line-height: var(--vino-leading-ui);
}
.vino-age--leaving {
opacity: 0;
transition: opacity .4s;
}
.vino-age .vino-age__logo {
flex-direction: column;
gap: var(--vino-space-3);
width: auto;
height: auto;
margin: 0 auto var(--vino-space-6);
}
@keyframes vinoAgeFade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes vinoAgeRise {
from {
opacity: 0;
transform: translateY(18px);
}
to {
opacity: 1;
transform: none;
}
}
body {
background: var(--vino-bg);
color: var(--vino-white);
font-family: var(--vino-sans);
font-size: var(--vino-text-md);
line-height: var(--vino-leading-ui);
text-rendering: geometricPrecision;
-webkit-font-smoothing: antialiased;
font-synthesis-weight: none;
margin: 0;
}
a {
text-decoration: none;
color: inherit;
}
.vino-actions .vino-act {
position: relative;
width: 22px;
height: 22px;
overflow: visible;
}
@media (pointer:coarse) {
.vino-act::after {
content: "";
position: absolute;
inset: -12px;
}
}
.vino-act__count {
position: absolute;
top: calc(var(--vino-space-2) * -1);
right: calc(var(--vino-space-2) * -1);
min-width: 16px;
height: 16px;
padding: 0 var(--vino-space-1);
border-radius: var(--vino-radius-pill);
background: var(--vino-gold);
color: var(--vino-ink);
font-family: var(--vino-sans);
font-size: var(--vino-text-xxs);
font-weight: 700;
line-height: 16px;
letter-spacing: 0;
text-align: center;
pointer-events: none;
}
@media (max-width:760px) {
.vino-actions .vino-act--account, .vino-actions .vino-act--fav, .vino-actions .vino-act--compare {
display: none;
}
.vino-actions .vino-act--cart {
display: none;
}
}
.vino-badge {
position: absolute;
top: -7px;
right: -8px;
min-width: 15px;
height: 15px;
padding: 0 var(--vino-space-1);
border-radius: var(--vino-radius-pill);
background: var(--vino-gold);
color: var(--vino-ink);
font-size: var(--vino-text-xxs);
font-weight: 700;
line-height: 15px;
text-align: center;
box-shadow: 0 0 0 2px var(--vino-ink);
pointer-events: none;
}
.vino-bestsellers__nav {
display: inline-flex;
align-items: center;
gap: 10px;
}
.vino-bestsellers__viewport {
overflow-x: auto;
overflow-y: visible;
scroll-snap-type: x mandatory;
-ms-overflow-style: none;
scrollbar-width: none;
}
.vino-bestsellers__viewport::-webkit-scrollbar {
display: none;
}
.vino-bestsellers__track {
--vino-slider-gap: clamp(16px, 1.8vw, 24px);
--vino-slider-cols: 4;
display: flex;
gap: var(--vino-slider-gap);
padding: 2px 0 6px;
}
@media (min-width:761px) and (max-width:980px) {
.vino-bestsellers__track {
--vino-slider-cols: 3;
}
}
@media (max-width:760px) {
.vino-bestsellers__nav {
display: none;
}
}
.vino-bestsellers {
background: var(--vino-bg-soft);
}
.vino-arrow {
width: 44px;
height: 44px;
padding: 0;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--vino-line);
border-radius: var(--vino-radius-pill);
background: transparent;
color: var(--vino-white);
cursor: pointer;
transition: border-color var(--vino-motion-fast), color var(--vino-motion-fast), background var(--vino-motion-fast), opacity var(--vino-motion-fast);
}
.vino-arrow__icon {
width: 19px;
height: 19px;
display: block;
}
@media (hover:hover) {
.vino-arrow:hover {
border-color: var(--vino-gold);
color: var(--vino-gold);
}
}
.vino-arrow[disabled] {
opacity: .32;
cursor: default;
}
@media (hover:hover) {
.vino-arrow[disabled]:hover {
border-color: var(--vino-line);
color: var(--vino-white);
}
}
.vino-new-arrivals {
background: var(--vino-bg);
}
.vino-arrivals__nav {
display: inline-flex;
align-items: center;
gap: 10px;
}
.vino-arrivals__head-actions {
display: inline-flex;
align-items: center;
gap: 22px;
}
.vino-arrivals__viewport {
overflow-x: auto;
overflow-y: visible;
scroll-snap-type: x mandatory;
-ms-overflow-style: none;
scrollbar-width: none;
}
.vino-arrivals__viewport::-webkit-scrollbar {
display: none;
}
.vino-arrivals__track {
--vino-slider-gap: clamp(16px, 1.8vw, 24px);
--vino-slider-cols: 4;
display: flex;
gap: var(--vino-slider-gap);
padding: 2px 0 6px;
}
@media (min-width:761px) and (max-width:980px) {
.vino-arrivals__track {
--vino-slider-cols: 3;
}
}
@media (max-width:760px) {
.vino-arrivals__nav {
display: none;
}
}
.vino-progress {
display: none;
}
@media (max-width:760px) {
.vino-progress {
display: block;
position: relative;
height: 2px;
margin-top: var(--vino-space-5);
overflow: hidden;
background: rgba(var(--vino-white-rgb), .15);
}
.vino-progress__bar {
display: block;
width: var(--vino-progress-width, 30%);
height: 100%;
background: var(--vino-gold);
transform: translateX(var(--vino-progress-shift, 0%));
}
}
@media (max-width:760px) {
.vino-bestsellers__viewport, .vino-arrivals__viewport {
margin-inline: calc(var(--vino-section-pad-x) * -1);
padding-inline: var(--vino-section-pad-x);
scroll-padding-inline: var(--vino-section-pad-x);
}
.vino-bestsellers__track, .vino-arrivals__track {
gap: var(--vino-space-3);
}
}
.vino-forms {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--vino-space-6);
max-width: 920px;
}
@media (max-width:760px) {
.vino-forms {
grid-template-columns: 1fr;
}
}
.vino-form {
background: var(--vino-card,#15100e);
border: 1px solid var(--vino-line);
border-radius: var(--vino-radius-sm);
padding: 26px;
}
.vino-form h3 {
font-family: var(--vino-serif);
font-weight: 500;
font-size: var(--vino-title-xs);
margin: 0 0 6px;
color: var(--vino-white);
}
.vino-form__lead {
color: var(--vino-muted);
font-size: var(--vino-text-sm);
margin: 0 0 var(--vino-space-4);
line-height: var(--vino-leading-ui);
}
.vino-form__ok {
background: rgba(90,160,90,.12);
border: 1px solid rgba(120,190,120,.4);
color: var(--vino-green-soft);
border-radius: var(--vino-radius-sm);
padding: var(--vino-space-4) var(--vino-space-5);
margin: 0 0 var(--vino-space-6);
max-width: 920px;
}
.vino-form__err {
background: rgba(190,80,70,.12);
border: 1px solid rgba(210,110,100,.45);
color: #eabbb4;
border-radius: var(--vino-radius-sm);
padding: var(--vino-space-4) var(--vino-space-5);
margin: 0 0 var(--vino-space-6);
max-width: 920px;
}
.vino-inp {
width: 100%;
background: var(--vino-bg-soft,#0a0605);
border: 1px solid var(--vino-line-field);
border-radius: var(--vino-radius-sm);
color: var(--vino-white);
padding: 12px 14px;
margin: 0 0 var(--vino-space-3);
font: inherit;
font-size: var(--vino-text-sm);
}
.vino-inp:focus {
outline: none;
border-color: var(--vino-gold);
box-shadow: 0 0 0 3px rgba(var(--vino-gold-rgb), .15);
}
.vino-inp:-webkit-autofill,
.vino-inp:-webkit-autofill:hover,
.vino-inp:-webkit-autofill:focus {
background-clip: padding-box;
-webkit-text-fill-color: var(--vino-white);
caret-color: var(--vino-white);
box-shadow: 0 0 0 1000px var(--vino-bg-soft, #0a0605) inset;
transition: background-color 600000s 0s;
}
.vino-inp::placeholder {
color: var(--vino-faint);
}
.vino-subscribe .vino-inp {
flex: 1 1 100%;
min-width: 0;
margin: 0;
}
.vino-subscribe__row .vino-inp {
flex: 1 1 auto;
height: 48px;
margin: 0;
border-right: 0;
border-radius: var(--vino-radius-sm) 0 0 var(--vino-radius-sm);
}
.vino-subscribe__row .vino-inp:focus {
border-color: rgba(var(--vino-gold-rgb), .6);
outline: 0;
}
.vino-modal__form .vino-inp {
display: block;
height: 48px;
margin: 0 0 var(--vino-space-3);
border-radius: var(--vino-radius-sm);
}
.vino-modal__form .vino-inp--invalid {
border-color: var(--vino-red-soft);
box-shadow: 0 0 0 3px rgba(var(--vino-red-rgb), .25);
}
.vino-footer .vino-subscribe__row .vino-inp {
border-color: rgba(var(--vino-white-rgb), .2);
background: transparent;
}
.vino-txt {
min-height: 96px;
resize: vertical;
}
.vino-modal__form .vino-txt {
height: auto;
}
.vino-hp {
position: absolute !important;
left: -9999px !important;
width: 1px;
height: 1px;
opacity: 0;
}
.vino-subscribe {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: var(--vino-space-2);
margin: 14px 0 0;
max-width: 340px;
}
.vino-footer .vino-subscribe {
display: block;
max-width: none;
margin: 0;
}
.vino-subscribe__row {
display: flex;
}
.vino-subscribe .vino-consent {
flex: 1 0 100%;
margin: 2px 0 0;
}
.vino-consent {
display: flex;
align-items: flex-start;
gap: 10px;
margin: 14px 0 4px;
cursor: pointer;
line-height: var(--vino-leading-ui);
}
.vino-consent__checkbox {
flex: 0 0 auto;
margin-top: 2px;
width: 16px;
height: 16px;
border: 1px solid var(--vino-gold);
border-radius: 3px;
background: transparent center / 14px 14px no-repeat;
cursor: pointer;
appearance: none;
}
.vino-consent__checkbox:checked {
background-color: var(--vino-gold);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.75 8.25l2.75 2.75 5.75-6.25' fill='none' stroke='%230e0908' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.vino-consent__checkbox:focus-visible {
outline: 2px solid var(--vino-gold);
outline-offset: 2px;
}
.vino-consent__text {
color: var(--vino-muted);
font-size: var(--vino-text-sm);
}
.vino-consent__link {
color: var(--vino-gold);
text-decoration: underline;
text-underline-offset: 2px;
}
@media (hover:hover) {
.vino-consent__link:hover {
color: var(--vino-gold-hover);
}
}
.vino-consent--sm .vino-consent__text {
font-size: var(--vino-text-micro);
line-height: var(--vino-leading-ui);
}
.vino-footer .vino-subscribe .vino-consent {
margin: var(--vino-space-3) 0 0;
}
.vino-footer .vino-consent--sm .vino-consent__text {
font-size: var(--vino-text-xs);
}
.vino-footer .vino-consent__link {
color: var(--vino-gold);
font-size: inherit;
line-height: inherit;
}
@media (hover:hover) {
.vino-footer .vino-consent__link:hover {
color: var(--vino-gold-hover);
}
}
.vino-modal__form .vino-consent {
margin: var(--vino-space-4) 0 0;
}
.vino-modal__form .vino-consent--sm .vino-consent__text {
font-size: var(--vino-text-xs);
}
.vino-sub-msg {
margin: 14px 0 0;
color: var(--vino-green-soft);
font-size: var(--vino-text-xs);
}
.vino-sub-msg--err {
color: var(--vino-red-soft);
}
.vino-subscribe .vino-sub-msg {
min-height: calc(1em * var(--vino-leading-ui));
margin: var(--vino-space-2) 0 0;
line-height: var(--vino-leading-ui);
}
.vino-subscribe .vino-sub-msg[hidden] {
display: block;
visibility: hidden;
}
.vino-subscribe .vino-inp--invalid {
border-color: var(--vino-red-soft);
box-shadow: 0 0 0 3px rgba(var(--vino-red-rgb), .25);
}
.vino-search {
position: fixed;
inset: 0;
z-index: var(--vino-z-search);
}
.vino-search[hidden] {
display: none;
}
.vino-search__backdrop {
position: absolute;
inset: 0;
background: rgba(var(--vino-black-rgb), .62);
opacity: 0;
transition: opacity var(--vino-motion-base);
}
.vino-search--open .vino-search__backdrop {
opacity: 1;
}
.vino-search__bar {
position: relative;
background: var(--vino-bg);
border-bottom: 1px solid var(--vino-line);
box-shadow: 0 24px 60px rgba(var(--vino-black-rgb), .5);
transform: translateY(-100%);
transition: transform var(--vino-motion-base);
}
.vino-search--open .vino-search__bar {
transform: none;
}
.vino-search__panel {
max-width: calc(var(--vino-wrap) + var(--vino-section-pad-x) * 2);
margin: 0 auto;
display: flex;
align-items: center;
gap: 0;
padding: 22px var(--vino-section-pad-x);
}
.vino-search__field {
flex: 1;
display: flex;
align-items: center;
gap: var(--vino-space-3);
min-width: 0;
background: var(--vino-bg-soft);
border: 1px solid var(--vino-line);
border-radius: var(--vino-radius-sm) 0 0 var(--vino-radius-sm);
padding: var(--vino-space-3) var(--vino-space-5);
transition: border-color var(--vino-motion-fast);
}
.vino-search__field:focus-within {
border-color: var(--vino-gold);
}
.vino-search__icon {
width: 20px;
height: 20px;
flex: 0 0 auto;
color: var(--vino-gold);
}
.vino-search__input {
flex: 1;
min-width: 0;
background: none;
border: none;
outline: none;
color: var(--vino-white);
font: inherit;
font-size: var(--vino-text-lg);
}
.vino-search__input:focus-visible {
outline: none;
}
.vino-search__input::placeholder {
color: var(--vino-faint);
}
.vino-search__submit {
align-self: stretch;
padding-right: var(--vino-space-8);
padding-left: var(--vino-space-8);
border-radius: 0 var(--vino-radius-sm) var(--vino-radius-sm) 0;
box-shadow: none;
}
@media (hover:hover) {
.vino-search__submit:hover {
transform: none;
border-color: var(--vino-white);
background: var(--vino-white);
box-shadow: none;
}
}
.vino-suggest {
position: absolute;
top: 100%;
right: 0;
left: 0;
max-width: calc(var(--vino-wrap) + var(--vino-section-pad-x) * 2);
margin: 0 auto;
padding: 0 var(--vino-section-pad-x);
}
.vino-suggest[hidden] {
display: none;
}
.vino-suggest__list {
overflow-y: auto;
max-height: calc(100vh - 140px);
max-height: calc(100dvh - 140px);
border: 1px solid var(--vino-line);
border-top: 0;
border-radius: 0 0 var(--vino-radius-sm) var(--vino-radius-sm);
background: var(--vino-bg);
box-shadow: 0 24px 60px rgba(var(--vino-black-rgb), .5);
overscroll-behavior: contain;
}
.vino-suggest__item {
display: flex;
align-items: center;
gap: var(--vino-space-4);
padding: var(--vino-space-2) var(--vino-space-4);
color: var(--vino-white);
transition: background var(--vino-motion-fast);
}
.vino-suggest__item--active {
background: var(--vino-bg-soft);
}
@media (hover:hover) {
.vino-suggest__item:hover, .vino-suggest__all:hover {
background: var(--vino-bg-soft);
}
}
.vino-suggest__pic {
display: flex;
flex: none;
align-items: center;
justify-content: center;
width: 48px;
height: 60px;
overflow: hidden;
border-radius: var(--vino-radius-sm);
background: var(--vino-shot);
}
.vino-suggest__img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.vino-suggest__text {
display: flex;
flex: 1;
flex-direction: column;
gap: var(--vino-space-1);
min-width: 0;
}
.vino-suggest__name {
display: -webkit-box;
overflow: hidden;
font-family: var(--vino-serif);
font-size: var(--vino-text-lg);
line-height: var(--vino-leading-title);
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.vino-suggest__name b {
color: var(--vino-gold);
font-weight: inherit;
}
.vino-suggest__meta {
color: var(--vino-muted);
font-size: var(--vino-text-xs);
}
.vino-suggest__price {
flex: none;
color: var(--vino-gold);
font-weight: 600;
}
.vino-suggest__all {
display: block;
padding: var(--vino-space-4);
border-top: 1px solid var(--vino-line);
color: var(--vino-gold);
font-size: var(--vino-text-xs);
font-weight: 600;
letter-spacing: var(--vino-track-sm);
text-align: center;
text-transform: uppercase;
}
@media (max-width:560px) {
.vino-suggest__item {
gap: var(--vino-space-3);
padding: var(--vino-space-2) var(--vino-space-3);
}
.vino-suggest__name {
font-size: var(--vino-text-md);
}
}
.vino-search__input::-webkit-search-cancel-button {
-webkit-appearance: none;
appearance: none;
width: 16px;
height: 16px;
margin-left: var(--vino-space-2);
background-color: rgba(var(--vino-white-rgb), .6);
-webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
cursor: pointer;
transition: background-color var(--vino-motion-fast);
}
@media (hover:hover) {
.vino-search__input::-webkit-search-cancel-button:hover {
background-color: var(--vino-gold);
}
}
.vino-search__close {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
margin: 0 -11px 0 var(--vino-space-6);
padding: 0;
border: 0;
background: none;
color: rgba(var(--vino-white-rgb), .8);
cursor: pointer;
transition: color var(--vino-motion-fast);
}
.vino-search__close-icon {
width: 20px;
height: 20px;
}
@media (hover:hover) {
.vino-search__close:hover {
color: var(--vino-gold);
}
}
@media (max-width:560px) {
.vino-search__panel {
padding-top: var(--vino-space-4);
padding-bottom: var(--vino-space-4);
}
.vino-search__field {
border-radius: var(--vino-radius-sm);
}
.vino-search__submit {
display: none;
}
.vino-search__close {
margin-left: var(--vino-space-2);
}
}
.vino-cabinet .row:has(.sale-personal-section-index-block) {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(190px,1fr));
gap: 18px;
margin: 0;
}
.vino-cabinet .row:has(.sale-personal-section-index-block) > * {
width: auto;
max-width: none;
flex: none;
padding: 0;
}
.vino-cabinet .alert {
background: var(--vino-bg-soft);
border: 1px solid var(--vino-line);
color: var(--vino-muted);
border-radius: var(--vino-radius-md);
padding: 14px 18px;
margin-bottom: 18px;
}
.vino-cabinet .alert-danger {
border-color: var(--vino-red);
color: var(--vino-red-soft);
background: rgba(var(--vino-red-rgb), .12);
}
.vino-cabinet .sale-personal-section-index-block, .vino-cabinet .sale-personal-section-index-block[class*="bx-"] {
background: var(--vino-card);
border: 1px solid var(--vino-line);
border-radius: var(--vino-radius-md);
padding: 28px 16px;
text-align: center;
height: 100%;
transition: border-color var(--vino-motion-fast),transform var(--vino-motion-fast);
}
@media (hover:hover) {
.vino-cabinet .sale-personal-section-index-block:hover {
border-color: var(--vino-gold);
transform: translateY(-2px);
}
}
.vino-cabinet .sale-personal-section-index-block-link {
display: block;
text-decoration: none;
}
.vino-cabinet .sale-personal-section-index-block-ico {
color: var(--vino-gold);
font-size: 30px;
line-height: 1;
margin-bottom: 14px;
}
.vino-cabinet .sale-personal-section-index-block-ico i {
color: var(--vino-gold);
}
.vino-cabinet .sale-personal-section-index-block-name {
color: var(--vino-white);
font-family: var(--vino-serif);
font-size: var(--vino-text-md);
letter-spacing: var(--vino-track-xs);
text-transform: none;
}
@media (hover:hover) {
.vino-cabinet .sale-personal-section-index-block:hover .sale-personal-section-index-block-name {
color: var(--vino-gold);
}
}
.bx-authform {
max-width: 460px;
margin: clamp(40px,6vw,80px) auto;
background: var(--vino-card);
border: 1px solid var(--vino-line);
border-radius: var(--vino-radius-lg);
padding: clamp(26px,4vw,38px);
}
.bx-authform hr {
display: none;
}
.bx-authform input[type="text"], .bx-authform input[type="password"], .bx-authform input[type="email"] {
width: 100%;
background: var(--vino-bg-soft) !important;
border: 1px solid var(--vino-line) !important;
color: var(--vino-white) !important;
border-radius: var(--vino-radius-md);
padding: 12px 14px;
font: inherit;
}
.bx-authform input[type="text"]:focus, .bx-authform input[type="password"]:focus, .bx-authform input[type="email"]:focus {
outline: none;
border-color: var(--vino-gold) !important;
box-shadow: var(--vino-focus-ring);
}
.bx-authform input[type="checkbox"] {
accent-color: var(--vino-gold);
}
.bx-authform-social {
display: none;
}
.bx-authform .bx-title {
font-family: var(--vino-serif);
color: var(--vino-white);
font-weight: 500;
font-size: var(--vino-title-xs);
margin: 0 0 22px;
text-align: center;
}
.bx-authform-formgroup-container {
margin-bottom: var(--vino-space-4);
}
.bx-authform-label-container {
color: var(--vino-muted);
font-size: var(--vino-text-sm);
margin-bottom: 6px;
}
.bx-authform .checkbox, .bx-authform .checkbox label {
color: var(--vino-muted);
font-size: var(--vino-text-sm);
}
.bx-authform input[type="submit"], .bx-authform .btn-primary, .bx-authform .button {
width: 100%;
background: var(--vino-gold);
border: none;
color: var(--vino-ink);
border-radius: var(--vino-radius-md);
padding: 14px 18px;
font: inherit;
font-weight: 600;
letter-spacing: var(--vino-track-xs);
text-transform: uppercase;
cursor: pointer;
margin-top: 6px;
}
@media (hover:hover) {
.bx-authform input[type="submit"]:hover, .bx-authform .btn-primary:hover, .bx-authform .button:hover {
background: var(--vino-gold-hover);
}
}
.bx-authform-link-container {
margin-top: var(--vino-space-4);
text-align: center;
color: var(--vino-muted);
font-size: var(--vino-text-sm);
}
.bx-authform-link-container a {
color: var(--vino-gold);
text-decoration: none;
}
@media (hover:hover) {
.bx-authform-link-container a:hover {
text-decoration: underline;
}
}
.vino-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
white-space: nowrap;
border: 0;
}
.vino-cookie[hidden] {
display: none;
}
.vino-cookie--on {
transform: none;
}
.vino-cookie__link {
color: var(--vino-gold);
text-decoration: underline;
text-underline-offset: 2px;
}
.vino-cookie__ok {
flex: 0 0 auto;
white-space: nowrap;
}
.vino-cookie__actions {
display: flex;
flex: 0 0 auto;
gap: var(--vino-space-2);
}
.vino-cookie {
position: fixed;
z-index: var(--vino-z-cookie);
background: var(--vino-card);
transform: translateY(100%);
transition: transform var(--vino-motion-base);
left: auto;
right: clamp(12px,3vw,32px);
bottom: clamp(12px,3vw,28px);
width: min(720px,calc(100vw - 24px));
border: 1px solid var(--vino-line);
border-radius: var(--vino-radius-lg);
overflow: hidden;
box-shadow: 0 18px 70px rgba(var(--vino-black-rgb), .48);
}
.vino-cookie__inner {
max-width: var(--vino-wrap);
margin: 0 auto;
display: flex;
align-items: center;
padding: 12px 14px;
gap: 14px;
}
.vino-cookie__text {
flex: 1;
margin: 0;
color: var(--vino-muted);
font-size: var(--vino-text-micro);
line-height: var(--vino-leading-ui);
}
@media (max-width:560px) {
.vino-cookie {
right: 10px;
width: calc(100vw - 20px);
border-radius: var(--vino-radius-md);
}
.vino-cookie__inner {
flex-direction: column;
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
gap: 10px;
padding: 10px 10px 10px 12px;
}
.vino-cookie__text {
font-size: var(--vino-text-micro);
line-height: var(--vino-leading-ui);
}
.vino-cookie__ok {
width: auto;
min-height: 34px;
padding: var(--vino-space-2) var(--vino-space-3);
}
.vino-cookie__actions {
flex-direction: column;
}
}
@media (pointer:coarse) {
.vino-cookie__ok {
min-height: 44px;
}
}
@media (min-width:561px) {
.vino-cookie {
left: var(--vino-space-8);
right: auto;
bottom: var(--vino-space-8);
width: 460px;
border: 1px solid rgba(var(--vino-gold-rgb), .25);
border-radius: var(--vino-radius-md);
background: var(--vino-bg-soft);
transform: translateY(calc(100% + var(--vino-space-12)));
}
.vino-cookie--on {
transform: none;
}
.vino-cookie__inner {
display: grid;
gap: var(--vino-space-5);
padding: var(--vino-space-6);
}
.vino-cookie__text {
font-size: var(--vino-text-sm);
line-height: var(--vino-leading-text);
}
.vino-cookie__ok {
justify-self: start;
}
}
.vino-showcase-banner {
margin-top: var(--vino-section-head-gap);
display: grid;
grid-template-columns: minmax(0,1fr) auto;
gap: var(--vino-space-6);
align-items: end;
padding: clamp(var(--vino-space-6),4vw,var(--vino-space-10));
border: 1px solid rgba(var(--vino-gold-rgb), .28);
background: radial-gradient(720px 260px at 88% 14%, rgba(var(--vino-gold-rgb), .08), transparent 62%), linear-gradient(135deg, rgba(26,16,14,.96), rgba(14,9,8,.98));
box-shadow: 0 22px 70px rgba(var(--vino-black-rgb), .24);
}
.vino-showcase-banner__eyebrow {
display: block;
margin-bottom: var(--vino-space-3);
color: var(--vino-gold);
font-size: var(--vino-text-xs);
font-weight: 600;
letter-spacing: var(--vino-track-sm);
text-transform: uppercase;
}
@media (max-width:760px) {
.vino-showcase-banner__eyebrow {
display: none;
}
}
.vino-showcase-banner__title {
margin: 0;
max-width: 760px;
color: var(--vino-white);
font-family: var(--vino-serif);
font-size: var(--vino-display-3);
font-weight: 400;
line-height: var(--vino-leading-tight);
text-wrap: balance;
}
.vino-showcase-banner__text {
max-width: 720px;
margin: var(--vino-space-4) 0 0;
text-wrap: pretty;
color: var(--vino-muted);
line-height: var(--vino-leading-text);
}
.vino-showcase-banner__actions {
display: flex;
gap: var(--vino-space-3);
flex-wrap: wrap;
justify-content: flex-end;
}
@media (max-width:760px) {
.vino-showcase-banner {
padding: var(--vino-space-6);
}
}
.vino-showcase-banner--catalog {
position: relative;
isolation: isolate;
overflow: hidden;
}
.vino-showcase-banner__media {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
width: 62%;
pointer-events: none;
}
.vino-showcase-banner__img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
opacity: .45;
filter: brightness(.6) saturate(.72);
-webkit-mask-image: linear-gradient(90deg, transparent 15%, #000 70%);
mask-image: linear-gradient(90deg, transparent 15%, #000 70%);
}
.vino-showcase-banner__media::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(270deg, rgba(var(--vino-bg-rgb), .55), transparent 45%);
}
@media (max-width:980px) {
.vino-showcase-banner {
grid-template-columns: minmax(0,1fr);
align-items: start;
}
.vino-showcase-banner__actions {
justify-content: flex-start;
}
.vino-showcase-banner__media {
width: 100%;
}
.vino-showcase-banner__img {
opacity: .25;
}
}
@media (max-width:560px) {
.vino-showcase-banner__actions {
display: grid;
grid-template-columns: minmax(0,1fr);
}
}
.vino-promo-grid {
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
gap: 14px;
margin: 26px 0;
}
.vino-promo-card {
min-height: 168px;
padding: 22px;
display: flex;
flex-direction: column;
justify-content: space-between;
border: 1px solid rgba(var(--vino-gold-rgb), .26);
background: radial-gradient(180px 130px at 100% 0%,rgba(var(--vino-gold-rgb), .16),transparent 70%),var(--vino-card);
color: var(--vino-white);
text-decoration: none;
transition: transform var(--vino-motion-fast),border-color var(--vino-motion-fast);
}
@media (hover:hover) {
.vino-promo-card:hover {
transform: translateY(-2px);
border-color: rgba(var(--vino-gold-rgb), .55);
}
}
.vino-promo-card span {
color: var(--vino-gold);
font-size: var(--vino-text-xs);
font-weight: 600;
letter-spacing: var(--vino-track-sm);
text-transform: uppercase;
}
.vino-promo-card b {
font-family: var(--vino-serif);
font-size: var(--vino-title-xs);
line-height: var(--vino-leading-title);
font-weight: 400;
}
.vino-promo-card em {
color: var(--vino-muted);
font-style: normal;
}
.vino-empty-state {
display: grid;
grid-template-columns: 88px minmax(0,1fr);
gap: var(--vino-space-6);
align-items: center;
padding: clamp(26px,5vw,46px);
border: 1px solid rgba(var(--vino-gold-rgb), .26);
background: radial-gradient(420px 220px at 94% 0%,rgba(var(--vino-gold-rgb), .16),transparent 64%),var(--vino-card);
}
.vino-empty-state--inline {
margin-top: 18px;
}
.vino-empty-state__icon {
width: 72px;
height: 72px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 1px solid rgba(var(--vino-gold-rgb), .5);
color: var(--vino-gold);
font-family: var(--vino-serif);
font-size: 34px;
}
.vino-empty-state h2 {
margin: 0;
color: var(--vino-white);
font-family: var(--vino-serif);
font-size: var(--vino-display-3);
}
.vino-empty-state p {
max-width: 620px;
margin: 10px 0 0;
color: var(--vino-muted);
line-height: var(--vino-leading-text);
}
.vino-empty-state__actions {
display: flex;
gap: var(--vino-space-3);
flex-wrap: wrap;
margin-top: var(--vino-space-5);
}
@media (max-width:760px) {
.vino-empty-state {
grid-template-columns: 1fr;
gap: var(--vino-space-4);
padding: var(--vino-space-6);
}
.vino-empty-state__icon {
width: 58px;
height: 58px;
font-size: 28px;
}
}
@media (max-width:760px) {
.vino-promo-grid {
grid-template-columns: 1fr;
}
}
.vino-catalog-btn {
display: none;
align-items: center;
gap: var(--vino-space-3);
text-decoration: none;
height: 48px;
padding: 0 var(--vino-space-5);
border: 1px solid rgba(var(--vino-gold-rgb), .6);
border-radius: var(--vino-radius-sm);
background: transparent;
color: var(--vino-gold);
font-family: var(--vino-sans);
font-size: var(--vino-text-xs);
font-weight: 600;
line-height: 1;
letter-spacing: var(--vino-track-ui);
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
transition: background var(--vino-motion-fast), color var(--vino-motion-fast), border-color var(--vino-motion-fast);
}
.vino-catalog-btn--open {
border-color: var(--vino-gold);
background: var(--vino-gold);
color: var(--vino-ink);
}
@media (hover:hover) {
.vino-catalog-btn:hover {
border-color: var(--vino-gold);
background: var(--vino-gold);
color: var(--vino-ink);
}
}
.vino-catalog-btn:focus-visible {
outline: 2px solid var(--vino-gold);
outline-offset: 3px;
}
.vino-catalog-btn__icon {
display: block;
flex: none;
}
@media (min-width:981px) {
.vino-catalog-btn {
display: inline-flex;
}
}
.vino-mega {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: var(--vino-bg);
border-top: 1px solid var(--vino-line);
border-bottom: 1px solid rgba(var(--vino-gold-rgb), .2);
box-shadow: 0 30px 60px rgba(var(--vino-black-rgb), .45);
animation: vino-mega-in var(--vino-motion-base);
}
.vino-mega[hidden] {
display: none;
}
.vino-mega__inner {
display: grid;
grid-template-columns: 1fr 1fr 1fr 300px;
gap: var(--vino-space-12);
max-width: var(--vino-wrap);
margin: 0 auto;
padding: var(--vino-space-10) var(--vino-space-12) var(--vino-space-8);
}
.vino-mega__title {
margin: 0 0 var(--vino-space-5);
color: var(--vino-gold);
font-family: var(--vino-sans);
font-size: var(--vino-text-micro);
font-weight: 600;
letter-spacing: var(--vino-track-wide);
text-transform: uppercase;
}
.vino-mega__list {
display: grid;
gap: var(--vino-space-1);
margin: 0;
padding: 0;
list-style: none;
}
.vino-mega__link {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: var(--vino-space-3);
padding: var(--vino-space-1) 0;
color: rgba(var(--vino-white-rgb), .8);
font-family: var(--vino-serif);
font-size: var(--vino-text-lg);
line-height: var(--vino-leading-title);
text-decoration: none;
transition: color var(--vino-motion-fast);
}
.vino-mega__count {
color: var(--vino-faint);
font-family: var(--vino-sans);
font-size: var(--vino-text-micro);
font-style: normal;
letter-spacing: var(--vino-track-xs);
transition: color var(--vino-motion-fast);
}
@media (hover:hover) {
.vino-mega__link:hover, .vino-mega__link:hover .vino-mega__count {
color: var(--vino-gold);
}
}
.vino-mega__more, .vino-mega__all {
color: var(--vino-gold);
font-family: var(--vino-sans);
font-weight: 600;
letter-spacing: var(--vino-track-ui);
text-transform: uppercase;
text-decoration: none;
transition: color var(--vino-motion-fast);
}
.vino-mega__more {
display: inline-block;
margin-top: var(--vino-space-4);
font-size: var(--vino-text-micro);
}
.vino-mega__all {
font-size: var(--vino-text-xs);
}
@media (hover:hover) {
.vino-mega__more:hover, .vino-mega__all:hover {
color: var(--vino-gold-hover);
}
}
.vino-mega__card {
position: relative;
display: block;
min-height: 320px;
overflow: hidden;
border: 1px solid rgba(var(--vino-gold-rgb), .2);
border-radius: var(--vino-radius-sm);
text-decoration: none;
}
.vino-mega__card-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform var(--vino-motion-soft);
}
@media (hover:hover) {
.vino-mega__card:hover .vino-mega__card-img {
transform: scale(1.04);
}
}
.vino-mega__card-body {
position: absolute;
left: 0;
right: 0;
bottom: 0;
display: grid;
gap: var(--vino-space-2);
padding: var(--vino-space-6);
background: linear-gradient(to top, rgba(var(--vino-bg-rgb), .92), rgba(var(--vino-bg-rgb), 0));
}
.vino-mega__card-kicker {
color: var(--vino-gold);
font-family: var(--vino-sans);
font-size: var(--vino-text-micro);
font-weight: 600;
letter-spacing: var(--vino-track-ui);
text-transform: uppercase;
}
.vino-mega__card-title {
color: var(--vino-white);
font-family: var(--vino-serif);
font-size: var(--vino-title-xs);
line-height: var(--vino-leading-title);
}
.vino-mega__foot {
max-width: var(--vino-wrap);
margin: 0 auto;
padding: var(--vino-space-5) var(--vino-space-12);
border-top: 1px solid var(--vino-line);
}
@media (max-width:1279px) {
.vino-mega__inner {
grid-template-columns: 1fr 1fr 1fr 200px;
gap: var(--vino-space-8);
padding-right: var(--vino-space-8);
padding-left: var(--vino-space-8);
}
.vino-mega__foot {
padding-right: var(--vino-space-8);
padding-left: var(--vino-space-8);
}
}
@media (max-width:980px) {
.vino-mega {
display: none;
}
}
.vino-mega__card-link {
color: rgba(var(--vino-white-rgb), .8);
font-family: var(--vino-sans);
font-size: var(--vino-text-xs);
justify-self: start;
}
button.vino-mega__card {
width: 100%;
padding: 0;
background: none;
color: inherit;
font: inherit;
text-align: left;
cursor: pointer;
}
@keyframes vino-mega-in {
from {
opacity: 0;
transform: translateY(-8px);
}
to {
opacity: 1;
transform: none;
}
}
.vino-link {
padding-bottom: var(--vino-space-1);
background: linear-gradient(var(--vino-gold), var(--vino-gold)) left bottom / 0 1px no-repeat, linear-gradient(rgba(var(--vino-gold-rgb), .28), rgba(var(--vino-gold-rgb), .28)) left bottom / 100% 1px no-repeat;
text-decoration: none;
transition: background-size var(--vino-motion-base), color var(--vino-motion-fast);
}
@media (hover:hover) {
.vino-link:hover, a:hover .vino-link {
background-size: 100% 1px, 100% 1px;
}
}
@media (pointer:coarse) {
.vino-lang__current, .vino-footer__tg, .vino-card__tool {
position: relative;
}
}
@media (pointer:coarse) {
.vino-lang__current::after {
content: "";
position: absolute;
inset: -2px -4px;
}
}
.vino-lang {
position: relative;
}
.vino-actions .vino-lang__current {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--vino-space-1);
width: auto;
height: 40px;
padding: 0;
border: 0;
background: transparent;
color: rgba(var(--vino-white-rgb), .7);
font-family: var(--vino-sans);
font-size: var(--vino-text-xs);
font-weight: 500;
letter-spacing: var(--vino-track-ui);
cursor: pointer;
transition: color var(--vino-motion-fast);
}
.vino-lang[data-open="true"] .vino-lang__current {
color: var(--vino-white);
}
@media (hover:hover) {
.vino-actions .vino-lang__current:hover {
color: var(--vino-white);
}
}
.vino-lang__label {
display: inline-grid;
}
.vino-lang__text {
grid-area: 1 / 1;
}
.vino-lang__text--ghost {
visibility: hidden;
}
.vino-lang__chev {
width: 10px;
height: 6px;
transition: transform var(--vino-motion-fast);
}
.vino-lang[data-open="true"] .vino-lang__chev {
transform: rotate(180deg);
}
.vino-lang__menu {
position: absolute;
top: 100%;
left: 50%;
z-index: 60;
display: flex;
flex-direction: column;
min-width: 64px;
padding: var(--vino-space-1);
border: 1px solid var(--vino-line);
border-radius: var(--vino-radius-sm);
background: var(--vino-bg);
opacity: 0;
visibility: hidden;
transform: translateX(-50%);
transition: opacity var(--vino-motion-fast), visibility var(--vino-motion-fast);
}
.vino-lang[data-open="true"] .vino-lang__menu {
opacity: 1;
visibility: visible;
}
.vino-actions .vino-lang__option {
display: block;
width: auto;
height: auto;
padding: var(--vino-space-2) var(--vino-space-3);
color: var(--vino-muted);
font-size: var(--vino-text-xs);
font-weight: 500;
letter-spacing: var(--vino-track-ui);
text-align: center;
text-decoration: none;
}
@media (hover:hover) {
.vino-actions .vino-lang__option:hover {
color: var(--vino-white);
}
}
.vino-actions .vino-lang__option--active {
color: var(--vino-gold);
}
.vino-page-lead {
max-width: 680px;
margin: var(--vino-space-5) 0 0;
color: var(--vino-muted);
line-height: var(--vino-leading-text);
}
.vino-card__tool--compare.vino-card__tool--active .vino-card__tool-icon, .vino-pdp__iconbtn--compare.vino-pdp__iconbtn--active .vino-pdp__icon {
fill: none;
}
.vino-toast {
position: fixed;
left: 50%;
bottom: var(--vino-space-8);
z-index: var(--vino-z-toast);
padding: var(--vino-space-4) var(--vino-space-6);
border: 1px solid rgba(var(--vino-gold-rgb), .35);
border-radius: var(--vino-radius-sm);
background: var(--vino-bg-soft);
color: var(--vino-white);
font-family: var(--vino-sans);
font-size: var(--vino-text-sm);
box-shadow: 0 18px 50px rgba(var(--vino-black-rgb), .5);
opacity: 0;
pointer-events: none;
transform: translate(-50%, var(--vino-space-5));
transition: opacity var(--vino-motion-base), transform var(--vino-motion-base);
}
.vino-toast--on {
opacity: 1;
pointer-events: auto;
transform: translate(-50%, 0);
}
.vino-toast__link {
margin-left: var(--vino-space-3);
color: var(--vino-gold);
}
.vino-compare__bar {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: var(--vino-space-6);
}
.vino-compare__diff {
display: inline-flex;
align-items: center;
gap: var(--vino-space-2);
color: var(--vino-muted);
font-size: var(--vino-text-sm);
cursor: pointer;
}
.vino-compare__diff input {
width: 16px;
height: 16px;
accent-color: var(--vino-gold);
}
.vino-compare__clear {
padding: 0;
border: 0;
background: none;
color: var(--vino-gold);
font-family: var(--vino-sans);
font-size: var(--vino-text-xs);
font-weight: 600;
letter-spacing: var(--vino-track-ui);
text-transform: uppercase;
cursor: pointer;
}
@media (hover:hover) {
.vino-compare__clear:hover {
color: var(--vino-gold-hover);
}
}
.vino-compare__scroll {
overflow-x: auto;
}
.vino-compare__table {
width: 100%;
min-width: 720px;
border-collapse: collapse;
table-layout: fixed;
}
.vino-compare__table th, .vino-compare__table td {
padding: var(--vino-space-4);
border-bottom: 1px solid var(--vino-line);
font-size: var(--vino-text-sm);
line-height: var(--vino-leading-ui);
text-align: left;
vertical-align: top;
}
.vino-compare__corner, .vino-compare__table tbody th {
width: 200px;
color: var(--vino-muted);
font-weight: 500;
}
.vino-compare__table td {
color: var(--vino-white);
}
.vino-compare__item {
position: relative;
padding-top: var(--vino-space-8);
}
.vino-compare__remove {
position: absolute;
top: var(--vino-space-1);
right: var(--vino-space-1);
width: 32px;
height: 32px;
padding: 0;
border: 0;
background: none;
color: var(--vino-faint);
font-size: var(--vino-title-xs);
line-height: 1;
cursor: pointer;
transition: color var(--vino-motion-fast);
}
@media (hover:hover) {
.vino-compare__remove:hover {
color: var(--vino-white);
}
}
.vino-compare__img {
display: block;
height: 200px;
margin-bottom: var(--vino-space-4);
overflow: hidden;
border-radius: var(--vino-radius-sm);
background: var(--vino-bg-soft);
}
.vino-compare__img img {
width: 100%;
height: 100%;
object-fit: contain;
}
.vino-compare__name {
display: block;
margin-bottom: var(--vino-space-2);
color: var(--vino-white);
font-family: var(--vino-serif);
font-size: var(--vino-text-lg);
font-weight: 500;
line-height: var(--vino-leading-title);
text-decoration: none;
transition: color var(--vino-motion-fast);
}
@media (hover:hover) {
.vino-compare__name:hover {
color: var(--vino-gold);
}
}
.vino-compare__price {
margin-bottom: var(--vino-space-4);
color: var(--vino-gold);
font-family: var(--vino-sans);
font-weight: 600;
}
.vino-compare--diff tr[data-same="1"] {
display: none;
}
.vino-compare-empty {
padding: var(--vino-space-12) 0;
text-align: center;
}
.vino-compare-empty p {
margin: 0 0 var(--vino-space-6);
color: var(--vino-muted);
}
.vino-reveal .vino-reveal__item {
animation: none;
}
.vino-reveal .vino-reveal__item:not(.vino-reveal__item--visible) > *, .vino-reveal .vino-reveal__item--deep:not(.vino-reveal__item--visible) .vino-brands__item, .vino-reveal .vino-reveal__item--deep:not(.vino-reveal__item--visible) .vino-card, .vino-reveal .vino-reveal__item--deep:not(.vino-reveal__item--visible) .vino-news__card {
animation: none;
opacity: 0;
}
.vino-reveal .vino-reveal__item--visible > * {
animation: vinoSectionIn var(--vino-motion-reveal) both;
}
.vino-modal {
position: fixed;
inset: 0;
z-index: var(--vino-z-modal);
display: flex;
align-items: center;
justify-content: center;
padding: var(--vino-space-6);
}
.vino-modal[hidden] {
display: none;
}
.vino-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(var(--vino-black-rgb), .72);
}
.vino-modal__dialog {
position: relative;
width: 100%;
max-width: 480px;
max-height: calc(100vh - var(--vino-space-12));
overflow: auto;
padding: var(--vino-space-10);
border: 1px solid rgba(var(--vino-gold-rgb), .2);
border-radius: var(--vino-radius-sm);
background: var(--vino-bg);
}
.vino-modal__close {
position: absolute;
top: var(--vino-space-3);
right: var(--vino-space-3);
width: 40px;
height: 40px;
border: 0;
background: transparent;
color: var(--vino-muted);
display: flex;
align-items: center;
justify-content: center;
padding: 0;
cursor: pointer;
transition: color var(--vino-motion-fast);
}
.vino-modal__close-icon {
width: 20px;
height: 20px;
}
@media (hover:hover) {
.vino-modal__close:hover {
color: var(--vino-gold);
}
}
.vino-modal__kicker {
margin: 0 0 var(--vino-space-2);
color: var(--vino-gold);
font-family: var(--vino-sans);
font-size: var(--vino-text-xs);
font-weight: 600;
letter-spacing: var(--vino-track-ui);
text-transform: uppercase;
}
.vino-modal__title {
margin: 0;
color: var(--vino-white);
font-family: var(--vino-serif);
font-size: var(--vino-display-3);
font-weight: 500;
line-height: var(--vino-leading-title);
}
.vino-modal__lead {
margin: var(--vino-space-3) 0 var(--vino-space-6);
color: var(--vino-muted);
font-size: var(--vino-text-sm);
line-height: var(--vino-leading-text);
}
html[data-auth="1"] .vino-review-guest,
html[data-auth="0"] .vino-review-user {
display: none;
}
.vino-modal__err {
min-height: calc(2em * var(--vino-leading-ui));
margin: var(--vino-space-3) 0 0;
color: var(--vino-red-soft);
font-size: var(--vino-text-xs);
line-height: var(--vino-leading-ui);
}
.vino-modal__err[hidden] {
display: block;
visibility: hidden;
}
@media (max-width:560px) {
.vino-modal {
align-items: stretch;
padding: 0;
}
.vino-modal__dialog {
max-width: none;
max-height: none;
height: 100%;
padding: var(--vino-space-12) var(--vino-space-6) var(--vino-space-8);
border: 0;
border-radius: 0;
}
}
.vino-modal__done:focus {
outline: none;
}
.vino-modal__contact {
color: var(--vino-white);
overflow-wrap: anywhere;
}
body.vino-modal-open {
overflow: hidden;
}
.vino-breadcrumbs {
color: rgba(var(--vino-white-rgb), .44);
font-size: var(--vino-text-xs);
letter-spacing: var(--vino-track-sm);
text-transform: uppercase;
}
.vino-breadcrumbs__list {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
gap: var(--vino-space-3);
}
.vino-breadcrumbs__item {
display: flex;
align-items: center;
gap: var(--vino-space-3);
}
.vino-breadcrumbs__link {
margin-right: calc(var(--vino-track-sm) * -1);
color: rgba(var(--vino-white-rgb), .54);
transition: color var(--vino-motion-fast);
}
@media (hover:hover) {
.vino-breadcrumbs__link:hover {
color: var(--vino-gold);
}
}
.vino-breadcrumbs__current {
margin-right: calc(var(--vino-track-sm) * -1);
color: var(--vino-gold);
}
.vino-breadcrumbs__sep {
flex: none;
width: 5px;
height: 5px;
border-top: 1px solid rgba(var(--vino-white-rgb), .4);
border-right: 1px solid rgba(var(--vino-white-rgb), .4);
transform: translateX(-2px) rotate(45deg);
}
@media (max-width:980px) {
:root {
--vino-section-pad-x: var(--vino-space-8);
--vino-section-pad-y: var(--vino-space-16);
--vino-section-head-gap: var(--vino-space-8);
--vino-grid-gap-wide: var(--vino-space-8);
}
}
.vino-razdel-hero__title {
margin: var(--vino-space-4) 0 0;
color: var(--vino-white);
font-family: var(--vino-serif);
font-size: var(--vino-display-2);
font-weight: 400;
line-height: var(--vino-leading-tight);
letter-spacing: var(--vino-track-tight);
}
.vino-razdel-hero {
padding-right: var(--vino-section-pad-x);
padding-left: var(--vino-section-pad-x);
padding-top: var(--vino-space-8);
padding-bottom: 0;
}
a:active:not(.vino-card__image, .vino-hero__panel), button:active, [role="button"]:active {
filter: brightness(.85);
}
.vino-dots {
display: none;
}
@media (max-width:760px) {
.vino-dots {
display: flex;
justify-content: center;
align-items: center;
gap: var(--vino-space-1);
}
.vino-dots--overlay {
position: relative;
z-index: 5;
height: var(--vino-space-12);
margin-top: calc(var(--vino-space-12) * -1);
padding-bottom: var(--vino-space-2);
pointer-events: none;
}
.vino-dots--overlay .vino-dots__dot {
pointer-events: auto;
}
.vino-dots__dot {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
padding: 0;
border: 0;
background: transparent;
cursor: pointer;
margin: -10px;
}
.vino-dots__dot::before {
content: "";
width: 8px;
height: 8px;
border-radius: 4px;
background: rgba(var(--vino-white-rgb), .3);
transition: width var(--vino-motion-fast), background var(--vino-motion-fast);
}
.vino-dots__dot--active::before {
width: 20px;
background: var(--vino-gold);
}
.vino-dots--lines {
gap: var(--vino-space-2);
}
.vino-dots--lines .vino-dots__dot {
width: 44px;
margin: -10px -8px;
}
.vino-dots--lines .vino-dots__dot::before, .vino-dots--lines .vino-dots__dot--active::before {
width: 28px;
height: 2px;
border-radius: 0;
}
}
.vino-tabbar {
display: none;
}
@media (max-width:760px) {
.vino-tabbar {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 90;
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
height: calc(var(--vino-tabbar-h) + env(safe-area-inset-bottom));
padding-bottom: env(safe-area-inset-bottom);
border-top: 1px solid var(--vino-line);
background: rgba(var(--vino-bg-rgb), .94);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
}
.vino-tabbar__item {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: var(--vino-space-1);
color: var(--vino-muted);
font-size: var(--vino-text-xxs);
line-height: 1;
transition: color var(--vino-motion-fast);
}
.vino-tabbar__item--active {
color: var(--vino-gold);
}
.vino-tabbar__count {
top: var(--vino-space-1);
right: auto;
left: calc(50% + var(--vino-space-1));
}
}
@media (max-width:760px) {
:root {
--vino-section-head-gap: var(--vino-space-6);
--vino-text-xxs: .75rem;
--vino-story-image-height: auto;
--vino-story-image-ratio: 3 / 2;
--vino-news-image-height: 200px;
--vino-tabbar-h: 60px;
--vino-section-pad-x: var(--vino-space-6);
--vino-grid-gap-base: var(--vino-space-4);
--vino-grid-gap-tight: var(--vino-space-3);
--vino-grid-gap-wide: var(--vino-space-6);
--vino-card-pad: var(--vino-space-4);
}
}
@media (max-width:560px) {
:root {
--vino-section-pad-x: var(--vino-space-4);
--vino-section-pad-y: var(--vino-space-12);
}
}
@media (max-width:760px) {
body {
padding-bottom: calc(var(--vino-tabbar-h) + env(safe-area-inset-bottom));
}
.vino-cookie, .vino-toast {
bottom: calc(var(--vino-tabbar-h) + env(safe-area-inset-bottom) + var(--vino-space-2));
}
}
@media (max-width:760px) {
.vino-act, .vino-pdp__rating, .vino-breadcrumbs__link, .vino-card .vino-card__tool, .vino-card__link, .vino-footer__link, .vino-consent__link, .vino-lang__current, .vino-demo-bar__link {
position: relative;
}
.vino-actions {
gap: 22px;
}
.vino-act::before, .vino-pdp__rating::before {
content: "";
position: absolute;
inset: -11px;
}
.vino-breadcrumbs__link::before, .vino-card__link::before, .vino-footer__link::before, .vino-consent__link::before, .vino-lang__current::before, .vino-demo-bar__link::before {
content: "";
position: absolute;
inset: -13px -4px;
}
.vino-card .vino-card__tool {
width: 40px;
height: 40px;
margin: 0;
}
.vino-card .vino-card__tool::before {
content: "";
position: absolute;
inset: -2px;
}
.vino-actions .vino-lang__option {
min-height: 44px;
}
}
.vino-skip {
position: fixed;
top: -80px;
left: var(--vino-space-4);
z-index: 1000;
padding: var(--vino-space-3) var(--vino-space-4);
background: var(--vino-gold);
color: var(--vino-bg);
font-size: var(--vino-text-xs);
letter-spacing: var(--vino-track-ui);
text-transform: uppercase;
}
.vino-skip:focus {
top: var(--vino-space-4);
}
.vino-main:focus {
outline: 0;
}
/* End */
/* /local/templates/jinove_wine/template_styles.css?1791702210133246 */