@charset "UTF-8";
:root {
  --icon-arrow-right: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMyAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiA+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy42NDY0NiAxMS4zNTM2TDEyLjY0NjUgNi4zNTM1OUwxMyA2LjAwMDA0TDEyLjY0NjUgNS42NDY0OEw3LjY0NjQ2IDAuNjQ2NDg0TDYuOTM5MzUgMS4zNTM1OUwxMS4wODU4IDUuNTAwMDRIMC4yOTI5MDhWNi41MDAwNEgxMS4wODU4TDYuOTM5MzUgMTAuNjQ2NUw3LjY0NjQ2IDExLjM1MzZaIiBmaWxsPSIjMUUyOTM0Ii8+Cjwvc3ZnPg==);
  --icon-arrow-right-thin: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE0IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS44NzM4MyA3LjIyNzQ2TDEyLjc0NzggNC4zNTM1MUwxMy4xMDEzIDMuOTk5OTZMMTIuNzQ3OCAzLjY0NjQxTDkuODczODMgMC43NzI0NjFMOS4xNjY3MiAxLjQ3OTU3TDExLjE4NzEgMy40OTk5NkwwLjg5ODQzOCAzLjQ5OTk2TDAuODk4NDM4IDQuNDk5OTZMMTEuMTg3MSA0LjQ5OTk2TDkuMTY2NzIgNi41MjAzNUw5Ljg3MzgzIDcuMjI3NDZaIiBmaWxsPSIjMUUyOTM0Ii8+Cjwvc3ZnPg==);
  --icon-checkbox: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI4ODVfODkwKSI+CjxwYXRoIGQ9Ik0wIDRDMCAxLjc5MDg2IDEuNzkwODYgMCA0IDBIMjZWMjJDMjYgMjQuMjA5MSAyNC4yMDkxIDI2IDIyIDI2SDBWNFoiIGZpbGw9IiMxRTI5MzQiLz4KPHBhdGggZD0iTTguOTM3NSAxNC4yMTg4TDExLjY1NzYgMTcuMDYyNUwxNy44NzUgMTAuNTYyNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjg4NV84OTAiPgo8cGF0aCBkPSJNMCA0QzAgMS43OTA4NiAxLjc5MDg2IDAgNCAwSDI2VjIyQzI2IDI0LjIwOTEgMjQuMjA5MSAyNiAyMiAyNkgwVjRaIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPg==);
  --icon-checkmark: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cG9seWdvbiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IndoaXRlIiBwb2ludHM9IjkuNzA3IDE0LjI5MyAxOSA1IDIwLjQxNCA2LjQxNCA5LjcwNyAxNy4xMjEgNCAxMS40MTQgNS40MTQgMTAiLz48L3N2Zz4=);
  --icon-chevron-left: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjM1MzYgNy42NDY4MUw3LjgwMDk1IDEuMTk5NDZMOC41MDgwNiAxLjkwNjU2TDIuNDE0MjYgOC4wMDAzNkw4LjUwODA2IDE0LjA5NDJMNy44MDA5NSAxNC44MDEzTDEuMzUzNiA4LjM1MzkyTDEuMDAwMDQgOC4wMDAzNkwxLjM1MzYgNy42NDY4MVoiIGZpbGw9IiMxRTI5MzQiLz4KPHBhdGggZD0iTTcuODAwOTUgMS4xOTk0Nkw4LjI0Mjg5IDAuNzU3NTE2TDcuODAwOTUgMC4zMTU1NzRMNy4zNTkwMSAwLjc1NzUxNkw3LjgwMDk1IDEuMTk5NDZaTTEuMzUzNiA3LjY0NjgxTDEuNzk1NTQgOC4wODg3NUwxLjM1MzYgNy42NDY4MVpNOC41MDgwNiAxLjkwNjU2TDguOTUgMi4zNDg1MUw5LjM5MTk0IDEuOTA2NTZMOC45NSAxLjQ2NDYyTDguNTA4MDYgMS45MDY1NlpNMi40MTQyNiA4LjAwMDM2TDEuOTcyMzIgNy41NTg0MkwxLjUzMDM3IDguMDAwMzZMMS45NzIzMiA4LjQ0MjNMMi40MTQyNiA4LjAwMDM2Wk04LjUwODA2IDE0LjA5NDJMOC45NSAxNC41MzYxTDkuMzkxOTQgMTQuMDk0Mkw4Ljk1IDEzLjY1MjJMOC41MDgwNiAxNC4wOTQyWk03LjgwMDk1IDE0LjgwMTNMNy4zNTkwMSAxNS4yNDMyTDcuODAwOTUgMTUuNjg1Mkw4LjI0Mjg5IDE1LjI0MzJMNy44MDA5NSAxNC44MDEzWk0xLjM1MzYgOC4zNTM5MkwxLjc5NTU0IDcuOTExOTdMMS4zNTM2IDguMzUzOTJaTTEuMDAwMDQgOC4wMDAzNkwwLjU1ODEwMyA3LjU1ODQyTDAuMTE2MTYxIDguMDAwMzZMMC41NTgxMDMgOC40NDIzTDEuMDAwMDQgOC4wMDAzNlpNNy4zNTkwMSAwLjc1NzUxNkwwLjkxMTY1NiA3LjIwNDg3TDEuNzk1NTQgOC4wODg3NUw4LjI0Mjg5IDEuNjQxNEw3LjM1OTAxIDAuNzU3NTE2Wk04Ljk1IDEuNDY0NjJMOC4yNDI4OSAwLjc1NzUxNkw3LjM1OTAxIDEuNjQxNEw4LjA2NjEyIDIuMzQ4NTFMOC45NSAxLjQ2NDYyWk0yLjg1NjIgOC40NDIzTDguOTUgMi4zNDg1MUw4LjA2NjEyIDEuNDY0NjJMMS45NzIzMiA3LjU1ODQyTDIuODU2MiA4LjQ0MjNaTTguOTUgMTMuNjUyMkwyLjg1NjIgNy41NTg0MkwxLjk3MjMyIDguNDQyM0w4LjA2NjExIDE0LjUzNjFMOC45NSAxMy42NTIyWk04LjI0Mjg5IDE1LjI0MzJMOC45NSAxNC41MzYxTDguMDY2MTEgMTMuNjUyMkw3LjM1OTAxIDE0LjM1OTNMOC4yNDI4OSAxNS4yNDMyWk0wLjkxMTY1NiA4Ljc5NTg2TDcuMzU5MDEgMTUuMjQzMkw4LjI0Mjg5IDE0LjM1OTNMMS43OTU1NCA3LjkxMTk3TDAuOTExNjU2IDguNzk1ODZaTTAuNTU4MTAzIDguNDQyM0wwLjkxMTY1NiA4Ljc5NTg2TDEuNzk1NTQgNy45MTE5N0wxLjQ0MTk5IDcuNTU4NDJMMC41NTgxMDMgOC40NDIzWk0wLjkxMTY1NiA3LjIwNDg3TDAuNTU4MTAzIDcuNTU4NDJMMS40NDE5OSA4LjQ0MjNMMS43OTU1NCA4LjA4ODc1TDAuOTExNjU2IDcuMjA0ODdaIiBmaWxsPSIjMUUyOTM0Ii8+Cjwvc3ZnPg==);
  --icon-chevron-right: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxMCAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04LjE1MjAyIDguMTU0NDZMMS43MDQ2NyAxNC42MDE4TDAuOTk3NTU5IDEzLjg5NDdMNy4wOTEzNiA3LjgwMDkxTDAuOTk3NTU5IDEuNzA3MTFMMS43MDQ2NyAxTDguMTUyMDIgNy40NDczNUw4LjUwNTU3IDcuODAwOTFMOC4xNTIwMiA4LjE1NDQ2WiIgZmlsbD0iIzFFMjkzNCIvPgo8cGF0aCBkPSJNMS43MDQ2NyAxNC42MDE4TDEuMjYyNzIgMTUuMDQzOEwxLjcwNDY3IDE1LjQ4NTdMMi4xNDY2MSAxNS4wNDM4TDEuNzA0NjcgMTQuNjAxOFpNOC4xNTIwMiA4LjE1NDQ2TDcuNzEwMDggNy43MTI1Mkw4LjE1MjAyIDguMTU0NDZaTTAuOTk3NTU5IDEzLjg5NDdMMC41NTU2MTcgMTMuNDUyOEwwLjExMzY3NiAxMy44OTQ3TDAuNTU1NjE3IDE0LjMzNjZMMC45OTc1NTkgMTMuODk0N1pNNy4wOTEzNiA3LjgwMDkxTDcuNTMzMyA4LjI0Mjg1TDcuOTc1MjQgNy44MDA5MUw3LjUzMzMgNy4zNTg5Nkw3LjA5MTM2IDcuODAwOTFaTTAuOTk3NTU5IDEuNzA3MTFMMC41NTU2MTcgMS4yNjUxN0wwLjExMzY3NSAxLjcwNzExTDAuNTU1NjE3IDIuMTQ5MDVMMC45OTc1NTkgMS43MDcxMVpNMS43MDQ2NyAxTDIuMTQ2NjEgMC41NTgwNThMMS43MDQ2NyAwLjExNjExNkwxLjI2MjcyIDAuNTU4MDU5TDEuNzA0NjcgMVpNOC4xNTIwMiA3LjQ0NzM1TDcuNzEwMDggNy44ODkyOUw4LjE1MjAyIDcuNDQ3MzVaTTguNTA1NTcgNy44MDA5MUw4Ljk0NzUxIDguMjQyODVMOS4zODk0NSA3LjgwMDkxTDguOTQ3NTEgNy4zNTg5Nkw4LjUwNTU3IDcuODAwOTFaTTIuMTQ2NjEgMTUuMDQzOEw4LjU5Mzk2IDguNTk2NEw3LjcxMDA4IDcuNzEyNTJMMS4yNjI3MiAxNC4xNTk5TDIuMTQ2NjEgMTUuMDQzOFpNMC41NTU2MTcgMTQuMzM2NkwxLjI2MjcyIDE1LjA0MzhMMi4xNDY2MSAxNC4xNTk5TDEuNDM5NSAxMy40NTI4TDAuNTU1NjE3IDE0LjMzNjZaTTYuNjQ5NDIgNy4zNTg5NkwwLjU1NTYxNyAxMy40NTI4TDEuNDM5NSAxNC4zMzY2TDcuNTMzMyA4LjI0Mjg1TDYuNjQ5NDIgNy4zNTg5NlpNMC41NTU2MTcgMi4xNDkwNUw2LjY0OTQyIDguMjQyODVMNy41MzMzIDcuMzU4OTZMMS40Mzk1IDEuMjY1MTdMMC41NTU2MTcgMi4xNDkwNVpNMS4yNjI3MiAwLjU1ODA1OUwwLjU1NTYxNyAxLjI2NTE3TDEuNDM5NSAyLjE0OTA1TDIuMTQ2NjEgMS40NDE5NEwxLjI2MjcyIDAuNTU4MDU5Wk04LjU5Mzk2IDcuMDA1NDFMMi4xNDY2MSAwLjU1ODA1OEwxLjI2MjcyIDEuNDQxOTRMNy43MTAwOCA3Ljg4OTI5TDguNTkzOTYgNy4wMDU0MVpNOC45NDc1MSA3LjM1ODk2TDguNTkzOTYgNy4wMDU0MUw3LjcxMDA4IDcuODg5MjlMOC4wNjM2MyA4LjI0Mjg1TDguOTQ3NTEgNy4zNTg5NlpNOC41OTM5NiA4LjU5NjRMOC45NDc1MSA4LjI0Mjg1TDguMDYzNjMgNy4zNTg5Nkw3LjcxMDA4IDcuNzEyNTJMOC41OTM5NiA4LjU5NjRaIiBmaWxsPSIjMUUyOTM0Ii8+Cjwvc3ZnPg==);
  --icon-chevron-down: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjEwIiBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCAxMCA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGQ9Ik0xIDFMNSA1TDkgMSIgc3Ryb2tlPSIjMUUyOTM0Ii8+Cjwvc3ZnPg==);
  --icon-close-small: url(data:image/svg+xml;base64,TGlxdWlkIGVycm9yIChzbmlwcGV0cy9jc3MtdmFyaWFibGVzIGxpbmUgNjEpOiBDb3VsZCBub3QgZmluZCBhc3NldCBzbmlwcGV0cy9pY29uLWNsb3NlLXNtYWxsLmxpcXVpZA==);
  --icon-drag: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzIiIGhlaWdodD0iNzIiIHZpZXdCb3g9IjAgMCA3MiA3MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI3MSIgaGVpZ2h0PSI3MSIgcng9IjM1LjUiIGZpbGw9IndoaXRlIi8+CjxyZWN0IHg9IjAuNSIgeT0iMC41IiB3aWR0aD0iNzEiIGhlaWdodD0iNzEiIHJ4PSIzNS41IiBzdHJva2U9IiMxRTI5MzQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNC4zNTI1IDM1LjY0NjRMMjkuNjk1MiAzMC4zMDM3TDMwLjQwMjMgMzEuMDEwOEwyNS40MTMyIDM2TDMwLjQwMjMgNDAuOTg5MkwyOS42OTUyIDQxLjY5NjNMMjQuMzUyNSAzNi4zNTM2TDIzLjk5ODkgMzZMMjQuMzUyNSAzNS42NDY0WiIgZmlsbD0iIzFFMjkzNCIvPgo8cGF0aCBkPSJNMjkuNjk1MiAzMC4zMDM3TDMwLjEzNzIgMjkuODYxOEwyOS42OTUyIDI5LjQxOThMMjkuMjUzMyAyOS44NjE4TDI5LjY5NTIgMzAuMzAzN1pNMjQuMzUyNSAzNS42NDY0TDI0Ljc5NDQgMzYuMDg4NEwyNC4zNTI1IDM1LjY0NjRaTTMwLjQwMjMgMzEuMDEwOEwzMC44NDQzIDMxLjQ1MjhMMzEuMjg2MiAzMS4wMTA4TDMwLjg0NDMgMzAuNTY4OUwzMC40MDIzIDMxLjAxMDhaTTI1LjQxMzIgMzZMMjQuOTcxMiAzNS41NTgxTDI0LjUyOTMgMzZMMjQuOTcxMiAzNi40NDE5TDI1LjQxMzIgMzZaTTMwLjQwMjMgNDAuOTg5MkwzMC44NDQzIDQxLjQzMTFMMzEuMjg2MiA0MC45ODkyTDMwLjg0NDMgNDAuNTQ3MkwzMC40MDIzIDQwLjk4OTJaTTI5LjY5NTIgNDEuNjk2M0wyOS4yNTMzIDQyLjEzODJMMjkuNjk1MiA0Mi41ODAyTDMwLjEzNzIgNDIuMTM4MkwyOS42OTUyIDQxLjY5NjNaTTI0LjM1MjUgMzYuMzUzNkwyNC43OTQ0IDM1LjkxMTZMMjQuMzUyNSAzNi4zNTM2Wk0yMy45OTg5IDM2TDIzLjU1NyAzNS41NTgxTDIzLjExNTEgMzZMMjMuNTU3IDM2LjQ0MTlMMjMuOTk4OSAzNlpNMjkuMjUzMyAyOS44NjE4TDIzLjkxMDYgMzUuMjA0NUwyNC43OTQ0IDM2LjA4ODRMMzAuMTM3MiAzMC43NDU3TDI5LjI1MzMgMjkuODYxOFpNMzAuODQ0MyAzMC41Njg5TDMwLjEzNzIgMjkuODYxOEwyOS4yNTMzIDMwLjc0NTdMMjkuOTYwNCAzMS40NTI4TDMwLjg0NDMgMzAuNTY4OVpNMjUuODU1MSAzNi40NDE5TDMwLjg0NDMgMzEuNDUyOEwyOS45NjA0IDMwLjU2ODlMMjQuOTcxMiAzNS41NTgxTDI1Ljg1NTEgMzYuNDQxOVpNMzAuODQ0MyA0MC41NDcyTDI1Ljg1NTEgMzUuNTU4MUwyNC45NzEyIDM2LjQ0MTlMMjkuOTYwNCA0MS40MzExTDMwLjg0NDMgNDAuNTQ3MlpNMzAuMTM3MiA0Mi4xMzgyTDMwLjg0NDMgNDEuNDMxMUwyOS45NjA0IDQwLjU0NzJMMjkuMjUzMyA0MS4yNTQzTDMwLjEzNzIgNDIuMTM4MlpNMjMuOTEwNiAzNi43OTU1TDI5LjI1MzMgNDIuMTM4MkwzMC4xMzcyIDQxLjI1NDNMMjQuNzk0NCAzNS45MTE2TDIzLjkxMDYgMzYuNzk1NVpNMjMuNTU3IDM2LjQ0MTlMMjMuOTEwNiAzNi43OTU1TDI0Ljc5NDQgMzUuOTExNkwyNC40NDA5IDM1LjU1ODFMMjMuNTU3IDM2LjQ0MTlaTTIzLjkxMDYgMzUuMjA0NUwyMy41NTcgMzUuNTU4MUwyNC40NDA5IDM2LjQ0MTlMMjQuNzk0NCAzNi4wODg0TDIzLjkxMDYgMzUuMjA0NVoiIGZpbGw9IiMxRTI5MzQiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ny42NDc1IDM2LjM1MzZMNDIuMzA0OCA0MS42OTYzTDQxLjU5NzcgNDAuOTg5Mkw0Ni41ODY4IDM2TDQxLjU5NzcgMzEuMDEwOEw0Mi4zMDQ4IDMwLjMwMzdMNDcuNjQ3NSAzNS42NDY0TDQ4LjAwMTEgMzZMNDcuNjQ3NSAzNi4zNTM2WiIgZmlsbD0iIzFFMjkzNCIvPgo8cGF0aCBkPSJNNDIuMzA0OCA0MS42OTYzTDQxLjg2MjggNDIuMTM4Mkw0Mi4zMDQ4IDQyLjU4MDJMNDIuNzQ2NyA0Mi4xMzgyTDQyLjMwNDggNDEuNjk2M1pNNDcuNjQ3NSAzNi4zNTM2TDQ3LjIwNTYgMzUuOTExNkw0Ny42NDc1IDM2LjM1MzZaTTQxLjU5NzcgNDAuOTg5Mkw0MS4xNTU3IDQwLjU0NzJMNDAuNzEzOCA0MC45ODkyTDQxLjE1NTcgNDEuNDMxMUw0MS41OTc3IDQwLjk4OTJaTTQ2LjU4NjggMzZMNDcuMDI4OCAzNi40NDE5TDQ3LjQ3MDcgMzZMNDcuMDI4OCAzNS41NTgxTDQ2LjU4NjggMzZaTTQxLjU5NzcgMzEuMDEwOEw0MS4xNTU3IDMwLjU2ODlMNDAuNzEzOCAzMS4wMTA4TDQxLjE1NTcgMzEuNDUyOEw0MS41OTc3IDMxLjAxMDhaTTQyLjMwNDggMzAuMzAzN0w0Mi43NDY3IDI5Ljg2MThMNDIuMzA0OCAyOS40MTk4TDQxLjg2MjggMjkuODYxOEw0Mi4zMDQ4IDMwLjMwMzdaTTQ3LjY0NzUgMzUuNjQ2NEw0Ny4yMDU2IDM2LjA4ODRMNDcuNjQ3NSAzNS42NDY0Wk00OC4wMDExIDM2TDQ4LjQ0MyAzNi40NDE5TDQ4Ljg4NDkgMzZMNDguNDQzIDM1LjU1ODFMNDguMDAxMSAzNlpNNDIuNzQ2NyA0Mi4xMzgyTDQ4LjA4OTQgMzYuNzk1NUw0Ny4yMDU2IDM1LjkxMTZMNDEuODYyOCA0MS4yNTQzTDQyLjc0NjcgNDIuMTM4MlpNNDEuMTU1NyA0MS40MzExTDQxLjg2MjggNDIuMTM4Mkw0Mi43NDY3IDQxLjI1NDNMNDIuMDM5NiA0MC41NDcyTDQxLjE1NTcgNDEuNDMxMVpNNDYuMTQ0OSAzNS41NTgxTDQxLjE1NTcgNDAuNTQ3Mkw0Mi4wMzk2IDQxLjQzMTFMNDcuMDI4OCAzNi40NDE5TDQ2LjE0NDkgMzUuNTU4MVpNNDEuMTU1NyAzMS40NTI4TDQ2LjE0NDkgMzYuNDQxOUw0Ny4wMjg4IDM1LjU1ODFMNDIuMDM5NiAzMC41Njg5TDQxLjE1NTcgMzEuNDUyOFpNNDEuODYyOCAyOS44NjE4TDQxLjE1NTcgMzAuNTY4OUw0Mi4wMzk2IDMxLjQ1MjhMNDIuNzQ2NyAzMC43NDU3TDQxLjg2MjggMjkuODYxOFpNNDguMDg5NCAzNS4yMDQ1TDQyLjc0NjcgMjkuODYxOEw0MS44NjI4IDMwLjc0NTdMNDcuMjA1NiAzNi4wODg0TDQ4LjA4OTQgMzUuMjA0NVpNNDguNDQzIDM1LjU1ODFMNDguMDg5NCAzNS4yMDQ1TDQ3LjIwNTYgMzYuMDg4NEw0Ny41NTkxIDM2LjQ0MTlMNDguNDQzIDM1LjU1ODFaTTQ4LjA4OTQgMzYuNzk1NUw0OC40NDMgMzYuNDQxOUw0Ny41NTkxIDM1LjU1ODFMNDcuMjA1NiAzNS45MTE2TDQ4LjA4OTQgMzYuNzk1NVoiIGZpbGw9IiMxRTI5MzQiLz4KPC9zdmc+);
  --icon-eye: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAyMCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY0NTZfMjQzMCkiPgo8cGF0aCBkPSJNMTAgMEMxMy4zMzMgMCAxNi42NjcgMi4xNjcgMjAgNi41QzE2LjY2NyAxMC44MzMgMTMuMzMzIDEzIDEwIDEzQzYuNjY3IDEzIDMuMzMzIDEwLjgzMyAwIDYuNUMzLjMzMyAyLjE2NyA2LjY2NyAwIDEwIDBaTTEwIDFDNy4xOCAxIDQuMjY3IDIuODAxIDEuMjc0IDYuNUM0LjI2NyAxMC4xOTkgNy4xOCAxMiAxMCAxMkMxMi43MzQgMTIgMTUuNTU3IDEwLjMwNyAxOC40NTUgNi44MzFMMTguNzI2IDYuNUwxOC40NTUgNi4xNjlDMTUuNTU3IDIuNjkzIDEyLjczNCAxIDEwIDFaTTEwIDNDMTAuNDU5NiAzIDEwLjkxNDggMy4wOTA1MyAxMS4zMzk0IDMuMjY2NDJDMTEuNzY0IDMuNDQyMzEgMTIuMTQ5OSAzLjcwMDEyIDEyLjQ3NDkgNC4wMjUxM0MxMi43OTk5IDQuMzUwMTMgMTMuMDU3NyA0LjczNTk3IDEzLjIzMzYgNS4xNjA2MUMxMy40MDk1IDUuNTg1MjUgMTMuNSA2LjA0MDM3IDEzLjUgNi41QzEzLjUgNi45NTk2MyAxMy40MDk1IDcuNDE0NzUgMTMuMjMzNiA3LjgzOTM5QzEzLjA1NzcgOC4yNjQwMyAxMi43OTk5IDguNjQ5ODcgMTIuNDc0OSA4Ljk3NDg3QzEyLjE0OTkgOS4yOTk4OCAxMS43NjQgOS41NTc2OSAxMS4zMzk0IDkuNzMzNThDMTAuOTE0OCA5LjkwOTQ3IDEwLjQ1OTYgMTAgMTAgMTBDOS4wNzE3NCAxMCA4LjE4MTUgOS42MzEyNSA3LjUyNTEzIDguOTc0ODdDNi44Njg3NSA4LjMxODUgNi41IDcuNDI4MjYgNi41IDYuNUM2LjUgNS41NzE3NCA2Ljg2ODc1IDQuNjgxNSA3LjUyNTEzIDQuMDI1MTNDOC4xODE1IDMuMzY4NzUgOS4wNzE3NCAzIDEwIDNaTTEwIDRDOS4zMzY5NiA0IDguNzAxMDcgNC4yNjMzOSA4LjIzMjIzIDQuNzMyMjNDNy43NjMzOSA1LjIwMTA3IDcuNSA1LjgzNjk2IDcuNSA2LjVDNy41IDcuMTYzMDQgNy43NjMzOSA3Ljc5ODkzIDguMjMyMjMgOC4yNjc3N0M4LjcwMTA3IDguNzM2NjEgOS4zMzY5NiA5IDEwIDlDMTAuNjYzIDkgMTEuMjk4OSA4LjczNjYxIDExLjc2NzggOC4yNjc3N0MxMi4yMzY2IDcuNzk4OTMgMTIuNSA3LjE2MzA0IDEyLjUgNi41QzEyLjUgNS44MzY5NiAxMi4yMzY2IDUuMjAxMDcgMTEuNzY3OCA0LjczMjIzQzExLjI5ODkgNC4yNjMzOSAxMC42NjMgNCAxMCA0WiIgZmlsbD0iIzFFMjkzNCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzY0NTZfMjQzMCI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIxMyIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4=);
  --icon-eye-crossed: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAyMCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuOTUgMi4xNThMNS42NzUgMi44OEM0LjIyOCAzLjc5MyAyLjc2IDUuMTYyIDEuMjc0IDdDNC4yNjcgMTAuNjk5IDcuMTggMTIuNSAxMCAxMi41QzExLjMzNSAxMi41IDEyLjY5MiAxMi4wOTYgMTQuMDY4IDExLjI3N0wxNC43OTUgMTIuMDA1QzEzLjE5NyAxMy4wMDIgMTEuNTk4IDEzLjUgMTAgMTMuNUM2LjY2NyAxMy41IDMuMzMzIDExLjMzMyAwIDdDMS42NSA0Ljg1NSAzLjMgMy4yNDEgNC45NSAyLjE1OFpNMTAgMC41QzEzLjMzMyAwLjUgMTYuNjY3IDIuNjY3IDIwIDdDMTguODEgOC41NDYgMTcuNjIxIDkuODE3IDE2LjQzMiAxMC44MTFMMTUuNzIyIDEwLjEwMUMxNi42MjUgOS4zNTUgMTcuNTM2IDguNDMzIDE4LjQ1NSA3LjMzMUwxOC43MjYgN0wxOC40NTUgNi42NjlDMTUuNTU3IDMuMTkzIDEyLjczNCAxLjUgMTAgMS41QzkuMTk2IDEuNSA4LjM4NCAxLjY0NyA3LjU2NCAxLjk0Mkw2Ljc5MiAxLjE2OUM3Ljg2IDAuNzIzIDguOTMgMC41IDEwIDAuNVpNNy40MjMgNC42MzFMOC4xMzEgNS4zNEM3LjcwNTI1IDUuODE2MjggNy40Nzc5OCA2LjQzNzQ4IDcuNDk1ODUgNy4wNzYwN0M3LjUxMzcyIDcuNzE0NjYgNy43NzUzOCA4LjMyMjE3IDguMjI3MSA4Ljc3MzlDOC42Nzg4MyA5LjIyNTYyIDkuMjg2MzQgOS40ODcyOCA5LjkyNDkzIDkuNTA1MTVDMTAuNTYzNSA5LjUyMzAyIDExLjE4NDcgOS4yOTU3NSAxMS42NjEgOC44N0wxMi4zNjkgOS41NzdDMTEuNzE3OCAxMC4xNzU1IDEwLjg2NDIgMTAuNTA1MiA5Ljk3OTg2IDEwLjVDOS4wOTU0NyAxMC40OTQ3IDguMjQ1ODYgMTAuMTU0OCA3LjYwMTg0IDkuNTQ4NzFDNi45NTc4MiA4Ljk0MjU2IDYuNTY3MTUgOC4xMTUwOCA2LjUwODM3IDcuMjMyNjRDNi40NDk1OSA2LjM1MDE5IDYuNzI3MDYgNS40NzgyIDcuMjg1IDQuNzkyTDcuNDIzIDQuNjMxWk0zLjQzIDAuNjM2TDE2Ljg2NSAxNC4wNzFMMTYuMTU4IDE0Ljc3OEwyLjcyMiAxLjM0M0wzLjQyOSAwLjYzNkgzLjQzWk0xMCAzLjVDMTAuNTI2OCAzLjQ5OTk1IDExLjA0NjggMy42MTg4MiAxMS41MjEzIDMuODQ3NzVDMTEuOTk1NyA0LjA3NjY4IDEyLjQxMjQgNC40MDk3NSAxMi43NDAyIDQuODIyMTVDMTMuMDY4IDUuMjM0NTQgMTMuMjk4NSA1LjcxNTYxIDEzLjQxNDUgNi4yMjk0OUMxMy41MzA0IDYuNzQzMzYgMTMuNTI4OSA3LjI3Njc5IDEzLjQxIDcuNzlMMTIuNDk1IDYuODc0VjYuODM2QzEyLjQ1NDggNi4yMjQxNiAxMi4xOTEyIDUuNjQ4NDIgMTEuNzU0MiA1LjIxODI3QzExLjMxNzIgNC43ODgxMyAxMC43Mzc0IDQuNTMzNTcgMTAuMTI1IDQuNTAzTDkuMjExIDMuNTg5QzkuNDY5NzkgMy41Mjk1OSA5LjczNDQ4IDMuNDk5NzMgMTAgMy41WiIgZmlsbD0iIzFFMjkzNCIvPgo8L3N2Zz4=);
  --icon-yotpo-vip: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMTNDMCA1LjgyMDMgNS44MjAzIDAgMTMgMEMyMC4xNzk3IDAgMjYgNS44MjAzIDI2IDEzQzI2IDIwLjE3OTcgMjAuMTc5NyAyNiAxMyAyNkM1LjgyMDMgMjYgMCAyMC4xNzk3IDAgMTNaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPHBhdGggZD0iTTguNTMxMjUgMTMuNDA2MkwxMS4yNTE0IDE2LjI1TDE3LjQ2ODggOS43NSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPg==);
  --icon-zoom: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgd2lkdGg9IjE5IiBoZWlnaHQ9IjE5IiB2aWV3Qm94PSIwIDAgMTkgMTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjI1IDcuNzEzNDZDMS4yNSA0LjE0Mzc5IDQuMTQzNzkgMS4yNSA3LjcxMzQ2IDEuMjVDMTEuMjgzMSAxLjI1IDE0LjE3NjkgNC4xNDM3OSAxNC4xNzY5IDcuNzEzNDZDMTQuMTc2OSA5LjQ3OTA2IDEzLjQ2OSAxMS4wNzkzIDEyLjMyMTUgMTIuMjQ1OEwxMi4yNDU4IDEyLjMyMTVDMTEuMDc5MyAxMy40NjkgOS40NzkwNiAxNC4xNzY5IDcuNzEzNDYgMTQuMTc2OUM0LjE0Mzc5IDE0LjE3NjkgMS4yNSAxMS4yODMxIDEuMjUgNy43MTM0NlpNMTUuNDI2OSA3LjcxMzQ2QzE1LjQyNjkgOS42MTgyMSAxNC43MzY1IDExLjM2MTcgMTMuNTkyMyAxMi43MDczTDE4LjA3OTUgMTcuMTk0NUwxOC41MjE0IDE3LjYzNjVMMTcuNjM3NiAxOC41MjA0TDE3LjE5NTYgMTguMDc4NEwxMi43MDg1IDEzLjU5MTNDMTEuMzYyNyAxNC43MzYxIDkuNjE4NzYgMTUuNDI2OSA3LjcxMzQ2IDE1LjQyNjlDMy40NTM0MyAxNS40MjY5IDAgMTEuOTczNSAwIDcuNzEzNDZDMCAzLjQ1MzQzIDMuNDUzNDMgMCA3LjcxMzQ2IDBDMTEuOTczNSAwIDE1LjQyNjkgMy40NTM0MyAxNS40MjY5IDcuNzEzNDZaTTQuODc3ODUgNy4wODc5OEg0LjI1Mjg1VjguMzM3OThINC44Nzc4NUg3LjA4NzU0VjEwLjU0ODZWMTEuMTczNkg4LjMzNzU0VjEwLjU0ODZWOC4zMzc5OEgxMC41NDg2SDExLjE3MzZWNy4wODc5OEgxMC41NDg2SDguMzM3NTRWNC44Nzc3OFY0LjI1Mjc4SDcuMDg3NTRWNC44Nzc3OFY3LjA4Nzk4SDQuODc3ODVaIiBmaWxsPSIjMUUyOTM0Ii8+Cjwvc3ZnPg==);
  --icon-filter: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMyAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEuOTg3MzYgMC4wNDU4OTg0QzIuMjYzNSAwLjA0NTg5ODQgMi40ODczNiAwLjI2OTc1NiAyLjQ4NzM2IDAuNTQ1ODk4VjQuNTcxNzRDMy4zNDI5NyA0Ljc5MzQ0IDMuOTc0ODIgNS41NzA4IDMuOTc0ODIgNi40OTU3NEMzLjk3NDgyIDcuNDIwNjggMy4zNDI5NyA4LjE5ODA0IDIuNDg3MzYgOC40MTk3NFYxMS40NTM3QzIuNDg3MzYgMTEuNzI5OCAyLjI2MzUgMTEuOTUzNyAxLjk4NzM2IDExLjk1MzdDMS43MTEyMiAxMS45NTM3IDEuNDg3MzYgMTEuNzI5OCAxLjQ4NzM2IDExLjQ1MzdWOC40MTk3MUMwLjYzMTc5OSA4LjE5Nzk4IDAgNy40MjA2NCAwIDYuNDk1NzRDMCA1LjU3MDg0IDAuNjMxNzk5IDQuNzkzNSAxLjQ4NzM2IDQuNTcxNzdWMC41NDU4OThDMS40ODczNiAwLjI2OTc1NiAxLjcxMTIyIDAuMDQ1ODk4NCAxLjk4NzM2IDAuMDQ1ODk4NFpNMS45OTU4NSA3LjQ4MzEyTDEuOTg3MzYgNy40ODMwNUwxLjk3ODkxIDcuNDgzMTJDMS40Mzc0OSA3LjQ3ODU1IDEgNy4wMzgyMyAxIDYuNDk1NzRDMSA1Ljk1MDQxIDEuNDQyMDggNS41MDgzMyAxLjk4NzQxIDUuNTA4MzNDMi41MzI3NCA1LjUwODMzIDIuOTc0ODIgNS45NTA0MSAyLjk3NDgyIDYuNDk1NzRDMi45NzQ4MiA3LjAzODI2IDIuNTM3MjkgNy40Nzg1OSAxLjk5NTg1IDcuNDgzMTJaTTYuNDQ5NDkgMi41MzM2MUM1LjkwNDE1IDIuNTMzNjEgNS40NjIwNyAyLjk3NTY5IDUuNDYyMDcgMy41MjEwMkM1LjQ2MjA3IDQuMDYzNiA1Ljg5OTY5IDQuNTAzOTYgNi40NDEyMiA0LjUwODRDNi40NDQwNyA0LjUwODM1IDYuNDQ2OTMgNC41MDgzMyA2LjQ0OTc5IDQuNTA4MzNDNi40NTI1OCA0LjUwODMzIDYuNDU1MzcgNC41MDgzNSA2LjQ1ODE2IDQuNTA4NEM2Ljk5OTUgNC41MDM3NCA3LjQzNjkgNC4wNjM0NiA3LjQzNjkgMy41MjEwMkM3LjQzNjkgMi45NzU2OSA2Ljk5NDgyIDIuNTMzNjEgNi40NDk0OSAyLjUzMzYxWk02Ljk0OTc5IDUuNDQ0OTNDNy44MDUyMiA1LjIyMzExIDguNDM2OSA0LjQ0NTgzIDguNDM2OSAzLjUyMTAyQzguNDM2OSAyLjU5NjIxIDcuODA1MjIgMS44MTg5NCA2Ljk0OTc5IDEuNTk3MTJWMC41NDU4OThDNi45NDk3OSAwLjI2OTc1NiA2LjcyNTkzIDAuMDQ1ODk4NCA2LjQ0OTc5IDAuMDQ1ODk4NEM2LjE3MzY1IDAuMDQ1ODk4NCA1Ljk0OTc5IDAuMjY5NzU2IDUuOTQ5NzkgMC41NDU4OThWMS41OTY5NkM1LjA5NDA1IDEuODE4NTcgNC40NjIwNyAyLjU5NTk5IDQuNDYyMDcgMy41MjEwMkM0LjQ2MjA3IDQuNDQ2MDUgNS4wOTQwNSA1LjIyMzQ4IDUuOTQ5NzkgNS40NDUwOVYxMS40NTM4QzUuOTQ5NzkgMTEuNzI5OSA2LjE3MzY1IDExLjk1MzggNi40NDk3OSAxMS45NTM4QzYuNzI1OTMgMTEuOTUzOCA2Ljk0OTc5IDExLjcyOTkgNi45NDk3OSAxMS40NTM4VjUuNDQ0OTNaTTEwLjkyNzIgNy40OTExMkwxMC45MTE5IDcuNDkxMzVMMTAuODk2NSA3LjQ5MTEyQzEwLjM1ODMgNy40OTkzMyA5LjkyNDUxIDcuOTM4MjEgOS45MjQ1MSA4LjQ3ODQxQzkuOTI0NTEgOS4wMjM3NCAxMC4zNjY2IDkuNDY1ODIgMTAuOTExOSA5LjQ2NTgyQzExLjQ1NzIgOS40NjU4MiAxMS44OTkzIDkuMDIzNzQgMTEuODk5MyA4LjQ3ODQxQzExLjg5OTMgNy45MzgxOSAxMS40NjU1IDcuNDk5MjkgMTAuOTI3MiA3LjQ5MTEyWk0xMS40MTE5IDYuNTU0NDFWMC41NDU4OThDMTEuNDExOSAwLjI2OTc1NiAxMS4xODggMC4wNDU4OTg0IDEwLjkxMTkgMC4wNDU4OTg0QzEwLjYzNTcgMC4wNDU4OTg0IDEwLjQxMTkgMC4yNjk3NTYgMTAuNDExOSAwLjU0NTg5OFY2LjU1NDQ0QzkuNTU2MyA2Ljc3NjE3IDguOTI0NTEgNy41NTM1MSA4LjkyNDUxIDguNDc4NDFDOC45MjQ1MSA5LjQwMzMxIDkuNTU2MyAxMC4xODA2IDEwLjQxMTkgMTAuNDAyNFYxMS40NTM4QzEwLjQxMTkgMTEuNzMgMTAuNjM1NyAxMS45NTM4IDEwLjkxMTkgMTEuOTUzOEMxMS4xODggMTEuOTUzOCAxMS40MTE5IDExLjczIDExLjQxMTkgMTEuNDUzOFYxMC40MDI0QzEyLjI2NzUgMTAuMTgwNyAxMi44OTkzIDkuNDAzMzUgMTIuODk5MyA4LjQ3ODQxQzEyLjg5OTMgNy41NTM0NyAxMi4yNjc1IDYuNzc2MTEgMTEuNDExOSA2LjU1NDQxWiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=);
  --icon-minus-small: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIyIiB2aWV3Qm94PSIwIDAgMTIgMiIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAxLjVMMCAxLjVMNC4zNzExNGUtMDggMC41TDEyIDAuNTAwMDAxVjEuNVoiIGZpbGw9IiMxRTI5MzQiLz4KPC9zdmc+);
  --icon-pause: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgNiA2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxwYXRoIGQ9Ik0wLjQ0NzI2NiAwLjA1NjE1MjNIMS45Nzk0NVY1Ljk0MzczSDAuNDQ3MjY2VjAuMDU2MTUyM1oiIGZpbGw9IiMxRTI5MzQiLz4KICA8cGF0aCBkPSJNNC4wMjE0OCAwLjA1NjE1MjNINS41NTI3OVY1Ljk0MzczSDQuMDIxNDhWMC4wNTYxNTIzWiIgZmlsbD0iIzFFMjkzNCIvPgo8L3N2Zz4=);
  --icon-play: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgOCA4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMiAwLjMyNzI0VjcuNjcyNzZDMi4wMDA5OCA3LjczMTM4IDIuMDE1ODUgNy43ODg2NyAyLjA0MzEgNy44Mzg4NkMyLjA3MDM2IDcuODg5MDUgMi4xMDkwNCA3LjkzMDM3IDIuMTU1MjUgNy45NTg2NUMyLjIwMTQ1IDcuOTg2OTMgMi4yNTM1NSA4LjAwMTE3IDIuMzA2MjkgNy45OTk5M0MyLjM1OTAyIDcuOTk4NjkgMi40MTA1MyA3Ljk4MjAyIDIuNDU1NjIgNy45NTE1OUw3Ljg1ODYgNC4yNzg4M0M3LjkwMTc2IDQuMjQ5OCA3LjkzNzQ0IDQuMjA4ODggNy45NjIyMiA0LjE2MDA0QzcuOTg2OTkgNC4xMTExOSA4IDQuMDU2MDcgOCA0QzggMy45NDM5MyA3Ljk4Njk5IDMuODg4ODEgNy45NjIyMiAzLjgzOTk2QzcuOTM3NDQgMy43OTExMiA3LjkwMTc2IDMuNzUwMiA3Ljg1ODYgMy43MjExN0wyLjQ1NTYyIDAuMDQ4NDA3M0MyLjQxMDUzIDAuMDE3OTg0OCAyLjM1OTAyIDAuMDAxMzEzNTUgMi4zMDYyOSA3LjQ0OTQ0ZS0wNUMyLjI1MzU1IC0wLjAwMTE2NDU3IDIuMjAxNDUgMC4wMTMwNzI0IDIuMTU1MjUgMC4wNDEzNDk5QzIuMTA5MDQgMC4wNjk2MjczIDIuMDcwMzYgMC4xMTA5NDUgMi4wNDMxIDAuMTYxMTM4QzIuMDE1ODUgMC4yMTEzMzEgMi4wMDA5OCAwLjI2ODYyNCAyIDAuMzI3MjRaIiBmaWxsPSIjMUUyOTM0Ii8+Cjwvc3ZnPg==);
  --icon-plus-small: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiBmaWxsPSJub25lIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTYuNSA1LjVWMEg1LjVWNS41SDBWNi41SDUuNVYxMkg2LjVWNi41SDEyVjUuNUg2LjVaIiBmaWxsPSIjMUUyOTM0Ii8+PC9zdmc+);
  --icon-search: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyLjM1NDQgNi45MTgxNEMxMi4zNTQ0IDEwLjA2NDYgOS44MTA0MyAxMi42MTEyIDYuNjc3MjIgMTIuNjExMkMzLjU0NDAxIDEyLjYxMTIgMSAxMC4wNjQ2IDEgNi45MTgxNEMxIDMuNzcxNzMgMy41NDQwMSAxLjIyNTEgNi42NzcyMiAxLjIyNTFDOS44MTA0MyAxLjIyNTEgMTIuMzU0NCAzLjc3MTczIDEyLjM1NDQgNi45MTgxNFpNMTAuODk2NiAxMi4xMDU4QzEyLjM5NjYgMTAuODc4NSAxMy4zNTQ0IDkuMDEwNDQgMTMuMzU0NCA2LjkxODE0QzEzLjM1NDQgMy4yMjE2NyAxMC4zNjQ5IDAuMjI1MDk4IDYuNjc3MjIgMC4yMjUwOThDMi45ODk0OSAwLjIyNTA5OCAwIDMuMjIxNjcgMCA2LjkxODE0QzAgMTAuNjE0NiAyLjk4OTQ5IDEzLjYxMTIgNi42NzcyMiAxMy42MTEyQzcuOTE3MyAxMy42MTEyIDkuMDc4NDIgMTMuMjcyMyAxMC4wNzM1IDEyLjY4MkwxMC4xOTE5IDEyLjgyMDVMMTMuNTMwNSAxNi43MjQ4TDEzLjg1NTUgMTcuMTA0OEwxNC42MTU1IDE2LjQ1NDlMMTQuMjkwNiAxNi4wNzQ5TDEwLjk1MTkgMTIuMTcwNkwxMC44OTY2IDEyLjEwNThaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+);
}

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.p-5 {
  padding: 2rem !important;
}

