*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,ul,li{font-family:Mont,sans-serif;margin:0;padding:0}ul{list-style:none}body{min-height:100vh;-text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;min-width:320px}img,svg{max-width:100%;display:block}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth;scrollbar-gutter:stable}}@font-face{font-family:Mont;font-display:swap;src:url(https://nazarii-lesniak.github.io/advanced-react-phone-catalog/fonts/Mont-Regular.woff2);font-weight:400;font-style:normal}@font-face{font-family:Mont;font-display:swap;src:url(https://nazarii-lesniak.github.io/advanced-react-phone-catalog/fonts/Mont-SemiBold.woff2);font-weight:600;font-style:normal}@font-face{font-family:Mont;font-display:swap;src:url(https://nazarii-lesniak.github.io/advanced-react-phone-catalog/fonts/Mont-Bold.woff2);font-weight:700;font-style:normal}.App{display:flex;flex-direction:column}html,body{background-color:var(--page-bg);color:var(--text-main);transition:background-color .3s ease-in-out,color .3s ease-in-out}._hero_16yac_28{display:flex;flex-direction:column;align-items:center;width:100%;grid-column:1/-1}._hero__main_16yac_35{display:grid;grid-template-columns:1fr;align-items:stretch;gap:0;width:100%}@media (min-width: 640px){._hero__main_16yac_35{grid-template-columns:32px 1fr 32px;gap:19px}}@media (min-width: 1200px){._hero__main_16yac_35{gap:16px}}._hero__viewport_16yac_53{width:100%;overflow:hidden;aspect-ratio:24/10;height:320px}@media (min-width: 1200px){._hero__viewport_16yac_53{height:400px}}._hero__track_16yac_64{display:flex;height:100%;transition:transform .3s ease-in-out;will-change:transform}._hero__image_16yac_70{flex:0 0 100%;width:100%;height:100%;object-fit:cover}._hero__button_16yac_76{display:none;background:none;border:1px solid var(--border);color:var(--text-main);cursor:pointer;padding:0;align-items:center;justify-content:center;box-sizing:border-box;transition:border-color .3s ease-in-out}@media (min-width: 640px){._hero__button_16yac_76{display:flex}}@media (hover: hover){._hero__button_16yac_76:hover{border-color:var(--text-main)}}._hero__pagination_16yac_98{display:flex;justify-content:center;gap:9px;margin-top:18px}._hero__dot_16yac_104{width:14px;height:4px;padding:0;border:none;background-color:var(--border);cursor:pointer;transition:background-color .3s ease-in-out}._hero__dot--active_16yac_113{background-color:var(--text-main);width:14px}._productCard_rzdy5_28{display:flex;flex-direction:column;grid-column:span 3;box-sizing:border-box;height:100%;padding:32px;background-color:var(--card-bg);border:1px solid var(--border);transition:box-shadow .3s ease-in-out}@media (min-width: 640px){._productCard_rzdy5_28{grid-column:span 5}}@media (min-width: 1200px){._productCard_rzdy5_28{grid-column:span 6}}@media (hover: hover){._productCard_rzdy5_28:hover{box-shadow:0 2px 16px #0000001a}}._productCard__imageLink_rzdy5_54{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1/1;margin-bottom:24px;overflow:hidden;transition:transform .3s ease-in-out}@media (min-width: 1200px) and (hover: hover){._productCard__imageLink_rzdy5_54:hover{transform:scale(1.1)}}._productCard__image_rzdy5_54{display:block;max-width:100%;max-height:100%;object-fit:contain;aspect-ratio:1/1}._productCard__title_rzdy5_76{height:42px;margin-bottom:8px}._productCard__titleLink_rzdy5_80{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;color:var(--text-main);font-weight:600;text-decoration:none;transition:color .3s ease-in-out;font-family:Mont,sans-serif;font-weight:500;font-size:14px;line-height:21px}@media (hover: hover){._productCard__titleLink_rzdy5_80:hover{color:var(--text-secondary)}}._productCard__priceContainer_rzdy5_100{display:flex;align-items:center;gap:8px;margin-bottom:8px}._productCard__price_rzdy5_100{color:var(--text-main);font-family:Mont,sans-serif;font-size:22px;font-weight:800;line-height:31px}._productCard__fullPrice_rzdy5_113{color:var(--text-secondary);font-family:Mont,sans-serif;font-size:22px;font-weight:500;line-height:28px;text-decoration:line-through}._productCard__divider_rzdy5_121{width:100%;height:1px;margin:0 0 8px;background-color:var(--border);border:none}._productCard__specsContainer_rzdy5_128{display:flex;flex-direction:column;flex-grow:1;gap:8px;margin-bottom:16px;padding:8px 0}._productCard__specs_rzdy5_128{display:flex;align-items:center;justify-content:space-between}._productCard__specsName_rzdy5_141{color:var(--text-secondary);font-family:Mont,sans-serif;font-weight:700;font-size:12px;line-height:15px}._productCard__specsValue_rzdy5_148{color:var(--text-main);text-align:right;font-family:Mont,sans-serif;font-weight:700;font-size:12px;line-height:15px}._productCard__actions_rzdy5_156{display:flex;gap:8px;margin-top:auto}._productCard__actionAddButton_rzdy5_161{flex:1;height:40px;background-color:var(--btn-bg);color:var(--btn-text);border:1px solid var(--btn-bg);cursor:pointer;transition:box-shadow .3s ease-in-out,background-color .3s ease-in-out,color .3s ease-in-out,filter .3s ease-in-out,border-color .3s ease-in-out;font-family:Mont,sans-serif;font-weight:600;font-size:14px;line-height:21px}._productCard__actionAddButton--active_rzdy5_174{background-color:var(--page-bg);color:#27ae60;border-color:var(--border);cursor:default}@media (hover: hover){._productCard__actionAddButton_rzdy5_161:not(._productCard__actionAddButton--active_rzdy5_174):hover{filter:brightness(1.2);box-shadow:0 3px 13px #17203166}}._productCard__actionFavouriteIcon_rzdy5_186{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;background:transparent;border:1px solid var(--icon-color);cursor:pointer;transition:border-color .3s ease-in-out}@media (hover: hover){._productCard__actionFavouriteIcon_rzdy5_186:hover{border-color:var(--text-main)}}._productCard__icon_rzdy5_203{display:block;fill:none;color:var(--text-main);transition:transform .3s ease-in-out}@media (min-width: 1200px) and (hover: hover){._productCard__icon_rzdy5_203:hover{transform:scale(1.1)}}._slider_75ieo_28{width:100%;margin:65px 0;overflow:visible}@media (min-width: 640px){._slider_75ieo_28{margin:64px 0}}@media (min-width: 1200px){._slider_75ieo_28{margin:80px 0}}._slider__header_75ieo_43{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}._slider__title_75ieo_49{color:var(--text-main);font-family:Mont,sans-serif;font-weight:800;font-size:22px;line-height:31px}@media (min-width: 640px){._slider__title_75ieo_49{font-size:32px;line-height:41px;letter-spacing:-.01em}}._slider__buttons_75ieo_63{display:flex;gap:16px}._slider__button_75ieo_63{width:32px;height:32px;border:1px solid var(--border);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-main);transition:border-color .3s ease-in-out}@media (hover: hover){._slider__button_75ieo_63:hover{border-color:var(--text-main)}}._slider__button_75ieo_63:disabled{opacity:.5;cursor:not-allowed;border-color:var(--border)}._slider__list_75ieo_89{display:flex;gap:16px;overflow:auto visible;scroll-behavior:smooth}._slider__list_75ieo_89::-webkit-scrollbar{display:none}._slider__item_75ieo_98{flex-shrink:0;width:212px}@media (min-width: 640px){._slider__item_75ieo_98{width:237px}}@media (min-width: 1200px){._slider__item_75ieo_98{width:272px}}._category_1v23y_28{margin-bottom:56px}._category_1v23y_28{width:100%;margin:0 auto;padding:0 16px}@media (min-width: 640px){._category_1v23y_28{padding:0 24px}}@media (min-width: 1200px){._category_1v23y_28{max-width:1136px;padding:0}}@media (min-width: 1200px){._category_1v23y_28{margin-bottom:80px}}._category__title_1v23y_52{color:var(--text-main);margin-bottom:24px;font-family:Mont,sans-serif;font-weight:800;font-size:22px;line-height:31px}@media (min-width: 640px){._category__title_1v23y_52{font-size:32px;line-height:41px;letter-spacing:-.01em}}._category__items_1v23y_67{gap:32px}._category__items_1v23y_67{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media (min-width: 640px){._category__items_1v23y_67{grid-template-columns:repeat(12,1fr)}}@media (min-width: 1200px){._category__items_1v23y_67{grid-template-columns:repeat(24,1fr)}}._category__item_1v23y_67{grid-column:span 4}@media (min-width: 640px){._category__item_1v23y_67{grid-column:span 4}}@media (min-width: 1200px){._category__item_1v23y_67{grid-column:span 8}}._category__imageLink_1v23y_98{display:block;position:relative;aspect-ratio:1/1;overflow:hidden}._category__imageLink--phones_1v23y_104{background-color:#6d6474}._category__imageLink--tablets_1v23y_107{background-color:#8d8d92}._category__imageLink--accessories_1v23y_110{background-color:#973d5f}._category__image_1v23y_98{position:absolute;object-fit:contain;width:100%;height:100%;transition:transform .3s ease-in-out}@media (min-width: 1200px) and (hover: hover){._category__image_1v23y_98:hover{transform:scale(1.1)}}._category__imageLink--phones_1v23y_104 ._category__image_1v23y_98{scale:1.1;top:20%;left:10%}._category__imageLink--tablets_1v23y_107 ._category__image_1v23y_98{width:100%;height:160%;scale:1.5;top:15%;left:35%}._category__imageLink--accessories_1v23y_110 ._category__image_1v23y_98{width:95%;height:75%;top:35%;left:20%;scale:1.6}._category__info_1v23y_144{margin-top:24px}._category__name_1v23y_147{color:var(--text-main);margin-bottom:4px;font-family:Mont,sans-serif;font-weight:700;font-size:16px;line-height:20px}@media (min-width: 1200px){._category__name_1v23y_147{font-size:20px;line-height:26px}}._category__quantity_1v23y_161{color:var(--text-secondary);display:block;font-family:Mont,sans-serif;font-weight:500;font-size:14px;line-height:21px}@font-face{font-family:Mont;font-display:swap;src:url(https://nazarii-lesniak.github.io/advanced-react-phone-catalog/fonts/Mont-Regular.woff2);font-weight:400;font-style:normal}@font-face{font-family:Mont;font-display:swap;src:url(https://nazarii-lesniak.github.io/advanced-react-phone-catalog/fonts/Mont-SemiBold.woff2);font-weight:600;font-style:normal}@font-face{font-family:Mont;font-display:swap;src:url(https://nazarii-lesniak.github.io/advanced-react-phone-catalog/fonts/Mont-Bold.woff2);font-weight:700;font-style:normal}._home_1ji70_49{width:100%}._home__container_1ji70_52{width:100%;margin:0 auto;padding:0 16px}@media (min-width: 640px){._home__container_1ji70_52{padding:0 24px}}@media (min-width: 1200px){._home__container_1ji70_52{max-width:1136px;padding:0}}._home__title_1ji70_68{max-width:15ch;padding-top:24px;grid-column:1/-1;font-family:Mont,sans-serif;font-weight:800;font-size:22px;line-height:31px}@media (min-width: 640px){._home__title_1ji70_68{font-size:32px;line-height:41px;letter-spacing:-.01em}}@media (min-width: 640px){._home__title_1ji70_68{grid-column:1/-8;padding:32px 0}}@media (min-width: 1200px){._home__title_1ji70_68{grid-column:1/-1;padding:56px 0;max-width:none}}._title__hidden_1ji70_98{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._nav__list_u6r6f_28{display:flex;align-items:center;gap:32px;height:100%;padding:0}@media (min-width: 1200px){._nav__list_u6r6f_28{gap:64px}}._nav__link_u6r6f_40{position:relative;display:flex;align-items:center;height:48px;color:var(--text-secondary);text-decoration:none;box-sizing:border-box;transition:color .3s ease-in-out;font-family:Mont,sans-serif;font-weight:800;font-size:12px;line-height:11px;letter-spacing:.04em;text-transform:uppercase}@media (min-width: 1200px){._nav__link_u6r6f_40{height:64px}}._nav__link_u6r6f_40:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in-out}._nav__link_u6r6f_40._active_u6r6f_73{color:var(--text-main)}._nav__link_u6r6f_40._active_u6r6f_73:after{transform:scaleX(1)}@media (hover: hover){._nav__link_u6r6f_40:hover{color:var(--text-main)}}._burger_15y65_28{position:fixed;top:48px;right:0;bottom:0;left:0;background-color:var(--page-bg);z-index:100;display:flex;flex-direction:column;transform:translate(100%);opacity:0;visibility:hidden;transition:transform .3s ease-in-out,opacity .3s ease-in-out,visibility .3s ease-in-out}._burger--open_15y65_40{transform:translate(0);opacity:1;visibility:visible}@media (min-width: 640px){._burger_15y65_28{display:none}}._burger__content_15y65_50{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:24px}._burger__nav_15y65_58{width:100%}._burger__list_15y65_61{flex-direction:column;align-items:center;gap:16px;height:auto}._burger__link_15y65_67{display:inline-block;height:auto;padding-bottom:8px}._burger__footer_15y65_72{display:flex;height:64px;border-top:1px solid var(--border);margin-top:auto}._burger__action_15y65_78{position:relative;flex:1;display:flex;justify-content:center;align-items:center;box-sizing:border-box;height:100%;color:var(--text-main)}._burger__action_15y65_78:first-child{border-right:1px solid var(--border)}._burger__action_15y65_78:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background-color:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in-out,color .3s ease-in-out}._burger__action_15y65_78._active_15y65_103:after{transform:scaleX(1)}._burger__iconContainer_15y65_106{position:relative}._burger__counter_15y65_109{box-sizing:border-box;position:absolute;top:-4px;right:-8px;width:14px;height:14px;background:#eb5757;border-radius:50%;font-size:9px;text-align:center;color:#fff}._toggler_1o567_28{display:flex;justify-content:center;align-items:center;width:48px;height:100%;padding:0;background:transparent;border:none;border-left:1px solid var(--border);color:var(--text-main);cursor:pointer;box-sizing:border-box;transition:color .3s ease-in-out}@media (hover: hover){._toggler_1o567_28:hover{color:var(--accent)}}@media (min-width: 1200px){._toggler_1o567_28{width:64px}}._toggler__icon_1o567_53{transition:transform .3s ease-in-out}@media (min-width: 1200px) and (hover: hover){._toggler__icon_1o567_53:hover{transform:scale(1.1)}}._search_1yl5e_28{position:relative;display:flex;align-items:center;width:180px;max-width:200px;margin:0 8px}._search__input_1yl5e_36{font-family:Mont,sans-serif;font-weight:500;font-size:14px;line-height:21px;width:100%;height:40px;background-color:var(--card-bg);border:1px solid var(--border);color:var(--text-main);outline:none;transition:border-color .3s ease-in-out}._search__input_1yl5e_36::placeholder{color:var(--text-secondary);text-transform:capitalize}._search__input_1yl5e_36:focus,._search__input_1yl5e_36:hover{border-color:var(--text-main)}._search__button_1yl5e_56{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;cursor:pointer;color:var(--text-secondary);transition:color .3s ease-in-out,transform .3s ease-in-out;transition:transform .3s ease-in-out}@media (min-width: 1200px) and (hover: hover){._search__button_1yl5e_56:hover{transform:scale(1.1)}}@media (hover: hover){._search__button_1yl5e_56:hover{color:var(--text-main)}}._header_1t8wb_28{width:100%;position:sticky;top:0;z-index:100}._header__top_1t8wb_34{display:flex;justify-content:space-between;align-items:center;height:48px;width:100%;background-color:var(--page-bg);border-bottom:1px solid var(--border)}@media (min-width: 1200px){._header__top_1t8wb_34{height:64px}}._header__logo_1t8wb_48{display:block;width:100%;height:100%;object-fit:contain}._header__link_1t8wb_54{display:flex;align-items:center;width:64px;height:22px;padding:11px 16px;box-sizing:content-box;text-decoration:none;flex-shrink:0;transition:transform .3s ease-in-out}@media (min-width: 1200px) and (hover: hover){._header__link_1t8wb_54:hover{transform:scale(1.1)}}@media (min-width: 1200px){._header__link_1t8wb_54{padding-left:32px}}._header__nav_1t8wb_75{display:none}@media (min-width: 640px){._header__nav_1t8wb_75{display:flex;margin-right:auto;padding-left:16px}}@media (min-width: 1200px){._header__nav_1t8wb_75{padding-left:24px}}._header__actions_1t8wb_90{display:none;flex-shrink:0}@media (min-width: 640px){._header__actions_1t8wb_90{display:flex;height:100%}}._header__iconLink_1t8wb_100{position:relative;display:flex;justify-content:center;align-items:center;width:48px;height:100%;border-left:1px solid var(--border);color:var(--text-main);box-sizing:border-box}@media (min-width: 1200px){._header__iconLink_1t8wb_100{width:64px}}._header__iconLink_1t8wb_100:after{content:"";position:absolute;bottom:0;width:100%;height:3px;background-color:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in-out,color .3s ease-in-out}._header__iconLink_1t8wb_100._active_1t8wb_127{color:var(--text-main)}._header__iconLink_1t8wb_100._active_1t8wb_127:after{transform:scaleX(1)}._header__icon_1t8wb_100{transition:transform .3s ease-in-out}@media (min-width: 1200px) and (hover: hover){._header__icon_1t8wb_100:hover{transform:scale(1.1)}}._header__menu_1t8wb_141{width:48px;height:100%;display:flex;justify-content:center;align-items:center;background:transparent;border:none;border-left:1px solid var(--border);color:var(--text-main);cursor:pointer;padding:0}@media (min-width: 640px){._header__menu_1t8wb_141{display:none}}._header__themeToggleMobile_1t8wb_159{width:48px;height:100%;border-left:1px solid var(--border);box-sizing:border-box;margin-left:auto}@media (min-width: 1200px){._header__themeToggleMobile_1t8wb_159{width:64px}}@media (min-width: 640px){._header__top_1t8wb_34 ._header__themeToggleMobile_1t8wb_159{display:none}}._header__iconContainer_1t8wb_176{position:relative}._header__counter_1t8wb_179{box-sizing:border-box;position:absolute;top:-4px;right:-8px;width:14px;height:14px;background:#eb5757;border-radius:50%;font-size:9px;text-align:center;color:#fff}._footer_ekjrm_28{width:100%;padding:32px;border-top:1px solid var(--border);background-color:var(--page-bg)}._footer__content_ekjrm_34{display:flex;flex-direction:column;gap:32px}._footer__content_ekjrm_34{width:100%;margin:0 auto;padding:0 16px}@media (min-width: 640px){._footer__content_ekjrm_34{padding:0 24px}}@media (min-width: 1200px){._footer__content_ekjrm_34{max-width:1136px;padding:0}}@media (min-width: 640px){._footer__content_ekjrm_34{flex-direction:row;align-items:center;justify-content:space-between}}._footer__logo_ekjrm_62{width:89px;height:32px;display:block;transition:transform .3s ease-in-out}@media (min-width: 1200px) and (hover: hover){._footer__logo_ekjrm_62:hover{transform:scale(1.1)}}._footer__list_ekjrm_73{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:0}@media (min-width: 640px){._footer__list_ekjrm_73{flex-direction:row;align-items:center;gap:13.5px}}@media (min-width: 1200px){._footer__list_ekjrm_73{gap:107px}}._footer__link_ekjrm_92{display:block;color:var(--text-secondary);text-decoration:none;transition:color .3s ease-in-out;font-family:Mont,sans-serif;font-weight:800;font-size:12px;line-height:11px;letter-spacing:.04em;text-transform:uppercase}@media (hover: hover){._footer__link_ekjrm_92:hover{color:var(--text-main)}}._footer__backText_ekjrm_109{color:var(--text-secondary);font-family:Mont,sans-serif;font-weight:700;font-size:12px;line-height:15px;transition:color .3s ease-in-out}@media (hover: hover){._footer__backText_ekjrm_109:hover{color:var(--text-main)}}._footer__backIcon_ekjrm_122{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);box-sizing:border-box;padding:8px;color:var(--text-main);transition:border-color .3s ease-in-out}._footer__backIcon_ekjrm_122:hover{border-color:var(--text-main)}._footer__backButton_ekjrm_137{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:fit-content;margin:0 auto;padding:0;gap:16px;height:auto}@media (min-width: 640px){._footer__backButton_ekjrm_137{margin:0}}._footer__backButton_ekjrm_137:hover ._footer__backIcon_ekjrm_122{border-color:var(--text-main)}._footer__backButton_ekjrm_137:hover ._footer__backText_ekjrm_109{color:var(--text-main)}._main_1x9o5_1{flex-grow:1;display:flex;flex-direction:column}._layout_1x9o5_7{display:flex;flex-direction:column;min-height:100vh}._fadeIn_kafks_28{flex-grow:1;animation:_fade-in-animation_kafks_1 .3s ease-in-out forwards;opacity:0}@keyframes _fade-in-animation_kafks_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--page-bg: #fff;--card-bg: #fff;--text-main: #313237;--text-secondary: #89939a;--border: #e2e6e9;--btn-bg: #313237;--btn-text: #fff;--icon-color: #b4bdc3;--accent: #313237}[data-theme=dark]{--page-bg: #0f1121;--card-bg: #161927;--text-main: #f1f2f9;--text-secondary: #75767f;--border: #3b3e4a;--btn-bg: #8970ef;--btn-text: #f1f2f9;--icon-color: #4a4d58;--accent: #8970ef}._loader_4vo2h_28{margin:20px;width:48px;height:48px;border:5px solid var(--border-light, #f3f3f3);border-top:5px solid var(--accent, #3498db);border-radius:50%;display:inline-block;box-sizing:border-box;animation:_spin_4vo2h_1 3s linear infinite}@keyframes _spin_4vo2h_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}