/** Shopify CDN: Minification failed Line 869:0 All "@import" rules must come first **/ @font-face { font-family: 'Figtree'; font-style: normal; font-weight: 400; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g--xms-huzqdcfdgfmm4q9dbzs.woff2?v=45716425275001869901792984107) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Figtree'; font-style: normal; font-weight: 400; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g--xms-huzqdcfdgfmm4s9dq.woff2?v=82318396357165733451792984108) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Figtree'; font-style: normal; font-weight: 500; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g--xms-huzqdcfdgfmm4q9dbzs.woff2?v=45716425275001869901792984107) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Figtree'; font-style: normal; font-weight: 500; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g--xms-huzqdcfdgfmm4s9dq.woff2?v=82318396357165733451792984108) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Figtree'; font-style: normal; font-weight: 600; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g--xms-huzqdcfdgfmm4q9dbzs.woff2?v=45716425275001869901792984107) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Figtree'; font-style: normal; font-weight: 600; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g--xms-huzqdcfdgfmm4s9dq.woff2?v=82318396357165733451792984108) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Figtree'; font-style: normal; font-weight: 700; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g--xms-huzqdcfdgfmm4q9dbzs.woff2?v=45716425275001869901792984107) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Figtree'; font-style: normal; font-weight: 700; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g--xms-huzqdcfdgfmm4s9dq.woff2?v=82318396357165733451792984108) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 500; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9hfwpx9w37lm1-mvmiqvtm.woff2?v=20626555632310701151792984108) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Fraunces'; font-style: italic; font-weight: 500; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g-6nus8fylnqoqzanv9zwnjucmhvn85ni7emae9lkqztnbb-gztk0k1chjdt9hfwpx9w37lm1-mv0iqg.woff2?v=33120852105454868681792984108) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 400; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g-6nu78fylnqoqzanv9byevdiide9ea92uemak-wbq8u-9v0c2wa0kxcfteo-u.woff2?v=31648427192748867151792984108) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 400; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g-6nu78fylnqoqzanv9byevdiide9ea92uemak-wbq8u-9v0c2wa0kxc9tea.woff2?v=127391611067262757671792984108) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 500; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g-6nu78fylnqoqzanv9byevdiide9ea92uemak-wbq8u-9v0c2wa0kxcfteo-u.woff2?v=31648427192748867151792984108) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Fraunces'; font-style: normal; font-weight: 500; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g-6nu78fylnqoqzanv9byevdiide9ea92uemak-wbq8u-9v0c2wa0kxc9tea.woff2?v=127391611067262757671792984108) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g-ucc73fwrk3iltehus-nvmrmxcp50sjia25l7suc.woff2?v=99687434248205654791792984110) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g-ucc73fwrk3iltehus-nvmrmxcp50sjia1zl7.woff2?v=5808579388252114031792984110) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g-ucc73fwrk3iltehus-nvmrmxcp50sjia25l7suc.woff2?v=99687434248205654791792984110) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g-ucc73fwrk3iltehus-nvmrmxcp50sjia1zl7.woff2?v=5808579388252114031792984110) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g-ucc73fwrk3iltehus-nvmrmxcp50sjia25l7suc.woff2?v=99687434248205654791792984110) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g-ucc73fwrk3iltehus-nvmrmxcp50sjia1zl7.woff2?v=5808579388252114031792984110) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g-ucc73fwrk3iltehus-nvmrmxcp50sjia25l7suc.woff2?v=99687434248205654791792984110) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g-ucc73fwrk3iltehus-nvmrmxcp50sjia1zl7.woff2?v=5808579388252114031792984110) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g-pxieyp8kv8jhgfvrjjnecmne.woff2?v=179351810211657780751792984110) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g-pxieyp8kv8jhgfvrjjfecg.woff2?v=27875960655562608641792984109) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g-pxibyp8kv8jhgfvrlgt9z1jlfc-k.woff2?v=163592901895812856201792984109) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g-pxibyp8kv8jhgfvrlgt9z1xlfq.woff2?v=182659328059108645521792984109) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g-pxibyp8kv8jhgfvrlej6z1jlfc-k.woff2?v=115576195324297374691792984109) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g-pxibyp8kv8jhgfvrlej6z1xlfq.woff2?v=151345068028429737211792984109) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g-pxibyp8kv8jhgfvrlcz7z1jlfc-k.woff2?v=67780850792924162811792984108) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-g-pxibyp8kv8jhgfvrlcz7z1xlfq.woff2?v=4371378453314620401792984109) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* main 03-main */ @font-face { font-family: "Source Serif 4"; font-weight: 600; font-style: normal; font-display: fallback; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-sourceserif4_n6.95f0b4b0c48888f7bbbe6586fc9c50e8f98c6276.woff2?v=94748038138959959751792992368) format("woff2"), url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-sourceserif4_n6.d1dfc25223b4ed046fa065538a370cbfaa922731.woff?v=677184171389271981792992369) format("woff"); } @font-face { font-family: "Source Serif 4"; font-weight: 600; font-style: italic; font-display: fallback; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-sourceserif4_i6.e58d30f9ee9205efefa33583bd2485dadf2bd38d.woff2?v=159750083584672706911792992371) format("woff2"), url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-sourceserif4_i6.f65f4a8cb92329f91f51997560d2b7030c2faf05.woff?v=75084091202242631541792992404) format("woff"); } .cl-pdp-leggingsv2 { --spacing-0-5: 2px; --spacing-1: 4px; --spacing-1-5: 6px; --spacing-2: 8px; --spacing-2-5: 10px; --spacing-3: 12px; --spacing-3-5: 14px; --spacing-4: 16px; --spacing-4-5: 18px; --spacing-5: 20px; --spacing-5-5: 22px; --spacing-6: 24px; --spacing-6-5: 26px; --spacing-7: 28px; --spacing-7-5: 30px; --spacing-8: 32px; --spacing-8-5: 34px; --spacing-9: 36px; --spacing-9-5: 38px; --spacing-10: 40px; --spacing-11: 44px; --spacing-12: 48px; --spacing-14: 56px; --spacing-16: 64px; --spacing-18: 72px; --spacing-20: 80px; --spacing-24: 96px; --spacing-28: 112px; --spacing-32: 128px; --spacing-36: 144px; --spacing-40: 160px; --spacing-44: 176px; --spacing-48: 192px; --spacing-52: 208px; --spacing-56: 224px; --spacing-60: 240px; --spacing-64: 256px; --spacing-72: 288px; --spacing-80: 320px; --spacing-96: 384px; --container-max-width: 1600px; --container-narrow-max-width: 1350px; --container-gutter: var(--spacing-5); --section-outer-spacing-block: var(--spacing-12); --section-inner-max-spacing-block: var(--spacing-10); --section-inner-spacing-inline: var(--container-gutter); --section-stack-spacing-block: var(--spacing-8); --grid-gutter: var(--spacing-5); --product-list-row-gap: var(--spacing-8); --product-list-column-gap: var(--grid-gutter); --input-gap: var(--spacing-2); --input-height: 42px; --input-padding-inline: var(--spacing-4); --sticky-area-height: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px) + var(--sticky-header-enabled, 0) * var(--header-height, 0px)); --transform-logical-flip: 1; --transform-origin-start: left; --transform-origin-end: right; --heading-font-family: "Source Serif 4", serif; --heading-font-weight: 600; --heading-font-style: normal; --heading-text-transform: normal; --heading-letter-spacing: 0.0em; --text-font-family: Helvetica, Arial, sans-serif; --text-font-weight: 400; --text-font-style: normal; --text-letter-spacing: 0.0em; --text-h0: 48px; --text-h1: 40px; --text-h2: 32px; --text-h3: 24px; --text-h4: 22px; --text-h5: 18px; --text-h6: 16px; --text-xs: 11px; --text-sm: 12px; --text-base: 14px; --text-lg: 18px; --accent: 0 0 0; --text-primary: 0 0 0; --background-primary: 255 255 255; --dialog-background: 255 255 255; --border-color: var(--text-color, var(--text-primary)) / 0.12; --button-background-primary: 0 0 0; --button-text-primary: 255 255 255; --button-background-secondary: 195 135 134; --button-text-secondary: 255 255 255; --success-background: 224 244 232; --success-text: 0 163 65; --warning-background: 255 246 233; --warning-text: 255 183 74; --error-background: 254 231 231; --error-text: 248 58 58; --on-sale-text: 248 58 58; --on-sale-badge-background: 248 58 58; --on-sale-badge-text: 255 255 255; --sold-out-badge-background: 0 0 0; --sold-out-badge-text: 255 255 255; --primary-badge-background: 141 95 112; --primary-badge-text: 255 255 255; --star-color: 255 183 74; --product-card-background: 255 255 255; --product-card-text: 0 0 0; --header-background: 255 255 255; --header-text: 0 0 0; --footer-background: 0 0 0; --footer-text: 255 255 255; --rounded-xs: 4px; --rounded-sm: 6px; --rounded: 12px; --rounded-lg: 24px; --rounded-full: 9999px; --rounded-block: 24px; --rounded-button: 60px; --rounded-input: 8px; --shadow-sm: 0 2px 8px rgb(var(--text-primary) / 0.1); --shadow: 0 5px 15px rgb(var(--text-primary) / 0.1); --shadow-md: 0 5px 30px rgb(var(--text-primary) / 0.1); --shadow-block: 0px 18px 50px rgb(var(--text-primary) / 0.1); --stagger-products-reveal-opacity: 0; --cursor-close-svg-url: url(//pridolahome.com/cdn/shop/t/1/assets/cursor-close.svg?v=5163); --cursor-zoom-in-svg-url: url(//pridolahome.com/cdn/shop/t/1/assets/cursor-zoom-in.svg?v=5163); --cursor-zoom-out-svg-url: url(//pridolahome.com/cdn/shop/t/1/assets/cursor-zoom-out.svg?v=5163); --checkmark-svg-url: url(//pridolahome.com/cdn/shop/t/1/assets/checkmark.svg?v=5163); } @media screen and (min-width: 700px) { .cl-pdp-leggingsv2 { --text-h0: 64px; --text-h1: 48px; --text-h2: 40px; --text-h3: 32px; --text-h4: 26px; --text-h5: 20px; --text-h6: 18px; --text-xs: 12px; --text-sm: 14px; --text-base: 16px; --text-lg: 20px; --container-gutter: 32px; --section-outer-spacing-block: var(--spacing-16); --section-inner-max-spacing-block: var(--spacing-12); --section-inner-spacing-inline: var(--spacing-12); --section-stack-spacing-block: var(--spacing-12); --grid-gutter: var(--spacing-6); --product-list-row-gap: var(--spacing-12); --input-gap: 16px; --input-height: 50px; --input-padding-inline: var(--spacing-5); } } @media screen and (min-width: 1000px) { .cl-pdp-leggingsv2 { --container-gutter: var(--spacing-12); --section-outer-spacing-block: var(--spacing-18); --section-inner-max-spacing-block: var(--spacing-16); --section-inner-spacing-inline: var(--spacing-16); --section-stack-spacing-block: var(--spacing-12); } } @media screen and (min-width: 1150px) { .cl-pdp-leggingsv2 { --container-gutter: var(--spacing-12); --section-outer-spacing-block: var(--spacing-20); --section-inner-max-spacing-block: var(--spacing-16); --section-inner-spacing-inline: var(--spacing-16); --section-stack-spacing-block: var(--spacing-12); } } @media screen and (min-width: 1400px) { .cl-pdp-leggingsv2 { --text-h0: 80px; --text-h1: 60px; --text-h2: 48px; --text-h3: 36px; --text-h4: 32px; --text-h5: 24px; --text-h6: 20px; --section-outer-spacing-block: var(--spacing-24); --section-inner-max-spacing-block: var(--spacing-18); --section-inner-spacing-inline: var(--spacing-18); } } @media screen and (min-width: 1600px) { .cl-pdp-leggingsv2 { --section-outer-spacing-block: var(--spacing-24); --section-inner-max-spacing-block: var(--spacing-20); --section-inner-spacing-inline: var(--spacing-20); } } @media screen and (pointer: fine) { .cl-pdp-leggingsv2 .clx-button:not([disabled]):hover, .cl-pdp-leggingsv2 .btn:not([disabled]):hover, .cl-pdp-leggingsv2 .shopify-payment-button__button--unbranded:not([disabled]):hover { --button-background-opacity: 0.85; } } .cl-pdp-leggingsv2 *, .cl-pdp-leggingsv2 ::before, .cl-pdp-leggingsv2 ::after { box-sizing: border-box; border-style: solid; border-width: 0px; border-color: rgb(var(--text-color) / .12); } .cl-pdp-leggingsv2 { text-size-adjust: 100%; tab-size: 4; interpolate-size: allow-keywords; scroll-padding-block-start: calc(var(--sticky-area-height) + 20px); line-height: 1.5; } .cl-pdp-leggingsv2 { --background: var(--background-primary); --text-color: var(--text-primary); background: rgb(var(--background)); color: rgb(var(--text-color)); font: var(--text-font-style) var(--text-font-weight) var(--text-base) / 1.6 var(--text-font-family); letter-spacing: var(--text-letter-spacing); margin: 0px; position: relative; } .cl-pdp-leggingsv2 h1, .cl-pdp-leggingsv2 h2, .cl-pdp-leggingsv2 h3, .cl-pdp-leggingsv2 h4, .cl-pdp-leggingsv2 h5, .cl-pdp-leggingsv2 h6 { font-size: inherit; font-weight: inherit; } .cl-pdp-leggingsv2 a { color: inherit; text-decoration: inherit; } .cl-pdp-leggingsv2 b, .cl-pdp-leggingsv2 strong { font-weight: bolder; } .cl-pdp-leggingsv2 button, .cl-pdp-leggingsv2 input, .cl-pdp-leggingsv2 optgroup, .cl-pdp-leggingsv2 select, .cl-pdp-leggingsv2 textarea { font-family: inherit; font-size: 100%; font-weight: inherit; font-style: inherit; line-height: inherit; text-transform: inherit; color: inherit; margin: 0px; padding: 0px; } .cl-pdp-leggingsv2 button, .cl-pdp-leggingsv2 select { text-transform: none; } .cl-pdp-leggingsv2 button, .cl-pdp-leggingsv2 [type="button"], .cl-pdp-leggingsv2 [type="reset"], .cl-pdp-leggingsv2 [type="submit"] { appearance: button; text-align: inherit; background-color: rgba(0, 0, 0, 0); background-image: none; } .cl-pdp-leggingsv2 button, .cl-pdp-leggingsv2 label, .cl-pdp-leggingsv2 summary, .cl-pdp-leggingsv2 [role="button"], .cl-pdp-leggingsv2 [type="checkbox"], .cl-pdp-leggingsv2 [type="radio"], .cl-pdp-leggingsv2 [type="submit"] { -webkit-tap-highlight-color: transparent; touch-action: manipulation; cursor: pointer; } .cl-pdp-leggingsv2 blockquote, .cl-pdp-leggingsv2 dl, .cl-pdp-leggingsv2 dd, .cl-pdp-leggingsv2 h1, .cl-pdp-leggingsv2 h2, .cl-pdp-leggingsv2 h3, .cl-pdp-leggingsv2 h4, .cl-pdp-leggingsv2 h5, .cl-pdp-leggingsv2 h6, .cl-pdp-leggingsv2 hr, .cl-pdp-leggingsv2 figure, .cl-pdp-leggingsv2 p, .cl-pdp-leggingsv2 pre { margin: 0px; } .cl-pdp-leggingsv2 ol, .cl-pdp-leggingsv2 ul, .cl-pdp-leggingsv2 menu { margin: 0px; padding: 0px; list-style: none; } .cl-pdp-leggingsv2 input::placeholder, .cl-pdp-leggingsv2 textarea::placeholder { opacity: 1; color: rgb(156, 163, 175); } .cl-pdp-leggingsv2 img, .cl-pdp-leggingsv2 video, .cl-pdp-leggingsv2 iframe, .cl-pdp-leggingsv2 object { vertical-align: middle; display: block; } .cl-pdp-leggingsv2 img { color: rgba(0, 0, 0, 0); max-width: min(var(--image-mobile-max-width, var(--image-max-width, 100%)),100%); object-fit: inherit; object-position: inherit; height: auto; } .cl-pdp-leggingsv2 :focus:not(:focus-visible) { outline: none; } .cl-pdp-leggingsv2 height-observer, .cl-pdp-leggingsv2 visibility-progress, .cl-pdp-leggingsv2 scroll-area, .cl-pdp-leggingsv2 video-media, .cl-pdp-leggingsv2 model-media, .cl-pdp-leggingsv2 .ce-media-carousel, .cl-pdp-leggingsv2 impact-text, .cl-pdp-leggingsv2 recently-viewed-products { display: block; } @media screen and (min-width: 700px) { .cl-pdp-leggingsv2 img { max-width: min(var(--image-max-width, 100%),100%); } } .cl-pdp-leggingsv2 .clx-button, .cl-pdp-leggingsv2 .btn { --button-background: var(--button-background-primary) / var(--button-background-opacity, 1); --button-text-color: var(--button-text-primary); --button-outline-color: var(--button-background-primary); appearance: none; border-radius: var(--rounded-button); background-color: rgb(var(--button-background)); color: rgb(var(--button-text-color)); text-align: center; font-size: var(--text-sm); letter-spacing: var(--text-letter-spacing); padding-block-start: var(--spacing-2-5); padding-block-end: var(--spacing-2-5); padding-inline-start: var(--spacing-5); padding-inline-end: var(--spacing-5); font-weight: 700; line-height: 1.6; transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; display: inline-block; position: relative; } .cl-pdp-leggingsv2 .button--xl { font-size: var(--text-base); padding-block-start: var(--spacing-4); padding-block-end: var(--spacing-4); padding-inline-start: var(--spacing-8); padding-inline-end: var(--spacing-8); } @media screen and (min-width: 700px) { .cl-pdp-leggingsv2 .clx-button, .cl-pdp-leggingsv2 .btn { padding-block-start: var(--spacing-3); padding-block-end: var(--spacing-3); padding-inline-start: var(--spacing-6); padding-inline-end: var(--spacing-6); } } @media screen and (min-width: 700px) { .cl-pdp-leggingsv2 .button--xl { padding-block: 17.2px; padding-inline-start: var(--spacing-10); padding-inline-end: var(--spacing-10); } } .cl-pdp-leggingsv2 .circle-button { width: var(--spacing-12); height: var(--spacing-12); border-radius: var(--rounded-full); place-items: center; transition: opacity 0.15s ease-in; display: grid; } .cl-pdp-leggingsv2 .circle-button--fill { background: rgb(var(--background-primary)); color: rgb(var(--text-primary)); } .cl-pdp-leggingsv2 .circle-button--lg { width: var(--spacing-14); height: var(--spacing-14); } .cl-pdp-leggingsv2 .v-stack { display: grid; } .cl-pdp-leggingsv2 .bleed { scroll-padding-inline: var(--container-outer-width); margin-inline-start: calc(-1 * var(--container-outer-width)); margin-inline-end: calc(-1 * var(--container-outer-width)); padding-inline-start: var(--container-outer-width); padding-inline-end: var(--container-outer-width); display: grid; } .cl-pdp-leggingsv2 .full-bleed { margin-inline-start: calc(-1 * var(--container-outer-width)); margin-inline-end: calc(-1 * var(--container-outer-width)); display: grid; } @media screen and (min-width: 1000px) { .cl-pdp-leggingsv2 .md\:unbleed { margin-inline: 0px; padding-inline: 0px; scroll-padding-inline: 0px; } } .cl-pdp-leggingsv2 .cl-shopify-section { --section-is-first: 0; --hash-difference: calc(var(--section-background-hash) - var(--previous-section-background-hash, -1)); --hash-difference-abs: max(var(--hash-difference), -1 * var(--hash-difference)); --background-differs-from-previous: max(0, min(var(--hash-difference-abs, 1), 1)); background: rgb(var(--background)); position: relative; } .cl-pdp-leggingsv2 .cl-shopify-section:not(.clx-contents) { display: flow-root; } .cl-pdp-leggingsv2 .clx-section { --context-section-spacing-block-start: var(--section-outer-spacing-block); --context-section-spacing-block-end: var(--section-outer-spacing-block); --context-section-spacing-inline: var(--container-gutter); --calculated-section-spacing-block-start: var(--section-spacing-block-start, var(--section-spacing-block, var(--context-section-spacing-block-start))); --calculated-section-spacing-block-end: var(--section-spacing-block-end, var(--section-spacing-block, var(--context-section-spacing-block-end))); --calculated-section-spacing-inline: var(--section-spacing-inline, var(--context-section-spacing-inline)); --container-inner-width: min((100vw - var(--scrollbar-width, 0px)) - var(--calculated-section-spacing-inline, 0px) * 2, var(--container-max-width)); --container-outer-width: calc(((100vw - var(--scrollbar-width, 0px)) - var(--container-inner-width, 0px)) / 2); --section-stack-spacing-inline: var(--section-inner-spacing-inline, 0px); padding-inline-start: max(var(--calculated-section-spacing-inline),50% - var(--container-max-width) / 2); padding-inline-end: max(var(--calculated-section-spacing-inline),50% - var(--container-max-width) / 2); } .cl-pdp-leggingsv2 .section--tight { --calculated-section-spacing-block-start: min(48px, var(--section-spacing-block-start, var(--section-spacing-block, var(--context-section-spacing-block-start)))); --calculated-section-spacing-block-end: min(48px, var(--section-spacing-block-end, var(--section-spacing-block, var(--context-section-spacing-block-end)))); --calculated-section-spacing-inline: min(48px, var(--section-spacing-inline, var(--context-section-spacing-inline))); } .cl-pdp-leggingsv2 .clx-section { padding-block-start: calc(var(--background-differs-from-previous) * var(--calculated-section-spacing-block-start)); padding-block-end: var(--calculated-section-spacing-block-end); } @media screen and (min-width: 700px) { .cl-pdp-leggingsv2 .section--tight { --calculated-section-spacing-block-start: min(48px, var(--section-spacing-block-start, var(--section-spacing-block, var(--context-section-spacing-block-start, 0px)))); --calculated-section-spacing-block-end: min(48px, var(--section-spacing-block-end, var(--section-spacing-block, var(--context-section-spacing-block-end, 0px)))); } } @media screen and (min-width: 1600px) { .cl-pdp-leggingsv2 .section--tight { --calculated-section-spacing-block-start: min(64px, var(--section-spacing-block-start, var(--section-spacing-block, var(--context-section-spacing-block-start, 0px)))); --calculated-section-spacing-block-end: min(64px, var(--section-spacing-block-end, var(--section-spacing-block, var(--context-section-spacing-block-end, 0px)))); } } .cl-pdp-leggingsv2 .buy-buttons { align-items: start; gap: var(--spacing-2); display: grid; } .cl-pdp-leggingsv2 .clx-icon { vertical-align: middle; display: block; } .cl-pdp-leggingsv2 .ce-custom-cursor { z-index: 2; pointer-events: none; opacity: 0; visibility: hidden; display: none; position: absolute; top: 0px; left: 0px; scale: 0.5; transition: opacity 0.1s, scale 0.1s, visibility 0.1s !important; } @media screen and (pointer: fine) { .cl-pdp-leggingsv2 .ce-custom-cursor { display: block; } } .cl-pdp-leggingsv2 :has(> .ce-custom-cursor:not([hidden])) { cursor: none; } .cl-pdp-leggingsv2 .ce-scroll-shadow { --scroll-shadow-size: 30px; } .cl-pdp-leggingsv2 .ce-product-rerender { display: contents; } .cl-pdp-leggingsv2 .product { grid: var(--product-grid); gap: var(--container-gutter) var(--spacing-10); align-items: start; display: grid; } @media screen and (min-width: 1150px) { .cl-pdp-leggingsv2 .product { column-gap: var(--spacing-12); } } @media screen and (min-width: 1600px) { .cl-pdp-leggingsv2 .product { column-gap: var(--spacing-24); } } .cl-pdp-leggingsv2 .product-info { --product-info-block-spacing: var(--spacing-6); } .cl-pdp-leggingsv2 .product-info > * + * { margin-block-start: var(--product-info-block-spacing); margin-block-end: var(--product-info-block-spacing); } .cl-pdp-leggingsv2 .product-info > * + :last-child { margin-block-end: 0px; } .cl-pdp-leggingsv2 .product-info__block-item:where([data-block-type="vendor"], [data-block-type="title"], [data-block-type="sku"], [data-block-type="price"], [data-block-type="rating"], [data-block-type="payment-terms"]) { --product-info-block-spacing: var(--spacing-2); } @media screen and (min-width: 700px) { .cl-pdp-leggingsv2 .product-info__block-item:where([data-block-type="vendor"], [data-block-type="title"], [data-block-type="sku"], [data-block-type="price"], [data-block-type="rating"], [data-block-type="payment-terms"]) { --product-info-block-spacing: var(--spacing-4); } } @media screen and (min-width: 700px) { .cl-pdp-leggingsv2 .product-info__block-item:where([data-block-type=".ce-buy-buttons"]) { --product-info-block-spacing: var(--spacing-8); } } @media screen and (min-width: 1000px) { .cl-pdp-leggingsv2 .product-info { top: calc(var(--sticky-area-height) + 20px); z-index: 1; position: sticky; } } .cl-pdp-leggingsv2 .product-gallery { gap: var(--spacing-5); grid-auto-columns: minmax(0px, 1fr); display: grid; } .cl-pdp-leggingsv2 .product-gallery__ar-wrapper { gap: var(--spacing-2-5); display: grid; } .cl-pdp-leggingsv2 .product-gallery__media-list-wrapper { display: grid; position: relative; } .cl-pdp-leggingsv2 .product-gallery__media-list { grid: var(--product-gallery-media-list-grid); gap: var(--product-gallery-media-list-gap); align-items: start; transition: height 0.1s; display: grid; } .cl-pdp-leggingsv2 .product-gallery__media { position: relative; } .cl-pdp-leggingsv2 .product-gallery__media img { margin-inline: auto; } .cl-pdp-leggingsv2 .product-gallery__thumbnail-list { align-items: end; gap: var(--spacing-2); grid-auto-columns: 56px; grid-auto-flow: column; display: grid; } .cl-pdp-leggingsv2 .product-gallery__thumbnail { position: relative; } .cl-pdp-leggingsv2 .product-gallery__thumbnail::after { content: ""; opacity: 0; background: currentcolor; width: 100%; height: 2px; margin-block-start: 4px; transition: opacity 0.15s; display: block; } .cl-pdp-leggingsv2 .product-gallery__thumbnail[aria-current="true"]::after { opacity: 1; } .cl-pdp-leggingsv2 .product-gallery__zoom { transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out; position: absolute; top: var(--spacing-4); } .cl-pdp-leggingsv2 .product-gallery__zoom:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { right: var(--spacing-4); } .cl-pdp-leggingsv2 .product-gallery__zoom > .circle-button { width: 35px; height: 35px; } @media screen and (min-width: 700px) { .cl-pdp-leggingsv2 .product-gallery__thumbnail-list { grid-auto-columns: 64px; } } @media screen and (max-width: 999px) { .cl-pdp-leggingsv2 .product-gallery__thumbnail-list-wrapper { --scroll-shadow-size: 0px; } } @media screen and (max-width: 999px) { .cl-pdp-leggingsv2 .product-gallery--mobile-expanded .product-gallery__media, .cl-pdp-leggingsv2 .product-gallery--mobile-expanded .product-gallery__media > * { border-radius: 0px; } } @media screen and (max-width: 999px) { .cl-pdp-leggingsv2 .product-gallery--mobile-expanded .product-gallery__zoom:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { right: 0px; } } @media screen and (min-width: 1000px) { .cl-pdp-leggingsv2 .product-gallery { gap: var(--spacing-6) var(--spacing-12); } } @media screen and (min-width: 1000px) { .cl-pdp-leggingsv2 .product-gallery__thumbnail-list-wrapper { align-items: center; gap: var(--spacing-4); grid-auto-flow: column; display: grid; position: relative; } } @media screen and (min-width: 1000px) { .cl-pdp-leggingsv2 .product-gallery__thumbnail-list { gap: var(--spacing-4); } } @media screen and (min-width: 1000px) { .cl-pdp-leggingsv2 .product-gallery__zoom { opacity: 0; position: absolute; top: auto; bottom: var(--spacing-6); transform: scale(0.8); } } @media screen and (min-width: 1000px) { .cl-pdp-leggingsv2 .product-gallery__zoom:not(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { right: var(--spacing-6); } } @media screen and (min-width: 1000px) { .cl-pdp-leggingsv2 .product-gallery__zoom svg { width: 17px; height: 17px; } } @media screen and (min-width: 1000px) { .cl-pdp-leggingsv2 .product-gallery__zoom > .circle-button { width: 56px; height: 56px; } } @media screen and (min-width: 1000px) { .cl-pdp-leggingsv2 .product-gallery--desktop-carousel .product-gallery__zoom { opacity: 1; visibility: visible; } } .cl-pdp-leggingsv2 .clx-sr-only { clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden; } .cl-pdp-leggingsv2 .ring { box-shadow: 0 0 0 1px rgb(var(--text-color) / .12); } .cl-pdp-leggingsv2 .rounded-sm { border-radius: var(--rounded-sm); } .cl-pdp-leggingsv2 .rounded { border-radius: var(--rounded); } .cl-pdp-leggingsv2 .scroll-area { scrollbar-width: none; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; overflow: auto hidden; } .cl-pdp-leggingsv2 .gap-4 { gap: var(--spacing-4); } .cl-pdp-leggingsv2 .object-contain { object-fit: contain; object-position: center center; } .cl-pdp-leggingsv2 .heading, .cl-pdp-leggingsv2 .h0, .cl-pdp-leggingsv2 .clx-h1, .cl-pdp-leggingsv2 .clx-h2, .cl-pdp-leggingsv2 .clx-h3, .cl-pdp-leggingsv2 .clx-h4, .cl-pdp-leggingsv2 .clx-h5, .cl-pdp-leggingsv2 .clx-h6, .cl-pdp-leggingsv2 .clx-prose :is(h1, h2, h3, h4, h5, h6) { font-family: var(--heading-font-family); font-weight: var(--heading-font-weight); font-style: var(--heading-font-style); letter-spacing: var(--heading-letter-spacing); text-transform: var(--heading-text-transform); overflow-wrap: anywhere; } .cl-pdp-leggingsv2 .clx-h3, .cl-pdp-leggingsv2 .clx-prose h3:not(.h0, .clx-h1, .clx-h2, .clx-h3, .clx-h4, .clx-h5, .clx-h6) { font-size: var(--text-h3); line-height: 1.2; } .cl-pdp-leggingsv2 .ce-kaching-bundle, .cl-pdp-leggingsv2 kaching-bundle-deals { width: 100%; } .cl-pdp-leggingsv2 .kaching-bundles__block { display: none; } @font-face { font-family: GTStandard-M; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-GTStandard-MRegular.woff2?v=149152729114340250381792992409) format("woff2"); font-style: normal; font-weight: 450; font-display: swap; } @font-face { font-family: GTStandard-M; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-GTStandard-MMedium.woff2?v=30486626448974345721792992414) format("woff2"); font-style: normal; font-weight: 500; font-display: swap; } @font-face { font-family: GTStandard-M; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-GTStandard-MSemibold.woff2?v=104269634200593542371792992419) format("woff2"); font-style: normal; font-weight: 600; font-display: swap; } .cl-pdp-leggingsv2, .cl-pdp-leggingsv2 { scroll-behavior: auto !important; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__free-gift { display: flex; align-items: center; justify-content: space-between; margin-inline: 1px; padding-block: 7px; padding-inline: 8px calc(15px * var(--block-spacing, 1) + 5px); gap: 5px 10px; background-color: var(--kaching-free-gift-background-color, rgba(0, 0, 0, .3)); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__free-gift:last-child { margin-block-end: 1px; border-end-start-radius: calc(var(--bar-border-radius) - 1px); border-end-end-radius: calc(var(--bar-border-radius) - 1px); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__free-gift__link { pointer-events: none; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__free-gift__main { display: flex; align-items: center; gap: calc(5px + 5px * var(--block-spacing, 1)); min-width: 0px; flex: 1 1 0%; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__free-gift__content { display: flex; align-items: center; gap: 5px 15px; flex-wrap: wrap; min-width: 0px; flex: 1 1 0%; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__free-gift__text { color: var(--kaching-free-gift-text-color, #000); font-size: var(--kaching-free-gift-font-size, 13px); font-weight: var(--kaching-free-gift-font-weight, bold); font-style: var(--kaching-free-gift-font-style, normal); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__free-gift__text { color: var(--kaching-free-gift-selected-text-color, #fff); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__free-gift__image { display: flex; flex-shrink: 0; width: auto; height: var(--kaching-free-gift-image-height, 30px); border-radius: var(--kaching-free-gift-image-border-radius, 0); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__free-gift__full-price { flex-shrink: 0; text-decoration: line-through; font-size: calc(var(--kaching-free-gift-font-size, 13px) - 1px); font-weight: var(--bar-subtitle-font-weight); font-style: var(--bar-subtitle-font-style); color: var(--kaching-free-gift-text-color, #000); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__free-gift__full-price { color: var(--kaching-free-gift-selected-text-color, #fff); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__free-gift { margin-inline: 2px; padding-block: 7px 6px; padding-inline: 7px calc(15px * var(--block-spacing, 1) + 4px); background-color: var(--kaching-free-gift-selected-background-color, #000); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__free-gift:last-child { margin-block-end: 2px; border-end-start-radius: calc(var(--bar-border-radius) - 2px); border-end-end-radius: calc(var(--bar-border-radius) - 2px); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__swatch-dropdown { display: flex; position: relative; min-width: 0px; margin: 0px; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__swatch { display: flex; flex-shrink: 0; background-size: cover; background-position: center center; overflow: hidden; position: relative; width: var(--kaching-swatch-size, 20px); height: var(--kaching-swatch-size, 20px); border: 1px solid var(--kaching-swatch-border-color, #c2cdd6); background-color: var(--kaching-swatch-color, #fff); background-image: var(--kaching-swatch-image-url, none); border-radius: var(--kaching-swatch-border-radius, 0); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__highlights { display: flex; flex-direction: column; gap: 8px; padding: 10px 0px; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__highlights__item { display: flex; gap: 8px; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__highlights__icon { display: flex; align-items: center; flex-shrink: 0; color: var(--kaching-highlights-icon-color, #000); width: var(--kaching-highlights-icon-size, 16px); height: var(--kaching-highlights-icon-size, 16px); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__highlights__icon svg { width: 100%; height: 100%; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__highlights__text { color: var(--kaching-highlights-text-color, #808080); font-size: var(--kaching-highlights-text-size, 16px); line-height: 1.3; } .cl-pdp-leggingsv2 .kaching-bundles img { width: initial; } .cl-pdp-leggingsv2 .kaching-bundles svg { width: initial; height: initial; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__block { display: flex; flex-direction: column; width: 100%; margin-top: 15px; margin-bottom: 10px; text-align: start; line-height: 1.4; font-family: var(--block-font-family, inherit); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__block.kaching-bundles__block--loaded { display: flex; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__block-title { display: flex; align-items: center; text-align: center; gap: 8px; margin-top: 10px; margin-bottom: 10px; color: var(--block-block-title-color, #000); font-size: var(--block-title-font-size, 14px); font-weight: var(--block-title-font-weight, bold); font-style: var(--block-title-font-style); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__block > .kaching-bundles__block-title:first-child { margin-top: 0px; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__block-title::before, .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__block-title::after { content: ""; flex-grow: 1; height: 2px; background-color: var(--bar-border-color, rgba(0, 0, 0, .3)); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bars { display: flex; flex-direction: column; position: relative; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar { display: flex; flex: 1 1 0%; margin: calc(5px * var(--block-spacing, 1)) 0; position: relative; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar > input[type="radio"] { display: none; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-radio { display: flex; flex-shrink: 0; width: 20px; height: 20px; border-radius: 50%; background: rgb(255, 255, 255); border: 3px solid rgb(255, 255, 255); box-sizing: border-box; box-shadow: 0 0 0 2px var(--bar-border-color, rgba(0, 0, 0, .3)); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-radio { background: var(--bar-selected-border-color, #000); box-shadow: 0 0 0 2px var(--bar-selected-border-color, #000); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-container { flex-direction: column; justify-content: center; align-items: initial; position: relative; box-sizing: border-box; cursor: pointer; width: 100%; margin: 0px; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background-color: var(--bar-background-color, #fff); border-radius: var(--bar-border-radius); box-shadow: inset 0 0 0 1px var(--bar-border-color, rgba(0, 0, 0, .3)); display: flex !important; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-wrapper { padding: calc(10px * var(--block-spacing, 1)) calc(15px * var(--block-spacing, 1) + 5px); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-container:hover { opacity: 1; box-shadow: inset 0 0 0 2px var(--bar-border-color, rgba(0, 0, 0, .3)); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-container * { letter-spacing: normal; text-transform: initial; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-container { cursor: default; background-color: var(--bar-selected-background-color); box-shadow: inset 0 0 0 2px var(--bar-selected-border-color, #000); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__badge-border { position: absolute; z-index: 1; display: flex; box-sizing: border-box; overflow: hidden; align-items: center; justify-content: center; font-family: sans-serif; font-size: max(6px,min(var(--badge-text-size, 12px),var(--badge-border-thickness, 22px) - 6px)); font-weight: 700; line-height: 1; letter-spacing: normal; color: var(--bar-most-popular-color, #fff); background-color: var(--bar-most-popular-background-color, #000); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__badge-border--top { inset: 0px 0px auto; height: var(--badge-border-thickness, 22px); border-radius: var(--bar-border-radius, 8px) var(--bar-border-radius, 8px) 0 0; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__badge-border .kaching-bundles__badge-border__text, .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__badge-border .kaching-bundles__badge-border__side { letter-spacing: normal; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-container .kaching-bundles__badge-border--top { inset: 0px 0px auto; height: calc(var(--badge-border-thickness, 22px) + var(--badge-concave-extra)); border-radius: var(--bar-border-radius, 8px) var(--bar-border-radius, 8px) 0 0; display: flex; align-items: flex-start; justify-content: center; mask: linear-gradient(#000,#000) left top/100% var(--badge-border-thickness, 22px) no-repeat,radial-gradient(circle at 100% 100%,rgba(0,0,0,0) calc(var(--badge-concave-depth, 8px) - 1px),#000 var(--badge-concave-depth, 8px)) left bottom/var(--badge-concave-depth, 8px) var(--badge-concave-extra) no-repeat,radial-gradient(circle at 0 100%,rgba(0,0,0,0) calc(var(--badge-concave-depth, 8px) - 1px),#000 var(--badge-concave-depth, 8px)) right bottom/var(--badge-concave-depth, 8px) var(--badge-concave-extra) no-repeat; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-container .kaching-bundles__badge-border--top .kaching-bundles__badge-border__text { display: flex; align-items: center; height: var(--badge-border-thickness, 22px); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-container--badge-border-top, .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-container--badge-border-bottom, .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-container--badge-border-left, .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-container--badge-border-right { --badge-concave-extra: max( 0px, var(--badge-concave-depth, 8px) - var(--badge-border-gap, 0px) ); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-container--badge-border-top { box-shadow: none; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-container--badge-border-top::after { content: ""; position: absolute; inset: calc(var(--badge-border-thickness, 22px) + var(--badge-border-gap, 0px)) 0 0; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: var(--badge-border-gap-border, none); border-start-start-radius: var(--badge-concave-depth, 8px); border-start-end-radius: var(--badge-concave-depth, 8px); border-end-start-radius: var(--bar-border-radius); border-end-end-radius: var(--bar-border-radius); pointer-events: none; z-index: 2; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-container--badge-border-top::after { border-width: 2px; border-color: var(--bar-selected-border-color, #000); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-container--badge-border-top:hover, .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-container--badge-border-top:has(:focus-visible), .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-container--badge-border-bottom:hover, .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-container--badge-border-bottom:has(:focus-visible), .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-container--badge-border-left:hover, .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-container--badge-border-left:has(:focus-visible), .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-container--badge-border-right:hover, .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-container--badge-border-right:has(:focus-visible), .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-container--badge-border-top, .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-container--badge-border-bottom, .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-container--badge-border-left, .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-container--badge-border-right { box-shadow: none; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-main { display: flex; align-items: center; gap: 18px; min-height: 55px; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-main { cursor: pointer; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-content { align-items: center; justify-content: space-between; display: flex; gap: 8px; flex: 1 1 0%; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-content-left { display: flex; flex-direction: column; flex: 1 1 0%; align-items: flex-start; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-first-line { display: flex; flex-wrap: wrap; column-gap: 8px; align-items: center; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-second-line { display: flex; flex-wrap: wrap; align-items: center; column-gap: 10px; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-title { display: inline-block; overflow-wrap: break-word; font-size: var(--bar-title-font-size, 20px); font-weight: var(--bar-title-font-weight, 500); font-style: var(--bar-title-font-style); color: var(--bar-title-color, #000); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-label { display: inline-flex; align-items: center; justify-content: center; gap: 4px; vertical-align: top; padding: 4px 8px; overflow-wrap: break-word; background-color: var(--bar-label-background-color, #eee); color: var(--bar-label-color, #777); font-size: var(--bar-label-font-size, 12px); font-weight: var(--bar-label-font-weight); font-style: var(--bar-label-font-style); border-radius: var(--bar-border-radius); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-pricing { align-items: flex-end; display: flex; flex-direction: column; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-price { font-size: var(--bar-title-font-size, 20px); font-weight: var(--bar-title-font-weight, 500); font-style: var(--bar-title-font-style); color: var(--bar-price-color, #000); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-full-price, .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-unit-price { font-size: var(--bar-subtitle-font-size, 14px); font-weight: var(--bar-subtitle-font-weight); font-style: var(--bar-subtitle-font-style); color: var(--bar-full-price-color, #555); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-full-price { text-decoration: line-through; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-variants { display: none; flex-direction: column; align-items: flex-start; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-variant { flex: 1 1 0%; max-width: 100%; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-variants .kaching-bundles__bar-variant { margin-top: 5px; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-variant__content { display: flex; align-items: center; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-variant-names { font-size: 12px; color: var(--bar-subtitle-color, #555); margin-block: 3px; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-variant-names > span:not(:last-child)::after { content: ", "; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-variant-image { width: initial; max-width: 40px; max-height: 40px; border-radius: calc(var(--bar-border-radius, 0) / 2); margin-right: 7px; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-variant-main { display: flex; flex-direction: column; min-width: 0px; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-variant-selects { display: flex; min-width: 0px; margin-right: 2px; margin-bottom: 2px; flex-wrap: wrap; gap: 7px; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-variant-select { font-size: 14px; font-weight: 400; font-style: normal; font-family: var(--block-font-family, inherit); appearance: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 7px 25px 7px 7px; margin: 0px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background-color: rgb(255, 255, 255); background-size: initial; color: rgb(0, 0, 0); outline: none; max-width: 100%; width: auto; height: auto; min-height: auto; display: flex; align-items: center; gap: 10px; cursor: pointer; box-shadow: inset 0 0 0 1px var(--bar-border-color, rgba(0, 0, 0, .3)); border-radius: var(--bar-variant-select-border-radius, 0); background-image: url("data:image/svg+xml;utf8,") !important; background-repeat: no-repeat !important; background-position: right 8px center !important; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-variant-select span { overflow: hidden; text-overflow: ellipsis; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-variant-selector-wrapper { display: flex; flex-wrap: wrap; align-items: center; column-gap: 10px; max-width: 100%; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-variant-select:hover { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: inset 0 0 0 2px var(--bar-border-color, rgba(0, 0, 0, .3)); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-variant-select:focus { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: inset 0 0 0 2px var(--bar-selected-border-color, #000); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-variants, .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-variants--visible { display: flex; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-full-price::before, .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-price::before { content: attr(data-a11y-label); position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0px; } @media (prefers-reduced-motion: reduce) { .cl-pdp-leggingsv2 .kaching-bundles *, .cl-pdp-leggingsv2 .kaching-bundles ::before, .cl-pdp-leggingsv2 .kaching-bundles ::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; } } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-container--badge-border-top .kaching-bundles__bar-wrapper { position: relative; z-index: 1; margin-top: calc(var(--badge-border-thickness, 22px) + var(--badge-border-gap, 0px)); background-color: var(--bar-background-color, #fff); border-start-start-radius: var(--badge-concave-depth, 8px); border-start-end-radius: var(--badge-concave-depth, 8px); border-end-start-radius: var(--bar-border-radius); border-end-end-radius: var(--bar-border-radius); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-container--badge-border-top:has(.kaching-bundles__free-gift, .kaching-bundles__upsell, .kaching-bundles__deal-bar-progressive-gifts) .kaching-bundles__bar-wrapper { border-end-start-radius: 0px; border-end-end-radius: 0px; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-container--badge-border-top :is(.kaching-bundles__free-gift, .kaching-bundles__upsell, .kaching-bundles__deal-bar-progressive-gifts):last-child { border-end-start-radius: var(--bar-border-radius); border-end-end-radius: var(--bar-border-radius); } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-container--badge-border-top :is(.kaching-bundles__free-gift, .kaching-bundles__upsell, .kaching-bundles__deal-bar-progressive-gifts), .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-container--badge-border-bottom :is(.kaching-bundles__free-gift, .kaching-bundles__upsell, .kaching-bundles__deal-bar-progressive-gifts), .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-container--badge-border-left :is(.kaching-bundles__free-gift, .kaching-bundles__upsell, .kaching-bundles__deal-bar-progressive-gifts), .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar-container--badge-border-right :is(.kaching-bundles__free-gift, .kaching-bundles__upsell, .kaching-bundles__deal-bar-progressive-gifts) { margin-inline: 0px; } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-container--badge-border-top .kaching-bundles__bar-wrapper, .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-container--badge-border-bottom .kaching-bundles__bar-wrapper, .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-container--badge-border-left .kaching-bundles__bar-wrapper, .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bar--selected .kaching-bundles__bar-container--badge-border-right .kaching-bundles__bar-wrapper { background-color: var(--bar-selected-background-color); } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main { --section-background-hash: 0; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main { --product-grid: auto / minmax(0, 1fr); --product-gallery-media-list-grid: auto / auto-flow 84vw; --product-gallery-media-list-gap: var(--spacing-0-5); } @media screen and (max-width: 999px) { .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main { --section-spacing-block-start: 0px; } } @media screen and (min-width: 1000px) { .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main { --product-grid: auto / minmax(0, 1.1fr) minmax(0, 0.9fr); --product-gallery-media-list-grid: auto / auto-flow 100%; --product-gallery-media-list-gap: calc(var(--grid-gutter) / 2); } } @media screen and (min-width: 1400px) { .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main { --product-gallery-media-list-gap: var(--grid-gutter); } } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info, .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info__block-list, .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info > .v-stack, .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info__block-list > .v-stack { gap: 0px !important; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info > *, .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info__block-list > *, .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info > .v-stack > *, .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info__block-list > .v-stack > * { margin-top: 0px !important; margin-bottom: 0px !important; margin-block: 0px !important; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info > * + *, .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info__block-list > * + *, .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info > .v-stack > * + *, .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info__block-list > .v-stack > * + * { margin-top: 15px !important; margin-block-start: 15px !important; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info .ce-buy-buttons button[type="submit"], .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main product-quick-add .ce-buy-buttons button[type="submit"] { --button-background: 0 0 0 !important; --button-text-color: 255 255 255 !important; width: 100% !important; min-height: 58px !important; padding: 14px 22px !important; background: rgb(0, 0, 0) !important; border: 1px solid rgb(0, 0, 0) !important; border-radius: 100px !important; color: rgb(255, 255, 255) !important; box-shadow: none !important; overflow: hidden !important; font-family: Figtree, "Helvetica Neue", Helvetica, Arial, sans-serif !important; transition: background-color 0.18s, transform 0.15s !important; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info .ce-buy-buttons button[type="submit"]:hover, .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main product-quick-add .ce-buy-buttons button[type="submit"]:hover { background: rgb(21, 21, 21) !important; border-color: rgb(21, 21, 21) !important; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info .ce-buy-buttons button[type="submit"]:active, .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main product-quick-add .ce-buy-buttons button[type="submit"]:active { transform: scale(0.995); } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-content { display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; width: 100%; gap: 8px; color: rgb(255, 255, 255); white-space: nowrap; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-label { color: rgb(255, 255, 255); font-size: 16px; line-height: 1; font-weight: 800; letter-spacing: 0.015em; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-dash { color: rgba(255, 255, 255, 0.72); font-size: 16px; line-height: 1; font-weight: 400; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-price { color: rgb(255, 255, 255); font-size: 17px; line-height: 1; font-weight: 800; } @media screen and (max-width: 749px) { .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info .ce-buy-buttons button[type="submit"], .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main product-quick-add .ce-buy-buttons button[type="submit"] { min-height: 56px !important; padding: 13px 14px !important; border-radius: 100px !important; } } @media screen and (max-width: 749px) { .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-content { gap: 6px; } } @media screen and (max-width: 749px) { .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-label { font-size: 14px; } } @media screen and (max-width: 749px) { .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-dash { font-size: 14px; } } @media screen and (max-width: 749px) { .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-price { font-size: 15px; } } @media screen and (max-width: 359px) { .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info .ce-buy-buttons button[type="submit"], .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main product-quick-add .ce-buy-buttons button[type="submit"] { padding-left: 8px !important; padding-right: 8px !important; } } @media screen and (max-width: 359px) { .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-content { gap: 4px; } } @media screen and (max-width: 359px) { .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-label { font-size: 12px; } } @media screen and (max-width: 359px) { .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-dash { font-size: 12px; } } @media screen and (max-width: 359px) { .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-price { font-size: 13px; } } .cl-pdp-leggingsv2 { --clm-collection-ratio: 1 / 1; } .cl-pdp-leggingsv2 .cmrs { display: flex; align-items: center; justify-content: flex-start; flex-wrap: nowrap; gap: clamp(4px, 1.4vw, 8px); width: 100%; min-width: 0px; font-family: inherit; padding: 2px 0px 4px; line-height: 1; } .cl-pdp-leggingsv2 .cmrs-stars { display: inline-flex; align-items: center; gap: 1px; flex: 0 0 auto; } .cl-pdp-leggingsv2 .cmrs-stars svg { width: clamp(12px, 3.4vw, 16px); height: clamp(12px, 3.4vw, 16px); display: block; } .cl-pdp-leggingsv2 .cmrs-score { font-size: clamp(11px, 3vw, 14px); font-weight: 700; color: rgb(26, 26, 26); flex: 0 0 auto; white-space: nowrap; } .cl-pdp-leggingsv2 .cmrs-sep { font-size: clamp(9px, 2.4vw, 12px); color: rgb(142, 93, 111); transform: translateY(-1px); flex: 0 0 auto; } .cl-pdp-leggingsv2 .cmrs-label { font-size: clamp(10.5px, 2.9vw, 14px); font-weight: 400; color: rgb(138, 133, 128); flex: 0 1 auto; min-width: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cl-pdp-leggingsv2 .cmrs-label strong { font-weight: 700; color: rgb(26, 26, 26); } @media (min-width: 1000px) { .cl-pdp-leggingsv2 .cmrs { gap: 8px; } } @media (min-width: 1000px) { .cl-pdp-leggingsv2 .cmrs-stars svg { width: 16px; height: 16px; } } @media (min-width: 1000px) { .cl-pdp-leggingsv2 .cmrs-score, .cl-pdp-leggingsv2 .cmrs-label { font-size: 14px; } } @media (min-width: 1000px) { .cl-pdp-leggingsv2 .cmrs-sep { font-size: 12px; } } .cl-pdp-leggingsv2 .cmbl { font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; background: rgb(245, 239, 241); border-radius: 18px; padding: 8px 6px; margin: 6px 0px; } .cl-pdp-leggingsv2 .cmbl-row { display: flex; align-items: center; gap: 13px; padding: 10px 12px; } .cl-pdp-leggingsv2 .cmbl-icon { width: 48px; height: 48px; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; } .cl-pdp-leggingsv2 .cmbl-icon img { width: 100%; height: 100%; object-fit: contain; display: block; } .cl-pdp-leggingsv2 .cmbl-text { flex: 1 1 auto; min-width: 0px; padding-top: 1px; } .cl-pdp-leggingsv2 .cmbl-toprow { display: flex; align-items: flex-start; gap: 8px; } .cl-pdp-leggingsv2 .cmbl-title { flex: 1 1 auto; min-width: 0px; font-size: 14px; font-weight: 600; color: rgb(26, 26, 26); line-height: 1.35; margin: 0px; } .cl-pdp-leggingsv2 .cmbl-tag { flex: 0 0 auto; display: inline-flex; align-items: center; font-size: 8.5px; font-weight: 600; letter-spacing: 0.9px; text-transform: uppercase; color: rgb(255, 255, 255); background: rgb(142, 93, 111); border-radius: 999px; padding: 3px 8px; white-space: nowrap; line-height: 1; margin-top: 3px; } .cl-pdp-leggingsv2 .cmbl-sub { font-size: 12.5px; font-weight: 400; color: rgb(138, 133, 128); line-height: 1.45; margin: 2px 0px 0px; } @media (max-width: 480px) { .cl-pdp-leggingsv2 .cmbl { border-radius: 16px; padding: 6px 4px; } } @media (max-width: 480px) { .cl-pdp-leggingsv2 .cmbl-row { padding: 9px 10px; gap: 11px; } } @media (max-width: 480px) { .cl-pdp-leggingsv2 .cmbl-icon { width: 40px; height: 40px; } } @media (max-width: 480px) { .cl-pdp-leggingsv2 .cmbl-title { font-size: 13.5px; } } @media (max-width: 480px) { .cl-pdp-leggingsv2 .cmbl-tag { font-size: 8px; padding: 3px 7px; } } @media (max-width: 480px) { .cl-pdp-leggingsv2 .cmbl-sub { font-size: 12px; } } .cl-pdp-leggingsv2 .cmtf { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px 10px; font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif; padding: 8px 0px 4px; } .cl-pdp-leggingsv2 .cmtf-item { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 500; color: rgb(138, 133, 128); white-space: nowrap; } .cl-pdp-leggingsv2 .cmtf-item svg { width: 15px; height: 15px; display: block; stroke: rgb(138, 133, 128); stroke-width: 1.6; fill: none; stroke-linecap: round; stroke-linejoin: round; } .cl-pdp-leggingsv2 .cmtf-accent { color: rgb(142, 93, 111); } .cl-pdp-leggingsv2 .cmtf-accent svg { stroke: rgb(142, 93, 111); } .cl-pdp-leggingsv2 .cmtf-dot { font-size: 11px; color: rgb(142, 93, 111); line-height: 1; } @media (max-width: 480px) { .cl-pdp-leggingsv2 .cmtf-item { font-size: 12px; gap: 5px; } } @media (max-width: 480px) { .cl-pdp-leggingsv2 .cmtf-item svg { width: 14px; height: 14px; } } .cl-pdp-leggingsv2 .cm-ff, .cl-pdp-leggingsv2 .cm-ff__overlay { --cm-prune: #3B2C32; --cm-mauve: #8E5D6F; --cm-rose: #C89AAB; --cm-light: #F5EFF1; --cm-white: #FFFFFF; --cm-gris: #8A8580; --cm-tp: #00B67A; font-family: Figtree, system-ui, sans-serif; color: var(--cm-prune); -webkit-font-smoothing: antialiased; } .cl-pdp-leggingsv2 .cm-ff *, .cl-pdp-leggingsv2 .cm-ff ::before, .cl-pdp-leggingsv2 .cm-ff ::after, .cl-pdp-leggingsv2 .cm-ff__overlay *, .cl-pdp-leggingsv2 .cm-ff__overlay ::before, .cl-pdp-leggingsv2 .cm-ff__overlay ::after { box-sizing: border-box; } .cl-pdp-leggingsv2 .cm-ff__triggerwrap { margin: 12px 0px; font-family: Figtree, system-ui, sans-serif; } .cl-pdp-leggingsv2 .cm-ff__trigger { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: 100%; max-width: 240px; background: rgb(255, 255, 255); border: 1px solid rgb(142, 93, 111); border-radius: 999px; padding: 14px 22px; font-family: Figtree, system-ui, sans-serif; font-size: 15px; font-weight: 600; letter-spacing: 0.04em; color: rgb(142, 93, 111); cursor: pointer; transition: background 0.18s; appearance: none; line-height: 1; } .cl-pdp-leggingsv2 .cm-ff__trigger:hover { background: rgb(250, 245, 246); } .cl-pdp-leggingsv2 .cm-ff__tag { flex: 0 0 auto; } .cl-pdp-leggingsv2 .cm-ff__arrow { flex: 0 0 auto; transition: transform 0.2s; } .cl-pdp-leggingsv2 .cm-ff__trigger:hover .cm-ff__arrow { transform: translateX(3px); } .cl-pdp-leggingsv2 .clm-flow-trust { width: 100%; margin: 0px; padding: 0px; } .cl-pdp-leggingsv2 .clm-flow-trust *, .cl-pdp-leggingsv2 .clm-flow-trust ::before, .cl-pdp-leggingsv2 .clm-flow-trust ::after { box-sizing: border-box; } .cl-pdp-leggingsv2 .clm-flow-trust .list-payment { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; width: 100%; padding: 0px; margin: 0px; list-style: none; } .cl-pdp-leggingsv2 .clm-flow-trust .list-payment__item { display: flex; align-items: center; justify-content: center; width: 40px; height: 28px; flex: 0 0 auto; background: rgb(255, 255, 255); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; } .cl-pdp-leggingsv2 .clm-flow-trust .list-payment__item svg { display: block; width: auto; height: 18px; max-width: 100%; margin: auto; } @media screen and (min-width: 768px) { .cl-pdp-leggingsv2 .clm-flow-trust .list-payment { flex-wrap: nowrap; justify-content: center; } } @media screen and (min-width: 768px) { .cl-pdp-leggingsv2 .clm-flow-trust .list-payment__item { width: 44px; height: 30px; } } @media screen and (min-width: 768px) { .cl-pdp-leggingsv2 .clm-flow-trust .list-payment__item svg { height: 20px; } } .cl-pdp-leggingsv2 .cmss { font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; gap: 0px; background: rgb(255, 255, 255); border-radius: 12px; padding: 13px 14px; margin: 10px 0px; color: rgb(138, 133, 128); font-size: 13.5px; line-height: 1.3; -webkit-font-smoothing: antialiased; border: 1px solid rgb(231, 226, 222) !important; outline: none !important; box-shadow: none !important; } .cl-pdp-leggingsv2 .cmss, .cl-pdp-leggingsv2 .cmss * { box-sizing: border-box; } .cl-pdp-leggingsv2 .cmss p, .cl-pdp-leggingsv2 .cmss span { margin: 0px; padding: 0px; } .cl-pdp-leggingsv2 .cmss-side { display: flex; align-items: center; justify-content: center; gap: 8px; flex: 1 1 0px; min-width: 0px; white-space: nowrap; } .cl-pdp-leggingsv2 .cmss-side > span { overflow: hidden; text-overflow: ellipsis; } .cl-pdp-leggingsv2 .cmss b { color: rgb(26, 26, 26); font-weight: 600; } .cl-pdp-leggingsv2 .cmss-div { width: 1px; align-self: stretch; background: rgb(231, 226, 222); flex: 0 0 auto; margin: 0px 4px; } .cl-pdp-leggingsv2 .cmss-dot { width: 7px; height: 7px; border-radius: 50%; background: rgb(142, 93, 111); flex: 0 0 auto; animation: 2.2s ease-out 0s infinite normal none running cmssPulse; } .cl-pdp-leggingsv2 .cmss-flag { width: 19px; height: 13px; border-radius: 2px; object-fit: cover; flex: 0 0 auto; display: block; box-shadow: rgba(59, 44, 50, 0.08) 0px 0px 0px 1px; } @media (max-width: 559px) { .cl-pdp-leggingsv2 .cmss { flex-direction: column; align-items: stretch; gap: 9px; padding: 12px 14px; font-size: 13px; } } @media (max-width: 559px) { .cl-pdp-leggingsv2 .cmss-side { justify-content: flex-start; flex: 0 0 auto; } } @media (max-width: 559px) { .cl-pdp-leggingsv2 .cmss-div { width: auto; height: 1px; align-self: auto; margin: 0px; } } @media (prefers-reduced-motion: reduce) { .cl-pdp-leggingsv2 .cmss-dot { animation: auto ease 0s 1 normal none running none !important; } } .cl-pdp-leggingsv2 .cmgb { display: flex; align-items: center; gap: 12px; font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif; background: rgb(242, 239, 237); border-width: 1px 1px 1px 3px; border-style: solid; border-color: rgb(231, 226, 222) rgb(231, 226, 222) rgb(231, 226, 222) rgb(142, 93, 111); border-image: none; border-radius: 8px; padding: 14px 16px; margin: 10px 0px; } .cl-pdp-leggingsv2 .cmgb-icon { flex-shrink: 0; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; background: rgb(245, 239, 241); border: 1px solid rgb(231, 226, 222); border-radius: 7px; } .cl-pdp-leggingsv2 .cmgb-icon svg { width: 16px; height: 16px; display: block; stroke: rgb(59, 44, 50); stroke-width: 1.6; fill: none; stroke-linecap: round; stroke-linejoin: round; } .cl-pdp-leggingsv2 .cmgb-text { font-size: 14px; line-height: 1.45; color: rgb(138, 133, 128); font-weight: 400; margin: 0px; } .cl-pdp-leggingsv2 .cmgb-text strong { font-weight: 700; color: rgb(26, 26, 26); } .cl-pdp-leggingsv2 .cmgb-accent { color: rgb(142, 93, 111); font-weight: 500; } @media (max-width: 480px) { .cl-pdp-leggingsv2 .cmgb { padding: 12px 13px; gap: 10px; } } @media (max-width: 480px) { .cl-pdp-leggingsv2 .cmgb-icon { width: 28px; height: 28px; } } @media (max-width: 480px) { .cl-pdp-leggingsv2 .cmgb-text { font-size: 13px; } } .cl-pdp-leggingsv2 .cmacc * { box-sizing: border-box; } .cl-pdp-leggingsv2 .cmacc { --cm-plum: #3B2C32; --cm-mauve: #8E5D6F; --cm-rose: #C89AAB; --cm-plum-lite: #F5EFF1; --cm-ink: #1A1A1A; --cm-body: #2E2A28; --cm-muted: #8A8580; --cm-greige1: #F2EFED; --cm-greige2: #EDE9E6; --cm-line: #E7E2DE; margin: 8px 0px 0px; padding: 0px; font-family: Inter, -apple-system, BlinkMacSystemFont, sans-serif; color: var(--cm-body); -webkit-font-smoothing: antialiased; } .cl-pdp-leggingsv2 .cmacc-item { border-bottom: 1px solid var(--cm-line); } .cl-pdp-leggingsv2 .cmacc-item:first-child { border-top: 1px solid var(--cm-line); } .cl-pdp-leggingsv2 .cmacc-head { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 2px; margin: 0px; background: transparent; border: 0px; cursor: pointer; text-align: left; font-family: inherit; font-size: 14px; font-weight: 600; line-height: 1.3; color: var(--cm-plum); letter-spacing: 0.1px; min-height: 44px; } .cl-pdp-leggingsv2 .cmacc-icon { flex: 0 0 auto; width: 17px; height: 17px; color: var(--cm-mauve); transition: transform 0.3s; } .cl-pdp-leggingsv2 .cmacc-icon svg { width: 100%; height: 100%; display: block; } .cl-pdp-leggingsv2 .cmacc-item.is-open .cmacc-icon { transform: rotate(180deg); } .cl-pdp-leggingsv2 .cmacc-panel { display: grid; grid-template-rows: 1fr; } .cl-pdp-leggingsv2 .cmacc.cmacc-js .cmacc-panel { grid-template-rows: 0fr; transition: grid-template-rows 0.32s; } .cl-pdp-leggingsv2 .cmacc.cmacc-js .cmacc-item.is-open .cmacc-panel { grid-template-rows: 1fr; } .cl-pdp-leggingsv2 .cmacc-panel-inner { overflow: hidden; } .cl-pdp-leggingsv2 .cmacc-body { padding: 0px 2px 18px; font-size: 13px; line-height: 1.55; color: var(--cm-muted); } .cl-pdp-leggingsv2 .cmacc-intro { margin: 0px 0px 14px; color: var(--cm-body); } .cl-pdp-leggingsv2 .cmacc-step { display: flex; gap: 11px; margin-bottom: 14px; } .cl-pdp-leggingsv2 .cmacc-step-num { flex: 0 0 auto; width: 23px; height: 23px; border-radius: 50%; background: var(--cm-plum-lite); color: var(--cm-plum); font-family: inherit; font-weight: 600; font-size: 12px; display: flex; align-items: center; justify-content: center; margin-top: 1px; } .cl-pdp-leggingsv2 .cmacc-step-txt h4 { margin: 2px 0px 3px; font-size: 13px; font-weight: 600; color: var(--cm-ink); } .cl-pdp-leggingsv2 .cmacc-step-txt p { margin: 0px; color: var(--cm-muted); } .cl-pdp-leggingsv2 .cmacc-tl { margin-top: 16px; border: 1px solid var(--cm-line); border-radius: 8px; overflow: hidden; } .cl-pdp-leggingsv2 .cmacc-tl-row { display: flex; gap: 12px; padding: 9px 11px; } .cl-pdp-leggingsv2 .cmacc-tl-row:nth-child(2n+1) { background: var(--cm-greige1); } .cl-pdp-leggingsv2 .cmacc-tl-row:nth-child(2n) { background: var(--cm-greige2); } .cl-pdp-leggingsv2 .cmacc-tl-when { flex: 0 0 66px; font-weight: 600; color: var(--cm-mauve); } .cl-pdp-leggingsv2 .cmacc-tl-what { color: var(--cm-body); } .cl-pdp-leggingsv2 .cmacc-list { list-style: none; margin: 0px; padding: 0px; } .cl-pdp-leggingsv2 .cmacc-list li { position: relative; padding-left: 16px; margin-bottom: 9px; color: var(--cm-muted); } .cl-pdp-leggingsv2 .cmacc-list li:last-child { margin-bottom: 0px; } .cl-pdp-leggingsv2 .cmacc-list li::before { content: ""; position: absolute; left: 1px; top: 7px; width: 5px; height: 5px; border-radius: 50%; background: var(--cm-mauve); } .cl-pdp-leggingsv2 .cmacc-list li b, .cl-pdp-leggingsv2 .cmacc-list li strong { color: var(--cm-ink); font-weight: 600; } .cl-pdp-leggingsv2 .cmacc-care { margin: 14px 0px 0px; padding-top: 13px; border-top: 1px solid var(--cm-line); color: var(--cm-muted); } .cl-pdp-leggingsv2 .cmacc-care b { color: var(--cm-ink); font-weight: 600; } .cl-pdp-leggingsv2 .cmacc-callout { background: var(--cm-plum-lite); border-left: 3px solid var(--cm-plum); border-radius: 0px 6px 6px 0px; padding: 11px 13px; margin: 13px 0px 15px; color: var(--cm-plum); } .cl-pdp-leggingsv2 .cmacc-callout b { font-weight: 600; } .cl-pdp-leggingsv2 .cmacc-sub { font-weight: 600; font-size: 13px; color: var(--cm-plum); margin: 16px 0px 8px; } .cl-pdp-leggingsv2 .cmacc-sub:first-child { margin-top: 0px; } .cl-pdp-leggingsv2 .cmacc-note { margin: 11px 0px 0px; color: var(--cm-muted); } .cl-pdp-leggingsv2 .cmacc-note b { color: var(--cm-ink); font-weight: 600; } .cl-pdp-leggingsv2 .cmacc-qa { margin-bottom: 14px; } .cl-pdp-leggingsv2 .cmacc-qa:last-child { margin-bottom: 0px; } .cl-pdp-leggingsv2 .cmacc-q { margin: 0px 0px 5px; font-weight: 600; color: var(--cm-ink); } .cl-pdp-leggingsv2 .cmacc-a { margin: 0px; color: var(--cm-muted); } @media (max-width: 480px) { .cl-pdp-leggingsv2 .cmacc-head { font-size: 13.5px; padding: 12px 2px; } } @media (max-width: 480px) { .cl-pdp-leggingsv2 .cmacc-tl-when { flex: 0 0 60px; } } @media (max-width: 480px) { .cl-pdp-leggingsv2 .cmacc-tl-row { padding: 9px 10px; } } @media (prefers-reduced-motion: reduce) { .cl-pdp-leggingsv2 .cmacc.cmacc-js .cmacc-panel { transition: none; } } @media (prefers-reduced-motion: reduce) { .cl-pdp-leggingsv2 .cmacc-icon { transition: none; } } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main { --section-background-hash: 0; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main + * { --previous-section-background-hash: 0; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main { --product-grid: auto / minmax(0, 1fr); --product-gallery-media-list-grid: auto / auto-flow 84vw; --product-gallery-media-list-gap: var(--spacing-0-5); } @media screen and (max-width: 999px) { .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main { --section-spacing-block-start: 0px; } } @media screen and (min-width: 1000px) { .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main {--product-grid: auto / minmax(0, 1.1fr) minmax(0, 0.9fr); --product-gallery-media-list-grid: auto / auto-flow 100%; --product-gallery-media-list-gap: calc(var(--grid-gutter) / 2); } } @media screen and (min-width: 1400px) { .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main { --product-gallery-media-list-gap: var(--grid-gutter); } } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info, .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info__block-list, .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info > .v-stack, .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info__block-list > .v-stack { gap: 0 !important; row-gap: 0 !important; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info > *, .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info__block-list > *, .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info > .v-stack > *, .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info__block-list > .v-stack > * { margin-top: 0 !important; margin-bottom: 0 !important; margin-block-start: 0 !important; margin-block-end: 0 !important; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info > * + *, .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info__block-list > * + *, .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info > .v-stack > * + *, .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info__block-list > .v-stack > * + * { margin-top: 15px !important; margin-block-start: 15px !important; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info .ce-buy-buttons button[type="submit"], .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main product-quick-add .ce-buy-buttons button[type="submit"] { --button-background: 0 0 0 !important; --button-text-color: 255 255 255 !important; width: 100% !important; min-height: 58px !important; padding: 14px 22px !important; background: #000000 !important; background-color: #000000 !important; border: 1px solid #000000 !important; border-radius: 100px !important; color: #FFFFFF !important; box-shadow: none !important; overflow: hidden !important; font-family: "Figtree", "Helvetica Neue", Helvetica, Arial, sans-serif !important; transition: background-color .18s ease, transform .15s ease !important; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info .ce-buy-buttons button[type="submit"]:hover, .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main product-quick-add .ce-buy-buttons button[type="submit"]:hover { background: #151515 !important; background-color: #151515 !important; border-color: #151515 !important; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info .ce-buy-buttons button[type="submit"]:active, .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main product-quick-add .ce-buy-buttons button[type="submit"]:active { transform: scale(.995); } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-content { display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; width: 100%; gap: 8px; color: #FFFFFF; white-space: nowrap; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-label { color: #FFFFFF; font-size: 16px; line-height: 1; font-weight: 800; letter-spacing: .015em; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-dash { color: rgba(255,255,255,.72); font-size: 16px; line-height: 1; font-weight: 400; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-price { color: #FFFFFF; font-size: 17px; line-height: 1; font-weight: 800; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-compare { color: rgba(255,255,255,.48); font-size: 15px; line-height: 1; font-weight: 500; text-decoration: line-through; text-decoration-thickness: 1.5px; text-decoration-color: rgba(255,255,255,.55); } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-content--sold { justify-content: center; } @media screen and (max-width: 749px) { .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info .ce-buy-buttons button[type="submit"], .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main product-quick-add .ce-buy-buttons button[type="submit"] { min-height: 56px !important; padding: 13px 14px !important; border-radius: 100px !important; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-content { gap: 6px; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-label { font-size: 14px; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-dash { font-size: 14px; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-price { font-size: 15px; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-compare { font-size: 13px; } } @media screen and (max-width: 359px) { .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .product-info .ce-buy-buttons button[type="submit"], .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main product-quick-add .ce-buy-buttons button[type="submit"] { padding-left: 8px !important; padding-right: 8px !important; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-content { gap: 4px; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-label { font-size: 12px; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-dash { font-size: 12px; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-price { font-size: 13px; } .cl-pdp-leggingsv2 #cl-shopify-section-template--27933360914812__main .clm-atc-compare { font-size: 11px; } } @media screen and (max-width: 999px) { .cl-pdp-leggingsv2 .cl-shopify-section--media-with-text { --media-with-text-gap: 14px !important; } .cl-pdp-leggingsv2 .cl-shopify-section--media-with-text .media-with-text__item { gap: 14px; } .cl-pdp-leggingsv2 .cl-shopify-section--media-with-text .media-with-text__content { padding-block: 4px; } .cl-pdp-leggingsv2 .cl-shopify-section--media-with-text .media-with-text__content .clx-prose > * + * { margin-block-start: 0.6em; } .cl-pdp-leggingsv2 .cl-shopify-section--media-with-text .media-with-text__content .clx-h2 { margin-block-end: 0.35em; } } .cl-pdp-leggingsv2 { --clm-collection-ratio: 1 / 1; } .cl-pdp-leggingsv2 .cl-shopify-section--collection-list .clx-collection-card > .content-over-media { aspect-ratio: var(--clm-collection-ratio) !important; height: auto !important; position: relative; overflow: hidden; } .cl-pdp-leggingsv2 .cl-shopify-section--collection-list .clx-collection-card > .content-over-media > img, .cl-pdp-leggingsv2 .cl-shopify-section--collection-list .clx-collection-card > .content-over-media > svg { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; } .cl-pdp-leggingsv2 .cl-shopify-section--collection-list .clx-collection-card > .content-over-media::after { content: ""; position: absolute; inset: auto 0 0 0; height: 58%; background: linear-gradient(to top, rgba(0,0,0,0.58), rgba(0,0,0,0)); pointer-events: none; z-index: 1; } .cl-pdp-leggingsv2 .cl-shopify-section--collection-list .collection-card__content-wrapper { position: relative; z-index: 2; max-width: 100%; padding: 0 14px 16px; box-sizing: border-box; } .cl-pdp-leggingsv2 .cl-shopify-section--collection-list .collection-card__content > .clx-h1, .cl-pdp-leggingsv2 .cl-shopify-section--collection-list .collection-card__content > .clx-h2, .cl-pdp-leggingsv2 .cl-shopify-section--collection-list .collection-card__content > .clx-h3, .cl-pdp-leggingsv2 .cl-shopify-section--collection-list .collection-card__content > .clx-h4 { font-size: clamp(17px, 2vw, 24px) !important; line-height: 1.15 !important; margin: 0 !important; text-shadow: 0 1px 6px rgba(0,0,0,0.35); } .cl-pdp-leggingsv2 .cmrs { display:flex;align-items:center;justify-content:flex-start; flex-wrap:nowrap; gap:clamp(4px,1.4vw,8px); width:100%;min-width:0; font-family:inherit; padding:2px 0 4px;line-height:1; } .cl-pdp-leggingsv2 .cmrs-stars {display:inline-flex;align-items:center;gap:1px;flex:0 0 auto;} .cl-pdp-leggingsv2 .cmrs-stars svg {width:clamp(12px,3.4vw,16px);height:clamp(12px,3.4vw,16px);display:block;} .cl-pdp-leggingsv2 .cmrs-score { font-size:clamp(11px,3vw,14px);font-weight:700;color:#1A1A1A; flex:0 0 auto;white-space:nowrap; } .cl-pdp-leggingsv2 .cmrs-sep { font-size:clamp(9px,2.4vw,12px);color:#8E5D6F; transform:translateY(-1px);flex:0 0 auto; } .cl-pdp-leggingsv2 .cmrs-label { font-size:clamp(10.5px,2.9vw,14px);font-weight:400;color:#8A8580; flex:0 1 auto;min-width:0; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .cl-pdp-leggingsv2 .cmrs-label strong {font-weight:700;color:#1A1A1A;} @media (min-width:1000px) { .cl-pdp-leggingsv2 .cmrs {gap:8px;} .cl-pdp-leggingsv2 .cmrs-stars svg {width:16px;height:16px;} .cl-pdp-leggingsv2 .cmrs-score, .cl-pdp-leggingsv2 .cmrs-label {font-size:14px;} .cl-pdp-leggingsv2 .cmrs-sep {font-size:12px;} } .cl-pdp-leggingsv2 .cmbl {font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;background:#F5EFF1;border-radius:18px;padding:8px 6px;margin:6px 0;} .cl-pdp-leggingsv2 .cmbl-row {display:flex;align-items:center;gap:13px;padding:10px 12px;} .cl-pdp-leggingsv2 .cmbl-icon {width:48px;height:48px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;} .cl-pdp-leggingsv2 .cmbl-icon img {width:100%;height:100%;object-fit:contain;display:block;} .cl-pdp-leggingsv2 .cmbl-text {flex:1 1 auto;min-width:0;padding-top:1px;} .cl-pdp-leggingsv2 .cmbl-toprow {display:flex;align-items:flex-start;gap:8px;} .cl-pdp-leggingsv2 .cmbl-title {flex:1 1 auto;min-width:0;font-size:14px;font-weight:600;color:#1A1A1A;line-height:1.35;margin:0;} .cl-pdp-leggingsv2 .cmbl-tag {flex:0 0 auto;display:inline-flex;align-items:center;font-size:8.5px;font-weight:600;letter-spacing:.9px;text-transform:uppercase;color:#FFFFFF;background:#8E5D6F;border-radius:999px;padding:3px 8px;white-space:nowrap;line-height:1;margin-top:3px;} .cl-pdp-leggingsv2 .cmbl-sub {font-size:12.5px;font-weight:400;color:#8A8580;line-height:1.45;margin:2px 0 0;} @media (max-width:480px) { .cl-pdp-leggingsv2 .cmbl {border-radius:16px;padding:6px 4px;} .cl-pdp-leggingsv2 .cmbl-row {padding:9px 10px;gap:11px;} .cl-pdp-leggingsv2 .cmbl-icon {width:40px;height:40px;} .cl-pdp-leggingsv2 .cmbl-title {font-size:13.5px;} .cl-pdp-leggingsv2 .cmbl-tag {font-size:8px;padding:3px 7px;} .cl-pdp-leggingsv2 .cmbl-sub {font-size:12px;} } .cl-pdp-leggingsv2 .cmtf {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 10px;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;padding:8px 0 4px;} .cl-pdp-leggingsv2 .cmtf-item {display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#8A8580;white-space:nowrap;} .cl-pdp-leggingsv2 .cmtf-item svg {width:15px;height:15px;display:block;stroke:#8A8580;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;} .cl-pdp-leggingsv2 .cmtf-accent {color:#8E5D6F;} .cl-pdp-leggingsv2 .cmtf-accent svg {stroke:#8E5D6F;} .cl-pdp-leggingsv2 .cmtf-dot {font-size:11px;color:#8E5D6F;line-height:1;} @media (max-width:480px) { .cl-pdp-leggingsv2 .cmtf-item {font-size:12px;gap:5px;} .cl-pdp-leggingsv2 .cmtf-item svg {width:14px;height:14px;} } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bundle-products__title { font-weight: 500 !IMPORTANT; } .cl-pdp-leggingsv2 .kaching-bundles__bar:not(.kaching-bundles__bar--selected) .kaching-bundles__bundle-products { display: none !important; } .cl-pdp-leggingsv2 .cm-ff, .cl-pdp-leggingsv2 .cm-ff__overlay { --cm-prune:#3B2C32; --cm-mauve:#8E5D6F; --cm-rose:#C89AAB; --cm-light:#F5EFF1; --cm-white:#FFFFFF; --cm-gris:#8A8580; --cm-tp:#00B67A; font-family:"Figtree",system-ui,sans-serif; color:var(--cm-prune); -webkit-font-smoothing:antialiased; } .cl-pdp-leggingsv2 .cm-ff *, .cl-pdp-leggingsv2 .cm-ff *::before, .cl-pdp-leggingsv2 .cm-ff *::after, .cl-pdp-leggingsv2 .cm-ff__overlay *, .cl-pdp-leggingsv2 .cm-ff__overlay *::before, .cl-pdp-leggingsv2 .cm-ff__overlay *::after {box-sizing:border-box;} .cl-pdp-leggingsv2 .cm-ff__triggerwrap {margin:12px 0; font-family:"Figtree",system-ui,sans-serif;} .cl-pdp-leggingsv2 .cm-ff__trigger {display:inline-flex; align-items:center; justify-content:center; gap:10px; width:100%; max-width:240px; background:#FFFFFF; border:1px solid #8E5D6F; border-radius:999px; padding:14px 22px; font-family:"Figtree",system-ui,sans-serif; font-size:15px; font-weight:600; letter-spacing:.04em; color:#8E5D6F; cursor:pointer; transition:background .18s ease; -webkit-appearance:none; appearance:none; line-height:1;} .cl-pdp-leggingsv2 .cm-ff__trigger:hover {background:#FAF5F6;} .cl-pdp-leggingsv2 .cm-ff__tag {flex:0 0 auto;} .cl-pdp-leggingsv2 .cm-ff__arrow {flex:0 0 auto; transition:transform .2s ease;} .cl-pdp-leggingsv2 .cm-ff__trigger:hover .cm-ff__arrow {transform:translateX(3px);} .cl-pdp-leggingsv2 .cm-ff__overlay {position:fixed; inset:0; z-index:2147483647; isolation:isolate; background:rgba(30,22,26,.6); display:flex; align-items:flex-end; justify-content:center; overflow-y:auto; -webkit-overflow-scrolling:touch; -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);} .cl-pdp-leggingsv2 .cm-ff__overlay[hidden] {display:none;} .cl-pdp-leggingsv2 .cm-ff__sheet {position:relative; z-index:1; width:100%; max-width:460px; max-height:92vh; max-height:92dvh; overflow:hidden; background:#FFFFFF; border-radius:22px 22px 0 0; box-shadow:0 -10px 40px rgba(30,22,26,.35); display:flex; flex-direction:column;} @media(min-width:600px) { .cl-pdp-leggingsv2 .cm-ff__overlay {align-items:flex-start; padding:24px 16px;} .cl-pdp-leggingsv2 .cm-ff__sheet {border-radius:22px; margin:auto; max-height:calc(100dvh - 48px);} } .cl-pdp-leggingsv2 .cm-ff__bar {display:flex; align-items:center; justify-content:space-between; padding:16px 18px 10px; flex:0 0 auto; background:#FFFFFF;} .cl-pdp-leggingsv2 .cm-ff__back {display:inline-flex; align-items:center; gap:4px; border:0; background:transparent; font-family:inherit; font-size:13px; font-weight:600; letter-spacing:.03em; color:var(--cm-prune); cursor:pointer; padding:4px; text-transform:uppercase;} .cl-pdp-leggingsv2 .cm-ff__brand {font-family:"Fraunces",serif; font-weight:500; font-size:15px; color:var(--cm-mauve); background:var(--cm-light); padding:5px 12px; border-radius:999px;} .cl-pdp-leggingsv2 .cm-ff__brand em {font-style:italic;} .cl-pdp-leggingsv2 .cm-ff__progress {height:3px; background:var(--cm-light); margin:0 18px 4px; border-radius:999px; overflow:hidden; flex:0 0 auto;} .cl-pdp-leggingsv2 .cm-ff__progress span {display:block; height:100%; width:16%; background:var(--cm-mauve); border-radius:999px; transition:width .35s ease;} .cl-pdp-leggingsv2 .cm-ff__stage {position:relative; flex:1 1 auto; min-height:0; overflow-y:auto; -webkit-overflow-scrolling:touch; background:#FFFFFF; padding:14px 22px 26px; padding-bottom:calc(26px + env(safe-area-inset-bottom));} .cl-pdp-leggingsv2 .cm-ff__step {display:none; animation:cm-ff-fade .3s ease;} .cl-pdp-leggingsv2 .cm-ff__step.is-active {display:block;} @keyframes cm-ff-fade{from{opacity:0; transform:translateX(10px);} to{opacity:1; transform:translateX(0);}} .cl-pdp-leggingsv2 .cm-ff__h {font-family:"Fraunces",serif; font-weight:500; font-size:25px; line-height:1.15; margin:8px 0 8px;} .cl-pdp-leggingsv2 .cm-ff__h em {font-style:italic; color:var(--cm-mauve);} .cl-pdp-leggingsv2 .cm-ff__p {font-size:14px; line-height:1.5; color:var(--cm-gris); margin:0 0 18px;} .cl-pdp-leggingsv2 .cm-ff__p--center {text-align:center;} .cl-pdp-leggingsv2 .cm-ff__hero {display:flex; justify-content:center; padding:2px 0 16px;} .cl-pdp-leggingsv2 .cm-ff__legs {width:82px; height:auto;} .cl-pdp-leggingsv2 .cm-ff__legs-body {fill:var(--cm-light); stroke:var(--cm-rose); stroke-width:2; stroke-linejoin:round;} .cl-pdp-leggingsv2 .cm-ff__legs-line {fill:none; stroke:var(--cm-rose); stroke-width:1.5; opacity:.55;} .cl-pdp-leggingsv2 .cm-ff__cta {width:100%; font-family:inherit; font-size:16px; font-weight:600; color:var(--cm-white); background:var(--cm-prune); border:0; border-radius:14px; padding:16px; cursor:pointer; transition:.15s;} .cl-pdp-leggingsv2 .cm-ff__cta:hover {background:var(--cm-mauve);} .cl-pdp-leggingsv2 .cm-ff__restart {width:100%; margin-top:12px; background:transparent; border:0; font-family:inherit; font-size:14px; color:var(--cm-gris); text-decoration:underline; cursor:pointer;} .cl-pdp-leggingsv2 .cm-ff__slider {margin-bottom:26px;} .cl-pdp-leggingsv2 .cm-ff__slider-top {display:flex; align-items:baseline; justify-content:space-between; margin-bottom:12px;} .cl-pdp-leggingsv2 .cm-ff__slider-top label {font-size:15px; font-weight:600;} .cl-pdp-leggingsv2 .cm-ff__slider-top label i {font-style:normal; font-weight:400; font-size:12px; color:var(--cm-gris); margin-left:6px;} .cl-pdp-leggingsv2 .cm-ff__slider-top output {font-family:"Fraunces",serif; font-size:20px; font-weight:500;} .cl-pdp-leggingsv2 .cm-ff__slider-top output span {font-size:13px; color:var(--cm-gris); font-family:"Figtree",sans-serif;} .cl-pdp-leggingsv2 .cm-ff__overlay input[type=range] {-webkit-appearance:none; appearance:none; width:100%; height:8px; border-radius:999px; background:var(--cm-light); outline:none;} .cl-pdp-leggingsv2 .cm-ff__overlay input[type=range]::-webkit-slider-thumb {-webkit-appearance:none; width:26px; height:26px; border-radius:50%; background:var(--cm-white); border:5px solid var(--cm-mauve); cursor:pointer; box-shadow:0 2px 6px rgba(142,93,111,.35);} .cl-pdp-leggingsv2 .cm-ff__overlay input[type=range]::-moz-range-thumb {width:26px; height:26px; border-radius:50%; background:var(--cm-white); border:5px solid var(--cm-mauve); cursor:pointer;} .cl-pdp-leggingsv2 .cm-ff__toggle {display:inline-flex; gap:2px; background:var(--cm-light); border-radius:10px; padding:3px;} .cl-pdp-leggingsv2 .cm-ff__toggle button {border:0; background:transparent; font-family:inherit; font-size:12px; font-weight:700; letter-spacing:.05em; color:var(--cm-gris); padding:6px 12px; border-radius:8px; cursor:pointer; transition:.15s;} .cl-pdp-leggingsv2 .cm-ff__toggle button.is-active {background:var(--cm-white); color:var(--cm-prune); box-shadow:0 1px 3px rgba(59,44,50,.12);} .cl-pdp-leggingsv2 .cm-ff__slider .cm-ff__toggle {margin-top:12px;} .cl-pdp-leggingsv2 .cm-ff__measure-btn {width:100%; display:flex; align-items:center; justify-content:center; gap:8px; background:var(--cm-light); border:1.5px solid var(--cm-mauve); color:var(--cm-mauve); font-family:inherit; font-size:15px; font-weight:700; border-radius:14px; padding:15px; cursor:pointer; transition:.15s; margin-top:6px;} .cl-pdp-leggingsv2 .cm-ff__measure-btn:hover {background:#EEE3E8;} .cl-pdp-leggingsv2 .cm-ff__measure-btn .cm-ff__chev {transition:transform .25s; margin-left:2px;} .cl-pdp-leggingsv2 .cm-ff__measure-btn.is-open .cm-ff__chev {transform:rotate(180deg);} .cl-pdp-leggingsv2 .cm-ff__measure-note {text-align:center; font-size:12px; color:var(--cm-gris); margin:8px 0 16px;} .cl-pdp-leggingsv2 .cm-ff__exact {background:var(--cm-light); border-radius:14px; padding:14px; margin:0 0 18px;} .cl-pdp-leggingsv2 .cm-ff__exact-note {font-size:13px; line-height:1.45; color:var(--cm-prune); margin:0 0 12px;} .cl-pdp-leggingsv2 .cm-ff__exact .cm-ff__toggle {margin:0 0 14px;} .cl-pdp-leggingsv2 .cm-ff__exact-fields {display:flex; gap:10px;} .cl-pdp-leggingsv2 .cm-ff__efield {flex:1; display:flex; flex-direction:column; gap:6px;} .cl-pdp-leggingsv2 .cm-ff__efield span {font-size:12px; font-weight:600;} .cl-pdp-leggingsv2 .cm-ff__efield input {font-family:inherit; font-size:16px; padding:11px 12px; border:1px solid #E4D8DD; border-radius:10px; background:var(--cm-white); color:var(--cm-prune); width:100%;} .cl-pdp-leggingsv2 .cm-ff__efield input:focus {outline:none; border-color:var(--cm-mauve); box-shadow:0 0 0 3px rgba(142,93,111,.15);} .cl-pdp-leggingsv2 .cm-ff__shapes {display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:22px;} .cl-pdp-leggingsv2 .cm-ff__shape {background:var(--cm-white); border:1.5px solid #E4D8DD; border-radius:16px; padding:16px 8px 12px; cursor:pointer; transition:.18s; display:flex; flex-direction:column; align-items:center; gap:8px;} .cl-pdp-leggingsv2 .cm-ff__shape svg {width:44px; height:auto;} .cl-pdp-leggingsv2 .cm-ff__shape svg path {fill:var(--cm-light); stroke:var(--cm-rose); stroke-width:2.5; stroke-linejoin:round; transition:.18s;} .cl-pdp-leggingsv2 .cm-ff__shape span {font-size:13px; font-weight:600; color:var(--cm-gris); text-align:center;} .cl-pdp-leggingsv2 .cm-ff__shape.is-active {border-color:var(--cm-mauve); background:var(--cm-light);} .cl-pdp-leggingsv2 .cm-ff__shape.is-active svg path {fill:#E9D7DE; stroke:var(--cm-mauve);} .cl-pdp-leggingsv2 .cm-ff__shape.is-active span {color:var(--cm-prune);} .cl-pdp-leggingsv2 .cm-ff__tights {display:flex; flex-direction:column; gap:10px; margin-bottom:22px;} .cl-pdp-leggingsv2 .cm-ff__tight {display:flex; flex-direction:column; align-items:flex-start; gap:3px; text-align:left; background:var(--cm-white); border:1.5px solid #E4D8DD; border-radius:14px; padding:15px 16px; cursor:pointer; transition:.15s;} .cl-pdp-leggingsv2 .cm-ff__tight b {font-size:15px; font-weight:600; color:var(--cm-prune);} .cl-pdp-leggingsv2 .cm-ff__tight small {font-size:12.5px; color:var(--cm-gris);} .cl-pdp-leggingsv2 .cm-ff__tight.is-active {border-color:var(--cm-mauve); background:var(--cm-light);} .cl-pdp-leggingsv2 .cm-ff__analyse {list-style:none; padding:0; margin:14px 0 0;} .cl-pdp-leggingsv2 .cm-ff__analyse li {display:flex; align-items:center; gap:12px; font-size:15px; font-weight:500; padding:16px 0; border-bottom:1px solid var(--cm-light); opacity:.35; transition:opacity .3s;} .cl-pdp-leggingsv2 .cm-ff__analyse li.is-done {opacity:1;} .cl-pdp-leggingsv2 .cm-ff__dot {width:9px; height:9px; border-radius:50%; background:var(--cm-prune); flex:0 0 auto;} .cl-pdp-leggingsv2 .cm-ff__check {margin-left:auto; width:24px; height:24px; border-radius:50%; background:var(--cm-mauve); flex:0 0 auto; position:relative; transform:scale(0); transition:transform .25s ease;} .cl-pdp-leggingsv2 .cm-ff__analyse li.is-done .cm-ff__check {transform:scale(1);} .cl-pdp-leggingsv2 .cm-ff__check::after {content:""; position:absolute; left:8px; top:5px; width:6px; height:11px; border:solid var(--cm-white); border-width:0 2.5px 2.5px 0; transform:rotate(45deg);} .cl-pdp-leggingsv2 .cm-ff__result {text-align:center; padding:10px 0 4px;} .cl-pdp-leggingsv2 .cm-ff__result-badge {display:inline-flex; align-items:center; justify-content:center; min-width:150px; padding:20px 30px; background:var(--cm-prune); color:var(--cm-white); font-family:"Fraunces",serif; font-weight:500; font-size:34px; border-radius:16px; margin-bottom:14px;} .cl-pdp-leggingsv2 .cm-ff__conf {font-size:15px; color:var(--cm-gris); margin:0 0 12px;} .cl-pdp-leggingsv2 .cm-ff__conf b {color:var(--cm-mauve); font-size:17px;} .cl-pdp-leggingsv2 .cm-ff__lengthwarn {margin:10px 0 0; padding:10px 14px; background:var(--cm-light); border-radius:10px; font-size:12.5px; line-height:1.4; color:var(--cm-prune); text-align:center;} .cl-pdp-leggingsv2 .cm-ff__badges {list-style:none; padding:0; margin:6px 0 20px;} .cl-pdp-leggingsv2 .cm-ff__badges li {display:flex; align-items:baseline; gap:8px; padding:8px 0; font-size:14px; line-height:1.3;} .cl-pdp-leggingsv2 .cm-ff__badges b {font-weight:700; color:var(--cm-prune);} .cl-pdp-leggingsv2 .cm-ff__badges span {color:var(--cm-gris);} .cl-pdp-leggingsv2 .cm-ff__tick {flex:0 0 auto; align-self:flex-start; width:20px; height:20px; border-radius:50%; background:var(--cm-light); position:relative;} .cl-pdp-leggingsv2 .cm-ff__tick::after {content:""; position:absolute; left:7px; top:4px; width:5px; height:9px; border:solid var(--cm-mauve); border-width:0 2px 2px 0; transform:rotate(45deg);} .cl-pdp-leggingsv2 .cm-ff__more {margin-top:16px; border-top:1px solid var(--cm-light); padding-top:6px;} .cl-pdp-leggingsv2 .cm-ff__more-toggle {width:100%; display:flex; align-items:center; justify-content:space-between; background:transparent; border:0; font-family:inherit; font-size:14px; font-weight:600; color:var(--cm-prune); padding:12px 0; cursor:pointer;} .cl-pdp-leggingsv2 .cm-ff__more-toggle svg {transition:transform .25s; color:var(--cm-mauve);} .cl-pdp-leggingsv2 .cm-ff__more-toggle.is-open svg {transform:rotate(180deg);} .cl-pdp-leggingsv2 .cm-ff__more-body {padding:4px 0 8px;} .cl-pdp-leggingsv2 .cm-ff__more-label {font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--cm-mauve); font-weight:600; margin:14px 0 10px;} .cl-pdp-leggingsv2 .cm-ff__detail {display:flex; gap:10px;} .cl-pdp-leggingsv2 .cm-ff__detail div {flex:1; background:var(--cm-light); border-radius:10px; padding:10px 12px;} .cl-pdp-leggingsv2 .cm-ff__detail small {display:block; font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--cm-gris); font-weight:600; margin-bottom:3px;} .cl-pdp-leggingsv2 .cm-ff__detail b {font-size:14px; color:var(--cm-prune);} .cl-pdp-leggingsv2 .cm-ff__conv {display:grid; grid-template-columns:repeat(3,1fr); gap:8px;} .cl-pdp-leggingsv2 .cm-ff__conv-cell {background:var(--cm-light); border-radius:10px; padding:9px; text-align:center;} .cl-pdp-leggingsv2 .cm-ff__conv-cell small {display:block; font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--cm-gris); font-weight:600; margin-bottom:2px;} .cl-pdp-leggingsv2 .cm-ff__conv-cell b {font-size:14px; color:var(--cm-prune);} .cl-pdp-leggingsv2 .cm-ff__note {font-size:12px; color:var(--cm-gris); margin:10px 0 0; text-align:center;} .cl-pdp-leggingsv2 .cm-ff__how {display:flex; flex-direction:column; gap:10px;} .cl-pdp-leggingsv2 .cm-ff__how-card {display:flex; gap:12px; background:var(--cm-light); border-radius:14px; padding:14px;} .cl-pdp-leggingsv2 .cm-ff__num {flex:0 0 auto; width:26px; height:26px; border-radius:999px; background:var(--cm-mauve); color:var(--cm-white); font-weight:700; font-size:13px; display:flex; align-items:center; justify-content:center;} .cl-pdp-leggingsv2 .cm-ff__how-card h4 {margin:0 0 4px; font-size:14px; font-weight:600; color:var(--cm-prune);} .cl-pdp-leggingsv2 .cm-ff__how-card p {margin:0; font-size:13px; line-height:1.45; color:var(--cm-gris);} @media (prefers-reduced-motion:reduce) { .cl-pdp-leggingsv2 .cm-ff *, .cl-pdp-leggingsv2 .cm-ff__overlay * {animation:none !important; transition:none !important;} } .cl-pdp-leggingsv2 .clm-flow-trust { width: 100%; margin: 0; padding: 0; } .cl-pdp-leggingsv2 .clm-flow-trust *, .cl-pdp-leggingsv2 .clm-flow-trust *::before, .cl-pdp-leggingsv2 .clm-flow-trust *::after { box-sizing: border-box; } .cl-pdp-leggingsv2 .clm-flow-trust .list-payment { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; width: 100%; padding: 0; margin: 0; list-style: none; } .cl-pdp-leggingsv2 .clm-flow-trust .list-payment__item { display: flex; align-items: center; justify-content: center; width: 40px; height: 28px; flex: 0 0 auto; background: #FFFFFF; border-radius: 4px; box-shadow: 0 0 0 1px rgba(0,0,0,.05); } .cl-pdp-leggingsv2 .clm-flow-trust .list-payment__item svg { display: block; width: auto; height: 18px; max-width: 100%; margin: auto; } @media screen and (min-width: 768px) { .cl-pdp-leggingsv2 .clm-flow-trust .list-payment { flex-wrap: nowrap; justify-content: center; } .cl-pdp-leggingsv2 .clm-flow-trust .list-payment__item { width: 44px; height: 30px; } .cl-pdp-leggingsv2 .clm-flow-trust .list-payment__item svg { height: 20px; } } .cl-pdp-leggingsv2 .cmss { font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; display:flex;align-items:center;justify-content:center; flex-wrap:nowrap; gap:0; background:#FFFFFF; border:1px solid #E7E2DE !important; border-radius:12px; outline:none !important; box-shadow:none !important; padding:13px 14px; margin:10px 0; color:#8A8580; font-size:13.5px;line-height:1.3; -webkit-font-smoothing:antialiased; } .cl-pdp-leggingsv2 .cmss, .cl-pdp-leggingsv2 .cmss * {box-sizing:border-box;} .cl-pdp-leggingsv2 .cmss p, .cl-pdp-leggingsv2 .cmss span {margin:0;padding:0;} .cl-pdp-leggingsv2 .cmss-side { display:flex;align-items:center;justify-content:center; gap:8px; flex:1 1 0;min-width:0; white-space:nowrap; } .cl-pdp-leggingsv2 .cmss-side>span {overflow:hidden;text-overflow:ellipsis;} .cl-pdp-leggingsv2 .cmss b {color:#1A1A1A;font-weight:600;} .cl-pdp-leggingsv2 .cmss-div {width:1px;align-self:stretch;background:#E7E2DE;flex:none;margin:0 4px;} .cl-pdp-leggingsv2 .cmss-dot { width:7px;height:7px;border-radius:50%; background:#8E5D6F;flex:none; animation:cmssPulse 2.2s ease-out infinite; } .cl-pdp-leggingsv2 .cmss-flag { width:19px;height:13px;border-radius:2px; object-fit:cover;flex:none;display:block; box-shadow:0 0 0 1px rgba(59,44,50,.08); } @keyframes cmssPulse{ 0%{box-shadow:0 0 0 0 rgba(142,93,111,.50);} 70%{box-shadow:0 0 0 6px rgba(142,93,111,0);} 100%{box-shadow:0 0 0 0 rgba(142,93,111,0);} } @media (max-width:559px) { .cl-pdp-leggingsv2 .cmss {flex-direction:column;align-items:stretch;gap:9px;padding:12px 14px;font-size:13px;} .cl-pdp-leggingsv2 .cmss-side {justify-content:flex-start;flex:none;} .cl-pdp-leggingsv2 .cmss-div {width:auto;height:1px;align-self:auto;margin:0;} } @media (prefers-reduced-motion:reduce) { .cl-pdp-leggingsv2 .cmss-dot {animation:none !important;} } @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); .cmgb{display:flex;align-items:center;gap:12px;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:#F2EFED;border:1px solid #E7E2DE;border-left:3px solid #8E5D6F;border-radius:8px;padding:14px 16px;margin:10px 0;} .cl-pdp-leggingsv2 .cmgb-icon {flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#F5EFF1;border:1px solid #E7E2DE;border-radius:7px;} .cl-pdp-leggingsv2 .cmgb-icon svg {width:16px;height:16px;display:block;stroke:#3B2C32;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;} .cl-pdp-leggingsv2 .cmgb-text {font-size:14px;line-height:1.45;color:#8A8580;font-weight:400;margin:0;} .cl-pdp-leggingsv2 .cmgb-text strong {font-weight:700;color:#1A1A1A;} .cl-pdp-leggingsv2 .cmgb-accent {color:#8E5D6F;font-weight:500;} @media (max-width:480px) { .cl-pdp-leggingsv2 .cmgb {padding:12px 13px;gap:10px;} .cl-pdp-leggingsv2 .cmgb-icon {width:28px;height:28px;} .cl-pdp-leggingsv2 .cmgb-text {font-size:13px;} } .cl-pdp-leggingsv2 .cmacc * { box-sizing:border-box; } .cl-pdp-leggingsv2 .cmacc { --cm-plum:#3B2C32; --cm-mauve:#8E5D6F; --cm-rose:#C89AAB; --cm-plum-lite:#F5EFF1; --cm-ink:#1A1A1A; --cm-body:#2E2A28; --cm-muted:#8A8580; --cm-greige1:#F2EFED; --cm-greige2:#EDE9E6; --cm-line:#E7E2DE; margin:8px 0 0; padding:0; font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif; color:var(--cm-body); -webkit-font-smoothing:antialiased; } .cl-pdp-leggingsv2 .cmacc-item { border-bottom:1px solid var(--cm-line); } .cl-pdp-leggingsv2 .cmacc-item:first-child { border-top:1px solid var(--cm-line); } .cl-pdp-leggingsv2 .cmacc-head { width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:13px 2px; margin:0; background:transparent; border:0; cursor:pointer; text-align:left; font-family:inherit; font-size:14px; font-weight:600; line-height:1.3; color:var(--cm-plum); letter-spacing:.1px; min-height:44px; } .cl-pdp-leggingsv2 .cmacc-head:focus-visible { outline:2px solid var(--cm-mauve); outline-offset:2px; border-radius:4px; } .cl-pdp-leggingsv2 .cmacc-icon { flex:0 0 auto; width:17px; height:17px; color:var(--cm-mauve); transition:transform .3s ease; } .cl-pdp-leggingsv2 .cmacc-icon svg { width:100%; height:100%; display:block; } .cl-pdp-leggingsv2 .cmacc-item.is-open .cmacc-icon { transform:rotate(180deg); } .cl-pdp-leggingsv2 .cmacc-panel { display:grid; grid-template-rows:1fr; } .cl-pdp-leggingsv2 .cmacc.cmacc-js .cmacc-panel { grid-template-rows:0fr; transition:grid-template-rows .32s ease; } .cl-pdp-leggingsv2 .cmacc.cmacc-js .cmacc-item.is-open .cmacc-panel { grid-template-rows:1fr; } .cl-pdp-leggingsv2 .cmacc-panel-inner { overflow:hidden; } .cl-pdp-leggingsv2 .cmacc-body { padding:0 2px 18px; font-size:13px; line-height:1.55; color:var(--cm-muted); } .cl-pdp-leggingsv2 .cmacc-intro { margin:0 0 14px; color:var(--cm-body); } .cl-pdp-leggingsv2 .cmacc-step { display:flex; gap:11px; margin-bottom:14px; } .cl-pdp-leggingsv2 .cmacc-step-num { flex:0 0 auto; width:23px; height:23px; border-radius:50%; background:var(--cm-plum-lite); color:var(--cm-plum); font-family:inherit; font-weight:600; font-size:12px; display:flex; align-items:center; justify-content:center; margin-top:1px; } .cl-pdp-leggingsv2 .cmacc-step-txt h4 { margin:2px 0 3px; font-size:13px; font-weight:600; color:var(--cm-ink); } .cl-pdp-leggingsv2 .cmacc-step-txt p { margin:0; color:var(--cm-muted); } .cl-pdp-leggingsv2 .cmacc-tl { margin-top:16px; border:1px solid var(--cm-line); border-radius:8px; overflow:hidden; } .cl-pdp-leggingsv2 .cmacc-tl-row { display:flex; gap:12px; padding:9px 11px; } .cl-pdp-leggingsv2 .cmacc-tl-row:nth-child(odd) { background:var(--cm-greige1); } .cl-pdp-leggingsv2 .cmacc-tl-row:nth-child(even) { background:var(--cm-greige2); } .cl-pdp-leggingsv2 .cmacc-tl-when { flex:0 0 66px; font-weight:600; color:var(--cm-mauve); } .cl-pdp-leggingsv2 .cmacc-tl-what { color:var(--cm-body); } .cl-pdp-leggingsv2 .cmacc-list { list-style:none; margin:0; padding:0; } .cl-pdp-leggingsv2 .cmacc-list li { position:relative; padding-left:16px; margin-bottom:9px; color:var(--cm-muted); } .cl-pdp-leggingsv2 .cmacc-list li:last-child { margin-bottom:0; } .cl-pdp-leggingsv2 .cmacc-list li::before { content:""; position:absolute; left:1px; top:7px; width:5px; height:5px; border-radius:50%; background:var(--cm-mauve); } .cl-pdp-leggingsv2 .cmacc-list li b, .cl-pdp-leggingsv2 .cmacc-list li strong { color:var(--cm-ink); font-weight:600; } .cl-pdp-leggingsv2 .cmacc-care { margin:14px 0 0; padding-top:13px; border-top:1px solid var(--cm-line); color:var(--cm-muted); } .cl-pdp-leggingsv2 .cmacc-care b { color:var(--cm-ink); font-weight:600; } .cl-pdp-leggingsv2 .cmacc-callout { background:var(--cm-plum-lite); border-left:3px solid var(--cm-plum); border-radius:0 6px 6px 0; padding:11px 13px; margin:13px 0 15px; color:var(--cm-plum); } .cl-pdp-leggingsv2 .cmacc-callout b { font-weight:600; } .cl-pdp-leggingsv2 .cmacc-sub { font-weight:600; font-size:13px; color:var(--cm-plum); margin:16px 0 8px; } .cl-pdp-leggingsv2 .cmacc-sub:first-child { margin-top:0; } .cl-pdp-leggingsv2 .cmacc-note { margin:11px 0 0; color:var(--cm-muted); } .cl-pdp-leggingsv2 .cmacc-note b { color:var(--cm-ink); font-weight:600; } .cl-pdp-leggingsv2 .cmacc-qa { margin-bottom:14px; } .cl-pdp-leggingsv2 .cmacc-qa:last-child { margin-bottom:0; } .cl-pdp-leggingsv2 .cmacc-q { margin:0 0 5px; font-weight:600; color:var(--cm-ink); } .cl-pdp-leggingsv2 .cmacc-a { margin:0; color:var(--cm-muted); } @media (max-width:480px) { .cl-pdp-leggingsv2 .cmacc-head { font-size:13.5px; padding:12px 2px; } .cl-pdp-leggingsv2 .cmacc-tl-when { flex:0 0 60px; } .cl-pdp-leggingsv2 .cmacc-tl-row { padding:9px 10px; } } @media (prefers-reduced-motion:reduce) { .cl-pdp-leggingsv2 .cmacc.cmacc-js .cmacc-panel { transition:none; } .cl-pdp-leggingsv2 .cmacc-icon { transition:none; } } .cl-pdp-leggingsv2 .kaching-bundles .kaching-bundles__bundle-products__title { font-weight: 500 !IMPORTANT; } .cl-pdp-leggingsv2 .kaching-bundles__bar:not(.kaching-bundles__bar--selected) .kaching-bundles__bundle-products { display: none !important; } /* 02-hero */ @font-face { font-family: "Source Serif 4"; font-weight: 600; font-style: normal; font-display: fallback; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-sourceserif4_n6.95f0b4b0c48888f7bbbe6586fc9c50e8f98c6276.woff2?v=94748038138959959751792992368) format("woff2"), url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-sourceserif4_n6.d1dfc25223b4ed046fa065538a370cbfaa922731.woff?v=677184171389271981792992369) format("woff"); } @font-face { font-family: "Source Serif 4"; font-weight: 600; font-style: italic; font-display: fallback; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-sourceserif4_i6.e58d30f9ee9205efefa33583bd2485dadf2bd38d.woff2?v=159750083584672706911792992371) format("woff2"), url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-sourceserif4_i6.f65f4a8cb92329f91f51997560d2b7030c2faf05.woff?v=75084091202242631541792992404) format("woff"); } .cl-sec-hero { --spacing-0-5: 2px; --spacing-1: 4px; --spacing-1-5: 6px; --spacing-2: 8px; --spacing-2-5: 10px; --spacing-3: 12px; --spacing-3-5: 14px; --spacing-4: 16px; --spacing-4-5: 18px; --spacing-5: 20px; --spacing-5-5: 22px; --spacing-6: 24px; --spacing-6-5: 26px; --spacing-7: 28px; --spacing-7-5: 30px; --spacing-8: 32px; --spacing-8-5: 34px; --spacing-9: 36px; --spacing-9-5: 38px; --spacing-10: 40px; --spacing-11: 44px; --spacing-12: 48px; --spacing-14: 56px; --spacing-16: 64px; --spacing-18: 72px; --spacing-20: 80px; --spacing-24: 96px; --spacing-28: 112px; --spacing-32: 128px; --spacing-36: 144px; --spacing-40: 160px; --spacing-44: 176px; --spacing-48: 192px; --spacing-52: 208px; --spacing-56: 224px; --spacing-60: 240px; --spacing-64: 256px; --spacing-72: 288px; --spacing-80: 320px; --spacing-96: 384px; --container-max-width: 1600px; --container-narrow-max-width: 1350px; --container-gutter: var(--spacing-5); --section-outer-spacing-block: var(--spacing-12); --section-inner-max-spacing-block: var(--spacing-10); --section-inner-spacing-inline: var(--container-gutter); --section-stack-spacing-block: var(--spacing-8); --grid-gutter: var(--spacing-5); --product-list-row-gap: var(--spacing-8); --product-list-column-gap: var(--grid-gutter); --input-gap: var(--spacing-2); --input-height: 42px; --input-padding-inline: var(--spacing-4); --sticky-area-height: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px) + var(--sticky-header-enabled, 0) * var(--header-height, 0px)); --transform-logical-flip: 1; --transform-origin-start: left; --transform-origin-end: right; --heading-font-family: "Source Serif 4", serif; --heading-font-weight: 600; --heading-font-style: normal; --heading-text-transform: normal; --heading-letter-spacing: 0.0em; --text-font-family: Helvetica, Arial, sans-serif; --text-font-weight: 400; --text-font-style: normal; --text-letter-spacing: 0.0em; --text-h0: 48px; --text-h1: 40px; --text-h2: 32px; --text-h3: 24px; --text-h4: 22px; --text-h5: 18px; --text-h6: 16px; --text-xs: 11px; --text-sm: 12px; --text-base: 14px; --text-lg: 18px; --accent: 0 0 0; --text-primary: 0 0 0; --background-primary: 255 255 255; --dialog-background: 255 255 255; --border-color: var(--text-color, var(--text-primary)) / 0.12; --button-background-primary: 0 0 0; --button-text-primary: 255 255 255; --button-background-secondary: 195 135 134; --button-text-secondary: 255 255 255; --success-background: 224 244 232; --success-text: 0 163 65; --warning-background: 255 246 233; --warning-text: 255 183 74; --error-background: 254 231 231; --error-text: 248 58 58; --on-sale-text: 248 58 58; --on-sale-badge-background: 248 58 58; --on-sale-badge-text: 255 255 255; --sold-out-badge-background: 0 0 0; --sold-out-badge-text: 255 255 255; --primary-badge-background: 141 95 112; --primary-badge-text: 255 255 255; --star-color: 255 183 74; --product-card-background: 255 255 255; --product-card-text: 0 0 0; --header-background: 255 255 255; --header-text: 0 0 0; --footer-background: 0 0 0; --footer-text: 255 255 255; --rounded-xs: 4px; --rounded-sm: 6px; --rounded: 12px; --rounded-lg: 24px; --rounded-full: 9999px; --rounded-block: 24px; --rounded-button: 60px; --rounded-input: 8px; --shadow-sm: 0 2px 8px rgb(var(--text-primary) / 0.1); --shadow: 0 5px 15px rgb(var(--text-primary) / 0.1); --shadow-md: 0 5px 30px rgb(var(--text-primary) / 0.1); --shadow-block: 0px 18px 50px rgb(var(--text-primary) / 0.1); --stagger-products-reveal-opacity: 0; --cursor-close-svg-url: url(//pridolahome.com/cdn/shop/t/1/assets/cursor-close.svg?v=5163); --cursor-zoom-in-svg-url: url(//pridolahome.com/cdn/shop/t/1/assets/cursor-zoom-in.svg?v=5163); --cursor-zoom-out-svg-url: url(//pridolahome.com/cdn/shop/t/1/assets/cursor-zoom-out.svg?v=5163); --checkmark-svg-url: url(//pridolahome.com/cdn/shop/t/1/assets/checkmark.svg?v=5163); } @media screen and (min-width: 700px) { .cl-sec-hero { --text-h0: 64px; --text-h1: 48px; --text-h2: 40px; --text-h3: 32px; --text-h4: 26px; --text-h5: 20px; --text-h6: 18px; --text-xs: 12px; --text-sm: 14px; --text-base: 16px; --text-lg: 20px; --container-gutter: 32px; --section-outer-spacing-block: var(--spacing-16); --section-inner-max-spacing-block: var(--spacing-12); --section-inner-spacing-inline: var(--spacing-12); --section-stack-spacing-block: var(--spacing-12); --grid-gutter: var(--spacing-6); --product-list-row-gap: var(--spacing-12); --input-gap: 16px; --input-height: 50px; --input-padding-inline: var(--spacing-5); } } @media screen and (min-width: 1000px) { .cl-sec-hero { --container-gutter: var(--spacing-12); --section-outer-spacing-block: var(--spacing-18); --section-inner-max-spacing-block: var(--spacing-16); --section-inner-spacing-inline: var(--spacing-16); --section-stack-spacing-block: var(--spacing-12); } } @media screen and (min-width: 1150px) { .cl-sec-hero { --container-gutter: var(--spacing-12); --section-outer-spacing-block: var(--spacing-20); --section-inner-max-spacing-block: var(--spacing-16); --section-inner-spacing-inline: var(--spacing-16); --section-stack-spacing-block: var(--spacing-12); } } @media screen and (min-width: 1400px) { .cl-sec-hero { --text-h0: 80px; --text-h1: 60px; --text-h2: 48px; --text-h3: 36px; --text-h4: 32px; --text-h5: 24px; --text-h6: 20px; --section-outer-spacing-block: var(--spacing-24); --section-inner-max-spacing-block: var(--spacing-18); --section-inner-spacing-inline: var(--spacing-18); } } @media screen and (min-width: 1600px) { .cl-sec-hero { --section-outer-spacing-block: var(--spacing-24); --section-inner-max-spacing-block: var(--spacing-20); --section-inner-spacing-inline: var(--spacing-20); } } .cl-sec-hero *, .cl-sec-hero ::before, .cl-sec-hero ::after { box-sizing: border-box; border-style: solid; border-width: 0px; border-color: rgb(var(--text-color) / .12); } .cl-sec-hero { text-size-adjust: 100%; tab-size: 4; interpolate-size: allow-keywords; scroll-padding-block-start: calc(var(--sticky-area-height) + 20px); line-height: 1.5; } .cl-sec-hero { --background: var(--background-primary); --text-color: var(--text-primary); background: rgb(var(--background)); color: rgb(var(--text-color)); font: var(--text-font-style) var(--text-font-weight) var(--text-base) / 1.6 var(--text-font-family); letter-spacing: var(--text-letter-spacing); margin: 0px; position: relative; } .cl-sec-hero h1, .cl-sec-hero h2, .cl-sec-hero h3, .cl-sec-hero h4, .cl-sec-hero h5, .cl-sec-hero h6 { font-size: inherit; font-weight: inherit; } .cl-sec-hero a { color: inherit; text-decoration: inherit; } .cl-sec-hero b, .cl-sec-hero strong { font-weight: bolder; } .cl-sec-hero blockquote, .cl-sec-hero dl, .cl-sec-hero dd, .cl-sec-hero h1, .cl-sec-hero h2, .cl-sec-hero h3, .cl-sec-hero h4, .cl-sec-hero h5, .cl-sec-hero h6, .cl-sec-hero hr, .cl-sec-hero figure, .cl-sec-hero p, .cl-sec-hero pre { margin: 0px; } .cl-sec-hero img, .cl-sec-hero video, .cl-sec-hero iframe, .cl-sec-hero object { vertical-align: middle; display: block; } .cl-sec-hero video { width: 100%; max-width: 100%; height: auto; } .cl-sec-hero :focus:not(:focus-visible) { outline: none; } .cl-sec-hero .cl-shopify-section { --section-is-first: 0; --hash-difference: calc(var(--section-background-hash) - var(--previous-section-background-hash, -1)); --hash-difference-abs: max(var(--hash-difference), -1 * var(--hash-difference)); --background-differs-from-previous: max(0, min(var(--hash-difference-abs, 1), 1)); background: rgb(var(--background)); position: relative; } .cl-sec-hero .cl-shopify-section:not(.clx-contents) { display: flow-root; } .cl-sec-hero .cl-shopify-section:first-child { --section-is-first: 1; } @media screen and (min-width: 700px) { .cl-sec-hero .cl-shopify-section:first-child { --section-outer-spacing-block-start: 24px; } } @font-face { font-family: GTStandard-M; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-GTStandard-MRegular.woff2?v=149152729114340250381792992409) format("woff2"); font-style: normal; font-weight: 450; font-display: swap; } @font-face { font-family: GTStandard-M; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-GTStandard-MMedium.woff2?v=30486626448974345721792992414) format("woff2"); font-style: normal; font-weight: 500; font-display: swap; } @font-face { font-family: GTStandard-M; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-GTStandard-MSemibold.woff2?v=104269634200593542371792992419) format("woff2"); font-style: normal; font-weight: 600; font-display: swap; } .cl-sec-hero, .cl-sec-hero { scroll-behavior: auto !important; } .cl-sec-hero .lmr-hero { --lmr-prune: #3B2C32; --lmr-mauve: #8E5D6F; --lmr-rose: #C89AAB; --lmr-badge-bg: #F5EFF1; --lmr-white: #FFFFFF; --lmr-ink: #1A1A1A; --lmr-body: #8A8580; --lmr-greige-1: #F2EFED; --lmr-greige-2: #EDE9E6; --lmr-hairline: #E7E2DE; --lmr-green: #00B67A; --lmr-charbon: #2E2A28; --lmr-cta-bg: var(--lmr-mauve); } .cl-sec-hero .lmr-hero { position: relative; width: 100vw; margin-left: calc(50% - 50vw); background: linear-gradient(rgb(245, 239, 241) 0%, rgb(255, 255, 255) 100%); overflow-x: clip; padding: 12px 0px 0px; border-radius: 0px 0px 28px 28px; font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; color: var(--lmr-ink); -webkit-font-smoothing: antialiased; box-sizing: border-box; } .cl-sec-hero .lmr-hero *, .cl-sec-hero .lmr-hero ::before, .cl-sec-hero .lmr-hero ::after { box-sizing: border-box; } .cl-sec-hero .lmr-h-inner { max-width: 1320px; margin: 0px auto; padding: 0px 20px; } .cl-sec-hero .lmr-h-grid { display: grid; grid-template-columns: 1fr; row-gap: 8px; } .cl-sec-hero .lmr-h-media { order: 1; } .cl-sec-hero .lmr-h-copy { display: flex; flex-direction: column; align-items: flex-start; order: 2; } .cl-sec-hero .lmr-h-eyebrow { font-size: 10px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--lmr-mauve); margin: 0px 0px 12px; white-space: nowrap; } .cl-sec-hero .lmr-h-title { font-family: Poppins, sans-serif; font-weight: 600; font-style: normal; font-size: clamp(26px, 7.1vw, 50px); line-height: 1.1; letter-spacing: -0.6px; color: var(--lmr-ink); margin: 0px; } .cl-sec-hero .lmr-h-l1 { display: block; white-space: nowrap; } .cl-sec-hero .lmr-h-promise { display: block; position: relative; margin: 18px 0px 0px; padding-left: 23px; font-size: clamp(18px, 5.4vw, 30px); line-height: 1.3; letter-spacing: -0.3px; font-weight: 600; } .cl-sec-hero .lmr-h-promise::before { content: ""; position: absolute; left: 0px; top: 3px; bottom: 3px; width: 3.5px; border-radius: 3px; background: var(--lmr-mauve); } .cl-sec-hero .lmr-h-promise::after { content: ""; position: absolute; left: 3.5px; top: 50%; transform: translateY(-50%); width: 0px; height: 0px; border-top: 7.5px solid transparent; border-bottom: 7.5px solid transparent; border-left: 10px solid var(--lmr-mauve); } .cl-sec-hero .lmr-h-pline { display: block; color: var(--lmr-ink); } .cl-sec-hero .lmr-h-acc { color: var(--lmr-mauve); font-style: normal; font-weight: 600; } .cl-sec-hero .lmr-h-sub { font-size: 14px; line-height: 1.6; color: rgba(59, 44, 50, 0.78); margin: 14px 0px 0px; max-width: 520px; } .cl-sec-hero .lmr-h-sub strong { color: var(--lmr-ink); font-weight: 600; } .cl-sec-hero .lmr-h-ctawrap { display: flex; flex-wrap: wrap; gap: 12px; margin: 20px 0px 0px; width: 100%; } .cl-sec-hero .lmr-h-cta, .cl-sec-hero .lmr-h-cta2 { display: inline-flex; align-items: center; justify-content: center; gap: 10px; text-decoration: none; font-family: Poppins, sans-serif; font-weight: 600; font-size: 13.5px; letter-spacing: 0.02em; padding: 15px 26px; border-radius: 999px; transition: transform 0.22s cubic-bezier(0.2, 0.7, 0.3, 1), box-shadow 0.22s, background-color 0.22s; } .cl-sec-hero .lmr-h-cta { background: var(--lmr-cta-bg); color: var(--lmr-white); box-shadow: rgba(142, 93, 111, 0.32) 0px 10px 24px; flex: 1 1 auto; } .cl-sec-hero .lmr-h-cta2 { background: transparent; color: var(--lmr-ink); border: 1.5px solid var(--lmr-mauve); flex: 1 1 auto; } .cl-sec-hero .lmr-h-cta:hover { transform: translateY(-2px); box-shadow: rgba(142, 93, 111, 0.42) 0px 16px 34px; } .cl-sec-hero .lmr-h-cta2:hover { transform: translateY(-2px); background: var(--lmr-badge-bg); } .cl-sec-hero .lmr-h-cta svg, .cl-sec-hero .lmr-h-cta2 svg { transition: transform 0.22s cubic-bezier(0.2, 0.7, 0.3, 1); flex: 0 0 auto; } .cl-sec-hero .lmr-h-cta:hover svg, .cl-sec-hero .lmr-h-cta2:hover svg { transform: translateX(4px); } .cl-sec-hero .lmr-h-guar { display: flex; align-items: center; gap: 8px; font-size: 12px; color: var(--lmr-body); margin: 14px 0px 0px; } .cl-sec-hero .lmr-h-guar svg { color: var(--lmr-prune); flex: 0 0 auto; } .cl-sec-hero .lmr-h-proof { display: flex; align-items: center; flex-wrap: nowrap; gap: 10px; margin: 18px 0px 0px; max-width: 100%; } .cl-sec-hero .lmr-h-avatars { display: flex; flex: 0 0 auto; } .cl-sec-hero .lmr-h-av { position: relative; width: 32px; height: 32px; border-radius: 50%; border: 2px solid var(--lmr-white); display: grid; place-items: center; font-size: 10.5px; font-weight: 600; color: var(--lmr-white); margin-left: -8px; overflow: hidden; flex: 0 0 auto; } .cl-sec-hero .lmr-h-av:first-child { margin-left: 0px; } .cl-sec-hero .lmr-h-av--1 { background: var(--lmr-mauve); } .cl-sec-hero .lmr-h-av--2 { background: var(--lmr-rose); } .cl-sec-hero .lmr-h-av--3 { background: var(--lmr-prune); } .cl-sec-hero .lmr-h-av--4 { background: var(--lmr-charbon); } .cl-sec-hero .lmr-h-prooftxt { flex: 0 1 auto; min-width: 0px; font-size: 12px; line-height: 1.4; color: var(--lmr-body); white-space: nowrap; } .cl-sec-hero .lmr-h-prooftxt strong { color: var(--lmr-ink); font-weight: 600; } .cl-sec-hero .lmr-h-proofstars { display: flex; align-items: center; gap: 6px; margin-top: 2px; } .cl-sec-hero .lmr-h-stars { display: inline-flex; gap: 2px; } .cl-sec-hero .lmr-h-star { width: 13px; height: 13px; border-radius: 2px; background: var(--lmr-green); color: var(--lmr-white); display: inline-grid; place-items: center; flex: 0 0 auto; } .cl-sec-hero .lmr-h-score { font-size: 11.5px; font-weight: 700; color: var(--lmr-ink); } @media (max-width: 480px) { .cl-sec-hero .lmr-h-proof { gap: 9px; } } @media (max-width: 480px) { .cl-sec-hero .lmr-h-av { width: 28px; height: 28px; font-size: 9.5px; margin-left: -7px; border-width: 1.5px; } } @media (max-width: 480px) { .cl-sec-hero .lmr-h-prooftxt { font-size: 11px; } } @media (max-width: 480px) { .cl-sec-hero .lmr-h-star { width: 12px; height: 12px; } } @media (max-width: 480px) { .cl-sec-hero .lmr-h-score { font-size: 11px; } } @media (max-width: 390px) { .cl-sec-hero .lmr-h-proof { gap: 8px; } } @media (max-width: 390px) { .cl-sec-hero .lmr-h-av { width: 25px; height: 25px; font-size: 8.5px; margin-left: -7px; } } @media (max-width: 390px) { .cl-sec-hero .lmr-h-prooftxt { font-size: 10px; } } @media (max-width: 390px) { .cl-sec-hero .lmr-h-star { width: 11px; height: 11px; } } @media (max-width: 390px) { .cl-sec-hero .lmr-h-score { font-size: 10px; } } @media (max-width: 352px) { .cl-sec-hero .lmr-h-title { font-size: 23px; } } @media (max-width: 352px) { .cl-sec-hero .lmr-h-eyebrow { font-size: 9px; letter-spacing: 0.14em; } } @media (max-width: 352px) { .cl-sec-hero .lmr-h-av:nth-child(4) { display: none; } } @media (max-width: 352px) { .cl-sec-hero .lmr-h-prooftxt { font-size: 9.5px; } } .cl-sec-hero .lmr-h-stock { display: flex; align-items: center; gap: 9px; font-size: 12px; font-weight: 500; color: var(--lmr-ink); margin: 10px 0px 0px; } .cl-sec-hero .lmr-h-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--lmr-mauve); flex: 0 0 auto; animation: 2.2s ease-out 0s infinite normal none running lmrPulse; } .cl-sec-hero .lmr-h-media { position: relative; margin: 0px 0px 4px; padding: 0px 6px 8px; } .cl-sec-hero .lmr-h-blob { position: absolute; left: 50%; top: 50%; width: min(84vw, 440px); height: min(84vw, 440px); transform: translate(-50%, -50%); border-radius: 50%; background: radial-gradient(circle at 50% 42%, rgb(200, 154, 171) 0%, rgb(245, 239, 241) 62%, rgba(245, 239, 241, 0) 78%); z-index: 0; pointer-events: none; } .cl-sec-hero .lmr-h-cutwrap { position: relative; z-index: 1; width: 100%; max-width: 320px; aspect-ratio: 1 / 1; margin: 0px auto; } .cl-sec-hero .lmr-h-cut { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: contain; object-position: center bottom; transform-origin: center top; filter: drop-shadow(rgba(59, 44, 50, 0.2) 0px 24px 44px); opacity: 0; transform: scale(1); transition: opacity 0.7s, transform 0.7s; pointer-events: none; } .cl-sec-hero .lmr-h-cut.is-on { opacity: 1; transform: scale(1.03); transition: opacity 0.7s, transform 4s linear; pointer-events: auto; } .cl-sec-hero .lmr-h-vid, .cl-sec-hero .lmr-h-vid.is-on { opacity: 1; transform: none; transition: none; pointer-events: auto; object-fit: cover; object-position: center center; border-radius: 20px; filter: none; box-shadow: rgba(59, 44, 50, 0.2) 0px 24px 44px; background: rgb(237, 233, 230); display: block; } .cl-sec-hero .lmr-h-vid { width: 100%; height: 100%; } .cl-sec-hero .lmr-h-badge { position: absolute; left: 8px; bottom: 8px; z-index: 3; background: rgba(26, 26, 26, 0.6); backdrop-filter: blur(12px) saturate(120%); border: 1px solid rgba(255, 255, 255, 0.13); border-radius: 11px; padding: 7px 11px 7px 9px; text-align: left; box-shadow: rgba(26, 26, 26, 0.3) 0px 10px 26px; display: flex; align-items: center; gap: 8px; max-width: calc(100% - 16px); } .cl-sec-hero .lmr-h-badge-num { font-weight: 700; font-size: 17px; letter-spacing: -0.5px; line-height: 1; color: var(--lmr-rose); flex: 0 0 auto; } .cl-sec-hero .lmr-h-badge-t { font-weight: 600; font-size: 9.5px; letter-spacing: 0.05em; text-transform: uppercase; color: var(--lmr-white); line-height: 1.25; } .cl-sec-hero .lmr-h-badge-s { margin-top: 1px; font-size: 8.5px; letter-spacing: 0.01em; color: rgba(255, 255, 255, 0.7); line-height: 1.3; } .cl-sec-hero .lmr-hero.lmr-anim .lmr-h-badge { opacity: 0; transform: translateY(10px); } .cl-sec-hero .lmr-hero.lmr-anim.lmr-ready .lmr-h-badge { opacity: 1; transform: none; transition: opacity 0.6s 0.3s, transform 0.6s cubic-bezier(0.2, 0.7, 0.3, 1) 0.3s; } @media (min-width: 960px) { .cl-sec-hero .lmr-hero { padding: 72px 0px 0px; border-radius: 0px 0px 40px 40px; } } @media (min-width: 960px) { .cl-sec-hero .lmr-h-inner { padding: 0px 24px; } } @media (min-width: 960px) { .cl-sec-hero .lmr-h-grid { grid-template-columns: minmax(0px, 1.05fr) minmax(0px, 0.95fr); column-gap: 48px; align-items: center; } } @media (min-width: 960px) { .cl-sec-hero .lmr-h-copy { order: 1; } } @media (min-width: 960px) { .cl-sec-hero .lmr-h-media { order: 2; margin: 0px; padding: 0px 0px 64px; } } @media (min-width: 960px) { .cl-sec-hero .lmr-h-eyebrow { font-size: 12px; margin-bottom: 16px; } } @media (min-width: 960px) { .cl-sec-hero .lmr-h-title { font-size: clamp(34px, 3.6vw, 50px); line-height: 1.06; letter-spacing: -1px; } } @media (min-width: 960px) { .cl-sec-hero .lmr-h-promise { font-size: clamp(23px, 2.35vw, 32px); margin-top: 24px; padding-left: 28px; } } @media (min-width: 960px) { .cl-sec-hero .lmr-h-promise::before { width: 4px; } } @media (min-width: 960px) { .cl-sec-hero .lmr-h-promise::after { left: 4px; border-top-width: 9px; border-bottom-width: 9px; border-left-width: 11px; } } @media (min-width: 960px) { .cl-sec-hero .lmr-h-sub { font-size: 16.5px; line-height: 1.65; margin-top: 20px; } } @media (min-width: 960px) { .cl-sec-hero .lmr-h-ctawrap { margin-top: 28px; gap: 14px; } } @media (min-width: 960px) { .cl-sec-hero .lmr-h-cta, .cl-sec-hero .lmr-h-cta2 { flex: 0 0 auto; padding: 17px 32px; font-size: 14px; } } @media (min-width: 960px) { .cl-sec-hero .lmr-h-guar { font-size: 12.5px; margin-top: 16px; } } @media (min-width: 960px) { .cl-sec-hero .lmr-h-proof { margin-top: 22px; gap: 12px; } } @media (min-width: 960px) { .cl-sec-hero .lmr-h-av { width: 38px; height: 38px; font-size: 12px; margin-left: -8px; border-width: 2px; } } @media (min-width: 960px) { .cl-sec-hero .lmr-h-prooftxt { font-size: 13.5px; } } @media (min-width: 960px) { .cl-sec-hero .lmr-h-star { width: 14px; height: 14px; } } @media (min-width: 960px) { .cl-sec-hero .lmr-h-score { font-size: 12px; } } @media (min-width: 960px) { .cl-sec-hero .lmr-h-stock { font-size: 12.5px; } } @media (min-width: 960px) { .cl-sec-hero .lmr-h-blob { width: min(46vw, 620px); height: min(46vw, 620px); } } @media (min-width: 960px) { .cl-sec-hero .lmr-h-cutwrap { max-width: 520px; } } @media (min-width: 960px) { .cl-sec-hero .lmr-h-vid, .cl-sec-hero .lmr-h-vid.is-on { border-radius: 26px; } } @media (min-width: 960px) { .cl-sec-hero .lmr-h-badge { left: 14px; bottom: 14px; border-radius: 13px; padding: 8px 14px 8px 11px; gap: 10px; } } @media (min-width: 960px) { .cl-sec-hero .lmr-h-badge-num { font-size: 21px; } } @media (min-width: 960px) { .cl-sec-hero .lmr-h-badge-t { font-size: 10.5px; } } @media (min-width: 960px) { .cl-sec-hero .lmr-h-badge-s { font-size: 9.5px; } } @media (prefers-reduced-motion: reduce) { .cl-sec-hero .lmr-hero.lmr-anim .lmr-h-badge { opacity: 1 !important; transform: none !important; } } @media (prefers-reduced-motion: reduce) { .cl-sec-hero .lmr-h-dot { animation: auto ease 0s 1 normal none running none !important; } } @media (prefers-reduced-motion: reduce) { .cl-sec-hero .lmr-h-cta, .cl-sec-hero .lmr-h-cta2, .cl-sec-hero .lmr-h-cta svg, .cl-sec-hero .lmr-h-cta2 svg { transition: none !important; } } @media (prefers-reduced-motion: reduce) { .cl-sec-hero .lmr-h-cut { transition: opacity 0.4s !important; transform: none !important; } } @media (prefers-reduced-motion: reduce) { .cl-sec-hero .lmr-h-cut.is-on { transform: none !important; } } .cl-sec-hero { --clm-collection-ratio: 1 / 1; } .cl-sec-hero .lmr-hero { --lmr-prune:#3B2C32; --lmr-mauve:#8E5D6F; --lmr-rose:#C89AAB; --lmr-badge-bg:#F5EFF1; --lmr-white:#FFFFFF; --lmr-ink:#1A1A1A; --lmr-body:#8A8580; --lmr-greige-1:#F2EFED; --lmr-greige-2:#EDE9E6; --lmr-hairline:#E7E2DE; --lmr-green:#00B67A; --lmr-charbon:#2E2A28; --lmr-cta-bg:var(--lmr-mauve); } .cl-sec-hero .lmr-hero { position:relative; width:100vw; margin-left:calc(50% - 50vw); background:linear-gradient(180deg,#F5EFF1 0%,#FFFFFF 100%); overflow-x:clip; padding:12px 0 0; border-radius:0 0 28px 28px; font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; color:var(--lmr-ink); -webkit-font-smoothing:antialiased; box-sizing:border-box; } .cl-sec-hero .lmr-hero *, .cl-sec-hero .lmr-hero *::before, .cl-sec-hero .lmr-hero *::after {box-sizing:border-box;} .cl-sec-hero .lmr-h-inner {max-width:1320px;margin:0 auto;padding:0 20px;} .cl-sec-hero .lmr-h-grid {display:grid;grid-template-columns:1fr;row-gap:8px;} .cl-sec-hero .lmr-h-media {order:1;} .cl-sec-hero .lmr-h-copy {display:flex;flex-direction:column;align-items:flex-start;order:2;} .cl-sec-hero .lmr-h-eyebrow { font-size:10px;font-weight:600; letter-spacing:.18em;text-transform:uppercase; color:var(--lmr-mauve); margin:0 0 12px; white-space:nowrap; } .cl-sec-hero .lmr-h-title { font-family:'Poppins',sans-serif; font-weight:600;font-style:normal; font-size:clamp(26px,7.1vw,50px); line-height:1.1;letter-spacing:-.6px; color:var(--lmr-ink); margin:0; } .cl-sec-hero .lmr-h-l1 {display:block;white-space:nowrap;} .cl-sec-hero .lmr-h-promise { display:block;position:relative; margin:18px 0 0;padding-left:23px; font-size:clamp(18px,5.4vw,30px); line-height:1.3;letter-spacing:-.3px; font-weight:600; } .cl-sec-hero .lmr-h-promise::before { content:''; position:absolute;left:0;top:3px;bottom:3px; width:3.5px;border-radius:3px; background:var(--lmr-mauve); } .cl-sec-hero .lmr-h-promise::after { content:''; position:absolute;left:3.5px;top:50%; transform:translateY(-50%); width:0;height:0; border-top:7.5px solid transparent; border-bottom:7.5px solid transparent; border-left:10px solid var(--lmr-mauve); } .cl-sec-hero .lmr-h-pline {display:block;color:var(--lmr-ink);} .cl-sec-hero .lmr-h-acc {color:var(--lmr-mauve);font-style:normal;font-weight:600;} .cl-sec-hero .lmr-h-sub {font-size:14px;line-height:1.6;color:rgba(59,44,50,.78);margin:14px 0 0;max-width:520px;} .cl-sec-hero .lmr-h-sub strong {color:var(--lmr-ink);font-weight:600;} .cl-sec-hero .lmr-h-ctawrap {display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 0;width:100%;} .cl-sec-hero .lmr-h-cta, .cl-sec-hero .lmr-h-cta2 { display:inline-flex;align-items:center;justify-content:center;gap:10px; text-decoration:none; font-family:'Poppins',sans-serif; font-weight:600;font-size:13.5px;letter-spacing:.02em; padding:15px 26px;border-radius:999px; transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s ease,background-color .22s ease; } .cl-sec-hero .lmr-h-cta { background:var(--lmr-cta-bg);color:var(--lmr-white); box-shadow:0 10px 24px rgba(142,93,111,.32); flex:1 1 auto; } .cl-sec-hero .lmr-h-cta2 { background:transparent;color:var(--lmr-ink); border:1.5px solid var(--lmr-mauve); flex:1 1 auto; } .cl-sec-hero .lmr-h-cta:hover {transform:translateY(-2px);box-shadow:0 16px 34px rgba(142,93,111,.42);} .cl-sec-hero .lmr-h-cta2:hover {transform:translateY(-2px);background:var(--lmr-badge-bg);} .cl-sec-hero .lmr-h-cta:focus-visible, .cl-sec-hero .lmr-h-cta2:focus-visible {outline:2px solid var(--lmr-prune);outline-offset:3px;} .cl-sec-hero .lmr-h-cta svg, .cl-sec-hero .lmr-h-cta2 svg {transition:transform .22s cubic-bezier(.2,.7,.3,1);flex:0 0 auto;} .cl-sec-hero .lmr-h-cta:hover svg, .cl-sec-hero .lmr-h-cta2:hover svg {transform:translateX(4px);} .cl-sec-hero .lmr-h-guar {display:flex;align-items:center;gap:8px;font-size:12px;color:var(--lmr-body);margin:14px 0 0;} .cl-sec-hero .lmr-h-guar svg {color:var(--lmr-prune);flex:0 0 auto;} .cl-sec-hero .lmr-h-proof { display:flex;align-items:center;flex-wrap:nowrap; gap:10px;margin:18px 0 0; max-width:100%; } .cl-sec-hero .lmr-h-avatars {display:flex;flex:0 0 auto;} .cl-sec-hero .lmr-h-av { position:relative; width:32px;height:32px;border-radius:50%; border:2px solid var(--lmr-white); display:grid;place-items:center; font-size:10.5px;font-weight:600;color:var(--lmr-white); margin-left:-8px; overflow:hidden; flex:0 0 auto; } .cl-sec-hero .lmr-h-av:first-child {margin-left:0;} .cl-sec-hero .lmr-h-av--1 {background:var(--lmr-mauve);} .cl-sec-hero .lmr-h-av--2 {background:var(--lmr-rose);} .cl-sec-hero .lmr-h-av--3 {background:var(--lmr-prune);} .cl-sec-hero .lmr-h-av--4 {background:var(--lmr-charbon);} .cl-sec-hero .lmr-h-av img { position:absolute;inset:0; display:block;width:100%;height:100%; object-fit:cover; border-radius:50%; } .cl-sec-hero .lmr-h-prooftxt { flex:0 1 auto;min-width:0; font-size:12px;line-height:1.4;color:var(--lmr-body); white-space:nowrap; } .cl-sec-hero .lmr-h-prooftxt strong {color:var(--lmr-ink);font-weight:600;} .cl-sec-hero .lmr-h-proofstars {display:flex;align-items:center;gap:6px;margin-top:2px;} .cl-sec-hero .lmr-h-stars {display:inline-flex;gap:2px;} .cl-sec-hero .lmr-h-star { width:13px;height:13px;border-radius:2px; background:var(--lmr-green);color:var(--lmr-white); display:inline-grid;place-items:center; flex:0 0 auto; } .cl-sec-hero .lmr-h-score {font-size:11.5px;font-weight:700;color:var(--lmr-ink);} @media (max-width:480px) { .cl-sec-hero .lmr-h-proof {gap:9px;} .cl-sec-hero .lmr-h-av {width:28px;height:28px;font-size:9.5px;margin-left:-7px;border-width:1.5px;} .cl-sec-hero .lmr-h-prooftxt {font-size:11px;} .cl-sec-hero .lmr-h-star {width:12px;height:12px;} .cl-sec-hero .lmr-h-score {font-size:11px;} } @media (max-width:390px) { .cl-sec-hero .lmr-h-proof {gap:8px;} .cl-sec-hero .lmr-h-av {width:25px;height:25px;font-size:8.5px;margin-left:-7px;} .cl-sec-hero .lmr-h-prooftxt {font-size:10px;} .cl-sec-hero .lmr-h-star {width:11px;height:11px;} .cl-sec-hero .lmr-h-score {font-size:10px;} } @media (max-width:352px) { .cl-sec-hero .lmr-h-title {font-size:23px;} .cl-sec-hero .lmr-h-eyebrow {font-size:9px;letter-spacing:.14em;} .cl-sec-hero .lmr-h-av:nth-child(4) {display:none;} .cl-sec-hero .lmr-h-prooftxt {font-size:9.5px;} } .cl-sec-hero .lmr-h-stock {display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500;color:var(--lmr-ink);margin:10px 0 0;} .cl-sec-hero .lmr-h-dot { width:7px;height:7px;border-radius:50%; background:var(--lmr-mauve);flex:0 0 auto; animation:lmrPulse 2.2s ease-out infinite; } @keyframes lmrPulse{ 0%{box-shadow:0 0 0 0 rgba(142,93,111,.50);} 70%{box-shadow:0 0 0 7px rgba(142,93,111,0);} 100%{box-shadow:0 0 0 0 rgba(142,93,111,0);} } .cl-sec-hero .lmr-h-media {position:relative;margin:0 0 4px;padding:0 6px 8px;} .cl-sec-hero .lmr-h-blob { position:absolute;left:50%;top:50%; width:min(84vw,440px);height:min(84vw,440px); transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle at 50% 42%,#C89AAB 0%,#F5EFF1 62%,rgba(245,239,241,0) 78%); z-index:0;pointer-events:none; } .cl-sec-hero .lmr-h-cutwrap { position:relative;z-index:1; width:100%;max-width:320px; aspect-ratio:1/1; margin:0 auto; } .cl-sec-hero .lmr-h-cut { position:absolute;inset:0; width:100%;height:100%; object-fit:contain;object-position:center bottom; transform-origin:center top; filter:drop-shadow(0 24px 44px rgba(59,44,50,.20)); opacity:0;transform:scale(1); transition:opacity .7s ease,transform 0s .7s; pointer-events:none; } .cl-sec-hero .lmr-h-cut.is-on { opacity:1;transform:scale(1.03); transition:opacity .7s ease,transform 4s linear; pointer-events:auto; } .cl-sec-hero .lmr-h-vid, .cl-sec-hero .lmr-h-vid.is-on { opacity:1; transform:none; transition:none; pointer-events:auto; object-fit:cover; object-position:center center; border-radius:20px; filter:none; box-shadow:0 24px 44px rgba(59,44,50,.20); background:#EDE9E6; display:block; } .cl-sec-hero .lmr-h-vid { width:100%;height:100%; } .cl-sec-hero .lmr-h-badge { position:absolute; left:8px;bottom:8px; z-index:3; background:rgba(26,26,26,.60); -webkit-backdrop-filter:blur(12px) saturate(120%); backdrop-filter:blur(12px) saturate(120%); border:1px solid rgba(255,255,255,.13); border-radius:11px; padding:7px 11px 7px 9px; text-align:left; box-shadow:0 10px 26px rgba(26,26,26,.30); display:flex;align-items:center;gap:8px; max-width:calc(100% - 16px); } .cl-sec-hero .lmr-h-badge-num { font-weight:700;font-size:17px;letter-spacing:-.5px;line-height:1; color:var(--lmr-rose);flex:0 0 auto; } .cl-sec-hero .lmr-h-badge-t { font-weight:600;font-size:9.5px;letter-spacing:.05em;text-transform:uppercase; color:var(--lmr-white);line-height:1.25; } .cl-sec-hero .lmr-h-badge-s {margin-top:1px;font-size:8.5px;letter-spacing:.01em;color:rgba(255,255,255,.70);line-height:1.3;} .cl-sec-hero .lmr-hero.lmr-anim .lmr-h-badge {opacity:0;transform:translateY(10px);} .cl-sec-hero .lmr-hero.lmr-anim.lmr-ready .lmr-h-badge { opacity:1;transform:none; transition:opacity .6s ease .3s,transform .6s cubic-bezier(.2,.7,.3,1) .3s; } @media (min-width:960px) { .cl-sec-hero .lmr-hero {padding:72px 0 0;border-radius:0 0 40px 40px;} .cl-sec-hero .lmr-h-inner {padding:0 24px;} .cl-sec-hero .lmr-h-grid { grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); column-gap:48px; align-items:center; } .cl-sec-hero .lmr-h-copy {order:1;} .cl-sec-hero .lmr-h-media {order:2;margin:0;padding:0 0 64px;} .cl-sec-hero .lmr-h-eyebrow {font-size:12px;margin-bottom:16px;} .cl-sec-hero .lmr-h-title {font-size:clamp(34px,3.6vw,50px);line-height:1.06;letter-spacing:-1px;} .cl-sec-hero .lmr-h-promise {font-size:clamp(23px,2.35vw,32px);margin-top:24px;padding-left:28px;} .cl-sec-hero .lmr-h-promise::before {width:4px;} .cl-sec-hero .lmr-h-promise::after {left:4px;border-top-width:9px;border-bottom-width:9px;border-left-width:11px;} .cl-sec-hero .lmr-h-sub {font-size:16.5px;line-height:1.65;margin-top:20px;} .cl-sec-hero .lmr-h-ctawrap {margin-top:28px;gap:14px;} .cl-sec-hero .lmr-h-cta, .cl-sec-hero .lmr-h-cta2 {flex:0 0 auto;padding:17px 32px;font-size:14px;} .cl-sec-hero .lmr-h-guar {font-size:12.5px;margin-top:16px;} .cl-sec-hero .lmr-h-proof {margin-top:22px;gap:12px;} .cl-sec-hero .lmr-h-av {width:38px;height:38px;font-size:12px;margin-left:-8px;border-width:2px;} .cl-sec-hero .lmr-h-prooftxt {font-size:13.5px;} .cl-sec-hero .lmr-h-star {width:14px;height:14px;} .cl-sec-hero .lmr-h-score {font-size:12px;} .cl-sec-hero .lmr-h-stock {font-size:12.5px;} .cl-sec-hero .lmr-h-blob {width:min(46vw,620px);height:min(46vw,620px);} .cl-sec-hero .lmr-h-cutwrap {max-width:520px;} .cl-sec-hero .lmr-h-vid, .cl-sec-hero .lmr-h-vid.is-on {border-radius:26px;} .cl-sec-hero .lmr-h-badge {left:14px;bottom:14px;border-radius:13px;padding:8px 14px 8px 11px;gap:10px;} .cl-sec-hero .lmr-h-badge-num {font-size:21px;} .cl-sec-hero .lmr-h-badge-t {font-size:10.5px;} .cl-sec-hero .lmr-h-badge-s {font-size:9.5px;} } @media (prefers-reduced-motion:reduce) { .cl-sec-hero .lmr-hero.lmr-anim .lmr-h-badge {opacity:1 !important;transform:none !important;} .cl-sec-hero .lmr-h-dot {animation:none !important;} .cl-sec-hero .lmr-h-cta, .cl-sec-hero .lmr-h-cta2, .cl-sec-hero .lmr-h-cta svg, .cl-sec-hero .lmr-h-cta2 svg {transition:none !important;} .cl-sec-hero .lmr-h-cut {transition:opacity .4s ease !important;transform:none !important;} .cl-sec-hero .lmr-h-cut.is-on {transform:none !important;} } /* 04-fbt */ @font-face { font-family: "Source Serif 4"; font-weight: 600; font-style: normal; font-display: fallback; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-sourceserif4_n6.95f0b4b0c48888f7bbbe6586fc9c50e8f98c6276.woff2?v=94748038138959959751792992368) format("woff2"), url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-sourceserif4_n6.d1dfc25223b4ed046fa065538a370cbfaa922731.woff?v=677184171389271981792992369) format("woff"); } @font-face { font-family: "Source Serif 4"; font-weight: 600; font-style: italic; font-display: fallback; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-sourceserif4_i6.e58d30f9ee9205efefa33583bd2485dadf2bd38d.woff2?v=159750083584672706911792992371) format("woff2"), url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-sourceserif4_i6.f65f4a8cb92329f91f51997560d2b7030c2faf05.woff?v=75084091202242631541792992404) format("woff"); } .cl-sec-fbt { --spacing-0-5: 2px; --spacing-1: 4px; --spacing-1-5: 6px; --spacing-2: 8px; --spacing-2-5: 10px; --spacing-3: 12px; --spacing-3-5: 14px; --spacing-4: 16px; --spacing-4-5: 18px; --spacing-5: 20px; --spacing-5-5: 22px; --spacing-6: 24px; --spacing-6-5: 26px; --spacing-7: 28px; --spacing-7-5: 30px; --spacing-8: 32px; --spacing-8-5: 34px; --spacing-9: 36px; --spacing-9-5: 38px; --spacing-10: 40px; --spacing-11: 44px; --spacing-12: 48px; --spacing-14: 56px; --spacing-16: 64px; --spacing-18: 72px; --spacing-20: 80px; --spacing-24: 96px; --spacing-28: 112px; --spacing-32: 128px; --spacing-36: 144px; --spacing-40: 160px; --spacing-44: 176px; --spacing-48: 192px; --spacing-52: 208px; --spacing-56: 224px; --spacing-60: 240px; --spacing-64: 256px; --spacing-72: 288px; --spacing-80: 320px; --spacing-96: 384px; --container-max-width: 1600px; --container-narrow-max-width: 1350px; --container-gutter: var(--spacing-5); --section-outer-spacing-block: var(--spacing-12); --section-inner-max-spacing-block: var(--spacing-10); --section-inner-spacing-inline: var(--container-gutter); --section-stack-spacing-block: var(--spacing-8); --grid-gutter: var(--spacing-5); --product-list-row-gap: var(--spacing-8); --product-list-column-gap: var(--grid-gutter); --input-gap: var(--spacing-2); --input-height: 42px; --input-padding-inline: var(--spacing-4); --sticky-area-height: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px) + var(--sticky-header-enabled, 0) * var(--header-height, 0px)); --transform-logical-flip: 1; --transform-origin-start: left; --transform-origin-end: right; --heading-font-family: "Source Serif 4", serif; --heading-font-weight: 600; --heading-font-style: normal; --heading-text-transform: normal; --heading-letter-spacing: 0.0em; --text-font-family: Helvetica, Arial, sans-serif; --text-font-weight: 400; --text-font-style: normal; --text-letter-spacing: 0.0em; --text-h0: 48px; --text-h1: 40px; --text-h2: 32px; --text-h3: 24px; --text-h4: 22px; --text-h5: 18px; --text-h6: 16px; --text-xs: 11px; --text-sm: 12px; --text-base: 14px; --text-lg: 18px; --accent: 0 0 0; --text-primary: 0 0 0; --background-primary: 255 255 255; --dialog-background: 255 255 255; --border-color: var(--text-color, var(--text-primary)) / 0.12; --button-background-primary: 0 0 0; --button-text-primary: 255 255 255; --button-background-secondary: 195 135 134; --button-text-secondary: 255 255 255; --success-background: 224 244 232; --success-text: 0 163 65; --warning-background: 255 246 233; --warning-text: 255 183 74; --error-background: 254 231 231; --error-text: 248 58 58; --on-sale-text: 248 58 58; --on-sale-badge-background: 248 58 58; --on-sale-badge-text: 255 255 255; --sold-out-badge-background: 0 0 0; --sold-out-badge-text: 255 255 255; --primary-badge-background: 141 95 112; --primary-badge-text: 255 255 255; --star-color: 255 183 74; --product-card-background: 255 255 255; --product-card-text: 0 0 0; --header-background: 255 255 255; --header-text: 0 0 0; --footer-background: 0 0 0; --footer-text: 255 255 255; --rounded-xs: 4px; --rounded-sm: 6px; --rounded: 12px; --rounded-lg: 24px; --rounded-full: 9999px; --rounded-block: 24px; --rounded-button: 60px; --rounded-input: 8px; --shadow-sm: 0 2px 8px rgb(var(--text-primary) / 0.1); --shadow: 0 5px 15px rgb(var(--text-primary) / 0.1); --shadow-md: 0 5px 30px rgb(var(--text-primary) / 0.1); --shadow-block: 0px 18px 50px rgb(var(--text-primary) / 0.1); --stagger-products-reveal-opacity: 0; --cursor-close-svg-url: url(//pridolahome.com/cdn/shop/t/1/assets/cursor-close.svg?v=5163); --cursor-zoom-in-svg-url: url(//pridolahome.com/cdn/shop/t/1/assets/cursor-zoom-in.svg?v=5163); --cursor-zoom-out-svg-url: url(//pridolahome.com/cdn/shop/t/1/assets/cursor-zoom-out.svg?v=5163); --checkmark-svg-url: url(//pridolahome.com/cdn/shop/t/1/assets/checkmark.svg?v=5163); } @media screen and (min-width: 700px) { .cl-sec-fbt { --text-h0: 64px; --text-h1: 48px; --text-h2: 40px; --text-h3: 32px; --text-h4: 26px; --text-h5: 20px; --text-h6: 18px; --text-xs: 12px; --text-sm: 14px; --text-base: 16px; --text-lg: 20px; --container-gutter: 32px; --section-outer-spacing-block: var(--spacing-16); --section-inner-max-spacing-block: var(--spacing-12); --section-inner-spacing-inline: var(--spacing-12); --section-stack-spacing-block: var(--spacing-12); --grid-gutter: var(--spacing-6); --product-list-row-gap: var(--spacing-12); --input-gap: 16px; --input-height: 50px; --input-padding-inline: var(--spacing-5); } } @media screen and (min-width: 1000px) { .cl-sec-fbt { --container-gutter: var(--spacing-12); --section-outer-spacing-block: var(--spacing-18); --section-inner-max-spacing-block: var(--spacing-16); --section-inner-spacing-inline: var(--spacing-16); --section-stack-spacing-block: var(--spacing-12); } } @media screen and (min-width: 1150px) { .cl-sec-fbt { --container-gutter: var(--spacing-12); --section-outer-spacing-block: var(--spacing-20); --section-inner-max-spacing-block: var(--spacing-16); --section-inner-spacing-inline: var(--spacing-16); --section-stack-spacing-block: var(--spacing-12); } } @media screen and (min-width: 1400px) { .cl-sec-fbt { --text-h0: 80px; --text-h1: 60px; --text-h2: 48px; --text-h3: 36px; --text-h4: 32px; --text-h5: 24px; --text-h6: 20px; --section-outer-spacing-block: var(--spacing-24); --section-inner-max-spacing-block: var(--spacing-18); --section-inner-spacing-inline: var(--spacing-18); } } @media screen and (min-width: 1600px) { .cl-sec-fbt { --section-outer-spacing-block: var(--spacing-24); --section-inner-max-spacing-block: var(--spacing-20); --section-inner-spacing-inline: var(--spacing-20); } } .cl-sec-fbt *, .cl-sec-fbt ::before, .cl-sec-fbt ::after { box-sizing: border-box; border-style: solid; border-width: 0px; border-color: rgb(var(--text-color) / .12); } .cl-sec-fbt { text-size-adjust: 100%; tab-size: 4; interpolate-size: allow-keywords; scroll-padding-block-start: calc(var(--sticky-area-height) + 20px); line-height: 1.5; } .cl-sec-fbt { --background: var(--background-primary); --text-color: var(--text-primary); background: rgb(var(--background)); color: rgb(var(--text-color)); font: var(--text-font-style) var(--text-font-weight) var(--text-base) / 1.6 var(--text-font-family); letter-spacing: var(--text-letter-spacing); margin: 0px; position: relative; } .cl-sec-fbt h1, .cl-sec-fbt h2, .cl-sec-fbt h3, .cl-sec-fbt h4, .cl-sec-fbt h5, .cl-sec-fbt h6 { font-size: inherit; font-weight: inherit; } .cl-sec-fbt a { color: inherit; text-decoration: inherit; } .cl-sec-fbt button, .cl-sec-fbt input, .cl-sec-fbt optgroup, .cl-sec-fbt select, .cl-sec-fbt textarea { font-family: inherit; font-size: 100%; font-weight: inherit; font-style: inherit; line-height: inherit; text-transform: inherit; color: inherit; margin: 0px; padding: 0px; } .cl-sec-fbt button, .cl-sec-fbt select { text-transform: none; } .cl-sec-fbt button, .cl-sec-fbt [type="button"], .cl-sec-fbt [type="reset"], .cl-sec-fbt [type="submit"] { appearance: button; text-align: inherit; background-color: rgba(0, 0, 0, 0); background-image: none; } .cl-sec-fbt button, .cl-sec-fbt label, .cl-sec-fbt summary, .cl-sec-fbt [role="button"], .cl-sec-fbt [type="checkbox"], .cl-sec-fbt [type="radio"], .cl-sec-fbt [type="submit"] { -webkit-tap-highlight-color: transparent; touch-action: manipulation; cursor: pointer; } .cl-sec-fbt blockquote, .cl-sec-fbt dl, .cl-sec-fbt dd, .cl-sec-fbt h1, .cl-sec-fbt h2, .cl-sec-fbt h3, .cl-sec-fbt h4, .cl-sec-fbt h5, .cl-sec-fbt h6, .cl-sec-fbt hr, .cl-sec-fbt figure, .cl-sec-fbt p, .cl-sec-fbt pre { margin: 0px; } .cl-sec-fbt ol, .cl-sec-fbt ul, .cl-sec-fbt menu { margin: 0px; padding: 0px; list-style: none; } .cl-sec-fbt :disabled { cursor: default; } .cl-sec-fbt img, .cl-sec-fbt video, .cl-sec-fbt iframe, .cl-sec-fbt object { vertical-align: middle; display: block; } .cl-sec-fbt img { color: rgba(0, 0, 0, 0); max-width: min(var(--image-mobile-max-width, var(--image-max-width, 100%)),100%); object-fit: inherit; object-position: inherit; height: auto; } .cl-sec-fbt :focus:not(:focus-visible) { outline: none; } @media screen and (min-width: 700px) { .cl-sec-fbt img { max-width: min(var(--image-max-width, 100%),100%); } } .cl-sec-fbt .cl-shopify-section { --section-is-first: 0; --hash-difference: calc(var(--section-background-hash) - var(--previous-section-background-hash, -1)); --hash-difference-abs: max(var(--hash-difference), -1 * var(--hash-difference)); --background-differs-from-previous: max(0, min(var(--hash-difference-abs, 1), 1)); background: rgb(var(--background)); position: relative; } .cl-sec-fbt .cl-shopify-section:not(.clx-contents) { display: flow-root; } @font-face { font-family: GTStandard-M; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-GTStandard-MRegular.woff2?v=149152729114340250381792992409) format("woff2"); font-style: normal; font-weight: 450; font-display: swap; } @font-face { font-family: GTStandard-M; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-GTStandard-MMedium.woff2?v=30486626448974345721792992414) format("woff2"); font-style: normal; font-weight: 500; font-display: swap; } @font-face { font-family: GTStandard-M; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-GTStandard-MSemibold.woff2?v=104269634200593542371792992419) format("woff2"); font-style: normal; font-weight: 600; font-display: swap; } .cl-sec-fbt, .cl-sec-fbt { scroll-behavior: auto !important; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt { --previous-section-background-hash: 0; } .cl-sec-fbt { --clm-collection-ratio: 1 / 1; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh { --cmfbh-mauve: #8E5D6F; --cmfbh-prune: #3B2C32; --cmfbh-ink: #1A1A1A; --cmfbh-body: #8A8580; --cmfbh-greige: #F2EFED; --cmfbh-greige2: #EDE9E6; --cmfbh-tint: #F5EFF1; --cmfbh-chip: #EAE7E4; --cmfbh-hairline: #E7E2DE; --cmfbh-white: #FFFFFF; --cmfbh-bg: #ffffff; --cmfbh-ratio: 4 / 5; --cmfbh-cols: 4; --cmfbh-pt: 0px; --cmfbh-pb: 48px; --cmfbh-pt-d: 72px; --cmfbh-pb-d: 72px; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh { padding: var(--cmfbh-pt) 0 var(--cmfbh-pb); background: var(--cmfbh-bg); overflow-x: clip; color: var(--cmfbh-ink); font-family: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; box-sizing: border-box; -webkit-font-smoothing: antialiased; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh *, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh ::before, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh ::after { box-sizing: border-box; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh h2, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh h3, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh p, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh s, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh span, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh ul, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh li { margin: 0px; padding: 0px; list-style: none; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh a, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh a:link, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh a:visited, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh a:hover { color: inherit; text-decoration: none; box-shadow: none; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh img, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh svg { max-width: 100%; border: 0px; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh button { font-family: inherit; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__inner { max-width: 1280px; margin: 0px auto; padding: 0px 18px; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__head { text-align: center; max-width: 760px; margin: 0px auto 26px; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__eyebrow { display: inline-block; font-size: 11px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--cmfbh-mauve); margin-bottom: 10px; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__title { font-family: inherit; font-weight: 600; font-size: clamp(24px, 3.6vw, 36px); line-height: 1.2; letter-spacing: -0.5px; color: var(--cmfbh-ink); margin: 0px; text-transform: none; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__title em { font-style: normal; color: var(--cmfbh-mauve); } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__grid { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-left: 18px; scrollbar-width: none; margin: 0px -18px; padding: 4px 18px 8px; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__grid > li { flex: 0 0 70%; min-width: 0px; scroll-snap-align: start; display: flex; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card { position: relative; display: flex; flex-direction: column; width: 100%; background: var(--cmfbh-white); border: 1px solid var(--cmfbh-hairline); border-radius: 18px; padding: 10px 10px 16px; box-shadow: rgba(59, 44, 50, 0.03) 0px 1px 2px, rgba(59, 44, 50, 0.05) 0px 10px 26px; transition: transform 0.3s cubic-bezier(0.2, 0.7, 0.3, 1), box-shadow 0.3s; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card:hover { transform: translateY(-3px); box-shadow: rgba(59, 44, 50, 0.05) 0px 4px 8px, rgba(59, 44, 50, 0.09) 0px 18px 38px; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__medialink { display: block; border-radius: 12px; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__media { position: relative; aspect-ratio: var(--cmfbh-ratio); border-radius: 12px; overflow: hidden; background: var(--cmfbh-greige2); } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center; transition: transform 0.5s cubic-bezier(0.2, 0.7, 0.3, 1); } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__img--hover { position: absolute; inset: 0px; opacity: 0; transition: opacity 0.35s; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card:hover .cmfbh-card__img { transform: scale(1.04); } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card:hover .cmfbh-card__img--hover { opacity: 1; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-flag { z-index: 2; align-items: center; justify-content: center; text-align: center; position: absolute !important; inset: 10px auto auto 10px !important; display: inline-flex !important; width: auto !important; height: auto !important; min-width: 0px !important; max-width: none !important; margin: 0px !important; padding: 6px 12px !important; border: 0px !important; border-radius: 999px !important; background: var(--cmfbh-mauve) !important; color: var(--cmfbh-white) !important; font-family: Poppins, sans-serif !important; font-size: 10px !important; font-weight: 600 !important; font-style: normal !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; text-shadow: none !important; text-indent: 0px !important; line-height: 1 !important; white-space: nowrap !important; box-shadow: none !important; transform: none !important; opacity: 1 !important; overflow: visible !important; outline: 0px !important; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-flag::before, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-flag::after { content: none !important; display: none !important; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa { position: absolute; right: 10px; bottom: 10px; z-index: 3; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 0px; border-radius: 999px; background: var(--cmfbh-white); color: var(--cmfbh-mauve); cursor: pointer; box-shadow: rgba(59, 44, 50, 0.18) 0px 4px 14px; transition: background 0.2s, color 0.2s, transform 0.2s, opacity 0.25s; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa svg { width: 18px; height: 18px; flex: 0 0 auto; pointer-events: none; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa:hover { background: var(--cmfbh-mauve); color: var(--cmfbh-white); transform: translateY(-2px); } @media (hover: hover) and (pointer: fine) { .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa { opacity: 0; transform: translateY(4px); } } @media (hover: hover) and (pointer: fine) { .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card:hover .cmfbh-qa, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa:focus-visible, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa[data-state="busy"], .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa[data-state="done"], .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card[data-picker-open="true"] .cmfbh-qa { opacity: 1; transform: none; } } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick { position: absolute; left: 10px; right: 10px; bottom: 10px; z-index: 4; display: none; flex-direction: column; gap: 10px; background: var(--cmfbh-white); border: 1px solid var(--cmfbh-hairline); border-radius: 14px; padding: 14px 14px 12px; box-shadow: rgba(59, 44, 50, 0.22) 0px 10px 30px; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card[data-picker-open="true"] .cmfbh-pick { display: flex; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__close { position: absolute; top: 8px; right: 8px; display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border: 0px; border-radius: 999px; background: var(--cmfbh-tint); color: var(--cmfbh-mauve); cursor: pointer; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__close svg { width: 11px; height: 11px; pointer-events: none; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__group { display: flex; flex-direction: column; gap: 6px; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__label { font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--cmfbh-body); } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__opts { display: flex; flex-wrap: wrap; gap: 6px; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__opt { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; padding: 7px 11px; border: 1px solid var(--cmfbh-hairline); border-radius: 999px; background: var(--cmfbh-white); color: var(--cmfbh-ink); font-size: 12px; font-weight: 500; line-height: 1; cursor: pointer; transition: border-color 0.15s, background 0.15s, color 0.15s; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__opt:hover { border-color: var(--cmfbh-mauve); } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__add { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; border: 0px; border-radius: 999px; background: var(--cmfbh-mauve); color: var(--cmfbh-white); font-size: 12.5px; font-weight: 600; letter-spacing: 0.02em; padding: 12px 16px; cursor: pointer; transition: background 0.2s; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__add:hover { background: var(--cmfbh-prune); } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__add[disabled] { background: var(--cmfbh-chip); color: var(--cmfbh-body); cursor: default; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__add .cmfbh-qa__ic--busy, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__add .cmfbh-qa__ic--done { display: none; width: 14px; height: 14px; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__info { display: flex; flex-direction: column; gap: 7px; padding: 13px 6px 0px; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__rating { display: flex; align-items: center; gap: 4px; font-size: 12.5px; line-height: 1; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__star { width: 12px; height: 12px; flex: 0 0 auto; fill: var(--cmfbh-mauve); } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__rating-value { font-weight: 600; color: var(--cmfbh-ink); } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__rating-count { color: var(--cmfbh-body); } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__title { font-size: 14px; font-weight: 600; line-height: 1.45; color: var(--cmfbh-ink); letter-spacing: 0px; text-transform: none; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; font-size: 15px; font-weight: 600; color: var(--cmfbh-mauve); } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__was { font-size: 12.5px; font-weight: 400; color: var(--cmfbh-body); text-decoration: line-through; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__swatches { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-top: 2px; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__swatch { width: 18px; height: 18px; border-radius: 999px; border: 1px solid var(--cmfbh-hairline); background-size: cover; background-position: center center; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__more { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 18px; padding: 0px 6px; border-radius: 999px; background: var(--cmfbh-tint); color: var(--cmfbh-mauve); font-size: 10px; font-weight: 600; line-height: 1; } @media (min-width: 750px) { .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh { padding: var(--cmfbh-pt-d) 0 var(--cmfbh-pb-d); } } @media (min-width: 750px) { .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__inner { padding: 0px 24px; } } @media (min-width: 750px) { .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__head { margin-bottom: 34px; } } @media (min-width: 750px) { .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__grid { display: grid; grid-template-columns: repeat(var(--cmfbh-cols),minmax(0,1fr)); gap: 22px; overflow: visible; margin: 0px; padding: 0px; } } @media (min-width: 750px) { .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__grid > li { flex: 0 0 auto; } } @media (prefers-reduced-motion: reduce) { .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__img, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__img--hover, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__cta { transition: none !important; } } @media (prefers-reduced-motion: reduce) { .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card:hover, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card:hover .cmfbh-card__img { transform: none !important; } } @media (prefers-reduced-motion: reduce) { .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa .cmfbh-qa__ic--busy, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__add .cmfbh-qa__ic--busy { animation: auto ease 0s 1 normal none running none !important; } } @media (prefers-reduced-motion: reduce) { .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__grid { scroll-snap-type: none; } } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh { --cmfbh-mauve:#8E5D6F; --cmfbh-prune:#3B2C32; --cmfbh-ink:#1A1A1A; --cmfbh-body:#8A8580; --cmfbh-greige:#F2EFED; --cmfbh-greige2:#EDE9E6; --cmfbh-tint:#F5EFF1; --cmfbh-chip:#EAE7E4; --cmfbh-hairline:#E7E2DE; --cmfbh-white:#FFFFFF; --cmfbh-bg: #ffffff; --cmfbh-ratio: 4 / 5; --cmfbh-cols: 4; --cmfbh-pt: 0px; --cmfbh-pb: 48px; --cmfbh-pt-d: 72px; --cmfbh-pb-d: 72px; } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh {padding:var(--cmfbh-pt) 0 var(--cmfbh-pb);background:var(--cmfbh-bg);overflow-x:clip;color:var(--cmfbh-ink);font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;box-sizing:border-box;-webkit-font-smoothing:antialiased;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh *, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh *::before, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh *::after {box-sizing:border-box;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh h2, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh h3, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh p, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh s, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh span, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh ul, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh li {margin:0;padding:0;list-style:none;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh a, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh a:link, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh a:visited, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh a:hover {color:inherit;text-decoration:none;box-shadow:none;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh img, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh svg {max-width:100%;border:0;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh button {font-family:inherit;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__inner {max-width:1280px;margin:0 auto;padding:0 18px;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__head {text-align:center;max-width:760px;margin:0 auto 26px;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__eyebrow {display:inline-block;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--cmfbh-mauve);margin-bottom:10px;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__title {font-family:inherit;font-weight:600;font-size:clamp(24px,3.6vw,36px);line-height:1.2;letter-spacing:-.5px;color:var(--cmfbh-ink);margin:0;text-transform:none;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__title em {font-style:normal;color:var(--cmfbh-mauve);} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__sub {font-size:14px;line-height:1.65;color:var(--cmfbh-body);margin:10px auto 0;max-width:52ch;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__grid {display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:18px;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -18px;padding:4px 18px 8px;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__grid::-webkit-scrollbar {display:none;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__grid > li {flex:0 0 70%;min-width:0;scroll-snap-align:start;display:flex;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card {position:relative;display:flex;flex-direction:column;width:100%;background:var(--cmfbh-white);border:1px solid var(--cmfbh-hairline);border-radius:18px;padding:10px 10px 16px;box-shadow:0 1px 2px rgba(59,44,50,.03),0 10px 26px rgba(59,44,50,.05);transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s ease;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card:hover {transform:translateY(-3px);box-shadow:0 4px 8px rgba(59,44,50,.05),0 18px 38px rgba(59,44,50,.09);} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__medialink {display:block;border-radius:12px;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__media {position:relative;aspect-ratio:var(--cmfbh-ratio);border-radius:12px;overflow:hidden;background:var(--cmfbh-greige2);} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s cubic-bezier(.2,.7,.3,1);} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__img--hover {position:absolute;inset:0;opacity:0;transition:opacity .35s ease;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card:hover .cmfbh-card__img {transform:scale(1.04);} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card:hover .cmfbh-card__img--hover {opacity:1;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-flag {position:absolute !important;top:10px !important;left:10px !important;right:auto !important;bottom:auto !important;z-index:2;display:inline-flex !important;align-items:center;justify-content:center;width:auto !important;height:auto !important;min-width:0 !important;max-width:none !important;margin:0 !important;padding:6px 12px !important;border:0 !important;border-radius:999px !important;background:var(--cmfbh-mauve) !important;color:var(--cmfbh-white) !important;font-family:'Poppins',sans-serif !important;font-size:10px !important;font-weight:600 !important;font-style:normal !important;letter-spacing:.08em !important;text-transform:uppercase !important;text-shadow:none !important;text-align:center;text-indent:0 !important;line-height:1 !important;white-space:nowrap !important;box-shadow:none !important;transform:none !important;opacity:1 !important;overflow:visible !important;outline:0 !important;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-flag::before, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-flag::after {content:none !important;display:none !important;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-flag--out {background:var(--cmfbh-chip) !important;color:var(--cmfbh-body) !important;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa {position:absolute;right:10px;bottom:10px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:999px;background:var(--cmfbh-white);color:var(--cmfbh-mauve);cursor:pointer;box-shadow:0 4px 14px rgba(59,44,50,.18);transition:background .2s ease,color .2s ease,transform .2s ease,opacity .25s ease;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa svg {width:18px;height:18px;flex:none;pointer-events:none;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa:hover {background:var(--cmfbh-mauve);color:var(--cmfbh-white);transform:translateY(-2px);} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa:focus-visible {outline:2px solid var(--cmfbh-prune);outline-offset:2px;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa[disabled] {background:var(--cmfbh-chip);color:var(--cmfbh-body);cursor:default;box-shadow:none;transform:none;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa .cmfbh-qa__ic--busy, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa .cmfbh-qa__ic--done {display:none;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa[data-state="busy"] .cmfbh-qa__ic--cart, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa[data-state="done"] .cmfbh-qa__ic--cart {display:none;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa[data-state="busy"] .cmfbh-qa__ic--busy {display:block;animation:cmfbh-spin .8s linear infinite;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa[data-state="done"] {background:var(--cmfbh-prune);color:var(--cmfbh-white);} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa[data-state="done"] .cmfbh-qa__ic--done {display:block;} @keyframes cmfbh-spin{to{transform:rotate(360deg);}} @media (hover:hover) and (pointer:fine) { .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa {opacity:0;transform:translateY(4px);} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card:hover .cmfbh-qa, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa:focus-visible, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa[data-state="busy"], .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa[data-state="done"], .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card[data-picker-open="true"] .cmfbh-qa {opacity:1;transform:none;} } .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick {position:absolute;left:10px;right:10px;bottom:10px;z-index:4;display:none;flex-direction:column;gap:10px;background:var(--cmfbh-white);border:1px solid var(--cmfbh-hairline);border-radius:14px;padding:14px 14px 12px;box-shadow:0 10px 30px rgba(59,44,50,.22);} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card[data-picker-open="true"] .cmfbh-pick {display:flex;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__close {position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;border-radius:999px;background:var(--cmfbh-tint);color:var(--cmfbh-mauve);cursor:pointer;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__close svg {width:11px;height:11px;pointer-events:none;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__group {display:flex;flex-direction:column;gap:6px;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__label {font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--cmfbh-body);} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__opts {display:flex;flex-wrap:wrap;gap:6px;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__opt {display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:7px 11px;border:1px solid var(--cmfbh-hairline);border-radius:999px;background:var(--cmfbh-white);color:var(--cmfbh-ink);font-size:12px;font-weight:500;line-height:1;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__opt:hover {border-color:var(--cmfbh-mauve);} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__opt[data-on="true"] {background:var(--cmfbh-mauve);border-color:var(--cmfbh-mauve);color:var(--cmfbh-white);} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__add {display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:999px;background:var(--cmfbh-mauve);color:var(--cmfbh-white);font-size:12.5px;font-weight:600;letter-spacing:.02em;padding:12px 16px;cursor:pointer;transition:background .2s ease;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__add:hover {background:var(--cmfbh-prune);} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__add[disabled] {background:var(--cmfbh-chip);color:var(--cmfbh-body);cursor:default;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__add .cmfbh-qa__ic--busy, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__add .cmfbh-qa__ic--done {display:none;width:14px;height:14px;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__add[data-state="busy"] .cmfbh-pick__addlabel {display:none;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__add[data-state="busy"] .cmfbh-qa__ic--busy {display:block;animation:cmfbh-spin .8s linear infinite;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__add[data-state="done"] {background:var(--cmfbh-prune);} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__add[data-state="done"] .cmfbh-pick__addlabel {display:none;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__add[data-state="done"] .cmfbh-qa__ic--done {display:block;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__info {display:flex;flex-direction:column;gap:7px;padding:13px 6px 0;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__rating {display:flex;align-items:center;gap:4px;font-size:12.5px;line-height:1;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__star {width:12px;height:12px;flex:none;fill:var(--cmfbh-mauve);} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__rating-value {font-weight:600;color:var(--cmfbh-ink);} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__rating-count {color:var(--cmfbh-body);} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__titlelink:focus-visible {outline:2px solid var(--cmfbh-mauve);outline-offset:2px;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__title {font-size:14px;font-weight:600;line-height:1.45;color:var(--cmfbh-ink);letter-spacing:0;text-transform:none;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__price {display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;font-size:15px;font-weight:600;color:var(--cmfbh-mauve);} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__was {font-size:12.5px;font-weight:400;color:var(--cmfbh-body);text-decoration:line-through;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__swatches {display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:2px;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__swatch {width:18px;height:18px;border-radius:999px;border:1px solid var(--cmfbh-hairline);background-size:cover;background-position:center;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__more {display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:18px;padding:0 6px;border-radius:999px;background:var(--cmfbh-tint);color:var(--cmfbh-mauve);font-size:10px;font-weight:600;line-height:1;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-ph {display:block;width:100%;height:100%;background:var(--cmfbh-chip);fill:var(--cmfbh-hairline);} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__foot {display:flex;justify-content:center;margin-top:26px;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__cta, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__cta:link, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__cta:visited {display:inline-flex;align-items:center;gap:9px;background:var(--cmfbh-mauve);color:var(--cmfbh-white);font-size:13.5px;font-weight:600;letter-spacing:.02em;padding:15px 30px;border-radius:999px;box-shadow:0 8px 20px rgba(142,93,111,.26);transition:background .2s ease,transform .2s ease,box-shadow .2s ease;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__cta:hover {background:var(--cmfbh-prune);color:var(--cmfbh-white);transform:translateY(-2px);box-shadow:0 12px 28px rgba(59,44,50,.28);} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__cta svg {width:15px;height:15px;flex:none;} @media (min-width:750px) { .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh {padding:var(--cmfbh-pt-d) 0 var(--cmfbh-pb-d);} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__inner {padding:0 24px;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__head {margin-bottom:34px;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__grid {display:grid;grid-template-columns:repeat(var(--cmfbh-cols),minmax(0,1fr));gap:22px;overflow:visible;margin:0;padding:0;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__grid > li {flex:none;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__foot {margin-top:34px;} } @media (prefers-reduced-motion:reduce) { .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__img, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card__img--hover, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__cta {transition:none !important;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card:hover, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-card:hover .cmfbh-card__img {transform:none !important;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-qa .cmfbh-qa__ic--busy, .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh-pick__add .cmfbh-qa__ic--busy {animation:none !important;} .cl-sec-fbt #cl-shopify-section-template--27933360914812__fbt .cmfbh__grid {scroll-snap-type:none;} } /* 05-technology */ @font-face { font-family: "Source Serif 4"; font-weight: 600; font-style: normal; font-display: fallback; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-sourceserif4_n6.95f0b4b0c48888f7bbbe6586fc9c50e8f98c6276.woff2?v=94748038138959959751792992368) format("woff2"), url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-sourceserif4_n6.d1dfc25223b4ed046fa065538a370cbfaa922731.woff?v=677184171389271981792992369) format("woff"); } @font-face { font-family: "Source Serif 4"; font-weight: 600; font-style: italic; font-display: fallback; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-sourceserif4_i6.e58d30f9ee9205efefa33583bd2485dadf2bd38d.woff2?v=159750083584672706911792992371) format("woff2"), url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-sourceserif4_i6.f65f4a8cb92329f91f51997560d2b7030c2faf05.woff?v=75084091202242631541792992404) format("woff"); } .cl-sec-technology { --spacing-0-5: 2px; --spacing-1: 4px; --spacing-1-5: 6px; --spacing-2: 8px; --spacing-2-5: 10px; --spacing-3: 12px; --spacing-3-5: 14px; --spacing-4: 16px; --spacing-4-5: 18px; --spacing-5: 20px; --spacing-5-5: 22px; --spacing-6: 24px; --spacing-6-5: 26px; --spacing-7: 28px; --spacing-7-5: 30px; --spacing-8: 32px; --spacing-8-5: 34px; --spacing-9: 36px; --spacing-9-5: 38px; --spacing-10: 40px; --spacing-11: 44px; --spacing-12: 48px; --spacing-14: 56px; --spacing-16: 64px; --spacing-18: 72px; --spacing-20: 80px; --spacing-24: 96px; --spacing-28: 112px; --spacing-32: 128px; --spacing-36: 144px; --spacing-40: 160px; --spacing-44: 176px; --spacing-48: 192px; --spacing-52: 208px; --spacing-56: 224px; --spacing-60: 240px; --spacing-64: 256px; --spacing-72: 288px; --spacing-80: 320px; --spacing-96: 384px; --container-max-width: 1600px; --container-narrow-max-width: 1350px; --container-gutter: var(--spacing-5); --section-outer-spacing-block: var(--spacing-12); --section-inner-max-spacing-block: var(--spacing-10); --section-inner-spacing-inline: var(--container-gutter); --section-stack-spacing-block: var(--spacing-8); --grid-gutter: var(--spacing-5); --product-list-row-gap: var(--spacing-8); --product-list-column-gap: var(--grid-gutter); --input-gap: var(--spacing-2); --input-height: 42px; --input-padding-inline: var(--spacing-4); --sticky-area-height: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px) + var(--sticky-header-enabled, 0) * var(--header-height, 0px)); --transform-logical-flip: 1; --transform-origin-start: left; --transform-origin-end: right; --heading-font-family: "Source Serif 4", serif; --heading-font-weight: 600; --heading-font-style: normal; --heading-text-transform: normal; --heading-letter-spacing: 0.0em; --text-font-family: Helvetica, Arial, sans-serif; --text-font-weight: 400; --text-font-style: normal; --text-letter-spacing: 0.0em; --text-h0: 48px; --text-h1: 40px; --text-h2: 32px; --text-h3: 24px; --text-h4: 22px; --text-h5: 18px; --text-h6: 16px; --text-xs: 11px; --text-sm: 12px; --text-base: 14px; --text-lg: 18px; --accent: 0 0 0; --text-primary: 0 0 0; --background-primary: 255 255 255; --dialog-background: 255 255 255; --border-color: var(--text-color, var(--text-primary)) / 0.12; --button-background-primary: 0 0 0; --button-text-primary: 255 255 255; --button-background-secondary: 195 135 134; --button-text-secondary: 255 255 255; --success-background: 224 244 232; --success-text: 0 163 65; --warning-background: 255 246 233; --warning-text: 255 183 74; --error-background: 254 231 231; --error-text: 248 58 58; --on-sale-text: 248 58 58; --on-sale-badge-background: 248 58 58; --on-sale-badge-text: 255 255 255; --sold-out-badge-background: 0 0 0; --sold-out-badge-text: 255 255 255; --primary-badge-background: 141 95 112; --primary-badge-text: 255 255 255; --star-color: 255 183 74; --product-card-background: 255 255 255; --product-card-text: 0 0 0; --header-background: 255 255 255; --header-text: 0 0 0; --footer-background: 0 0 0; --footer-text: 255 255 255; --rounded-xs: 4px; --rounded-sm: 6px; --rounded: 12px; --rounded-lg: 24px; --rounded-full: 9999px; --rounded-block: 24px; --rounded-button: 60px; --rounded-input: 8px; --shadow-sm: 0 2px 8px rgb(var(--text-primary) / 0.1); --shadow: 0 5px 15px rgb(var(--text-primary) / 0.1); --shadow-md: 0 5px 30px rgb(var(--text-primary) / 0.1); --shadow-block: 0px 18px 50px rgb(var(--text-primary) / 0.1); --stagger-products-reveal-opacity: 0; --cursor-close-svg-url: url(//pridolahome.com/cdn/shop/t/1/assets/cursor-close.svg?v=5163); --cursor-zoom-in-svg-url: url(//pridolahome.com/cdn/shop/t/1/assets/cursor-zoom-in.svg?v=5163); --cursor-zoom-out-svg-url: url(//pridolahome.com/cdn/shop/t/1/assets/cursor-zoom-out.svg?v=5163); --checkmark-svg-url: url(//pridolahome.com/cdn/shop/t/1/assets/checkmark.svg?v=5163); } @media screen and (min-width: 700px) { .cl-sec-technology { --text-h0: 64px; --text-h1: 48px; --text-h2: 40px; --text-h3: 32px; --text-h4: 26px; --text-h5: 20px; --text-h6: 18px; --text-xs: 12px; --text-sm: 14px; --text-base: 16px; --text-lg: 20px; --container-gutter: 32px; --section-outer-spacing-block: var(--spacing-16); --section-inner-max-spacing-block: var(--spacing-12); --section-inner-spacing-inline: var(--spacing-12); --section-stack-spacing-block: var(--spacing-12); --grid-gutter: var(--spacing-6); --product-list-row-gap: var(--spacing-12); --input-gap: 16px; --input-height: 50px; --input-padding-inline: var(--spacing-5); } } @media screen and (min-width: 1000px) { .cl-sec-technology { --container-gutter: var(--spacing-12); --section-outer-spacing-block: var(--spacing-18); --section-inner-max-spacing-block: var(--spacing-16); --section-inner-spacing-inline: var(--spacing-16); --section-stack-spacing-block: var(--spacing-12); } } @media screen and (min-width: 1150px) { .cl-sec-technology { --container-gutter: var(--spacing-12); --section-outer-spacing-block: var(--spacing-20); --section-inner-max-spacing-block: var(--spacing-16); --section-inner-spacing-inline: var(--spacing-16); --section-stack-spacing-block: var(--spacing-12); } } @media screen and (min-width: 1400px) { .cl-sec-technology { --text-h0: 80px; --text-h1: 60px; --text-h2: 48px; --text-h3: 36px; --text-h4: 32px; --text-h5: 24px; --text-h6: 20px; --section-outer-spacing-block: var(--spacing-24); --section-inner-max-spacing-block: var(--spacing-18); --section-inner-spacing-inline: var(--spacing-18); } } @media screen and (min-width: 1600px) { .cl-sec-technology { --section-outer-spacing-block: var(--spacing-24); --section-inner-max-spacing-block: var(--spacing-20); --section-inner-spacing-inline: var(--spacing-20); } } .cl-sec-technology *, .cl-sec-technology ::before, .cl-sec-technology ::after { box-sizing: border-box; border-style: solid; border-width: 0px; border-color: rgb(var(--text-color) / .12); } .cl-sec-technology { text-size-adjust: 100%; tab-size: 4; interpolate-size: allow-keywords; scroll-padding-block-start: calc(var(--sticky-area-height) + 20px); line-height: 1.5; } .cl-sec-technology { --background: var(--background-primary); --text-color: var(--text-primary); background: rgb(var(--background)); color: rgb(var(--text-color)); font: var(--text-font-style) var(--text-font-weight) var(--text-base) / 1.6 var(--text-font-family); letter-spacing: var(--text-letter-spacing); margin: 0px; position: relative; } .cl-sec-technology h1, .cl-sec-technology h2, .cl-sec-technology h3, .cl-sec-technology h4, .cl-sec-technology h5, .cl-sec-technology h6 { font-size: inherit; font-weight: inherit; } .cl-sec-technology a { color: inherit; text-decoration: inherit; } .cl-sec-technology b, .cl-sec-technology strong { font-weight: bolder; } .cl-sec-technology blockquote, .cl-sec-technology dl, .cl-sec-technology dd, .cl-sec-technology h1, .cl-sec-technology h2, .cl-sec-technology h3, .cl-sec-technology h4, .cl-sec-technology h5, .cl-sec-technology h6, .cl-sec-technology hr, .cl-sec-technology figure, .cl-sec-technology p, .cl-sec-technology pre { margin: 0px; } .cl-sec-technology ol, .cl-sec-technology ul, .cl-sec-technology menu { margin: 0px; padding: 0px; list-style: none; } .cl-sec-technology img, .cl-sec-technology video, .cl-sec-technology iframe, .cl-sec-technology object { vertical-align: middle; display: block; } .cl-sec-technology img { color: rgba(0, 0, 0, 0); max-width: min(var(--image-mobile-max-width, var(--image-max-width, 100%)),100%); object-fit: inherit; object-position: inherit; height: auto; } .cl-sec-technology :focus:not(:focus-visible) { outline: none; } @media screen and (min-width: 700px) { .cl-sec-technology img { max-width: min(var(--image-max-width, 100%),100%); } } .cl-sec-technology .cl-shopify-section { --section-is-first: 0; --hash-difference: calc(var(--section-background-hash) - var(--previous-section-background-hash, -1)); --hash-difference-abs: max(var(--hash-difference), -1 * var(--hash-difference)); --background-differs-from-previous: max(0, min(var(--hash-difference-abs, 1), 1)); background: rgb(var(--background)); position: relative; } .cl-sec-technology .cl-shopify-section:not(.clx-contents) { display: flow-root; } @font-face { font-family: GTStandard-M; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-GTStandard-MRegular.woff2?v=149152729114340250381792992409) format("woff2"); font-style: normal; font-weight: 450; font-display: swap; } @font-face { font-family: GTStandard-M; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-GTStandard-MMedium.woff2?v=30486626448974345721792992414) format("woff2"); font-style: normal; font-weight: 500; font-display: swap; } @font-face { font-family: GTStandard-M; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-GTStandard-MSemibold.woff2?v=104269634200593542371792992419) format("woff2"); font-style: normal; font-weight: 600; font-display: swap; } .cl-sec-technology, .cl-sec-technology { scroll-behavior: auto !important; } .cl-sec-technology { --clm-collection-ratio: 1 / 1; } .cl-sec-technology .cmv2 { --w: #FFFFFF; --ink: #1A1A1A; --prune: #3B2C32; --mauve: #8E5D6F; --rose: #C89AAB; --soft: #F5EFF1; --greige: #F2EFED; --hairline: #E7E2DE; --body: #8A8580; --tile: #EDE9E6; --sans: 'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; position: relative; width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); background: var(--w); overflow-x: clip; font-family: var(--sans); -webkit-font-smoothing: antialiased; padding: clamp(44px, 5.5vw, 80px) clamp(16px, 2.4vw, 40px); } .cl-sec-technology .cmv2 * { box-sizing: border-box; margin: 0px; padding: 0px; } .cl-sec-technology .cmv2 img { max-width: 100%; display: block; } .cl-sec-technology .cmv2-wrap { max-width: 1180px; margin: 0px auto; } .cl-sec-technology .cmv2-head { max-width: 740px; margin: 0px auto; text-align: center; } .cl-sec-technology .cmv2-eyebrow { font-size: 11px; font-weight: 600; letter-spacing: 0.32em; text-transform: uppercase; color: var(--mauve); margin-bottom: 14px; } .cl-sec-technology .cmv2-h { font-weight: 600; font-size: clamp(26px, 3.4vw, 44px); line-height: 1.16; letter-spacing: -0.5px; color: var(--ink); margin-bottom: 14px; text-wrap: balance; } .cl-sec-technology .cmv2-h em { font-style: normal; color: var(--mauve); } .cl-sec-technology .cmv2-lead { font-size: 15px; line-height: 1.7; color: var(--body); } .cl-sec-technology .cmv2-lead b { color: var(--ink); font-weight: 600; } .cl-sec-technology .cmv2-stats { display: flex; flex-wrap: wrap; justify-content: center; gap: clamp(20px, 3.6vw, 56px); margin: clamp(28px, 3.4vw, 44px) auto 0px; } .cl-sec-technology .cmv2-stat { text-align: center; } .cl-sec-technology .cmv2-stat-ic { width: 56px; height: 56px; border-radius: 999px; background: var(--soft); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 10px; } .cl-sec-technology .cmv2-stat-ic svg { width: 20px; height: 20px; color: var(--mauve); } .cl-sec-technology .cmv2-stat-n { font-weight: 600; font-size: clamp(20px, 2vw, 28px); line-height: 1; letter-spacing: -0.4px; color: var(--ink); } .cl-sec-technology .cmv2-stat-n sup { font-size: 0.5em; color: var(--mauve); } .cl-sec-technology .cmv2-stat-l { margin-top: 6px; font-size: 10px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--body); line-height: 1.5; } .cl-sec-technology .cmv2-duo { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); align-items: center; gap: clamp(24px, 3.4vw, 56px); margin: clamp(34px, 4vw, 60px) auto 0px; } .cl-sec-technology .cmv2-duo-shot { position: relative; aspect-ratio: 4 / 5; border-radius: 24px; background: var(--tile); overflow: hidden; order: 1; } .cl-sec-technology .cmv2-duo-shot img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center center; } .cl-sec-technology .cmv2-duo-ph { position: absolute; inset: 0px; z-index: 0; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0px 16px; font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--mauve); } .cl-sec-technology .cmv2-tag { position: absolute; left: 14px; top: 14px; z-index: 2; background: rgba(26, 26, 26, 0.6); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.14); color: var(--w); font-size: 9px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; padding: 6px 11px; border-radius: 999px; } .cl-sec-technology .cmv2-duo-body { order: 2; } .cl-sec-technology .cmv2-idx { display: flex; align-items: center; gap: 11px; margin-bottom: 13px; } .cl-sec-technology .cmv2-idx-n { font-weight: 700; font-size: 12px; letter-spacing: 0.06em; color: var(--mauve); flex: 0 0 auto; } .cl-sec-technology .cmv2-idx-r { height: 1px; flex: 1 1 auto; background: var(--hairline); } .cl-sec-technology .cmv2-lab { font-size: 9.5px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--mauve); margin-bottom: 9px; } .cl-sec-technology .cmv2-duo-h { font-weight: 600; font-size: clamp(21px, 2.3vw, 32px); line-height: 1.24; letter-spacing: -0.5px; color: var(--ink); margin-bottom: 12px; text-wrap: balance; } .cl-sec-technology .cmv2-duo-h em { font-style: normal; color: var(--mauve); } .cl-sec-technology .cmv2-duo-p { font-size: 15px; line-height: 1.68; color: var(--body); margin-bottom: 18px; } .cl-sec-technology .cmv2-was { display: inline-flex; align-items: center; gap: 9px; font-size: 12.5px; line-height: 1.35; color: var(--body); background: var(--greige); border-radius: 999px; padding: 7px 15px 7px 8px; } .cl-sec-technology .cmv2-was b { font-weight: 600; font-size: 9px; letter-spacing: 0.12em; text-transform: uppercase; background: var(--w); color: var(--body); padding: 4px 9px; border-radius: 999px; flex: 0 0 auto; } @media (min-width: 861px) { .cl-sec-technology .cmv2-duo--flip .cmv2-duo-shot { order: 2; } } @media (min-width: 861px) { .cl-sec-technology .cmv2-duo--flip .cmv2-duo-body { order: 1; } } .cl-sec-technology .cmv2-pair { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: clamp(10px, 1.4vw, 20px); margin: clamp(28px, 3.2vw, 44px) auto 0px; } .cl-sec-technology .cmv2-card { display: flex; flex-direction: column; background: var(--w); border: 1px solid var(--hairline); border-radius: 20px; overflow: hidden; } .cl-sec-technology .cmv2-card-shot { position: relative; aspect-ratio: 1 / 1; background: var(--tile); overflow: hidden; flex: 0 0 auto; } .cl-sec-technology .cmv2-card-shot img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center center; } .cl-sec-technology .cmv2-card-body { padding: clamp(14px, 1.4vw, 20px); display: flex; flex-direction: column; flex: 1 1 auto; } .cl-sec-technology .cmv2-card-h { font-weight: 600; font-size: clamp(14.5px, 1.2vw, 18px); line-height: 1.3; letter-spacing: -0.2px; color: var(--ink); margin-bottom: 7px; } .cl-sec-technology .cmv2-card-h em { font-style: normal; color: var(--mauve); } .cl-sec-technology .cmv2-card-p { font-size: 12.5px; line-height: 1.55; color: var(--body); margin-bottom: 13px; } .cl-sec-technology .cmv2-card .cmv2-was { margin-top: auto; font-size: 11.5px; padding: 5px 12px 5px 6px; } .cl-sec-technology .cmv2-card .cmv2-was b { font-size: 8.5px; padding: 3px 7px; } .cl-sec-technology .cmv2-found { background: var(--soft); border-radius: 20px; padding: clamp(18px, 2.2vw, 26px) clamp(16px, 2.4vw, 28px); margin: clamp(16px, 1.8vw, 22px) auto 0px; display: grid; gap: 14px; } .cl-sec-technology .cmv2-found-t { font-size: 9.5px; font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase; color: var(--body); text-align: center; } .cl-sec-technology .cmv2-found-list { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 11px 30px; } .cl-sec-technology .cmv2-found-list li { display: flex; align-items: flex-start; gap: 9px; font-size: 13.5px; line-height: 1.45; color: var(--ink); } .cl-sec-technology .cmv2-found-list b { font-weight: 600; } .cl-sec-technology .cmv2-found-list svg { width: 15px; height: 15px; color: var(--mauve); flex: 0 0 auto; margin-top: 3px; } .cl-sec-technology .cmv2-cta-wrap { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 14px 22px; margin: clamp(26px, 3vw, 38px) auto 0px; } .cl-sec-technology .cmv2-cta { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: var(--mauve); color: var(--w); text-decoration: none; font-family: var(--sans); font-size: 13.5px; font-weight: 600; letter-spacing: 0.02em; padding: 17px 32px; border-radius: 999px; box-shadow: rgba(142, 93, 111, 0.28) 0px 10px 24px; transition: transform 0.18s, box-shadow 0.18s; } .cl-sec-technology .cmv2-cta:hover, .cl-sec-technology .cmv2-cta:focus { transform: translateY(-2px); box-shadow: rgba(142, 93, 111, 0.38) 0px 16px 32px; color: var(--w); text-decoration: none; } .cl-sec-technology .cmv2-cta svg { width: 15px; height: 15px; flex: 0 0 auto; transition: transform 0.18s; } .cl-sec-technology .cmv2-cta:hover svg { transform: translateX(4px); } .cl-sec-technology .cmv2-refund { display: inline-flex; align-items: center; gap: 7px; font-size: 12.5px; color: var(--body); } .cl-sec-technology .cmv2-refund svg { width: 13px; height: 13px; color: var(--prune); flex: 0 0 auto; } .cl-sec-technology .cmv2.anim-ready .cmv2-rv { opacity: 0; transform: translateY(18px); transition: opacity 0.6s, transform 0.6s; } .cl-sec-technology .cmv2.anim-ready .cmv2-rv.is-in { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { .cl-sec-technology .cmv2.anim-ready .cmv2-rv { opacity: 1 !important; transform: none !important; transition: none !important; } } @media (max-width: 860px) { .cl-sec-technology .cmv2-duo { grid-template-columns: 1fr; gap: 20px; } } @media (max-width: 860px) { .cl-sec-technology .cmv2-duo-shot { order: 1; aspect-ratio: 1 / 1; } } @media (max-width: 860px) { .cl-sec-technology .cmv2-duo-body { order: 2; } } @media (max-width: 600px) { .cl-sec-technology .cmv2 { padding: 38px 12px; } } @media (max-width: 600px) { .cl-sec-technology .cmv2-duo { margin-top: 34px; gap: 16px; } } @media (max-width: 600px) { .cl-sec-technology .cmv2-duo-shot { border-radius: 18px; } } @media (max-width: 600px) { .cl-sec-technology .cmv2-duo-h { font-size: 20px; } } @media (max-width: 600px) { .cl-sec-technology .cmv2-duo-p { font-size: 14px; margin-bottom: 15px; } } @media (max-width: 600px) { .cl-sec-technology .cmv2-pair { gap: 9px; margin-top: 26px; } } @media (max-width: 600px) { .cl-sec-technology .cmv2-card { border-radius: 15px; } } @media (max-width: 600px) { .cl-sec-technology .cmv2-card-body { padding: 12px; } } @media (max-width: 600px) { .cl-sec-technology .cmv2-card-h { font-size: 13.5px; } } @media (max-width: 600px) { .cl-sec-technology .cmv2-card-p { font-size: 11.5px; margin-bottom: 11px; } } @media (max-width: 600px) { .cl-sec-technology .cmv2-card .cmv2-was { font-size: 10.5px; padding: 4px 10px 4px 5px; gap: 6px; } } @media (max-width: 600px) { .cl-sec-technology .cmv2-card .cmv2-was b { font-size: 8px; padding: 2px 6px; } } @media (max-width: 600px) { .cl-sec-technology .cmv2-stats { gap: 22px 14px; } } @media (max-width: 600px) { .cl-sec-technology .cmv2-stat { flex: 1 1 40%; min-width: 120px; } } @media (max-width: 600px) { .cl-sec-technology .cmv2-stat-ic { width: 48px; height: 48px; } } @media (max-width: 600px) { .cl-sec-technology .cmv2-stat-l { font-size: 9px; letter-spacing: 0.08em; } } @media (max-width: 600px) { .cl-sec-technology .cmv2-found { border-radius: 16px; } } @media (max-width: 600px) { .cl-sec-technology .cmv2-found-list { gap: 11px 16px; } } @media (max-width: 600px) { .cl-sec-technology .cmv2-found-list li { flex: 1 1 100%; font-size: 13px; } } @media (max-width: 600px) { .cl-sec-technology .cmv2-cta { width: 100%; padding: 17px 24px; } } @media (max-width: 600px) { .cl-sec-technology .cmv2-refund { font-size: 12px; } } .cl-sec-technology .cmv2 { --w:#FFFFFF; --ink:#1A1A1A; --prune:#3B2C32; --mauve:#8E5D6F; --rose:#C89AAB; --soft:#F5EFF1; --greige:#F2EFED; --hairline:#E7E2DE; --body:#8A8580; --tile:#EDE9E6; --sans:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; position:relative; width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); background:var(--w); overflow-x:clip; font-family:var(--sans); -webkit-font-smoothing:antialiased; padding:clamp(44px,5.5vw,80px) clamp(16px,2.4vw,40px); } .cl-sec-technology .cmv2 * {box-sizing:border-box;margin:0;padding:0;} .cl-sec-technology .cmv2 img {max-width:100%;display:block;} .cl-sec-technology .cmv2-wrap {max-width:1180px;margin:0 auto;} .cl-sec-technology .cmv2-head {max-width:740px;margin:0 auto;text-align:center;} .cl-sec-technology .cmv2-eyebrow {font-size:11px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--mauve);margin-bottom:14px;} .cl-sec-technology .cmv2-h {font-weight:600;font-size:clamp(26px,3.4vw,44px);line-height:1.16;letter-spacing:-.5px;color:var(--ink);margin-bottom:14px;text-wrap:balance;} .cl-sec-technology .cmv2-h em {font-style:normal;color:var(--mauve);} .cl-sec-technology .cmv2-lead {font-size:15px;line-height:1.7;color:var(--body);} .cl-sec-technology .cmv2-lead b {color:var(--ink);font-weight:600;} .cl-sec-technology .cmv2-stats {display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(20px,3.6vw,56px);margin:clamp(28px,3.4vw,44px) auto 0;} .cl-sec-technology .cmv2-stat {text-align:center;} .cl-sec-technology .cmv2-stat-ic {width:56px;height:56px;border-radius:999px;background:var(--soft);display:inline-flex;align-items:center;justify-content:center;margin-bottom:10px;} .cl-sec-technology .cmv2-stat-ic svg {width:20px;height:20px;color:var(--mauve);} .cl-sec-technology .cmv2-stat-n {font-weight:600;font-size:clamp(20px,2vw,28px);line-height:1;letter-spacing:-.4px;color:var(--ink);} .cl-sec-technology .cmv2-stat-n sup {font-size:.5em;color:var(--mauve);} .cl-sec-technology .cmv2-stat-l {margin-top:6px;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--body);line-height:1.5;} .cl-sec-technology .cmv2-duo { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(24px,3.4vw,56px); margin:clamp(34px,4vw,60px) auto 0; } .cl-sec-technology .cmv2-duo-shot { position:relative; aspect-ratio:4/5; border-radius:24px; background:var(--tile); overflow:hidden; order:1; } .cl-sec-technology .cmv2-duo-shot img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;} .cl-sec-technology .cmv2-duo-ph { position:absolute;inset:0;z-index:0; display:flex;align-items:center;justify-content:center;text-align:center;padding:0 16px; font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--mauve); } .cl-sec-technology .cmv2-tag { position:absolute;left:14px;top:14px;z-index:2; background:rgba(26,26,26,.60); -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,.14); color:var(--w); font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase; padding:6px 11px;border-radius:999px; } .cl-sec-technology .cmv2-duo-body {order:2;} .cl-sec-technology .cmv2-idx { display:flex;align-items:center;gap:11px; margin-bottom:13px; } .cl-sec-technology .cmv2-idx-n {font-weight:700;font-size:12px;letter-spacing:.06em;color:var(--mauve);flex:none;} .cl-sec-technology .cmv2-idx-r {height:1px;flex:1 1 auto;background:var(--hairline);} .cl-sec-technology .cmv2-lab {font-size:9.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--mauve);margin-bottom:9px;} .cl-sec-technology .cmv2-duo-h { font-weight:600;font-size:clamp(21px,2.3vw,32px);line-height:1.24;letter-spacing:-.5px; color:var(--ink);margin-bottom:12px;text-wrap:balance; } .cl-sec-technology .cmv2-duo-h em {font-style:normal;color:var(--mauve);} .cl-sec-technology .cmv2-duo-p {font-size:15px;line-height:1.68;color:var(--body);margin-bottom:18px;} .cl-sec-technology .cmv2-was { display:inline-flex;align-items:center;gap:9px; font-size:12.5px;line-height:1.35;color:var(--body); background:var(--greige);border-radius:999px;padding:7px 15px 7px 8px; } .cl-sec-technology .cmv2-was b {font-weight:600;font-size:9px;letter-spacing:.12em;text-transform:uppercase;background:var(--w);color:var(--body);padding:4px 9px;border-radius:999px;flex:none;} @media (min-width:861px) { .cl-sec-technology .cmv2-duo--flip .cmv2-duo-shot {order:2;} .cl-sec-technology .cmv2-duo--flip .cmv2-duo-body {order:1;} } .cl-sec-technology .cmv2-pair { display:grid;grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(10px,1.4vw,20px); margin:clamp(28px,3.2vw,44px) auto 0; } .cl-sec-technology .cmv2-card { display:flex;flex-direction:column; background:var(--w);border:1px solid var(--hairline); border-radius:20px;overflow:hidden; } .cl-sec-technology .cmv2-card-shot {position:relative;aspect-ratio:1/1;background:var(--tile);overflow:hidden;flex:none;} .cl-sec-technology .cmv2-card-shot img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;} .cl-sec-technology .cmv2-card-body {padding:clamp(14px,1.4vw,20px);display:flex;flex-direction:column;flex:1 1 auto;} .cl-sec-technology .cmv2-card-h {font-weight:600;font-size:clamp(14.5px,1.2vw,18px);line-height:1.3;letter-spacing:-.2px;color:var(--ink);margin-bottom:7px;} .cl-sec-technology .cmv2-card-h em {font-style:normal;color:var(--mauve);} .cl-sec-technology .cmv2-card-p {font-size:12.5px;line-height:1.55;color:var(--body);margin-bottom:13px;} .cl-sec-technology .cmv2-card .cmv2-was {margin-top:auto;font-size:11.5px;padding:5px 12px 5px 6px;} .cl-sec-technology .cmv2-card .cmv2-was b {font-size:8.5px;padding:3px 7px;} .cl-sec-technology .cmv2-found { background:var(--soft);border-radius:20px; padding:clamp(18px,2.2vw,26px) clamp(16px,2.4vw,28px); margin:clamp(16px,1.8vw,22px) auto 0; display:grid;gap:14px; } .cl-sec-technology .cmv2-found-t {font-size:9.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--body);text-align:center;} .cl-sec-technology .cmv2-found-list {list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:11px 30px;} .cl-sec-technology .cmv2-found-list li {display:flex;align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.45;color:var(--ink);} .cl-sec-technology .cmv2-found-list b {font-weight:600;} .cl-sec-technology .cmv2-found-list svg {width:15px;height:15px;color:var(--mauve);flex:none;margin-top:3px;} .cl-sec-technology .cmv2-cta-wrap {display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 22px;margin:clamp(26px,3vw,38px) auto 0;} .cl-sec-technology .cmv2-cta {display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--mauve);color:var(--w);text-decoration:none;font-family:var(--sans);font-size:13.5px;font-weight:600;letter-spacing:.02em;padding:17px 32px;border-radius:999px;box-shadow:0 10px 24px rgba(142,93,111,.28);transition:transform .18s ease,box-shadow .18s ease;} .cl-sec-technology .cmv2-cta:hover, .cl-sec-technology .cmv2-cta:focus {transform:translateY(-2px);box-shadow:0 16px 32px rgba(142,93,111,.38);color:var(--w);text-decoration:none;} .cl-sec-technology .cmv2-cta svg {width:15px;height:15px;flex:none;transition:transform .18s ease;} .cl-sec-technology .cmv2-cta:hover svg {transform:translateX(4px);} .cl-sec-technology .cmv2-refund {display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--body);} .cl-sec-technology .cmv2-refund svg {width:13px;height:13px;color:var(--prune);flex:none;} .cl-sec-technology .cmv2.anim-ready .cmv2-rv {opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;} .cl-sec-technology .cmv2.anim-ready .cmv2-rv.is-in {opacity:1;transform:none;} @media (prefers-reduced-motion:reduce) { .cl-sec-technology .cmv2.anim-ready .cmv2-rv {opacity:1 !important;transform:none !important;transition:none !important;} } @media (max-width:860px) { .cl-sec-technology .cmv2-duo {grid-template-columns:1fr;gap:20px;} .cl-sec-technology .cmv2-duo-shot {order:1;aspect-ratio:1/1;} .cl-sec-technology .cmv2-duo-body {order:2;} } @media (max-width:600px) { .cl-sec-technology .cmv2 {padding:38px 12px;} .cl-sec-technology .cmv2-duo {margin-top:34px;gap:16px;} .cl-sec-technology .cmv2-duo-shot {border-radius:18px;} .cl-sec-technology .cmv2-duo-h {font-size:20px;} .cl-sec-technology .cmv2-duo-p {font-size:14px;margin-bottom:15px;} .cl-sec-technology .cmv2-pair {gap:9px;margin-top:26px;} .cl-sec-technology .cmv2-card {border-radius:15px;} .cl-sec-technology .cmv2-card-body {padding:12px;} .cl-sec-technology .cmv2-card-h {font-size:13.5px;} .cl-sec-technology .cmv2-card-p {font-size:11.5px;margin-bottom:11px;} .cl-sec-technology .cmv2-card .cmv2-was {font-size:10.5px;padding:4px 10px 4px 5px;gap:6px;} .cl-sec-technology .cmv2-card .cmv2-was b {font-size:8px;padding:2px 6px;} .cl-sec-technology .cmv2-stats {gap:22px 14px;} .cl-sec-technology .cmv2-stat {flex:1 1 40%;min-width:120px;} .cl-sec-technology .cmv2-stat-ic {width:48px;height:48px;} .cl-sec-technology .cmv2-stat-l {font-size:9px;letter-spacing:.08em;} .cl-sec-technology .cmv2-found {border-radius:16px;} .cl-sec-technology .cmv2-found-list {gap:11px 16px;} .cl-sec-technology .cmv2-found-list li {flex:1 1 100%;font-size:13px;} .cl-sec-technology .cmv2-cta {width:100%;padding:17px 24px;} .cl-sec-technology .cmv2-refund {font-size:12px;} } /* 06-promise */ @font-face { font-family: "Source Serif 4"; font-weight: 600; font-style: normal; font-display: fallback; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-sourceserif4_n6.95f0b4b0c48888f7bbbe6586fc9c50e8f98c6276.woff2?v=94748038138959959751792992368) format("woff2"), url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-sourceserif4_n6.d1dfc25223b4ed046fa065538a370cbfaa922731.woff?v=677184171389271981792992369) format("woff"); } @font-face { font-family: "Source Serif 4"; font-weight: 600; font-style: italic; font-display: fallback; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-sourceserif4_i6.e58d30f9ee9205efefa33583bd2485dadf2bd38d.woff2?v=159750083584672706911792992371) format("woff2"), url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-sourceserif4_i6.f65f4a8cb92329f91f51997560d2b7030c2faf05.woff?v=75084091202242631541792992404) format("woff"); } .cl-sec-promise { --spacing-0-5: 2px; --spacing-1: 4px; --spacing-1-5: 6px; --spacing-2: 8px; --spacing-2-5: 10px; --spacing-3: 12px; --spacing-3-5: 14px; --spacing-4: 16px; --spacing-4-5: 18px; --spacing-5: 20px; --spacing-5-5: 22px; --spacing-6: 24px; --spacing-6-5: 26px; --spacing-7: 28px; --spacing-7-5: 30px; --spacing-8: 32px; --spacing-8-5: 34px; --spacing-9: 36px; --spacing-9-5: 38px; --spacing-10: 40px; --spacing-11: 44px; --spacing-12: 48px; --spacing-14: 56px; --spacing-16: 64px; --spacing-18: 72px; --spacing-20: 80px; --spacing-24: 96px; --spacing-28: 112px; --spacing-32: 128px; --spacing-36: 144px; --spacing-40: 160px; --spacing-44: 176px; --spacing-48: 192px; --spacing-52: 208px; --spacing-56: 224px; --spacing-60: 240px; --spacing-64: 256px; --spacing-72: 288px; --spacing-80: 320px; --spacing-96: 384px; --container-max-width: 1600px; --container-narrow-max-width: 1350px; --container-gutter: var(--spacing-5); --section-outer-spacing-block: var(--spacing-12); --section-inner-max-spacing-block: var(--spacing-10); --section-inner-spacing-inline: var(--container-gutter); --section-stack-spacing-block: var(--spacing-8); --grid-gutter: var(--spacing-5); --product-list-row-gap: var(--spacing-8); --product-list-column-gap: var(--grid-gutter); --input-gap: var(--spacing-2); --input-height: 42px; --input-padding-inline: var(--spacing-4); --sticky-area-height: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px) + var(--sticky-header-enabled, 0) * var(--header-height, 0px)); --transform-logical-flip: 1; --transform-origin-start: left; --transform-origin-end: right; --heading-font-family: "Source Serif 4", serif; --heading-font-weight: 600; --heading-font-style: normal; --heading-text-transform: normal; --heading-letter-spacing: 0.0em; --text-font-family: Helvetica, Arial, sans-serif; --text-font-weight: 400; --text-font-style: normal; --text-letter-spacing: 0.0em; --text-h0: 48px; --text-h1: 40px; --text-h2: 32px; --text-h3: 24px; --text-h4: 22px; --text-h5: 18px; --text-h6: 16px; --text-xs: 11px; --text-sm: 12px; --text-base: 14px; --text-lg: 18px; --accent: 0 0 0; --text-primary: 0 0 0; --background-primary: 255 255 255; --dialog-background: 255 255 255; --border-color: var(--text-color, var(--text-primary)) / 0.12; --button-background-primary: 0 0 0; --button-text-primary: 255 255 255; --button-background-secondary: 195 135 134; --button-text-secondary: 255 255 255; --success-background: 224 244 232; --success-text: 0 163 65; --warning-background: 255 246 233; --warning-text: 255 183 74; --error-background: 254 231 231; --error-text: 248 58 58; --on-sale-text: 248 58 58; --on-sale-badge-background: 248 58 58; --on-sale-badge-text: 255 255 255; --sold-out-badge-background: 0 0 0; --sold-out-badge-text: 255 255 255; --primary-badge-background: 141 95 112; --primary-badge-text: 255 255 255; --star-color: 255 183 74; --product-card-background: 255 255 255; --product-card-text: 0 0 0; --header-background: 255 255 255; --header-text: 0 0 0; --footer-background: 0 0 0; --footer-text: 255 255 255; --rounded-xs: 4px; --rounded-sm: 6px; --rounded: 12px; --rounded-lg: 24px; --rounded-full: 9999px; --rounded-block: 24px; --rounded-button: 60px; --rounded-input: 8px; --shadow-sm: 0 2px 8px rgb(var(--text-primary) / 0.1); --shadow: 0 5px 15px rgb(var(--text-primary) / 0.1); --shadow-md: 0 5px 30px rgb(var(--text-primary) / 0.1); --shadow-block: 0px 18px 50px rgb(var(--text-primary) / 0.1); --stagger-products-reveal-opacity: 0; --cursor-close-svg-url: url(//pridolahome.com/cdn/shop/t/1/assets/cursor-close.svg?v=5163); --cursor-zoom-in-svg-url: url(//pridolahome.com/cdn/shop/t/1/assets/cursor-zoom-in.svg?v=5163); --cursor-zoom-out-svg-url: url(//pridolahome.com/cdn/shop/t/1/assets/cursor-zoom-out.svg?v=5163); --checkmark-svg-url: url(//pridolahome.com/cdn/shop/t/1/assets/checkmark.svg?v=5163); } @media screen and (min-width: 700px) { .cl-sec-promise { --text-h0: 64px; --text-h1: 48px; --text-h2: 40px; --text-h3: 32px; --text-h4: 26px; --text-h5: 20px; --text-h6: 18px; --text-xs: 12px; --text-sm: 14px; --text-base: 16px; --text-lg: 20px; --container-gutter: 32px; --section-outer-spacing-block: var(--spacing-16); --section-inner-max-spacing-block: var(--spacing-12); --section-inner-spacing-inline: var(--spacing-12); --section-stack-spacing-block: var(--spacing-12); --grid-gutter: var(--spacing-6); --product-list-row-gap: var(--spacing-12); --input-gap: 16px; --input-height: 50px; --input-padding-inline: var(--spacing-5); } } @media screen and (min-width: 1000px) { .cl-sec-promise { --container-gutter: var(--spacing-12); --section-outer-spacing-block: var(--spacing-18); --section-inner-max-spacing-block: var(--spacing-16); --section-inner-spacing-inline: var(--spacing-16); --section-stack-spacing-block: var(--spacing-12); } } @media screen and (min-width: 1150px) { .cl-sec-promise { --container-gutter: var(--spacing-12); --section-outer-spacing-block: var(--spacing-20); --section-inner-max-spacing-block: var(--spacing-16); --section-inner-spacing-inline: var(--spacing-16); --section-stack-spacing-block: var(--spacing-12); } } @media screen and (min-width: 1400px) { .cl-sec-promise { --text-h0: 80px; --text-h1: 60px; --text-h2: 48px; --text-h3: 36px; --text-h4: 32px; --text-h5: 24px; --text-h6: 20px; --section-outer-spacing-block: var(--spacing-24); --section-inner-max-spacing-block: var(--spacing-18); --section-inner-spacing-inline: var(--spacing-18); } } @media screen and (min-width: 1600px) { .cl-sec-promise { --section-outer-spacing-block: var(--spacing-24); --section-inner-max-spacing-block: var(--spacing-20); --section-inner-spacing-inline: var(--spacing-20); } } .cl-sec-promise *, .cl-sec-promise ::before, .cl-sec-promise ::after { box-sizing: border-box; border-style: solid; border-width: 0px; border-color: rgb(var(--text-color) / .12); } .cl-sec-promise { text-size-adjust: 100%; tab-size: 4; interpolate-size: allow-keywords; scroll-padding-block-start: calc(var(--sticky-area-height) + 20px); line-height: 1.5; } .cl-sec-promise { --background: var(--background-primary); --text-color: var(--text-primary); background: rgb(var(--background)); color: rgb(var(--text-color)); font: var(--text-font-style) var(--text-font-weight) var(--text-base) / 1.6 var(--text-font-family); letter-spacing: var(--text-letter-spacing); margin: 0px; position: relative; } .cl-sec-promise h1, .cl-sec-promise h2, .cl-sec-promise h3, .cl-sec-promise h4, .cl-sec-promise h5, .cl-sec-promise h6 { font-size: inherit; font-weight: inherit; } .cl-sec-promise blockquote, .cl-sec-promise dl, .cl-sec-promise dd, .cl-sec-promise h1, .cl-sec-promise h2, .cl-sec-promise h3, .cl-sec-promise h4, .cl-sec-promise h5, .cl-sec-promise h6, .cl-sec-promise hr, .cl-sec-promise figure, .cl-sec-promise p, .cl-sec-promise pre { margin: 0px; } .cl-sec-promise :focus:not(:focus-visible) { outline: none; } .cl-sec-promise .cl-shopify-section { --section-is-first: 0; --hash-difference: calc(var(--section-background-hash) - var(--previous-section-background-hash, -1)); --hash-difference-abs: max(var(--hash-difference), -1 * var(--hash-difference)); --background-differs-from-previous: max(0, min(var(--hash-difference-abs, 1), 1)); background: rgb(var(--background)); position: relative; } .cl-sec-promise .cl-shopify-section:not(.clx-contents) { display: flow-root; } @font-face { font-family: GTStandard-M; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-GTStandard-MRegular.woff2?v=149152729114340250381792992409) format("woff2"); font-style: normal; font-weight: 450; font-display: swap; } @font-face { font-family: GTStandard-M; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-GTStandard-MMedium.woff2?v=30486626448974345721792992414) format("woff2"); font-style: normal; font-weight: 500; font-display: swap; } @font-face { font-family: GTStandard-M; src: url(//pridolahome.com/cdn/shop/t/1/assets/cl-font-GTStandard-MSemibold.woff2?v=104269634200593542371792992419) format("woff2"); font-style: normal; font-weight: 600; font-display: swap; } .cl-sec-promise, .cl-sec-promise { scroll-behavior: auto !important; } .cl-sec-promise { --clm-collection-ratio: 1 / 1; } .cl-sec-promise .cmpr { --w: #FFFFFF; --ink: #1A1A1A; --grey: #8A8580; --prune: #3B2C32; --mauve: #8E5D6F; --rose: #C89AAB; --soft: #F5EFF1; --greige: #F2EFED; --line: #E7E2DE; --sans: 'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; font-family: var(--sans); background: var(--w); color: var(--ink); -webkit-font-smoothing: antialiased; padding: 56px 0px 64px; width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); overflow-x: clip; } .cl-sec-promise .cmpr * { box-sizing: border-box; margin: 0px; padding: 0px; } .cl-sec-promise .cmpr-head { text-align: center; margin-bottom: 30px; padding: 0px 22px; } .cl-sec-promise .cmpr-eyebrow { display: block; font-size: 11px; font-weight: 600; letter-spacing: 0.32em; text-transform: uppercase; color: var(--mauve); margin-bottom: 14px; } .cl-sec-promise .cmpr-h { font-weight: 600; font-size: clamp(25px, 6vw, 38px); line-height: 1.18; letter-spacing: -0.5px; color: var(--ink); text-wrap: balance; } .cl-sec-promise .cmpr-h em { font-style: normal; color: var(--mauve); } .cl-sec-promise .cmpr-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; max-width: 560px; margin: 0px auto; padding: 0px 22px; } .cl-sec-promise .cmpr-cell { background: var(--greige); border-radius: 16px; padding: 24px 18px; text-align: center; } .cl-sec-promise .cmpr-ic { width: 44px; height: 44px; border-radius: 999px; background: var(--w); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 12px; } .cl-sec-promise .cmpr-ic svg { width: 18px; height: 18px; color: var(--mauve); } .cl-sec-promise .cmpr-cell h3 { font-size: 13.5px; font-weight: 600; color: var(--ink); margin-bottom: 6px; line-height: 1.35; } .cl-sec-promise .cmpr-cell p { font-size: 12.5px; line-height: 1.6; color: var(--grey); } @media (min-width: 900px) { .cl-sec-promise .cmpr-grid { grid-template-columns: repeat(4, 1fr); max-width: 1200px; gap: 16px; padding: 0px 32px; } } @media (min-width: 900px) { .cl-sec-promise .cmpr-cell { padding: 28px 20px; } } .cl-sec-promise .cmpr { --w:#FFFFFF; --ink:#1A1A1A; --grey:#8A8580; --prune:#3B2C32; --mauve:#8E5D6F; --rose:#C89AAB; --soft:#F5EFF1; --greige:#F2EFED; --line:#E7E2DE; --sans:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; font-family:var(--sans); background:var(--w); color:var(--ink); -webkit-font-smoothing:antialiased; padding:56px 0 64px; width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); overflow-x:clip; } .cl-sec-promise .cmpr * {box-sizing:border-box;margin:0;padding:0;} .cl-sec-promise .cmpr-head {text-align:center;margin-bottom:30px;padding:0 22px;} .cl-sec-promise .cmpr-rule {display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;} .cl-sec-promise .cmpr-rule:before, .cl-sec-promise .cmpr-rule:after {content:"";height:1px;width:34px;background:var(--rose);} .cl-sec-promise .cmpr-eyebrow {display:block;font-size:11px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--mauve);margin-bottom:14px;} .cl-sec-promise .cmpr-h {font-weight:600;font-size:clamp(25px,6vw,38px);line-height:1.18;letter-spacing:-.5px;color:var(--ink);text-wrap:balance;} .cl-sec-promise .cmpr-h em {font-style:normal;color:var(--mauve);} .cl-sec-promise .cmpr-grid {display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:560px;margin:0 auto;padding:0 22px;} .cl-sec-promise .cmpr-cell {background:var(--greige);border-radius:16px;padding:24px 18px;text-align:center;} .cl-sec-promise .cmpr-ic {width:44px;height:44px;border-radius:999px;background:var(--w);display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;} .cl-sec-promise .cmpr-ic svg {width:18px;height:18px;color:var(--mauve);} .cl-sec-promise .cmpr-cell h3 {font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:6px;line-height:1.35;} .cl-sec-promise .cmpr-cell p {font-size:12.5px;line-height:1.6;color:var(--grey);} @media (min-width:900px) { .cl-sec-promise .cmpr-grid {grid-template-columns:repeat(4,1fr);max-width:1200px;gap:16px;padding:0 32px;} .cl-sec-promise .cmpr-cell {padding:28px 20px;} } .cl-sec-promise .cmpr--outline { --line:#E7DCE0; --serif:'Fraunces',Georgia,serif; --sans:'Figtree',system-ui,sans-serif; } .cl-sec-promise .cmpr--outline .cmpr-head {margin-bottom:26px;} .cl-sec-promise .cmpr--outline .cmpr-eyebrow {letter-spacing:.22em;margin-bottom:0;} .cl-sec-promise .cmpr--outline .cmpr-h { font-family:var(--serif);font-weight:500; font-size:clamp(27px,6.6vw,36px);line-height:1.14;letter-spacing:-.01em; } .cl-sec-promise .cmpr--outline .cmpr-h em {font-style:italic;font-weight:400;color:var(--mauve);} .cl-sec-promise .cmpr--outline .cmpr-cell {background:none;border:1px solid var(--line);border-radius:14px;padding:22px 18px;} .cl-sec-promise .cmpr--outline .cmpr-ic {width:auto;height:auto;background:none;border-radius:0;display:block;margin:0 auto 11px;} .cl-sec-promise .cmpr--outline .cmpr-ic svg {width:19px;height:19px;color:var(--prune);} .cl-sec-promise .cmpr--outline .cmpr-cell h3 {font-size:13.5px;font-weight:700;margin-bottom:6px;line-height:1.3;} .cl-sec-promise .cmpr--outline .cmpr-cell p {font-size:12.5px;line-height:1.55;} @media (min-width:900px) { .cl-sec-promise .cmpr--outline .cmpr-grid {max-width:1000px;gap:14px;} .cl-sec-promise .cmpr--outline .cmpr-cell {padding:22px 18px;} }