.pt-5 {
  padding-top: 2rem !important;
}

.pb-5 {
  padding-bottom: 2rem !important;
}

.m-5 {
  margin: 2rem !important;
}

.mt-5 {
  margin-top: 2rem !important;
}

.mb-5 {
  margin-bottom: 2rem !important;
}

.p-6 {
  padding: 3rem !important;
}

.pt-6 {
  padding-top: 3rem !important;
}

.pb-6 {
  padding-bottom: 3rem !important;
}

.m-6 {
  margin: 3rem !important;
}

.mt-6 {
  margin-top: 3rem !important;
}

.mb-6 {
  margin-bottom: 3rem !important;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

* {
  box-sizing: border-box;
}

html, body {
  font-size: 16px;
  font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  line-height: 1.5;
  color: #1e2934;
}

body {
  font-family: "Mulish", sans-serif;
  background-color: #f8f8f8;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Literata", serif;
}

.container {
  margin: 0 auto;
  max-width: 1440px;
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
}

ul,
ol,
.custom-list {
  margin: 0 0 2rem;
  padding-left: 1.5rem;
}
ul-unstyled,
ol-unstyled,
.custom-list-unstyled {
  list-style: none;
  padding-left: 0;
}
ul-inline,
ol-inline,
.custom-list-inline {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding-left: 0;
}

li {
  margin-bottom: 0.5rem;
}

.custom-list-check {
  list-style: none;
  padding-left: 0;
}
.custom-list-check li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 1rem;
}
.custom-list-check li:before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #1e2934;
}

