@font-face { font-family: "Manrope"; font-style: normal; font-weight: 400; font-display: swap; src: url(/static/fonts/842459da81f909f2.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(/static/fonts/9b2d027172a3481c.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(/static/fonts/ed7393f42d27db3d.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(/static/fonts/1f3ea86e40d947e2.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(/static/fonts/ee75508933e6fd45.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(/static/fonts/4872f2a6dc9a8250.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(/static/fonts/842459da81f909f2.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(/static/fonts/9b2d027172a3481c.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(/static/fonts/ed7393f42d27db3d.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(/static/fonts/1f3ea86e40d947e2.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(/static/fonts/ee75508933e6fd45.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(/static/fonts/4872f2a6dc9a8250.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(/static/fonts/842459da81f909f2.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(/static/fonts/9b2d027172a3481c.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(/static/fonts/ed7393f42d27db3d.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(/static/fonts/1f3ea86e40d947e2.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(/static/fonts/ee75508933e6fd45.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(/static/fonts/4872f2a6dc9a8250.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(/static/fonts/842459da81f909f2.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(/static/fonts/9b2d027172a3481c.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(/static/fonts/ed7393f42d27db3d.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(/static/fonts/1f3ea86e40d947e2.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(/static/fonts/ee75508933e6fd45.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(/static/fonts/4872f2a6dc9a8250.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: 800; font-display: swap; src: url(/static/fonts/842459da81f909f2.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: 800; font-display: swap; src: url(/static/fonts/9b2d027172a3481c.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: 800; font-display: swap; src: url(/static/fonts/ed7393f42d27db3d.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: 800; font-display: swap; src: url(/static/fonts/1f3ea86e40d947e2.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: 800; font-display: swap; src: url(/static/fonts/ee75508933e6fd45.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: 800; font-display: swap; src: url(/static/fonts/4872f2a6dc9a8250.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: "Noto Sans Malayalam"; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(/static/fonts/89ab5566c7beb97d.woff2) format("woff2"); unicode-range: U+307, U+323, U+951-952, U+964-965, U+D00-D7F, U+1CDA, U+1CF2, U+200C-200D, U+20B9, U+25CC, U+A830-A832; }@font-face { font-family: "Noto Sans Malayalam"; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(/static/fonts/84eb6f1890511d0e.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: "Noto Sans Malayalam"; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url(/static/fonts/fa23e17d177cd611.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: "Noto Sans Malayalam"; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(/static/fonts/89ab5566c7beb97d.woff2) format("woff2"); unicode-range: U+307, U+323, U+951-952, U+964-965, U+D00-D7F, U+1CDA, U+1CF2, U+200C-200D, U+20B9, U+25CC, U+A830-A832; }@font-face { font-family: "Noto Sans Malayalam"; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(/static/fonts/84eb6f1890511d0e.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: "Noto Sans Malayalam"; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url(/static/fonts/fa23e17d177cd611.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: "Noto Sans Malayalam"; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(/static/fonts/89ab5566c7beb97d.woff2) format("woff2"); unicode-range: U+307, U+323, U+951-952, U+964-965, U+D00-D7F, U+1CDA, U+1CF2, U+200C-200D, U+20B9, U+25CC, U+A830-A832; }@font-face { font-family: "Noto Sans Malayalam"; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(/static/fonts/84eb6f1890511d0e.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: "Noto Sans Malayalam"; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url(/static/fonts/fa23e17d177cd611.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: "Outfit"; font-style: normal; font-weight: 500; font-display: swap; src: url(/static/fonts/a98bd92496b62047.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: "Outfit"; font-style: normal; font-weight: 500; font-display: swap; src: url(/static/fonts/836b5877f0891ac7.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: "Outfit"; font-style: normal; font-weight: 600; font-display: swap; src: url(/static/fonts/a98bd92496b62047.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: "Outfit"; font-style: normal; font-weight: 600; font-display: swap; src: url(/static/fonts/836b5877f0891ac7.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: "Outfit"; font-style: normal; font-weight: 700; font-display: swap; src: url(/static/fonts/a98bd92496b62047.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: "Outfit"; font-style: normal; font-weight: 700; font-display: swap; src: url(/static/fonts/836b5877f0891ac7.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: "Outfit"; font-style: normal; font-weight: 800; font-display: swap; src: url(/static/fonts/a98bd92496b62047.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: "Outfit"; font-style: normal; font-weight: 800; font-display: swap; src: url(/static/fonts/836b5877f0891ac7.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 { --forest: #18392f; --forest-dark: #102a22; --leaf: #3f775f; --sage: #dfe9e1; --sage-light: #f0f4ef; --paper: #f8f6f0; --cream: #eee8db; --peach: #e9aa8e; --rose: #ba5a64; --ink: #173028; --muted: #69776f; --card: #fffdfa; --border: #d9dfd8; --bg: var(--paper); --pink: var(--rose); --pink-dark: #98444f; --green: var(--leaf); --display: Georgia, "Times New Roman", serif; --sans: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }* { box-sizing: border-box; }html { scroll-behavior: smooth; }body { margin: 0; color: var(--ink); background: var(--bg); font-family: var(--sans); line-height: 1.5; }body.cart-open { overflow: hidden; }img { max-width: 100%; }button, input, textarea, select { font: inherit; }button { cursor: pointer; }a { color: inherit; text-decoration: none; }a:hover { text-decoration: none; }[hidden] { display: none !important; }.storefront-body { min-width: 0; background: var(--paper); }.storefront-body h1, .storefront-body h2, .storefront-body h3 { font-family: var(--display); font-weight: 500; letter-spacing: -.035em; }.page-shell, .container { width: min(100%, 1240px); margin-inline: auto; padding-inline: clamp(1rem, 3vw, 2rem); }.visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }.site-main { min-height: 60vh; }.store-eyebrow { margin: 0; color: var(--leaf); font-family: var(--sans); font-size: .7rem; font-weight: 780; letter-spacing: .15em; text-transform: uppercase; }.muted, .hint { color: var(--muted); font-size: .82rem; }.error { color: #a33f3a; font-weight: 650; }.demo-note { padding: .7rem .8rem; border: 1px dashed #c9a34f; border-radius: .65rem; background: #fff7dc; color: #74571b; }.grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }button, .btn-primary, .btn-secondary { min-height: 2.65rem; padding: .62rem 1rem; border: 0; border-radius: .7rem; }.btn-primary { background: var(--leaf); color: #fff; }.btn-secondary { border: 1px solid var(--border); background: #fff; color: var(--ink); }.btn-danger { background: #bd4941; color: #fff; }.store-btn { display: inline-flex; align-items: center; justify-content: center; gap: .65rem; min-height: 3rem; padding: .75rem 1.1rem; border: 1px solid transparent; border-radius: 999px; font-size: .82rem; font-weight: 730; transition: transform .18s ease, background .18s ease, color .18s ease; }.store-btn:hover { transform: translateY(-1px); }.store-btn-primary { background: var(--forest); color: #fff; box-shadow: 0 8px 22px rgba(24,57,47,.16); }.store-btn-primary:hover { background: var(--forest-dark); }.store-btn-secondary { border-color: #bdc9c1; background: transparent; color: var(--forest); }.store-btn-secondary:hover { background: #edf2ed; }.text-link { display: inline-flex; align-items: center; gap: .5rem; color: var(--forest); font-size: .82rem; font-weight: 720; }.text-link span { transition: transform .2s ease; }.text-link:hover span { transform: translateX(3px); }.announcement-bar { background: var(--forest-dark); color: #dce9df; text-align: center; }.announcement-bar p { display: flex; justify-content: center; gap: .7rem; margin: 0; padding: .4rem 1rem; font-size: .66rem; letter-spacing: .06em; }.announcement-divider { color: #799888; }.site-header { position: sticky; top: 0; z-index: 30; border-bottom: 1px solid rgba(24,57,47,.12); background: rgba(248,246,240,.94); backdrop-filter: blur(16px); }.site-header-inner { display: grid; grid-template-columns: auto 1fr auto; align-items: center; width: min(100%, 1380px); min-height: 4.7rem; margin-inline: auto; padding-inline: clamp(1rem, 3vw, 2.5rem); }.logo { display: inline-flex; align-items: center; gap: .7rem; }.logo strong { font-family: var(--display); font-size: 1.3rem; font-weight: 600; letter-spacing: -.03em; }.logo small { margin-top: .18rem; color: var(--muted); font-size: .52rem; font-weight: 750; letter-spacing: .16em; text-transform: uppercase; }.logo-flower { position: relative; width: 2.1rem; height: 2.1rem; flex: 0 0 auto; }.logo-flower i { position: absolute; left: 50%; top: 50%; width: .72rem; height: .95rem; border-radius: 60% 60% 48% 48%; background: var(--leaf); transform-origin: 50% 100%; }.logo-flower i:nth-child(1) { transform: translate(-50%,-95%); }.logo-flower i:nth-child(2) { transform: translate(-50%,-95%) rotate(90deg); }.logo-flower i:nth-child(3) { transform: translate(-50%,-95%) rotate(180deg); }.logo-flower i:nth-child(4) { transform: translate(-50%,-95%) rotate(270deg); }.logo-flower b { position: absolute; left: 50%; top: 50%; width: .45rem; height: .45rem; border-radius: 50%; background: #f2c7a8; transform: translate(-50%,-50%); }.desktop-nav { display: flex; justify-content: center; gap: clamp(1rem, 3vw, 2.2rem); }.desktop-nav a { position: relative; padding: 1.7rem 0; color: #4d5f56; font-size: .76rem; font-weight: 650; }.desktop-nav a::after { position: absolute; right: 0; bottom: 1.2rem; left: 0; height: 1px; background: var(--forest); content: ""; transform: scaleX(0); transition: transform .2s ease; }.desktop-nav a:hover::after, .desktop-nav a[aria-current="page"]::after { transform: scaleX(1); }.header-actions { display: flex; align-items: center; justify-content: flex-end; gap: .25rem; }.header-icon-link, .cart-btn, .wishlist-btn, .account-menu summary{ display: inline-flex; align-items: center; gap: .4rem; min-height: 2.6rem; padding: .45rem .65rem; border: 0; border-radius: 999px; background: transparent; color: var(--forest); font-size: .72rem; font-weight: 680; list-style: none; }.header-icon-link:hover, .cart-btn:hover, .wishlist-btn:hover, .account-menu summary:hover{ background: var(--sage); }.header-icon-link svg, .cart-btn svg, .wishlist-btn svg, .account-menu svg{ width: 1.15rem; height: 1.15rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }.account-popover { position: absolute; top: calc(100% + .7rem); right: 0; display: grid; width: 13rem; overflow: hidden; border: 1px solid var(--border); border-radius: .85rem; background: #fff; box-shadow: 0 16px 42px rgba(17,42,34,.15); }.account-popover p { display: grid; margin: 0; padding: .9rem 1rem; border-bottom: 1px solid var(--border); }.account-popover p span { color: var(--muted); font-size: .65rem; }.account-popover p strong { overflow: hidden; font-size: .76rem; text-overflow: ellipsis; cursor: pointer; }.account-popover a { padding: .65rem 1rem; font-size: .74rem; }.account-popover a:hover { background: var(--sage-light); }.badge { display: grid; min-width: 1.25rem; height: 1.25rem; padding: 0 .3rem; place-items: center; border-radius: 999px; background: var(--forest); color: #fff; font-size: .62rem; }.badge:empty { display: none; }.bump { animation: bump .3s ease; }@keyframes bump { 50% { transform: scale(1.35); } }.site-footer { margin-top: 5rem; border-top: 1px solid #314e43; background: var(--forest-dark); color: #d4e0da; }.footer-inner { display: grid; grid-template-columns: 1.45fr .7fr .7fr 1fr; gap: 3rem; width: min(100%, 1240px); margin: auto; padding: 4rem clamp(1rem,3vw,2rem); }.footer-logo .logo-flower i { background: #a8c3b1; }.footer-logo small { color: #91a69c; }.footer-brand > p { max-width: 23rem; color: #9eafa7; font-family: var(--display); font-size: 1.05rem; line-height: 1.5; }.footer-links { display: grid; align-content: start; gap: .55rem; }.footer-links strong, .footer-note strong { margin-bottom: .45rem; color: #fff; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; }.footer-links a { color: #9eafa7; font-size: .75rem; }.footer-note p { color: #9eafa7; font-size: .75rem; }.footer-bottom { display: flex; justify-content: space-between; width: min(100%,1240px); margin: auto; padding: 1rem clamp(1rem,3vw,2rem); border-top: 1px solid #29463b; color: #82978d; font-size: .64rem; }.home-hero { display: grid; grid-template-columns: minmax(0,.92fr) minmax(30rem,1.08fr); align-items: center; gap: clamp(2rem,5vw,5rem); min-height: 42rem; padding-top: 3rem; padding-bottom: 4rem; }.hero-copy h1 { margin: .7rem 0 1.2rem; font-size: clamp(3.6rem,6vw,6.4rem); line-height: .89; }.hero-copy h1 em { color: var(--leaf); font-weight: 400; }.hero-lede { max-width: 35rem; color: #506159; font-family: var(--display); font-size: 1.15rem; line-height: 1.55; }.hero-actions { display: flex; align-items: center; gap: 1.5rem; margin-top: 1.8rem; }.hero-proof { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin-top: 3rem; padding-top: 1.3rem; border-top: 1px solid #ced7d0; }.hero-proof strong { font-size: .72rem; }.hero-proof span { color: var(--muted); font-size: .65rem; }.hero-collage { position: relative; min-height: 36rem; }.hero-image { position: absolute; overflow: hidden; border-radius: 45% 45% 1rem 1rem; }.hero-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }.hero-image:hover img { transform: scale(1.025); }.hero-image-main { top: 0; right: 0; width: 72%; height: 34rem; box-shadow: 0 25px 60px rgba(31,62,50,.18); }.hero-image-main > span { position: absolute; right: 1rem; bottom: 1rem; left: 1rem; display: grid; padding: .75rem 1rem; border-radius: .7rem; background: rgba(255,253,250,.9); backdrop-filter: blur(10px); }.hero-image-main small { color: var(--leaf); font-size: .58rem; font-weight: 760; letter-spacing: .11em; text-transform: uppercase; }.hero-image-main strong { font-family: var(--display); font-size: 1rem; }.hero-image-small { bottom: 0; left: 0; width: 39%; height: 18rem; border: .65rem solid var(--paper); border-radius: 8rem 8rem 1rem 1rem; box-shadow: 0 15px 40px rgba(31,62,50,.14); }.hero-bloom-note { position: absolute; top: 2rem; left: 1rem; display: grid; place-items: center; width: 8rem; height: 8rem; border: 1px solid #c4d0c8; border-radius: 50%; background: var(--paper); font-family: var(--display); transform: rotate(-9deg); }.hero-bloom-note span { align-self: end; font-size: .8rem; }.hero-bloom-note strong { align-self: start; color: var(--leaf); font-size: 1.2rem; font-style: italic; }.hero-bloom-note i { position: absolute; right: -.35rem; bottom: .5rem; color: var(--peach); }.occasion-section { padding-top: 4rem; padding-bottom: 5rem; }.section-intro { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.6rem; }.section-intro h2 { max-width: 16em; margin: .25rem 0 0; font-size: clamp(2rem,4vw,3.3rem); line-height: 1.05; }.section-intro > p { max-width: 28rem; color: var(--muted); font-family: var(--display); font-size: 1rem; }.section-intro.compact { display: block; }.occasion-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: .75rem; }.occasion-card { position: relative; display: grid; min-height: 12rem; padding: 1rem; overflow: hidden; border: 1px solid rgba(24,57,47,.12); border-radius: .8rem; transition: transform .2s ease; }.occasion-card:hover { transform: translateY(-3px); }.occasion-card > span { font-size: .62rem; font-weight: 750; }.occasion-card strong { align-self: end; font-family: var(--display); font-size: 1.2rem; }.occasion-card small { font-size: .65rem; opacity: .7; }.occasion-card i { position: absolute; top: .8rem; right: .8rem; font-style: normal; }.occasion-1 { background: #eed4d0; }.occasion-2 { background: #e5d6c7; }.occasion-3 { background: #dce5de; }.occasion-4 { background: #ece3cc; }.occasion-5 { background: #d8e6e1; }.collection-section { padding-top: 4rem; padding-bottom: 5rem; }.collection-intro { padding-bottom: 1rem; border-bottom: 1px solid var(--border); }.shop-filter { display: grid; grid-template-columns: minmax(14rem,1.5fr) minmax(8rem,.55fr) auto auto; gap: .6rem; margin: 1.5rem 0 1rem; }.shop-filter input, .shop-filter select, .price-filter summary { width: 100%; min-height: 2.8rem; padding: .6rem .75rem; border: 1px solid #ccd5ce; border-radius: 999px; background: #fffdfa; color: var(--ink); font-size: .75rem; }.shop-search svg { position: absolute; top: 50%; left: .9rem; width: 1rem; fill: none; stroke: var(--muted); stroke-width: 1.7; transform: translateY(-50%); }.shop-search input { padding-left: 2.35rem; }.price-filter summary { display: flex; align-items: center; width: 6rem; cursor: pointer; list-style: none; }.price-filter > div { position: absolute; top: calc(100% + .45rem); right: 0; z-index: 8; display: grid; grid-template-columns: repeat(2,7rem); gap: .5rem; padding: .8rem; border: 1px solid var(--border); border-radius: .7rem; background: #fff; box-shadow: 0 12px 30px rgba(24,57,47,.12); }.price-filter label { display: grid; gap: .25rem; color: var(--muted); font-size: .65rem; }.price-filter input { border-radius: .5rem; }.filter-reset { align-self: center; padding: .5rem; color: var(--muted); font-size: .7rem; }.quick-occasions { display: flex; gap: .35rem; margin-bottom: 2rem; overflow-x: auto; scrollbar-width: none; }.quick-occasions a { flex: 0 0 auto; padding: .42rem .7rem; border-radius: 999px; color: #5f6f66; font-size: .68rem; }.quick-occasions a:hover, .quick-occasions a[aria-current="page"] { background: var(--forest); color: #fff; }.collection-count { display: flex; justify-content: space-between; margin-bottom: .7rem; color: var(--muted); font-size: .66rem; }.product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 2rem 1rem; }.product-grid > .product-card:nth-last-child(2):nth-child(4n + 1) { grid-column: 2; }.product-card { min-width: 0; }.product-card-media { position: relative; overflow: hidden; border-radius: .8rem; background: #e8ece6; }.product-image { display: block; aspect-ratio: 4/4.4; overflow: hidden; }.product-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }.product-card:hover .product-image img { transform: scale(1.025); }.product-ribbon { position: absolute; top: .75rem; left: .75rem; padding: .3rem .55rem; border-radius: 999px; background: rgba(255,250,235,.92); color: #89611b; font-size: .63rem; font-weight: 750; }.wish-btn { position: absolute; top: .7rem; right: .7rem; display: grid; width: 2.5rem; height: 2.5rem; min-height: 0; padding: 0; place-items: center; border: 1px solid rgba(24,57,47,.12); border-radius: 50%; background: rgba(255,253,250,.9); color: var(--forest); box-shadow: 0 5px 18px rgba(24,57,47,.08); }.wish-btn.saved { background: var(--forest); color: #fff; }.product-body { padding: .85rem .15rem 0; }.product-kicker { display: flex; gap: .35rem; margin: 0 0 .4rem; color: var(--leaf); font-size: .61rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }.product-title-row { display: flex; align-items: baseline; justify-content: space-between; gap: .75rem; }.product-title-row h3 { margin: 0; font-size: 1.15rem; line-height: 1.2; }.price { flex: 0 0 auto; font-family: var(--sans); font-size: .82rem; font-weight: 750; }.desc { min-height: 2.7em; margin: .45rem 0 .8rem; overflow: hidden; color: var(--muted); font-size: .75rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.product-footer { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }.product-media-actions { position: absolute; right: .65rem; bottom: .65rem; left: .65rem; z-index: 2; pointer-events: none; }.availability { display: inline-flex; align-items: center; gap: .35rem; color: var(--muted); font-size: .63rem; }.availability i { width: .42rem; height: .42rem; border-radius: 50%; background: #4c9b72; box-shadow: 0 0 0 3px #e5f1e9; }.product-media-actions .availability, .product-media-actions .sold-out, .product-media-actions .text-link { min-height: 2.15rem; padding: .45rem .7rem; border: 1px solid rgba(24,57,47,.1); border-radius: 999px; background: rgba(255,253,250,.94); color: var(--forest); box-shadow: 0 5px 16px rgba(24,57,47,.1); backdrop-filter: blur(8px); pointer-events: auto; }.product-media-actions .availability i { box-shadow: 0 0 0 3px rgba(76,155,114,.13); }.quick-add { display: inline-flex; align-items: center; gap: .45rem; min-height: 2.15rem; padding: .3rem .3rem .3rem .75rem; border: 0; border-radius: 999px; background: var(--forest); color: #fff; box-shadow: 0 6px 18px rgba(24,57,47,.22); font-size: .68rem; font-weight: 750; pointer-events: auto; }.quick-add:hover { background: #275649; }.quick-add b { display: grid; width: 1.55rem; height: 1.55rem; place-items: center; border-radius: 50%; background: rgba(255,255,255,.16); color: #fff; font-size: 1rem; font-weight: 400; }.sold-out { color: #a34e4e; font-size: .7rem; font-weight: 650; }.store-empty { padding: 5rem 1rem; border: 1px dashed #bbc9c0; border-radius: 1rem; text-align: center; }.empty-flower { display: grid; width: 3.5rem; height: 3.5rem; margin: 0 auto 1rem; place-items: center; border-radius: 50%; background: var(--sage); color: var(--leaf); font-size: 1.3rem; }.store-empty h3 { margin: .3rem 0; font-size: 1.8rem; }.store-empty > p:not(.store-eyebrow) { margin: 0 auto 1.2rem; color: var(--muted); font-size: .8rem; }.promise-band { background: var(--forest); color: #fff; }.promise-band > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2rem; padding-top: 2.2rem; padding-bottom: 2.2rem; }.promise-band div > div { display: flex; gap: .8rem; }.promise-band span { color: #91b09f; font-family: var(--display); font-size: 1.2rem; }.promise-band p { display: grid; margin: 0; color: #a9bbb1; font-size: .7rem; }.promise-band strong { color: #fff; font-size: .78rem; }.breadcrumbs { display: flex; gap: .5rem; margin-bottom: 1.2rem; color: var(--muted); font-size: .65rem; }.breadcrumbs a:hover { color: var(--forest); }.gallery { min-width: 0; }.main-image-wrap { position: relative; overflow: hidden; border-radius: 12rem 12rem 1rem 1rem; background: #e9ece6; }.main-image-wrap > img { display: block; width: 100%; aspect-ratio: 1/1.02; object-fit: cover; }.image-note { position: absolute; right: 1rem; bottom: 1rem; padding: .45rem .65rem; border-radius: 999px; background: rgba(255,253,250,.9); color: var(--forest); font-size: .62rem; font-weight: 680; }.thumbs button { width: 4.2rem; height: 4.2rem; min-height: 0; padding: .2rem; border: 1px solid transparent; border-radius: .6rem; background: transparent; }.thumbs button.active { border-color: var(--forest); }.thumbs img { width: 100%; height: 100%; object-fit: cover; border-radius: .4rem; }.detail-info { position: sticky; top: 6.5rem; padding-top: 1rem; }.detail-info h1 { margin: .5rem 0 .65rem; font-size: clamp(2.6rem,4.5vw,4.5rem); line-height: .98; }.detail-rating { display: flex; align-items: center; gap: .55rem; font-size: .68rem; }.stars { color: #c58a48; letter-spacing: .05em; }.price.big { display: block; margin: 1.2rem 0 .9rem; font-family: var(--display); font-size: 1.7rem; font-weight: 500; }.detail-description { color: #52635a; font-family: var(--display); font-size: 1.05rem; line-height: 1.55; }.detail-tags { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 1.4rem 0; border-block: 1px solid var(--border); }.detail-tags span:last-child { border-right: 0; }.detail-tags small { color: var(--muted); font-size: .58rem; letter-spacing: .07em; text-transform: uppercase; }.detail-tags strong { font-size: .72rem; }.purchase-panel { display: grid; gap: .9rem; padding: 1rem; border-radius: .8rem; background: #e9f0ea; }.purchase-panel small { margin-top: .2rem; color: var(--muted); font-size: .65rem; }.purchase-panel .store-btn { border-radius: .65rem; }.purchase-panel.sold { background: #f1e8e5; }.detail-assurances { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .5rem; margin: 1.2rem 0; }.detail-assurances div > span { display: grid; width: 1.8rem; height: 1.8rem; place-items: center; border-radius: 50%; background: var(--sage); color: var(--leaf); font-size: .7rem; }.detail-assurances p { display: grid; margin: 0; color: var(--muted); font-size: .58rem; }.detail-assurances strong { color: var(--ink); font-size: .65rem; }.care-details summary { display: flex; justify-content: space-between; padding: .9rem 0; cursor: pointer; font-size: .75rem; font-weight: 720; list-style: none; }.care-details p { margin: 0 0 1rem; color: var(--muted); font-size: .75rem; }.reviews-intro h2 { margin: .4rem 0; font-size: 2.4rem; line-height: 1.05; }.reviews-intro > p:last-child { color: var(--muted); font-size: .8rem; }.review-form, .review-login-card { padding: 1.2rem; border: 1px solid var(--border); border-radius: .9rem; background: #fff; }.review-form label { display: block; margin: .7rem 0 .3rem; font-size: .7rem; font-weight: 700; }.review-form select, .review-form textarea { width: 100%; padding: .65rem; border: 1px solid #cbd5cd; border-radius: .6rem; background: #fff; }.review-form .store-btn { margin-top: .8rem; border-radius: .6rem; }.review-login-card > span { color: var(--rose); font-size: 1.4rem; }.review-login-card p { color: var(--muted); font-size: .76rem; }.review-feed { display: grid; gap: .75rem; }.review-card { padding: 1rem; border: 1px solid var(--border); border-radius: .8rem; background: rgba(255,255,255,.65); }.review-card-head { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .65rem; }.review-avatar { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 50%; background: var(--sage); color: var(--leaf); font-family: var(--display); }.review-card-head > div:nth-child(2) { display: grid; }.review-card-head strong { font-size: .72rem; }.review-card-head span { color: var(--muted); font-size: .6rem; }.review-card > p { margin: .8rem 0 0; font-family: var(--display); font-size: .95rem; }.review-empty > span { color: var(--peach); }.review-empty p { color: var(--muted); font-size: .75rem; }.related-section { padding: 4rem 0 1rem; border-top: 1px solid var(--border); }.related-section .collection-count { display: none; }.related-section .product-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }#cart-overlay { position: fixed; inset: 0; z-index: 40; background: rgba(16,42,34,.48); opacity: 0; pointer-events: none; transition: opacity .25s ease; }#cart-drawer { position: fixed; top: 0; right: 0; z-index: 50; display: flex; flex-direction: column; width: min(30rem,94vw); height: 100dvh; background: #fffdfa; box-shadow: -18px 0 48px rgba(16,42,34,.16); transform: translateX(100%); transition: transform .28s ease; }.drawer-head { display: flex; align-items: center; justify-content: space-between; padding: 1.2rem 1.3rem; border-bottom: 1px solid var(--border); }.drawer-head h2 { margin: .15rem 0 0; font-size: 1.55rem; }.drawer-close { width: 2.2rem; height: 2.2rem; min-height: 0; padding: 0; border: 1px solid var(--border); border-radius: 50%; background: transparent; color: var(--forest); font-size: 1.3rem; }.free-ship { padding: .8rem; border-radius: .7rem; background: #f2eee3; }.free-ship-copy { display: flex; align-items: center; gap: .6rem; }.free-ship-copy > span { display: grid; width: 1.8rem; height: 1.8rem; flex: 0 0 auto; place-items: center; border-radius: 50%; background: #fff; color: var(--leaf); font-size: .7rem; }.free-ship-copy p { display: grid; margin: 0; font-size: .7rem; }.free-ship-copy small { color: var(--muted); font-size: .61rem; }.free-ship-track { height: .28rem; margin-top: .65rem; overflow: hidden; border-radius: 999px; background: #d6dcd6; }.free-ship-fill { height: 100%; border-radius: inherit; background: var(--leaf); }.drawer-items { display: grid; gap: .8rem; margin: 0; padding: 0; list-style: none; }.drawer-item { display: grid; grid-template-columns: 5rem 1fr auto; gap: .75rem; padding-bottom: .8rem; border-bottom: 1px solid var(--border); }.drawer-item-image img { width: 5rem; height: 6rem; object-fit: cover; border-radius: .55rem; }.drawer-item-info { min-width: 0; }.drawer-item-info .product-kicker { margin-bottom: .25rem; }.drawer-item-name { display: block; overflow: hidden; font-family: var(--display); font-size: .95rem; text-overflow: ellipsis; white-space: nowrap; }.drawer-unit-price { color: var(--muted); font-size: .62rem; }.stepper { display: inline-flex; align-items: center; margin-top: .55rem; overflow: hidden; border: 1px solid #cbd5cd; border-radius: 999px; }.step-btn { width: 1.8rem; height: 1.8rem; min-height: 0; padding: 0; border: 0; background: transparent; color: var(--forest); }.step-btn:hover { background: var(--sage); }.step-btn:disabled { opacity: .35; }.step-qty { min-width: 1.5rem; text-align: center; font-size: .7rem; font-weight: 720; }.drawer-item-side { display: flex; flex-direction: column; align-items: end; justify-content: space-between; }.drawer-remove { width: 1.7rem; height: 1.7rem; min-height: 0; padding: 0; border: 0; background: transparent; color: var(--muted); font-size: 1rem; }.drawer-line { font-size: .72rem; font-weight: 750; }.drawer-section-title h3 { margin: .2rem 0 .5rem; font-size: 1rem; }.upsell-card { display: grid; grid-template-columns: 3.2rem 1fr auto; align-items: center; gap: .6rem; margin-bottom: .45rem; padding: .45rem; border: 1px solid var(--border); border-radius: .65rem; }.upsell-card img { width: 3.2rem; height: 3.2rem; object-fit: cover; border-radius: .45rem; }.upsell-info { display: grid; min-width: 0; }.upsell-info a { overflow: hidden; font-family: var(--display); font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; }.upsell-info span { color: var(--muted); font-size: .62rem; }.upsell-add { display: grid; width: 1.9rem; height: 1.9rem; min-height: 0; padding: 0; place-items: center; border: 0; border-radius: 50%; background: var(--forest); color: #fff; }.drawer-summary { margin-top: auto; padding-top: .85rem; border-top: 1px solid var(--border); }.sum-row { display: flex; justify-content: space-between; margin: .35rem 0; font-size: .72rem; }.sum-total { margin-top: .7rem; padding-top: .7rem; border-top: 1px solid var(--border); font-family: var(--display); font-size: 1.05rem; }.free { color: var(--leaf); font-style: normal; }.drawer-checkout { width: 100%; margin-top: .8rem; border-radius: .65rem; }.drawer-viewcart { display: block; margin-top: .65rem; color: var(--muted); text-align: center; font-size: .68rem; text-decoration: underline; }.drawer-empty { margin: auto 0; padding: 2rem 1rem; text-align: center; }.drawer-empty h3 { margin: .4rem 0; font-size: 1.5rem; }.drawer-empty > p:not(.store-eyebrow) { color: var(--muted); font-size: .75rem; }.simple-page-head { padding-top: 4rem; padding-bottom: 2.5rem; }.simple-page-head h1 { margin: .3rem 0 .5rem; font-size: clamp(3rem,5vw,5rem); line-height: .95; }.simple-page-head > p:last-child { color: var(--muted); font-family: var(--display); font-size: 1rem; }.cart-page { padding-bottom: 3rem; }.cart-layout { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(20rem,.55fr); align-items: start; gap: 2rem; }.cart-line-list { display: grid; }.cart-line { display: grid; grid-template-columns: 7rem 1fr auto auto; align-items: center; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid var(--border); }.cart-line > a img { width: 7rem; height: 8rem; object-fit: cover; border-radius: .65rem; }.cart-line-copy h3 { margin: .2rem 0; font-size: 1.15rem; }.cart-line-copy > p:not(.product-kicker) { overflow: hidden; color: var(--muted); font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }.cart-line-copy > span { color: var(--muted); font-size: .65rem; }.cart-quantity { display: grid; gap: .25rem; color: var(--muted); font-size: .6rem; text-transform: uppercase; }.cart-quantity input { width: 4rem; padding: .45rem; border: 1px solid #c9d3cc; border-radius: .5rem; background: #fff; }.cart-line-total { min-width: 5rem; text-align: right; font-size: .82rem; }.cart-continue { margin-top: 1rem; }.cart-summary-card { position: sticky; top: 6.5rem; padding: 1.2rem; border: 1px solid var(--border); border-radius: .9rem; background: #fff; box-shadow: 0 14px 35px rgba(24,57,47,.07); }.cart-summary-card h2 { margin: .2rem 0 1rem; font-size: 1.6rem; }.cart-summary-rows p { display: flex; justify-content: space-between; margin: .5rem 0; font-size: .72rem; }.cart-summary-rows i { color: var(--leaf); font-style: normal; }.cart-summary-rows .grand-total { margin-top: .9rem; padding-top: .9rem; border-top: 1px solid var(--border); font-family: var(--display); font-size: 1.05rem; }.summary-progress { margin: 1rem 0; padding: .7rem; border-radius: .6rem; background: var(--sage-light); }.summary-progress p { margin: 0; font-size: .67rem; }.cart-summary-card .store-btn { width: 100%; margin-top: .8rem; border-radius: .65rem; }.summary-assurance { display: flex; justify-content: center; gap: .35rem; color: var(--muted); text-align: center; font-size: .61rem; }.summary-assurance span { color: var(--leaf); }.cart-page-empty { margin-bottom: 4rem; }.checkout-head h1 { margin: .3rem 0; font-size: clamp(2.8rem,5vw,4.6rem); line-height: .95; }.checkout-head div > p:last-child { color: var(--muted); font-family: var(--display); }.checkout-head ol { display: flex; gap: 1.5rem; margin: 0; padding: 0 0 .5rem; list-style: none; counter-reset: checkout; }.checkout-head li { position: relative; color: #919c96; font-size: .66rem; font-weight: 700; }.checkout-head li::before { display: block; width: .55rem; height: .55rem; margin: auto auto .35rem; border: 1px solid #aebbb3; border-radius: 50%; content: ""; }.checkout-head li.done, .checkout-head li.current { color: var(--forest); }.checkout-head li.done::before, .checkout-head li.current::before { border-color: var(--leaf); background: var(--leaf); }.checkout-alert { display: flex; gap: .7rem; margin-bottom: 1rem; }.checkout-alert > span { display: grid; width: 2rem; height: 2rem; flex: 0 0 auto; place-items: center; border-radius: 50%; background: #f7d9d5; color: #9e3f39; }.checkout-alert p { display: grid; margin: 0; color: #99423b; font-size: .75rem; }.checkout-layout { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(20rem,.55fr); align-items: start; gap: 2rem; padding-bottom: 4rem; }.checkout-panel { overflow: hidden; border: 1px solid var(--border); border-radius: .9rem; background: #fff; }.checkout-panel-head { display: flex; align-items: center; gap: .75rem; padding: 1rem 1.2rem; border-bottom: 1px solid var(--border); background: #fbfcf8; }.checkout-panel-head > span { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 50%; background: var(--sage); color: var(--leaf); font-size: .66rem; font-weight: 780; }.checkout-panel-head h2 { margin: .1rem 0 0; font-size: 1.35rem; }.store-field label { font-size: .7rem; font-weight: 720; }.store-field input, .store-field textarea, .store-field select, .store-auth-form input { width: 100%; min-height: 2.75rem; padding: .65rem .75rem; border: 1px solid #c7d2ca; border-radius: .6rem; background: #fff; color: var(--ink); }.store-field textarea { resize: vertical; }.store-field small { color: var(--muted); font-size: .62rem; }.store-field input:focus, .store-field textarea:focus, .store-field select:focus, .store-auth-form input:focus { border-color: var(--leaf); outline: 3px solid rgba(63,119,95,.12); }.gift-toggle { display: flex; align-items: center; gap: .8rem; cursor: pointer; }.gift-toggle > input { position: absolute; opacity: 0; }.gift-toggle > span { width: 2.5rem; height: 1.45rem; flex: 0 0 auto; padding: .15rem; border-radius: 999px; background: #cbd4ce; transition: background .2s ease; }.gift-toggle i { display: block; width: 1.15rem; height: 1.15rem; border-radius: 50%; background: #fff; transition: transform .2s ease; }.gift-toggle input:checked + span { background: var(--leaf); }.gift-toggle input:checked + span i { transform: translateX(1rem); }.gift-toggle p { display: grid; margin: 0; }.gift-toggle strong { font-size: .75rem; }.gift-toggle small { color: var(--muted); font-size: .65rem; }.gift-fields { display: grid; gap: .9rem; padding-top: 1rem; border-top: 1px solid var(--border); }.check { display: flex; align-items: center; gap: .5rem; font-size: .7rem; }.pay-grid { display: grid; grid-template-columns: 10rem 1fr; align-items: center; gap: 1rem; padding: 1rem; border-radius: .75rem; background: #f0f4ef; }.pay-qr { display: grid; place-items: center; }.pay-qr svg { width: 9rem; height: 9rem; padding: .45rem; background: #fff; }.pay-qr small { margin-top: .35rem; color: var(--muted); font-size: .58rem; }.pay-info { display: grid; }.pay-info p { margin: 0; color: var(--muted); font-size: .65rem; }.pay-info > strong { font-family: var(--display); font-size: 1.8rem; }.pay-info > span { font-size: .72rem; font-weight: 720; }.pay-info > small { margin-top: .7rem; color: var(--muted); font-size: .62rem; }.upi-open { display: none; margin-top: .7rem; }.payment-reference { margin-top: .4rem; }.payment-methods { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; margin-bottom: .85rem; }.payment-methods label { position: relative; cursor: pointer; }.payment-methods input { position: absolute; opacity: 0; pointer-events: none; }.payment-methods label > span { display: grid; padding: .75rem .85rem; border: 1px solid var(--border); border-radius: .7rem; background: #fff; transition: border-color .2s ease,background .2s ease,box-shadow .2s ease; }.payment-methods input:checked + span { border-color: var(--leaf); background: #eef5f0; box-shadow: 0 0 0 2px rgba(63,119,95,.1); }.payment-methods strong { font-size: .78rem; }.payment-methods small { margin-top: .1rem; color: var(--muted); font-size: .62rem; }.bank-transfer-card { padding: 1rem; border: 1px solid var(--border); border-radius: .75rem; background: #f5f7f3; }.bank-transfer-amount { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; padding-bottom: .75rem; border-bottom: 1px solid var(--border); }.bank-transfer-amount span { color: var(--muted); font-size: .68rem; }.bank-transfer-amount strong { font-family: var(--display); font-size: 1.35rem; }.bank-transfer-card dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .7rem 1rem; margin: .8rem 0 0; }.bank-transfer-card dl div { min-width: 0; }.bank-transfer-card dt { color: var(--muted); font-size: .58rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }.bank-transfer-card dd { margin: .15rem 0 0; overflow-wrap: anywhere; font-size: .73rem; font-weight: 720; }.payment-proof-fields { margin-top: .9rem; }.payment-proof-fields label span { color: var(--muted); font-weight: 500; }.payment-proof-or { display: flex; align-items: center; gap: .65rem; margin: .65rem 0; color: var(--muted); font-size: .62rem; text-transform: uppercase; }.payment-proof-or::before,.payment-proof-or::after { height: 1px; flex: 1; background: var(--border); content: ""; }.payment-upload input[type="file"] { padding: .55rem; background: #fff; }.payment-upload input[type="file"]::file-selector-button { margin-right: .7rem; padding: .5rem .7rem; border: 0; border-radius: .45rem; background: var(--forest); color: #fff; cursor: pointer; font-weight: 700; }.payment-proof-note { margin: .75rem 0 0; padding: .65rem .75rem; border-radius: .55rem; background: #fff8e8; color: #765d27; font-size: .65rem; }.checkout-submit { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .8rem 0; }.checkout-submit p { display: flex; gap: .35rem; color: var(--muted); font-size: .65rem; }.checkout-submit p span { color: var(--leaf); }.checkout-summary { position: sticky; top: 6.5rem; overflow: hidden; border: 1px solid var(--border); border-radius: .9rem; background: #fff; box-shadow: 0 14px 35px rgba(24,57,47,.07); }.checkout-summary-head { position: relative; padding: 1rem 1.1rem; border-bottom: 1px solid var(--border); }.checkout-summary-head h2 { margin: .2rem 0 0; font-size: 1.45rem; }.checkout-summary-head a { position: absolute; top: 1rem; right: 1rem; color: var(--muted); font-size: .65rem; text-decoration: underline; }.checkout-summary ul { display: grid; gap: .8rem; margin: 0; padding: 1rem; list-style: none; }.checkout-summary li { position: relative; display: grid; grid-template-columns: 3.5rem 1fr auto; align-items: center; gap: .6rem; }.checkout-summary li img { width: 3.5rem; height: 3.8rem; object-fit: cover; border-radius: .45rem; }.summary-qty { position: absolute; top: -.25rem; left: 3rem; display: grid; width: 1.2rem; height: 1.2rem; place-items: center; border-radius: 50%; background: var(--forest); color: #fff; font-size: .58rem; }.checkout-summary li div { display: grid; min-width: 0; }.checkout-summary li strong { overflow: hidden; font-family: var(--display); font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; }.checkout-summary li small { color: var(--muted); font-size: .58rem; }.checkout-summary li > b { font-size: .68rem; }.checkout-totals { padding: .9rem 1rem; border-top: 1px solid var(--border); }.checkout-totals p { display: flex; justify-content: space-between; margin: .35rem 0; font-size: .7rem; }.checkout-totals i { color: var(--leaf); font-style: normal; }.checkout-totals p:last-child { margin-top: .8rem; padding-top: .8rem; border-top: 1px solid var(--border); font-family: var(--display); font-size: 1rem; }.checkout-promise { display: flex; gap: .6rem; padding: .8rem 1rem; background: var(--sage-light); }.checkout-promise > span { color: var(--peach); }.checkout-promise p { display: grid; margin: 0; color: var(--muted); font-size: .6rem; }.checkout-promise strong { color: var(--ink); font-size: .68rem; }.confirmation-page { max-width: 48rem; padding-top: 5rem; padding-bottom: 3rem; text-align: center; }.confirmation-mark { position: relative; display: grid; width: 5rem; height: 5rem; margin: 0 auto 1.5rem; place-items: center; border-radius: 50%; background: var(--sage); color: var(--leaf); font-size: 1.5rem; }.confirmation-mark i { position: absolute; width: .35rem; height: .35rem; border-radius: 50%; background: var(--peach); }.confirmation-mark i:nth-child(2) { top: -.8rem; }.confirmation-mark i:nth-child(3) { right: -.9rem; bottom: .4rem; }.confirmation-mark i:nth-child(4) { left: -.7rem; bottom: 1rem; }.confirmation-page h1 { margin: .5rem 0 1rem; font-size: clamp(3.2rem,7vw,5.8rem); line-height: .9; }.confirmation-lede { max-width: 35rem; margin: auto; color: var(--muted); font-family: var(--display); font-size: 1.05rem; }.confirmation-card { margin: 2rem auto; overflow: hidden; border: 1px solid var(--border); border-radius: 1rem; background: #fff; text-align: left; box-shadow: 0 16px 40px rgba(24,57,47,.07); }.confirmation-card-head { display: grid; grid-template-columns: repeat(2,1fr); padding: 1rem 1.2rem; border-bottom: 1px solid var(--border); background: #fbfcf8; }.confirmation-card-head div { display: grid; }.confirmation-card-head div:last-child { text-align: right; }.confirmation-card-head span, .confirmation-items span, .confirmation-details span { color: var(--muted); font-size: .6rem; letter-spacing: .07em; text-transform: uppercase; }.confirmation-items { display: grid; padding: 1rem 1.2rem; }.confirmation-items strong { font-family: var(--display); }.confirmation-status { display: flex; gap: .7rem; margin: 0 1.2rem; padding: .8rem; border-radius: .7rem; background: #fff4dd; }.status-pulse { width: .55rem; height: .55rem; flex: 0 0 auto; margin-top: .25rem; border-radius: 50%; background: #d49a35; box-shadow: 0 0 0 4px rgba(212,154,53,.13); }.confirmation-status p { display: grid; margin: 0; color: #80632b; font-size: .65rem; }.confirmation-status strong { color: #59441b; font-size: .72rem; }.confirmation-details { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; padding: 1.1rem 1.2rem; }.confirmation-details div { display: grid; }.confirmation-details strong { overflow-wrap: anywhere; font-size: .7rem; }.confirmation-actions { display: flex; align-items: center; justify-content: center; gap: 1.4rem; }.account-page { padding-top: 4rem; padding-bottom: 3rem; }.customer-order-card { overflow: hidden; border: 1px solid var(--border); border-radius: .9rem; background: #fff; box-shadow: 0 10px 28px rgba(24,57,47,.04); }.customer-order-card > header { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.2rem; border-bottom: 1px solid var(--border); }.customer-order-number { display: flex; align-items: center; gap: .7rem; }.customer-order-number > span { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; border-radius: .65rem; background: var(--sage); color: var(--leaf); font-size: .7rem; font-weight: 800; }.customer-order-number > div { display: grid; }.customer-order-number strong { font-size: .7rem; }.customer-order-total { display: grid; text-align: right; }.customer-order-total span, .customer-order-main > div > span, .customer-order-details span { color: var(--muted); font-size: .58rem; letter-spacing: .07em; text-transform: uppercase; }.customer-order-total strong { font-family: var(--display); font-size: 1rem; }.customer-order-main { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem 1.2rem; }.customer-order-main > div:first-child { display: grid; }.customer-order-main > div:first-child strong { font-family: var(--display); font-size: .9rem; }.customer-payment { display: inline-flex; align-items: center; gap: .35rem; font-size: .65rem; font-weight: 720; }.customer-payment i { width: .45rem; height: .45rem; border-radius: 50%; background: #999; }.customer-payment.paid { color: var(--leaf); }.customer-payment.paid i { background: #4a9b71; }.customer-payment.pending { color: #91641a; }.customer-payment.pending i { background: #d39a35; }.timeline { display: flex; margin: .5rem 1.2rem 1.2rem; padding: 1rem 0 0; border-top: 1px solid var(--border); list-style: none; }.timeline li { position: relative; flex: 1; color: #99a39d; text-align: center; font-size: .58rem; }.timeline li::before { position: absolute; top: .38rem; left: -50%; width: 100%; height: 1px; background: #d7ddd8; content: ""; }.timeline li:first-child::before { display: none; }.timeline-dot { position: relative; z-index: 1; display: block; width: .75rem; height: .75rem; margin: 0 auto .45rem; border: 2px solid #fff; border-radius: 50%; background: #cbd3ce; box-shadow: 0 0 0 1px #cbd3ce; }.timeline li.done, .timeline li.current { color: var(--leaf); }.timeline li.done::before, .timeline li.current::before { background: var(--leaf); }.timeline li.done .timeline-dot, .timeline li.current .timeline-dot { background: var(--leaf); box-shadow: 0 0 0 1px var(--leaf); }.timeline li.current .timeline-dot { box-shadow: 0 0 0 4px #dfece4; }.customer-order-details { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; padding: .9rem 1.2rem; background: #f8faf7; }.customer-order-details div { display: grid; }.customer-order-details strong { font-size: .68rem; }.cancelled-order-state { display: flex; gap: .6rem; margin: 0 1.2rem 1rem; padding: .75rem; border-radius: .65rem; background: #fbebe8; }.cancelled-order-state > span { color: #b0443d; }.cancelled-order-state p { display: grid; margin: 0; color: #8c5b56; font-size: .62rem; }.cancelled-order-state strong { color: #9c3f38; font-size: .7rem; }.saved-collection-note { display: flex; gap: .7rem; margin-bottom: 1.5rem; padding: .8rem 1rem; border-radius: .7rem; background: var(--sage); }.saved-collection-note > span { color: var(--rose); }.saved-collection-note p { display: grid; margin: 0; color: var(--muted); font-size: .65rem; }.saved-collection-note strong { color: var(--ink); font-size: .72rem; }.account-empty { margin-bottom: 4rem; }.store-login { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(22rem,.9fr); min-height: 42rem; padding-top: 3rem; padding-bottom: 3rem; }.store-login-visual { position: relative; min-height: 38rem; overflow: hidden; border-radius: 12rem 1rem 1rem 1rem; }.store-login-visual::after { position: absolute; inset: 0; background: linear-gradient(180deg,transparent 30%,rgba(16,42,34,.82)); content: ""; }.store-login-visual .store-eyebrow { color: #b6d0c0; }.store-login-visual h1 { margin: .4rem 0 .8rem; font-size: clamp(2.5rem,5vw,4.5rem); line-height: .93; }.store-login-visual div > p:last-child { max-width: 34rem; color: #cedbd3; font-family: var(--display); }.store-auth-card { width: min(100%,23rem); }.auth-flower { display: grid; width: 3rem; height: 3rem; margin-bottom: 1rem; place-items: center; border-radius: 50%; background: var(--sage); color: var(--leaf); }.store-auth-card h2 { margin: .3rem 0 .6rem; font-size: 2.2rem; line-height: 1; }.store-auth-card > p:not(.store-eyebrow) { color: var(--muted); font-size: .78rem; }.store-auth-form label { font-size: .7rem; font-weight: 720; }.phone-input { display: flex; align-items: center; overflow: visible; border: 1px solid #c7d2ca; border-radius: .6rem; background: #fff; }.country-picker { position: relative; align-self: stretch; flex: 0 0 7rem; border-right: 1px solid #d8dfda; }.country-picker-trigger { display: flex; width: 100%; height: 100%; min-height: 3rem; align-items: center; gap: .35rem; padding: .55rem .45rem .55rem .55rem; background: #fff; color: var(--text); font: inherit; font-weight: 750; cursor: pointer; }.country-code-entry { width: 3rem; min-width: 0; padding: .2rem 0 !important; border: 0 !important; outline: 0 !important; background: transparent; color: inherit; font: inherit; font-weight: inherit; }.country-picker-trigger img,.country-picker-option img { display: block; flex: 0 0 24px; border-radius: 2px; object-fit: cover; }.country-picker-chevron { margin-left: auto; font-size: 1rem; transition: transform .15s ease; }.country-picker-trigger[aria-expanded="true"] .country-picker-chevron { transform: rotate(180deg); }.country-picker-menu { position: fixed; z-index: 1000; width: 8.5rem; max-height: 16rem; overflow-y: auto; padding: .35rem; border: 1px solid #c7d2ca; border-radius: .65rem; background: #fff; box-shadow: 0 16px 36px rgba(22,35,28,.18); }.country-picker-menu[hidden] { display: none !important; }.country-picker-option { display: flex; width: 100%; align-items: center; gap: .55rem; padding: .55rem .5rem; border: 0; border-radius: .4rem; background: transparent; color: var(--text); font: inherit; font-weight: 650; text-align: left; cursor: pointer; }.country-picker-option:hover,.country-picker-option:focus,.country-picker-option[aria-selected="true"] { background: #edf4ef; outline: none; }.country-picker-option[hidden] { display: none; }.country-picker + input { min-width: 0; padding-left: .9rem; }@media (max-width: 520px) { .country-picker { flex-basis: 6.6rem; } .country-picker-trigger { font-size: .88rem; } }.store-auth-form .store-btn { width: 100%; margin-top: .6rem; border-radius: .6rem; }.auth-benefits { display: flex; justify-content: space-between; gap: .5rem; margin-top: 1.4rem; padding-top: 1rem; border-top: 1px solid var(--border); color: var(--muted); font-size: .58rem; }.code-sent { display: flex; align-items: center; gap: .5rem; padding: .65rem; border-radius: .6rem; background: var(--sage-light); }.code-sent span { color: var(--leaf); }.code-sent p { margin: 0; font-size: .68rem; }.code-input { text-align: center; font-size: 1.25rem !important; letter-spacing: .4em; }.auth-resend { min-height: 2rem; border: 0; background: transparent; color: var(--leaf); font-size: .68rem; text-decoration: underline; }.auth-card, .confirm-card, .admin-add, .admin-card, .order-card, .stat-card, .pay-queue-row { border: 1px solid var(--border); background: var(--card); }.container { padding-top: 2rem; padding-bottom: 2rem; }.chip-link { display: inline-block; border: 1px solid var(--border); border-radius: 999px; }.pay-badge { display: inline-block; padding: .18rem .5rem; border-radius: 999px; font-size: .7rem; font-weight: 700; }.pay-badge.paid { background: #e5f2e9; color: var(--green); }.pay-badge.unpaid { background: #fff5dc; color: #8a631d; }.pay-badge.cancelled { background: #fbe7e4; color: #a53d36; }@media (max-width: 1200px) { .product-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } .product-grid > .product-card:nth-last-child(2):nth-child(4n + 1) { grid-column: auto; } }@media (max-width: 980px) { .home-hero { grid-template-columns: minmax(0,.9fr) minmax(24rem,1.1fr); } .occasion-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } .product-grid, .related-section .product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .shop-filter { grid-template-columns: minmax(13rem,1.4fr) minmax(8rem,.6fr); } .price-filter, .filter-reset { display: none; } .product-detail { gap: 2.5rem; } .reviews-section { grid-template-columns: 1fr; gap: 1rem; } #reviews-content { grid-column: 1; grid-row: 2; } .cart-layout, .checkout-layout { grid-template-columns: minmax(0,1.15fr) minmax(18rem,.65fr); } .footer-inner { grid-template-columns: 1.4fr repeat(2,.7fr); } .footer-note { display: none; } }@media (max-width: 780px) { .announcement-bar p span:first-child, .announcement-divider { display: none; } .site-header-inner { grid-template-columns: auto 1fr; min-height: 4.1rem; } .desktop-nav { display: none; } .header-actions { grid-column: 2; } .header-icon-link span, .account-menu summary span, .cart-label, .wishlist-label{ display: none; } .optional-action { display: none; } .footer-inner { grid-template-columns: 1fr 1fr; gap: 2rem; } .footer-brand { grid-column: 1/-1; } .home-hero { grid-template-columns: minmax(0,1fr); padding-top: 2.5rem; } .hero-copy { max-width: 40rem; } .hero-collage { min-height: 31rem; } .hero-image-main { height: 29rem; } .occasion-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .occasion-card:last-child { grid-column: 1/-1; min-height: 8rem; } .section-intro { align-items: start; flex-direction: column; gap: .5rem; } .shop-filter { grid-template-columns: minmax(0,1fr); } .shop-filter > input[name="color"] { display: none; } .product-detail { grid-template-columns: minmax(0,1fr); } .detail-info { position: static; } .main-image-wrap { border-radius: 8rem 8rem 1rem 1rem; } .cart-layout, .checkout-layout { grid-template-columns: minmax(0,1fr); } .cart-summary-card, .checkout-summary { position: static; } .checkout-summary { order: -1; } .checkout-head { grid-template-columns: 1fr auto; } .checkout-head > a { grid-column: 1/-1; } .checkout-head ol { grid-column: 2; grid-row: 2; } .checkout-head > div { grid-column: 1; } .confirmation-details, .customer-order-details { grid-template-columns: minmax(0,1fr); } .store-login { grid-template-columns: minmax(0,1fr); } .store-login-visual { min-height: 24rem; border-radius: 8rem 1rem 1rem 1rem; } }@media (max-width: 560px) { .page-shell { padding-inline: 1rem; } .logo strong { font-size: 1.1rem; } .logo small { display: none; } .logo-flower { width: 1.85rem; height: 1.85rem; } .hero-copy h1 { font-size: clamp(3.1rem,15vw,4.6rem); } .hero-actions { align-items: flex-start; flex-direction: column; gap: 1rem; } .hero-proof { gap: .5rem; } .hero-proof span { display: none; } .hero-collage { min-height: 25rem; } .hero-image-main { width: 82%; height: 24rem; } .hero-image-small { width: 43%; height: 12rem; } .hero-bloom-note { top: .5rem; left: 0; width: 6.5rem; height: 6.5rem; } .occasion-section, .collection-section { padding-top: 3rem; padding-bottom: 3rem; } .occasion-card { min-height: 9rem; } .shop-filter { grid-template-columns: minmax(0,1fr); } .shop-filter select { display: none; } .product-grid, .related-section .product-grid { grid-template-columns: minmax(0,1fr); gap: 2.2rem; } .product-image { aspect-ratio: 4/4.15; } .collection-count span:last-child { display: none; } .promise-band > div { grid-template-columns: minmax(0,1fr); gap: 1rem; } .footer-inner { grid-template-columns: 1fr 1fr; padding-block: 3rem; } .footer-bottom span:last-child { display: none; } .detail-info h1 { font-size: 3rem; } .detail-tags { grid-template-columns: repeat(2,minmax(0,1fr)); } .detail-tags span:nth-child(2) { border-right: 0; } .detail-tags span:last-child { display: none; } .detail-assurances { grid-template-columns: minmax(0,1fr); } .review-card-head { grid-template-columns: auto 1fr; } .review-card-head > .stars { grid-column: 2; } .simple-page-head { padding-top: 3rem; } .cart-line { grid-template-columns: 5.5rem 1fr auto; align-items: start; } .cart-line > a img { width: 5.5rem; height: 6.5rem; } .cart-quantity { grid-column: 2; } .cart-line-total { grid-column: 3; grid-row: 1; } .cart-line-copy > p:not(.product-kicker) { display: none; } .checkout-head { display: block; } .checkout-head ol { display: none; } .checkout-panel-body .grid2 { grid-template-columns: minmax(0,1fr); } .pay-grid { grid-template-columns: minmax(0,1fr); text-align: center; } .bank-transfer-card dl { grid-template-columns: minmax(0,1fr); } .pay-qr svg { width: 8rem; height: 8rem; } .upi-open { display: inline-flex; justify-self: center; } .checkout-submit { align-items: stretch; flex-direction: column; } .checkout-submit .store-btn { width: 100%; } .confirmation-page { padding-top: 4rem; } .confirmation-page h1 { font-size: 3.5rem; } .confirmation-actions { flex-direction: column; } .customer-order-main { align-items: flex-start; flex-direction: column; } .timeline-label { font-size: .5rem; } .store-login { padding: 1rem; } .store-login-visual { min-height: 21rem; border-radius: 6rem .8rem .8rem .8rem; } .store-login-visual > div { right: 1.3rem; bottom: 1.3rem; left: 1.3rem; } .store-login-panel { padding: 2rem .3rem; } .auth-benefits { flex-direction: column; } }.verify-account-prompt { position: fixed; z-index: 45; right: 1rem; bottom: 1rem; display: flex; max-width: min(32rem,calc(100vw - 2rem)); align-items: center; gap: 1rem; padding: .85rem 1rem; border: 1px solid #c7d2ca; border-radius: .8rem; background: #fff; box-shadow: 0 15px 40px rgba(22,35,28,.18); }.verify-account-prompt div { display: grid; gap: .15rem; }.verify-account-prompt strong { font-size: .78rem; }.verify-account-prompt span { color: var(--muted); font-size: .65rem; }.verify-account-prompt .store-btn { flex: 0 0 auto; white-space: nowrap; }.verification-modal { position: fixed; z-index: 1200; inset: 0; display: grid; place-items: center; padding: 1rem; }.verification-backdrop { position: absolute; inset: 0; border: 0; background: rgba(14,25,20,.58); }.verification-dialog { position: relative; z-index: 1; width: min(100%,26rem); padding: 1.5rem; border-radius: 1rem; background: #fff; box-shadow: 0 24px 70px rgba(0,0,0,.25); }.verification-dialog h2 { margin: .25rem 0 .5rem; }.verification-dialog > p:not(.store-eyebrow) { color: var(--muted); font-size: .75rem; }.verification-close { position: absolute; top: .65rem; right: .75rem; border: 0; background: transparent; font-size: 1.5rem; cursor: pointer; }:root { --relay: #ff5c2b; --relay-dark: #e74818; --indigo: #17204a; --indigo-soft: #273263; --pista: #cfff68; --mist: #f5f7fb; --sky: #e9efff; --ceramic: #ffffff; --graphite: #555b6e; --ink: var(--indigo); --muted: #70758a; --card: var(--ceramic); --border: #e2e6f0; --bg: var(--mist); --forest: var(--indigo); --forest-dark: #101737; --leaf: var(--relay); --sage: var(--sky); --sage-light: #f0f3fb; --paper: var(--mist); --cream: #f0f3fb; --peach: #ffb8a1; --rose: var(--relay); --pink: var(--relay); --pink-dark: var(--relay-dark); --green: #18845e; --display: "Bricolage Grotesque", "Arial Black", sans-serif; --sans: "Plus Jakarta Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --mono: "IBM Plex Mono", ui-monospace, monospace; --shadow-sm: 0 8px 24px rgba(23, 32, 74, .07); --shadow-md: 0 18px 48px rgba(23, 32, 74, .11); --shadow-lg: 0 28px 70px rgba(23, 32, 74, .16); }html { scroll-padding-top: 9.5rem; }body.storefront-body { min-width: 0; background: linear-gradient(rgba(23,32,74,.022) 1px, transparent 1px), linear-gradient(90deg, rgba(23,32,74,.022) 1px, transparent 1px), var(--mist); background-size: 38px 38px; color: var(--ink); font-family: var(--sans); text-rendering: optimizeLegibility; }.storefront-body h1, .storefront-body h2, .storefront-body h3 { font-family: var(--display); font-variation-settings: "wdth" 88; font-weight: 750; letter-spacing: -.055em; }.page-shell, .storefront-body .container { width: min(100%, 1420px); padding-inline: clamp(1rem, 3.8vw, 3.5rem); }.storefront-body :focus-visible { outline: 3px solid var(--pista); outline-offset: 3px; }.store-eyebrow { margin: 0; color: var(--relay); font-family: var(--mono); font-size: .64rem; font-weight: 600; letter-spacing: .11em; text-transform: uppercase; }.store-btn { min-height: 3.25rem; padding: .78rem 1.25rem; border: 1px solid transparent; border-radius: .85rem; font-family: var(--sans); font-size: .76rem; font-weight: 800; letter-spacing: -.01em; transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }.store-btn:hover { transform: translateY(-2px); }.store-btn-primary { background: var(--relay); color: #fff; box-shadow: 0 12px 26px rgba(255,92,43,.22); }.store-btn-primary:hover { background: var(--relay-dark); box-shadow: 0 15px 32px rgba(255,92,43,.28); }.store-btn-secondary { border-color: var(--border); background: #fff; color: var(--indigo); }.store-btn-secondary:hover { border-color: #cbd2e3; background: var(--sky); }.text-link { display: inline-flex; align-items: center; gap: .55rem; color: var(--indigo); font-size: .73rem; font-weight: 800; }.text-link span { color: var(--relay); transition: transform .2s ease; }.text-link:hover span { transform: translateX(4px); }.announcement-bar { background: var(--indigo); color: #fff; }.announcement-inner { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; width: min(100%, 1480px); min-height: 2.25rem; margin: auto; padding: .35rem clamp(1rem,3.8vw,3.5rem); font-family: var(--mono); font-size: .58rem; letter-spacing: .04em; }.announcement-inner p { display: block; margin: 0; padding: 0; color: #d9ddf0; font-size: .58rem; text-align: center; }.announcement-inner p span { color: #66709b; }.announcement-inner > a { justify-self: end; color: #fff; }.announcement-inner > a b { margin-left: .3rem; color: var(--pista); }.market-status { display: inline-flex; align-items: center; gap: .45rem; text-transform: uppercase; }.market-status i { width: .48rem; height: .48rem; border-radius: 50%; background: var(--pista); box-shadow: 0 0 0 .23rem rgba(207,255,104,.14); animation: marketPulse 2.4s ease-in-out infinite; }@keyframes marketPulse { 50% { box-shadow: 0 0 0 .4rem rgba(207,255,104,0); } }.site-header { position: sticky; top: 0; z-index: 30; border-bottom: 0; background: rgba(255,255,255,.94); box-shadow: 0 12px 35px rgba(23,32,74,.07); backdrop-filter: blur(20px); }.site-header-inner { display: grid; grid-template-columns: auto minmax(20rem, 1fr) auto; align-items: center; gap: clamp(1.5rem,4vw,4rem); width: min(100%,1480px); min-height: 5.15rem; margin: auto; padding-inline: clamp(1rem,3.8vw,3.5rem); }.logo { display: inline-flex; align-items: center; gap: .72rem; min-width: max-content; }.logo-mark { position: relative; display: grid; width: 2.65rem; height: 2.65rem; place-items: center; overflow: hidden; border-radius: .78rem; background: var(--indigo); color: #fff; font-family: var(--display); font-size: 1.25rem; font-weight: 800; box-shadow: 0 9px 20px rgba(23,32,74,.18); }.logo-mark::before { position: absolute; top: -.55rem; right: -.55rem; width: 1.2rem; height: 1.2rem; border-radius: 50%; background: var(--relay); content: ""; }.logo-mark i { position: absolute; right: .24rem; bottom: .24rem; width: .38rem; height: .38rem; border-radius: .12rem; background: var(--pista); }.logo > span:last-child { display: flex; flex-direction: column; line-height: 1; }.logo strong { font-family: var(--display); font-size: 1.27rem; font-weight: 800; letter-spacing: -.055em; }.logo small { margin-top: .27rem; color: var(--muted); font-family: var(--mono); font-size: .43rem; font-weight: 600; letter-spacing: .035em; text-transform: uppercase; }.header-search { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; width: min(100%, 46rem); justify-self: center; overflow: hidden; border: 1px solid #dfe3ee; border-radius: 1rem; background: var(--mist); transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }.header-search:focus-within { border-color: #aeb8d2; background: #fff; box-shadow: 0 0 0 4px rgba(23,32,74,.06); }.header-search svg { width: 1.15rem; margin-left: .9rem; fill: none; stroke: var(--indigo); stroke-linecap: round; stroke-width: 1.8; }.header-search input { width: 100%; min-height: 3rem; padding: .65rem .75rem; border: 0; outline: 0; background: transparent; color: var(--indigo); font-size: .76rem; }.header-search input::placeholder { color: #858a9d; }.header-search button { min-height: 2.25rem; margin-right: .38rem; padding: .45rem .75rem; border: 0; border-radius: .65rem; background: var(--indigo); color: #fff; font-size: .65rem; font-weight: 800; }.header-actions { display: flex; align-items: center; justify-content: flex-end; gap: .18rem; }.header-icon-link, .cart-btn, .wishlist-btn, .account-menu summary { display: inline-flex; align-items: center; gap: .38rem; min-height: 2.8rem; padding: .48rem .65rem; border: 0; border-radius: .78rem; background: transparent; color: var(--indigo); font-size: .65rem; font-weight: 800; list-style: none; }.header-icon-link svg, .cart-btn svg, .wishlist-btn svg, .account-menu svg { width: 1.15rem; height: 1.15rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }.header-icon-link:hover, .account-menu summary:hover { background: var(--sky); }.cart-btn, .wishlist-btn{ background: var(--relay); color: #fff; box-shadow: 0 8px 18px rgba(255,92,43,.18); }.cart-btn:hover, .wishlist-btn:hover{ background: var(--relay-dark); }.badge { display: grid; min-width: 1.15rem; height: 1.15rem; padding: 0 .25rem; place-items: center; border-radius: .35rem; background: #fff; color: var(--relay); font-family: var(--mono); font-size: .55rem; }.account-menu { position: relative; }.account-menu summary::-webkit-details-marker { display: none; }.account-popover { position: absolute; top: calc(100% + .75rem); right: 0; display: grid; width: 14rem; overflow: hidden; border: 1px solid var(--border); border-radius: 1rem; background: #fff; box-shadow: var(--shadow-md); }.account-popover p { display: grid; margin: 0; padding: 1rem; border-bottom: 1px solid var(--border); }.account-popover p span { color: var(--muted); font-family: var(--mono); font-size: .55rem; }.account-popover p strong { overflow: hidden; font-size: .72rem; text-overflow: ellipsis; }.account-popover a { padding: .7rem 1rem; font-size: .7rem; }.account-popover a:hover { background: var(--sky); }.category-nav { border-top: 1px solid #edf0f6; background: #fff; }.category-nav > div { display: flex; align-items: center; gap: .4rem; width: min(100%,1480px); margin: auto; padding: .58rem clamp(1rem,3.8vw,3.5rem); }.dock-label { display: inline-flex; align-items: center; gap: .42rem; margin-right: .35rem; padding-right: .8rem; border-right: 1px solid var(--border); color: var(--indigo); font-family: var(--mono); font-size: .56rem; font-weight: 600; text-transform: uppercase; white-space: nowrap; }.category-nav a { flex: 0 0 auto; padding: .4rem .7rem; border-radius: .55rem; color: #5d6276; font-size: .63rem; font-weight: 700; transition: background .16s ease, color .16s ease; }.category-nav a:hover { background: var(--sky); color: var(--indigo); }.category-nav .dock-all { background: var(--indigo); color: #fff; }.category-nav .category-sale { margin-left: auto; background: var(--pista); color: var(--indigo); }.dock-menu { position: relative; flex: 0 0 auto; }.dock-menu summary { display: inline-flex; flex: 0 0 auto; align-items: center; gap: .3rem; padding: .4rem .7rem; border-radius: .55rem; color: #5d6276; font-size: .63rem; font-weight: 700; list-style: none; cursor: pointer; transition: background .16s ease, color .16s ease; }.dock-menu summary::-webkit-details-marker { display: none; }.dock-menu summary:hover { background: var(--sky); color: var(--indigo); }.dock-menu summary b { color: var(--indigo); font-weight: 700; }.dock-popover { position: absolute; top: calc(100% + .5rem); right: 0; z-index: 20; display: grid; grid-template-columns: repeat(2, minmax(9rem, 1fr)); gap: .1rem .5rem; width: max-content; max-width: min(28rem, 90vw); padding: .6rem; border: 1px solid var(--border); border-radius: 1rem; background: #fff; box-shadow: var(--shadow-md); }.dock-popover a { padding: .5rem .6rem; border-radius: .5rem; color: #5d6276; font-size: .68rem; font-weight: 700; }.dock-popover a:hover, .dock-popover a[aria-current="page"] { background: var(--sky); color: var(--indigo); }.market-hero { display: grid; grid-template-columns: minmax(0,.95fr) minmax(32rem,1.05fr); align-items: stretch; gap: 1rem; min-height: 38rem; padding-top: 1.25rem; padding-bottom: 1.25rem; }.market-hero-copy { position: relative; display: flex; flex-direction: column; justify-content: center; overflow: hidden; padding: clamp(2rem,4.7vw,4.7rem); border: 1px solid var(--border); border-radius: 1.35rem; background: #fff; box-shadow: var(--shadow-sm); }.market-hero-copy::before { position: absolute; top: 0; bottom: 0; left: 0; width: .42rem; background: linear-gradient(var(--relay) 0 62%, var(--pista) 62%); content: ""; }.hero-chip { align-self: flex-start; display: inline-flex; align-items: center; gap: .5rem; margin: 0; padding: .4rem .55rem .4rem .42rem; border-radius: .62rem; background: var(--sky); color: var(--indigo); font-family: var(--mono); font-size: .56rem; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }.hero-chip span { padding: .2rem .35rem; border-radius: .32rem; background: var(--relay); color: #fff; }.market-hero h1 { max-width: 8.5em; margin: 1.25rem 0 1.15rem; color: var(--indigo); font-size: clamp(3.5rem,5.8vw,6.6rem); line-height: .88; }.market-hero h1 em { color: var(--relay); font-style: normal; }.market-hero .hero-lede { max-width: 37rem; margin: 0; color: var(--graphite); font-family: var(--sans); font-size: .94rem; line-height: 1.7; }.hero-actions { display: flex; align-items: center; gap: 1.2rem; margin-top: 1.6rem; }.market-hero .store-btn-primary { background: var(--indigo); box-shadow: 0 12px 28px rgba(23,32,74,.2); }.market-hero .store-btn-primary:hover { background: var(--indigo-soft); }.hero-proof { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .75rem; margin-top: 2.5rem; padding-top: 1.1rem; border-top: 1px solid var(--border); }.hero-proof div { display: grid; }.hero-proof strong { color: var(--indigo); font-size: .66rem; }.hero-proof span { color: var(--muted); font-family: var(--mono); font-size: .48rem; }.market-hero-visual { position: relative; min-height: 38rem; overflow: hidden; border-radius: 1.35rem; background: radial-gradient(circle at 78% 20%, rgba(207,255,104,.13), transparent 12rem), var(--indigo); box-shadow: var(--shadow-md); }.market-hero-visual::before { position: absolute; inset: 4rem 2rem 3.5rem; border: 1px dashed rgba(255,255,255,.15); border-radius: 1.1rem; content: ""; }.hero-board-head { position: absolute; right: 1.35rem; left: 1.35rem; z-index: 4; display: flex; align-items: center; justify-content: space-between; color: #fff; font-family: var(--mono); font-size: .54rem; letter-spacing: .08em; text-transform: uppercase; }.hero-board-head { top: 1.3rem; }.hero-board-head b { color: var(--pista); font-weight: 600; }.hero-product { position: absolute; z-index: 2; display: block; overflow: hidden; background: #e5e8f0; box-shadow: 0 20px 45px rgba(6,10,34,.34); }.hero-product img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.2,.8,.2,1); }.hero-product:hover img { transform: scale(1.045); }.hero-product-main { top: 4.6rem; right: 8%; width: 55%; height: 28.5rem; border: .4rem solid #fff; border-radius: 1.25rem; transform: rotate(1.5deg); }.hero-product-side { bottom: 4rem; left: 6%; width: 27%; height: 16rem; border: .36rem solid #fff; border-radius: 1rem; transform: rotate(-4deg); }.hero-product-float { top: 5.6rem; left: 8%; width: 22%; height: 10rem; border: .3rem solid #fff; border-radius: .9rem; transform: rotate(4deg); }.hero-product-float span { position: absolute; right: .4rem; bottom: .4rem; left: .4rem; overflow: hidden; padding: .3rem .4rem; border-radius: .35rem; background: rgba(255,255,255,.9); color: var(--indigo); font-family: var(--mono); font-size: .48rem; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }.hero-product-caption { position: absolute; right: .7rem; bottom: .7rem; left: .7rem; display: grid; grid-template-columns: 1fr auto; gap: .12rem .5rem; padding: .7rem .75rem; border-radius: .7rem; background: rgba(255,255,255,.94); color: var(--indigo); backdrop-filter: blur(12px); }.hero-product-caption small { grid-column: 1/-1; color: var(--relay); font-family: var(--mono); font-size: .47rem; text-transform: uppercase; }.hero-product-caption strong { overflow: hidden; font-size: .7rem; text-overflow: ellipsis; white-space: nowrap; }.hero-product-caption b { font-size: .72rem; }.hero-sticker { position: absolute; top: 14.6rem; left: 4%; z-index: 3; display: grid; width: 6.3rem; height: 6.3rem; place-items: center; border-radius: 1.15rem; background: var(--pista); color: var(--indigo); font-family: var(--mono); font-size: .55rem; font-weight: 600; line-height: 1; text-align: center; text-transform: uppercase; transform: rotate(-7deg); box-shadow: 0 15px 30px rgba(0,0,0,.18); }.hero-sticker strong { font-family: var(--display); font-size: 1.8rem; letter-spacing: -.08em; }.perks-strip { border: 0; background: #fff; box-shadow: var(--shadow-sm); }.perks-strip > div { display: grid; grid-template-columns: repeat(4,1fr); padding-top: .95rem; padding-bottom: .95rem; }.perks-strip span { display: flex; justify-content: center; gap: .55rem; border-right: 1px solid var(--border); color: #5b6075; font-size: .64rem; font-weight: 700; }.perks-strip span:last-child { border: 0; }.perks-strip b { color: var(--relay); }.category-section { padding-top: 5.7rem; padding-bottom: 5rem; }.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.65rem; }.section-heading h2, .section-intro h2 { margin: .4rem 0 0; font-size: clamp(2.2rem,4vw,4rem); line-height: .98; }.section-heading > p { max-width: 25rem; margin: 0; color: var(--muted); font-size: .76rem; }.market-category-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: .8rem; }.market-category-card { position: relative; display: grid; min-height: 18rem; padding: .7rem; overflow: hidden; border: 1px solid rgba(23,32,74,.06); border-radius: 1.15rem; transition: transform .22s ease, box-shadow .22s ease; }.market-category-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-md); }.market-category-1 { background: #e5edff; }.market-category-2 { background: #ffe9e1; }.market-category-3 { background: #e6f8ef; }.market-category-4 { background: #f1ebff; }.market-category-5 { background: #f7f2d7; }.category-kicker { position: absolute; top: 1.15rem; left: 1.15rem; z-index: 2; padding: .28rem .4rem; border-radius: .35rem; background: rgba(255,255,255,.86); color: var(--indigo); font-family: var(--mono); font-size: .48rem; text-transform: uppercase; backdrop-filter: blur(8px); }.category-image { display: block; width: 100%; height: 12.5rem; overflow: hidden; border-radius: .8rem; background: #fff; }.category-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }.market-category-card:hover img { transform: scale(1.04); }.category-placeholder { display: grid; place-items: center; color: var(--indigo); font-family: var(--display); font-size: 3rem; }.category-card-foot { display: flex; align-items: end; justify-content: space-between; gap: .5rem; padding: .8rem .35rem .25rem; }.category-card-foot > span { display: grid; min-width: 0; }.category-card-foot strong { overflow: hidden; font-family: var(--display); font-size: 1.02rem; letter-spacing: -.035em; text-overflow: ellipsis; white-space: nowrap; }.category-card-foot small { color: var(--graphite); font-size: .56rem; }.category-card-foot > b { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: .6rem; background: #fff; color: var(--relay); }.campaign { display: grid; grid-template-columns: .9fr 1.1fr; min-height: 26rem; padding-inline: clamp(1rem,3.8vw,3.5rem); }.campaign-copy { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(2rem,5vw,4.7rem); border-radius: 1.25rem 0 0 1.25rem; background: var(--indigo); color: #fff; }.campaign-copy .store-eyebrow { color: var(--pista); }.campaign-copy h2 { margin: .55rem 0 1rem; font-size: clamp(2.8rem,5vw,5.2rem); line-height: .9; }.campaign-copy p:not(.store-eyebrow) { max-width: 28rem; margin: 0; color: #b9c0df; font-size: .78rem; line-height: 1.65; }.campaign-btn { margin-top: 1.5rem; background: #fff; color: var(--indigo); }.campaign-btn:hover { background: var(--pista); }.campaign-art { position: relative; overflow: hidden; border-radius: 0 1.25rem 1.25rem 0; background: var(--pista); }.campaign-word { position: absolute; top: 50%; left: 50%; z-index: 1; color: var(--indigo); font-family: var(--display); font-size: clamp(6rem,11vw,11rem); font-weight: 800; letter-spacing: -.11em; line-height: .63; transform: translate(-50%,-50%) rotate(-5deg); }.campaign-label { position: absolute; z-index: 2; padding: .5rem .7rem; border: 2px solid var(--indigo); border-radius: .55rem; background: #fff; color: var(--indigo); font-family: var(--mono); font-size: .58rem; font-weight: 600; text-transform: uppercase; box-shadow: .35rem .35rem 0 var(--indigo); }.label-one { top: 14%; left: 10%; transform: rotate(-6deg); }.label-two { top: 18%; right: 9%; transform: rotate(7deg); }.label-three { right: 14%; bottom: 12%; transform: rotate(-4deg); }.shape { position: absolute; display: block; }.shape-one { right: -5rem; bottom: -7rem; width: 18rem; height: 18rem; border: 3rem solid rgba(23,32,74,.1); border-radius: 50%; }.shape-two { top: -4rem; left: -3rem; width: 10rem; height: 10rem; border-radius: 2rem; background: rgba(255,92,43,.55); transform: rotate(24deg); }.collection-section { padding-top: 6rem; padding-bottom: 6rem; }.collection-intro { padding-bottom: 1.3rem; border-bottom: 1px solid var(--border); }.shop-filter { display: grid; grid-template-columns: minmax(18rem,1.5fr) minmax(10rem,.55fr) auto auto; gap: .6rem; margin: 1.35rem 0 .8rem; }.shop-filter input, .shop-filter select, .price-filter summary { width: 100%; min-height: 3.15rem; padding: .65rem .8rem; border: 1px solid var(--border); border-radius: .8rem; background: #fff; color: var(--indigo); font-size: .73rem; box-shadow: 0 5px 15px rgba(23,32,74,.025); }.shop-search { position: relative; }.shop-search svg { position: absolute; top: 50%; left: .9rem; width: 1rem; fill: none; stroke: var(--indigo); stroke-width: 1.8; transform: translateY(-50%); }.shop-search input { padding-left: 2.5rem; }.price-filter { position: relative; }.price-filter summary { display: flex; align-items: center; width: 7rem; cursor: pointer; list-style: none; }.price-filter summary::-webkit-details-marker { display: none; }.price-filter > div { position: absolute; top: calc(100% + .45rem); right: 0; z-index: 8; display: grid; grid-template-columns: repeat(2,7rem); gap: .55rem; padding: .85rem; border: 1px solid var(--border); border-radius: .9rem; background: #fff; box-shadow: var(--shadow-md); }.price-filter label { display: grid; gap: .25rem; color: var(--muted); font-size: .6rem; }.filter-reset { align-self: center; padding: .55rem; color: var(--muted); font-size: .65rem; font-weight: 700; }.quick-occasions { display: flex; gap: .4rem; margin-bottom: 2rem; overflow-x: auto; scrollbar-width: none; }.quick-occasions::-webkit-scrollbar { display: none; }.quick-occasions a { flex: 0 0 auto; padding: .5rem .75rem; border: 1px solid var(--border); border-radius: .62rem; background: #fff; color: #60657a; font-size: .63rem; font-weight: 700; }.quick-occasions a:hover, .quick-occasions a[aria-current="page"] { border-color: var(--indigo); background: var(--indigo); color: #fff; }.collection-count { display: flex; justify-content: space-between; margin-bottom: .8rem; color: var(--muted); font-family: var(--mono); font-size: .55rem; text-transform: uppercase; }.product-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; }.product-grid > .product-card:nth-last-child(2):nth-child(4n + 1) { grid-column: auto; }.product-card { min-width: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 1.05rem; background: #fff; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }.product-card:hover { border-color: #cfd5e4; transform: translateY(-5px); box-shadow: var(--shadow-md); }.product-card-media { position: relative; overflow: hidden; border-radius: 0; background: #e9ecf3; }.product-image { display: block; aspect-ratio: 4/5; overflow: hidden; }.product-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.2,.8,.2,1); }.product-ribbon { position: absolute; top: .65rem; left: .65rem; padding: .3rem .48rem; border: 0; border-radius: .42rem; background: #fff1dd; color: #8b4c00; font-family: var(--mono); font-size: .48rem; font-weight: 600; text-transform: uppercase; box-shadow: 0 5px 15px rgba(23,32,74,.1); }.new-ribbon { background: var(--pista); color: var(--indigo); }.wish-btn { position: absolute; top: .65rem; right: .65rem; display: grid; width: 2.35rem; height: 2.35rem; min-height: 0; padding: 0; place-items: center; border: 0; border-radius: .7rem; background: rgba(255,255,255,.94); color: var(--indigo); box-shadow: 0 7px 20px rgba(23,32,74,.12); backdrop-filter: blur(8px); }.wish-btn svg { width: 1rem; fill: transparent; stroke: currentColor; stroke-width: 1.8; }.wish-btn.saved { background: var(--relay); color: #fff; }.wish-btn.saved svg { fill: currentColor; }.product-media-actions { position: absolute; right: .55rem; bottom: .55rem; left: .55rem; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: .45rem; pointer-events: none; }.product-media-actions .availability, .product-media-actions .sold-out, .product-media-actions .text-link { display: inline-flex; align-items: center; gap: .32rem; min-height: 2.15rem; padding: .42rem .6rem; border: 0; border-radius: .6rem; background: rgba(255,255,255,.94); color: var(--indigo); font-size: .55rem; box-shadow: 0 7px 18px rgba(23,32,74,.13); backdrop-filter: blur(8px); pointer-events: auto; }.availability i { width: .4rem; height: .4rem; border-radius: 50%; background: #1b9b6c; }.quick-add { display: inline-flex; align-items: center; gap: .45rem; min-height: 2.15rem; padding: .3rem .3rem .3rem .7rem; border: 0; border-radius: .65rem; background: var(--indigo); color: #fff; box-shadow: 0 8px 20px rgba(23,32,74,.25); font-size: .58rem; font-weight: 800; pointer-events: auto; }.quick-add:hover { background: var(--relay); }.quick-add b { display: grid; width: 1.5rem; height: 1.5rem; place-items: center; border-radius: .42rem; background: var(--pista); color: var(--indigo); font-size: .9rem; }.product-body { padding: .9rem .85rem 1rem; }.product-kicker { display: flex; gap: .3rem; margin: 0 0 .38rem; color: var(--relay); font-family: var(--mono); font-size: .5rem; font-weight: 600; letter-spacing: .07em; text-transform: uppercase; }.product-title-row { display: flex; align-items: baseline; justify-content: space-between; gap: .7rem; }.product-title-row h3 { margin: 0; font-family: var(--sans); font-size: .78rem; font-weight: 750; letter-spacing: -.02em; line-height: 1.3; }.price { flex: 0 0 auto; color: var(--indigo); font-family: var(--sans); font-size: .7rem; font-weight: 800; }.desc { min-height: 1.4em; margin: .35rem 0 0; overflow: hidden; color: var(--muted); font-size: .61rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }.product-seller { margin: .48rem 0 0; overflow: hidden; color: #72778a; font-size: .55rem; text-overflow: ellipsis; white-space: nowrap; }.product-seller span { margin-right: .25rem; color: var(--indigo); font-family: var(--mono); font-size: .46rem; text-transform: uppercase; }.store-empty { padding: 5rem 1rem; border: 1px dashed #c8cfdf; border-radius: 1.1rem; background: #fff; text-align: center; }.empty-flower, .auth-flower { display: grid; width: 3.3rem; height: 3.3rem; margin: 0 auto 1rem; place-items: center; border-radius: .9rem; background: var(--pista); color: var(--indigo); font-family: var(--display); font-size: 1.2rem; font-weight: 800; }.store-empty h3 { margin: .35rem 0; font-size: 1.8rem; }.store-empty > p:not(.store-eyebrow) { margin: 0 auto 1.2rem; color: var(--muted); font-size: .75rem; }.promise-band { background: var(--indigo); color: #fff; }.promise-band > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2rem; padding-top: 2.35rem; padding-bottom: 2.35rem; }.promise-band div > div { display: grid; grid-template-columns: 2.5rem 1fr; gap: .8rem; align-items: center; }.promise-band span { display: grid; width: 2.35rem; height: 2.35rem; place-items: center; border: 1px solid #4b557e; border-radius: .7rem; color: var(--pista); font-family: var(--display); font-size: 1rem; }.promise-band p { display: grid; margin: 0; color: #9fa8cb; font-size: .63rem; }.promise-band strong { color: #fff; font-size: .74rem; }.product-page { padding-top: 1.5rem; }.breadcrumbs { display: flex; gap: .5rem; margin-bottom: 1.2rem; color: var(--muted); font-family: var(--mono); font-size: .53rem; }.breadcrumbs a:hover { color: var(--relay); }.product-detail { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(25rem,.8fr); gap: clamp(2rem,5vw,5rem); align-items: start; }.main-image-wrap { position: relative; overflow: hidden; border-radius: 1.2rem; background: #e8ebf2; box-shadow: var(--shadow-sm); }.main-image-wrap > img { display: block; width: 100%; aspect-ratio: 1/1.06; object-fit: cover; }.image-note { position: absolute; right: .9rem; bottom: .9rem; padding: .42rem .6rem; border-radius: .55rem; background: rgba(255,255,255,.92); color: var(--indigo); font-family: var(--mono); font-size: .5rem; font-weight: 600; text-transform: uppercase; }.thumbs { display: flex; gap: .6rem; margin-top: .75rem; }.thumbs button { width: 4.2rem; height: 4.2rem; min-height: 0; padding: .2rem; border: 1px solid transparent; border-radius: .65rem; background: transparent; }.thumbs button.active { border-color: var(--relay); }.thumbs img { width: 100%; height: 100%; object-fit: cover; border-radius: .45rem; }.detail-info { position: sticky; top: 10rem; padding-top: .8rem; }.detail-topline { display: flex; align-items: center; justify-content: space-between; }.detail-topline .wish-btn { position: static; }.detail-info h1 { margin: .55rem 0 .65rem; font-size: clamp(2.7rem,4.7vw,4.9rem); line-height: .95; }.detail-rating { display: flex; align-items: center; gap: .55rem; font-size: .65rem; }.stars { color: #f2a000; letter-spacing: .04em; }.detail-rating a { color: var(--muted); text-decoration: underline; text-underline-offset: .2rem; }.price.big { display: block; margin: 1.2rem 0 .85rem; font-family: var(--display); font-size: 1.75rem; font-weight: 750; }.detail-description { color: var(--graphite); font-family: var(--sans); font-size: .86rem; line-height: 1.65; }.detail-tags { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 1.35rem 0; border-block: 1px solid var(--border); }.detail-tags span { display: grid; padding: .8rem .5rem; border-right: 1px solid var(--border); }.detail-tags span:last-child { border: 0; }.detail-tags small { color: var(--muted); font-family: var(--mono); font-size: .48rem; text-transform: uppercase; }.detail-tags strong { overflow: hidden; font-size: .67rem; text-overflow: ellipsis; white-space: nowrap; }.purchase-panel { display: grid; gap: .9rem; padding: 1rem; border: 1px solid #d8dfef; border-radius: .95rem; background: var(--sky); }.purchase-panel > div { display: grid; }.purchase-panel small { margin-top: .2rem; color: var(--muted); font-size: .6rem; }.purchase-panel .store-btn { border-radius: .75rem; }.purchase-panel.sold { background: #f6ecea; }.detail-assurances { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .6rem; margin: 1.2rem 0; }.detail-assurances div { display: grid; grid-template-columns: auto 1fr; gap: .45rem; align-items: start; }.detail-assurances div > span { display: grid; width: 1.8rem; height: 1.8rem; place-items: center; border-radius: .55rem; background: var(--pista); color: var(--indigo); font-size: .68rem; }.detail-assurances p { display: grid; margin: 0; color: var(--muted); font-size: .54rem; }.detail-assurances strong { color: var(--indigo); font-size: .61rem; }.care-details { border-top: 1px solid var(--border); }.care-details summary { display: flex; justify-content: space-between; padding: .9rem 0; cursor: pointer; font-size: .7rem; font-weight: 750; list-style: none; }.care-details summary::-webkit-details-marker { display: none; }.care-details p { margin: 0 0 1rem; color: var(--muted); font-size: .72rem; }.reviews-section { display: grid; grid-template-columns: .7fr 1.3fr; gap: 3rem; margin-top: 6rem; padding: 4rem 0; border-top: 1px solid var(--border); }.reviews-intro h2 { margin: .4rem 0; font-size: 2.5rem; line-height: 1; }.reviews-intro > p:last-child { color: var(--muted); font-size: .76rem; }#reviews-content { grid-column: 2; grid-row: 1; }.reviews-layout { display: grid; gap: 1rem; }.review-form, .review-login-card, .review-card { padding: 1.15rem; border: 1px solid var(--border); border-radius: .95rem; background: #fff; box-shadow: var(--shadow-sm); }.review-form h3, .review-login-card h3 { margin: .25rem 0 .8rem; font-size: 1.4rem; }.review-form label { display: block; margin: .65rem 0 .3rem; font-size: .66rem; font-weight: 700; }.review-form select, .review-form textarea { width: 100%; padding: .65rem; border: 1px solid var(--border); border-radius: .7rem; background: #fff; }.review-form .store-btn { margin-top: .8rem; }.review-card-head { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .6rem; }.review-avatar { display: grid; width: 2.2rem; height: 2.2rem; place-items: center; border-radius: .65rem; background: var(--sky); color: var(--indigo); font-family: var(--display); }.review-card-head div:nth-child(2) { display: grid; }.review-card-head strong { font-size: .7rem; }.review-card-head div:nth-child(2) span { color: var(--muted); font-size: .53rem; }.review-card > p { margin: .8rem 0 0; color: var(--graphite); font-family: var(--sans); font-size: .8rem; }.review-empty { padding: 2rem; text-align: center; }.review-empty > span { color: var(--relay); }.review-empty h3 { margin: .4rem 0; }.review-empty p { color: var(--muted); font-size: .7rem; }.related-section { padding-bottom: 5rem; }.simple-page-head { padding-top: 4rem; padding-bottom: 2.3rem; }.simple-page-head h1, .checkout-head h1, .confirmation-page h1 { letter-spacing: -.07em; }.simple-page-head h1 { margin: .35rem 0 .5rem; font-size: clamp(3rem,5vw,5.2rem); line-height: .92; }.simple-page-head > p:last-child { color: var(--muted); font-family: var(--sans); font-size: .86rem; }.cart-page { padding-bottom: 4rem; }.cart-layout { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(20rem,.55fr); align-items: start; gap: 1.5rem; }.cart-line-list { display: grid; overflow: hidden; border: 1px solid var(--border); border-radius: 1rem; background: #fff; }.cart-line { display: grid; grid-template-columns: 7rem 1fr auto auto; align-items: center; gap: 1rem; padding: 1rem; border-bottom: 1px solid var(--border); }.cart-line > a img { width: 7rem; height: 8rem; object-fit: cover; border-radius: .8rem; }.cart-line-copy { min-width: 0; }.cart-line-copy h3 { margin: .2rem 0; font-size: 1rem; }.cart-line-copy > p:not(.product-kicker) { overflow: hidden; color: var(--muted); font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }.cart-line-copy > span { color: var(--muted); font-size: .58rem; }.cart-quantity { display: grid; gap: .25rem; color: var(--muted); font-family: var(--mono); font-size: .5rem; text-transform: uppercase; }.cart-quantity input { width: 4rem; padding: .45rem; border: 1px solid var(--border); border-radius: .6rem; background: var(--mist); }.cart-line-total { min-width: 5rem; text-align: right; font-size: .76rem; }.cart-continue { margin: 1rem; }.cart-summary-card, .checkout-panel, .checkout-summary, .confirmation-card, .customer-order-card { border-color: var(--border); border-radius: 1rem; background: #fff; box-shadow: var(--shadow-sm); }.cart-summary-card { position: sticky; top: 10rem; padding: 1.2rem; border: 1px solid var(--border); }.cart-summary-card h2 { margin: .2rem 0 1rem; font-size: 1.55rem; }.cart-summary-rows p { display: flex; justify-content: space-between; margin: .5rem 0; font-size: .68rem; }.cart-summary-rows i { color: var(--green); font-style: normal; }.cart-summary-rows .grand-total { margin-top: .9rem; padding-top: .9rem; border-top: 1px solid var(--border); font-family: var(--display); font-size: 1rem; }.summary-progress { margin: 1rem 0; padding: .75rem; border-radius: .7rem; background: var(--sky); }.summary-progress p { margin: 0; font-size: .62rem; }.cart-summary-card .store-btn { width: 100%; margin-top: .8rem; }.summary-assurance { display: flex; justify-content: center; gap: .35rem; color: var(--muted); text-align: center; font-size: .56rem; }.summary-assurance span { color: var(--green); }.checkout-head { display: grid; grid-template-columns: 8rem 1fr auto; align-items: end; gap: 2rem; padding-top: 3rem; padding-bottom: 2rem; }.checkout-head h1 { margin: .3rem 0; font-size: clamp(2.8rem,5vw,4.8rem); line-height: .94; }.checkout-head div > p:last-child { color: var(--muted); font-family: var(--sans); font-size: .8rem; }.checkout-head ol { display: flex; gap: 1.5rem; margin: 0; padding: 0 0 .5rem; list-style: none; }.checkout-head li { color: #9aa0b4; font-family: var(--mono); font-size: .54rem; font-weight: 600; }.checkout-head li::before { display: block; width: .55rem; height: .55rem; margin: auto auto .35rem; border: 1px solid #aeb5c8; border-radius: .18rem; content: ""; }.checkout-head li.done, .checkout-head li.current { color: var(--indigo); }.checkout-head li.done::before, .checkout-head li.current::before { border-color: var(--relay); background: var(--relay); }.checkout-layout { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(20rem,.55fr); align-items: start; gap: 1.5rem; padding-bottom: 4rem; }.checkout-form { display: grid; gap: 1rem; }.checkout-panel { overflow: hidden; border: 1px solid var(--border); }.checkout-panel-head { display: flex; align-items: center; gap: .75rem; padding: 1rem 1.2rem; border-bottom: 1px solid var(--border); background: var(--mist); }.checkout-panel-head > span { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: .58rem; background: var(--indigo); color: var(--pista); font-family: var(--mono); font-size: .6rem; font-weight: 600; }.checkout-panel-head h2 { margin: .1rem 0 0; font-size: 1.3rem; }.checkout-panel-body { display: grid; gap: 1rem; padding: 1.2rem; }.store-field { display: grid; gap: .35rem; min-width: 0; }.store-field label { font-size: .66rem; font-weight: 750; }.store-field input, .store-field textarea, .store-field select, .store-auth-form input { width: 100%; min-height: 2.9rem; padding: .65rem .75rem; border: 1px solid #d9deea; border-radius: .72rem; background: #fff; color: var(--indigo); }.store-field input:focus, .store-field textarea:focus, .store-field select:focus, .store-auth-form input:focus { border-color: var(--indigo); outline: 3px solid rgba(23,32,74,.08); }.store-field small { color: var(--muted); font-size: .57rem; }.gift-toggle input:checked + span { background: var(--relay); }.payment-methods label > span { border-radius: .75rem; }.payment-methods input:checked + span { border-color: var(--indigo); background: var(--sky); box-shadow: 0 0 0 2px rgba(23,32,74,.08); }.pay-grid { border-radius: .85rem; background: var(--sky); }.pay-info > strong, .bank-transfer-amount strong { font-family: var(--display); }.bank-transfer-card { border-radius: .85rem; background: var(--mist); }.payment-upload input[type="file"]::file-selector-button { background: var(--indigo); }.checkout-submit p span { color: var(--green); }.checkout-summary { position: sticky; top: 10rem; overflow: hidden; border: 1px solid var(--border); }.checkout-summary-head { background: var(--mist); }.summary-qty { border-radius: .38rem; background: var(--relay); }.checkout-promise { background: var(--pista); }.checkout-promise > span { color: var(--indigo); }.checkout-promise p { color: #4e5737; }.checkout-promise strong { color: var(--indigo); }.confirmation-page { max-width: 50rem; padding-top: 5rem; padding-bottom: 4rem; text-align: center; }.confirmation-mark { position: relative; display: grid; width: 5rem; height: 5rem; margin: 0 auto 1.5rem; place-items: center; border-radius: 1.35rem; background: var(--pista); color: var(--indigo); font-size: 1.5rem; transform: rotate(-4deg); }.confirmation-mark i { background: var(--relay); }.confirmation-page h1 { margin: .5rem 0 1rem; font-size: clamp(3.2rem,7vw,5.9rem); line-height: .88; }.confirmation-lede { max-width: 35rem; margin: auto; color: var(--muted); font-family: var(--sans); font-size: .86rem; }.confirmation-card { margin: 2rem auto; overflow: hidden; border: 1px solid var(--border); text-align: left; }.confirmation-card-head { background: var(--mist); }.confirmation-status { background: #fff1d8; }.account-page { padding-top: 4rem; padding-bottom: 4rem; }.account-head { padding: 0 0 2.5rem; }.saved-collection-note { border: 1px solid #dce3c8; border-radius: .8rem; background: #f4ffd9; }.saved-collection-note > span { color: var(--indigo); }.customer-order-list { display: grid; gap: 1rem; }.customer-order-card { overflow: hidden; border: 1px solid var(--border); }.customer-order-number > span { border-radius: .65rem; background: var(--pista); color: var(--indigo); }.customer-order-total strong, .customer-order-main > div:first-child strong { font-family: var(--display); }.customer-payment.paid { color: var(--green); }.timeline li.done, .timeline li.current { color: var(--relay); }.timeline li.done::before, .timeline li.current::before, .timeline li.done .timeline-dot, .timeline li.current .timeline-dot { background: var(--relay); }.timeline li.done .timeline-dot, .timeline li.current .timeline-dot { box-shadow: 0 0 0 1px var(--relay); }.timeline li.current .timeline-dot { box-shadow: 0 0 0 4px #ffe3d8; }.customer-order-details { background: var(--mist); }.store-login { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(22rem,.95fr); min-height: 42rem; padding-top: 1.5rem; padding-bottom: 1.5rem; }.store-login-visual { position: relative; min-height: 39rem; overflow: hidden; border-radius: 1.25rem; box-shadow: var(--shadow-md); }.store-login-visual img { width: 100%; height: 100%; object-fit: cover; }.store-login-visual::after { position: absolute; inset: 0; background: linear-gradient(180deg,transparent 25%,rgba(23,32,74,.92)); content: ""; }.store-login-visual > div { position: absolute; right: 2.5rem; bottom: 2.5rem; left: 2.5rem; z-index: 1; color: #fff; }.store-login-visual .store-eyebrow { color: var(--pista); }.store-login-visual h1 { margin: .4rem 0 .8rem; font-size: clamp(2.7rem,5vw,4.8rem); line-height: .92; }.store-login-visual div > p:last-child { max-width: 34rem; color: #c7cde6; font-family: var(--sans); font-size: .8rem; }.store-login-panel { display: grid; place-items: center; padding: clamp(1.5rem,5vw,4rem); }.store-auth-card { width: min(100%,24rem); }.store-auth-card .auth-flower { margin: 0 0 1rem; border-radius: .8rem; background: var(--indigo); color: var(--pista); box-shadow: .3rem .3rem 0 var(--relay); }.store-auth-card h2 { margin: .35rem 0 .6rem; font-size: 2.2rem; line-height: 1; }.store-auth-card > p:not(.store-eyebrow) { color: var(--muted); font-size: .75rem; }.store-auth-form { display: grid; gap: .55rem; margin-top: 1.4rem; }.store-auth-form label { font-size: .66rem; font-weight: 750; }.phone-input { display: flex; align-items: center; overflow: hidden; border: 1px solid #d9deea; border-radius: .75rem; background: #fff; }.phone-input:focus-within { border-color: var(--indigo); box-shadow: 0 0 0 3px rgba(23,32,74,.08); }.phone-input span { padding-left: .8rem; color: var(--muted); }.store-auth-form .phone-input input { border: 0; outline: 0; }.store-auth-form .store-btn { width: 100%; margin-top: .6rem; }.auth-benefits { border-color: var(--border); color: var(--muted); font-size: .55rem; }.code-sent { border-radius: .7rem; background: var(--sky); }.code-sent span { color: var(--green); }.auth-resend { color: var(--relay); }.auth-hint { margin: -.1rem 0 .2rem; font-size: .62rem; color: var(--muted); }.profile-card { margin: 0 auto 1.4rem; padding: 1.5rem; max-width: 44rem; border: 1px solid var(--border); border-radius: 1.1rem; background: var(--card, #fff); }.profile-card h2 { margin: 0 0 .3rem; font-size: 1.05rem; font-weight: 750; }.profile-hint, .profile-empty { margin: 0 0 1rem; color: var(--muted); font-size: .78rem; }.profile-form { margin-top: .9rem; }.profile-form .store-btn { width: auto; padding-inline: 1.4rem; }.profile-flash { margin: 0 auto 1rem; max-width: 44rem; padding: .7rem .9rem; border-radius: .7rem; background: var(--sky, #eef4ff); color: var(--green, #1c7a4b); font-size: .82rem; font-weight: 650; }.store-btn-secondary { background: transparent; border: 1px solid var(--indigo); color: var(--indigo); }.address-list { list-style: none; margin: 0 0 1rem; padding: 0; display: grid; gap: .6rem; }.address-item { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: .8rem .9rem; border: 1px solid var(--border); border-radius: .8rem; background: var(--mist, #f6f7fb); }.address-item p { margin: 0; font-size: .82rem; white-space: pre-line; }.address-remove { border: 0; background: none; color: #b23; font-size: .74rem; font-weight: 650; cursor: pointer; }.address-remove:hover { text-decoration: underline; }.address-options { display: grid; gap: .5rem; margin-top: .4rem; }.address-option { display: flex; align-items: flex-start; gap: .6rem; padding: .7rem .85rem; border: 1px solid var(--border); border-radius: .75rem; cursor: pointer; font-size: .82rem; }.address-option:has(input:checked) { border-color: var(--indigo); box-shadow: 0 0 0 3px rgba(23,32,74,.06); }.address-option input { margin-top: .15rem; }.address-option span { white-space: pre-line; }#cart-overlay { position: fixed; inset: 0; z-index: 70; background: rgba(12,17,44,.58); opacity: 0; pointer-events: none; transition: opacity .25s ease; }#cart-drawer { position: fixed; top: 0; right: 0; bottom: 0; z-index: 80; display: flex; width: min(92vw,29rem); flex-direction: column; background: #fff; box-shadow: -20px 0 60px rgba(8,12,35,.25); transform: translateX(105%); transition: transform .3s cubic-bezier(.2,.8,.2,1); }body.cart-open #cart-overlay { opacity: 1; pointer-events: auto; }body.cart-open #cart-drawer { transform: translateX(0); }.drawer-head { display: flex; align-items: center; justify-content: space-between; padding: 1.15rem 1.3rem; border-bottom: 1px solid var(--border); background: var(--mist); }.drawer-head h2 { margin: .15rem 0 0; font-size: 1.5rem; }.drawer-close { display: grid; width: 2.2rem; height: 2.2rem; min-height: 0; padding: 0; place-items: center; border: 1px solid var(--border); border-radius: .65rem; background: #fff; color: var(--indigo); font-size: 1.2rem; }#cart-drawer-body { display: flex; flex: 1; flex-direction: column; gap: 1rem; padding: 1rem 1.3rem 1.3rem; overflow-y: auto; }.free-ship { padding: .8rem; border-radius: .8rem; background: var(--sky); }.free-ship-copy > span { border-radius: .55rem; background: var(--pista); color: var(--indigo); }.free-ship-fill { background: linear-gradient(90deg,var(--relay),var(--pista)); }.drawer-item { border-color: var(--border); }.drawer-item-image img { border-radius: .7rem; }.drawer-item-name, .upsell-info a, .sum-total { font-family: var(--sans); }.stepper { border-color: var(--border); border-radius: .55rem; }.step-btn { color: var(--relay); }.step-btn:hover { background: var(--sky); }.upsell-card { border-radius: .75rem; }.upsell-add { border-radius: .55rem; background: var(--indigo); }.drawer-checkout { border-radius: .75rem; }.drawer-viewcart { color: var(--indigo); }.site-footer { margin-top: 0; border: 0; background: var(--indigo); color: #fff; }.footer-inner { display: grid; grid-template-columns: 1.4fr .7fr .7fr 1fr; gap: 3rem; width: min(100%,1420px); margin: auto; padding: 4rem clamp(1rem,3.8vw,3.5rem); }.footer-logo { color: #fff; }.footer-logo .logo-mark { background: #fff; color: var(--indigo); box-shadow: none; }.footer-logo .logo-mark::before { background: var(--relay); }.footer-logo small { color: #939dc7; }.footer-brand > p { max-width: 25rem; color: #aeb6d7; font-family: var(--sans); font-size: .76rem; line-height: 1.7; }.footer-links, .footer-note { display: grid; align-content: start; gap: .6rem; }.footer-links strong, .footer-note strong { color: var(--pista); font-family: var(--mono); font-size: .58rem; letter-spacing: .08em; text-transform: uppercase; }.footer-links a, .footer-note p { margin: 0; color: #aeb6d7; font-size: .68rem; }.footer-links a:hover { color: #fff; }.footer-bottom { display: flex; justify-content: space-between; width: min(100%,1420px); margin: auto; padding: 1rem clamp(1rem,3.8vw,3.5rem); border-top: 1px solid #303b6a; color: #7883b1; font-family: var(--mono); font-size: .52rem; text-transform: uppercase; }.mobile-app-nav { display: none; }@media (max-width: 1180px) { .site-header-inner { grid-template-columns: auto minmax(15rem,1fr) auto; gap: 1.25rem; } .logo small { display: none; } .market-hero { grid-template-columns: minmax(0,.9fr) minmax(28rem,1.1fr); } .market-category-grid { grid-template-columns: repeat(5,minmax(11rem,1fr)); overflow-x: auto; padding-bottom: .8rem; scrollbar-width: thin; } .product-grid { grid-template-columns: repeat(3,minmax(0,1fr)); } .footer-inner { grid-template-columns: 1.4fr repeat(2,.7fr); } .footer-note { display: none; } }@media (max-width: 820px) { html { scroll-padding-top: 7.5rem; } body.storefront-body { padding-bottom: 4.8rem; } .announcement-inner { grid-template-columns: 1fr auto; } .announcement-inner p { display: none; } .site-header-inner { grid-template-columns: auto 1fr; min-height: 4.5rem; row-gap: .6rem; } .header-search { display: grid; grid-column: 1 / -1; grid-row: 2; width: 100%; justify-self: stretch; } .header-actions { grid-column: 2; grid-row: 1; } .header-icon-link span, .account-menu summary span, .cart-label, .wishlist-label{ display: none; } .optional-action { display: none; } .category-nav > div { padding-block: .48rem; } .dock-label { display: none; } .category-nav .category-sale { margin-left: 0; } .market-hero { grid-template-columns: 1fr; min-height: 0; padding-top: .8rem; } .market-hero-copy { min-height: 31rem; } .market-hero-visual { min-height: 34rem; } .market-category-grid { grid-template-columns: repeat(5,10.5rem); } .market-category-card { min-height: 16rem; } .category-image { height: 10.5rem; } .campaign { grid-template-columns: 1fr; } .campaign-copy { min-height: 23rem; border-radius: 1.1rem 1.1rem 0 0; } .campaign-art { min-height: 20rem; border-radius: 0 0 1.1rem 1.1rem; } .product-grid, .related-section .product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .product-detail { grid-template-columns: 1fr; } .detail-info { position: static; } .reviews-section { grid-template-columns: 1fr; gap: 1rem; } #reviews-content { grid-column: 1; grid-row: 2; } .cart-layout, .checkout-layout { grid-template-columns: 1fr; } .cart-summary-card, .checkout-summary { position: static; } .checkout-summary { order: -1; } .checkout-head { grid-template-columns: 1fr auto; } .checkout-head > a { grid-column: 1/-1; } .checkout-head ol { grid-column: 2; grid-row: 2; } .checkout-head > div { grid-column: 1; } .confirmation-details, .customer-order-details { grid-template-columns: 1fr; } .store-login { grid-template-columns: 1fr; } .store-login-visual { min-height: 25rem; } .footer-inner { grid-template-columns: 1fr 1fr; gap: 2rem; } .footer-brand { grid-column: 1/-1; } .mobile-app-nav { position: fixed; right: .65rem; bottom: .65rem; left: .65rem; z-index: 60; display: grid; grid-template-columns: repeat(5,1fr); align-items: center; min-height: 4rem; padding: .35rem; border: 1px solid rgba(255,255,255,.15); border-radius: 1.15rem; background: rgba(23,32,74,.96); box-shadow: 0 18px 45px rgba(8,12,35,.28); backdrop-filter: blur(18px); } .mobile-app-nav a, .mobile-app-nav button { display: grid; min-height: 3.15rem; padding: .3rem; place-items: center; gap: .12rem; border: 0; border-radius: .8rem; background: transparent; color: #aeb6d7; font-size: .5rem; font-weight: 700; } .mobile-app-nav a[aria-current="page"] { background: #303b6a; color: var(--pista); } .mobile-app-nav svg { width: 1.15rem; height: 1.15rem; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; } .mobile-app-nav button { color: var(--indigo); } .mobile-app-nav button > b { color: var(--pista); font-size: .5rem; } .mobile-bag-icon, .mobile-wish-icon{ position: relative; display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: .62rem; background: var(--relay); color: #fff; } .mobile-bag-icon i, .mobile-wish-icon i{ position: absolute; top: -.25rem; right: -.25rem; display: grid; min-width: .9rem; height: .9rem; padding: 0 .15rem; place-items: center; border-radius: .3rem; background: var(--pista); color: var(--indigo); font-family: var(--mono); font-size: .44rem; font-style: normal; } .mobile-bag-icon i:empty, .mobile-wish-icon i:empty{ display: none; } }@media (max-width: 560px) { .page-shell { padding-inline: .8rem; } .announcement-inner { padding-inline: 1rem; } .announcement-inner > a { font-size: .52rem; } .site-header-inner { min-height: 4.25rem; padding-inline: .8rem; } .logo-mark { width: 2.3rem; height: 2.3rem; } .logo strong { font-size: 1.08rem; } .login-link { display: none; } .market-hero { padding-inline: .55rem; } .market-hero-copy { min-height: 29rem; padding: 1.55rem; border-radius: 1rem; } .market-hero h1 { font-size: clamp(3.2rem,15vw,4.8rem); } .market-hero .hero-lede { font-size: .78rem; } .hero-actions { align-items: flex-start; flex-direction: column; gap: .9rem; } .hero-proof { gap: .35rem; margin-top: 1.7rem; } .hero-proof strong { font-size: .56rem; } .hero-proof span { display: none; } .market-hero-visual { min-height: 27rem; border-radius: 1rem; } .market-hero-visual::before { inset: 3.5rem 1rem 3rem; } .hero-product-main { top: 4rem; right: 5%; width: 60%; height: 20rem; } .hero-product-side { bottom: 3.2rem; left: 4%; width: 32%; height: 11rem; } .hero-product-float { top: 4.5rem; left: 6%; width: 25%; height: 7rem; } .hero-sticker { top: 11.5rem; left: 2%; width: 4.8rem; height: 4.8rem; } .hero-sticker strong { font-size: 1.3rem; } .hero-product-caption { display: none; } .perks-strip > div { grid-template-columns: repeat(2,1fr); gap: .8rem 0; } .perks-strip span { font-size: .54rem; } .perks-strip span:nth-child(2) { border: 0; } .category-section { padding-top: 4rem; padding-bottom: 4rem; } .section-heading { align-items: flex-start; flex-direction: column; gap: .7rem; } .section-heading h2, .section-intro h2 { font-size: 2.4rem; } .market-category-grid { grid-template-columns: repeat(5,9rem); } .market-category-card { min-height: 13.8rem; } .category-image { height: 8.8rem; } .category-card-foot strong { font-size: .86rem; } .campaign { padding-inline: .55rem; } .campaign-copy { min-height: 21rem; padding: 2rem 1.5rem; } .campaign-copy h2 { font-size: 3rem; } .campaign-art { min-height: 15rem; } .campaign-word { font-size: 5.5rem; } .campaign-label { padding: .35rem .5rem; font-size: .45rem; box-shadow: .22rem .22rem 0 var(--indigo); } .collection-section { padding: 4rem .8rem; } .shop-filter { grid-template-columns: 1fr; } .shop-filter > input[name="color"], .price-filter, .filter-reset { display: none; } .product-grid, .related-section .product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .65rem; } .product-card { border-radius: .8rem; } .product-image { aspect-ratio: 4/5.2; } .product-ribbon { top: .45rem; left: .45rem; font-size: .4rem; } .wish-btn { top: .45rem; right: .45rem; width: 2rem; height: 2rem; border-radius: .58rem; } .product-media-actions { right: .4rem; bottom: .4rem; left: .4rem; } .product-media-actions .availability { display: none; } .quick-add { margin-left: auto; padding-left: .5rem; } .quick-add > span { display: none; } .quick-add b { width: 1.6rem; height: 1.6rem; } .product-body { padding: .68rem .58rem .75rem; } .product-kicker { font-size: .4rem; } .product-title-row { display: grid; gap: .25rem; } .product-title-row h3 { font-size: .67rem; } .price { font-size: .65rem; } .desc { display: none; } .product-seller { font-size: .46rem; } .collection-count span:last-child { display: none; } .promise-band > div { grid-template-columns: 1fr; gap: 1rem; } .detail-info h1 { font-size: 3rem; } .detail-tags { grid-template-columns: repeat(2,1fr); } .detail-tags span:last-child { grid-column: 1/-1; border-top: 1px solid var(--border); } .detail-assurances { grid-template-columns: 1fr; } .simple-page-head { padding-top: 3rem; } .cart-line-list { border: 0; background: transparent; } .cart-line { grid-template-columns: 5.4rem 1fr auto; align-items: start; padding: .8rem 0; } .cart-line > a img { width: 5.4rem; height: 6.4rem; } .cart-quantity { grid-column: 2; } .cart-line-total { grid-column: 3; grid-row: 1; } .cart-line-copy > p:not(.product-kicker) { display: none; } .checkout-head { display: block; } .checkout-head ol { display: none; } .checkout-panel-body .grid2 { grid-template-columns: 1fr; } .pay-grid { grid-template-columns: 1fr; text-align: center; } .checkout-submit { align-items: stretch; flex-direction: column; } .checkout-submit .store-btn { width: 100%; } .confirmation-page h1 { font-size: 3.5rem; } .confirmation-actions { flex-direction: column; } .customer-order-main { align-items: flex-start; flex-direction: column; } .timeline-label { font-size: .46rem; } .store-login { padding: .7rem; } .store-login-visual { min-height: 21rem; border-radius: 1rem; } .store-login-visual > div { right: 1.3rem; bottom: 1.3rem; left: 1.3rem; } .store-login-panel { padding: 2rem .3rem; } .auth-benefits { flex-direction: column; } .footer-inner { padding-block: 3rem; } .footer-bottom span:last-child { display: none; } }@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }:root { --premium-ink: #202027; --premium-copy: #62636f; --premium-cloud: #f6f7fb; --premium-white: #ffffff; --premium-line: #e8e9f0; --premium-coral: #ff4f6d; --premium-orange: #ff8a34; --premium-plum: #4d2d62; --premium-mint: #dff5e9; --premium-display: "Outfit", sans-serif; --premium-body: "Manrope", sans-serif; --premium-beam: linear-gradient(135deg, #ff4f6d 0%, #ff684d 48%, #ff9638 100%); --premium-shadow: 0 18px 55px rgba(34, 28, 45, .09); --premium-shadow-hover: 0 24px 65px rgba(34, 28, 45, .14); }html { scroll-behavior: smooth; scroll-padding-top: 10rem; }body.storefront-body { --ink: var(--premium-ink); --muted: var(--premium-copy); --bg: var(--premium-cloud); --border: var(--premium-line); --relay: var(--premium-coral); --relay-dark: #e83c5b; --indigo: var(--premium-ink); --indigo-soft: #34343d; --pista: #ffd9ab; min-width: 0; overflow-x: clip; background: var(--premium-white); color: var(--premium-ink); font-family: var(--premium-body); }.storefront-body h1, .storefront-body h2, .storefront-body h3 { font-family: var(--premium-display); font-variation-settings: normal; font-weight: 700; letter-spacing: -.04em; }.page-shell, .storefront-body .container { width: min(100%, 1440px); padding-inline: clamp(1rem, 4vw, 4rem); }.storefront-body :focus-visible { outline: 3px solid rgba(255, 79, 109, .55); outline-offset: 3px; }.store-eyebrow { color: var(--premium-coral); font-family: var(--premium-body); font-size: .66rem; font-weight: 800; letter-spacing: .1em; }.announcement-bar { background: #1f1f25; color: #fff; }.announcement-inner { min-height: 2.15rem; font-family: var(--premium-body); font-size: .58rem; letter-spacing: .01em; }.market-status i { background: #60d394; box-shadow: 0 0 0 .25rem rgba(96, 211, 148, .14); }.announcement-inner > a b { color: #ff9a55; }.site-header { border-bottom: 1px solid rgba(232, 233, 240, .9); background: rgba(255, 255, 255, .94); box-shadow: 0 8px 30px rgba(32, 32, 39, .055); backdrop-filter: blur(20px); }.site-header-inner { grid-template-columns: auto minmax(18rem, 1fr) auto; min-height: 5rem; gap: clamp(1.5rem, 4vw, 4rem); }.logo { gap: .72rem; }.logo-mark { width: 2.7rem; height: 2.7rem; overflow: hidden; border: 0; border-radius: .85rem; background: var(--premium-beam); color: #fff; font-family: var(--premium-display); box-shadow: 0 10px 25px rgba(255, 79, 109, .22); }.logo-mark::before { top: -.45rem; right: -.45rem; width: 1.1rem; height: 1.1rem; border-radius: 50%; background: rgba(255,255,255,.28); }.logo-mark i { right: .28rem; bottom: .28rem; border-radius: 50%; background: #fff; }.logo strong { font-family: var(--premium-display); font-size: 1.16rem; letter-spacing: -.045em; }.logo small { color: #8a8994; font-family: var(--premium-body); font-size: .48rem; font-weight: 700; letter-spacing: .025em; text-transform: none; }.header-search { max-width: 48rem; border: 1px solid transparent; border-radius: .9rem; background: #f4f5f8; }.header-search:focus-within { border-color: rgba(255,79,109,.34); background: #fff; box-shadow: 0 0 0 4px rgba(255,79,109,.08); }.header-search input { min-height: 3rem; color: var(--premium-ink); font-family: var(--premium-body); font-size: .78rem; }.header-search button { min-height: 2.25rem; border-radius: .65rem; background: #27272f; font-family: var(--premium-body); }.header-search button:hover { background: var(--premium-plum); }.header-icon-link, .account-menu summary { border-radius: .75rem; }.header-icon-link:hover, .account-menu summary:hover { background: #f5f4f8; }.cart-btn, .wishlist-btn{ min-height: 2.75rem; border: 0; border-radius: .75rem; background: var(--premium-beam); color: #fff; box-shadow: 0 10px 24px rgba(255,79,109,.2); }.cart-btn:hover, .wishlist-btn:hover{ background: var(--premium-beam); transform: translateY(-2px); box-shadow: 0 14px 30px rgba(255,79,109,.28); }.cart-btn .badge, .wishlist-btn .badge{ background: #fff; color: var(--premium-coral); }.category-nav { border-top: 1px solid #f0f0f4; background: #fff; }.category-nav > div { min-height: 2.7rem; }.dock-label { border: 0; border-radius: .55rem; background: #fff1f3; color: var(--premium-coral); font-family: var(--premium-body); }.dock-label i { background: var(--premium-coral); }.category-nav a { position: relative; color: #5f5e68; font-size: .64rem; font-weight: 700; }.category-nav a::after { position: absolute; right: .7rem; bottom: 0; left: .7rem; height: 2px; border-radius: 999px; background: var(--premium-beam); content: ""; opacity: 0; transform: scaleX(.5); transition: opacity .18s ease, transform .18s ease; }.category-nav a:hover { color: var(--premium-ink); }.category-nav a:hover::after { opacity: 1; transform: scaleX(1); }.category-nav .category-sale { color: var(--premium-coral); }.market-hero { grid-template-columns: minmax(0, 1.03fr) minmax(28rem, .97fr); min-height: 40rem; padding-top: clamp(2.2rem, 5vw, 5rem); padding-bottom: clamp(3rem, 6vw, 5.5rem); gap: clamp(2rem, 6vw, 6rem); }.market-hero-copy { align-self: center; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }.market-hero-copy::before { display: none; }.hero-index { display: flex; justify-content: space-between; max-width: 38rem; margin-bottom: 1.25rem; color: #9795a0; font-size: .56rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.hero-chip { padding: .42rem .65rem; border: 0; border-radius: 999px; background: #fff0f3; color: #9d2843; font-family: var(--premium-body); font-size: .58rem; }.hero-chip span { border-radius: 999px; background: var(--premium-beam); }.market-hero h1 { display: block; max-width: 13ch; margin: 1.15rem 0 1.45rem; font-size: clamp(3.25rem, 6vw, 6.7rem); line-height: .92; }.market-hero h1 span, .market-hero h1 em { display: inline; }.market-hero h1 em { color: transparent; font-style: normal; background: var(--premium-beam); background-clip: text; -webkit-background-clip: text; }.market-hero .hero-lede { max-width: 39rem; color: var(--premium-copy); font-size: clamp(.92rem, 1.15vw, 1.04rem); line-height: 1.75; }.hero-actions { margin-top: 1.8rem; }.store-btn { min-height: 3.25rem; border-radius: .85rem; font-family: var(--premium-body); }.store-btn-primary, .market-hero .store-btn-primary { border: 0; background: var(--premium-beam); color: #fff; box-shadow: 0 14px 30px rgba(255,79,109,.22); }.store-btn-primary:hover, .market-hero .store-btn-primary:hover { background: var(--premium-beam); transform: translateY(-2px); box-shadow: 0 18px 36px rgba(255,79,109,.3); }.text-link { color: var(--premium-ink); }.text-link span { color: var(--premium-coral); }.hero-proof { margin-top: clamp(2.7rem, 5vw, 4.5rem); padding-top: 1.15rem; border-top: 1px solid var(--premium-line); }.hero-proof div { border-right: 1px solid var(--premium-line); }.hero-proof strong { font-size: .67rem; }.hero-proof span { font-size: .52rem; }.market-hero-visual { align-self: center; min-height: 34rem; overflow: hidden; border: 0; border-radius: 2rem; background: radial-gradient(circle at 80% 8%, rgba(255,255,255,.8), transparent 28%), linear-gradient(145deg, #f2d9f7 0%, #fee4dd 47%, #fff0cf 100%); box-shadow: var(--premium-shadow); }.market-hero-visual::before { top: 3.15rem; right: 1.4rem; left: 1.4rem; height: 1px; background: rgba(67,43,77,.12); }.hero-board-head { color: #5c4663; font-family: var(--premium-body); font-size: .56rem; }.hero-board-head b { color: var(--premium-coral); }.hero-product { border-radius: 1.15rem; }.hero-product-main { top: 4.5rem; right: 7.2rem; bottom: 2.8rem; left: 1.45rem; box-shadow: 0 22px 50px rgba(70,42,72,.16); }.hero-product-side { top: 5.6rem; right: -1rem; width: 8.7rem; height: 11.5rem; border: 5px solid rgba(255,255,255,.8); box-shadow: 0 18px 36px rgba(70,42,72,.16); transform: rotate(4deg); }.hero-product-float { right: -.5rem; bottom: 4.5rem; width: 10.2rem; height: 11.5rem; border: 5px solid rgba(255,255,255,.8); box-shadow: 0 18px 36px rgba(70,42,72,.18); transform: rotate(-3deg); }.hero-product-caption { border-radius: .8rem; background: rgba(255,255,255,.92); backdrop-filter: blur(10px); }.hero-sticker { right: auto; bottom: 1rem; left: 1rem; border-radius: 1rem; background: var(--premium-plum); color: #fff; box-shadow: 0 10px 25px rgba(77,45,98,.2); transform: rotate(-2deg); }.hero-market-ribbon { display: none; }.perks-strip { border: 0; background: #232229; color: #fff; }.perks-strip .page-shell { min-height: 3.5rem; font-size: .58rem; }.perks-strip b { color: #ff9a55; }.category-section { padding-block: clamp(4.5rem, 8vw, 8rem); }.section-heading { align-items: end; }.section-heading h2 { max-width: 44rem; font-size: clamp(2rem, 4.2vw, 4.2rem); line-height: 1.02; }.market-category-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; }.market-category-card, .market-category-card:nth-child(n) { grid-column: auto; min-height: 21.5rem; padding: .65rem; overflow: hidden; border: 1px solid var(--premium-line); border-radius: 1.25rem; background: #fff; box-shadow: 0 8px 30px rgba(32,32,39,.045); }.market-category-card:hover { border-color: rgba(255,79,109,.22); box-shadow: 0 18px 44px rgba(32,32,39,.11); transform: translateY(-5px); }.category-kicker { padding: .3rem .35rem; color: #8a8994; font-family: var(--premium-body); font-size: .5rem; }.category-image { inset: 2.6rem .65rem 4rem; border-radius: .9rem; }.category-image::after { position: absolute; inset: 55% 0 0; background: linear-gradient(transparent, rgba(24,22,28,.14)); content: ""; }.market-category-card:hover .category-image img { transform: scale(1.045); }.category-card-foot { padding-inline: .3rem; }.category-card-foot strong { font-size: .8rem; }.category-card-foot small { color: #888793; }.category-card-foot b { border-radius: .65rem; background: #f4f3f7; color: var(--premium-coral); }.campaign { overflow: hidden; border: 0; border-radius: 2rem; background: #272331; box-shadow: var(--premium-shadow); }.campaign-copy { background: radial-gradient(circle at 0 100%, rgba(255,138,52,.18), transparent 40%), #272331; color: #fff; }.campaign-copy .store-eyebrow { color: #ffab6f; }.campaign-copy h2 { font-size: clamp(2.4rem, 5vw, 5.1rem); }.campaign-art { border-left: 0; background: var(--premium-beam); }.campaign-word { color: #fff; font-family: var(--premium-display); opacity: .95; }.campaign-label { border: 0; border-radius: 999px; box-shadow: 0 8px 22px rgba(30,20,35,.14); }.campaign-btn { border: 0; border-radius: .8rem; background: #fff; color: var(--premium-ink); }.collection-section { padding-top: clamp(5rem, 9vw, 9rem); }.shop-filter { position: sticky; top: 7.8rem; z-index: 20; gap: .65rem; padding: .65rem; border: 1px solid var(--premium-line); border-radius: 1rem; background: rgba(255,255,255,.94); box-shadow: 0 10px 35px rgba(32,32,39,.07); backdrop-filter: blur(16px); }.shop-filter > * { border: 1px solid #ececf1; border-radius: .7rem; background: #f7f7f9; }.shop-filter input, .shop-filter summary { font-family: var(--premium-body); }.shop-filter > *:focus-within { border-color: rgba(255,79,109,.28); background: #fff; box-shadow: 0 0 0 3px rgba(255,79,109,.07); }.price-filter > div { border: 1px solid var(--premium-line); border-radius: .85rem; box-shadow: var(--premium-shadow); }.quick-occasions { gap: .5rem; margin-top: 1.2rem; }.quick-occasions a { border: 1px solid var(--premium-line); border-radius: 999px; background: #fff; color: #6d6b76; font-family: var(--premium-body); font-size: .55rem; }.quick-occasions a:hover, .quick-occasions a[aria-current="page"] { border-color: transparent; background: #292830; color: #fff; }.collection-count { color: #8a8994; }.product-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.1rem; overflow: visible; border: 0; background: transparent; }.product-grid > .product-card:nth-child(n) { grid-column: auto; }.pagination { display: flex; align-items: center; justify-content: center; gap: 1.25rem; margin-top: 2.5rem; }.pagination-arrow { padding: .55rem 1rem; border: 1px solid var(--premium-line); border-radius: .7rem; color: var(--premium-ink); font-size: .68rem; font-weight: 800; }a.pagination-arrow:hover { background: #f7f7f9; }.pagination-arrow.is-disabled { color: #c4c2ca; }.pagination-status { color: #8a8994; font-size: .65rem; font-weight: 700; }.product-card { overflow: hidden; border: 1px solid var(--premium-line); border-radius: 1.15rem; background: #fff; box-shadow: 0 8px 28px rgba(32,32,39,.045); }.product-card::before { display: none; }.product-card:hover { border-color: rgba(255,79,109,.2); box-shadow: var(--premium-shadow-hover); transform: translateY(-6px); }.product-card-media { margin: .55rem; overflow: hidden; border-radius: .85rem; background: #f0eff3; }.product-image img, .product-card:nth-child(n) .product-image img { aspect-ratio: 1 / 1.08; filter: saturate(.94); }.product-card:hover .product-image img { transform: scale(1.045); }.product-ribbon { border: 0; border-radius: .5rem; background: rgba(255,255,255,.92); color: #44434c; font-family: var(--premium-body); box-shadow: 0 6px 18px rgba(28,25,32,.09); backdrop-filter: blur(8px); }.new-ribbon { background: rgba(255,255,255,.92); }.wish-button { border: 0; border-radius: 50%; background: rgba(255,255,255,.92); box-shadow: 0 6px 18px rgba(28,25,32,.09); }.product-media-actions { border-radius: .7rem; background: rgba(255,255,255,.94); }.availability { color: #2e7652; }.quick-add { border-radius: .55rem; background: #27272f; font-family: var(--premium-body); }.quick-add:hover { background: var(--premium-coral); }.product-body { min-height: 10rem; padding: .75rem 1rem 1rem; }.product-kicker { color: #938f9b; font-family: var(--premium-body); }.product-title-row h3 { font-family: var(--premium-body); font-size: .86rem; font-weight: 800; letter-spacing: -.025em; }.product-title-row .price { color: var(--premium-ink); }.product-seller { border-top-color: #f0eff3; }.main-image-wrap, .detail-tags, .purchase-panel, .detail-assurances > div, .care-details, .cart-list, .cart-summary, .store-empty { border-radius: 1.15rem !important; }.main-image-wrap { border: 0; box-shadow: var(--premium-shadow); }.detail-info h1 { font-size: clamp(2.3rem, 4.8vw, 4.9rem); line-height: .98; }.purchase-panel { border-color: rgba(255,79,109,.16); background: #fff8f9; }.detail-tags { border-color: var(--premium-line); }.care-details { border-color: var(--premium-line); }.reviews-section { border-top-color: var(--premium-line); }#cart-drawer { border-left: 1px solid var(--premium-line); background: #fff; box-shadow: -18px 0 60px rgba(25,22,31,.15); }.drawer-head { border-bottom-color: var(--premium-line); }.drawer-close { border: 0; border-radius: .65rem; background: #f3f2f6; }.promise-band, .site-footer { background: #232229; }.promise-band .page-shell > div { border-radius: .9rem; }.promise-band span { border-radius: .65rem; background: rgba(255,255,255,.09); }.site-footer { border-top: 0; }.storefront-body.is-ready .market-hero-copy > *, .storefront-body.is-ready .market-hero-visual { animation: premiumArrive .55s cubic-bezier(.2,.75,.2,1) both; }.storefront-body.is-ready .market-hero-copy > *:nth-child(2) { animation-delay: .04s; }.storefront-body.is-ready .market-hero-copy > *:nth-child(3) { animation-delay: .08s; }.storefront-body.is-ready .market-hero-visual { animation-delay: .12s; }@keyframes premiumArrive { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }@media (max-width: 1120px) { .site-header-inner { gap: 1.2rem; } .logo small { display: none; } .market-hero { grid-template-columns: minmax(0, 1fr) minmax(23rem, .86fr); gap: 2rem; } .market-hero h1 { font-size: clamp(3.2rem, 6vw, 5.4rem); } .market-category-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } .product-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }@media (max-width: 820px) { html { scroll-padding-top: 7rem; } body.storefront-body { padding-bottom: 4.8rem; } .announcement-inner { grid-template-columns: 1fr auto; } .announcement-inner > p { display: none; } .site-header-inner { grid-template-columns: 1fr auto; min-height: 4.35rem; } .header-search { grid-column: 1 / -1; grid-row: 2; width: 100%; margin-bottom: .7rem; } .header-actions .optional-action, .header-actions .login-link span, .account-menu summary span, .cart-label, .wishlist-label{ display: none; } .category-nav { display: none; } .market-hero { grid-template-columns: 1fr; min-height: 0; padding-top: 2.2rem; } .hero-index { margin-bottom: 1rem; } .market-hero h1 { font-size: clamp(2.9rem, 11vw, 5rem); } .market-hero-visual { width: 100%; min-height: 30rem; } .market-category-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .campaign { width: calc(100% - 2rem); margin-inline: 1rem; } .shop-filter { top: .5rem; } .product-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .mobile-app-nav { border: 1px solid rgba(232,233,240,.92); border-bottom: 0; border-radius: 1.2rem 1.2rem 0 0; background: rgba(255,255,255,.96); box-shadow: 0 -10px 35px rgba(32,32,39,.08); backdrop-filter: blur(18px); } .mobile-app-nav a[aria-current="page"], .mobile-app-nav button:active { color: var(--premium-coral); } }@media (max-width: 560px) { .announcement-inner > a { display: none; } .announcement-inner { grid-template-columns: 1fr; } .site-header-inner { padding-inline: .9rem; } .header-search button { display: none; } .market-hero { padding-inline: 1rem; } .hero-index span:last-child { display: none; } .market-hero h1 { font-size: clamp(2.65rem, 13vw, 4rem); } .hero-actions { align-items: flex-start; flex-direction: column; } .hero-proof { grid-template-columns: 1fr; } .hero-proof div { padding-bottom: .7rem; border-right: 0; border-bottom: 1px solid var(--premium-line); } .market-hero-visual { min-height: 25rem; border-radius: 1.35rem; } .hero-product-main { right: 4.6rem; } .hero-product-side { width: 6.4rem; height: 8.7rem; } .hero-product-float { width: 7rem; height: 8.8rem; } .market-category-grid { gap: .7rem; } .market-category-card, .market-category-card:nth-child(n) { min-height: 15rem; border-radius: 1rem; } .category-image { bottom: 3.75rem; } .campaign { border-radius: 1.35rem; } .shop-filter { position: relative; top: auto; grid-template-columns: 1fr; } .product-grid { grid-template-columns: 1fr; } .product-image img, .product-card:nth-child(n) .product-image img { aspect-ratio: 1.2 / 1; } }@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }.category-nav .dock-label { display: inline-flex; align-items: center; gap: .4rem; padding: .42rem .68rem; }.category-nav .dock-label::after { display: none; }.mobile-category-cta { display: none; }.home-edit { padding-top: clamp(5rem, 9vw, 9rem); padding-bottom: clamp(5rem, 8vw, 8rem); }.home-edit .product-grid { margin-top: 2.2rem; }.shop-page-hero { display: flex; align-items: end; justify-content: space-between; gap: 3rem; padding-top: clamp(4rem, 7vw, 7rem); padding-bottom: clamp(3rem, 5vw, 5rem); background: radial-gradient(circle at 87% 20%, rgba(255, 138, 52, .13), transparent 25%), radial-gradient(circle at 72% 90%, rgba(255, 79, 109, .1), transparent 28%); }.shop-page-hero h1 { max-width: 13ch; margin-top: .75rem; font-size: clamp(3rem, 6.4vw, 6.8rem); line-height: .91; }.shop-page-meta { display: grid; grid-template-columns: auto auto; align-items: end; gap: 0 1rem; min-width: 17rem; padding: 1.2rem 0 0 1.4rem; border-left: 1px solid var(--premium-line); }.shop-page-meta > strong { grid-row: span 2; color: var(--premium-coral); font-family: var(--premium-display); font-size: 4rem; line-height: .8; }.shop-page-meta > span { color: var(--premium-copy); font-size: .67rem; font-weight: 700; line-height: 1.55; }.shop-page-meta a { margin-top: .8rem; color: var(--premium-ink); font-size: .65rem; font-weight: 800; }.shop-page-meta a b { color: var(--premium-coral); }.collection-section.shop-catalogue { padding-top: 2rem; border-top: 1px solid var(--premium-line); }.department-switchboard { overflow: hidden; border-radius: 1.8rem; background: #25222d; color: #fff; box-shadow: 0 28px 70px rgba(37, 34, 45, .2); transform: rotate(.8deg); }.switchboard-head { display: flex; justify-content: space-between; padding: 1.15rem 1.3rem; border-bottom: 1px solid rgba(255,255,255,.1); color: #aaa5b3; font-size: .55rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }.switchboard-head b { color: #ff9f5d; }.department-switchboard > a { display: grid; grid-template-columns: 2.2rem 3.8rem minmax(0,1fr) auto; align-items: center; gap: .85rem; min-height: 4.8rem; padding: .65rem 1.25rem; border-bottom: 1px solid rgba(255,255,255,.08); color: #fff; transition: background .2s ease, padding .2s ease; }.department-switchboard > a:last-child { border-bottom: 0; }.department-switchboard > a:hover { padding-left: 1.55rem; background: linear-gradient(90deg, rgba(255,79,109,.22), rgba(255,138,52,.07)); }.switchboard-number { color: #77717f; font-size: .55rem; font-weight: 800; }.switchboard-image { width: 3.4rem; height: 3.4rem; overflow: hidden; border-radius: .7rem; background: #3b3742; }.switchboard-image img { width: 100%; height: 100%; object-fit: cover; }.department-switchboard > a > span:nth-child(3) { display: grid; gap: .15rem; }.department-switchboard strong { font-family: var(--premium-display); font-size: .92rem; }.department-switchboard small { color: #98929f; font-size: .53rem; }.department-switchboard > a > b { display: grid; place-items: center; width: 2rem; height: 2rem; border-radius: .6rem; background: rgba(255,255,255,.08); color: #ff9f5d; }.department-directory { padding-top: clamp(5rem, 8vw, 8rem); padding-bottom: clamp(5rem, 8vw, 8rem); border-top: 1px solid var(--premium-line); }.department-directory .section-heading > p { max-width: 26rem; color: var(--premium-copy); font-size: .75rem; line-height: 1.7; }.department-directory-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.15rem; margin-top: 2.5rem; }.department-card { display: grid; min-width: 0; padding: .65rem; overflow: hidden; border: 1px solid var(--premium-line); border-radius: 1.25rem; background: #fff; color: var(--premium-ink); box-shadow: 0 8px 30px rgba(32,32,39,.045); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }.department-card:hover { border-color: rgba(255,79,109,.22); box-shadow: var(--premium-shadow-hover); transform: translateY(-5px); }.department-card-media { position: relative; aspect-ratio: 1.45 / 1; overflow: hidden; border-radius: .9rem; background: #f0eff3; }.department-card-media::after { position: absolute; inset: 55% 0 0; background: linear-gradient(transparent, rgba(25,23,29,.35)); content: ""; }.department-card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.2,.8,.2,1); }.department-card:hover .department-card-media img { transform: scale(1.045); }.department-card-media i { position: absolute; right: .7rem; bottom: .6rem; z-index: 1; color: #fff; font-family: var(--premium-display); font-size: 1.5rem; font-style: normal; }.department-card-body { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem .35rem .55rem; }.department-card-body > span { display: grid; gap: .18rem; }.department-card-body strong { font-family: var(--premium-display); font-size: 1.02rem; }.department-card-body small { color: #8b8994; font-size: .55rem; }.department-card-body > b { display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: .65rem; background: #f4f3f7; color: var(--premium-coral); }.department-examples { min-height: 2.4rem; padding: 0 .35rem .55rem; overflow: hidden; color: #93919b; font-size: .55rem; line-height: 1.5; text-overflow: ellipsis; }.category-exit { display: grid; grid-template-columns: .75fr 1.25fr; align-items: center; gap: 3rem; margin-bottom: clamp(5rem, 8vw, 8rem); padding-top: 2rem; padding-bottom: 2rem; border-radius: 1.5rem; background: #fff3f5; }.category-exit h2 { margin-top: .25rem; font-size: clamp(1.8rem, 3vw, 3rem); }.category-exit form { display: grid; grid-template-columns: minmax(0,1fr) auto; padding: .45rem; border: 1px solid rgba(255,79,109,.12); border-radius: .9rem; background: #fff; box-shadow: 0 12px 35px rgba(94,45,62,.08); }.category-exit input { min-width: 0; padding: .8rem; border: 0; outline: 0; font: 600 .75rem var(--premium-body); }.category-exit button { padding: .8rem 1rem; border: 0; border-radius: .65rem; background: #292830; color: #fff; font: 800 .68rem var(--premium-body); }.category-exit button span { color: #ff9f5d; }@media (max-width: 1120px) { .department-directory-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }@media (max-width: 820px) { .home-category-preview > :nth-child(n/**/+5) { display: none; } .mobile-category-cta { display: flex; align-items: center; justify-content: space-between; margin-top: 1rem; padding: 1rem; border-radius: .9rem; background: #292830; color: #fff; font-size: .68rem; font-weight: 800; } .mobile-category-cta span { color: #ff9f5d; } .home-edit .section-heading, .department-directory .section-heading { align-items: start; } .shop-page-hero { align-items: start; flex-direction: column; } .shop-page-meta { width: 100%; max-width: 25rem; } .department-switchboard { width: min(100%, 36rem); transform: none; } .department-directory .section-heading { gap: 1rem; flex-direction: column; } .category-exit { grid-template-columns: 1fr; gap: 1.3rem; width: calc(100% - 2rem); margin-inline: 1rem; } }@media (max-width: 580px) { .shop-page-hero h1 { font-size: clamp(2.8rem, 14vw, 4.2rem); } .shop-page-meta > strong { font-size: 3.3rem; } .department-switchboard > a { grid-template-columns: 1.8rem 3.2rem minmax(0,1fr) auto; gap: .6rem; padding-inline: .8rem; } .switchboard-image { width: 3rem; height: 3rem; } .department-directory-grid { grid-template-columns: 1fr; } .category-exit form { grid-template-columns: 1fr; } .category-exit button { min-height: 2.8rem; } }.market-hero { min-height: 34rem; padding-top: clamp(2.5rem, 4vw, 4rem); padding-bottom: clamp(3rem, 4.5vw, 4.5rem); }.market-hero-copy > .store-eyebrow { margin-bottom: 1rem; }.market-hero h1 { max-width: 10ch; margin: 0 0 1.25rem; font-size: clamp(3.5rem, 5.8vw, 6.1rem); line-height: .9; }.market-hero .hero-lede { max-width: 33rem; }.hero-actions { margin-top: 1.5rem; }.market-hero-visual { min-height: 29rem; border-radius: 1.6rem; }.hero-product-main { top: 4.25rem; right: 6.5rem; bottom: 2rem; }.hero-product-side { top: 5.2rem; width: 7.7rem; height: 10rem; }.hero-product-float { bottom: 3.4rem; width: 8.8rem; height: 10rem; }.category-section { padding-top: clamp(4rem, 6vw, 6rem); padding-bottom: clamp(4rem, 6vw, 6rem); }.section-heading h2 { font-size: clamp(2rem, 3.4vw, 3.4rem); }.market-category-card, .market-category-card:nth-child(n) { min-height: 16rem; }.market-category-card .category-image { inset: .65rem .65rem 4rem; }.home-edit { padding-top: clamp(4rem, 6vw, 6rem); padding-bottom: clamp(4rem, 7vw, 7rem); border-top: 1px solid var(--premium-line); }.home-edit .product-grid { margin-top: 1.7rem; }.product-body { min-height: 7.1rem; padding: .7rem .9rem .9rem; }.product-kicker { margin-bottom: .45rem; }.product-seller { margin-top: .75rem; padding-top: .55rem; }.department-directory { padding-top: .75rem; padding-bottom: clamp(5rem, 7vw, 7rem); border-top: 0; }.department-directory-grid { grid-template-columns: repeat(4, minmax(0,1fr)); gap: 1rem; margin-top: 1.8rem; }.department-card-media { aspect-ratio: 1.25 / 1; }.department-card-body { padding-top: .8rem; }.department-examples { min-height: 2.2rem; white-space: nowrap; text-overflow: ellipsis; }.collection-section.shop-catalogue { padding-top: .75rem; padding-bottom: clamp(5rem, 7vw, 7rem); border-top: 0; }.shop-catalogue .collection-intro h1 { margin-top: .25rem; font-family: var(--premium-display); font-size: clamp(2.5rem, 4vw, 4.2rem); line-height: 1; letter-spacing: -.04em; }.catalogue-heading-meta { display: flex; align-items: center; gap: .65rem; color: #8a8994; font-size: .6rem; font-weight: 700; }.catalogue-heading-meta strong { color: var(--premium-coral); font-family: var(--premium-display); font-size: 1.4rem; }.catalogue-heading-meta a { margin-left: .6rem; padding-left: 1rem; border-left: 1px solid var(--premium-line); color: var(--premium-ink); font-weight: 800; }.catalogue-heading-meta a b { color: var(--premium-coral); }@media (max-width: 1120px) { .department-directory-grid { grid-template-columns: repeat(3, minmax(0,1fr)); } }@media (max-width: 820px) { .market-hero { padding-top: 2.6rem; padding-bottom: 3rem; } .market-hero h1 { font-size: clamp(3rem, 12vw, 4.8rem); } .market-hero-visual { min-height: 25rem; } .department-directory-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .shop-catalogue .collection-intro { align-items: start; gap: 1rem; } }.india-phone-input > span, .india-phone-input > b { flex: 0 0 auto; padding-inline: .8rem; border-right: 1px solid var(--premium-line); color: var(--premium-ink); font-size: .75rem; font-weight: 800; }.india-phone-input > input { min-width: 0; }.store-field .india-phone-input > input { border: 0; outline: 0; box-shadow: none; }@media (max-width: 580px) { .market-hero h1 { font-size: clamp(2.8rem, 14vw, 4rem); } .market-hero-visual { min-height: 22rem; } .hero-product-main { right: 4rem; } .hero-product-side { width: 5.8rem; height: 7.7rem; } .hero-product-float { width: 6.3rem; height: 7.8rem; } .market-category-card, .market-category-card:nth-child(n) { min-height: 13rem; } .department-directory-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: .65rem; } .department-card { padding: .42rem; border-radius: .9rem; } .department-card-media { aspect-ratio: 1 / 1; border-radius: .7rem; } .department-card-body { align-items: start; padding: .7rem .2rem .35rem; } .department-card-body strong { font-size: .76rem; line-height: 1.15; } .department-card-body > b { width: 1.7rem; height: 1.7rem; border-radius: .5rem; } .department-examples { display: none; } .product-grid, .related-section .product-grid { grid-template-columns: repeat(2, minmax(0,1fr)); gap: .6rem; } .product-body { min-height: 6.6rem; } .catalogue-heading-meta { align-items: start; flex-wrap: wrap; } }.market-home { padding-top: 1rem; padding-bottom: clamp(4rem, 7vw, 7rem); background: linear-gradient(180deg, #fff 0, #fff 23rem, #f4f5f8 23rem, #f4f5f8 100%); }.home-promo { position: relative; min-height: 21rem; overflow: hidden; border-radius: 1.5rem; background: radial-gradient(circle at 30% 110%, rgba(255, 255, 255, .28), transparent 34%), linear-gradient(112deg, #ffedf1 0%, #ffdfd7 51%, #ffd5ad 100%); box-shadow: 0 20px 55px rgba(43, 33, 49, .1); isolation: isolate; }.home-promo::before { position: absolute; z-index: -1; top: -10rem; left: 36%; width: 22rem; height: 22rem; border: 1px solid rgba(255,255,255,.72); border-radius: 50%; box-shadow: 0 0 0 3.5rem rgba(255,255,255,.13), 0 0 0 7rem rgba(255,255,255,.08); content: ""; }.home-promo-copy { position: relative; z-index: 3; width: 49%; padding: 2.45rem 0 5.1rem; }.home-promo-copy .store-eyebrow { margin-bottom: .65rem; color: #b62e4a; }.home-promo-copy h1 { max-width: 12ch; margin: 0 0 .8rem; font-size: clamp(2.55rem, 4.2vw, 4.25rem); line-height: .92; }.home-promo-copy h1 em { color: var(--premium-coral); font-style: normal; }.home-promo-copy > p:not(.store-eyebrow) { max-width: 31rem; margin: 0 0 1.25rem; color: #5c5561; font-size: .84rem; line-height: 1.7; }.home-promo-copy .store-btn { min-height: 2.9rem; }.home-promo-product { position: absolute; z-index: 1; inset: 0 0 0 auto; width: 50%; overflow: hidden; color: var(--premium-ink); }.home-promo-product::before { position: absolute; z-index: 2; inset: 0 auto 0 0; width: 35%; background: linear-gradient(90deg, #ffe1d8, transparent); content: ""; pointer-events: none; }.home-promo-product > img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s cubic-bezier(.2,.75,.2,1); }.home-promo-product:hover > img { transform: scale(1.025); }.home-promo-product-meta { position: absolute; z-index: 3; right: 1.4rem; bottom: 4.8rem; display: grid; min-width: 13rem; padding: .75rem .9rem; border: 1px solid rgba(255,255,255,.72); border-radius: .8rem; background: rgba(255,255,255,.88); box-shadow: 0 12px 30px rgba(32,32,39,.14); backdrop-filter: blur(14px); }.home-promo-product-meta small { color: var(--premium-coral); font-size: .49rem; font-weight: 800; text-transform: uppercase; }.home-promo-product-meta strong { max-width: 18rem; margin-top: .22rem; overflow: hidden; font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }.home-promo-product-meta b { margin-top: .18rem; color: var(--premium-ink); font-size: .72rem; }.home-promo-count { position: absolute; z-index: 4; left: clamp(1rem, 4vw, 4rem); bottom: 1rem; display: flex; align-items: center; gap: .55rem; }.home-promo-count strong { color: var(--premium-coral); font-family: var(--premium-display); font-size: 1.55rem; line-height: 1; }.home-promo-count span { color: #645c67; font-size: .48rem; font-weight: 800; line-height: 1.35; text-transform: uppercase; }.home-shopping-deck { position: relative; z-index: 5; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; margin-top: -3.45rem; }.home-shopping-card { display: flex; min-width: 0; min-height: 22rem; flex-direction: column; padding: 1rem; border: 1px solid rgba(226,227,234,.9); border-radius: 1rem; background: #fff; box-shadow: 0 16px 40px rgba(35,32,42,.08); }.home-shopping-card-head { display: flex; min-height: 2.8rem; align-items: start; justify-content: space-between; gap: .5rem; }.home-shopping-card h2 { margin: 0; font-size: 1.08rem; line-height: 1.05; }.home-shopping-card-head > span { flex: 0 0 auto; color: #96939d; font-size: .48rem; font-weight: 800; text-transform: uppercase; }.home-shopping-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .75rem .6rem; }.home-shopping-grid > a { min-width: 0; color: var(--premium-ink); }.home-shopping-grid > a > span { display: block; aspect-ratio: 1.24 / 1; overflow: hidden; border-radius: .65rem; background: #f1f2f5; }.home-shopping-grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .28s ease; }.home-shopping-grid a:hover img { transform: scale(1.045); }.home-shopping-grid strong { display: block; margin-top: .32rem; overflow: hidden; font-size: .59rem; line-height: 1.2; text-overflow: ellipsis; white-space: nowrap; }.home-shopping-more { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: .75rem; border-top: 1px solid var(--premium-line); color: var(--premium-ink); font-size: .6rem; font-weight: 800; }.home-shopping-more span { color: var(--premium-coral); }.home-product-rail-section { margin-top: 2rem; padding-top: 1.4rem; padding-bottom: 1.5rem; border: 1px solid var(--premium-line); border-radius: 1.1rem; background: #fff; box-shadow: 0 14px 35px rgba(35,32,42,.055); }.home-rail-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }.home-rail-heading .store-eyebrow { margin-bottom: .2rem; }.home-rail-heading h2 { margin: 0; font-size: clamp(1.65rem, 2.5vw, 2.3rem); }.home-product-rail { display: grid; grid-auto-columns: minmax(9.7rem, 1fr); grid-auto-flow: column; gap: .8rem; overflow-x: auto; padding-bottom: .4rem; scrollbar-color: #d8d8df transparent; scrollbar-width: thin; }.home-product-pick { min-width: 0; color: var(--premium-ink); }.home-product-pick-image { display: block; aspect-ratio: 1 / 1; overflow: hidden; border-radius: .8rem; background: #f0f1f4; }.home-product-pick-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }.home-product-pick:hover img { transform: scale(1.035); }.home-product-pick-meta { display: grid; padding: .55rem .15rem .15rem; }.home-product-pick-meta small { overflow: hidden; color: #8c8994; font-size: .46rem; font-weight: 800; text-overflow: ellipsis; text-transform: uppercase; white-space: nowrap; }.home-product-pick-meta strong { margin-top: .25rem; overflow: hidden; font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }.home-product-pick-meta b { margin-top: .2rem; color: var(--premium-coral); font-size: .67rem; }.home-category-exit { display: flex; align-items: center; justify-content: space-between; gap: 2rem; margin-top: 2rem; padding-top: 1.65rem; padding-bottom: 1.65rem; border-radius: 1rem; background: var(--premium-ink); color: #fff; }.home-category-exit h2 { max-width: 26ch; margin: .25rem 0 0; font-size: clamp(1.5rem, 2.4vw, 2.2rem); line-height: 1; }.home-category-exit .store-eyebrow { color: #ff9f69; }.store-btn-dark { flex: 0 0 auto; border: 1px solid rgba(255,255,255,.14); background: #fff; color: var(--premium-ink); }.storefront-body.is-ready .home-promo-copy > *, .storefront-body.is-ready .home-promo-product { animation: premiumArrive .5s cubic-bezier(.2,.75,.2,1) both; }.storefront-body.is-ready .home-promo-product { animation-delay: .08s; }@media (max-width: 1120px) { .home-shopping-deck { grid-template-columns: repeat(2, minmax(0,1fr)); } .home-shopping-card { min-height: 21rem; } .home-promo-copy { width: 54%; } .home-promo-product { width: 48%; } }@media (max-width: 820px) { .market-home { background: linear-gradient(180deg, #fff 0, #fff 21rem, #f4f5f8 21rem, #f4f5f8 100%); } .home-promo { min-height: 19rem; border-radius: 1.15rem; } .home-promo-copy { width: 59%; padding-top: 1.8rem; padding-bottom: 4.2rem; } .home-promo-copy h1 { font-size: clamp(2.2rem, 7vw, 3.25rem); } .home-promo-copy > p:not(.store-eyebrow) { max-width: 25rem; font-size: .74rem; } .home-promo-product { width: 45%; } .home-promo-product-meta { right: .8rem; bottom: 3.8rem; min-width: 10rem; } .home-shopping-deck { margin-top: -2.4rem; } .home-category-exit { align-items: start; flex-direction: column; } }@media (max-width: 580px) { .market-home { padding-top: .55rem; background: linear-gradient(180deg, #fff 0, #fff 18rem, #f4f5f8 18rem, #f4f5f8 100%); } .home-promo { min-height: 20rem; padding-inline: 1.1rem; border-radius: 1rem; } .home-promo-copy { width: 69%; padding-top: 1.35rem; padding-bottom: 4rem; } .home-promo-copy h1 { max-width: 10ch; font-size: clamp(2rem, 10.6vw, 2.8rem); } .home-promo-copy > p:not(.store-eyebrow) { display: -webkit-box; max-width: 17rem; overflow: hidden; font-size: .66rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .home-promo-copy .store-btn { min-height: 2.55rem; padding-inline: .9rem; font-size: .65rem; } .home-promo-product { width: 45%; opacity: .82; } .home-promo-product::before { width: 60%; } .home-promo-product-meta { display: none; } .home-promo-count { left: 1.1rem; bottom: .8rem; } .home-shopping-deck { grid-template-columns: repeat(2, minmax(0,1fr)); gap: .55rem; margin-top: -1.6rem; padding-inline: .8rem; } .home-shopping-card { min-height: 13.5rem; padding: .7rem; border-radius: .8rem; } .home-shopping-card-head { min-height: 2.35rem; } .home-shopping-card h2 { font-size: .8rem; } .home-shopping-card-head > span { display: none; } .home-shopping-grid { gap: .4rem; } .home-shopping-grid > a:nth-child(n/**/+3) { display: none; } .home-shopping-grid > a > span { aspect-ratio: 1 / 1; border-radius: .5rem; } .home-shopping-grid strong { font-size: .49rem; } .home-shopping-more { padding-top: .55rem; font-size: .49rem; } .home-product-rail-section { margin-top: 1rem; padding-inline: .8rem; border-right: 0; border-left: 0; border-radius: 0; } .home-rail-heading .text-link { font-size: .55rem; } .home-product-rail { grid-auto-columns: 8.7rem; } .home-category-exit { width: calc(100% - 1.6rem); margin: 1rem .8rem 0; padding: 1.2rem; } .home-category-exit .store-btn { width: 100%; min-height: 2.8rem; } }.detail-category-link { display: inline-flex; align-items: center; gap: .4rem; }.detail-category-link span { transition: transform .18s ease; }.detail-category-link:hover span { transform: translateX(.18rem); }.detail-tags > a { position: relative; display: grid; min-width: 0; padding: .8rem .5rem; border-right: 1px solid var(--premium-line); color: var(--premium-ink); transition: background .18s ease, color .18s ease; }.detail-tags > a:last-child { border-right: 0; }.detail-tags > a:hover { background: #fff4f6; color: var(--premium-coral); }.detail-tags > a small { color: var(--premium-copy); font-size: .48rem; letter-spacing: .07em; text-transform: uppercase; }.detail-tags > a strong { display: flex; min-width: 0; align-items: center; justify-content: space-between; gap: .5rem; overflow: hidden; font-size: .67rem; text-overflow: ellipsis; white-space: nowrap; }.detail-tags > a strong b { color: var(--premium-coral); font-size: .62rem; }.product-kicker a { color: inherit; transition: color .18s ease; }.product-kicker a:hover { color: var(--premium-coral); }.product-seller a { display: inline-flex; min-width: 0; align-items: center; gap: .28rem; overflow: hidden; color: var(--premium-ink); font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }.product-seller a:hover { color: var(--premium-coral); }.product-seller a b { color: var(--premium-coral); font-size: .56rem; }.seller-storefront { padding: 1.15rem 0 clamp(5rem, 7vw, 7rem); background: linear-gradient(180deg, #fff 0, #fff 27rem, #f5f6f8 27rem, #f5f6f8 100%); }.seller-breadcrumbs { margin-bottom: .8rem; }.seller-store-hero { display: grid; min-height: 22rem; grid-template-columns: minmax(0, .9fr) minmax(25rem, 1.1fr); gap: clamp(2rem, 5vw, 5rem); align-items: stretch; overflow: hidden; border: 1px solid #eeeef2; border-radius: 1.5rem; background: radial-gradient(circle at 0 100%, rgba(255,79,109,.1), transparent 31%), #fff; box-shadow: 0 20px 55px rgba(35,32,42,.08); }.seller-store-identity { display: grid; align-content: center; grid-template-columns: auto minmax(0,1fr); gap: 1rem 1.2rem; padding-block: 2rem; }.seller-store-monogram { position: relative; display: grid; width: 4rem; height: 4rem; place-items: center; overflow: hidden; border-radius: 1.1rem; background: var(--premium-beam); color: #fff; font-family: var(--premium-display); font-size: 1.8rem; font-weight: 800; box-shadow: 0 14px 30px rgba(255,79,109,.24); }.seller-store-monogram::before { position: absolute; top: -.5rem; right: -.5rem; width: 1.7rem; height: 1.7rem; border-radius: 50%; background: rgba(255,255,255,.25); content: ""; }.seller-store-monogram i { position: absolute; right: .4rem; bottom: .4rem; width: .45rem; height: .45rem; border: 2px solid rgba(255,255,255,.88); border-radius: 50%; }.seller-store-identity .store-eyebrow { display: flex; align-items: center; gap: .38rem; margin-bottom: .5rem; }.seller-store-identity .store-eyebrow span { display: grid; width: 1rem; height: 1rem; place-items: center; border-radius: 50%; background: #dff5e9; color: #238458; font-size: .53rem; }.seller-store-identity h1 { max-width: 11ch; margin: 0; font-size: clamp(2.5rem, 4.2vw, 4.35rem); line-height: .9; }.seller-store-identity > div > p:last-child { max-width: 28rem; margin: .9rem 0 0; color: var(--premium-copy); font-size: .75rem; line-height: 1.65; }.seller-store-stats { display: flex; grid-column: 2; gap: 1.8rem; margin: .35rem 0 0; padding-top: 1rem; border-top: 1px solid var(--premium-line); }.seller-store-stats div { display: grid; }.seller-store-stats dt { color: #92909a; font-size: .48rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }.seller-store-stats dd { margin: .15rem 0 0; font-family: var(--premium-display); font-size: 1.4rem; font-weight: 700; }.seller-store-window { position: relative; min-height: 22rem; overflow: hidden; background: #ffe1d1; }.seller-store-window::after { position: absolute; z-index: 3; inset: 0 auto 0 0; width: 18%; background: linear-gradient(90deg, #fff, transparent); content: ""; pointer-events: none; }.seller-window-item { position: absolute; overflow: hidden; border: 4px solid rgba(255,255,255,.88); border-radius: 1rem; background: #fff; box-shadow: 0 18px 35px rgba(41,31,47,.16); transition: transform .3s cubic-bezier(.2,.75,.2,1); }.seller-window-item:hover { z-index: 4; transform: translateY(-.3rem) rotate(0); }.seller-window-item img { width: 100%; height: 100%; object-fit: cover; }.seller-window-item span { position: absolute; right: .4rem; bottom: .4rem; left: .4rem; overflow: hidden; padding: .45rem .55rem; border-radius: .5rem; background: rgba(255,255,255,.91); color: var(--premium-ink); font-size: .53rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; backdrop-filter: blur(8px); }.seller-window-item-1 { z-index: 2; top: 1.7rem; right: 16%; width: 44%; height: 78%; transform: rotate(2deg); }.seller-window-item-2 { top: 3.4rem; left: 4%; width: 32%; height: 54%; transform: rotate(-4deg); }.seller-window-item-3 { right: -5%; bottom: 1.3rem; width: 32%; height: 48%; transform: rotate(5deg); }.seller-window-label { position: absolute; z-index: 5; right: 1rem; bottom: .8rem; padding: .45rem .65rem; border-radius: 999px; background: var(--premium-plum); color: #fff; font-size: .48rem; font-weight: 800; text-transform: uppercase; }.seller-catalogue { margin-top: 2rem; padding-top: 1.7rem; padding-bottom: 2rem; border: 1px solid var(--premium-line); border-radius: 1.2rem; background: #fff; }.seller-catalogue-head { display: flex; align-items: end; justify-content: space-between; gap: 1rem; }.seller-catalogue-head .store-eyebrow { margin-bottom: .2rem; }.seller-catalogue-head h2 { margin: 0; font-size: clamp(2rem, 3.4vw, 3.2rem); }.seller-catalogue-head > strong { color: #8f8c96; font-size: .58rem; text-transform: uppercase; }.seller-category-tabs { display: flex; gap: .5rem; overflow-x: auto; margin: 1.3rem 0 1.6rem; padding-bottom: .25rem; scrollbar-width: thin; }.seller-category-tabs a { display: inline-flex; flex: 0 0 auto; align-items: center; gap: .5rem; min-height: 2.35rem; padding: .45rem .7rem .45rem .85rem; border: 1px solid var(--premium-line); border-radius: .7rem; color: var(--premium-ink); font-size: .58rem; font-weight: 800; transition: border-color .18s ease, background .18s ease, color .18s ease; }.seller-category-tabs a span { display: grid; min-width: 1.3rem; height: 1.3rem; place-items: center; border-radius: .4rem; background: #f0f1f4; color: #777580; font-size: .49rem; }.seller-category-tabs a:hover, .seller-category-tabs a[aria-current="page"] { border-color: var(--premium-ink); background: var(--premium-ink); color: #fff; }.seller-category-tabs a[aria-current="page"] span { background: var(--premium-coral); color: #fff; }.seller-catalogue .collection-count { display: none; }@media (max-width: 900px) { .seller-store-hero { min-height: 20rem; grid-template-columns: minmax(0,1fr) minmax(18rem,.85fr); gap: 1rem; } .seller-store-identity { padding-block: 1.5rem; } .seller-store-identity h1 { font-size: clamp(2.4rem, 6vw, 3.5rem); } .seller-store-window { min-height: 20rem; } }@media (max-width: 680px) { .detail-tags > a:last-child { grid-column: 1 / -1; border-top: 1px solid var(--premium-line); border-right: 0; } .seller-storefront { padding-top: .8rem; background: linear-gradient(180deg, #fff 0, #fff 33rem, #f5f6f8 33rem); } .seller-breadcrumbs { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .seller-store-hero { grid-template-columns: 1fr; gap: 0; padding-inline: 0; border-radius: 1rem; } .seller-store-identity { grid-template-columns: 3rem minmax(0,1fr); padding: 1.4rem; } .seller-store-monogram { width: 3rem; height: 3rem; border-radius: .85rem; font-size: 1.3rem; } .seller-store-identity h1 { font-size: clamp(2.25rem, 11vw, 3.2rem); } .seller-store-stats { grid-column: 1 / -1; } .seller-store-window { min-height: 14rem; } .seller-window-item span { display: none; } .seller-catalogue { margin-top: 1rem; padding-inline: .8rem; border-right: 0; border-left: 0; border-radius: 0; } .seller-catalogue-head > strong { display: none; } .seller-category-tabs { margin-inline: -.8rem; padding-inline: .8rem; } }.home-promo::before { display: none; }.home-promo-track { position: absolute; inset: 0; }.home-promo-slide { --hero-bridge: #ffe2db; position: absolute; inset: 0; overflow: hidden; opacity: 0; pointer-events: none; transform: translateX(1.2%); transition: opacity .38s ease, transform .48s cubic-bezier(.2,.75,.2,1); }.home-promo-slide::after { position: absolute; z-index: 0; top: -11rem; left: 35%; width: 25rem; height: 25rem; border: 1px solid rgba(255,255,255,.65); border-radius: 50%; box-shadow: 0 0 0 4rem rgba(255,255,255,.11), 0 0 0 8rem rgba(255,255,255,.06); content: ""; pointer-events: none; }.home-promo-slide.is-active { z-index: 2; opacity: 1; pointer-events: auto; transform: translateX(0); }.home-promo-slide.home-promo-tone-1 { --hero-bridge: #ffe2db; background: radial-gradient(circle at 30% 110%, rgba(255,255,255,.3), transparent 34%), linear-gradient(112deg, #ffedf1 0%, #ffdfd7 51%, #ffd5ad 100%); }.home-promo-slide.home-promo-tone-2 { --hero-bridge: #e9e3ff; background: radial-gradient(circle at 28% 100%, rgba(255,255,255,.32), transparent 35%), linear-gradient(112deg, #f4efff 0%, #e8e2ff 51%, #d8e9ff 100%); }.home-promo-slide.home-promo-tone-3 { --hero-bridge: #e0f1e5; background: radial-gradient(circle at 27% 110%, rgba(255,255,255,.34), transparent 36%), linear-gradient(112deg, #eef9f1 0%, #ddf0e3 51%, #ffedb7 100%); }.home-promo-slide.home-promo-tone-4 { --hero-bridge: #ffe6d7; background: radial-gradient(circle at 30% 110%, rgba(255,255,255,.3), transparent 34%), linear-gradient(112deg, #fff0e8 0%, #ffe4d4 51%, #f5dff1 100%); }.home-promo-slide .home-promo-copy { box-sizing: border-box; width: 49%; padding-right: 1rem; padding-left: clamp(2.8rem, 5.2vw, 5.4rem); }.home-promo-slide .home-promo-product::before { background: linear-gradient(90deg, var(--hero-bridge), transparent); }.home-promo-arrow { position: absolute; z-index: 8; top: calc(50% - 3.2rem); display: grid; width: 4.2rem; height: 6.4rem; place-items: center; border: 0; border-radius: .8rem; background: transparent; color: var(--premium-ink); cursor: pointer; transition: background .18s ease, transform .18s ease; }.home-promo-arrow:hover { background: rgba(255,255,255,.74); box-shadow: 0 10px 28px rgba(35,32,42,.1); backdrop-filter: blur(9px); }.home-promo-arrow:active { transform: scale(.96); }.home-promo-arrow svg { width: 1.25rem; height: 2.45rem; overflow: visible; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }.home-promo-arrow-prev { left: .25rem; }.home-promo-arrow-next { right: .25rem; }@media (max-width: 1120px) { .home-promo-slide .home-promo-copy { width: 54%; } }@media (max-width: 820px) { .home-promo-slide .home-promo-copy { width: 59%; padding-left: 3rem; } .home-promo-arrow { top: calc(50% - 2.5rem); width: 3rem; height: 5rem; } .home-promo-arrow svg { width: 1rem; height: 2rem; } }@media (max-width: 580px) { .home-promo-slide .home-promo-copy { width: 69%; padding-right: .4rem; padding-left: 2.1rem; } .home-promo-slide::after { left: 22%; width: 18rem; height: 18rem; } .home-promo-arrow { top: calc(50% - 2.25rem); width: 2.2rem; height: 4.5rem; border-radius: .55rem; } .home-promo-arrow-prev { left: 0; } .home-promo-arrow-next { right: 0; } .home-promo-arrow svg { width: .72rem; height: 1.6rem; stroke-width: 2; } }@media (prefers-reduced-motion: reduce) { .home-promo-slide, .home-promo-product > img, .home-promo-arrow { transition: none; } }.home-promo-slide .home-promo-product > img { box-sizing: border-box; object-fit: contain; object-position: center; padding: .35rem 2.75rem 3.25rem 4.25rem; }@media (max-width: 820px) { .home-promo-slide .home-promo-product > img { padding: .5rem 1.35rem 3rem 2.75rem; } }@media (max-width: 580px) { .home-promo-slide .home-promo-product > img { padding: .7rem .65rem 2.35rem 1.2rem; } }.home-promo-slide .home-promo-copy h1 { max-width: none; margin-bottom: .7rem; font-size: clamp(2.7rem, 3.7vw, 3.9rem); line-height: .94; }.home-promo-slide .home-promo-copy > p:not(.store-eyebrow) { max-width: 28rem; margin-bottom: 1rem; line-height: 1.55; }@media (max-width: 820px) { .home-promo-slide .home-promo-copy h1 { font-size: clamp(2.15rem, 6vw, 3rem); } }@media (max-width: 580px) { .home-promo-slide .home-promo-copy h1 { font-size: clamp(1.85rem, 9.2vw, 2.45rem); line-height: .95; } }.product-offer-badge { position: absolute; z-index: 4; top: .65rem; left: .65rem; padding: .35rem .55rem; border-radius: .45rem; background: var(--premium-beam); color: #fff; font-size: .5rem; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; box-shadow: 0 7px 18px rgba(255,79,109,.24); }.product-ribbon:has(~ .product-offer-badge) { top: 2.65rem; }.product-card-price { display: grid; flex: 0 0 auto; justify-items: end; line-height: 1.05; }.product-card-price del { margin-top: .22rem; color: #9a97a1; font-size: .52rem; font-weight: 600; }.detail-price-row { display: flex; align-items: baseline; gap: .65rem; margin-top: 1.15rem; }.detail-price-row .price.big { margin: 0; }.detail-price-row del { color: #96939d; font-size: .7rem; }.detail-price-row > span { color: #17835a; font-size: .68rem; font-weight: 800; }.offer-saving { margin: .2rem 0 0; color: #17835a; font-size: .62rem; font-weight: 700; }.home-promo-product-meta b { display: flex; align-items: baseline; gap: .4rem; }.home-promo-product-meta b del { color: #96939d; font-size: .55rem; font-weight: 600; }.home-pick-offer { margin-top: .15rem; color: #17835a; font-size: .49rem; font-weight: 800; }.home-pick-offer del { margin-right: .2rem; color: #9a97a1; font-weight: 600; }.drawer-unit-price del, .upsell-info del, .cart-line-copy del { color: #9996a0; }@media (max-width: 580px) { .product-offer-badge { top: .45rem; left: .45rem; padding: .28rem .4rem; font-size: .42rem; } .product-ribbon:has(~ .product-offer-badge) { top: 2.15rem; } .detail-price-row { flex-wrap: wrap; gap: .35rem .55rem; } }.home-sellers { margin-top: 2rem; padding-top: 1.4rem; padding-bottom: 1.5rem; border: 1px solid var(--premium-line); border-radius: 1.1rem; background: #fff; box-shadow: 0 14px 35px rgba(35,32,42,.055); }.home-seller-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .8rem; }.home-seller-card { display: grid; min-width: 0; padding: .8rem; border: 1px solid var(--premium-line); border-radius: .9rem; color: var(--premium-ink); transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease; }.home-seller-card:hover { border-color: rgba(255,79,109,.28); box-shadow: 0 14px 30px rgba(35,32,42,.09); transform: translateY(-3px); }.home-seller-card-head { display: grid; grid-template-columns: 2.2rem minmax(0,1fr) auto; gap: .6rem; align-items: center; }.home-seller-avatar, .seller-directory-avatar { position: relative; display: grid; place-items: center; border-radius: .65rem; background: var(--premium-beam); color: #fff; font-family: var(--premium-display); font-weight: 800; }.home-seller-avatar { width: 2.2rem; height: 2.2rem; font-size: 1rem; }.home-seller-avatar i, .seller-directory-avatar i { position: absolute; right: .2rem; bottom: .2rem; width: .38rem; height: .38rem; border: 2px solid #fff; border-radius: 50%; background: #2fb17d; }.home-seller-card-head > span:nth-child(2) { display: grid; min-width: 0; }.home-seller-card-head strong { overflow: hidden; font-size: .64rem; text-overflow: ellipsis; white-space: nowrap; }.home-seller-card-head small { margin-top: .15rem; color: #8f8c96; font-size: .45rem; }.home-seller-card-head > b { color: var(--premium-coral); font-size: .62rem; }.home-seller-shelf { display: grid; grid-template-columns: repeat(3,1fr); gap: .28rem; margin-top: .7rem; }.home-seller-shelf img { width: 100%; aspect-ratio: 1 / 1; border-radius: .48rem; object-fit: cover; background: #f0f1f4; }.home-seller-categories { margin-top: .55rem; overflow: hidden; color: #777580; font-size: .46rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }.home-exit-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 1rem; }.home-exit-actions > a:first-child { color: #fff; font-size: .62rem; font-weight: 800; }.home-exit-actions > a:first-child:hover { color: #ff9f69; }.seller-directory-page { padding-bottom: clamp(5rem,7vw,7rem); background: radial-gradient(circle at 9% 5%, rgba(255,79,109,.08), transparent 24rem), linear-gradient(180deg,#fff 0,#fff 6rem,#f5f6f8 6rem); }.seller-directory { padding-top: .75rem; padding-bottom: 2rem; }.seller-directory-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; margin-top: 1.5rem; }.seller-directory-card { display: grid; min-width: 0; overflow: hidden; padding: 1rem; border: 1px solid var(--premium-line); border-radius: 1rem; background: #fff; color: var(--premium-ink); box-shadow: 0 12px 30px rgba(35,32,42,.055); transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }.seller-directory-card:hover { border-color: rgba(255,79,109,.25); box-shadow: var(--premium-shadow); transform: translateY(-4px); }.seller-directory-card-head { display: grid; grid-template-columns: 3rem minmax(0,1fr) auto; align-items: center; gap: .75rem; }.seller-directory-avatar { width: 3rem; height: 3rem; font-size: 1.25rem; }.seller-directory-card-head > span:nth-child(2) { display: grid; min-width: 0; }.seller-directory-card-head small { color: #8a8792; font-size: .44rem; font-weight: 800; text-transform: uppercase; }.seller-directory-card-head small b { color: #23936a; }.seller-directory-card-head strong { margin-top: .18rem; overflow: hidden; font-size: .84rem; text-overflow: ellipsis; white-space: nowrap; }.seller-directory-card-head > b { color: var(--premium-coral); }.seller-directory-shelf { display: grid; grid-template-columns: 1.35fr 1fr 1fr; gap: .4rem; margin-top: .9rem; }.seller-directory-shelf img { width: 100%; height: 8.5rem; border-radius: .7rem; object-fit: cover; background: #f0f1f4; }.seller-directory-card-foot { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: end; gap: .8rem; margin-top: .8rem; padding-top: .7rem; border-top: 1px solid var(--premium-line); }.seller-directory-card-foot > span:first-child { display: grid; }.seller-directory-card-foot strong { font-size: .58rem; }.seller-directory-card-foot small { color: #92909a; font-size: .46rem; }.seller-directory-card-foot > span:last-child { overflow: hidden; color: #777580; font-size: .46rem; font-weight: 700; text-align: right; text-overflow: ellipsis; white-space: nowrap; }@media (max-width: 1050px) { .home-seller-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } .seller-directory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }@media (max-width: 700px) { .seller-directory-hero { min-height: 0; align-items: start; flex-direction: column; gap: 1.5rem; padding-top: 3rem; padding-bottom: 2rem; } .seller-directory-hero dl { width: 100%; padding: 1rem 0 0; border-top: 1px solid var(--premium-line); border-left: 0; } .seller-directory-grid { grid-template-columns: 1fr; } .home-exit-actions { width: 100%; align-items: start; flex-direction: column; } }@media (max-width: 580px) { .home-sellers { margin-top: 1rem; padding-inline: .8rem; border-right: 0; border-left: 0; border-radius: 0; } .home-seller-grid { gap: .55rem; } .home-seller-card { padding: .65rem; } .home-seller-card-head { grid-template-columns: 1.8rem minmax(0,1fr); gap: .45rem; } .home-seller-avatar { width: 1.8rem; height: 1.8rem; font-size: .8rem; } .home-seller-card-head > b, .home-seller-card-head small { display: none; } .home-seller-shelf { grid-template-columns: repeat(2,1fr); } .home-seller-shelf img:nth-child(3) { display: none; } .seller-directory-shelf img { height: 6.7rem; } }.logo-mark.brand-logo-mark { display: block; width: 3.15rem; height: 3.15rem; flex: 0 0 3.15rem; overflow: visible; border: 0; border-radius: 50%; background: transparent; box-shadow: 0 9px 24px rgba(134, 88, 12, .16); transform: none; }.logo-mark.brand-logo-mark::before, .logo-mark.brand-logo-mark::after, .logo-mark.brand-logo-mark i { display: none; }.brand-logo-mark img { display: block; width: 100%; height: 100%; object-fit: contain; }.footer-logo .logo-mark.brand-logo-mark { background: transparent; box-shadow: 0 8px 24px rgba(0, 0, 0, .22); }@media (max-width: 580px) { .logo-mark.brand-logo-mark { width: 2.65rem; height: 2.65rem; flex-basis: 2.65rem; } }.payment-split-note { margin: 0 0 1.25rem; padding: .75rem 1rem; border-radius: 12px; background: rgba(0, 0, 0, .04); font-size: .9rem; line-height: 1.5; }.payment-supplier-split { border: 1px solid rgba(0, 0, 0, .1); border-radius: 16px; padding: 1.25rem; margin-bottom: 1.5rem; }.payment-supplier-split + .payment-supplier-split { margin-top: 0; }.payment-supplier-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; margin-bottom: .75rem; }.payment-supplier-head h3 { margin: .15rem 0 0; font-size: 1.05rem; }.payment-supplier-amount { font-weight: 700; white-space: nowrap; }.payment-supplier-items { list-style: none; margin: 0 0 1rem; padding: 0 0 .75rem; border-bottom: 1px dashed rgba(0, 0, 0, .12); font-size: .88rem; }.payment-supplier-items li { display: flex; justify-content: space-between; gap: 1rem; padding: .2rem 0; }.pay-payee { display: block; opacity: .75; }.confirmation-grand-total { margin-top: 1rem; font-size: 1rem; }.logo-mark.brand-logo-mark { width: auto; height: 2.6rem; flex: 0 0 auto; aspect-ratio: 1024 / 599; border-radius: .5rem; box-shadow: none; }.logo-mark.brand-logo-mark img { object-fit: contain; }.logo.footer-logo .logo-mark.brand-logo-mark { height: 2.3rem; }:root { --kasavu-gold: #c9a227; --kasavu-pale: #f4e4b8; --malayalam: "Noto Sans Malayalam", "Manrope", sans-serif; }.kasavu-rule { height: 3px; background: linear-gradient( 90deg, var(--kasavu-gold) 0 20%, var(--kasavu-pale) 20% 24%, var(--kasavu-gold) 24% 76%, var(--kasavu-pale) 76% 80%, var(--kasavu-gold) 80% ); }.storefront-body .market-status .greeting { font-family: var(--malayalam); font-size: .72rem; font-weight: 600; letter-spacing: 0; line-height: 1; text-transform: none; }.announcement-inner > a .onam-tag { color: var(--kasavu-gold); font-weight: 800; }.footer-malayalam { margin: .55rem 0 0; color: var(--kasavu-gold); font-family: var(--malayalam); font-size: .92rem; font-weight: 600; line-height: 1.5; }.category-nav .dock-onam { color: var(--kasavu-gold); font-weight: 800; }.category-nav .dock-onam::before { display: inline-block; margin-right: .3rem; content: "◈"; font-size: .72em; vertical-align: .04em; }.empty-mark { display: block; width: 6.5rem; height: auto; margin: 0 auto .35rem; }.drawer-empty .empty-mark { width: 5.75rem; }.store-empty .empty-mark { width: 6rem; }.drawer-empty .empty-flower, .store-empty .empty-flower { display: none; }@media (prefers-reduced-motion: reduce) { .empty-mark { animation: none; } }.eyebrow-ml { margin-left: .5rem; padding-left: .55rem; border-left: 1px solid rgba(201, 162, 39, .5); color: var(--kasavu-gold); font-family: var(--malayalam); font-size: .78rem; font-weight: 600; letter-spacing: 0; text-transform: none; vertical-align: -.04em; }.kasavu-divider { height: 2px; margin-block: clamp(1.4rem, 3vw, 2.4rem); background: linear-gradient( 90deg, transparent 0 6%, var(--kasavu-gold) 6% 46%, var(--kasavu-pale) 46% 54%, var(--kasavu-gold) 54% 94%, transparent 94% ); opacity: .55; }.home-shopping-grid a > span { position: relative; }.home-shopping-grid a > span::after { position: absolute; z-index: 2; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3.5px rgba(201, 162, 39, .85); content: ""; pointer-events: none; }.promise-band span { font-variant-numeric: normal; }:root { --brand-green: #17324d; --brand-green-hover: #10263b; --kasavu-gold: #b58a52; --kathakali-red: #b85f4b; --warm-ivory: #f7f5f0; --paper-white: #fff; --charcoal: #20262d; --muted-olive: #69737c; --line-warm: #dedbd4; --premium-ink: var(--charcoal); --premium-copy: var(--muted-olive); --premium-cloud: var(--warm-ivory); --premium-white: var(--paper-white); --premium-line: var(--line-warm); --premium-coral: var(--kathakali-red); --premium-orange: var(--kasavu-gold); --premium-plum: var(--brand-green); --premium-mint: #e7ecef; --premium-beam: var(--brand-green); --forest: var(--brand-green); --forest-dark: var(--brand-green-hover); --leaf: var(--brand-green); --sage: #e3eee6; --sage-light: #f3f7f1; --paper: var(--warm-ivory); --cream: #f3ecdd; --ink: var(--charcoal); --muted: var(--muted-olive); --border: var(--line-warm); --display: "Outfit", sans-serif; --sans: "Manrope", sans-serif; }body.storefront-body { background: var(--warm-ivory); color: var(--charcoal); font-family: var(--sans); }.storefront-body h1, .storefront-body h2, .storefront-body h3 { font-family: var(--display); letter-spacing: -.045em; }.storefront-body :focus-visible { outline: 3px solid rgba(198,154,36,.72); outline-offset: 3px; }.store-eyebrow { color: var(--brand-green); font-family: var(--sans); font-size: .75rem; letter-spacing: .11em; }.text-link { color: var(--brand-green); font-size: .875rem; }.store-btn { min-height: 3rem; border-radius: .65rem; font-size: .875rem; }.header-search input { font-size: .9rem; }.header-search button { font-size: .8rem; }.header-icon-link, .cart-btn, .wishlist-btn, .account-menu summary{ font-size: .825rem; }.announcement-inner, .announcement-inner p { font-size: .75rem; }.announcement-bar { background: var(--brand-green); }.announcement-inner > a b { color: #dfe9e1; }.site-header { border-bottom: 1px solid var(--line-warm); background: rgba(255,255,255,.96); box-shadow: 0 8px 24px rgba(18,60,50,.06); }.logo-mark { background: var(--brand-green); box-shadow: 0 8px 20px rgba(18,60,50,.18); }.logo-mark::before { background: var(--kathakali-red); }.logo-mark i { background: var(--kasavu-gold); }.logo strong { font-size: 1.25rem; }.logo small { color: var(--muted-olive); font-size: .65rem; letter-spacing: .04em; }.header-search { border-color: var(--line-warm); background: #f7f4ed; }.header-search:focus-within { border-color: rgba(18,60,50,.44); box-shadow: 0 0 0 4px rgba(18,60,50,.08); }.header-search svg { stroke: var(--brand-green); }.header-search input { color: var(--charcoal); }.header-search button { background: var(--brand-green); }.header-search button:hover { background: var(--brand-green-hover); }.header-icon-link, .account-menu summary { color: var(--brand-green); }.header-icon-link:hover, .account-menu summary:hover { background: var(--sage-light); }.cart-btn, .wishlist-btn{ background: var(--brand-green); box-shadow: 0 8px 20px rgba(18,60,50,.18); }.cart-btn:hover, .wishlist-btn:hover{ background: var(--brand-green-hover); box-shadow: 0 11px 24px rgba(18,60,50,.24); }.cart-btn .badge, .wishlist-btn .badge{ background: #e3eee6; color: var(--brand-green-hover); }.category-nav { position: relative; border-top: 1px solid var(--line-warm); background: var(--paper-white); }.category-nav > div { min-height: 3.1rem; gap: clamp(1.25rem, 2.8vw, 2.8rem); }.category-nav > div > * { white-space: nowrap; }.category-nav a { color: var(--muted-olive); font-size: .875rem; font-weight: 700; }.category-nav a::after { right: 0; bottom: -.05rem; left: 0; height: 3px; background: var(--brand-green); }.category-nav a:hover, .category-nav a[aria-current="page"] { color: var(--brand-green); }.category-nav a[aria-current="page"]::after { opacity: 1; transform: scaleX(1); }.category-nav .dock-label, .category-nav .dock-blog, .category-nav .dock-all { margin: 0; border: 0; background: transparent; color: var(--muted-olive); padding: .38rem .7rem; text-transform: none; }.category-nav .dock-label[aria-current="page"], .category-nav .dock-blog[aria-current="page"], .category-nav .dock-all[aria-current="page"], .category-nav .dock-sellers[aria-current="page"] { background: var(--brand-green); color: #fff; border-radius: .45rem; }.category-nav .dock-label[aria-current="page"]::after, .category-nav .dock-blog[aria-current="page"]::after, .category-nav .dock-all[aria-current="page"]::after, .category-nav .dock-sellers[aria-current="page"]::after { display: none; }.dock-menu summary { color: var(--muted-olive); font-size: .875rem; font-weight: 700; padding: .38rem .7rem; }.dock-menu summary:hover { color: var(--brand-green); }.dock-menu summary b { color: inherit; font-weight: 700; }.dock-popover a { color: var(--muted-olive); font-size: .8rem; }.dock-popover a:hover, .dock-popover a[aria-current="page"] { background: #f7f4ed; color: var(--brand-green); }.quick-occasions a { min-height: 2.5rem; padding: .58rem .9rem; color: var(--muted-olive); font-size: .825rem; }.quick-occasions a:hover, .quick-occasions a[aria-current="page"] { background: var(--brand-green); }.shop-filter input, .shop-filter select, .price-filter summary { min-height: 3rem; border-color: var(--line-warm); border-radius: .6rem; background: var(--paper-white); font-size: .875rem; }.filter-reset { font-size: .825rem; }.collection-count { font-size: .8rem; }.product-grid { gap: 2.2rem 1.25rem; }.product-card-media { border-radius: .75rem; background: #eee8dc; }.product-ribbon, .product-offer-badge { font-size: .75rem; }.product-body { padding-top: .9rem; }.product-kicker { color: var(--brand-green); font-size: .75rem; letter-spacing: .04em; }.product-title-row h3 { font-family: var(--sans); font-size: 1rem; letter-spacing: -.02em; }.price, .product-card-price { font-size: .95rem; }.product-seller { color: var(--muted-olive); font-size: .75rem; }.quick-add { min-height: 2.75rem; border-radius: .55rem; background: var(--brand-green); font-size: .8rem; }.quick-add:hover { background: var(--brand-green-hover); }.wish-btn { width: 2.75rem; height: 2.75rem; color: var(--brand-green); }.wish-btn.saved { background: var(--kathakali-red); }.market-home { background: linear-gradient(180deg, #fff 0, #fff 23rem, var(--warm-ivory) 23rem, var(--warm-ivory) 100%); }.home-promo { box-shadow: 0 18px 46px rgba(18,60,50,.1); }.home-promo-copy .store-eyebrow { color: var(--brand-green); }.home-promo-copy .store-btn { background: var(--brand-green); }.home-promo-copy .store-btn:hover { background: var(--brand-green-hover); }.home-shopping-card { border-color: var(--line-warm); background: var(--paper-white); }.home-shopping-card-head h2 { font-size: 1.25rem; }.home-shopping-card-head > span, .home-shopping-more { font-size: .75rem; }.home-shopping-grid strong { font-size: .8rem; }.home-shopping-more { color: var(--brand-green); }.home-shopping-more span { color: var(--brand-green); }.home-rail-heading h2, .home-sellers h2 { font-size: clamp(2rem, 3.4vw, 3rem); }.promise-band span { color: #e3eee6; }.footer-links a, .footer-note p { font-size: .875rem; }.navarasam { --nv-sunk: var(--warm-ivory); --nv-line: var(--line-warm); }.nv-stage { padding-top: clamp(2rem, 4vw, 4rem); }.nv-stage-grid { grid-template-columns: minmax(0, 1fr) minmax(23rem, 32rem); gap: clamp(2rem, 6vw, 6rem); }.nv-eyebrow { color: var(--brand-green); font-size: .75rem; letter-spacing: .14em; }.navarasam h1 { max-width: 11ch; font-size: clamp(3rem, 6vw, 5rem); line-height: .92; }.nv-sub { max-width: 36ch; color: var(--muted-olive); font-size: 1.05rem; line-height: 1.65; }.nv-cta { background: var(--brand-green); }.nv-cta:hover { background: var(--brand-green-hover); }.nv-face { filter: none; cursor: default; }.nv-logo-lockup { display: grid; place-items: center; min-height: 18rem; padding: 2rem; border: 1px solid var(--line-warm); border-radius: 1.25rem; background: rgba(255,255,255,.6); }.nv-logo-lockup img { display: block; width: min(100%, 19rem); height: auto; }.nv-rail-wrap { padding-block: 1.5rem 2.25rem; background: var(--warm-ivory); }.nv-rasa { min-width: 8.2rem; min-height: 4.2rem; border-color: var(--line-warm); border-radius: .55rem; }.nv-rasa-ml { font-size: 1rem; }.nv-rasa-en { font-size: .75rem; letter-spacing: .06em; }.nv-rasa[aria-selected="true"] { border-color: var(--kasavu-gold); box-shadow: inset 0 0 0 2px var(--kasavu-gold); }.nv-rasa[aria-selected="true"] .nv-rasa-en { color: var(--brand-green); }.nv-hint { font-size: .8rem; }.nv-panel-head h2 { font-size: clamp(1.8rem, 3vw, 2.5rem); }.nv-card-kicker { font-size: .7rem; }.nv-card-body h3, .nv-price { font-size: .95rem; }.nv-stage { padding-block: 1.25rem; }.nv-stage-grid { height: 22rem; min-height: 0; align-items: center; }.nv-face { width: min(100%, 21rem); justify-self: end; }.nv-logo-lockup { width: min(100%, 21rem); height: 18rem; min-height: 0; box-sizing: border-box; overflow: hidden; }.kasavu-rule, .kasavu-divider { display: none; }.market-home { padding-top: .7rem; background: linear-gradient(180deg, #fff 0, #fff 18rem, var(--warm-ivory) 18rem, var(--warm-ivory) 100%); }.home-promo { min-height: 17rem; border-radius: 1.15rem; }.home-promo-slide .home-promo-copy { padding-top: 1.65rem; padding-bottom: 3.25rem; }.home-promo-slide .home-promo-copy h1 { font-size: clamp(2.35rem, 3.4vw, 3.55rem); }.home-promo-slide .home-promo-copy .store-eyebrow { margin-bottom: .45rem; }.home-promo-slide .home-promo-copy .store-btn { min-height: 2.7rem; }.home-promo-slide .home-promo-product > img { padding-bottom: 2.4rem; }.home-promo-product-meta { right: 1rem; bottom: 2.7rem; }.home-shopping-deck { margin-top: -1.75rem; }.home-shopping-card { min-height: 18.5rem; box-shadow: 0 10px 26px rgba(18,60,50,.075); }.home-product-rail-section { margin-top: 1.25rem; }@media (max-width: 820px) { .category-nav { display: none; } .header-search input { font-size: .875rem; } .mobile-app-nav a, .mobile-app-nav button { font-size: .75rem; } .navarasam h1 { max-width: none; font-size: clamp(2.7rem, 12vw, 4.3rem); } .nv-face { width: min(100%, 22rem); } .nv-stage-grid { gap: 1.8rem; } .nv-stage-grid { height: 19rem; min-height: 0; } .nv-face { width: min(100%, 18rem); } .product-grid { gap: 1.5rem .7rem; } .product-title-row h3 { font-size: .95rem; } .product-seller, .product-kicker { font-size: .75rem; } .market-home { background: linear-gradient(180deg, #fff 0, #fff 16.5rem, var(--warm-ivory) 16.5rem, var(--warm-ivory) 100%); } .home-promo { min-height: 15.75rem; } .home-promo-slide .home-promo-copy { padding-top: 1.35rem; padding-bottom: 2.8rem; } .home-promo-slide .home-promo-copy h1 { font-size: clamp(2.05rem, 5.5vw, 2.75rem); } .home-shopping-deck { margin-top: -1.25rem; } .home-shopping-card { min-height: 17rem; } }@media (max-width: 560px) { .page-shell { padding-inline: 1rem; } .logo strong { font-size: 1.1rem; } .logo small { display: none; } .header-actions { gap: 0; } .header-icon-link, .cart-btn, .wishlist-btn, .account-menu summary{ min-height: 2.75rem; } .home-shopping-card h2 { font-size: 1rem; } .home-shopping-grid strong, .home-shopping-more { font-size: .72rem; } .product-grid, .related-section .product-grid { gap: 1.3rem .65rem; } .product-body { min-height: 6.8rem; } .product-title-row h3 { font-size: .9rem; } .product-seller, .product-kicker { font-size: .72rem; } .quick-add { min-height: 2.75rem; } .nv-rasa { min-width: 7.8rem; } .market-home { background: linear-gradient(180deg, #fff 0, #fff 14.5rem, var(--warm-ivory) 14.5rem, var(--warm-ivory) 100%); } .home-promo { min-height: 15.25rem; } .home-promo-slide .home-promo-copy { width: 70%; padding-top: 1.1rem; padding-bottom: 2.5rem; } .home-promo-slide .home-promo-copy h1 { font-size: clamp(1.8rem, 8.2vw, 2.35rem); } .home-promo-slide .home-promo-copy .store-eyebrow { font-size: .66rem; } .home-promo-slide .home-promo-copy .store-btn { min-height: 2.45rem; padding-inline: .8rem; font-size: .75rem; } .home-promo-slide .home-promo-product > img { padding: .55rem .55rem 1.7rem 1rem; } .home-shopping-deck { margin-top: -.85rem; } .home-shopping-card { min-height: 13rem; } }@media (prefers-reduced-motion: reduce) { .market-status i { animation: none; } }.market-home { background: linear-gradient(180deg, #fff 0, #fff 18rem, var(--warm-ivory) 18rem, var(--warm-ivory) 100%); }.home-promo-slide.home-promo-tone-1 { --hero-bridge: #d8e1e8; background: linear-gradient(112deg, #f1f4f6 0%, #e7edf1 51%, #dfe7ec 100%); }.home-promo-slide.home-promo-tone-2 { --hero-bridge: #ded8cc; background: linear-gradient(112deg, #f5f3ee 0%, #eeeae2 51%, #e5dfd4 100%); }.home-promo-slide.home-promo-tone-3 { --hero-bridge: #d8e2dd; background: linear-gradient(112deg, #f0f4f1 0%, #e7eee9 51%, #dfe9e2 100%); }.home-promo-slide.home-promo-tone-4 { --hero-bridge: #e2d7d1; background: linear-gradient(112deg, #f5f1ef 0%, #eee7e3 51%, #e6ddd8 100%); }.home-promo-copy h1 em { color: var(--kathakali-red); }.home-promo-product::before { background: linear-gradient(90deg, var(--hero-bridge), transparent); }.promise-band { background: var(--brand-green); }.site-footer { background: var(--brand-green-hover); }@media (max-width: 820px) { .market-home { background: linear-gradient(180deg, #fff 0, #fff 16.5rem, var(--warm-ivory) 16.5rem, var(--warm-ivory) 100%); } }@media (max-width: 560px) { .market-home { background: linear-gradient(180deg, #fff 0, #fff 14.5rem, var(--warm-ivory) 14.5rem, var(--warm-ivory) 100%); } }.nv-stage { padding-block: .5rem; }.nv-stage-grid { height: min(18rem, 42vh); min-height: 0; grid-template-columns: minmax(0, 1fr) minmax(16rem, 22rem); gap: 2rem; }.navarasam h1 { font-size: clamp(2.6rem, 4.5vw, 4.4rem); }.nv-logo-lockup { width: min(100%, 18rem); height: min(14rem, 36vh); padding: 1rem; }.nv-logo-lockup img { width: min(100%, 15rem); }.nv-rail-wrap { padding-block: .75rem 1rem; }.nv-hint { margin-top: .55rem; }@media (max-width: 820px) { .nv-stage-grid { height: auto; min-height: 0; grid-template-columns: 1fr; } .nv-logo-lockup { height: 11rem; margin-inline: auto; } }.wishlist-btn { text-decoration: none; }.wishlist-btn:visited { color: #fff; }.wishlist-btn[aria-current="page"] { box-shadow: 0 0 0 2px rgba(255,255,255,.55) inset; }.wishlist-btn .badge:empty { display: none; }.quick-add b { font-size: .95rem; line-height: 1; }.deal-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem .75rem; margin-top: 1.15rem; }.deal-action { display: inline-flex; align-items: center; gap: .5rem; padding: .72rem 1.25rem; border: 1px solid transparent; border-radius: 999px; font-family: var(--sans); font-size: .92rem; font-weight: 700; letter-spacing: -.01em; text-decoration: none; white-space: nowrap; transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease; }a.deal-action-online { background: #a87c46; border-color: #a87c46; color: #fff; box-shadow: 0 6px 16px rgba(168, 124, 70, .28); }a.deal-action-online:hover { background: #8f6a3d; border-color: #8f6a3d; box-shadow: 0 9px 22px rgba(168, 124, 70, .4); transform: translateY(-1px); }a.deal-action-local, .deal-action-local.is-static { background: transparent; border-color: var(--line-warm); color: var(--charcoal); }a.deal-action-local:hover { border-color: var(--brand-green); background: var(--paper-white); transform: translateY(-1px); }.deal-action-local.is-static { color: var(--muted-olive); }.deal-action:focus-visible { outline: 2px solid var(--brand-green); outline-offset: 3px; }.deal-action-icon { font-size: 1rem; line-height: 1; transition: transform .18s ease; }a.deal-action-online:hover .deal-action-icon { transform: translate(2px, -2px); }a.deal-action-local:hover .deal-action-icon { transform: none; }.deal-actions-note { width: 100%; margin: 0; color: var(--muted-olive); font-size: .76rem; }a.deal-action-online::after { content: "›"; padding-left: .35rem; font-size: 1.35rem; line-height: 1; transition: transform .18s ease; }a.deal-action-online:hover { background: var(--brand-green-hover); border-color: var(--brand-green-hover); box-shadow: 0 10px 24px rgba(18, 60, 50, .3); transform: translateY(-1px); }a.deal-action-online:hover::after { transform: translateX(3px); }a.deal-action-local { border-color: var(--kasavu-gold); background: var(--paper-white); }a.deal-action-local:hover { border-color: var(--kasavu-gold); background: #fdf8f0; box-shadow: 0 8px 20px rgba(181, 138, 82, .18); transform: translateY(-1px); }a.deal-action:focus-visible { outline: 2px solid var(--brand-green); outline-offset: 2px; }.deal-action.is-static { background: var(--warm-ivory); }.deal-action-icon { display: grid; flex: none; width: 2.1rem; height: 2.1rem; place-items: center; border-radius: .55rem; background: var(--brand-green); color: #fff; font-size: 1rem; line-height: 1; }.deal-action-local .deal-action-icon { background: var(--kasavu-gold); }.deal-action-text { display: grid; gap: .1rem; min-width: 0; }.deal-action-text strong { overflow: hidden; font-size: .9rem; text-overflow: ellipsis; white-space: nowrap; }.deal-action-text small { color: var(--muted-olive); font-size: .72rem; }.deal-tags { display: flex; flex-wrap: wrap; gap: .3rem; margin-top: .35rem; }.deal-tag { display: inline-flex; align-items: center; gap: .25rem; max-width: 100%; padding: .16rem .42rem; border-radius: .4rem; background: var(--warm-ivory); color: var(--muted-olive); font-size: .62rem; font-weight: 700; line-height: 1.5; }.deal-tag b { color: var(--brand-green); font-size: .7rem; }.deal-tag-local { min-width: 0; }.deal-tag-local b { color: var(--kasavu-gold); }.deal-tag-local { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }@media (prefers-reduced-motion: reduce) { .deal-action, a.deal-action:hover { transition: none; transform: none; } }.product-featured-badge { position: absolute; top: .65rem; left: .65rem; display: inline-flex; align-items: center; gap: .22rem; padding: .2rem .45rem; border-radius: .4rem; background: var(--kasavu-gold); color: #fff; font-size: .6rem; font-weight: 800; letter-spacing: .02em; box-shadow: 0 4px 12px rgba(181, 138, 82, .3); }.product-featured-badge b { font-size: .7rem; line-height: 1; }.seller-featured { position: relative; display: grid; gap: 1.1rem; margin-bottom: 1.4rem; padding: 1rem; border: 1px solid var(--kasavu-gold); border-radius: .9rem; background: linear-gradient(180deg, rgba(181, 138, 82, .07), transparent 60%), var(--paper-white); }@media (min-width: 46rem) { .seller-featured { grid-template-columns: minmax(0, 15rem) 1fr; align-items: center; } }.seller-featured-media { display: block; overflow: hidden; border-radius: .7rem; aspect-ratio: 4 / 3; }.seller-featured-media img { width: 100%; height: 100%; object-fit: cover; }.seller-featured-body { display: grid; gap: .45rem; min-width: 0; }.seller-featured-body h3 { margin: 0; font-size: 1.15rem; }.seller-featured-body h3 a { color: var(--charcoal); text-decoration: none; }.seller-featured-body h3 a:hover { text-decoration: underline; }.seller-featured .store-eyebrow span { color: var(--kasavu-gold); }.seller-featured-copy { display: -webkit-box; overflow: hidden; margin: 0; color: var(--muted-olive); font-size: .82rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.seller-featured-foot { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem; margin-top: .2rem; }.seller-featured .wish-btn { top: .8rem; right: .8rem; }.feature-slot-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; padding: .55rem .7rem; border-top: 1px solid var(--line-warm); background: var(--warm-ivory); }.feature-slot-state { color: var(--muted-olive); font-size: .68rem; font-weight: 700; }.feature-slot-state.is-on { color: var(--charcoal); }.feature-slot-state b { color: var(--kasavu-gold); }.feature-slot-btn { padding: .38rem .7rem; border: 1px solid var(--line-warm); border-radius: .45rem; background: var(--paper-white); color: var(--charcoal); font-size: .68rem; font-weight: 700; cursor: pointer; }.feature-slot-btn:hover { border-color: var(--kasavu-gold); }.feature-slot-btn.is-primary { border-color: var(--kasavu-gold); background: var(--kasavu-gold); color: #fff; }.feature-slot-btn.is-primary:hover { filter: brightness(.94); }.feature-slot-btn:focus-visible { outline: 2px solid var(--brand-green); outline-offset: 2px; }.featured-pill { position: absolute; top: .55rem; left: .55rem; padding: .18rem .45rem; border-radius: .4rem; background: var(--kasavu-gold); color: #fff; font-size: .62rem; font-weight: 800; }.feature-slot-note { display: flex; align-items: flex-start; gap: .7rem; margin-bottom: 1rem; padding: .8rem .9rem; border: 1px solid var(--kasavu-gold); border-radius: .7rem; background: rgba(181, 138, 82, .08); }.feature-slot-note > span { color: var(--kasavu-gold); font-size: 1.05rem; line-height: 1.2; }.feature-slot-note p { margin: 0; color: var(--charcoal); font-size: .78rem; line-height: 1.5; }.blog-page { padding-top: clamp(1.5rem, 4vw, 2.75rem); padding-bottom: clamp(3rem, 7vw, 6rem); }.blog-grid { display: grid; gap: clamp(1rem, 2.2vw, 1.75rem); grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr)); }.blog-card { display: flex; flex-direction: column; overflow: hidden; background: var(--paper-white); border: 1px solid var(--line-warm); border-radius: .9rem; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }.blog-card:hover { transform: translateY(-3px); border-color: var(--kasavu-gold); box-shadow: 0 14px 30px -18px rgba(32, 38, 45, .45); }.blog-card-media { position: relative; display: block; aspect-ratio: 16 / 10; padding: .5rem; background: var(--warm-ivory); }.blog-card-media img { width: 100%; height: 100%; object-fit: contain; display: block; }.blog-card-media b { position: absolute; right: .6rem; bottom: .6rem; padding: .2rem .5rem; border-radius: 999px; background: rgba(32, 38, 45, .82); color: #fff; font-size: .7rem; font-weight: 700; }.blog-card-body { display: flex; flex-direction: column; gap: .45rem; padding: 1.1rem 1.15rem 1.25rem; }.blog-card-body small { color: var(--muted-olive); font-size: .74rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }.blog-card-body strong { font-family: var(--display); font-size: 1.12rem; font-weight: 700; line-height: 1.25; color: var(--charcoal); }.blog-card-body p { margin: 0; color: var(--muted-olive); font-size: .9rem; line-height: 1.5; }.blog-card-body em { margin-top: .35rem; color: var(--brand-green); font-size: .82rem; font-weight: 700; font-style: normal; }.blog-card.is-textual .blog-card-body { padding-top: 1.4rem; border-top: 3px solid var(--kathakali-red); }.blog-empty { padding: clamp(2.5rem, 6vw, 4rem); border: 1px dashed var(--line-warm); border-radius: .9rem; background: var(--paper-white); text-align: center; }.blog-empty strong { display: block; margin-bottom: .4rem; font-family: var(--display); font-size: 1.2rem; }.blog-empty p { margin: 0 0 1rem; color: var(--muted-olive); }.blog-article { max-width: 52rem; margin-inline: auto; padding: clamp(1.75rem, 4vw, 3rem) 0 clamp(3rem, 7vw, 5rem); }.blog-draft-flag { margin: 0 0 1.25rem; padding: .6rem .9rem; border-left: 3px solid var(--kathakali-red); background: #fdf1ee; color: var(--kathakali-red); font-size: .85rem; font-weight: 700; }.blog-back { display: inline-block; margin-bottom: 1.25rem; font-size: .85rem; font-weight: 700; }.blog-article-head { margin-bottom: clamp(1.5rem, 3vw, 2.25rem); }.blog-article-head h1 { margin: 0 0 .6rem; font-family: var(--display); font-size: clamp(1.85rem, 4.4vw, 2.9rem); font-weight: 700; line-height: 1.12; letter-spacing: -.02em; color: var(--charcoal); }.blog-article-meta { margin: 0 0 1rem; color: var(--muted-olive); font-size: .8rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }.blog-article-summary { margin: 0; color: var(--charcoal); font-size: clamp(1.02rem, 1.5vw, 1.18rem); line-height: 1.55; font-weight: 500; }.blog-figure { margin: clamp(1.5rem, 3vw, 2.25rem) auto; padding: 0; max-width: 100%; text-align: center; }.blog-figure img { display: block; width: auto; max-width: 100%; max-height: 70vh; margin: 0 auto; border: 1px solid var(--line-warm); border-radius: .75rem; background: var(--paper-white); }.blog-gallery { margin: clamp(1.5rem, 3vw, 2.25rem) 0 0; }.blog-article-body { max-width: 100%; }.blog-article-body p { max-width: 68ch; margin: 0 auto 1.15rem; color: var(--charcoal); font-size: clamp(1rem, 1.35vw, 1.08rem); line-height: 1.72; }.blog-article-foot { margin-top: clamp(2rem, 4vw, 3rem); padding-top: 1.5rem; border-top: 1px solid var(--line-warm); }.blog-article-foot p { margin: 0 0 .5rem; color: var(--muted-olive); font-size: .92rem; }.blog-article-foot strong { color: var(--charcoal); }.blog-more { margin-top: clamp(2.5rem, 5vw, 4rem); }.blog-more h2 { margin: 0 0 1.1rem; font-family: var(--display); font-size: 1.3rem; font-weight: 700; }.blog-more-grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); }.blog-more-card { display: flex; gap: .8rem; align-items: center; padding: .7rem; background: var(--paper-white); border: 1px solid var(--line-warm); border-radius: .7rem; }.blog-more-card:hover { border-color: var(--kasavu-gold); }.blog-more-card img { width: 4rem; height: 4rem; object-fit: contain; background: var(--warm-ivory); border-radius: .5rem; flex: none; }.blog-more-card span { display: flex; flex-direction: column; gap: .2rem; min-width: 0; }.blog-more-card small { color: var(--muted-olive); font-size: .72rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }.blog-more-card strong { font-size: .92rem; font-weight: 700; line-height: 1.3; }.account-page { padding-top: clamp(1rem, 2.5vw, 1.5rem); }.simple-page-head { padding-top: clamp(1.5rem, 3.5vw, 2.5rem); padding-bottom: clamp(1rem, 2vw, 1.5rem); }.simple-page-head h1 { margin: .3rem 0 .4rem; font-size: clamp(1.9rem, 4vw, 2.9rem); line-height: 1.08; }.simple-page-head > p:last-child { font-size: .95rem; }.account-head { padding-bottom: clamp(1rem, 2vw, 1.5rem); }@media (max-width: 560px) { .account-page { padding-top: 1rem; } .simple-page-head { padding-top: clamp(1.25rem, 4vw, 1.75rem); } }.deal-countdown { display: inline-flex; align-items: center; gap: .35rem; margin: .5rem 0 0; color: var(--muted-olive); font-size: .82rem; font-weight: 700; }.deal-countdown.is-urgent { color: var(--kathakali-red); }.deal-countdown span { font-size: .9em; }.product-deal-countdown { display: inline-block; margin-left: .35rem; padding: .12rem .45rem; border: 1px solid var(--line-warm); border-radius: 999px; color: var(--muted-olive); font-size: .68rem; font-weight: 700; white-space: nowrap; }.product-deal-countdown.is-urgent { border-color: var(--kathakali-red); color: var(--kathakali-red); }.skip-link { position: fixed; top: -5rem; left: 1rem; z-index: 1000; padding: .8rem 1rem; background: #fff; color: #17324d; }.skip-link:focus { top: 1rem; }.home-introduction { display: grid; grid-template-columns: 1.2fr 1fr; align-items: center; gap: 3rem; padding-block: 2.5rem; }.home-introduction h1 { margin: .6rem 0 1rem; font-size: clamp(2.3rem, 4.2vw, 4rem); line-height: 1.05; }.home-introduction h1 span { color: var(--brand-green); }.home-introduction p:not(.store-eyebrow) { max-width: 53ch; color: #505b66; line-height: 1.7; }.home-search-panel { padding: 1.6rem; border-block: 4px double var(--kasavu-gold); background: white; }.home-search-panel > label { display: block; font: 600 1.35rem var(--display); margin-bottom: 1rem; }.home-search-panel form { display: grid; gap: .7rem; }.home-search-panel input { width: 100%; min-width: 0; padding: .9rem; border: 1px solid var(--line-warm); border-radius: .4rem; font: inherit; }.home-search-panel > a { display: inline-block; margin: 1rem 1rem 0 0; font-size: .85rem; color: var(--brand-green); text-decoration: underline; text-underline-offset: .2em; }.market-home .home-shopping-deck { margin-top: 0; margin-bottom: 2rem; }.home-promo-copy h2 { font-size: clamp(1.8rem, 3.2vw, 3rem); line-height: 1.06; margin: .5rem 0 1rem; }.home-promo-copy h2 em { font-style: normal; color: #a4513e; }.home-promo { position: relative; margin-bottom: 2rem; }.carousel-pause { position: absolute; right: 1rem; top: .8rem; z-index: 5; border: 1px solid #17324d; border-radius: .4rem; background: white; color: #17324d; min-width: 4rem; min-height: 44px; font: 700 .8rem var(--sans); cursor: pointer; }.how-it-works { padding-block: 3rem; }.how-it-works h2 { font-size: clamp(1.8rem, 3vw, 2.6rem); margin-block: .6rem 1.5rem; }.how-it-works ol { display: grid; grid-template-columns: repeat(3,1fr); padding-left: 1.5rem; gap: 2rem; }.how-it-works li::marker { color: var(--kasavu-gold); font-weight: 800; }.how-it-works strong { font-size: 1.1rem; }.how-it-works p { line-height: 1.65; color: #505b66; }.how-it-works a { text-decoration: underline; }.catalogue-intro { padding-block: 1.5rem 1rem; }.catalogue-intro h1 { margin: .5rem 0; font-size: clamp(2rem, 3.5vw, 3rem); overflow-wrap: anywhere; }.catalogue-intro > p:last-child { color: #505b66; }.discovery-filters { display: grid; grid-template-columns: 1.4fr .8fr .8fr 1fr 1.2fr auto; align-items: end; gap: .75rem; padding: 1.1rem; border: 1px solid var(--line-warm); background: white; border-radius: .7rem; }.discovery-filters label, .report-deal label { display: grid; gap: .45rem; color: var(--brand-green); font-size: .85rem; font-weight: 700; min-width: 0; }.discovery-filters input, .discovery-filters select, .report-deal input, .report-deal select, .report-deal textarea { width: 100%; min-width: 0; min-height: 44px; border: 1px solid #bfc5c9; border-radius: .4rem; background: white; color: #20262d; padding: .6rem; font: inherit; box-sizing: border-box; }.active-filters { display: flex; flex-wrap: wrap; gap: .5rem; margin-block: 1rem; }.active-filters a { display: inline-flex; align-items: center; gap: .7rem; min-height: 44px; padding: .4rem .7rem; border: 1px solid var(--line-warm); border-radius: .4rem; font-size: .85rem; }.active-filters span { font-size: 1.25rem; }.secondary-deal-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-block: 1.4rem .7rem; }.secondary-deal-actions button { flex: 1; }.offer-conditions { margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid var(--line-warm); }.offer-conditions h2 { font-size: 1.1rem; }.offer-conditions p { white-space: pre-line; line-height: 1.6; }.checked-note, .guest-save-note { color: #505b66; font-size: .85rem; line-height: 1.6; }.guest-save-note a { text-decoration: underline; }.report-deal { border-top: 1px solid var(--line-warm); margin-top: 1rem; padding-top: .5rem; }.report-deal summary { min-height: 44px; display: list-item; align-content: center; cursor: pointer; font-size: .9rem; }.report-deal form { display: grid; gap: 1rem; margin-block: 1rem; }.deal-actions-note { overflow-wrap: anywhere; line-height: 1.6; }.information-page { max-width: 850px; padding-block: 2.5rem 4rem; }.information-page h1 { font-size: clamp(2.5rem,5vw,4rem); margin-block: .7rem 1.5rem; }.information-page h2 { margin-top: 2rem; font-size: 1.4rem; }.information-page p { line-height: 1.8; color: #505b66; }.information-page a:not(.store-btn) { text-decoration: underline; color: #17324d; }.notice { padding: 1rem; background: #e7ecef; border-left: 3px solid var(--kasavu-gold); line-height: 1.6; }.notice a { text-decoration: underline; }.footer-note > a { display: block; color: #fff; padding-block: .4rem; }.site-status { position: fixed; z-index: 100; bottom: 1.2rem; left: 50%; transform: translateX(-50%); width: max-content; max-width: min(90vw, 36rem); padding: 1rem 1.2rem; border-radius: .6rem; background: #17324d; color: #fff; box-shadow: 0 4px 24px #0003; font-size: .9rem; line-height: 1.5; }.site-status[hidden] { display: none; }[data-save-label]:disabled, [data-wish-id]:disabled { opacity: .6; cursor: wait; }@media (max-width: 1000px) { .discovery-filters { grid-template-columns: repeat(3,minmax(0,1fr)); } }@media (max-width: 820px) { .home-introduction { grid-template-columns: 1fr; gap: 1.4rem; padding-block: 1.5rem; } .home-introduction h1 { font-size: clamp(2.25rem, 7vw, 3.5rem); } .how-it-works ol { grid-template-columns: 1fr; gap: 1rem; } .site-status { bottom: 5.5rem; } }@media (max-width: 560px) { .discovery-filters { grid-template-columns: repeat(2,minmax(0,1fr)); padding: .8rem; } .discovery-filters label:first-child { grid-column: 1 / -1; } .discovery-filters button { grid-column: 1 / -1; } .home-search-panel { padding: 1rem; } .home-promo-copy h2 { font-size: 1.7rem; } .home-introduction input, .discovery-filters input, .discovery-filters select, .report-deal select, .report-deal textarea, .header-search input { font-size: 16px; } }.footer-note { display: grid; }.announcement-inner > p { display: block; color: #fff; font-size: .75rem; }.market-home { padding-bottom: 1rem; }.home-search-panel .store-btn, .discovery-filters .store-btn { box-shadow: none; }.gallery .main-image-wrap > img { object-fit: contain; background: #fff; }@media (max-width: 820px) { .footer-note { grid-column: 1 / -1; } .mobile-app-nav a, .mobile-app-nav a svg { color: #17324d; stroke: #17324d; } .mobile-app-nav a[aria-current="page"] { color: #fff; } .mobile-app-nav a[aria-current="page"] svg { stroke: #fff; } }