.btn {
  border: 1px solid #1e2934;
  border-radius: 6px;
  background-color: white;
  color: #1e2934;
  cursor: pointer;
  transition: all 0.25s ease;
  letter-spacing: 0.2px;
  display: inline-block;
  text-align: center;
  box-shadow: 0 0 0 transparent;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  padding: 16px 30px;
  font-weight: 500;
  letter-spacing: 0.09em;
}
.btn:hover {
  background-color: transparent;
  color: #1e2934;
}
.btn:active {
  transform: scale(0.98);
}
.btn:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(30, 41, 52, 0.2);
}
.btn.btn-secondary {
  background-color: white;
  color: #1e2934;
  border: 1px solid white;
}
.btn.btn-secondary:hover {
  background-color: transparent;
  color: white;
}
.btn.btn-outline {
  background-color: transparent;
  color: #1e2934;
  border: 1px solid #1e2934;
}
.btn.btn-outline:hover {
  background-color: #f4f4f4;
}
.btn.btn-large {
  padding: 1.1em 2.2em;
  font-size: 1.125rem;
}

/* ===== СТИЛИ ФОРМ В СТИЛИСТИКЕ FLODA ===== */
/* ===== ЧЕКБОКСЫ ===== */
input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  width: 20px;
  height: 20px;
  border: 2px solid #b8c1c0;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  margin: 0;
  vertical-align: middle;
  flex-shrink: 0;
}
input[type=checkbox]:focus {
  outline: none;
  border-color: #1e2934;
  box-shadow: 0 0 0 2px rgba(30, 41, 52, 0.1);
}
input[type=checkbox]:hover {
  border-color: #1e2934;
}
input[type=checkbox]:checked {
  background-color: #1e2934;
  border-color: #1e2934;
}
input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 5.2px;
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
input[type=checkbox]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  border-color: #e0e0e0;
}
input[type=checkbox]:disabled:checked {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}
input[type=checkbox].checkbox-large {
  width: 24px;
  height: 24px;
}
input[type=checkbox].checkbox-large:checked::after {
  top: 3px;
  left: 8px;
  width: 7px;
  height: 12px;
}
input[type=checkbox].checkbox-small {
  width: 16px;
  height: 16px;
}
input[type=checkbox].checkbox-small:checked::after {
  top: 1px;
  left: 5px;
  width: 5px;
  height: 8px;
  border-width: 0 1.5px 1.5px 0;
}

/* ===== РАДИОКНОПКИ ===== */
input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  width: 20px;
  height: 20px;
  border: 2px solid #b8c1c0;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  margin: 0;
  vertical-align: middle;
  flex-shrink: 0;
}
input[type=radio]:focus {
  outline: none;
  border-color: #1e2934;
  box-shadow: 0 0 0 2px rgba(30, 41, 52, 0.1);
}
input[type=radio]:hover {
  border-color: #1e2934;
}
input[type=radio]:checked {
  background-color: #1e2934;
  border-color: #1e2934;
}
input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
}
input[type=radio]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  border-color: #e0e0e0;
}
input[type=radio]:disabled:checked {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}

/* ===== ЛЕЙБЛЫ ДЛЯ ЧЕКБОКСОВ И РАДИОКНОПОК ===== */
.form-field {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
  cursor: pointer;
}
.form-field:hover input[type=checkbox],
.form-field:hover input[type=radio] {
  border-color: #1e2934;
}
.form-field label {
  cursor: pointer;
  line-height: 1.5;
  color: #333;
  font-size: 15px;
  margin: 0;
  flex: 1;
}
.form-field label .required {
  color: #dc3545;
}
.form-field.form-field-inline {
  align-items: center;
}
.form-field.form-field-inline label {
  margin-bottom: 0;
}
.form-field.form-field-compact {
  margin-bottom: 8px;
  gap: 8px;
}
.form-field.form-field-compact label {
  font-size: 14px;
}

/* ===== СПЕЦИАЛЬНЫЕ СТИЛИ ДЛЯ WOOCOMMERCE ===== */
.woocommerce .woocommerce-form__input-checkbox {
  margin-right: 8px;
}
.woocommerce .woocommerce-terms-and-conditions-checkbox-text {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
}
.woocommerce .woocommerce-terms-and-conditions-checkbox-text input[type=checkbox] {
  margin-top: 2px;
}
.woocommerce .woocommerce-terms-and-conditions-checkbox-text label {
  cursor: pointer;
  line-height: 1.5;
  color: #333;
  font-size: 14px;
}
.woocommerce .woocommerce-terms-and-conditions-checkbox-text label a {
  color: #1e2934;
  text-decoration: underline;
}
.woocommerce .woocommerce-terms-and-conditions-checkbox-text label a:hover {
  color: #007cba;
}
.woocommerce .woocommerce-form__label-for-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  margin-bottom: 16px;
}
.woocommerce .woocommerce-form__label-for-checkbox input[type=checkbox] {
  margin-top: 2px;
}
.woocommerce .woocommerce-form__label-for-checkbox span {
  line-height: 1.5;
  color: #333;
  font-size: 14px;
}
.woocommerce .woocommerce-shipping-fields h3 {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  margin-bottom: 20px;
}
.woocommerce .woocommerce-shipping-fields h3 input[type=checkbox] {
  order: -1;
}
.woocommerce .woocommerce-shipping-fields h3 label {
  cursor: pointer;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}
.woocommerce .widget_layered_nav .woocommerce-widget-layered-nav-list li {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.woocommerce .widget_layered_nav .woocommerce-widget-layered-nav-list li a {
  color: #333;
  text-decoration: none;
  font-size: 14px;
}
.woocommerce .widget_layered_nav .woocommerce-widget-layered-nav-list li a:hover {
  color: #1e2934;
}
.woocommerce .widget_layered_nav .woocommerce-widget-layered-nav-list li .count {
  color: #666;
  font-size: 12px;
  margin-left: auto;
}
.woocommerce .variations .value input[type=checkbox] {
  margin-right: 8px;
}
.woocommerce .variations .value label {
  font-size: 14px;
  cursor: pointer;
}

/* ===== ГРУППЫ ЧЕКБОКСОВ ===== */
.checkbox-group .checkbox-group-title {
  font-weight: 600;
  color: #333;
  margin-bottom: 12px;
  font-size: 16px;
}
.checkbox-group .checkbox-group-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.checkbox-group.checkbox-group-horizontal .checkbox-group-options {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}
.checkbox-group.checkbox-group-compact .checkbox-group-title {
  font-size: 14px;
  margin-bottom: 8px;
}
.checkbox-group.checkbox-group-compact .checkbox-group-options {
  gap: 4px;
}

/* ===== АДАПТИВНОСТЬ ===== */
@media (max-width: 768px) {
  .form-field {
    gap: 10px;
  }
  .form-field label {
    font-size: 14px;
  }
  .checkbox-group.checkbox-group-horizontal .checkbox-group-options {
    flex-direction: column;
    gap: 8px;
  }
  .woocommerce .woocommerce-terms-and-conditions-checkbox-text {
    gap: 10px;
  }
  .woocommerce .woocommerce-terms-and-conditions-checkbox-text label {
    font-size: 13px;
  }
}
/* ===== АНИМАЦИИ ===== */
@keyframes checkboxCheck {
  0% {
    transform: scale(0) rotate(45deg);
  }
  50% {
    transform: scale(1.2) rotate(45deg);
  }
  100% {
    transform: scale(1) rotate(45deg);
  }
}
input[type=checkbox]:checked::after {
  animation: checkboxCheck 0.2s ease-in-out;
}

@keyframes radioCheck {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
input[type=radio]:checked::after {
  animation: radioCheck 0.2s ease-in-out;
}

:root {
  --wrap-h: clamp(40px, calc(40 / 1728 * 100vw), 52px);
  --announcement-height: 40px;
  --header-height: calc(64px + var(--announcement-height));
}

/* Основные стили для header */
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background: #ffffff;
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease;
  border-bottom: 1px solid #1e2934;
}

/* Класс для скрытия header */
.site-header--hidden {
  transform: translateY(-100%);
}

/* Дополнительный класс для тени при скролле */
/* Отступ для контента под fixed header */
body {
  padding-top: 120px; /* Измените значение под высоту вашего header */
}

/* Анимация для announcement bar */
.header-announcement {
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* При скрытии header announcement bar тоже скрывается */
.site-header--hidden .header-announcement {
  opacity: 0;
  transform: translateY(-10px);
}

/* Плавная анимация для элементов навигации */
.header-nav {
  transition: all 0.3s ease;
}

/* Дополнительные стили для мобильных устройств */
/* Кнопка поиска в header */
.header-search-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: none;
  color: #1e2934;
  cursor: pointer;
  padding: 8px 12px;
  border-radius: 6px;
  transition: all 0.3s ease;
  font-size: 14px;
  font-weight: 500;
}
.header-search-btn:hover {
  background: rgba(30, 41, 52, 0.1);
  color: #1e2934;
}
.header-search-btn:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(30, 41, 52, 0.2);
}
.header-search-btn svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .header-search-text {
    display: none;
  }
}

@media (max-width: 768px) {
  body {
    padding-top: 100px; /* Меньший отступ для мобильных */
  }
  .site-header {
    transition: transform 0.2s ease-in-out; /* Быстрее анимация на мобильных */
  }
  .header-search-btn {
    padding: 6px 8px;
  }
  .header-search-btn svg {
    width: 20px;
    height: 20px;
  }
}
.header-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: var(--wrap-h);
  padding-right: var(--wrap-h);
  height: calc(var(--header-height) - var(--announcement-height));
}
.header-nav a {
  color: #1e2934;
}
.header-nav .mobile-only {
  display: none;
  align-items: center;
  gap: 24px;
}
@media (max-width: 992px) {
  .header-nav .mobile-only {
    display: flex;
  }
}

.main-navigation {
  display: block;
  font-family: "Literata", serif;
}
@media (max-width: 992px) {
  .main-navigation {
    display: none;
  }
}
.main-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  display: flex;
  align-items: center;
  gap: 24px;
}
.main-navigation ul li {
  margin-bottom: 0;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}

.site-branding {
  margin-left: auto;
  margin-right: auto;
  font-weight: 800;
  font-size: 30px;
  text-transform: uppercase;
}
.site-branding a {
  text-decoration: none;
  color: #1e2934;
  letter-spacing: 0.09em;
}

.site-icons {
  display: flex;
  align-items: center;
  gap: 18px;
}
.site-icons a {
  text-decoration: none;
  display: flex;
  align-items: center;
}
@media (max-width: 992px) {
  .site-icons .nav__icon--search {
    display: none;
  }
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

.nav__icon--search {
  background: transparent;
  border: none;
  cursor: pointer;
}

.mobile-menu-wrap {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 9999;
}
@media (max-width: 992px) {
  .mobile-menu-wrap.mobile-menu-active {
    display: block;
  }
  .mobile-menu-wrap .main-navigation {
    display: block;
  }
}
.mobile-menu-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.mobile-menu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
}
.mobile-menu-logo {
  width: 80px;
}
.mobile-menu-logo img {
  width: 100%;
  height: auto;
}
.mobile-menu-content {
  flex: 1;
  overflow-y: auto;
  padding: 16px;
}
.mobile-menu-content .main-navigation {
  display: block;
}
.mobile-menu-content .main-navigation ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.mobile-menu-content .main-navigation ul li {
  margin-bottom: 0;
}
.mobile-menu-content .main-navigation ul li a {
  font-size: 24px;
  font-weight: 700;
  color: #1e2934;
  font-family: "Mulish", sans-serif;
}
.mobile-menu-close-button {
  position: absolute;
  right: 16px;
  top: 16px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  width: 40px;
  height: 40px;
  border: 1px solid transparent;
  border-color: #1e2934;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-menu-close-button svg {
  width: 74%;
  height: 74%;
}
.mobile-menu-footer {
  padding: 16px;
}
.mobile-menu-footer-inner {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mobile-menu-footer-contact {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.mobile-menu-footer-contact a {
  text-decoration: none;
  color: #1e2934;
}
.mobile-menu-footer-contact-social {
  display: flex;
  gap: 20px;
}
.mobile-menu-footer-contact-social a {
  text-decoration: none;
  color: #1e2934;
}

.announcement {
  position: relative;
  background: #1e2934;
  min-height: 40px;
  color: #fff;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
}
.announcement button {
  background: transparent;
  border: none;
  color: #fff;
  font-size: 18px;
  margin-right: 12px;
  cursor: pointer;
  padding: 10px 20px;
}

.footer {
  border-top: 1px solid #1e2934;
  background-color: #f2f1eb;
}
.footer-base {
  padding: 74px 0;
}
.footer-base-logo {
  font-size: 32px;
  font-weight: 800;
  text-transform: uppercase;
}
.footer-base-logo img {
  max-width: 60px;
}
.footer-base-wrap {
  display: grid;
  grid-template-columns: 28% repeat(3, 1fr) 120px;
  gap: 24px;
}
@media (max-width: 992px) {
  .footer-base-wrap {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .footer-base-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .footer-base-wrap {
    grid-template-columns: repeat(1, 1fr);
  }
}
.footer-base-menu .title {
  margin-bottom: 16px;
  font-weight: 600;
  font-family: "Literata", serif;
}
.footer-base-menu ul {
  list-style: none;
  padding: 0;
}
.footer-base-menu ul li {
  margin-bottom: 8px;
}
.footer-base-menu ul li a {
  color: #1e2934;
  text-decoration: none;
}
.footer-base-menu ul li a:hover {
  opacity: 0.5;
}
.footer-base-social ul {
  display: flex;
  gap: 16px;
  list-style: none;
  padding: 0;
}
.footer-base-social ul li a:hover {
  opacity: 0.5;
}
.footer-city {
  border-top: 1px solid #1e2934;
  cursor: pointer;
}
.footer-city-check {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 18px;
  color: #1e2934;
  gap: 8px;
  text-transform: capitalize;
  padding: 14px 0;
  font-family: "Literata", serif;
}
.footer-city-check svg {
  width: 10px;
  height: 16px;
}
.footer-city-list {
  box-sizing: border-box;
  padding: 18px 0;
  font-size: 18px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  display: none;
}
@media (max-width: 768px) {
  .footer-city-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.footer-city-list a {
  color: #1e2934;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 8px;
}
.footer-city-list a:hover {
  opacity: 0.5;
}
.footer-city-wrap.active .footer-city-list {
  display: grid;
}
.footer-city-wrap.active .footer-city-check svg {
  transform: rotate(90deg);
}
.footer-copy {
  padding: 14px 0;
  border-top: 1px solid #1e2934;
}
.footer-copy-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 480px) {
  .footer-copy-wrap {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
  }
}
.footer-copy-payment img:nth-child(1) {
  display: block;
  max-width: 300px;
  width: 100%;
}
@media (max-width: 360px) {
  .footer-copy-payment img:nth-child(1) {
    display: none;
  }
}
.footer-copy-payment img:nth-child(2) {
  display: none;
  max-width: 100px;
}
@media (max-width: 360px) {
  .footer-copy-payment img:nth-child(2) {
    display: block;
  }
}

/* ===== ПОИСКОВЫЙ OVERLAY ===== */
.floda-search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(8px);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.floda-search-overlay.search-overlay-active {
  opacity: 1;
  visibility: visible;
}

.search-overlay-content {
  height: 100vh;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  transform: translateY(-20px);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.search-overlay-active .search-overlay-content {
  transform: translateY(0);
}

/* ===== HEADER ПОИСКА ===== */
.search-overlay-header {
  background: #ffffff;
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 0;
  position: relative;
}

.search-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.search-input-wrapper > svg {
  width: 18px;
  height: 18px;
}

.search-overlay-input {
  width: 100%;
  padding: 20px 60px 20px 20px;
  border: none !important;
  border-bottom: 1px solid transparent;
  font-size: 18px;
  background: transparent;
  transition: all 0.3s ease;
  color: #1e2934;
}
.search-overlay-input:focus {
  outline: none;
  border-color: #1e2934;
  background: transparent;
  box-shadow: none;
}
.search-overlay-input::placeholder {
  color: #6c757d;
}
.search-overlay-input.focused {
  border-color: #1e2934;
  background: #ffffff;
}

.search-overlay-close {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 10px;
  cursor: pointer;
  color: #6c757d;
  transition: all 0.3s ease;
  border-radius: 8px;
}
.search-overlay-close:hover {
  color: #1e2934;
  background: rgba(30, 41, 52, 0.1);
}
.search-overlay-close svg {
  width: 24px;
  height: 24px;
}

/* ===== BODY ПОИСКА ===== */
.search-overlay-body {
  flex: 1;
  overflow-y: auto;
  padding: 40px 0;
  background: #ffffff;
}

.search-overlay-main {
  margin: 0 auto;
}

/* ===== РЕЗУЛЬТАТЫ ПОИСКА ===== */
.floda-search-results {
  background: #ffffff;
  overflow: hidden;
  margin-bottom: 40px;
}

.search-section {
  padding: 32px;
}
.search-section + .search-section {
  border-top: 1px solid #e5e5e5;
}

.search-section-title {
  font-family: var(--font-heading, "Literata", serif);
  font-size: 24px;
  font-weight: 600;
  color: #1e2934;
  margin-bottom: 24px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* ===== СТАТЬИ И СТРАНИЦЫ ===== */
.search-posts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
}

.search-post-item {
  display: flex;
  gap: 16px;
  padding: 20px;
  background: #f8f9fa;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.search-post-item:hover {
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
}

.search-post-image {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
}
.search-post-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.search-post-content {
  flex: 1;
}

.search-post-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
  line-height: 1.4;
}
.search-post-title a {
  color: #1e2934;
  text-decoration: none;
}
.search-post-title a:hover {
  color: #495057;
}

.search-post-excerpt {
  font-size: 14px;
  color: #6c757d;
  margin-bottom: 8px;
  line-height: 1.5;
}

.search-post-meta {
  display: flex;
  gap: 12px;
  font-size: 12px;
  color: #adb5bd;
}

/* ===== ТОВАРЫ ===== */
.search-products-container {
  position: relative;
}

.search-products-scroll {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  padding-bottom: 10px;
  /* Кастомный скроллбар */
}
.search-products-scroll::-webkit-scrollbar {
  height: 8px;
}
.search-products-scroll::-webkit-scrollbar-track {
  background: #e5e5e5;
  border-radius: 4px;
}
.search-products-scroll::-webkit-scrollbar-thumb {
  background: #1e2934;
  border-radius: 4px;
}
.search-products-scroll::-webkit-scrollbar-thumb:hover {
  background: #495057;
}

.search-product-item {
  flex-shrink: 0;
  width: 280px;
  background: #ffffff;
  border-radius: 4px;
  overflow: hidden;
  transition: all 0.3s ease;
  border: 1px solid #e5e5e5;
}
.search-product-item:hover img {
  transform: scale(1.05);
}

.search-product-image {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
}
.search-product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.search-product-image:hover img {
  transform: scale(1.05);
}

.search-product-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8f9fa;
}
.search-product-placeholder span {
  font-size: 48px;
  opacity: 0.5;
}

.search-product-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #1e2934;
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.search-product-content {
  padding: 20px;
}

.search-product-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
  line-height: 1.4;
}
.search-product-title a {
  color: #1e2934;
  text-decoration: none;
}
.search-product-title a:hover {
  color: #495057;
}

.search-product-price {
  font-size: 18px;
  font-weight: 700;
  color: #1e2934;
  margin-bottom: 12px;
}

.search-product-composition {
  font-size: 14px;
  color: #6c757d;
  margin-bottom: 16px;
  line-height: 1.5;
}

.search-product-actions {
  display: flex;
  justify-content: center;
}

.search-product-btn {
  width: 100%;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 500;
}

.search-overlay-results .search-products, .search-overlay-results .search-posts {
  grid-template-columns: 1fr;
}

/* ===== КНОПКА "СМОТРЕТЬ ВСЕ" ===== */
.search-action {
  text-align: center;
  padding: 24px 32px;
  background: #ffffff;
  border-top: 1px solid #e5e5e5;
}

.search-all-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 28px;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
}
.search-all-btn svg {
  width: 18px;
  height: 18px;
  transition: transform 0.3s ease;
}
.search-all-btn:hover svg {
  transform: translateX(4px);
}

/* ===== МЕНЮ ПО УМОЛЧАНИЮ ===== */
.search-menu-title {
  font-family: var(--font-heading, "Literata", serif);
  font-size: 28px;
  font-weight: 600;
  color: #1e2934;
  text-align: center;
  margin-bottom: 32px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.search-menu-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
}

.search-menu-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 20px;
  background: #f8f9fa;
  border-radius: 8px;
  text-decoration: none;
  color: #1e2934;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}
.search-menu-link:hover {
  background: #1e2934;
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(30, 41, 52, 0.2);
}

.menu-link-icon {
  font-size: 20px;
  flex-shrink: 0;
}

.menu-link-text {
  font-weight: 500;
  font-size: 14px;
}

/* ===== ПУСТЫЕ РЕЗУЛЬТАТЫ ===== */
.floda-search-empty {
  text-align: center;
}

.search-empty-icon {
  margin-bottom: 24px;
}
.search-empty-icon svg {
  width: 64px;
  height: 64px;
}

.search-empty-title {
  font-family: var(--font-heading, "Literata", serif);
  font-size: 24px;
  font-weight: 600;
  color: #1e2934;
  margin-bottom: 12px;
}

.search-empty-description {
  font-size: 16px;
  color: #6c757d;
  margin-bottom: 32px;
  line-height: 1.6;
}

.search-empty-suggestions {
  text-align: left;
}

.search-suggestions-title {
  font-size: 18px;
  font-weight: 600;
  color: #1e2934;
  margin-bottom: 20px;
  text-align: center;
}

.search-suggestions-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;
}

.search-suggestion-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: #f8f9fa;
  border-radius: 6px;
  text-decoration: none;
  color: #1e2934;
  transition: all 0.3s ease;
  font-size: 14px;
}
.search-suggestion-link:hover {
  background: #1e2934;
  color: white;
}

.suggestion-icon {
  font-size: 16px;
}

/* ===== ЗАГРУЗКА ===== */
.search-loading {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 40px;
  background: #ffffff;
}

.search-loading-spinner {
  margin-bottom: 20px;
}

.spinner {
  width: 40px;
  height: 40px;
  border: 3px solid #e5e5e5;
  border-top: 3px solid #1e2934;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.search-loading-text {
  font-size: 16px;
  color: #6c757d;
  margin: 0;
}

/* ===== ОШИБКА ПОИСКА ===== */
.search-error {
  background: #ffffff;
  border-radius: 12px;
  padding: 40px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  border: 1px solid #f8d7da;
}

.search-error-icon {
  font-size: 48px;
  margin-bottom: 16px;
}

.search-error-title {
  font-size: 20px;
  font-weight: 600;
  color: #721c24;
  margin-bottom: 12px;
}

.search-error-message {
  font-size: 16px;
  color: #856464;
  margin-bottom: 24px;
  line-height: 1.6;
}

/* ===== АДАПТИВНОСТЬ ===== */
@media (max-width: 768px) {
  .search-overlay-header {
    padding: 16px 0;
  }
  .search-overlay-input {
    padding: 16px 50px 16px 16px;
    font-size: 18px;
  }
  .search-overlay-body {
    padding: 20px 0;
  }
  .search-section {
    padding: 24px 16px;
  }
  .search-section-title {
    font-size: 20px;
  }
  .search-posts-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .search-post-item {
    padding: 16px;
  }
  .search-products-scroll {
    gap: 16px;
  }
  .search-product-item {
    width: 240px;
  }
  .search-overlay-menu {
    padding: 24px 16px;
  }
  .search-menu-title {
    font-size: 24px;
  }
  .search-menu-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .floda-search-empty {
    padding: 40px 20px;
  }
  .search-suggestions-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}
@media (max-width: 480px) {
  .search-overlay-input {
    padding: 14px 45px 14px 14px;
    font-size: 16px;
  }
  .search-overlay-close {
    right: 10px;
    padding: 8px;
  }
  .search-overlay-close svg {
    width: 20px;
    height: 20px;
  }
  .search-product-item {
    width: 200px;
  }
  .search-suggestions-grid {
    grid-template-columns: 1fr;
  }
}
/* ===== БЛОКИРОВКА СКРОЛЛА ===== */
body.search-open {
  overflow: hidden;
}

/* ===== ACCESSIBILITY ===== */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.search-page {
  padding: 60px 0;
}
@media (max-width: 768px) {
  .search-page {
    padding: 40px 0;
  }
}

.search-page__header {
  margin-bottom: 50px;
  text-align: center;
}
@media (max-width: 768px) {
  .search-page__header {
    margin-bottom: 40px;
  }
}

.search-page__title-wrapper {
  margin-bottom: 30px;
}

.search-page__title {
  font-family: "Literata", serif;
  font-size: 2.5rem;
  font-weight: 600;
  color: #1e2934;
  margin: 0 0 15px 0;
}
@media (max-width: 768px) {
  .search-page__title {
    font-size: 2rem;
  }
}
@media (max-width: 576px) {
  .search-page__title {
    font-size: 1.75rem;
  }
}

.search-page__query {
  margin-bottom: 15px;
}
.search-page__query .search-page__query-label {
  color: #666;
  font-size: 1.1rem;
  margin-right: 8px;
}
.search-page__query .search-page__query-text {
  color: #1e2934;
  font-weight: 600;
  font-size: 1.1rem;
}

.search-page__stats {
  color: #666;
  font-size: 1rem;
}
.search-page__stats strong {
  color: #1e2934;
  font-weight: 600;
}

.search-page__form {
  max-width: 600px;
  margin: 0 auto;
}

.search-form {
  position: relative;
}

.search-form__wrapper {
  position: relative;
  display: flex;
  border: 1px solid #e1e5e9;
  border-radius: 4px;
  overflow: hidden;
  transition: border-color 0.3s ease;
}
.search-form__field {
  flex: 1;
  padding: 16px 20px;
  border: none;
  font-size: 1rem;
  font-family: "Mulish", sans-serif;
  color: #1e2934;
  background: white;
}
.search-form__field::placeholder {
  color: #999;
}
.search-form__field:focus {
  outline: none;
  border: none !important;
}

.search-form__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 24px;
  background: #1e2934;
  color: white;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.search-form__submit:hover {
  background-color: #1e2934;
}
.search-form__submit svg {
  width: 18px;
  height: 18px;
}

.screen-reader-text {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px !important;
  height: 1px !important;
  overflow: hidden;
}

.search-page__content {
  margin: 0 auto;
}

.search-section {
  margin-bottom: 60px;
}
.search-section:last-child {
  margin-bottom: 0;
}

.search-section__title {
  font-family: "Literata", serif;
  font-size: 1.5rem;
  font-weight: 600;
  color: #1e2934;
  margin: 0 0 30px 0;
  display: flex;
  align-items: center;
  gap: 10px;
}
@media (max-width: 576px) {
  .search-section__title {
    font-size: 1.25rem;
  }
}

.search-section__count {
  color: #666;
  font-weight: 400;
  font-size: 1rem;
}

.search-products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 24px;
}
@media (max-width: 576px) {
  .search-products {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 16px;
  }
}

.search-product {
  background: white;
  border-radius: 4px;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.search-product__image {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
}

.search-product__link {
  display: block;
  width: 100%;
  height: 100%;
}

.search-product__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.search-product:hover .search-product__img {
  transform: scale(1.05);
}

.search-product__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #f8f9fa;
}

.search-product__badge {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.search-product__badge--sale {
  background: #e74c3c;
  color: white;
}
.search-product__badge--featured {
  background: #f39c12;
  color: white;
}

.search-product__content {
  padding: 20px;
}

.search-product__title {
  margin: 0 0 12px 0;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.3;
}

.search-product__title-link {
  color: #1e2934;
  text-decoration: none;
}
.search-product__title-link:hover {
  color: #1e2934;
}

.search-product__excerpt {
  color: #666;
  font-size: 0.9rem;
  line-height: 1.4;
  margin-bottom: 12px;
}

.search-product__composition {
  margin-bottom: 16px;
  font-size: 0.85rem;
}
.search-product__composition-label {
  color: #888;
  font-weight: 500;
}
.search-product__composition-text {
  color: #555;
  margin-left: 4px;
}

.search-product__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #f0f0f0;
}

.search-product__price {
  font-weight: 600;
  color: #1e2934;
}
.search-product__price .amount {
  font-size: 1.1rem;
}

.search-product__price-request {
  color: #666;
  font-style: italic;
}

.search-product__actions {
  flex-shrink: 0;
}

.search-product__cart-form {
  display: inline-block;
}

.search-product__add-to-cart,
.search-product__view {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  background: #1e2934;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 0.85rem;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.search-product__add-to-cart:hover,
.search-product__view:hover {
  background-color: #1e2934;
  color: white;
}
.search-product__add-to-cart svg,
.search-product__view svg {
  width: 14px;
  height: 14px;
}

.search-product__unavailable {
  color: #999;
  font-size: 0.85rem;
  font-style: italic;
}

.search-posts {
  display: grid;
  gap: 24px;
}
@media (min-width: 768px) {
  .search-posts {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 576px) {
  .search-posts {
    gap: 16px;
  }
}

.search-post {
  display: flex;
  gap: 20px;
  background: white;
  border-radius: 4px;
  overflow: hidden;
}
@media (max-width: 576px) {
  .search-post {
    flex-direction: column;
    gap: 0;
  }
}

.search-post__image {
  flex-shrink: 0;
  width: 180px;
  aspect-ratio: 4/3;
  overflow: hidden;
}
@media (max-width: 576px) {
  .search-post__image {
    width: 100%;
    aspect-ratio: 16/9;
  }
}

.search-post__image-link {
  display: block;
  width: 100%;
  height: 100%;
}

.search-post__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.search-post:hover .search-post__img {
  transform: scale(1.05);
}

.search-post__content {
  flex: 1;
  padding: 20px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 576px) {
  .search-post__content {
    padding: 16px;
  }
}

.search-post__header {
  margin-bottom: 12px;
}

.search-post__meta {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 8px;
  font-size: 0.8rem;
  color: #666;
}

.search-post__type {
  background: #f8f9fa;
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.search-post__date {
  color: #888;
}

.search-post__title {
  margin: 0;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.3;
}

.search-post__title-link {
  color: #1e2934;
  text-decoration: none;
}
.search-post__title-link:hover {
  color: #1e2934;
}

.search-post__excerpt {
  color: #666;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 16px;
  flex: 1;
}

.search-post__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: auto;
}
@media (max-width: 576px) {
  .search-post__footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}

.search-post__read-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #1e2934;
  font-size: 0.9rem;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.3s ease;
}
.search-post__read-more:hover {
  color: #1e2934;
}
.search-post__read-more svg {
  width: 12px;
  height: 8px;
  transition: transform 0.3s ease;
}
.search-post__read-more:hover svg {
  transform: translateX(2px);
}

.search-post__categories {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.8rem;
}

.search-post__categories-label {
  color: #888;
}

.search-post__category {
  color: #666;
  text-decoration: none;
  padding: 4px 8px;
  background: #f8f9fa;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}
.search-post__category:hover {
  background-color: #e9ecef;
  color: #1e2934;
}
.search-post__category:not(:last-child)::after {
  content: "";
}

.search-page__empty {
  text-align: center;
  max-width: 600px;
  margin: 0 auto;
}

.search-empty {
  padding: 60px 20px;
}

.search-empty__icon {
  font-size: 4rem;
  margin-bottom: 24px;
  opacity: 0.6;
}

.search-empty__title {
  font-family: "Literata", serif;
  font-size: 1.75rem;
  font-weight: 600;
  color: #1e2934;
  margin: 0 0 16px 0;
}
@media (max-width: 576px) {
  .search-empty__title {
    font-size: 1.5rem;
  }
}

.search-empty__text {
  color: #666;
  font-size: 1.1rem;
  line-height: 1.6;
  margin: 0 0 40px 0;
}

.search-empty__form {
  margin-bottom: 40px;
}

.search-empty__suggestions {
  text-align: left;
}

.search-empty__suggestions-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #1e2934;
  margin: 0 0 16px 0;
  text-align: center;
}

.search-suggestions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}

.search-suggestion {
  display: inline-block;
  padding: 10px 16px;
  background: #f8f9fa;
  color: #666;
  text-decoration: none;
  border-radius: 25px;
  font-size: 0.9rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
.search-suggestion:hover {
  background: #1e2934;
  color: white;
  transform: translateY(-1px);
}

.search-page__navigation {
  margin-top: 60px;
  text-align: center;
}
.search-page__navigation .nav-links {
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 576px) {
  .search-page__navigation .nav-links {
    flex-direction: column;
    gap: 12px;
  }
}
.search-page__navigation .nav-previous a,
.search-page__navigation .nav-next a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: white;
  color: #1e2934;
  text-decoration: none;
  border: 2px solid #e1e5e9;
  border-radius: 8px;
  font-weight: 500;
  transition: all 0.3s ease;
}
.search-page__navigation .nav-previous a:hover,
.search-page__navigation .nav-next a:hover {
  border-color: #1e2934;
  background: #1e2934;
  color: white;
}

.search-product__price .woocommerce-Price-amount {
  font-weight: 600;
}
.search-product__price .woocommerce-Price-currencySymbol {
  font-weight: 400;
}
.search-product__price del {
  opacity: 0.6;
  margin-right: 8px;
}
.search-product__price ins {
  text-decoration: none;
  color: #e74c3c;
}

.feedback {
  border-top: 1px solid #e0e0e0;
}
.feedback-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
@media (max-width: 992px) {
  .feedback-wrap {
    grid-template-columns: repeat(1, 1fr);
  }
}
.feedback-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0px;
  text-align: center;
  padding: 40px 80px;
  position: static;
}
.feedback-item:hover figure img {
  transform: scale(1.2);
  transform-origin: center;
  transition: transform 0.3s linear;
}
.feedback-item:nth-child(2) {
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
.feedback-item figure {
  max-width: 100px;
  max-height: 100px;
}
.feedback-item figure img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.3s linear;
}
.feedback-item-text h4 {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.2;
  text-transform: capitalize;
}
.feedback-item-text p {
  font-size: 14px;
  font-weight: 300;
}
.feedback-item-text a {
  font-size: 16px;
  color: #1e2934;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
}
.feedback-item-text a:before {
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  bottom: -4px;
  width: 100%;
  background-color: #1e2934;
}
.feedback-item-text a:hover {
  opacity: 0.5;
}

.hero {
  position: relative;
  min-height: 600px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background-color: #1e2934;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.hero-video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  z-index: 2;
  object-fit: cover;
}
.hero:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.hero:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(-153deg, rgba(255, 255, 255, 0) 40.33%, rgba(30, 41, 52, 0.8) 62.12%);
  z-index: 3;
}
.hero-wrap {
  position: relative;
  z-index: 4;
  color: white;
  text-align: left;
  max-width: 800px;
}
.hero-wrap h1 {
  font-size: 52px;
  font-weight: 300;
  line-height: 1.2;
  text-transform: capitalize;
}
.hero-wrap p {
  font-size: 14px;
  max-width: 400px;
}
.hero-wrap .btn {
  margin-top: 20px;
}

.hero-2 {
  background-color: #1e2934;
  color: #fff;
  padding: 20px 0;
  padding-top: 40px;
}
.hero-2 h1 {
  margin-top: 0;
}
.hero-2 p {
  max-width: 400px;
}

/**
 * Contacts Block Styles
 * 
 * @package floda
 */
.contacts-block {
  padding: 40px 0;
  background: #ffffff;
}

.contacts-content {
  margin: 0 auto;
}

.contacts-header {
  text-align: center;
  margin-bottom: 60px;
}

.contacts-title {
  font-family: "Literata", serif;
  font-size: 48px;
  font-weight: 300;
  color: #1e2934;
  margin: 0 0 16px 0;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.contacts-subtitle {
  font-family: "Mulish", sans-serif;
  font-size: 18px;
  color: #64748b;
  margin: 0;
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto;
}

.contacts-info {
  display: flex;
  flex-direction: column;
  gap: 32px;
  margin-bottom: 60px;
}

.contact-items {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
}

.contact-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 24px;
  background: #ffffff;
  border-radius: 12px;
  transition: all 0.3s ease;
}
.contact-item:hover {
  transform: translateY(-2px);
}

.contact-icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  background: #f8f9fa;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #64748b;
}
.contact-icon svg {
  width: 20px;
  height: 20px;
}

.contact-details {
  flex: 1;
}

.contact-label {
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 8px 0;
}

.contact-value {
  font-family: "Mulish", sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #1e2934;
  text-decoration: none;
  line-height: 1.4;
  margin: 0;
}
.contact-value:hover {
  color: #64748b;
}

.social-links {
  margin-top: 32px;
  padding: 32px;
  background: #f8f9fa;
  border-radius: 12px;
  color: #1e2934;
}

.social-title {
  font-family: "Literata", serif;
  font-size: 24px;
  font-weight: 600;
  color: #1e2934;
  margin: 0 0 24px 0;
  text-align: center;
}

.social-grid {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  justify-content: center;
}

.social-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 20px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  color: #1e2934;
  text-decoration: none;
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
}
.social-link:hover {
  background: #f8f9fa;
  border-color: #cbd5e1;
  transform: translateY(-1px);
}
.social-link svg {
  width: 20px;
  height: 20px;
}
.social-link span {
  font-weight: 500;
}

.contact-form-wrapper {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.contact-form {
  background: #ffffff;
  border-radius: 16px;
  padding: 40px;
  border: 1px solid #f1f5f9;
  width: 100%;
}

.form-title {
  font-family: "Literata", serif;
  font-size: 28px;
  font-weight: 600;
  color: #1e2934;
  margin: 0 0 8px 0;
  line-height: 1.3;
}

.form-subtitle {
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  color: #64748b;
  margin: 0 0 32px 0;
  line-height: 1.6;
}

.contact-form__form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.form-group:nth-child(3), .form-group:nth-child(4), .form-group:nth-child(5), .form-group:nth-child(6), .form-group:nth-child(7) {
  grid-column: 1/-1;
}

.form-label {
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  margin: 0;
}

.form-input,
.form-select,
.form-textarea {
  appearance: none;
  background: none;
  background-color: #fff;
  border: 1px solid #b8c1c0;
  border-radius: 4px;
  box-shadow: none;
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  padding: 11px 13px;
  width: 100%;
  transition: all 0.3s ease;
}
.form-input:focus,
.form-select:focus,
.form-textarea:focus {
  outline: none;
  border-color: #64748b;
  box-shadow: 0 0 0 3px rgba(100, 116, 139, 0.1);
}
.form-input::placeholder,
.form-select::placeholder,
.form-textarea::placeholder {
  color: #9ca3af;
}

.form-textarea {
  resize: vertical;
  min-height: 120px;
  font-family: inherit;
}

.form-select {
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 12px center;
  background-repeat: no-repeat;
  background-size: 16px;
  padding-right: 40px;
}

.form-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  font-family: "Mulish", sans-serif;
  font-size: 14px;
  color: #64748b;
  line-height: 1.5;
  grid-column: 1/-1;
}
.form-checkbox input[type=checkbox] {
  display: none;
}
.form-checkbox .checkmark {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #d1d5db;
  border-radius: 4px;
  position: relative;
  transition: all 0.3s ease;
}
.form-checkbox .checkmark::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 2px;
  width: 6px;
  height: 10px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.form-checkbox input[type=checkbox]:checked + .checkmark {
  background: #64748b;
  border-color: #64748b;
}
.form-checkbox input[type=checkbox]:checked + .checkmark::after {
  opacity: 1;
}
.form-checkbox a {
  color: #64748b;
  text-decoration: none;
}
.form-checkbox a:hover {
  text-decoration: underline;
}

.form-submit {
  position: relative;
  width: 100%;
  padding: 16px 24px;
  background: #1e2934;
  border: none;
  border-radius: 8px;
  color: #ffffff;
  font-family: "Mulish", sans-serif;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  grid-column: 1/-1;
}
.form-submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.form-submit:active {
  transform: translateY(0);
}
.form-submit:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
}

.submit-loading {
  display: flex;
  align-items: center;
  gap: 8px;
}

.loading-spinner {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.contact-item,
.contact-form {
  animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.form-input:invalid,
.form-textarea:invalid {
  border-color: #ef4444;
}

.form-input:valid,
.form-textarea:valid {
  border-color: #10b981;
}

.contact-form.success .form-submit {
  background: #10b981;
}
.contact-form.success .form-submit:hover {
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.2);
}

.contact-form.error .form-submit {
  background: #ef4444;
}
.contact-form.error .form-submit:hover {
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.2);
}

/*
Theme Name: floda

WooCommerce styles override
*/
/**
 * Breadcrumb
 */
.woocommerce-breadcrumb {
  font-size: 12px;
  color: rgb(109, 109, 109);
  background-color: rgba(242, 242, 242, 0.9);
  padding: 8px 12px;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 2px;
  border-radius: 4px;
  font-weight: 400;
  letter-spacing: 0.02em;
}
.woocommerce-breadcrumb a {
  color: #1e2934;
}

/**
 * Title
 */
.shop-header h1 {
  font-size: 32px;
  font-weight: 500;
  color: rgb(30, 41, 52);
  letter-spacing: 0.09em;
  text-align: center;
  margin-top: 0;
}

/**
 * Category archive
 */
.product-categories-section {
  margin-top: 40px;
  margin-bottom: 40px;
}
.product-categories-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
}
.product-categories-item {
  text-align: center;
}
.product-categories-item a {
  text-decoration: none;
}
.product-categories-item:hover .category-image-wrapper img {
  transform: scale(1.1);
}
.product-categories-item .category-image-wrapper {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
}
.product-categories-item .category-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-categories-item .category-content h3 {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  font-family: "Mulish", sans-serif;
  color: rgb(30, 41, 52);
}

/**
 * Filter bar
 */
.filters-bar {
  background-color: #f8f8f8;
  display: grid;
  grid-template-columns: 300px 1fr 200px;
  position: sticky;
  top: 0;
  z-index: 100;
  transition: top 0.3s ease-in-out;
  border-top: 1px solid #1e2934;
  border-bottom: 1px solid #1e2934;
}
@media (max-width: 992px) {
  .filters-bar {
    grid-template-columns: 1fr 140px;
    grid-template-rows: auto auto;
    grid-template-areas: "city city" "main layout";
  }
  .filters-bar .filters-bar__delivery-city {
    grid-area: city;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #1e2934;
  }
  .filters-bar .filters-bar__main {
    grid-area: main;
  }
  .filters-bar .filters-bar__layout {
    grid-area: layout;
  }
}
@media (max-width: 420px) {
  .filters-bar {
    grid-template-columns: 1fr 110px;
  }
}
.filters-bar > * {
  border-right: 1px solid #1e2934;
}
.filters-bar > *:last-child {
  border-right: none;
}
.filters-bar .filters-bar__main .filters-toggle {
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 12px;
  letter-spacing: 0.05em;
  padding: 14px;
}
.filters-bar .filters-bar__main .filters-toggle:focus, .filters-bar .filters-bar__main .filters-toggle:active {
  outline: none;
  box-shadow: none;
}
.filters-bar .filters-bar__main .filters-toggle svg {
  width: 24px;
}
.filters-bar .filters-bar__main .filters-toggle .filters-count {
  font-weight: 400;
  background-color: rgb(232, 232, 232);
  width: 32px;
  min-width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.filters-bar .filters-bar__delivery-date {
  display: flex;
}
.filters-bar .filters-bar__delivery-date label {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  padding: 10px 40px;
}
.filters-bar .filters-bar__delivery-date label svg {
  min-width: 24px;
}
.filters-bar .filters-bar__delivery-date label span {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
}
.filters-bar .filters-bar__delivery-date input {
  background-color: transparent;
  border: none;
  padding: 0;
  max-width: 100px;
  font-size: 14px;
  font-weight: 300;
}
.filters-bar .filters-bar__delivery-date input:focus {
  outline: none;
}
.filters-bar .filters-bar__delivery-city {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  padding: 10px 40px;
}
.filters-bar .filters-bar__delivery-city label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  font-weight: 700;
  font-size: 14px;
}
.filters-bar .filters-bar__delivery-city input {
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid #1e2934 !important;
  padding: 0 !important;
  font-size: 14px !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.filters-bar .filters-bar__delivery-city input:focus {
  outline: none !important;
}
.filters-bar .filters-bar__delivery-city .city-autocomplete {
  width: calc(100% + 2px);
  position: absolute;
  top: 100%;
  left: -1px;
  right: 0;
  background: white;
  border: 1px solid #1e2934;
  background-color: #f8f8f8;
  max-height: 320px;
  overflow-y: auto;
  z-index: 1000;
}
.filters-bar .filters-bar__delivery-city .city-autocomplete__item {
  padding: 10px 40px;
  cursor: pointer;
}
.filters-bar .filters-bar__delivery-city .city-autocomplete__item:hover {
  background-color: #fff;
}
.filters-bar .filters-bar__layout {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 10px 40px;
}
@media (max-width: 992px) {
  .filters-bar .filters-bar__layout {
    padding: 10px 20px;
  }
}
@media (max-width: 420px) {
  .filters-bar .filters-bar__layout {
    justify-content: flex-end;
    padding: 10px 10px;
  }
}
.filters-bar .filters-bar__layout button {
  cursor: pointer;
  width: 33px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: transparent;
  border-radius: 4px;
}
.filters-bar .filters-bar__layout button:hover {
  background-color: #f0f0f0;
}
.filters-bar .filters-bar__layout button:focus, .filters-bar .filters-bar__layout button:active {
  outline: none;
}
.filters-bar .filters-bar__layout button.active {
  background-color: #e8e8e8;
}
@media (max-width: 1080px) {
  .filters-bar .filters-bar__layout button[data-columns="4"] {
    display: none;
  }
}
@media (max-width: 992px) {
  .filters-bar .filters-bar__layout button[data-columns="3"] {
    display: none;
  }
}

.site-header--scrolled ~ .woocommerce-wrapper .filters-bar {
  top: 104px;
}
.site-header--scrolled.site-header--hidden ~ .woocommerce-wrapper .filters-bar {
  top: 0;
}

.filters-toggle.active:before {
  background: rgba(0, 0, 0, 0.75);
  content: "";
  height: 100%;
  left: 0;
  opacity: 1;
  pointer-events: auto;
  position: fixed;
  top: 0;
  transition: 250ms ease-in-out;
  width: 100%;
  z-index: 1000;
}

.filters-dropdown {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f8f8f8;
  z-index: 1001;
  max-width: 480px;
  padding: 40px;
  display: none;
}
.filters-dropdown.active {
  display: block !important;
}
.filters-dropdown__header {
  position: relative;
}
.filters-dropdown__header h3 {
  font-size: 32px;
  font-weight: 500;
  text-transform: capitalize;
}
.filters-dropdown__header .filters-close {
  background-color: transparent;
  border: 1px solid #1e2934;
  padding: 0;
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  right: -20px;
  top: -40px;
}
.filters-dropdown__header .filters-close:hover {
  background-color: #1e2934;
}
.filters-dropdown__header .filters-close:hover svg path {
  fill: #fff;
}
.filters-dropdown__header .filters-close svg {
  width: 32px;
  height: 32px;
}
.filters-dropdown .filter-actions {
  margin-top: 40px;
}
.filters-dropdown .filter-actions .btn-apply {
  background-color: #1e2934;
  color: #fff;
}
.filters-dropdown .filter-actions .btn-apply:hover {
  background-color: #1e2934;
  color: #fff;
}
.filters-dropdown .filter-group {
  border-bottom: 1px solid #e6e6e6;
}
.filters-dropdown .filter-group.active .filter-group__title:after {
  background-image: var(--icon-minus-small);
}
.filters-dropdown .filter-group.active .filter-options {
  display: grid;
}
.filters-dropdown .filter-group.active .price-range {
  display: block;
}
.filters-dropdown .filter-group__title {
  display: flex;
  align-items: center;
  font-size: 14px;
  gap: 0.25em;
  height: 56px;
  position: relative;
  cursor: pointer;
}
.filters-dropdown .filter-group__title:after {
  background-image: var(--icon-plus-small);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 12px;
  right: 0;
  position: absolute;
  top: 50%;
  width: 12px;
  transform: translateY(-50%);
}
.filters-dropdown .filter-group .price-range {
  padding-bottom: 22px;
  display: none;
}
.filters-dropdown .filter-group .price-range .price-inputs {
  display: flex;
  gap: 12px;
}
.filters-dropdown .filter-group .price-range .price-inputs input {
  appearance: none;
  background: none;
  background-color: rgba(0, 0, 0, 0);
  background-color: #fff;
  border: 1px solid #b8c1c0;
  border-radius: 4px;
  box-shadow: none;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  padding: 8px 13px;
}
.filters-dropdown .filter-group .price-range .field {
  background-color: #fff;
  border-radius: 4px;
  min-height: 48px;
  min-width: 120px;
  padding: 18px 8px 0;
  position: relative;
}
.filters-dropdown .filter-group .price-range .field__input {
  background-color: transparent;
  border: none;
  font-size: 14px;
  height: 30px;
  width: 100%;
}
.filters-dropdown .filter-group .price-range .field__input:focus {
  outline: none;
}
.filters-dropdown .filter-group .price-range .field__label {
  font-size: 8px;
  left: 9px;
  position: absolute;
  text-transform: uppercase;
  top: 8px;
}
.filters-dropdown .filter-group .price-range .price-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 12px;
}
.filters-dropdown .filter-group .price-range .price-presets button {
  background-color: #fff;
  border: 1px solid transparent;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 400;
}
.filters-dropdown .filter-group .price-range .price-presets button:hover {
  border-color: #1e2934;
  cursor: pointer;
}

/* SCROLLBAR */
.filters-dropdown {
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;
}

/* Chrome, Edge, Safari */
.filters-dropdown::-webkit-scrollbar {
  width: 8px;
}

.filters-dropdown::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

.filters-dropdown::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 4px;
  border: 2px solid transparent;
  background-clip: content-box;
}

.filters-dropdown::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

.active-filters {
  width: 100%;
}
.active-filters__list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.active-filters__list .active-filter__remove {
  align-items: center;
  background-color: #f2f2f2;
  border-radius: 100px;
  border: 1px solid #e8e8e8;
  color: inherit;
  display: flex;
  flex-shrink: 0;
  font-size: 12px;
  gap: 8px;
  padding: 8.5px 10px 8.5px 16px;
  text-decoration: none;
  transition: 250ms ease-in-out;
}
.active-filters__list .active-filter__remove:hover {
  background-color: #fff;
  cursor: pointer;
}

.filter-options {
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(3, 1fr);
  padding-bottom: 22px;
  display: none;
}
.filter-options .filter-option {
  position: relative;
}
.filter-options .filter-option:hover label span {
  border-color: #1e2934;
  font-weight: 700;
}
.filter-options .filter-option input {
  display: none;
}
.filter-options .filter-option input:checked + label span {
  border-color: #1e2934;
  font-weight: 700;
}
.filter-options .filter-option label {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
}
.filter-options .filter-option label span {
  width: 100%;
  align-items: center;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  color: var(--dark);
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-size: 12px;
  height: 48px;
  justify-content: center;
  padding: 4px;
  text-transform: capitalize;
  transition: 250ms ease-in-out;
}

.btn-reset-filters {
  border: 1px solid #1e2934;
  border-radius: 6px;
  background-color: white;
  color: #1e2934;
  cursor: pointer;
  transition: all 0.25s ease;
  letter-spacing: 0.2px;
  display: inline-block;
  text-align: center;
  box-shadow: 0 0 0 transparent;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  padding: 16px 30px;
  font-weight: 500;
  letter-spacing: 0.09em;
}
.btn-reset-filters:hover {
  background-color: transparent;
  color: #1e2934;
}

/**
 * Products
 */
.products-wrapper {
  margin-top: 60px;
  margin-bottom: 80px;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.products-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px;
  row-gap: 50px;
}
.products-grid.columns-1 {
  grid-template-columns: repeat(1, 1fr);
}
.products-grid.columns-2 {
  grid-template-columns: repeat(2, 1fr);
}
.products-grid.columns-3 {
  grid-template-columns: repeat(3, 1fr);
}
.products-grid.columns-4 {
  grid-template-columns: repeat(4, 1fr);
}
.products-grid .product-item {
  width: 100%;
  text-align: center;
}
.products-grid .product-item .product-wrapper {
  position: relative;
}
.products-grid .product-item .product-wrapper .product-image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
  background: #f8f9fa;
}
.products-grid .product-item .product-wrapper .product-image:hover img {
  transform: scale(1.05);
}
.products-grid .product-item .product-wrapper .product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.products-grid .product-item .product-wrapper .product-image-link {
  width: 100%;
  height: 100%;
}
.products-grid .product-item .product-wrapper .wp-post-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.products-grid .product-item .product-wrapper .product-title {
  text-align: center;
  margin: 20px 0 8px 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  color: #333;
}
.products-grid .product-item .product-wrapper .product-title a {
  color: #1e2934;
  text-decoration: none;
}
.products-grid .product-item .product-wrapper .price {
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 700;
  color: var(--primary);
  display: block;
}
.products-grid .product-item .product-wrapper .loop-add-to-cart {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  z-index: 1;
}
.products-grid .product-item .add_to_cart_button.ajax_add_to_cart {
  padding: 8px 24px;
  border: 1px solid #1e2934;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-weight: 400;
  color: #1e2934;
  text-decoration: none;
}
.products-grid .product-item .add_to_cart_button.ajax_add_to_cart:hover {
  background-color: #1e2934;
  color: white;
}

.related.products {
  margin-top: 64px;
  padding-top: 48px;
  border-top: 1px solid #e0e0e0;
  margin-bottom: 1.67em;
}
.related.products h2 {
  font-size: 28px;
  font-weight: 600;
  color: #333;
  text-align: center;
  margin-bottom: 32px;
  font-family: var(--font__heading);
}
.related.products .product-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
@media (max-width: 1200px) {
  .related.products .product-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .related.products .product-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}
@media (max-width: 480px) {
  .related.products .product-list {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .related.products {
    margin-top: 48px;
    padding-top: 32px;
  }
  .related.products h2 {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
.related.products .product-item {
  text-align: center;
}
.related.products .product-item .product-title {
  margin: 20px 0 8px 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  color: #333;
}
.related.products .product-item .product-title a {
  text-decoration: none;
  color: #333;
}
.related.products .product-item .price {
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 700;
  color: var(--primary);
  display: block;
}
.related.products .product-item .product-image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
  background: #f8f9fa;
}
.related.products .product-item .product-image:hover img {
  transform: scale(1.05);
}
.related.products .product-item .product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.related.products .add_to_cart_button {
  padding: 8px 24px;
  border: 1px solid #1e2934;
  background-color: transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-weight: 400;
  color: #1e2934;
  text-decoration: none;
  width: auto;
}
.related.products .add_to_cart_button:hover {
  background-color: #1e2934;
  color: white;
}

.added_to_cart {
  display: none;
}

/**
 * Single product
 */
.woocommerce .floda-single-product {
  margin-top: 0.67em;
}
.woocommerce .floda-single-product .product-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  margin-bottom: 48px;
}
@media (max-width: 768px) {
  .woocommerce .floda-single-product .product-content {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.woocommerce-product-gallery__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.woocommerce .woocommerce-tabs {
  margin-top: 48px;
  border-top: 1px solid #e0e0e0;
  padding-top: 32px;
}
.woocommerce .woocommerce-tabs ul.tabs {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #e0e0e0;
  gap: 0;
}
.woocommerce .woocommerce-tabs ul.tabs li {
  margin: 0;
  background: none;
  border: none;
  border-radius: 0;
}
.woocommerce .woocommerce-tabs ul.tabs li a {
  display: block;
  padding: 16px 24px;
  color: #666;
  text-decoration: none;
  font-weight: 500;
  font-size: 16px;
  border-bottom: 2px solid transparent;
  transition: all 0.3s ease;
  position: relative;
}
.woocommerce .woocommerce-tabs ul.tabs li a:hover {
  color: var(--primary);
  border-bottom-color: var(--primary);
}
.woocommerce .woocommerce-tabs ul.tabs li.active a {
  color: var(--primary);
  border-bottom-color: var(--primary);
  font-weight: 600;
}
.woocommerce .woocommerce-tabs .panel {
  padding: 32px 0;
  border: none;
  background: none;
}
.woocommerce .woocommerce-tabs .panel h2 {
  font-size: 24px;
  font-weight: 600;
  color: #333;
  margin-bottom: 16px;
  font-family: var(--font__heading);
}
.woocommerce .woocommerce-tabs .panel .product-description,
.woocommerce .woocommerce-tabs .panel .flower-composition,
.woocommerce .woocommerce-tabs .panel .care-instructions {
  color: #666;
  line-height: 1.6;
  font-size: 16px;
}
.woocommerce .woocommerce-tabs .panel .product-description p,
.woocommerce .woocommerce-tabs .panel .flower-composition p,
.woocommerce .woocommerce-tabs .panel .care-instructions p {
  margin-bottom: 16px;
}
.woocommerce .woocommerce-tabs .panel .product-description ul,
.woocommerce .woocommerce-tabs .panel .flower-composition ul,
.woocommerce .woocommerce-tabs .panel .care-instructions ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.woocommerce .woocommerce-tabs .panel .product-description ul li,
.woocommerce .woocommerce-tabs .panel .flower-composition ul li,
.woocommerce .woocommerce-tabs .panel .care-instructions ul li {
  padding: 8px 0;
  padding-left: 24px;
  position: relative;
}
.woocommerce .woocommerce-tabs .panel .product-description ul li:before,
.woocommerce .woocommerce-tabs .panel .flower-composition ul li:before,
.woocommerce .woocommerce-tabs .panel .care-instructions ul li:before {
  content: "•";
  color: var(--primary);
  position: absolute;
  left: 0;
  font-weight: bold;
}
.woocommerce .woocommerce-tabs .panel .care-instructions-default li:before {
  content: "✓";
  color: #28a745;
}
@media (max-width: 768px) {
  .woocommerce .woocommerce-tabs {
    margin-top: 32px;
    padding-top: 24px;
  }
  .woocommerce .woocommerce-tabs ul.tabs {
    flex-wrap: wrap;
    gap: 0;
  }
  .woocommerce .woocommerce-tabs ul.tabs li a {
    padding: 12px 16px;
    font-size: 14px;
  }
  .woocommerce .woocommerce-tabs .panel {
    padding: 24px 0;
  }
  .woocommerce .woocommerce-tabs .panel h2 {
    font-size: 20px;
    margin-bottom: 12px;
  }
}
.woocommerce .floda-quantity-with-buttons {
  display: flex;
  align-items: center;
  width: fit-content;
  background: #fff;
}
.woocommerce .floda-quantity-with-buttons .qty-btn {
  width: 40px;
  height: 40px;
  border: 1px solid #ddd;
  background: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  transition: all 0.2s ease;
  user-select: none;
}
.woocommerce .floda-quantity-with-buttons .qty-btn.qty-increase {
  border-radius: 0 4px 4px 0;
}
.woocommerce .floda-quantity-with-buttons .qty-btn.qty-decrease {
  border-radius: 4px 0 0 4px;
}
.woocommerce .floda-quantity-with-buttons .qty-btn:hover {
  background: #f0f0f0;
  border-color: #bbb;
}
.woocommerce .floda-quantity-with-buttons .qty-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.woocommerce .floda-quantity-with-buttons input[name=quantity] {
  width: 50px;
  height: 40px;
  text-align: center;
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  font-size: 13px;
  background: white;
  -moz-appearance: textfield;
}
.woocommerce .floda-quantity-with-buttons input[name=quantity]:focus {
  outline: none;
  background: #f8f9fa;
}
.woocommerce .floda-add-to-cart-form .cart {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.woocommerce .floda-add-to-cart-form .single_add_to_cart_button {
  width: 100%;
  height: 56px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  background-color: #1e2934;
  color: #fff;
  border: 1px solid #1e2934;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  margin-top: 24px;
}
.woocommerce .floda-add-to-cart-form .single_add_to_cart_button:hover {
  background-color: transparent;
  color: #1e2934;
  border: 1px solid #1e2934;
}
.woocommerce .floda-add-to-cart-form .single_add_to_cart_button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}
@media (max-width: 768px) {
  .woocommerce .floda-single-product .product-content {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .woocommerce .floda-quantity-with-buttons .qty-btn {
    width: 40px;
    height: 48px;
    font-size: 16px;
  }
  .woocommerce .floda-quantity-with-buttons input[name=quantity] {
    width: 50px;
    height: 48px;
    font-size: 14px;
  }
}

/**
 * Additional products
 */
.floda-additional-products {
  margin: 64px 0;
  padding: 48px 0;
  border-top: 1px solid #e0e0e0;
}
@media (max-width: 768px) {
  .floda-additional-products {
    margin: 48px 0;
    padding: 32px 0;
  }
}
.floda-additional-products .additional-products-title {
  font-family: var(--font__heading);
  font-size: 28px;
  font-weight: 600;
  color: #333;
  margin: 0 0 32px 0;
  text-align: center;
  letter-spacing: -0.5px;
}
@media (max-width: 768px) {
  .floda-additional-products .additional-products-title {
    font-size: 24px;
    margin-bottom: 24px;
  }
}
.floda-additional-products .additional-products-container {
  position: relative;
  overflow: hidden;
}
.floda-additional-products .additional-products-scroll {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding: 0 0 16px 0;
  scrollbar-width: thin;
  scrollbar-color: #ccc #f0f0f0;
}
.floda-additional-products .additional-products-scroll::-webkit-scrollbar {
  height: 4px;
}
.floda-additional-products .additional-products-scroll::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 2px;
}
.floda-additional-products .additional-products-scroll::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 2px;
}
.floda-additional-products .additional-products-scroll::-webkit-scrollbar-thumb:hover {
  background: #999;
}
@media (max-width: 768px) {
  .floda-additional-products .additional-products-scroll {
    gap: 16px;
    padding-bottom: 12px;
  }
}

.additional-product-card {
  flex: 0 0 300px;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
  text-align: center;
}
@media (max-width: 768px) {
  .additional-product-card {
    flex: 0 0 260px;
  }
}
@media (max-width: 480px) {
  .additional-product-card {
    flex: 0 0 220px;
  }
}
.additional-product-card .product-image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
  background: #f8f9fa;
}
.additional-product-card .product-image a {
  display: block;
  width: 100%;
  height: 100%;
}
.additional-product-card .product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.additional-product-card .product-image:hover img {
  transform: scale(1.05);
}
.additional-product-card .product-info {
  padding: 20px;
}
@media (max-width: 480px) {
  .additional-product-card .product-info {
    padding: 16px;
  }
}
.additional-product-card .product-title {
  margin: 0 0 8px 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  color: #333;
}
.additional-product-card .product-title a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease;
}
.additional-product-card .product-title a:hover {
  color: var(--primary);
}
@media (max-width: 480px) {
  .additional-product-card .product-title {
    font-size: 16px;
  }
}
.additional-product-card .product-price {
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 700;
  color: var(--primary);
}
.additional-product-card .product-price .woocommerce-Price-amount {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
@media (max-width: 480px) {
  .additional-product-card .product-price {
    font-size: 18px;
    margin-bottom: 12px;
  }
}
.additional-product-card .product-actions {
  text-align: center;
}
.additional-product-card .product-actions .add-additional-product-btn {
  padding: 8px 24px;
  border: 1px solid #1e2934;
  background-color: transparent;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-weight: 400;
  color: #1e2934;
  text-decoration: none;
  width: auto;
}
.additional-product-card .product-actions .add-additional-product-btn:hover {
  background-color: #1e2934;
  color: white;
}
.additional-product-card .product-actions .add-additional-product-btn:active {
  transform: translateY(0);
}
.additional-product-card .product-actions .add-additional-product-btn:disabled, .additional-product-card .product-actions .add-additional-product-btn.disabled {
  background: #e0e0e0;
  color: #999;
  cursor: not-allowed;
  transform: none;
}
.additional-product-card .product-actions .add-additional-product-btn.loading {
  color: transparent;
}
.additional-product-card .product-actions .add-additional-product-btn.loading::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border: 2px solid transparent;
  border-top: 2px solid #fff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@media (max-width: 480px) {
  .additional-product-card .product-actions .add-additional-product-btn {
    padding: 12px 16px;
    font-size: 13px;
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.floda-notification {
  position: fixed;
  top: 20px;
  right: 20px;
  padding: 16px 24px;
  background: var(--primary);
  color: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  z-index: 9999;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  font-weight: 500;
}
.floda-notification.show {
  transform: translateX(0);
}
.floda-notification.success {
  background: #28a745;
}
.floda-notification.error {
  background: #dc3545;
}
@media (max-width: 768px) {
  .floda-notification {
    top: 10px;
    right: 10px;
    left: 10px;
    transform: translateY(-100%);
  }
  .floda-notification.show {
    transform: translateY(0);
  }
}

@media (max-width: 360px) {
  .additional-product-card {
    flex: 0 0 200px;
  }
  .additional-product-card .product-info {
    padding: 12px;
  }
  .additional-product-card .product-title {
    font-size: 14px;
  }
  .additional-product-card .product-price {
    font-size: 16px;
  }
  .additional-product-card .product-actions .add-additional-product-btn {
    padding: 10px 12px;
    font-size: 12px;
  }
}
/**
 * Cart
 */
/* ===== МИНИ-КОРЗИНА СТИЛИ ===== */
/* ===== АНИМАЦИИ ===== */
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes addToCart {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* ===== ИКОНКА КОРЗИНЫ В ХЕДЕРЕ ===== */
.nav__icon--cart {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding: 8px;
  transition: all 0.3s ease;
  text-decoration: none;
}
.nav__icon--cart:hover {
  transform: scale(1.05);
  color: inherit;
}
.nav__icon--cart.item-added {
  animation: addToCart 0.4s ease;
}

/* ===== СЧЕТЧИК ТОВАРОВ ===== */
.cart-count {
  position: absolute;
  top: -2px;
  right: -2px;
  background: #e74c3c;
  color: white;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  font-size: 11px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  transform: scale(1);
  transition: all 0.3s ease;
  font-family: Arial, sans-serif;
  line-height: 1;
}
.cart-count.empty {
  display: none;
}
.cart-count.has-items {
  animation: pulse 0.3s ease;
}

/* ===== МИНИ-КОРЗИНА ===== */
.mini-cart {
  /* Основной попап */
  /* Заголовок */
  /* Кнопка закрытия */
  /* Список товаров */
  /* Элемент товара */
  /* Кнопки количества */
  /* Поле ввода количества */
  /* Пустая корзина */
  /* Подвал корзины */
  /* Итоги */
  /* Кнопки действий */
  /* Уведомления о доставке */
  /* Информация о зоне доставки */
  /* Состояние загрузки */
  /* Состояние ошибки */
}
.mini-cart-popup {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-width: 480px;
  background-color: #f8f8f8;
  z-index: 1001;
  display: none;
  flex-direction: column;
}
.mini-cart-popup.active {
  display: flex;
}
.mini-cart-header {
  padding: 16px 20px;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #333;
}
.mini-cart-header h3 {
  font-size: 32px;
  font-weight: 500;
  text-transform: capitalize;
}
.mini-cart-close {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  color: #999;
  padding: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;
  line-height: 1;
  background-color: transparent;
  border: 1px solid #1e2934;
  padding: 0;
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.mini-cart-close:hover {
  background-color: #1e2934;
  color: #fff;
}
.mini-cart-close:hover svg path {
  fill: #fff;
}
.mini-cart-items {
  padding: 0;
  /* Стилизация скроллбара */
}
.mini-cart-items::-webkit-scrollbar {
  width: 4px;
}
.mini-cart-items::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 2px;
}
.mini-cart-items::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 2px;
}
.mini-cart-items::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.mini-cart-item {
  display: flex;
  align-items: flex-start;
  padding: 16px 20px;
  border-bottom: 1px solid #f5f5f5;
  transition: background 0.2s ease;
  gap: 12px;
  /* Изображение товара */
  /* Детали товара */
  /* Название товара */
  /* Размер товара */
  /* Цена товара */
  /* Количество товара */
  /* Метаинформация товара */
  /* Кнопка удаления */
}
.mini-cart-item:hover {
  background: #fafafa;
}
.mini-cart-item:last-child {
  border-bottom: none;
}
.mini-cart-item-image {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
  background: #f8f8f8;
}
.mini-cart-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mini-cart-item-image a {
  display: block;
  width: 100%;
  height: 100%;
}
.mini-cart-item-details {
  flex: 1;
  min-width: 0;
}
.mini-cart-item-title {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 6px 0;
  color: #333;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mini-cart-item-title a {
  color: inherit;
  text-decoration: none;
}
.mini-cart-item-title a:hover {
  color: #007cba;
}
.mini-cart-item-size {
  font-size: 12px;
  color: #666;
  margin-bottom: 6px;
  font-style: italic;
}
.mini-cart-item-price {
  font-size: 13px;
  color: #666;
  margin: 0 0 10px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mini-cart-item-price strong {
  color: #e74c3c;
  font-weight: 600;
}
.mini-cart-item-qty {
  display: flex;
  align-items: center;
  margin: 8px 0;
  gap: 0;
}
.mini-cart-item-meta {
  font-size: 11px;
  color: #28a745;
  margin-top: 6px;
  line-height: 1.4;
  background: #f8fff9;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid #e8f5e8;
}
.mini-cart-item-remove {
  background: none;
  border: none;
  color: #dc3545;
  cursor: pointer;
  padding: 4px;
  margin-left: 8px;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  font-size: 18px;
  line-height: 1;
  flex-shrink: 0;
  align-self: flex-start;
}
.mini-cart-item-remove:hover {
  background: #dc3545;
  color: white;
  transform: scale(1.1);
}
.mini-cart-qty-btn {
  width: 28px;
  height: 28px;
  border: 1px solid #ddd;
  background: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  transition: all 0.2s ease;
  user-select: none;
}
.mini-cart-qty-btn:first-child {
  border-radius: 4px 0 0 4px;
}
.mini-cart-qty-btn:last-child {
  border-radius: 0 4px 4px 0;
}
.mini-cart-qty-btn:hover:not(:disabled) {
  background: #f0f0f0;
  border-color: #bbb;
}
.mini-cart-qty-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  background: #f9f9f9;
}
.mini-cart-qty-input {
  width: 50px;
  height: 28px;
  text-align: center;
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  font-size: 13px;
  background: white;
  -moz-appearance: textfield;
}
.mini-cart-qty-input::-webkit-outer-spin-button, .mini-cart-qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.mini-cart-empty {
  padding: 40px 20px;
  text-align: center;
  color: #666;
}
.mini-cart-empty-icon {
  font-size: 48px;
  margin-bottom: 16px;
  opacity: 0.5;
}
.mini-cart-empty p {
  margin-bottom: 20px;
  font-size: 16px;
}
.mini-cart-footer {
  padding: 16px 20px;
  border-top: 1px solid #f0f0f0;
  background: #f8f8f8;
  border-radius: 0 0 12px 12px;
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  box-shadow: 0px -4px 30px 0px rgba(0, 0, 0, 0.08);
  margin-top: auto;
}
.mini-cart-totals {
  margin-bottom: 16px;
}
.mini-cart-subtotal, .mini-cart-shipping, .mini-cart-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
  font-size: 14px;
}
.mini-cart-total {
  font-weight: 600;
  font-size: 16px;
  padding-top: 10px;
  border-top: 1px solid #e0e0e0;
  margin-top: 10px;
  margin-bottom: 0;
  color: #333;
}
.mini-cart-shipping {
  color: #28a745;
  font-size: 13px;
}
.mini-cart-actions {
  display: flex;
  gap: 12px;
}
.mini-cart-btn {
  width: 100%;
  height: 56px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  background-color: #1e2934;
  color: #fff;
  border: 1px solid #1e2934;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.3s ease;
  /* Кнопка продолжить покупки */
}
.mini-cart-btn:hover {
  background-color: transparent;
  color: #1e2934;
  border: 1px solid #1e2934;
}
.mini-cart-btn-shop {
  background: #007cba;
  color: white;
  border: 1px solid #007cba;
  margin-top: 0;
}
.mini-cart-btn-shop:hover {
  background: #005a87;
  color: white;
  text-decoration: none;
}
.mini-cart-shipping-notice {
  margin-top: 12px;
  padding: 10px 12px;
  background: #fff3cd;
  color: #856404;
  border-radius: 6px;
  font-size: 12px;
  text-align: center;
  border: 1px solid #ffeaa7;
  line-height: 1.4;
}
.mini-cart-shipping-notice.success {
  background: #d4edda;
  color: #155724;
  border-color: #c3e6cb;
}
.mini-cart-zone-info {
  margin-top: 10px;
  padding: 8px 12px;
  background: #e3f2fd;
  color: #1565c0;
  border-radius: 6px;
  font-size: 11px;
  text-align: center;
  border: 1px solid #bbdefb;
}
.mini-cart-loading {
  padding: 40px 20px;
  text-align: center;
  color: #666;
  font-size: 14px;
}
.mini-cart-loading::after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 2px solid #e0e0e0;
  border-top: 2px solid #007cba;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-left: 10px;
  vertical-align: middle;
}
.mini-cart-error {
  padding: 40px 20px;
  text-align: center;
  color: #dc3545;
  font-size: 14px;
}

/* ===== ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ===== */
.cart-group {
  padding: 32px;
}

/* Общий контейнер с прокруткой */
#mini-cart {
  height: 100%;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;
  /* Chrome, Edge, Safari */
}
#mini-cart::-webkit-scrollbar {
  width: 8px;
}
#mini-cart::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
#mini-cart::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 4px;
  border: 2px solid transparent;
  background-clip: content-box;
}
#mini-cart::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

/* ===== АДАПТИВНОСТЬ ===== */
@media (max-width: 768px) {
  .mini-cart-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%) translateY(-10px);
    width: 90vw;
    max-width: 400px;
    max-height: 85vh;
    border-radius: 16px;
    margin-top: 0;
  }
  .mini-cart-popup::before {
    display: none;
  }
  .mini-cart-popup.active {
    transform: translate(-50%, -50%);
  }
  .mini-cart-items {
    max-height: 50vh;
  }
  .mini-cart-item {
    padding: 12px 16px;
  }
  .mini-cart-header,
  .mini-cart-footer {
    padding: 16px;
  }
  .cart-count {
    width: 16px;
    height: 16px;
    font-size: 10px;
    top: -1px;
    right: -1px;
  }
}
@media (max-width: 480px) {
  .mini-cart-popup {
    width: 95vw;
    max-height: 90vh;
  }
  .mini-cart-item-image {
    width: 50px;
    height: 50px;
  }
  .mini-cart-actions {
    flex-direction: column;
    gap: 8px;
  }
  .mini-cart-btn {
    padding: 10px 12px;
  }
}
a.wc-block-cart__submit-button, #place_order {
  width: 100%;
  height: 56px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  background-color: #1e2934;
  color: #fff;
  border: 1px solid #1e2934;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: all 0.3s ease;
  text-align: center;
  box-shadow: 0 0 0 transparent;
  padding: 16px 30px;
  letter-spacing: 0.09em;
  cursor: pointer;
}
a.wc-block-cart__submit-button:hover, #place_order:hover {
  background-color: transparent;
  color: #1e2934;
  border: 1px solid #1e2934;
}

.wp-block-woocommerce-empty-cart-block .wc-block-grid__product {
  flex: 0 0 300px;
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-link {
  text-decoration: none;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title {
  margin: 0 0 8px 0;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  color: #333;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price {
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 700;
  color: var(--primary);
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
  background: #f8f9fa;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image:hover img {
  transform: scale(1.05);
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product .wp-block-button__link {
  padding: 8px 24px;
  border: 1px solid #1e2934;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  font-weight: 400;
  color: #1e2934;
  text-decoration: none;
  width: auto;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product .wp-block-button__link:hover {
  background-color: #1e2934;
  color: white;
}

/**
* Checkout
*/
.woocommerce label {
  margin-bottom: 4px;
  display: block;
}
.woocommerce-billing-fields h3 {
  font-family: var(--font__base);
}
.woocommerce-billing-fields__field-wrapper label {
  display: none;
}
.woocommerce input[type=text],
.woocommerce input[type=email],
.woocommerce input[type=tel],
.woocommerce input[type=password],
.woocommerce textarea {
  appearance: none;
  background: none;
  background-color: rgba(0, 0, 0, 0);
  background-color: #fff;
  border: 1px solid #b8c1c0;
  border-radius: 4px;
  box-shadow: none;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  padding: 11px 13px;
  width: 100%;
}
.woocommerce #order_comments_field label {
  display: block;
}
.woocommerce #order_comments_field textarea {
  width: 100%;
  height: 80px;
}
.woocommerce .delivery-type-field input {
  display: none;
}
.woocommerce .delivery-type-field .woocommerce-input-wrapper {
  display: flex;
  gap: 4px;
}
.woocommerce .delivery-type-field .woocommerce-input-wrapper input:checked + label {
  border-color: #1e2934;
  font-weight: 700;
}
.woocommerce .delivery-type-field .woocommerce-input-wrapper label {
  width: fit-content;
  align-items: center;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  color: var(--dark);
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  font-size: 12px;
  height: 48px;
  justify-content: center;
  padding: 4px 14px;
  text-transform: capitalize;
  transition: 250ms ease-in-out;
}
.woocommerce .delivery-type-field .woocommerce-input-wrapper label:hover {
  border-color: #1e2934;
}
.woocommerce .selected-datetime {
  appearance: none;
  background: none;
  background-color: rgba(0, 0, 0, 0);
  background-color: #fff;
  border: 1px solid #b8c1c0;
  border-radius: 4px;
  box-shadow: none;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  padding: 11px 13px;
  width: 100%;
  cursor: pointer;
}
.woocommerce .floda-delivery-cost-section {
  margin-top: 16px;
  border-radius: 4px;
  padding: 11px 13px;
  border: 1px solid #b8c1c0;
}
.woocommerce .datetime-selector {
  display: none;
}
.woocommerce .floda-delivery-datetime-section {
  position: relative;
}
.woocommerce .floda-delivery-datetime-section.active .datetime-selector {
  display: flex;
}
.woocommerce .floda-delivery-datetime-section .datetime-selector {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  gap: 48px;
  background-color: #fff;
  box-shadow: 0 6px 20px 0 rgba(53, 64, 71, 0.1019607843);
  border-radius: 4px;
  padding: 20px 24px;
}
.woocommerce .floda-delivery-datetime-section .datetime-selector .datetime-close {
  position: absolute;
  right: 8px;
  top: 8px;
  background-color: transparent;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #1e2934;
  padding: 0;
  cursor: pointer;
}
.woocommerce .floda-delivery-datetime-section .datetime-selector .datetime-close:hover {
  background-color: #1e2934;
}
.woocommerce .floda-delivery-datetime-section .datetime-selector .datetime-close:hover svg path {
  fill: #fff;
}
.woocommerce .floda-delivery-datetime-section .datetime-selector .datetime-close svg {
  width: 20px;
  height: 20px;
}
.woocommerce .floda-delivery-datetime-section .datetime-selector h4 {
  font-family: var(--font__base);
}
.woocommerce .floda-delivery-datetime-section .datetime-selector .date-options,
.woocommerce .floda-delivery-datetime-section .datetime-selector .time-options {
  display: block;
  overflow: hidden scroll;
  height: 180px;
  width: 100%;
  box-sizing: content-box;
  padding-right: 20px;
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;
}
.woocommerce .floda-delivery-datetime-section .datetime-selector .date-options::-webkit-scrollbar,
.woocommerce .floda-delivery-datetime-section .datetime-selector .time-options::-webkit-scrollbar {
  width: 8px;
}
.woocommerce .floda-delivery-datetime-section .datetime-selector .date-options::-webkit-scrollbar-track,
.woocommerce .floda-delivery-datetime-section .datetime-selector .time-options::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.woocommerce .floda-delivery-datetime-section .datetime-selector .date-options::-webkit-scrollbar-thumb,
.woocommerce .floda-delivery-datetime-section .datetime-selector .time-options::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 4px;
  border: 2px solid transparent;
  background-clip: content-box;
}
.woocommerce .floda-delivery-datetime-section .datetime-selector .date-options::-webkit-scrollbar-thumb:hover,
.woocommerce .floda-delivery-datetime-section .datetime-selector .time-options::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}
.woocommerce .floda-delivery-datetime-section .datetime-selector .date-options .option,
.woocommerce .floda-delivery-datetime-section .datetime-selector .time-options .option {
  -webkit-touch-callout: none;
  appearance: none;
  background: none;
  border: none;
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
  border-bottom: 1px solid #eaedec;
  box-shadow: none;
  color: currentColor;
  color: #282828;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  padding: 6px 6px 6px 0;
  position: relative;
  text-align: left;
  touch-action: manipulation;
  width: 100%;
}
.woocommerce .floda-delivery-datetime-section .datetime-selector .date-options .option:hover,
.woocommerce .floda-delivery-datetime-section .datetime-selector .time-options .option:hover {
  cursor: pointer;
}
.woocommerce .floda-delivery-datetime-section .datetime-selector .date-options .option:hover, .woocommerce .floda-delivery-datetime-section .datetime-selector .date-options .option.selected,
.woocommerce .floda-delivery-datetime-section .datetime-selector .time-options .option:hover,
.woocommerce .floda-delivery-datetime-section .datetime-selector .time-options .option.selected {
  color: #72aefd;
}
.woocommerce .floda-delivery-datetime-section .datetime-selector .date-options .option.disabled,
.woocommerce .floda-delivery-datetime-section .datetime-selector .time-options .option.disabled {
  opacity: 0.5;
}
.woocommerce .floda-delivery-datetime-section .datetime-selector .date-options .option input,
.woocommerce .floda-delivery-datetime-section .datetime-selector .time-options .option input {
  display: none;
}
.woocommerce .floda-delivery-datetime-section .datetime-selector .date-options .option input:checked + .date-label,
.woocommerce .floda-delivery-datetime-section .datetime-selector .time-options .option input:checked + .date-label {
  color: #72aefd;
}
.woocommerce .woocommerce-checkout {
  display: grid;
  grid-template-columns: 1fr 520px;
  gap: 48px;
}
@media (max-width: 992px) {
  .woocommerce .woocommerce-checkout {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.woocommerce .order-preview-item {
  display: flex;
  align-items: flex-start;
  padding: 16px 20px;
  border-bottom: 1px solid #f5f5f5;
  transition: background 0.2s ease;
  gap: 16px;
  padding-left: 0;
}
.woocommerce .order-preview-item .item-image {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
  flex-shrink: 0;
  background: #f8f8f8;
}
.woocommerce .order-preview-item .item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.woocommerce .order-preview-item .item-details h4 {
  margin-top: 0;
  margin-bottom: 12px;
}
.woocommerce #customer_details {
  grid-column: 1;
  grid-row: 1/4;
}
.woocommerce h3 {
  font-family: var(--font-base);
}
.woocommerce .woocommerce-checkout-review-order-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 24px;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}
.woocommerce .woocommerce-checkout-review-order-table thead {
  background: #f8f9fa;
}
.woocommerce .woocommerce-checkout-review-order-table thead th {
  padding: 16px 20px;
  font-family: var(--font__base);
  font-size: 14px;
  font-weight: 600;
  color: #1e2934;
  text-align: left;
  border-bottom: 1px solid #e9ecef;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.woocommerce .woocommerce-checkout-review-order-table thead th:first-child {
  border-radius: 8px 0 0 0;
}
.woocommerce .woocommerce-checkout-review-order-table thead th:last-child {
  border-radius: 0 8px 0 0;
  text-align: right;
}
.woocommerce .woocommerce-checkout-review-order-table tbody tr {
  transition: background-color 0.2s ease;
}
.woocommerce .woocommerce-checkout-review-order-table tbody tr:hover {
  background: #f8f9fa;
}
.woocommerce .woocommerce-checkout-review-order-table tbody tr:last-child td {
  border-bottom: none;
}
.woocommerce .woocommerce-checkout-review-order-table tbody tr td {
  padding: 16px 20px;
  border-bottom: 1px solid #f1f3f4;
  vertical-align: top;
  font-size: 15px;
  line-height: 1.5;
}
.woocommerce .woocommerce-checkout-review-order-table tbody tr td.product-name {
  color: #1e2934;
  font-weight: 500;
}
.woocommerce .woocommerce-checkout-review-order-table tbody tr td.product-name a {
  color: #1e2934;
  text-decoration: none;
}
.woocommerce .woocommerce-checkout-review-order-table tbody tr td.product-name a:hover {
  color: #007cba;
}
.woocommerce .woocommerce-checkout-review-order-table tbody tr td.product-name .product-quantity {
  color: #6c757d;
  font-size: 14px;
  margin-left: 8px;
}
.woocommerce .woocommerce-checkout-review-order-table tbody tr td.product-name .wc-item-meta {
  margin-top: 8px;
  font-size: 13px;
  color: #6c757d;
}
.woocommerce .woocommerce-checkout-review-order-table tbody tr td.product-name .wc-item-meta p {
  margin: 4px 0;
}
.woocommerce .woocommerce-checkout-review-order-table tbody tr td.product-name .wc-item-meta strong {
  color: #495057;
}
.woocommerce .woocommerce-checkout-review-order-table tbody tr td.product-total {
  text-align: right;
  font-weight: 600;
  color: #1e2934;
  white-space: nowrap;
}
.woocommerce .woocommerce-checkout-review-order-table tfoot {
  background: #f8f9fa;
}
.woocommerce .woocommerce-checkout-review-order-table tfoot tr:last-child th,
.woocommerce .woocommerce-checkout-review-order-table tfoot tr:last-child td {
  border-bottom: none;
  font-weight: 700;
  font-size: 16px;
  background: #1e2934;
  color: #fff;
}
.woocommerce .woocommerce-checkout-review-order-table tfoot tr:last-child th:first-child,
.woocommerce .woocommerce-checkout-review-order-table tfoot tr:last-child td:first-child {
  border-radius: 0 0 0 8px;
}
.woocommerce .woocommerce-checkout-review-order-table tfoot tr:last-child th:last-child,
.woocommerce .woocommerce-checkout-review-order-table tfoot tr:last-child td:last-child {
  border-radius: 0 0 8px 0;
}
.woocommerce .woocommerce-checkout-review-order-table tfoot tr th {
  padding: 14px 20px;
  font-family: var(--font__base);
  font-size: 14px;
  font-weight: 500;
  color: #495057;
  text-align: left;
  border-bottom: 1px solid #e9ecef;
  background: transparent;
}
.woocommerce .woocommerce-checkout-review-order-table tfoot tr td {
  padding: 14px 20px;
  text-align: right;
  font-weight: 600;
  color: #1e2934;
  border-bottom: 1px solid #e9ecef;
  background: transparent;
}
.woocommerce .woocommerce-checkout-review-order-table tfoot tr td .woocommerce-Price-amount {
  font-size: 15px;
}
.woocommerce .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal th,
.woocommerce .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal td {
  color: #6c757d;
  font-weight: 500;
}
.woocommerce .woocommerce-checkout-review-order-table tfoot tr.shipping th,
.woocommerce .woocommerce-checkout-review-order-table tfoot tr.shipping td {
  color: #6c757d;
  font-weight: 500;
}
.woocommerce .woocommerce-checkout-review-order-table tfoot tr.shipping .shipping-calculator-form {
  margin-top: 8px;
}
.woocommerce .woocommerce-checkout-review-order-table tfoot tr.shipping .shipping-calculator-form .button {
  padding: 6px 12px;
  font-size: 12px;
  background: #007cba;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
.woocommerce .woocommerce-checkout-review-order-table tfoot tr.shipping .shipping-calculator-form .button:hover {
  background: #005a87;
}
.woocommerce .woocommerce-checkout-review-order-table tfoot tr.order-total th,
.woocommerce .woocommerce-checkout-review-order-table tfoot tr.order-total td {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  padding: 20px;
  border-top: 2px solid #1e2934;
}
@media (max-width: 768px) {
  .woocommerce .woocommerce-checkout-review-order-table thead {
    display: none;
  }
  .woocommerce .woocommerce-checkout-review-order-table tbody tr,
  .woocommerce .woocommerce-checkout-review-order-table tfoot tr {
    display: block;
    margin-bottom: 16px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    overflow: hidden;
  }
  .woocommerce .woocommerce-checkout-review-order-table tbody tr td,
  .woocommerce .woocommerce-checkout-review-order-table tbody tr th,
  .woocommerce .woocommerce-checkout-review-order-table tfoot tr td,
  .woocommerce .woocommerce-checkout-review-order-table tfoot tr th {
    display: block;
    text-align: left;
    border-bottom: 1px solid #f1f3f4;
    position: relative;
    padding: 12px 16px;
  }
  .woocommerce .woocommerce-checkout-review-order-table tbody tr td:before,
  .woocommerce .woocommerce-checkout-review-order-table tbody tr th:before,
  .woocommerce .woocommerce-checkout-review-order-table tfoot tr td:before,
  .woocommerce .woocommerce-checkout-review-order-table tfoot tr th:before {
    content: attr(data-title) ": ";
    font-weight: 600;
    color: #6c757d;
    display: inline-block;
    margin-right: 8px;
    min-width: 80px;
  }
  .woocommerce .woocommerce-checkout-review-order-table tbody tr td.product-name:before,
  .woocommerce .woocommerce-checkout-review-order-table tbody tr th.product-name:before,
  .woocommerce .woocommerce-checkout-review-order-table tfoot tr td.product-name:before,
  .woocommerce .woocommerce-checkout-review-order-table tfoot tr th.product-name:before {
    content: "Товар: ";
  }
  .woocommerce .woocommerce-checkout-review-order-table tbody tr td.product-total:before,
  .woocommerce .woocommerce-checkout-review-order-table tbody tr th.product-total:before,
  .woocommerce .woocommerce-checkout-review-order-table tfoot tr td.product-total:before,
  .woocommerce .woocommerce-checkout-review-order-table tfoot tr th.product-total:before {
    content: "Сумма: ";
  }
  .woocommerce .woocommerce-checkout-review-order-table tbody tr td:last-child,
  .woocommerce .woocommerce-checkout-review-order-table tbody tr th:last-child,
  .woocommerce .woocommerce-checkout-review-order-table tfoot tr td:last-child,
  .woocommerce .woocommerce-checkout-review-order-table tfoot tr th:last-child {
    border-bottom: none;
  }
  .woocommerce .woocommerce-checkout-review-order-table tfoot tr:last-child th,
  .woocommerce .woocommerce-checkout-review-order-table tfoot tr:last-child td {
    background: #1e2934;
    color: #fff;
    font-weight: 700;
  }
  .woocommerce .woocommerce-checkout-review-order-table tfoot tr:last-child th:before,
  .woocommerce .woocommerce-checkout-review-order-table tfoot tr:last-child td:before {
    color: #fff;
  }
}
.woocommerce #contact_recipient_field .checkbox {
  display: flex;
  align-items: center;
  gap: 12px;
}

.entry-content .woocommerce {
  margin-bottom: 60px;
}

/**
* Account & Wishlist
*/
/* ===== СТИЛИ АККАУНТА И WISHLIST ===== */
/* ===== ОБЩИЕ СТИЛИ АККАУНТА ===== */
/* ===== ФОРМЫ ВХОДА И РЕГИСТРАЦИИ ===== */
.floda-account-forms {
  max-width: 500px;
  margin: 0 auto;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
}

.account-tabs {
  display: flex;
  background: #f8f9fa;
  border-bottom: 1px solid #e9ecef;
}

.tab-button {
  flex: 1;
  padding: 16px 24px;
  background: none;
  border: none;
  font-family: var(--font-base);
  font-size: 16px;
  font-weight: 500;
  color: #6c757d;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}
.tab-button:hover {
  color: #1e2934;
  background: rgba(30, 41, 52, 0.05);
}
.tab-button.active {
  color: #1e2934;
  background: #fff;
}
.tab-button.active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: #1e2934;
}

.tab-content {
  position: relative;
}

.tab-panel {
  display: none;
  padding: 32px;
}
.tab-panel.active {
  display: block;
}

.form-container h2 {
  font-family: var(--font-heading);
  font-size: 28px;
  font-weight: 600;
  color: #1e2934;
  margin-bottom: 8px;
  text-align: center;
}
.form-container .form-description {
  font-size: 16px;
  color: #6c757d;
  text-align: center;
  margin-bottom: 32px;
}

/* ===== СТИЛИ ФОРМ ===== */
.floda-login-form .form-row,
.floda-register-form .form-row {
  margin-bottom: 20px;
}
.floda-login-form .form-row.form-row-half,
.floda-register-form .form-row.form-row-half {
  display: flex;
  gap: 16px;
}
.floda-login-form .form-row.form-row-half .form-col,
.floda-register-form .form-row.form-row-half .form-col {
  flex: 1;
}
.floda-login-form .form-row.form-row-checkbox,
.floda-register-form .form-row.form-row-checkbox {
  margin-bottom: 24px;
}
.floda-login-form label,
.floda-register-form label {
  display: block;
  font-family: var(--font-base);
  font-size: 14px;
  font-weight: 500;
  color: #1e2934;
  margin-bottom: 6px;
}
.floda-login-form label .required,
.floda-register-form label .required {
  color: #dc3545;
}
.floda-login-form input[type=text],
.floda-login-form input[type=email],
.floda-login-form input[type=tel],
.floda-login-form input[type=password],
.floda-register-form input[type=text],
.floda-register-form input[type=email],
.floda-register-form input[type=tel],
.floda-register-form input[type=password] {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #e9ecef;
  border-radius: 8px;
  font-family: var(--font-base);
  font-size: 16px;
  color: #1e2934;
  transition: all 0.3s ease;
  background: #fff;
}
.floda-login-form input[type=text]:focus,
.floda-login-form input[type=email]:focus,
.floda-login-form input[type=tel]:focus,
.floda-login-form input[type=password]:focus,
.floda-register-form input[type=text]:focus,
.floda-register-form input[type=email]:focus,
.floda-register-form input[type=tel]:focus,
.floda-register-form input[type=password]:focus {
  outline: none;
  border-color: #1e2934;
  box-shadow: 0 0 0 3px rgba(30, 41, 52, 0.1);
}
.floda-login-form input[type=text].has-error,
.floda-login-form input[type=email].has-error,
.floda-login-form input[type=tel].has-error,
.floda-login-form input[type=password].has-error,
.floda-register-form input[type=text].has-error,
.floda-register-form input[type=email].has-error,
.floda-register-form input[type=tel].has-error,
.floda-register-form input[type=password].has-error {
  border-color: #dc3545;
  box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.1);
}
.floda-login-form input[type=text]::placeholder,
.floda-login-form input[type=email]::placeholder,
.floda-login-form input[type=tel]::placeholder,
.floda-login-form input[type=password]::placeholder,
.floda-register-form input[type=text]::placeholder,
.floda-register-form input[type=email]::placeholder,
.floda-register-form input[type=tel]::placeholder,
.floda-register-form input[type=password]::placeholder {
  color: #adb5bd;
}
.floda-login-form .form-help,
.floda-register-form .form-help {
  font-size: 12px;
  color: #6c757d;
  margin-top: 4px;
}
.floda-login-form .form-field-inline,
.floda-register-form .form-field-inline {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  cursor: pointer;
}
.floda-login-form .form-field-inline input[type=checkbox],
.floda-register-form .form-field-inline input[type=checkbox] {
  margin-top: 2px;
}
.floda-login-form .form-field-inline span,
.floda-register-form .form-field-inline span {
  font-size: 14px;
  color: #495057;
  line-height: 1.4;
}
.floda-login-form .form-field-inline span a,
.floda-register-form .form-field-inline span a {
  color: #1e2934;
  text-decoration: underline;
}
.floda-login-form .form-field-inline span a:hover,
.floda-register-form .form-field-inline span a:hover {
  text-decoration: none;
}
.floda-login-form .floda-btn,
.floda-register-form .floda-btn {
  width: 100%;
  padding: 14px 24px;
  background: #1e2934;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-family: var(--font-base);
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.floda-login-form .floda-btn:hover,
.floda-register-form .floda-btn:hover {
  background: #0d1117;
  transform: translateY(-1px);
}
.floda-login-form .floda-btn:disabled,
.floda-register-form .floda-btn:disabled {
  background: #6c757d;
  cursor: not-allowed;
  transform: none;
}
.floda-login-form .form-links,
.floda-register-form .form-links {
  text-align: center;
  margin-top: 20px;
}
.floda-login-form .form-links .lost-password-link,
.floda-register-form .form-links .lost-password-link {
  color: #6c757d;
  text-decoration: none;
  font-size: 14px;
}
.floda-login-form .form-links .lost-password-link:hover,
.floda-register-form .form-links .lost-password-link:hover {
  color: #1e2934;
  text-decoration: underline;
}
.floda-login-form .form-error,
.floda-register-form .form-error {
  background: #f8d7da;
  color: #721c24;
  padding: 12px 16px;
  border-radius: 8px;
  margin-bottom: 20px;
  font-size: 14px;
  border: 1px solid #f5c6cb;
}
.floda-login-form .field-error,
.floda-register-form .field-error {
  color: #dc3545;
  font-size: 12px;
  margin-top: 4px;
}

/* ===== ЛИЧНЫЙ КАБИНЕТ ===== */
.floda-account-dashboard {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 40px;
  align-items: start;
}
@media (max-width: 768px) {
  .floda-account-dashboard {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.account-navigation .woocommerce-MyAccount-navigation {
  background: #fff;
  overflow: hidden;
}
.account-navigation .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.account-navigation .woocommerce-MyAccount-navigation li {
  border-bottom: 1px solid #f1f3f4;
}
.account-navigation .woocommerce-MyAccount-navigation li:last-child {
  border-bottom: none;
}
.account-navigation .woocommerce-MyAccount-navigation li.is-active a {
  background: #1e2934;
  color: #fff;
}
.account-navigation .woocommerce-MyAccount-navigation a {
  display: block;
  padding: 16px 20px;
  color: #495057;
  text-decoration: none;
  font-family: var(--font-base);
  font-size: 15px;
  font-weight: 500;
  transition: all 0.3s ease;
}
.account-navigation .woocommerce-MyAccount-navigation a:hover {
  background: #f8f9fa;
  color: #1e2934;
}

.account-content {
  background: #fff;
  padding: 32px;
  min-height: 400px;
}
@media (max-width: 768px) {
  .account-content {
    padding: 20px;
  }
}

/* ===== СТРАНИЦА WISHLIST ===== */
.floda-wishlist-page .wishlist-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
  padding-bottom: 20px;
  border-bottom: 2px solid #f1f3f4;
}
@media (max-width: 768px) {
  .floda-wishlist-page .wishlist-header {
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }
}
.floda-wishlist-page .wishlist-header h2 {
  font-family: var(--font-heading);
  font-size: 32px;
  font-weight: 600;
  color: #1e2934;
  margin: 0;
}
.floda-wishlist-page .wishlist-header .wishlist-actions {
  display: flex;
  align-items: center;
  gap: 16px;
}
.floda-wishlist-page .wishlist-header .wishlist-actions .wishlist-count {
  font-size: 16px;
  color: #6c757d;
  font-weight: 500;
}
.floda-wishlist-page .wishlist-header .wishlist-actions .clear-wishlist-btn {
  padding: 8px 16px;
  background: #dc3545;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}
.floda-wishlist-page .wishlist-header .wishlist-actions .clear-wishlist-btn:hover {
  background: #c82333;
}
.floda-wishlist-page .wishlist-empty {
  text-align: center;
  padding: 80px 20px;
}
.floda-wishlist-page .wishlist-empty .empty-icon {
  font-size: 64px;
  margin-bottom: 24px;
}
.floda-wishlist-page .wishlist-empty h3 {
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 600;
  color: #1e2934;
  margin-bottom: 12px;
}
.floda-wishlist-page .wishlist-empty p {
  font-size: 16px;
  color: #6c757d;
  margin-bottom: 32px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.floda-wishlist-page .wishlist-empty .floda-btn {
  display: inline-block;
  padding: 14px 28px;
  background: #1e2934;
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
  font-weight: 600;
  transition: all 0.3s ease;
}
.floda-wishlist-page .wishlist-empty .floda-btn:hover {
  background: #0d1117;
  transform: translateY(-2px);
}
.floda-wishlist-page .products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 24px;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .floda-wishlist-page .products-grid {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 16px;
  }
}
.floda-wishlist-page .wishlist-product-item {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 4px;
  overflow: hidden;
  transition: all 0.3s ease;
  position: relative;
  display: flex;
  flex-direction: column;
}
.floda-wishlist-page .wishlist-product-item .product-checkbox-wrapper {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
}
.floda-wishlist-page .wishlist-product-item .product-checkbox-wrapper .form-field {
  margin: 0;
  border-radius: 4px;
  padding: 4px;
}
.floda-wishlist-page .wishlist-product-item .product-image {
  position: relative;
  aspect-ratio: 1;
  overflow: hidden;
}
.floda-wishlist-page .wishlist-product-item .product-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}
.floda-wishlist-page .wishlist-product-item .product-image:hover img {
  transform: scale(1.05);
}
.floda-wishlist-page .wishlist-product-item .product-image .remove-from-wishlist {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  transition: all 0.3s ease;
}
.floda-wishlist-page .wishlist-product-item .product-image .remove-from-wishlist:hover {
  background: #dc3545;
  transform: scale(1.1);
}
.floda-wishlist-page .wishlist-product-item .product-info {
  padding: 20px;
}
.floda-wishlist-page .wishlist-product-item .product-info .product-title {
  margin: 0 0 8px 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}
.floda-wishlist-page .wishlist-product-item .product-info .product-title a {
  color: #1e2934;
  text-decoration: none;
}
.floda-wishlist-page .wishlist-product-item .product-info .product-title a:hover {
  color: #0d1117;
}
.floda-wishlist-page .wishlist-product-item .product-info .product-price {
  font-size: 18px;
  font-weight: 700;
  color: #1e2934;
  margin-bottom: 8px;
}
.floda-wishlist-page .wishlist-product-item .product-info .product-price .woocommerce-Price-amount {
  color: inherit;
}
.floda-wishlist-page .wishlist-product-item .product-info .product-stock {
  font-size: 12px;
  font-weight: 500;
  padding: 4px 8px;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 8px;
}
.floda-wishlist-page .wishlist-product-item .product-info .product-stock.in-stock {
  background: #d4edda;
  color: #155724;
}
.floda-wishlist-page .wishlist-product-item .product-info .product-stock.out-of-stock {
  background: #f8d7da;
  color: #721c24;
}
.floda-wishlist-page .wishlist-product-item .product-info .product-meta {
  margin-bottom: 16px;
}
.floda-wishlist-page .wishlist-product-item .product-info .product-meta .date-added {
  font-size: 12px;
  color: #6c757d;
}
.floda-wishlist-page .wishlist-product-item .product-info .product-actions .floda-btn {
  width: 100%;
  padding: 10px 16px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-block;
  text-align: center;
}
.floda-wishlist-page .wishlist-product-item .product-info .product-actions .floda-btn.floda-btn-primary {
  background: #1e2934;
  color: #fff;
}
.floda-wishlist-page .wishlist-product-item .product-info .product-actions .floda-btn.floda-btn-primary:hover {
  background: #0d1117;
}
.floda-wishlist-page .wishlist-product-item .product-info .product-actions .floda-btn.floda-btn-disabled {
  background: #6c757d;
  color: #fff;
  cursor: not-allowed;
}
.floda-wishlist-page .wishlist-bulk-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  background: #f8f9fa;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .floda-wishlist-page .wishlist-bulk-actions {
    flex-direction: column;
    gap: 16px;
  }
}
.floda-wishlist-page .wishlist-bulk-actions .bulk-actions-right {
  display: flex;
  gap: 12px;
}
@media (max-width: 768px) {
  .floda-wishlist-page .wishlist-bulk-actions .bulk-actions-right {
    width: 100%;
  }
  .floda-wishlist-page .wishlist-bulk-actions .bulk-actions-right .floda-btn {
    flex: 1;
  }
}
.floda-wishlist-page .wishlist-bulk-actions .floda-btn {
  padding: 8px 16px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}
.floda-wishlist-page .wishlist-bulk-actions .floda-btn.floda-btn-secondary {
  background: #6c757d;
  color: #fff;
}
.floda-wishlist-page .wishlist-bulk-actions .floda-btn.floda-btn-secondary:hover:not(:disabled) {
  background: #5a6268;
}
.floda-wishlist-page .wishlist-bulk-actions .floda-btn.floda-btn-outline {
  background: transparent;
  color: #6c757d;
  border: 1px solid #6c757d;
}
.floda-wishlist-page .wishlist-bulk-actions .floda-btn.floda-btn-outline:hover:not(:disabled) {
  background: #6c757d;
  color: #fff;
}
.floda-wishlist-page .wishlist-bulk-actions .floda-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ===== КНОПКИ WISHLIST ===== */
.floda-wishlist-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #e9ecef;
  border-radius: 6px;
  color: #6c757d;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  backdrop-filter: blur(4px);
}
.floda-wishlist-btn:hover {
  border-color: #1e2934;
  color: #1e2934;
  background: #fff;
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.floda-wishlist-btn.in-wishlist {
  background: #d4edda;
  border-color: #c3e6cb;
  color: #155724;
}
.floda-wishlist-btn.in-wishlist:hover {
  background: #c3e6cb;
  border-color: #b8dacc;
}
.floda-wishlist-btn.in-wishlist .wishlist-icon {
  color: #28a745;
  font-weight: 700;
}
.floda-wishlist-btn.single-product {
  padding: 12px 20px;
  font-size: 14px;
  border-width: 2px;
  background: #f8f9fa;
  backdrop-filter: none;
  margin-top: 24px;
}
.floda-wishlist-btn.single-product:hover {
  transform: none;
}
.floda-wishlist-btn.single-product.in-wishlist {
  background: #d4edda;
}
.floda-wishlist-btn .wishlist-icon {
  font-size: 14px;
  line-height: 1;
}
.floda-wishlist-btn .wishlist-text {
  font-family: var(--font-base);
  line-height: 1;
  white-space: nowrap;
}
.floda-wishlist-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* ===== УВЕДОМЛЕНИЯ ===== */
.floda-notification {
  position: fixed;
  top: 20px;
  right: 20px;
  padding: 16px 20px;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  z-index: 9999;
  transform: translateX(100%);
  transition: transform 0.3s ease;
  max-width: 350px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.floda-notification.show {
  transform: translateX(0);
}
.floda-notification.success {
  background: #28a745;
}
.floda-notification.error {
  background: #dc3545;
}
.floda-notification.info {
  background: #17a2b8;
}

/* ===== УВЕДОМЛЕНИЯ В ДАШБОРДЕ ===== */
.dashboard-notifications h3 {
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 600;
  color: #1e2934;
  margin-bottom: 8px;
}
.dashboard-notifications p {
  color: #6c757d;
  margin-bottom: 20px;
  font-size: 14px;
}
.dashboard-notifications .notifications-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.dashboard-notifications .notification-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  border-radius: 6px;
  border-left: 3px solid #e9ecef;
  background: #f8f9fa;
  transition: all 0.3s ease;
}
.dashboard-notifications .notification-item:hover {
  background: #e9ecef;
  transform: translateX(2px);
}
.dashboard-notifications .notification-item.order-created {
  border-left-color: #17a2b8;
}
.dashboard-notifications .notification-item.order-processing {
  border-left-color: #ffc107;
}
.dashboard-notifications .notification-item.order-completed {
  border-left-color: #28a745;
}
.dashboard-notifications .notification-item.new-product {
  border-left-color: #e91e63;
}
.dashboard-notifications .notification-item.wishlist-added {
  border-left-color: #dc3545;
}
.dashboard-notifications .notification-item.account-created {
  border-left-color: #6f42c1;
}
.dashboard-notifications .notification-icon {
  font-size: 20px;
  line-height: 1;
  margin-top: 2px;
}
.dashboard-notifications .notification-content {
  flex: 1;
}
.dashboard-notifications .notification-message {
  font-size: 14px;
  font-weight: 500;
  color: #1e2934;
  margin-bottom: 4px;
  line-height: 1.4;
}
.dashboard-notifications .notification-time {
  font-size: 12px;
  color: #6c757d;
}
.dashboard-notifications .no-notifications {
  text-align: center;
  padding: 40px 20px;
  color: #6c757d;
}
.dashboard-notifications .no-notifications p {
  margin: 0;
  font-style: italic;
}

/* ===== АДАПТИВНОСТЬ ===== */
@media (max-width: 768px) {
  .floda-account-wrapper {
    padding: 20px 0;
  }
  .floda-account-forms {
    margin: 0;
  }
  .tab-panel {
    padding: 24px 20px;
  }
  .form-container h2 {
    font-size: 24px;
  }
  .form-container .form-description {
    font-size: 14px;
  }
  .form-row.form-row-half {
    flex-direction: column;
    gap: 0;
  }
  .account-content {
    padding: 20px;
  }
  .floda-wishlist-page .wishlist-header h2 {
    font-size: 24px;
  }
  .floda-wishlist-page .products-grid {
    grid-template-columns: 1fr;
  }
  .dashboard-notifications {
    padding: 16px;
  }
  .dashboard-notifications .notification-item {
    padding: 12px;
    gap: 8px;
  }
  .dashboard-notifications .notification-item:hover {
    transform: none;
  }
  .dashboard-notifications .notification-icon {
    font-size: 18px;
  }
  .dashboard-notifications .notification-message {
    font-size: 13px;
  }
  .dashboard-notifications .notification-time {
    font-size: 11px;
  }
}
/* ===== СКРЫТИЕ СТАНДАРТНЫХ КНОПОК ПОКАЗАТЬ ПАРОЛЬ WORDPRESS ===== */
.wp-pwd .button.wp-hide-pw,
.wp-pwd .button.wp-show-pw {
  display: none !important;
}

.show-password-input {
  display: none !important;
}

/* ===== СТИЛИ ДЛЯ КНОПОК ПОКАЗАТЬ/СКРЫТЬ ПАРОЛЬ ===== */
.password-input-wrapper {
  position: relative;
}
.password-input-wrapper input[type=password],
.password-input-wrapper input[type=text] {
  flex: 1;
  padding-right: 80px;
}
.password-input-wrapper .password-toggle-btn {
  position: absolute;
  right: 10px;
  background: none;
  border: none;
  color: #1e2934;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  padding: 4px 8px;
  border-radius: 4px;
  transition: all 0.3s ease;
  min-width: 60px;
  text-align: center;
}
.password-input-wrapper .password-toggle-btn:hover {
  background: #f8f9fa;
  color: #0d1117;
}
.password-input-wrapper .password-toggle-btn:focus {
  outline: 2px solid #1e2934;
  outline-offset: 2px;
}
.password-input-wrapper .password-toggle-btn .show-text {
  display: block;
}
.password-input-wrapper .password-toggle-btn .hide-text {
  display: none;
}
.password-input-wrapper .password-toggle-btn.showing .show-text {
  display: none;
}
.password-input-wrapper .password-toggle-btn.showing .hide-text {
  display: block !important;
}

@media (max-width: 480px) {
  .floda-notification {
    left: 16px;
    right: 16px;
    transform: translateY(-100%);
  }
  .floda-notification.show {
    transform: translateY(0);
  }
}
.woocommerce-ResetPassword {
  max-width: 500px;
  margin: 0 auto;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  padding: 20px;
}
.woocommerce-ResetPassword .button {
  width: 100%;
  padding: 13px 16px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  background: #1e2934;
  color: #fff;
}
.woocommerce-ResetPassword .button:hover {
  background: #0d1117;
  transform: translateY(-1px);
}

/* ===== СТИЛИЗАЦИЯ ТАБЛИЦЫ ЗАКАЗОВ ===== */
.woocommerce-orders-table {
  width: 100%;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  border: none;
  margin-bottom: 30px;
  border-collapse: separate;
  border-spacing: 0;
}
.woocommerce-orders-table thead {
  background: linear-gradient(135deg, #1e2934 0%, #0d1117 100%);
}
.woocommerce-orders-table thead th {
  color: #fff;
  font-weight: 600;
  padding: 20px 16px;
  text-align: left;
  border: none;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: var(--font-base);
}
.woocommerce-orders-table thead th:first-child {
  border-radius: 0;
}
.woocommerce-orders-table thead th:last-child {
  border-radius: 0;
}
.woocommerce-orders-table tbody tr {
  border-bottom: 1px solid #f1f3f4;
  transition: all 0.3s ease;
}
.woocommerce-orders-table tbody tr:hover {
  background: #f8f9fa;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.woocommerce-orders-table tbody tr:last-child {
  border-bottom: none;
}
.woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-processing {
  border-left: 4px solid #ffc107;
}
.woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status {
  color: #ffc107;
  font-weight: 600;
}
.woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-completed {
  border-left: 4px solid #28a745;
}
.woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status {
  color: #28a745;
  font-weight: 600;
}
.woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-pending {
  border-left: 4px solid #17a2b8;
}
.woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status {
  color: #17a2b8;
  font-weight: 600;
}
.woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-cancelled {
  border-left: 4px solid #dc3545;
}
.woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status {
  color: #dc3545;
  font-weight: 600;
}
.woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-refunded {
  border-left: 4px solid #6c757d;
}
.woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status {
  color: #6c757d;
  font-weight: 600;
}
.woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-on-hold {
  border-left: 4px solid #e91e63;
}
.woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status {
  color: #e91e63;
  font-weight: 600;
}
.woocommerce-orders-table tbody th, .woocommerce-orders-table tbody td {
  padding: 20px 16px;
  border: none;
  vertical-align: middle;
  font-family: var(--font-base);
}
.woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-number, .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-number {
  font-weight: 600;
}
.woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-number a, .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-number a {
  color: #1e2934;
  text-decoration: none;
  font-weight: 700;
  font-size: 16px;
  transition: all 0.3s ease;
}
.woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-number a:hover, .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-number a:hover {
  color: #0d1117;
}
.woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-date, .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-date {
  color: #6c757d;
  font-size: 14px;
}
.woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-date time, .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-date time {
  display: block;
  font-weight: 500;
  color: #495057;
}
.woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-status, .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-status {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
}
.woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-total, .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-total {
  font-weight: 600;
  font-size: 16px;
  color: #1e2934;
}
.woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-total .woocommerce-Price-amount, .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-total .woocommerce-Price-amount {
  font-weight: 700;
  color: #28a745;
}
.woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-total .woocommerce-Price-currencySymbol, .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-total .woocommerce-Price-currencySymbol {
  color: #28a745;
}
.woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-actions, .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions {
  text-align: right;
}
.woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-actions .woocommerce-button, .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions .woocommerce-button {
  background: linear-gradient(135deg, #1e2934 0%, #0d1117 100%);
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 25px;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
}
.woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-actions .woocommerce-button:hover, .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions .woocommerce-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(30, 41, 52, 0.4);
  background: linear-gradient(135deg, #0d1117 0%, #1e2934 100%);
}

.woocommerce-MyAccount-content .woocommerce-Message {
  background: #e8f5e8;
  border-left: 4px solid #28a745;
  padding: 15px 20px;
  border-radius: 8px;
  margin-bottom: 30px;
  color: #1e2934;
  border: none;
}
.woocommerce-MyAccount-content .woocommerce-Message.woocommerce-message {
  background: #e8f5e8;
  border-left-color: #28a745;
}
.woocommerce-MyAccount-content .woocommerce-Message.woocommerce-info {
  background: #e8f4f8;
  border-left-color: #17a2b8;
}
.woocommerce-MyAccount-content .woocommerce-Message.woocommerce-error {
  background: #fdf2f2;
  border-left-color: #dc3545;
}

.woocommerce-message {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-left: 4px solid #1e2934;
  padding: 30px;
  border-radius: 12px;
  text-align: center;
  color: #1e2934;
}
.woocommerce-message::before {
  content: "📦";
  font-size: 48px;
  display: block;
  margin-bottom: 15px;
}
.woocommerce-message .button {
  background: linear-gradient(135deg, #1e2934 0%, #0d1117 100%);
  color: #fff;
  border: none;
  padding: 12px 30px;
  border-radius: 25px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 20px;
  transition: all 0.3s ease;
  text-decoration: none;
  display: inline-block;
}
.woocommerce-message .button:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(30, 41, 52, 0.4);
}

@media (max-width: 768px) {
  .woocommerce-orders-table thead {
    display: none;
  }
  .woocommerce-orders-table tbody tr {
    display: block;
    margin-bottom: 20px;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    border-left: 4px solid #1e2934;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }
  .woocommerce-orders-table tbody tr:hover {
    transform: none;
  }
  .woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-processing {
    border-left-color: #ffc107;
  }
  .woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-completed {
    border-left-color: #28a745;
  }
  .woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-pending {
    border-left-color: #17a2b8;
  }
  .woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-cancelled {
    border-left-color: #dc3545;
  }
  .woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-refunded {
    border-left-color: #6c757d;
  }
  .woocommerce-orders-table tbody tr.woocommerce-orders-table__row--status-on-hold {
    border-left-color: #e91e63;
  }
  .woocommerce-orders-table tbody th, .woocommerce-orders-table tbody td {
    display: block;
    padding: 12px 16px;
    text-align: left !important;
    border-bottom: 1px solid #f1f3f4;
  }
  .woocommerce-orders-table tbody th:last-child, .woocommerce-orders-table tbody td:last-child {
    border-bottom: none;
  }
  .woocommerce-orders-table tbody th::before, .woocommerce-orders-table tbody td::before {
    content: attr(data-title) ": ";
    font-weight: 600;
    color: #1e2934;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
  }
  .woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-number, .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-number {
    background: #f8f9fa;
    font-size: 18px;
  }
  .woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-number::before, .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-number::before {
    content: "";
  }
  .woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-actions, .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions {
    text-align: center !important;
  }
  .woocommerce-orders-table tbody th.woocommerce-orders-table__cell-order-actions .woocommerce-button, .woocommerce-orders-table tbody td.woocommerce-orders-table__cell-order-actions .woocommerce-button {
    width: 100%;
    margin-top: 10px;
  }
}
.edit-account .woocommerce-Button {
  padding: 8px 16px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  background: #1e2934;
  color: #fff;
}
.edit-account .woocommerce-Button:hover {
  background: #0d1117;
  transform: translateY(-1px);
}

.floda-btn-google {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

/**
* Order Details
*/
/* ===== СТИЛИЗАЦИЯ СТРАНИЦЫ ЗАКАЗА ===== */
.woocommerce-order .woocommerce-notices-wrapper + p {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-left: 4px solid #1e2934;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.5;
}
.woocommerce-order .woocommerce-notices-wrapper + p .order-number {
  background: #1e2934;
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 600;
}
.woocommerce-order .woocommerce-notices-wrapper + p .order-date {
  background: #17a2b8;
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 600;
}
.woocommerce-order .woocommerce-notices-wrapper + p .order-status {
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.5px;
  background: #ffc107;
  color: #fff;
}

.woocommerce-order-details {
  margin-bottom: 40px;
}
.woocommerce-order-details .woocommerce-order-details__title {
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 600;
  color: #1e2934;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #f1f3f4;
}
.woocommerce-order-details .woocommerce-table {
  width: 100%;
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  border: none;
  border-collapse: separate;
  border-spacing: 0;
}
.woocommerce-order-details .woocommerce-table thead {
  background: linear-gradient(135deg, #1e2934 0%, #0d1117 100%);
}
.woocommerce-order-details .woocommerce-table thead th {
  color: #fff;
  font-weight: 600;
  padding: 20px 16px;
  text-align: left;
  border: none;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: var(--font-base);
}
.woocommerce-order-details .woocommerce-table tbody tr {
  border-bottom: 1px solid #f1f3f4;
}
.woocommerce-order-details .woocommerce-table tbody tr:last-child {
  border-bottom: none;
}
.woocommerce-order-details .woocommerce-table tbody td {
  padding: 20px 16px;
  border: none;
  vertical-align: middle;
  font-family: var(--font-base);
}
.woocommerce-order-details .woocommerce-table tbody td.product-name {
  font-weight: 500;
}
.woocommerce-order-details .woocommerce-table tbody td.product-name a {
  color: #1e2934;
  text-decoration: none;
  font-weight: 600;
}
.woocommerce-order-details .woocommerce-table tbody td.product-name a:hover {
  color: #0d1117;
}
.woocommerce-order-details .woocommerce-table tbody td.product-name .product-quantity {
  color: #6c757d;
  font-weight: 500;
  margin-left: 8px;
}
.woocommerce-order-details .woocommerce-table tbody td.product-total {
  text-align: right;
  font-weight: 600;
  font-size: 16px;
}
.woocommerce-order-details .woocommerce-table tbody td.product-total .woocommerce-Price-amount {
  color: #28a745;
  font-weight: 700;
}
.woocommerce-order-details .woocommerce-table tfoot {
  background: #f8f9fa;
}
.woocommerce-order-details .woocommerce-table tfoot tr {
  border-bottom: 1px solid #e9ecef;
}
.woocommerce-order-details .woocommerce-table tfoot tr:last-child {
  border-bottom: none;
  background: #1e2934;
}
.woocommerce-order-details .woocommerce-table tfoot tr:last-child th, .woocommerce-order-details .woocommerce-table tfoot tr:last-child td {
  color: #fff;
  font-weight: 700;
  font-size: 18px;
}
.woocommerce-order-details .woocommerce-table tfoot th, .woocommerce-order-details .woocommerce-table tfoot td {
  padding: 16px;
  border: none;
  font-family: var(--font-base);
}
.woocommerce-order-details .woocommerce-table tfoot th:first-child, .woocommerce-order-details .woocommerce-table tfoot td:first-child {
  font-weight: 600;
  color: #1e2934;
}
.woocommerce-order-details .woocommerce-table tfoot th:last-child, .woocommerce-order-details .woocommerce-table tfoot td:last-child {
  text-align: right;
}
.woocommerce-order-details .woocommerce-table tfoot th:last-child .woocommerce-Price-amount, .woocommerce-order-details .woocommerce-table tfoot td:last-child .woocommerce-Price-amount {
  color: #28a745;
  font-weight: 700;
}

.woocommerce-customer-details .woocommerce-column__title {
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 600;
  color: #1e2934;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #f1f3f4;
}
.woocommerce-customer-details address {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-left: 4px solid #1e2934;
  padding: 20px;
  border-radius: 8px;
  font-style: normal;
  line-height: 1.6;
  font-family: var(--font-base);
}
.woocommerce-customer-details address .woocommerce-customer-details--phone,
.woocommerce-customer-details address .woocommerce-customer-details--email {
  margin-top: 10px;
  margin-bottom: 0;
  font-weight: 500;
}
.woocommerce-customer-details address .woocommerce-customer-details--phone::before,
.woocommerce-customer-details address .woocommerce-customer-details--email::before {
  margin-right: 8px;
  font-weight: 600;
}
.woocommerce-customer-details address .woocommerce-customer-details--phone::before {
  content: "📞";
}
.woocommerce-customer-details address .woocommerce-customer-details--email::before {
  content: "✉️";
}

@media (max-width: 768px) {
  .woocommerce-order-details .woocommerce-table thead {
    display: none;
  }
  .woocommerce-order-details .woocommerce-table tbody tr {
    display: block;
    margin-bottom: 15px;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    background: #fff;
  }
  .woocommerce-order-details .woocommerce-table tbody td {
    display: block;
    padding: 12px 16px;
    border-bottom: 1px solid #f1f3f4;
  }
  .woocommerce-order-details .woocommerce-table tbody td:last-child {
    border-bottom: none;
  }
  .woocommerce-order-details .woocommerce-table tbody td::before {
    content: attr(data-title) ": ";
    font-weight: 600;
    color: #1e2934;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.5px;
    display: block;
    margin-bottom: 4px;
  }
  .woocommerce-order-details .woocommerce-table tbody td.product-name::before {
    content: "Product: ";
  }
  .woocommerce-order-details .woocommerce-table tbody td.product-total::before {
    content: "Total: ";
  }
  .woocommerce-order-details .woocommerce-table tbody td.product-total {
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    background: #f8f9fa;
  }
  .woocommerce-order-details .woocommerce-table tfoot tr {
    display: block;
    margin-bottom: 10px;
    padding: 12px 16px;
    border-radius: 6px;
  }
  .woocommerce-order-details .woocommerce-table tfoot tr:last-child {
    background: #1e2934;
    color: #fff;
    font-size: 16px;
  }
  .woocommerce-order-details .woocommerce-table tfoot th, .woocommerce-order-details .woocommerce-table tfoot td {
    display: inline;
    padding: 0;
  }
  .woocommerce-order-details .woocommerce-table tfoot th:first-child::after, .woocommerce-order-details .woocommerce-table tfoot td:first-child::after {
    content: " ";
  }
  .woocommerce-customer-details address {
    padding: 16px;
    font-size: 14px;
  }
}
.woocommerce-delivery-details {
  margin-top: 40px;
}
.woocommerce-delivery-details .woocommerce-column__title {
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 600;
  color: #1e2934;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #f1f3f4;
}
.woocommerce-delivery-details .delivery-info-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  margin-top: 20px;
}
.woocommerce-delivery-details .delivery-info-item {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-left: 4px solid #1e2934;
  padding: 20px;
}
.woocommerce-delivery-details .delivery-info-item h4 {
  font-family: var(--font-heading);
  font-size: 16px;
  font-weight: 600;
  color: #1e2934;
  margin: 0 0 10px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.woocommerce-delivery-details .delivery-info-item p {
  margin: 0;
  line-height: 1.6;
  color: #495057;
}
.woocommerce-delivery-details .delivery-info-item p strong {
  color: #1e2934;
  font-weight: 600;
}
.woocommerce-delivery-details .delivery-info-item .contact-note {
  color: #28a745;
  font-weight: 500;
  font-size: 14px;
}

@media (max-width: 768px) {
  .woocommerce-delivery-details .delivery-info-grid {
    grid-template-columns: 1fr;
    gap: 15px;
  }
  .woocommerce-delivery-details .delivery-info-item {
    padding: 16px;
  }
  .woocommerce-delivery-details .delivery-info-item h4 {
    font-size: 14px;
  }
  .woocommerce-delivery-details .delivery-info-item p {
    font-size: 14px;
  }
}
.woocommerce-wrapper {
  padding-top: 12px;
}

/*
// Базовые стили
@use 'base/reset';
@use 'base/typography';
@use 'base/layout';


@use 'components/slider';
@use 'components/modal';
@use 'components/buttons';

// Страницы
@use 'pages/home';
@use 'pages/about';

// Утилиты
@use 'utilities/helpers';

// Основные стили
body {
    font-family: $font-family-base;
    line-height: $line-height-base;
    color: $color-text;
    background: $color-bg;
}

.container {
    max-width: $container-width;
    margin: 0 auto;
    padding: 0 $grid-gutter;
}

// Responsive
@media (max-width: $breakpoint-md) {
    .container {
        padding: 0 ($grid-gutter / 2);
    }
}*/