/*general*/
:root {
    --search-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M8.99996%2018C6.96075%2017.9998%204.98205%2017.3071%203.38798%2016.0354C1.7939%2014.7637%200.678964%2012.9883%200.225792%2011.0001C-0.227381%209.01185%200.00808072%206.92867%200.893606%205.09176C1.77913%203.25485%203.26222%201.77312%205.09994%200.889284C6.93766%200.00544429%209.02105%20-0.228106%2011.0089%200.22689C12.9967%200.681886%2014.771%201.79845%2016.0413%203.39369C17.3116%204.98893%2018.0024%206.96827%2018.0007%209.00748C17.999%2011.0467%2017.3049%2013.0249%2016.032%2014.618L19.707%2018.293C19.8891%2018.4816%2019.9899%2018.7342%2019.9876%2018.9964C19.9854%2019.2586%2019.8802%2019.5094%2019.6948%2019.6948C19.5094%2019.8802%2019.2586%2019.9854%2018.9964%2019.9877C18.7342%2019.99%2018.4816%2019.8892%2018.293%2019.707L14.618%2016.032C13.0242%2017.3089%2011.0422%2018.0033%208.99996%2018ZM8.99996%2016C10.8116%2016.0022%2012.553%2015.2997%2013.856%2014.041C13.9093%2013.9716%2013.9715%2013.9094%2014.041%2013.856C15.1605%2012.6936%2015.8441%2011.1801%2015.9758%209.57156C16.1076%207.96307%2015.6795%206.35845%2014.7641%205.02933C13.8486%203.70021%2012.502%202.72825%2010.9522%202.27797C9.40244%201.82769%207.74466%201.92676%206.25952%202.55841C4.77438%203.19006%203.55312%204.31548%202.80248%205.74416C2.05183%207.17285%201.81791%208.81703%202.14031%2010.3984C2.46271%2011.9797%203.32163%2013.4011%204.57167%2014.4219C5.82171%2015.4427%207.38608%2016.0002%208.99996%2016Z%27%2F%3E%3C%2Fsvg%3E");
    --user-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M10%2010C8.67392%2010%207.40215%209.47322%206.46447%208.53553C5.52678%207.59785%205%206.32608%205%205C5%203.67392%205.52678%202.40215%206.46447%201.46447C7.40215%200.526784%208.67392%200%2010%200C11.3261%200%2012.5979%200.526784%2013.5355%201.46447C14.4732%202.40215%2015%203.67392%2015%205C15%206.32608%2014.4732%207.59785%2013.5355%208.53553C12.5979%209.47322%2011.3261%2010%2010%2010ZM10%208C10.7956%208%2011.5587%207.68393%2012.1213%207.12132C12.6839%206.55871%2013%205.79565%2013%205C13%204.20435%2012.6839%203.44129%2012.1213%202.87868C11.5587%202.31607%2010.7956%202%2010%202C9.20435%202%208.44129%202.31607%207.87868%202.87868C7.31607%203.44129%207%204.20435%207%205C7%205.79565%207.31607%206.55871%207.87868%207.12132C8.44129%207.68393%209.20435%208%2010%208ZM18%2020C17.7348%2020%2017.4804%2019.8946%2017.2929%2019.7071C17.1054%2019.5196%2017%2019.2652%2017%2019V17C17%2016.2044%2016.6839%2015.4413%2016.1213%2014.8787C15.5587%2014.3161%2014.7956%2014%2014%2014H6C5.20435%2014%204.44129%2014.3161%203.87868%2014.8787C3.31607%2015.4413%203%2016.2044%203%2017V19C3%2019.2652%202.89464%2019.5196%202.70711%2019.7071C2.51957%2019.8946%202.26522%2020%202%2020C1.73478%2020%201.48043%2019.8946%201.29289%2019.7071C1.10536%2019.5196%201%2019.2652%201%2019V17C1%2015.6739%201.52678%2014.4021%202.46447%2013.4645C3.40215%2012.5268%204.67392%2012%206%2012H14C15.3261%2012%2016.5979%2012.5268%2017.5355%2013.4645C18.4732%2014.4021%2019%2015.6739%2019%2017V19C19%2019.2652%2018.8946%2019.5196%2018.7071%2019.7071C18.5196%2019.8946%2018.2652%2020%2018%2020Z%27%2F%3E%3C%2Fsvg%3E");
    --cart-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M7%206.66743V4.76229C7%204.00452%207.31607%203.2778%207.87868%202.74198C8.44129%202.20616%209.20435%201.90514%2010%201.90514C10.7956%201.90514%2011.5587%202.20616%2012.1213%202.74198C12.6839%203.2778%2013%204.00452%2013%204.76229V6.66743H7ZM4.9996%2010.4766H7V8.57143H13V10.4766H15.0004V8.57143H16.9996V18.096H3.0004V8.57143H4.9996V10.4766ZM1.9996%206.66743C1.73449%206.66743%201.48024%206.76773%201.29278%206.94626C1.10531%207.1248%201%207.36694%201%207.61943V19.048C1%2019.5737%201.4476%2020%201.9996%2020H18.0004C18.5524%2020%2019%2019.5737%2019%2019.048V7.61943C19%207.36694%2018.8947%207.1248%2018.7072%206.94626C18.5198%206.76773%2018.2655%206.66743%2018.0004%206.66743H15.0004V4.76229C15.0004%203.49925%2014.4736%202.28794%2013.5358%201.39484C12.5981%200.50174%2011.3262%200%2010%200C8.67381%200%207.40194%200.50174%206.46418%201.39484C5.52643%202.28794%204.9996%203.49925%204.9996%204.76229V6.66743H1.9996Z%27%2F%3E%3C%2Fsvg%3E");
    --menu-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%3E%3Cpath%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M3.75%206.75h16.5M3.75%2012h16.5m-16.5%205.25h16.5%27%2F%3E%3C%2Fsvg%3E");
    --close-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%3E%3Cpath%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M6%2018%2018%206M6%206l12%2012%27%2F%3E%3C%2Fsvg%3E");
    --verified-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20d%3D%27M21.5999%209.84C21.4314%209.57516%2021.2907%209.29368%2021.1799%209C21.0833%208.69822%2021.0228%208.38603%2020.9999%208.07C20.9867%207.30523%2020.7655%206.55849%2020.3599%205.91C19.8639%205.32195%2019.2176%204.87956%2018.4899%204.63C18.1929%204.51539%2017.9082%204.37133%2017.6399%204.2C17.4072%203.99967%2017.193%203.77878%2016.9999%203.54C16.5405%202.91626%2015.9175%202.43174%2015.1999%202.14C14.4733%201.9683%2013.7141%201.99246%2012.9999%202.21C12.3619%202.35993%2011.6979%202.35993%2011.0599%202.21C10.3332%201.9852%209.55921%201.96102%208.81988%202.14C8.09495%202.42855%207.46473%202.91334%206.99988%203.54C6.80048%203.77967%206.57956%204.00059%206.33988%204.2C6.07161%204.37133%205.78685%204.51539%205.48988%204.63C4.75857%204.87795%204.10863%205.32046%203.60988%205.91C3.21483%206.56153%203.00401%207.30806%202.99988%208.07C2.97693%208.38603%202.91651%208.69822%202.81988%209C2.70786%209.28678%202.56715%209.56151%202.39988%209.82C1.94901%2010.4627%201.68272%2011.2167%201.62988%2012C1.68629%2012.7764%201.95242%2013.523%202.39988%2014.16C2.571%2014.4162%202.71193%2014.6914%202.81988%2014.98C2.90689%2015.2897%202.95723%2015.6086%202.96988%2015.93C2.98203%2016.6949%203.20336%2017.4419%203.60988%2018.09C4.10588%2018.678%204.75219%2019.1204%205.47988%2019.37C5.77685%2019.4846%206.06161%2019.6287%206.32988%2019.8C6.56956%2019.9994%206.79048%2020.2203%206.98988%2020.46C7.44621%2021.0867%208.07011%2021.572%208.78988%2021.86C9.07192%2021.9458%209.36507%2021.9896%209.65988%2021.99C10.1115%2021.9756%2010.5605%2021.9153%2010.9999%2021.81C11.6368%2021.6508%2012.303%2021.6508%2012.9399%2021.81C13.6683%2022.0262%2014.4409%2022.0469%2015.1799%2021.87C15.8997%2021.582%2016.5236%2021.0967%2016.9799%2020.47C17.1793%2020.2303%2017.4002%2020.0094%2017.6399%2019.81C17.9082%2019.6387%2018.1929%2019.4946%2018.4899%2019.38C19.2176%2019.1304%2019.8639%2018.688%2020.3599%2018.1C20.7664%2017.4519%2020.9877%2016.7049%2020.9999%2015.94C21.0125%2015.6186%2021.0629%2015.2997%2021.1499%2014.99C21.2619%2014.7032%2021.4026%2014.4285%2021.5699%2014.17C22.0297%2013.5333%2022.3064%2012.7828%2022.3699%2012C22.3135%2011.2236%2022.0473%2010.477%2021.5999%209.84ZM16.7099%2010.71L11.7099%2015.71C11.6169%2015.8037%2011.5063%2015.8781%2011.3845%2015.9289C11.2626%2015.9797%2011.1319%2016.0058%2010.9999%2016.0058C10.8679%2016.0058%2010.7372%2015.9797%2010.6153%2015.9289C10.4934%2015.8781%2010.3828%2015.8037%2010.2899%2015.71L7.28988%2012.71C7.19664%2012.6168%207.12268%2012.5061%207.07222%2012.3842C7.02176%2012.2624%206.99579%2012.1319%206.99579%2012C6.99579%2011.7337%207.10158%2011.4783%207.28988%2011.29C7.47819%2011.1017%207.73358%2010.9959%207.99988%2010.9959C8.26618%2010.9959%208.52158%2011.1017%208.70988%2011.29L10.9999%2013.59L13.1449%2011.44L15.2899%209.29C15.4782%209.10169%2015.7336%208.99591%2015.9999%208.99591C16.2662%208.99591%2016.5216%209.10169%2016.7099%209.29C16.8982%209.4783%2017.004%209.7337%2017.004%2010C17.004%2010.2663%2016.8982%2010.5217%2016.7099%2010.71Z%27%2F%3E%3C%2Fsvg%3E");
    --phone-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20fill%3D%27none%27%20viewBox%3D%270%200%2024%2024%27%20stroke-width%3D%271.5%27%20stroke%3D%27black%27%3E%3Cpath%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M2.25%206.75c0%208.284%206.716%2015%2015%2015h2.25a2.25%202.25%200%200%200%202.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97%201.293c-.282.376-.769.542-1.21.38a12.035%2012.035%200%200%201-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963%203.102a1.125%201.125%200%200%200-1.091-.852H4.5A2.25%202.25%200%200%200%202.25%204.5v2.25Z%27%2F%3E%3C%2Fsvg%3E");
    --mail-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20fill%3D%27none%27%20viewBox%3D%270%200%2024%2024%27%20stroke-width%3D%271.5%27%20stroke%3D%27black%27%3E%3Cpath%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M21.75%206.75v10.5a2.25%202.25%200%200%201-2.25%202.25h-15a2.25%202.25%200%200%201-2.25-2.25V6.75m19.5%200A2.25%202.25%200%200%200%2019.5%204.5h-15a2.25%202.25%200%200%200-2.25%202.25m19.5%200v.243a2.25%202.25%200%200%201-1.07%201.916l-7.5%204.615a2.25%202.25%200%200%201-2.36%200L3.32%208.91a2.25%202.25%200%200%201-1.07-1.916V6.75%27%2F%3E%3C%2Fsvg%3E");
    --chevron-right-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%3E%3Cpath%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27m8.25%204.5%207.5%207.5-7.5%207.5%27%2F%3E%3C%2Fsvg%3E");
    --chevron-down-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%3E%3Cpath%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27m19.5%208.25-7.5%207.5-7.5-7.5%27%2F%3E%3C%2Fsvg%3E");
    --user-avatar-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2031%2031%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%271.5%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M20.46%2011.7799C20.46%2014.5192%2018.2393%2016.7399%2015.5%2016.7399C12.7608%2016.7399%2010.54%2014.5192%2010.54%2011.7799C10.54%209.04061%2012.7608%206.81995%2015.5%206.81995C16.8156%206.81995%2018.0771%207.34252%2019.0073%208.27269C19.9375%209.20288%2020.46%2010.4645%2020.46%2011.7799Z%27%2F%3E%3Cpath%20stroke-linecap%3D%27round%27%20d%3D%27M6.82007%2024.1799C12.137%2020.8826%2018.8631%2020.8826%2024.1801%2024.1799%27%2F%3E%3C%2Fsvg%3E");
    --size-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2016%2017%27%3E%3Cpath%20d%3D%27M7.99485%202.502L3.41385%205.249L7.99385%207.996L12.5759%205.249L7.99485%202.502ZM8.38485%200.985004L14.9619%204.931C15.0176%204.96427%2015.0637%205.01143%2015.0958%205.06787C15.1278%205.12431%2015.1446%205.1881%2015.1446%205.253C15.1446%205.31791%2015.1278%205.3817%2015.0958%205.43814C15.0637%205.49458%2015.0176%205.54174%2014.9619%205.575L7.99985%209.753L1.03485%205.575C0.979121%205.54174%200.932979%205.49458%200.900937%205.43814C0.868895%205.3817%200.852051%205.31791%200.852051%205.253C0.852051%205.1881%200.868895%205.12431%200.900937%205.06787C0.932979%205.01143%200.979121%204.96427%201.03485%204.931L7.61185%200.985004C7.72856%200.914825%207.86217%200.877747%207.99835%200.877747C8.13453%200.877747%208.26814%200.914825%208.38485%200.985004ZM14.0609%207.878L14.9619%208.418C15.0176%208.45127%2015.0637%208.49843%2015.0958%208.55487C15.1278%208.61131%2015.1446%208.6751%2015.1446%208.74C15.1446%208.80491%2015.1278%208.8687%2015.0958%208.92514C15.0637%208.98158%2015.0176%209.02874%2014.9619%209.062L7.99985%2013.24L1.03485%209.062C0.979349%209.02868%200.93342%208.98155%200.901532%208.92522C0.869645%208.86888%200.852886%208.80524%200.852886%208.7405C0.852886%208.67577%200.869645%208.61213%200.901532%208.55579C0.93342%208.49945%200.979349%208.45233%201.03485%208.419L1.93585%207.878L7.99985%2011.515L14.0609%207.878ZM14.9619%2011.944C15.0176%2011.9774%2015.0637%2012.0247%2015.0957%2012.0812C15.1277%2012.1377%2015.1445%2012.2015%2015.1445%2012.2665C15.1445%2012.3315%2015.1277%2012.3953%2015.0957%2012.4518C15.0637%2012.5083%2015.0176%2012.5556%2014.9619%2012.589L8.38485%2016.54C8.26814%2016.6102%208.13453%2016.6473%207.99835%2016.6473C7.86217%2016.6473%207.72856%2016.6102%207.61185%2016.54L1.03485%2012.588C0.979136%2012.5546%200.933024%2012.5073%200.901007%2012.4508C0.868991%2012.3943%200.852163%2012.3305%200.852163%2012.2655C0.852163%2012.2005%200.868991%2012.1367%200.901007%2012.0802C0.933024%2012.0237%200.979136%2011.9764%201.03485%2011.943L1.93585%2011.402L7.99985%2015.046L14.0619%2011.403L14.9619%2011.944Z%27%2F%3E%3C%2Fsvg%3E");
    --location-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20512%20512%27%3E%3Cpath%20d%3D%27M256%200C153.8%200%2070.6%2083.2%2070.6%20185.4c0%20126.9%20165.9%20313.2%20173%20321%206.6%207.4%2018.2%207.4%2024.8%200%207.1-7.9%20173-194.1%20173-321C441.4%2083.2%20358.2%200%20256%200zm0%20278.7c-51.4%200-93.3-41.9-93.3-93.3S204.6%2092.1%20256%2092.1s93.3%2041.9%2093.3%2093.3-41.9%2093.3-93.3%2093.3z%27%2F%3E%3C%2Fsvg%3E");
    --clock-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2097.16%2097.16%27%3E%3Cpath%20d%3D%27M48.58%200C21.79%200%200%2021.79%200%2048.58s21.79%2048.58%2048.58%2048.58%2048.58-21.79%2048.58-48.58S75.37%200%2048.58%200zm0%2086.82c-21.09%200-38.24-17.15-38.24-38.24s17.15-38.24%2038.24-38.24%2038.24%2017.15%2038.24%2038.24-17.16%2038.24-38.24%2038.24z%27%2F%3E%3Cpath%20d%3D%27M73.9%2047.08H52.07V20.83a4%204%200%200%200-8%200v30.25a4%204%200%200%200%204%204H73.9a4%204%200%200%200%200-8z%27%2F%3E%3C%2Fsvg%3E");
    --card-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20576%20512%27%3E%3Cpath%20d%3D%27M527.9%2032H48.1C21.5%2032%200%2053.5%200%2080v352c0%2026.5%2021.5%2048%2048.1%2048h479.8c26.6%200%2048.1-21.5%2048.1-48V80c0-26.5-21.5-48-48.1-48zM54.1%2080h467.8c3.3%200%206.1%202.7%206.1%206v42H48V86c0-3.3%202.8-6%206.1-6zM522%20432H54.1c-3.3%200-6.1-2.7-6.1-6V224h480v202c0%203.3-2.8%206-6%206z%27%2F%3E%3C%2Fsvg%3E");
    --car-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20512%20512%27%3E%3Cpath%20d%3D%27M499.99%20176h-59.87L411.99%2054.01C406.99%2031.78%20387.21%2016%20364.42%2016H147.58c-22.79%200-42.57%2015.78-47.57%2038.01L71.88%20176H12.01C4.2%20176-1.53%20183.34.37%20190.91l6%2024C7.7%20220.22%2012.48%20224%2017.96%20224h29.49C35.82%20237.21%2029%20254.45%2029%20273.07V400c0%2026.51%2021.49%2048%2048%2048h16c26.51%200%2048-21.49%2048-48v-16h230v16c0%2026.51%2021.49%2048%2048%2048h16c26.51%200%2048-21.49%2048-48V273.07c0-18.62-6.82-35.86-18.45-49.07h29.49c5.48%200%2010.26-3.78%2011.59-9.09l6-24c1.9-7.57-3.83-14.91-11.64-14.91zM147.58%2064h216.84l25.85%20112H121.73l25.85-112zM128%20328c-22.09%200-40-17.91-40-40s17.91-40%2040-40%2040%2017.91%2040%2040-17.91%2040-40%2040zm256%200c-22.09%200-40-17.91-40-40s17.91-40%2040-40%2040%2017.91%2040%2040-17.91%2040-40%2040z%27%2F%3E%3C%2Fsvg%3E");
    --tram-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20484.5%20484.5%27%3E%3Cpath%20d%3D%27M38.25%20357c0%2022.95%2010.2%2043.35%2025.5%2056.1V459c0%2015.3%2010.2%2025.5%2025.5%2025.5h25.5c15.3%200%2025.5-10.2%2025.5-25.5v-25.5h204V459c0%2015.3%2010.2%2025.5%2025.5%2025.5h25.5c15.3%200%2025.5-10.2%2025.5-25.5v-45.9c15.3-12.75%2025.5-33.15%2025.5-56.1V102c0-89.25-91.8-102-204-102s-204%2012.75-204%20102v255zm89.25%2025.5c-20.4%200-38.25-17.85-38.25-38.25S107.1%20306%20127.5%20306s38.25%2017.85%2038.25%2038.25-17.85%2038.25-38.25%2038.25zm229.5%200c-20.4%200-38.25-17.85-38.25-38.25S336.6%20306%20357%20306s38.25%2017.85%2038.25%2038.25-17.85%2038.25-38.25%2038.25zm38.25-153h-306V102h306v127.5z%27%2F%3E%3C%2Fsvg%3E");    --icon-color: #000;
    --info-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20fill%3D%27none%27%20viewBox%3D%270%200%2024%2024%27%20stroke-width%3D%271.7%27%20stroke%3D%27white%27%3E%3Cpath%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27m11.25%2011.25.041-.02a.75.75%200%200%201%201.063.852l-.708%202.836a.75.75%200%200%200%201.063.853l.041-.021M21%2012a9%209%200%201%201-18%200%209%209%200%200%201%2018%200Zm-9-3.75h.008v.008H12V8.25Z%27%2F%3E%3C%2Fsvg%3E");
    --icon-size: 20px;

    --template-font: Inter, sans-serif;
    --template-headings-font: "Inter Tight", sans-serif;

    --text-muted: #767676;
    --text-dark: #000;
    --text-light: #fff;

    --muted-bg: #F6F6F6;
    --dark-bg: #1A1717;
    --dark-bg-text-muted: #A5A5A5;
    --dark-border-color: #7B7B7B;

    --brand-muted-bg: #D4F0F7;
    --brand-border-color: #BFE8F3;
    --border-color: #E8E8E8;

    --colors-surface-rating: #F8B100;

    --font-size-sm: 18px;
    --font-size-md: 22px;
    --font-size-lg: 32px;

    --radius-sm: 4px;
}
@media (max-width: 768px) {
:root {
    --font-size-lg: 26px;
    --font-size-md: 20px;
}}

@keyframes fadeInPage {
0% {
    opacity: 0;
}}
body {
    animation: fadeInPage 0.3s ease-out forwards;
}
.form-control {
    border-radius: 0;
    font-size: 15px;
}
@media (max-width: 767px) {
.overall-wrapper {
    padding-top: 50px;
}}
/*headings*/
.h4.homepage-group-title, h4.homepage-group-title, h2.products-related-header {
    text-align: center;
    color: var(--text-dark);
    font-size: var(--font-size-md);
    font-weight: 600;
    font-family: var(--template-headings-font);
    margin-bottom: 20px;
}
/*btns*/
.btn.btn-secondary, a.btn.btn-secondary {
    background-color: #fff;
    border: solid 1px var(--color-primary);
    border-radius: calc(var(--radius-sm) / 2);
    text-decoration: none;
    font-weight: 600;
    text-transform: none;
    font-size: 14px;
    font-family: var(--template-font);
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn.btn-primary, a.btn.btn-primary {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    border-radius: calc(var(--radius-sm) / 2);
    text-decoration: none;
    font-weight: 600;
    text-transform: none;
    font-size: 14px;
    font-family: var(--template-font);
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}
button.loadMore__button {
    background-color: var(--color-primary) !important;
    color: var(--text-light) !important;
}
.login-widget a.btn.btn-conversion {
    font-weight: 600;
    text-transform: none;
    font-size: 14px;
    font-family: var(--template-font);
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius-sm) / 2);
    text-decoration: none;
}
.p-bottom.single-button .btn.btn-primary:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--colors-foregrounds-content-inverted);
}
.btn.btn-primary:hover, a.btn.btn-primary:hover {
    background-color: #fff;
    border-color: var(--color-primary);
    color: var(--color-primary);
}
/*container*/
@media (min-width: 1500px) {
#header .container {
    width: 1478px;
    padding-inline: 0;
}
.products-block[class*="homepage-products"] {
    width: 1478px;
    margin-left: calc((100% - 1478px) / 2);
    margin-right: calc((100% - 1478px) / 2);
}}
@media (min-width: 1600px) {
#header .container {
    width: 1570px;
    padding-inline: 0;
}
.products-block[class*="homepage-products"] {
    width: 1570px;
    margin-left: calc((100% - 1570px) / 2);
    margin-right: calc((100% - 1570px) / 2);
}}
@media (min-width: 1700px) {
#header .container {
    width: 1670px;
    padding-inline: 0;
}
.products-block[class*="homepage-products"] {
    width: 1670px;
    margin-left: calc((100% - 1670px) / 2);
    margin-right: calc((100% - 1670px) / 2);
}}
@media (min-width: 1820px) {
#header .container {
    width: 1785px;
    padding-inline: 0;
}
.products-block[class*="homepage-products"] {
    width: 1785px;
    margin-left: calc((100% - 1785px) / 2);
    margin-right: calc((100% - 1785px) / 2);
}}


/*header*/
.top-nav-button-login span,
a.top-nav-button.top-nav-button-account > span {
    display: none;
}
a.top-nav-button.top-nav-button-account {
    display: block;
}
.top-nav-button-login {
    padding: 0;
    border: 0;
    line-height: 0;
}
#header .cart-count {
    line-height: 0;
}
.navigation-buttons {
    gap: 20px;
}
a.top-nav-button.top-nav-button-account,
.navigation-buttons a[data-target="search"] {
    padding: 0;
    height: unset;
    width: unset;
}
.navigation-buttons a[data-target="search"],
.navigation-buttons a[data-target="search"]:hover {
    background-color: transparent;
}
.header-top .btn.cart-count .cart-price {
    display: none !important;
}
.navigation-buttons a[data-target="search"]::before,
.navigation-buttons .top-nav-button::before,
.navigation-buttons [data-target="cart"]::before {
    content: "" !important;
    display: inline-block;
    width: var(--icon-size);
    height: var(--icon-size);
    background-color: var(--icon-color);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: var(--icon-size) var(--icon-size);
    mask-size: var(--icon-size) var(--icon-size);
    margin: 0 !important;
}
.navigation-buttons a[data-target="search"]::before {
    -webkit-mask-image: var(--search-icon);
    mask-image: var(--search-icon);
}
.navigation-buttons .top-nav-button-login::before,
.navigation-buttons .top-nav-button-account::before {
    -webkit-mask-image: var(--user-icon);
    mask-image: var(--user-icon);
}
.navigation-buttons [data-target="cart"]::before {
    -webkit-mask-image: var(--cart-icon);
    mask-image: var(--cart-icon);
}
.ordering-process .navigation-buttons>a[data-target=search] {
    display: block;
}
@media (min-width: 768px) {
.navigation-buttons a[data-target="search"] {
    display: block;
}}
@media (max-width: 767px) {
#header .cart-count {
    position: relative;
    inset: unset;
}
.navigation-buttons {
    gap: 0;
    right: 5px;
    position: absolute;
    text-align: left;
    top: -45px;
    transition: transform .15s;
}
#header .navigation-buttons > * {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
.scrolled-down body:not(.ordering-process):not(.search-window-visible) #header .cart-count,
.scrolled-down body:not(.ordering-process):not(.search-window-visible) #header .site-name,
.scrolled-down body:not(.ordering-process):not(.search-window-visible) .top-navigation-bar {
    transform: none;
}
html.scrolled-down body:not(.ordering-process):not(.search-window-visible):not(.navigation-window-visible) #header .navigation-buttons,
html.scrolled-down body:not(.ordering-process):not(.search-window-visible):not(.navigation-window-visible) .top-navigation-bar {
    transform: translateY(-150%) !important;
}
html.scrolled-down body:not(.ordering-process):not(.search-window-visible):not(.navigation-window-visible) #header .site-name {
    transform: translateX(-50%) translateY(-150%) !important;
}
.top-navigation-bar {
    height: 50px;
}
nav#navigation {
    top: 50px;
    height: calc(100% - 50px);
}
.navigation-close {
    display: none;
}
.navigation-buttons [data-target="navigation"]::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: var(--icon-color);
    -webkit-mask: var(--menu-icon) no-repeat center / contain;
    mask: var(--menu-icon) no-repeat center / contain;
}
.navigation-window-visible .navigation-buttons [data-target="navigation"]::before {
    -webkit-mask: var(--close-icon) no-repeat center / contain;
    mask: var(--close-icon) no-repeat center / contain;
}
.ordering-process .navigation-buttons>a[data-target=navigation] {
    position: relative;
}
.navigation-buttons a[data-target=navigation]:hover {
    background-color: transparent;
}
.ordering-process .site-name {
    display: block;
}
#header .navigation-buttons {
    pointer-events: none;
}
#header .navigation-buttons > * {
    pointer-events: auto;
}}

/*currency switcher*/
.navigation-buttons .top-navigation-tools.top-navigation-tools--language {
    border-left: solid 1px var(--border-color);
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.top-navigation-tools.top-navigation-tools--language .dropdown > span {
    display: none;
}
.navigation-buttons button#topNavigationDropdown {
    padding: 0;
    border: 0;
    background-color: transparent;
    color: var(--text-muted);
}

/*search*/
#header .search {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.search-window-visible #header .search {
    display: block;
}

/*reviews badge*/
.rating-badge {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 5px 10px;
    border-radius: var(--radius-sm);
    background-color: transparent;
    font-family: var(--template-font);
    flex: 0 0 fit-content !important;
}
.rating-badge__main {
    display: flex;
    align-items: center;
    gap: 5px;
}
.rating-badge__verified {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    background-color: var(--colors-surface-rating);
    -webkit-mask: var(--verified-icon) no-repeat center / contain;
    mask: var(--verified-icon) no-repeat center / contain;
}
.rating-badge__score {
    font-family: var(--template-headings-font);
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}
.rating-badge__value {
	color: var(--colors-surface-rating);
}
.rating-badge__max {
	color: var(--text-dark);
}
.rating-badge__caption {
    color: var(--text-dark);
    font-size: 12px;
    line-height: 1.2;
    padding-left: 29px;
}
@media (min-width: 768px) {
#header .site-name {
    width: fit-content;
}
.site-name-wrapper, .navigation-buttons, .header-top-bar {
    flex: 0 0 fit-content !important;
}
#header .site-name a img {
    max-height: 45px;
    height: 45px;
}
.top-navigation-bar-menu li:before {
    display: none;
}
.top-navigation-bar-menu {
    font-size: 14px !important;
    text-transform: none;
    margin-left: 40px;
}
.top-navigation-bar-menu li a {
    color: var(--text-muted);
}
.top-navigation-bar-menu li:first-child > a {
    padding-left: 0;
}
.header-top-bar {
    display: flex;
    align-items: center;
}
.top-navigation-bar {
    display: none;
}
.header-top-bar__phone {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    column-gap: 10px;
    font-family: var(--template-headings-font);
}
.header-top-bar__phone::before {
    content: "";
    grid-column: 1;
    grid-row: 1 / 3;
    width: 24px;
    height: 24px;
    background-color: var(--icon-color);
    -webkit-mask: var(--phone-icon) no-repeat center / contain;
    mask: var(--phone-icon) no-repeat center / contain;
}
#header .project-phone {
	font-size: 16px;
    grid-column: 2;
    grid-row: 1;
    font-weight: 600;
    line-height: 1.1;
}
.header-top-bar__hours {
    grid-column: 2;
    grid-row: 2;
    color: var(--text-muted);
    font-size: 12px;
    line-height: 1.2;
}
#header .header-top {
    position: relative;
    display: flex;
    align-items: center;
}
#header .header-top .header-top-bar {
    order: 1;
}
#header .header-top .site-name-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#header .header-top .rating-badge {
    order: 2;
    margin-left: auto;
    margin-right: 40px;
}
#header .header-top {
    position: relative;
    display: flex;
    align-items: center;
}
#header .header-top .header-top-bar {
    order: 1;
}
#header .header-top .site-name-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#header .header-top .navigation-buttons {
    order: 3;
}
.navigation-buttons .top-navigation-tools.top-navigation-tools--language ul.dropdown-menu {
    left: auto;
    right: 0;
}}
/*phone nav contact*/
@media (max-width: 767px) {
.top-navigation-contacts {
    padding: 15px;
}
#header .navigation-in .top-navigation-contacts::before {
    content: none !important;
}
#header .navigation-in .top-navigation-contacts {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    font-family: var(--template-headings-font);
}
#header .navigation-in .top-navigation-contacts > strong {
    display: none;
}
#header .navigation-in .top-navigation-contacts .project-phone,
#header .navigation-in .top-navigation-contacts .project-email {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    column-gap: 10px;
    color: var(--text-dark) !important;
}
#header .navigation-in .top-navigation-contacts .project-phone::before,
#header .navigation-in .top-navigation-contacts .project-email::before {
    content: "";
    display: block;
    grid-column: 1;
    grid-row: 1 / 3;
    width: 24px;
    height: 24px;
    background-color: var(--icon-color);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    margin-right: 0;
}
#header .navigation-in .top-navigation-contacts .project-phone::before {
    -webkit-mask-image: var(--phone-icon);
    mask-image: var(--phone-icon);
}
#header .navigation-in .top-navigation-contacts .project-email::before {
    -webkit-mask-image: var(--mail-icon);
    mask-image: var(--mail-icon);
}
#header .navigation-in .top-navigation-contacts .project-phone > span,
#header .navigation-in .top-navigation-contacts .project-email > span {
    grid-column: 2;
    grid-row: 1;
    line-height: 1.1;
    font-size: 16px;
    font-weight: 600;
}
#header .navigation-in .top-navigation-contacts .header-top-bar__hours {
    grid-column: 2;
    grid-row: 2;
    color: var(--text-muted);
    font-size: 12px;
    line-height: 1.2;
}
.navigation-in a {
    color: var(--text-dark);
}}
#header .project-phone:hover, #header .project-email:hover {
    text-decoration: underline;
    color: var(--text-dark);
}

@media (min-width: 769px) and (max-width: 1199px) {
#header .header-top .header-top-bar .top-navigation-bar-menu {
    display: none;
}
#header .header-top .rating-badge .rating-badge__caption,
#header .header-top .rating-badge .stars {
    display: none;
}}
@media (min-width: 769px) and (max-width: 991px) {
#header .header-top .rating-badge {
    display: none;
}
#header .header-top .navigation-buttons {
    margin-left: auto;
}}
/*navigation*/
@media (min-width: 768px) {
#navigation {
    height: 49px;
    margin-top: -20px;
}
.navigation-in>ul>li>a {
    padding-bottom: 17px;
    padding-top: 17px;
}
.fitted .navigation-in ul.menu-level-1 {
    justify-content: center;
}
.navigation-in>ul>li>a {
    color: #000;
}
.navigation-in>ul>li {
    border: 0;
}
.navigation-in {
    background-color: transparent;
}
.navigation-in>ul>li.ext>a>span {
    display: inline-block;
}
.top-navigation-bar-menu li a:hover {
    text-decoration: underline;
}
.navigation-in>ul>li.ext>ul>li>div>ul>li {
    display: block;
}
.navigation-in>ul>li.ext>ul>li>div>a {
    font-size: 16px;
    font-weight: 600;
    font-family: var(--template-headings-font);
    color: var(--text-dark);
}
.navigation-in .has-third-level div>ul a {
    color: var(--text-muted);
}
ul.menu-level-3 li {
    font-size: 0;
}
ul.menu-level-3 li a {
    font-size: 14px;
}
.has-more-items .more-items-trigger:before {
    content: "Další kategorie";
    font-size: 14px;
}
.has-more-items .more-items-trigger:after {
    display: none;
}
.has-more-items .more-items-trigger {
    width: auto;
    right: auto;
    left: 0;
    bottom: 0;
}
.navigation-in>ul>li.ext>ul>li>div>ul {
    max-height: 156px;
    padding-bottom: 21px;
}
.submenu-visible .navigation-in>ul>li.ext.exp>ul {
    align-items: flex-start;
}
.navigation-in>ul>li.ext>ul>li {
    align-items: flex-start;
}
ul.menu-level-2 {
    padding-top: 20px;
}
.navigation-in>ul>li.ext>ul>li>a {
    padding: 5px 20px;
}
.has-more-items .more-items-trigger {
    display: none;
}
.navigation-in .has-third-level div>ul a:hover {
    color: var(--text-muted);
    text-decoration: underline;
}
.menu-helper-visible .menu-helper:after {
    content: "";
    width: 32px;
    height: 32px;
    cursor: pointer;
    background-color: var(--icon-color);
    -webkit-mask: var(--close-icon) no-repeat center / contain;
    mask: var(--close-icon) no-repeat center / contain;
}
.menu-helper>ul {
    top: calc(50% + 24px);
}
#navigation .menu-level-1 > li > a {
    position: relative;
}
#navigation .menu-level-1 > li > a::after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 12px;
    height: 1px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .25s ease;
}
#navigation .menu-level-1 > li > a:hover::after {
    transform: scaleX(1);
}
.navigation-in>ul>li>a:hover {
    background-color: transparent;
}}
.menu-helper:after {
    line-height: 49px;
}
.menu-helper {
    height: 49px;
    top: 78px;
}
.menu-helper:after, .menu-trigger:after {
    background-color: transparent;
    color: #000;
}
.navigation-in {
    font-size: 15px;
    line-height: 15px;
    font-family: var(--template-headings-font);
}
.navigation-in ul li a b {
    font-weight: 600;
}
.submenu-arrow {
    padding-left: 5px;
}
@media (max-width: 768px) {
.navigation-buttons {
    width: calc(100% - 10px);
}
.navigation-buttons a[data-target=navigation] {
    order: 1;
}
.navigation-buttons a[data-target="search"] {
    order: 2;
    margin-right: auto;
}
.top-nav-button-login, .top-nav-button-account {
    order: 3;
}
.navigation-buttons a[data-target="cart"] {
    order: 4;
}
#header .site-name {
    left: 50%;
    transform: translateX(-50%);
}
#navigation {
    right: auto;
    left: 0;
}
.search {
    background-color: #fff;
    padding-top: 0 !important;
    padding-bottom: 10px !important;
}
input[type=search].form-control {
    border-color: var(--border-color);
    font-size: 14px;
    margin: 0 auto;
    padding: 10px;
    border-radius: 0;
    height: 36px;
    border-right: solid 1px var(--border-color);
}
#header input[type=search].form-control {
    width: calc(100% - 20px);
}
.search .compact-form .btn {
    border-radius: 0;
    height: 36px;
    padding: 0;
    position: absolute;
    top: 0;
    font-size: 0;
    width: 36px;
    background-color: transparent !important;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#header .search .compact-form .btn {
    right: 10px;
}
.search .compact-form .btn::before {
    -webkit-mask-image: var(--search-icon);
    mask-image: var(--search-icon);
    content: "" !important;
    display: inline-block;
    width: var(--icon-size);
    height: var(--icon-size);
    background-color: var(--icon-color);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: var(--icon-size) var(--icon-size);
    mask-size: var(--icon-size) var(--icon-size);
    margin: 0 !important;
}}
.search-window-visible .navigation-buttons a[data-target="search"]::before {
    -webkit-mask-image: var(--close-icon);
    mask-image: var(--close-icon);
    mask-size: 30px 30px;
}
@media (min-width: 767px) {
#header .navigation-buttons {
    position: relative;
    z-index: 50;
}
#header .search {
    display: block;
    position: absolute;
    top: 50%;
    right: 150px;
    left: auto;
    transform: translateY(-50%);
    width: 0;
    max-width: calc(100% - 170px);
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transition: width .32s ease, opacity .2s ease;
    z-index: 40;
}
.search-window-visible #header .search {
    width: 360px;
    opacity: 1;
    pointer-events: auto;
}
#header .rating-badge {
    transition: opacity .2s ease;
}
.search-window-visible #header .rating-badge {
    opacity: 0;
    pointer-events: none;
}
#header .search .search-form,
#header .search fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    display: flex;
    width: 100%;
    min-width: 0;
    position: relative;
}
#header .search .search-input {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    border: 1px solid var(--border-color);
    border-radius: 0;
    padding: 0 30px 0 10px;
    height: 36px;
}
#header .search button[type="submit"] {
    display: none;
}}
@media (max-width: 768px) {
.top-navigation-contacts a>span {
    display: block;
}}

/*better menu phone*/
@media (max-width: 768px) {
nav#navigation {
    top: 50px;
    height: calc(100% - 50px);
}
.navigation-window-visible #navigation {
    width: 100%;
    display: block;
}
.navigation-in {
    display: flex;
    flex-direction: column;
}
#navigation .navigation-in ul li {
    text-decoration: none !important;
}
.navigation-in>ul>li {
    border-color: var(--border-color);
}
#navigation .menu-level-1>li>a, #navigation .navigationActions>li>a {
    padding-right: 50px;
    position: relative;
    transition: 0s;
}
.navigation-in>ul>li>a {
    text-decoration: none;
    padding: 16px 15px;
    border: none;
}
#navigation .navigation-in ul li>a>b {
    padding: 0;
    text-decoration: none;
}
#navigation .menu-level-1>li>a .submenu-arrow, #navigation .navigationActions>li>a .submenu-arrow {
    width: 48px;
    height: 48px;
    line-height: 48px;
    display: block;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transform: translate(0);
}
#navigation .submenu-arrow:after {
    content: "";
    width: 16px;
    height: 16px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23222222' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m8.25 4.5 7.5 7.5-7.5 7.5'/%3E%3C/svg%3E");
		transition: 0s;
}
.navigation-in>ul>li.ext.exp>a {
    padding-left: 48px;
    padding-right: 100px !important;
    margin-bottom: 0px;
    background-color: var(--border-color);
    border-bottom: 1px solid var(--border-color);
}
#navigation .menu-level-1>li.ext.exp>a b {
    color: #000;
}
#navigation .menu-level-1>li.ext.exp>a .submenu-arrow, #navigation ul.navigationActions li.ext.exp .submenu-arrow {
    left: 0;
}
#navigation .menu-level-1>li.ext.exp>a b::after {
    content: "Do kategorie";
    margin-left: auto;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    right: 24px;
    text-transform: none;
}
.navigation-in ul.menu-level-2 {
    margin-bottom: 0px;
}
.navigation-in ul.menu-level-2 li {
    position: relative;
    margin-bottom: 0px;
    min-height: 0px;
    display: flex;
    align-items: center;
    padding: 5px 15px;
    border-bottom: 1px solid var(--border-color);
}
.navigation-in a.menu-image {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 0px;
    flex: 0 0 32px;
    padding: 0 !important;
}
.navigation-in a.menu-image img {
    width: 32px;
    height: 32px;
    object-fit: cover;
}
#navigation .navigation-in ul li>div {
    width: 100%;
}
.navigation-in ul.menu-level-2 li a:not(.menu-image) {
    color: #000;
    position: relative;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 0;
    padding-left: 10px;
    font-size: 14px;
    text-decoration: none;
}
.navigation-in ul.menu-level-2 li a:not(.menu-image)>span {
    text-decoration: none;
}
.navigation-in:has(li.ext.exp)>ul>li:not(.exp) {
    display: none;
}
.navigation-close {
    padding: 0;    
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
}
.navigation-close:before {
    content: "";
    height: 16px;
    line-height: 16px;
    width: 16px;
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23222222' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 18 18 6M6 6l12 12'/%3E%3C/svg%3E");
}
.navigationActions__flagWrapper {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    line-height: 14px !important;
}
.navigationActions__flagWrapper .shp-flag {
    height: 16px;
    width: 16px;
    margin-left: 5px;
}
ul.navigationActions>li>a>span {
    padding: 0;
}
#navigation ul.navigationActions li.ext.exp > a > .navigationActions__flagWrapper > span {
    font-weight: 600;
    color: #000;
}
ul.navigationActions__submenu.menu-level-2 li {
    display: block;
}
.navigationActions__submenu__item--active:before {
    content: "";
    width: 16px;
    height: 16px;
		left: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23222222' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m4.5 12.75 6 6 9-13.5'/%3E%3C/svg%3E");
    background-color: transparent;
}
.navigation-in .navigationActions__submenu.menu-level-2 > li {
    padding-left: 0;
    padding-right: 0;
    border-bottom: none;
}
.navigation-in .navigationActions__submenu.menu-level-2 li a.navigationActions__link--flag {
    margin-left: 10px;
}
.navigation-close {
    display: none;
}
.navigation-window-visible .responsive-tools>a[data-target=navigation]:before {
    content: "\e912";
    font-size: 12px;
}
.navigation-in>ul>li.ext.exp>ul {
		display: block;
}
.navigation-in>ul>li.ext.exp>a .submenu-arrow::after {
    transform: rotate(180deg);
}}

/*menu promo*/
.anq-menu-promo {
    display: none;
}
@media (min-width: 992px) {
.menu-level-2.anq-has-promo {
    padding-right: 25% !important;
    min-height: 330px !important;
    align-content: flex-start !important;
    background: #fff;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .10);
    box-sizing: border-box;
}
.menu-level-2.anq-has-promo > li:not(.anq-menu-promo) {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
}
.menu-level-2.anq-has-promo > li.anq-menu-promo {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    width: 25% !important;
    height: auto !important;
    margin: 0 !important;
    background: hsl(var(--color-primary-h) var(--color-primary-s) var(--color-primary-l) / .06);
    border-left: 1px solid var(--border-color, #EAEAEA);
}
.anq-menu-promo > a {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 100%;
    padding: 20px 22px !important;
    gap: 10px;
    text-decoration: none;
    box-sizing: border-box;
}
.anq-menu-promo__label {
    align-self: flex-start;
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .08em;
    color: var(--color-primary);
    background: #fff;
    border: 1px solid var(--color-primary);
    padding: 3px 9px;
}
.anq-menu-promo__imgwrap {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 135px;
}
.anq-menu-promo__imgwrap img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain;
    mix-blend-mode: multiply;
}
.anq-menu-promo__name {
    flex: 0 0 auto;
    font-size: 14px;
    line-height: 1.35;
    color: var(--text-dark, #000);
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.anq-menu-promo__price {
    flex: 0 0 auto;
    font-size: 19px;
    font-weight: 600;
    color: var(--color-primary);
}
.anq-menu-promo__btn {
    flex: 0 0 auto;
    display: block;
    width: 100%;
    margin-top: 2px;
    padding: 10px 12px;
    background: var(--color-primary);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    transition: filter .15s;
}
.anq-menu-promo > a:hover .anq-menu-promo__btn {
    filter: brightness(1.12);
}}
/*Login popup*/
.login-window-visible .user-action .user-action-in > div.user-action-login {
    position: fixed;
    left: 0;
    top: 0 !important;
    width: 100%;
    height: 100%;
    margin: 0;
    max-height: none;
    background-color: rgba(0, 0, 0, .5);
    z-index: 9999;
}

.popup-widget.login-widget::before {
    display: none;
}

.login-widget .popup-widget-inner {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 600px;
    height: auto !important;
    max-height: calc(100vh - 40px);
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    background-color: #fff;
    border: 0;
    box-shadow: none;
}

.login-widget .popup-widget-inner > div {
    width: 50%;
    padding: 20px;
    box-sizing: border-box;
}

.popup-widget h2,
.registration-container > h4 {
    margin: 0 0 22px;
    font-size: var(--font-size-sm);
    font-weight: 600;
}

.login-wrapper {
    padding-top: 8px;
    padding-bottom: 0;
    display: flex;
    align-items: center;
}
.login-wrapper .password-helper {
    float: none;
    text-align: center;
    text-align: end;
    margin-left: auto;
}
.login-wrapper .password-helper a {
    float: none;
    padding: 0 !important;
    color: var(--text-dark);
    text-decoration: underline;
}
.password-helper a:first-child {
    display: none;
}

.registration-container {
    border-left: 1px solid var(--border-color);
}
.registration-container p {
    margin-bottom: 12px !important;
    padding-left: 25px;
    font-size: 14px;
    color: var(--text-dark);
    background: var(--verified-icon) 0 50% / 18px no-repeat;
}

.login-popup-close {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-color: var(--icon-color);
    -webkit-mask: var(--close-icon) no-repeat center / contain;
    mask: var(--close-icon) no-repeat center / contain;
}
.login-widget a.btn.btn-conversion {
    display: flex;
    margin-top: 20px;
}
@media screen and (max-width: 767px) {
.login-widget .popup-widget-inner {
    width: calc(100% - 20px);
    max-height: calc(100% - 20px);
    overflow: auto;
}
.login-widget .popup-widget-inner > div {
    width: 100%;
    padding: 20px;
}
.login-widget .registration-container h4,
.login-widget .registration-container > p {
    display: none;
}
.login-widget .registration-container {
    padding-top: 0 !important;
}
.login-widget .registration-container::before {
    content: "Nemáte účet? Zaregistrujte se";
    display: block;
    padding-top: 20px;
    border-top: 1px solid var(--border-color);
    font-size: 15px;
    line-height: 1.2;
    color: var(--text-dark);
    text-align: center;
}
.login-wrapper {
    flex-direction: column;
}
.login-wrapper .btn {
    width: 100%;
}
.login-wrapper .password-helper {
    text-align: center;
    margin-left: 0;
    margin-top: 10px;
}
.popup-widget h2, .registration-container > h4 {
    padding-right: 20px;
}}
/*cart popup*/
@media (min-width: 992px) {
.popup-widget {
    margin-left: 38px;
}}
@media (min-width: 1200px) {
.popup-widget {
    margin-left: 140px;
}}
@media (min-width: 1440px) {
.popup-widget {
    margin-left: 260px;
}}
@media (min-width: 1500px) {
.popup-widget {
    margin-left: 290px;
}}
@media (min-width: 1600px) {
.popup-widget {
    margin-left: 335px;
}}
@media (min-width: 1700px) {
.popup-widget {
    margin-left: 385px;
}}
@media (min-width: 1820px) {
.popup-widget {
    margin-left: 443px;
}}
@media (max-width: 991px) {
.popup-widget.cart-widget {
    top: 126px;
}}
@media (max-width: 768px) {
.popup-widget.cart-widget {
    top: 0;
}}
@media (min-width: 992px) {
.popup-widget.cart-widget {
    top: 60px;
}}
@media (min-width: 768px) {
.popup-widget.cart-widget {
    position: fixed;
    z-index: 999;
}}
/*ECW*/
body.cart-window-visible-empty #cart-widget .loader-overlay,
#cart-widget[aria-hidden="false"] .loader-overlay {
    display: none;
}

.empty-cart-inner {
    padding: 20px;
    background-image: url(/user/documents/upload/repre-half-symbol.svg);
    background-repeat: no-repeat;
    background-position: 100% 20px;
    background-size: 80px;
}
.anq-ec-content {
    display: flex;
    flex-direction: column;
}

.anq-ec-content h3 {
    margin: 0;
    font-family: var(--template-headings-font);
    font-weight: 600;
    color: var(--color-primary);
    font-size: var(--font-size-md);
    margin-bottom: 5px;
}
.anq-ec-content > p {
    margin: 0;
    color: var(--text-muted);
    font-size: 14px;
    line-height: 1.45;
}

.anq-ecw-contact__contact-us {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 16px;
    padding-top: 16px;
}
.anq-contact-us-item {
    display: flex;
    align-items: center;
    gap: 10px;
}
.anq-contact-us-item::before {
    content: "";
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    background-color: var(--color-primary);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}
.anq-contact-us-item.anq-phone::before {
    -webkit-mask-image: var(--phone-icon);
    mask-image: var(--phone-icon);
}
.anq-contact-us-item.anq-mail::before {
    -webkit-mask-image: var(--mail-icon);
    mask-image: var(--mail-icon);
}
.anq-contact-us-link {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}
.anq-contact-us-link a {
    color: var(--text-dark);
    font-weight: 600;
    text-decoration: none;
    font-family: var(--template-headings-font);
}
.anq-contact-us-link a:hover {
    text-decoration: underline;
}
.anq-contact-us-link span {
    color: var(--text-muted);
    font-size: 13px;
}

.anq-ecw-menu {
    border-top: 1px solid var(--border-color);
    padding-top: 16px;
}
.anq-ecw-heading {
    display: block;
    margin-bottom: 10px;
    font-family: var(--template-headings-font);
    font-weight: 600;
    color: var(--color-primary);
    font-size: 16px;
}
.anq-ecw-menuitems {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.anq-ecw-menuitems a {
    display: inline-flex;
    padding: 6px 12px;
    background: var(--muted-bg);
    color: var(--text-dark);
    font-size: 13px;
    text-decoration: none;
    transition: background .15s, color .15s;
}
.anq-ecw-menuitems a:hover {
    background: var(--color-primary);
    color: var(--text-light);
}
.popup-widget.cart-widget:before {
		display: none;
}
@media (max-width: 768px) {
.empty-cart-inner {
    padding: 15px;
}}
/*carousel*/
.homepage-box.before-carousel {
    margin-top: 0;
    padding: 0;
    border: 0;
}
@media (min-width: 768px) {
.before-carousel .wide-carousel {
    width: min(100vw, 1920px);
    max-width: 1920px;
    margin-left: calc(50% - min(50vw, 960px));
    margin-right: calc(50% - min(50vw, 960px));
}
.before-carousel .wide-carousel #carousel,
.before-carousel .wide-carousel .carousel-inner,
.before-carousel .wide-carousel .carousel-item,
.before-carousel .wide-carousel .carousel-item img {
    width: 100% !important;
    max-width: 100% !important;
}
.before-carousel .wide-carousel .carousel-item img {
    height: auto;
    object-fit: cover;
}}
.extended-banner-link, .extended-banner-text, .extended-banner-title {
    position: relative;
    inset: unset;
    box-shadow: none;
    border: 0;
    background-color: transparent;
    padding: 0;
    margin: 0;
}
#carousel .extended-banner-texts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}
@media (min-width: 768px) {
#carousel .extended-banner-texts {
    max-width: 50%;
    height: fit-content;
    margin: auto 0;
    padding: 40px;
    width: fit-content;
}}
#carousel .extended-banner-title {
    color: var(--text-light);
    font-size: var(--font-size-lg);
    font-weight: 600;
    font-family: var(--template-headings-font);
}
#carousel .extended-banner-text {
    color: var(--text-light);
    font-size: 14px;
}
.extended-banner-text {
    max-width: 100%;
}
.extended-banner-link {
    height: 42px;
    background-color: var(--color-primary-hover);
    color: var(--text-light);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: fit-content;
    padding: 5px 30px;
    border-radius: calc(var(--radius-sm) / 2);
    font-size: 14px;
    font-weight: 500;
}
#carousel .extended-banner-link {
    background-color: transparent;
    border: solid 1px;
    margin-top: 10px;
    transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}
@media (max-width: 768px) {
#carousel .extended-banner-texts {
    margin: 0;
    margin-top: auto;
    padding: 20px;
    height: fit-content;
}
#carousel .extended-banner-text {
    font-size: 14px;
}}
/*USP*/
.benefitBanner__picture {
    flex: 0 0 30px;
    margin-right: 10px;
    max-width: 30px;
}
.benefitBanner__title {
    font-weight: 600;
    font-size: 15px;
    color: var(--text-dark);
}
.benefitBanner__data {
    color: var(--text-muted);
    font-size: 13px;
    max-width: 230px;
}
.benefitBanner.position--benefitHomepage::before {
    display: block;
    flex-basis: 100%;
    width: 100%;
    text-align: center;
    color: var(--text-dark);
    font-size: var(--font-size-md);
    font-weight: 600;
    font-family: var(--template-headings-font);
    margin-bottom: 20px;
    border-bottom: solid 1px var(--border-color);
    padding-bottom: 10px;
}
.benefitBanner.position--benefitHomepage .benefitBanner__item {
    justify-content: center;
}
@media (max-width: 768px) {
.benefitBanner {
    display: flex;
    flex-wrap: wrap;
}
.benefitBanner__item {
    flex: 1 1 50%;
}
.benefitBanner__item, .benefitBanner__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.benefitBanner__content {
    padding-right: 0;
    margin-inline: 10px;
}
.benefitBanner__picture {
    margin-right: 0;
}
.benefitBanner__data {
    font-size: 12px;
}
.benefitBanner__title {
    font-size: 14px;
}}

/*category banners - footer banners*/
.footer-banners .extended-banner-texts {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 5px;
    justify-content: flex-end;
    margin-bottom: 20px;
}
.footer-banners .extended-banner-title {
    font-size: var(--font-size-lg);
    font-family: var(--template-headings-font);
    font-weight: 600;
    color: var(--text-light);
}
.footer-banners .extended-banner-text {
    color: var(--text-light);
    font-size: 16px;
}
.footer-banners > .footer-banner {
    padding: 0;
}
@media (min-width: 768px) {
.banner-category a:hover img, .banner-footer a:hover img, .banner-wrapper a:hover img, .banners-content a:hover img, .footer-banner a:hover img {
    transform: scale(1.0);
}}
@media (min-width: 1500px) {
.footer-banners.banner-wrapper {
    width: 1478px;
    margin-left: calc((100% - 1478px) / 2);
    margin-right: calc((100% - 1478px) / 2);
}}
@media (min-width: 1600px) {
.footer-banners.banner-wrapper {
    width: 1570px;
    margin-left: calc((100% - 1570px) / 2);
    margin-right: calc((100% - 1570px) / 2);
}}
@media (min-width: 1700px) {
.footer-banners.banner-wrapper {
    width: 1670px;
    margin-left: calc((100% - 1670px) / 2);
    margin-right: calc((100% - 1670px) / 2);
}}
@media (min-width: 1820px) {
.footer-banners.banner-wrapper {
    width: 1785px;
    margin-left: calc((100% - 1785px) / 2);
    margin-right: calc((100% - 1785px) / 2);
}}
.footer-banners.banner-wrapper .footer-banner {
    position: relative;
    overflow: hidden;
    text-align: center;
}
.footer-banners.banner-wrapper .footer-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: var(--banner-bg);
    background-position: center;
    background-size: cover;
    filter: blur(24px);
    transform: scale(1.15);
    z-index: 0;
    pointer-events: none;
}
.footer-banners.banner-wrapper .footer-banner > a {
    position: relative;
    z-index: 1;
}

.footer-banners .footer-banner > a {
    overflow: hidden;
}
.footer-banners .footer-banner > a img {
    display: block;
    transition: transform .3s ease;
}
.footer-banners .footer-banner > a:hover img {
    transform: scale(1.06);
}


/*rating strip*/
.rating-strip {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    padding: 0 0 0 10px;
    border-left: 5px solid var(--colors-surface-rating);
    color: var(--text-light);
    font-family: var(--template-headings-font);
}
.rating-strip__value {
    font-size: 38px;
    font-weight: 600;
    line-height: 1;
}
.rating-strip__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}
.rating-strip .stars {
    display: inline-flex;
}
.rating-strip__caption {
    font-size: 14px;
    font-weight: 400;
    color: var(--text-light);
}
.rating-strip .star:before {
    font-size: 14px;
    line-height: 14px;
}
#carousel .rating-strip {
    margin-top: 20px;
}
@media (max-width: 768px) {
#carousel .rating-strip {
    margin-top: 10px;
}
#carousel .rating-strip__value {
    font-size: 32px;
}
#carousel .rating-strip__caption {
    font-size: 12px;
}}

/*hp product swiper*/
.products-block.anq-swiper-on {
    display: block !important;
    position: relative;
}
.products-block.anq-swiper-on > .swiper {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    margin: 0;
}
.products-block.anq-swiper-on .swiper-wrapper {
    display: flex;
}
.products-block.anq-swiper-on .product {
    max-width: none !important;
    flex: none !important;
    height: auto;
}
.swiper-button-next, .swiper-button-prev {
    width: 40px;
    height: 40px;
    border: solid 1px var(--icon-color);
    background-color: #fff;
}
.swiper-button-prev::after,
.swiper-button-next::after {
    font-size: 18px;
    color: var(--icon-color);
}
@media (max-width: 768px) {
.swiper-button-next, .swiper-button-prev {
    width: 30px;
    height: 30px;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 0;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 0;
}}
/*product block*/
.products-block.products .p .name {
    font-weight: 600;
    text-align: left;
}
.products-block .p {
    padding: 16px;
    transition: background-color 0.3s ease-out;
}
.products-block .p:hover {
    background-color: var(--muted-bg);
}
.products-block .p a.image img {
    mix-blend-mode: multiply;
}
.products-block .ratings-wrapper {
    min-height: unset;
}
.products-block .ratings-wrapper .availability {
    text-align: left;
    font-size: 12px;
}
.p-bottom.single-button .btn.btn-primary, div#productsAlternative .p-tools a.btn.btn-primary, .products-related .p-tools a.btn.btn-primary {
    border: solid 1px var(--color-primary);
    background-color: transparent;
    color: var(--color-primary);
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    border-radius: calc(var(--radius-sm) / 2);
}
.p .name:hover {
    color: var(--color-primary);
}
.products-block.products>div {
    border: 0;
}
.products-block .p-bottom>div {
    align-items: center;
}
.products-block .p-bottom .prices {
    margin-bottom: 0;
}
@media (max-width: 768px) {
.products-block .p {
    padding: 0;
    padding-bottom: 20px;
    border-bottom: solid 1px var(--border-color);
}
.products-block .p-bottom .prices {
    flex: 1 1 fit-content !important;
}
.products-block.products .p .price span, .products-block.products .p .price strong {
    font-size: 18px;
}
.p-bottom.single-button .btn.btn-primary {
    width: 100%;
}
.products-block .swiper-slide .p {
    padding: 10px !important; 
}}
/*welcome*/
.welcome .h1, .welcome div {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
}
.about-story {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 60px;
    align-items: start;
    color: var(--colors-foregrounds-content-secondary);
}
.about-story__title {
    margin: 0 0 28px;
    font-size: var(--font-size-lg);
    font-weight: 600;
}
.about-story__lead {
    margin: 0 0 24px;
    font-weight: 600;
    font-size: 16px;
}
.about-story__text {
    margin: 0 0 32px;
    font-size: 16px;
}
.about-story__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 48px;
}
.rating-inline {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none !important;
}
.rating-inline__info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}
.about-story__benefits-title {
    display: flex;
    align-items: center;
    gap: 24px;
    margin: 0 0 32px;
    font-weight: 600;
}
.about-story__benefits-title::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: currentColor;
}
.benefits-list {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.benefits-list__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
}
.benefits-list__item img {
    width: 38px;
    height: 38px;
    object-fit: contain;
}
.about-story__media img {
    display: block;
    width: 100%;
    height: auto;
}
@media (max-width: 991px) {
.about-story {
    grid-template-columns: 1fr;
    gap: 40px;
}
.benefits-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    row-gap: 28px;
}}
@media (max-width: 575px) {
.benefits-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.about-story__actions .rating-inline {
    margin-left: 0;
}}
.benefits-list__item > span {
    font-weight: 600;
    font-family: var(--template-headings-font);
    font-size: 13px;
    max-width: 80px;
}
@media (min-width: 992px) {
.about-story {
    width: min(100vw, 1920px);
    max-width: 1920px;
    margin-left: calc(50% - min(50vw, 960px));
    margin-right: calc(50% - min(50vw, 960px));
    gap: 0;
    grid-template-columns: 5.5fr 4.5fr;
}
.about-story__content {
    padding-block: 70px;
    padding-right: 60px;
    padding-left: 70px;
    background-color: var(--muted-bg);
    height: 100%;
}
.about-story__media img {
    padding-top: 40px;
}}
.homepage-box {
    background-color: transparent;
    border: 0;
}
.about-story {
    position: relative;
}

@media (min-width: 992px) {
.about-story::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: url(/user/documents/upload/repre-welcome-symbol.svg) no-repeat 58% center;
    background-size: contain;
    pointer-events: none;
}
.about-story__content > * {
    position: relative;
    z-index: 2;
}
.about-story__media {
    position: relative;
    z-index: 2;
}
p.about-story__lead {
    max-width: 550px;
}
.about-story__text {
    max-width: 675px;
}}
.rating-inline__value {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 24px;
    color: var(--colors-surface-rating);
    background-color: #FFF0CC;
    border: solid 1px #FFE5A3;
    border-radius: var(--radius-sm);
}
.rating-inline__caption {
    font-weight: 600;
}
a.rating-inline, a.rating-inline:hover {
    color: var(--text-dark);
}
@media (max-width: 992px) {
.homepage-box.welcome-wrapper {
    background-color: var(--muted-bg);
    background-image: url(/user/documents/upload/repre-welcome-symbol.svg);
    background-repeat: no-repeat;
    background-size: 300px;
    background-position-y: 4%;
    background-position-x: calc(100% - -150px);
}
.benefits-list__item {
    gap: 8px;
}}
@media (max-width: 768px) {
.homepage-box.welcome-wrapper .container {
    padding: 0;
}}
@media (min-width: 1300px) {
.homepage-box.welcome-wrapper .rating-inline {
    margin-left: auto;
}}
/*footer*/
.copyright, .copyright a {
    color: var(--dark-bg-text-muted);
}
#signature, #signature a {
    color: var(--dark-bg-text-muted) !important;
}
#signature img {
    margin-right: 8px;
    width: 17px;
}
footer#footer {
    background-color: var(--dark-bg);
}
#footer>.container {
    background-color: transparent;
}
@media (min-width: 1200px) {
#footer .site-name {
    display: none;
}
.custom-footer {
    padding-left: 0;
}}
#footer ul a, #footer ul a:hover {
    color: var(--dark-bg-text-muted);
}
#footer ul a:hover {
    text-decoration: underline;
}
#footer h3.pageElement__heading {
    color: var(--text-light);
    font-weight: 600;
    text-transform: none;
}
#footer .contact-box ul li>span.tel>a, #footer .contact-box ul li>span.mail>a {
    font-size: 16px;
    color: var(--text-light) !important;
    font-weight: 600;
}
#footer .contact-box ul li>span.tel:before, #footer .contact-box ul li>span.mail:before {
    display: none;
}
.socials-block > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border: solid 1px var(--dark-border-color);
    border-radius: calc(var(--radius-sm) / 2);
}
.socials-block {
    display: flex;
    gap: 5px;
    margin-top: 10px;
}
.socials-block > a::before {
    font-family: 'shoptet';
    font-size: 16px;
    color: var(--text-light);
}
.socials-block > a.facebook::before {
    content: "\e900";
}
.socials-block > a.twitter::before {
    content: "\e901";
}
.socials-block > a.instagram::before {
    content: "\e909";
}
.socials-block > a.youtube::before {
    content: "\e903";
}
#footer .contact-box ul li>span {
    padding-left: 0;
}
.contact-box ul li>span.mail::after {
    content: "Napište kdykoliv";
    display: block;
    color: var(--dark-bg-text-muted);
}
.contact-box ul li>span.tel::after {
    content: "Po-Pá (10-17 hod.)";
    display: block;
    color: var(--dark-bg-text-muted);
}
/*newsletter*/
h2.newsletter-banner__title {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--text-light);
}
section.newsletter-banner {
    display: flex;
    gap: 20px 40px;
    justify-content: space-between;
}
.newsletter-banner__text {
    color: var(--dark-bg-text-muted);
    max-width: 450px;
    margin-bottom: 0;
}
.newsletter-banner__texts {
    background-image: url(/user/documents/upload/newsletter-icon.svg);
    background-repeat: no-repeat;
    padding-left: 70px;
    background-size: 50px;
}
form#formNewsletterWidget button.btn.btn-default.btn-arrow-right {
    height: 50px;
    width: 50px;
    background-color: #fff;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
form#formNewsletterWidget input.form-control {
    height: 50px;
    background-color: #1F1C1C;
    border-color: var(--dark-border-color);
}
form#formNewsletterWidget button.btn.btn-default.btn-arrow-right::before {
    display: inline-block;
    content: "";
    width: 24px;
    height: 24px;
    background-color: var(--icon-color);
    -webkit-mask: var(--chevron-right-icon) no-repeat center / contain;
    mask: var(--chevron-right-icon) no-repeat center / contain;
}
form#formNewsletterWidget .form-group.js-validated-element-wrapper.consents.consents-first {
    margin-top: -10px;
    color: var(--dark-bg-text-muted);
}
form#formNewsletterWidget .form-group.js-validated-element-wrapper.consents.consents-first a {
    color: var(--dark-bg-text-muted);
}
@media (max-width: 992px) {
section.newsletter-banner {
    flex-direction: column;
    padding: 10px;
}
.newsletter-banner__texts {
    background-image: url(/user/documents/upload/newsletter-icon.svg);
    background-repeat: no-repeat;
    padding-left: 0;
    padding-right: 60px;
    background-size: 50px;
    background-position: top right;
}}

@media (min-width: 768px) {
section.newsletter-banner {
    padding: 40px 20px;
}}
.custom-footer {
    border-top: solid 1px #2D2A2A;
}
@media (min-width: 1500px) {
.homepage-blog-wrapper.blog-wrapper {
    width: 1478px;
    margin-left: calc((100% - 1478px) / 2);
    margin-right: calc((100% - 1478px) / 2);
}}
@media (min-width: 1600px) {
.homepage-blog-wrapper.blog-wrapper {
    width: 1570px;
    margin-left: calc((100% - 1570px) / 2);
    margin-right: calc((100% - 1570px) / 2);
}}
@media (min-width: 1700px) {
.homepage-blog-wrapper.blog-wrapper {
    width: 1670px;
    margin-left: calc((100% - 1670px) / 2);
    margin-right: calc((100% - 1670px) / 2);
}}
@media (min-width: 1820px) {
.homepage-blog-wrapper.blog-wrapper {
    width: 1785px;
    margin-left: calc((100% - 1785px) / 2);
    margin-right: calc((100% - 1785px) / 2);
}}
@media (min-width: 1200px) {
.blog-wrapper .news-item {
    flex-basis: 33.3333%;
    width: 33.3333%;
    padding: 0;
}}
.news-item .text .title {
    font-weight: 600;
    text-transform: none;
    font-size: 18px;
    line-height: 1.2;
}
.blog-wrapper .news-item .description {
    font-size: 14px;
    color: var(--text-muted);
}
.news-item .text {
    padding-inline: 40px;
}
a.btn.btn-secondary.blog-more-btn {
    margin-top: 40px;
}
.news-item > a:hover {
    color: var(--text-dark);
}
@media (max-width: 1200px) {
a.btn.btn-secondary.blog-more-btn {
    margin-inline: 20px;
    flex: 0 0 100%;
}}
@media (max-width: 768px) {
.news-item .text {
    padding-inline: 20px;
}
a.btn.btn-secondary.blog-more-btn {
    width: fit-content;
    margin-inline: auto !important;
}}
.custom-footer, .footer-bottom, .footer-links-icons {
    border-color: #2D2A2A;
}
/*marquee*/
.marquee {
    overflow: hidden;
    white-space: nowrap;
    width: min(100vw, 1920px);
    max-width: none;
    margin-left: calc(50% - min(50vw, 960px));
    margin-right: calc(50% - min(50vw, 960px));
}
.marquee__track {
    display: inline-flex;
    animation: marquee-scroll var(--marquee-duration, 30s) linear infinite;
}
.marquee:hover .marquee__track {
    animation-play-state: paused;
}
.marquee__group {
    display: inline-flex;
    flex: 0 0 auto;
}
.marquee__item {
    display: inline-block;
    padding: 12px 10px;
    font-family: var(--template-headings-font);
    font-weight: 600;
    font-size: 75px;
    color: var(--text-dark);
}
@keyframes marquee-scroll {
to {
  	transform: translateX(-50%);
}}
@media (prefers-reduced-motion: reduce) {
.marquee__track {
    animation: none;
}}
@media (max-width: 992px) {
.marquee__item {
    font-size: 32px;
}}
/*footer icons*/
.footer-icons {
    justify-content: flex-start;
    gap: 10px 20px;
}
.footer-icons .footer-icon {
    margin: 0;
}
@media (max-width: 768px) {
.footer-icons {
    justify-content: center;
}}
.homepage-blog-wrapper.row.blog-wrapper .homepage-group-title.h4 {
    margin-top: 0;
}
.custom-footer__instagram {
    margin-top: 40px;
}
@media (max-width: 767px) {
.custom-footer > div:has(.footer-banner.accordion) {
  	padding-top: 0;
  	padding-bottom: 0;
}
.custom-footer > div:has(.footer-banner.accordion) .banner-wrapper {
  	margin-top: 0;
}
.custom-footer > div {
  	width: 100%;
}
#footer .banner {
    min-height: unset;
    margin-bottom: 0;
}
.footer-banner.accordion {
  	padding-top: 20px;
  	padding-bottom: 20px;
  	border-top: solid 1px;
  	border-color: #2D2A2A;
}
.footer-banner.accordion .footer-banner__title {
  	margin: 0 !important;
  	display: flex;
  	justify-content: space-between;
  	gap: 20px;
  	padding-right: 10px;
  	align-items: center;
  	cursor: pointer;
}
.footer-banner.accordion .footer-banner__title::after {
  	content: "";
  	display: inline-block;
  	width: 20px;
  	height: 20px;
  	flex-shrink: 0;
  	background-color: currentColor;
  	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E") no-repeat center / contain;
  	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m19.5 8.25-7.5 7.5-7.5-7.5'/%3E%3C/svg%3E") no-repeat center / contain;
  	transition: transform 0.3s ease;
}
.footer-banner.accordion.is-open .footer-banner__title::after {
  	transform: rotate(180deg);
}
.footer-banner.accordion .footer-banner__content {
  	display: grid;
  	grid-template-rows: 0fr;
  	overflow: hidden;
  	opacity: 0;
  	margin-top: 0;
  	transition:
  	  grid-template-rows 0.3s ease,
  	  opacity 0.25s ease,
  	  margin-top 0.3s ease;
}
.footer-banner.accordion.is-open .footer-banner__content {
  	grid-template-rows: 1fr;
  	opacity: 1;
  	margin-top: 15px;
}
.footer-banner.accordion .footer-banner__list {
  	min-height: 0;
  	margin: 0;
  	overflow: hidden;
}
.custom-footer__contact {
    margin-top: 32px;
}
.custom-footer {
    border-top: 0;
}}

.instagram-widget {
    max-width: 100%;
}
.custom-footer__instagram h3.pageElement__heading {
    text-transform: none;
    text-align: center;
    color: var(--text-dark);
    font-size: var(--font-size-md);
    font-weight: 600;
    font-family: var(--template-headings-font);
}
.custom-footer__instagram h3.pageElement__heading a {
    text-decoration: underline;
    color: var(--text-dark) !important;
}
.instagram-widget.columns-4>a {
    padding-bottom: 12.5%;
    width: 12.5%;
}
@media (max-width: 992px) {
.instagram-widget.columns-4>a {
    padding-bottom: 25%;
    width: 25%;
}}
.instagram-follow-btn {
    display: none;
}
a.heureka-badge {
    display: block;
    margin-top: 20px;
}
.benefits-list.in-footer {
    position: relative;
    z-index: 0;
    padding: 28px 0;
}
.benefits-list.in-footer::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(50% - 50vw);
    width: 100vw;
    z-index: -1;
    background: #1F1C1C;
}
.benefits-list.in-footer .benefits-list__item > span {
    color: var(--dark-bg-text-muted);
}
.benefits-list.in-footer .benefits-list__item img {
    filter: contrast(0.25);
}
@media (max-width: 991px) {
.benefits-list.in-footer {
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: var(--dark-bg);
    display: flex;
    gap: 24px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    padding: 24px 20px;
    scrollbar-width: none;
}
.benefits-list.in-footer::-webkit-scrollbar {
    display: none;
}

.benefits-list.in-footer::before {
    display: none;
}
.benefits-list.in-footer .benefits-list__item {
    flex: 0 0 auto;
    min-width: 96px;
    scroll-snap-align: center;
}}

/*shop reviews*/
.reviews-section {
    width: 100%;
    margin: 60px 0;
}
.reviews-section__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 20px;
}

.review-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 24px;
    background: var(--muted-bg);
    border-radius: var(--radius-sm);
}

.review-card__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}
.review-card__icon {
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-color);
    border-radius: 50%;
    background: #fff;
}
.review-card__icon::before {
    content: "";
    width: 30px;
    height: 30px;
    background-color: var(--icon-color);
    -webkit-mask: var(--user-avatar-icon) no-repeat center / contain;
    mask: var(--user-avatar-icon) no-repeat center / contain;
}
.review-card__author-content {
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}
.review-card__name {
    font-family: var(--template-headings-font);
    font-size: 15px;
    font-weight: 600;
    color: var(--text-dark);
}
.review-card__author-content small {
    font-size: 13px;
    color: var(--text-muted);
}
.reviews-section a.btn.btn-secondary {
    width: fit-content;
    margin: 0 auto;
}
.review-card__verified {
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1;
    color: var(--text-dark);
    background: var(--brand-muted-bg);
    border: 1px solid var(--border-color);
    border-radius: calc(var(--radius-sm) / 2);
}
.review-card__verified::before {
    content: "";
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    background-color: var(--color-primary);
    -webkit-mask: var(--verified-icon) no-repeat center / contain;
    mask: var(--verified-icon) no-repeat center / contain;
}
.review-card__stars {
    margin-bottom: 12px;
}
.review-card__text {
    flex: 1;
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--text-muted);
}
.review-card__text.is-clamped {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.review-card__more {
    align-self: flex-start;
    margin-top: 8px;
    padding: 0;
    border: 0;
    background: none;
    font-size: 13px;
    color: var(--text-dark);
    text-decoration: underline;
    cursor: pointer;
}

.reviews-section > .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.reviews-section .star:before {
    font-size: 16px;
    line-height: 16px;
}
@media (max-width: 991px) {
.reviews-section__list {
    grid-template-columns: repeat(2, 1fr);
}}
@media (max-width: 767px) {
.reviews-section {
    margin: 30px 0;
}
.reviews-section__list {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.reviews-section__list::-webkit-scrollbar {
    display: none;
}
.review-card {
    scroll-snap-align: start;
    flex: 0 0 80%;
    min-height: 0;
}}
@media (min-width: 1500px) {
.reviews-section {
    width: 1478px;
    margin-left: calc((100% - 1478px) / 2);
    margin-right: calc((100% - 1478px) / 2);
}}
@media (min-width: 1600px) {
.reviews-section {
    width: 1570px;
    margin-left: calc((100% - 1570px) / 2);
    margin-right: calc((100% - 1570px) / 2);
}}
@media (min-width: 1700px) {
.reviews-section {
    width: 1670px;
    margin-left: calc((100% - 1670px) / 2);
    margin-right: calc((100% - 1670px) / 2);
}}
@media (min-width: 1820px) {
.reviews-section {
    width: 1785px;
    margin-left: calc((100% - 1785px) / 2);
    margin-right: calc((100% - 1785px) / 2);
}}
/*sidebar*/
.topic.child-active, .topic.active {
    border-bottom: solid 1px var(--border-color);
}
.sidebar {
    background-color: var(--muted-bg);
}
.box-categories h3.pageElement__heading {
    font-size: 16px;
    text-transform: none;
    color: var(--color-primary);
    line-height: 1;
    font-weight: 600;
}
.box-categories h3.pageElement__heading span {
    display: inline-flex;
    align-items: center;
}

.box-categories {
    padding-top: 0 !important;
}
.sidebar .categories {
    margin-left: 0;
    margin-right: 0;
    background-color: #fff;
    margin-bottom: 5px;
    border: solid 1px var(--border-color);
}
.categories a {
    padding-bottom: 9px;
    padding-top: 9px;
}
.box-bg-variant .categories a {
    color: #000;
}
.categories .topic>a {
    padding-left: 15px;
    font-weight: 600;
}
#categories .expandable>.topic>a>span, #categories .expandable>a>span {
    top: 12px;
    right: 10px;
    left: auto;
    font-size: 9px;
}
.categories .topic.active>a, .categories .topic.active>a:hover {
    background-color: #fff;
    color: var(--color-primary);
    font-weight: 600;
}
.box-bg-variant .categories a:hover, .categories .topic.child-active>a, .categories .topic.child-active>a:hover {
    font-weight: 600;
}
#categories .expandable>.topic.active>a>span {
    color: var(--color-primary);
}
#categories ul .expandable .cat-trigger {
    left: 15px;
}
.categories ul a {
    padding-left: 35px;
}
#categories ul ul .expandable .cat-trigger {
    left: 30px;
}
.categories ul ul a {
    padding-left: 50px;
}
.categories li.active>a {
    font-weight: 600;
}
/*read more category*/
.category-perex.is-collapsed {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.category-perex-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    padding: 0;
    border: 0;
    background: none;
    font-size: 14px;
    color: inherit;
    text-decoration: underline;
    cursor: pointer;
    padding-top: 10px;
}
.category-perex-toggle::after {
    content: "";
    width: 16px;
    height: 16px;
    background-color: currentColor;
    -webkit-mask: var(--chevron-down-icon) no-repeat center / contain;
    mask: var(--chevron-down-icon) no-repeat center / contain;
    transition: transform .2s ease;
}
.category-perex-toggle.is-open::after {
    transform: rotate(180deg);
}
/* kategorie – hero heading */
.anq-hero-heading {
    position: relative;
    overflow: hidden;
    width: min(100vw, 1920px);
    max-width: none;
    margin-left: calc(50% - min(50vw, 960px));
    margin-right: calc(50% - min(50vw, 960px));
    background: #000;
    color: var(--text-light);
    padding: 16px 0 32px;
}
.anq-hero-heading__inner {
    position: relative;
    z-index: 2;
}
.anq-hero-heading .category-title {
    margin: 0 0 18px;
    color: var(--text-light);
    font-weight: 600;
    font-size: var(--font-size-lg);
}
.category-title, h1, .h1 {
    color: var(--text-dark);
    font-weight: 600;
    font-size: var(--font-size-lg);
}
.anq-hero-heading .category-perex {
    margin: 0;
}
@media (min-width: 768px) {
.anq-hero-heading > .anq-hero-heading__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 63%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    z-index: 0;
    margin: 0;
}
.anq-hero-heading::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 63%;
    background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 35%);
    z-index: 1;
    pointer-events: none;
}
.anq-hero-heading .category-perex {
    max-width: 40%;
}
.anq-hero-heading > .anq-hero-heading__image--mobile {
    display: none;
}}
@media (max-width: 767px) {
.anq-hero-heading > .anq-hero-heading__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    z-index: 0;
    margin: 0;
}
.anq-hero-heading::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 1;
    pointer-events: none;
}
.anq-hero-heading > .anq-hero-heading__image--desktop {
    display: none;
}}
.category-perex, .category__secondDescription {
    font-size: 14px;
}
/*hide originals*/
body.has-category-hero .overall-wrapper > .breadcrumbs-wrapper {
    display: none;
}
body.has-category-hero .category-top h1.category-title,
body.has-category-hero .category-top .category-perex {
    display: none;
}

.pagination .pagination__link, .pagination__currentPage {
    height: 42px;
    min-height: 42px;
    border-radius: calc(var(--radius-sm) / 2);
}
/*breadcrumbs*/
.breadcrumbs {
    border: 0;
    background-color: transparent;
}
.breadcrumbs>span>a:after, .breadcrumbs>span>a:before {
    background-color: var(--dark-bg-text-muted);
}
.anq-hero-heading .breadcrumbs-wrapper {
    width: auto;
    max-width: none;
    padding: 0 !important;
    margin: 0 0 10px;
}
.anq-hero-heading .breadcrumbs-wrapper a,
.anq-hero-heading .breadcrumbs-wrapper span {
    color: var(--dark-bg-text-muted);
}
.anq-hero-heading .navigation-home-icon-wrapper:before {
    font-size: 16px;
    color: var(--dark-bg-text-muted);
}
.navigation-home-icon-wrapper:before {
    font-size: 16px;
}
.breadcrumbs>span>a:before {
	display: none;
}
.breadcrumbs>span>a:after, .breadcrumbs>span>a:before {
    height: 55%;
}
.breadcrumbs>span>a:after {
    bottom: 10px;
    transform: rotate(25deg);
}
.breadcrumbs a:hover {
    color: var(--color-muted);
    text-decoration: underline;
}
@media (max-width: 991px) {
.navigation-home-icon-wrapper:before {
    left: 0px;
}
.navigation-home-icon-wrapper #navigation-first a {
    padding-left: 15px;
}
.breadcrumbs {
    display: flex !important;
    align-items: center;
    white-space: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
}
.breadcrumbs::-webkit-scrollbar {
    display: none;
}
.breadcrumbs > span {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
}
.breadcrumbs .navigation-bullet {
    display: none;
}
.breadcrumbs > span > a {
    display: inline-flex;
    align-items: center;
}
.breadcrumbs > span > a::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    background: var(--text-muted);
    margin: 0 10px;
}
.container.breadcrumbs-wrapper {
    padding-left: 10px;
    padding-right: 10px;
}
.breadcrumbs {
    padding: 5px;
    font-size: 13px;
}}

.breadcrumbs-wrapper {
    position: relative;
    z-index: 0;
    padding: 0;
}
.breadcrumbs-wrapper::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(50% - 50vw);
    width: 100vw;
    z-index: -1;
    background: var(--muted-bg);
}
.anq-hero-heading .breadcrumbs-wrapper::before {
    display: none;
}
.type-category .content-wrapper-in {
    padding-top: 20px;
}
.category-header {
    background-color: transparent;
}
@media (min-width: 768px) {
.listSorting__control {
    padding-block: 0;
    padding-inline: 16px;
}
.listItemsTotal {
  	padding-block: 0;
}
.listSorting__controls > li:first-child > button {
    padding-left: 0 !important;
}
.listSorting__control {
    color: var(--text-muted);
}
.listSorting__control--current, .listSorting__control:focus-visible, .listSorting__control:hover {
    font-weight: 600;
    color: var(--color-primary);
}
.listItemsTotal {
    color: var(--text-muted);
    font-size: 14px;
}}
.anq-sort-toggle {
    display: none;
}
@media (max-width: 767px) {
.listSorting.js-listSorting {
    position: relative;
    width: 100%;
}
.category-header {
    margin-bottom: 10px;
}
.anq-sort-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 5px 16px;
    border: 1px solid var(--border-color);
    background: #fff;
    font-size: 14px;
    color: var(--text-dark);
    cursor: pointer;
    width: 100%;
    height: 36px;
}
.anq-sort-toggle::after {
    content: "";
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    background-color: currentColor;
    -webkit-mask: var(--chevron-down-icon) no-repeat center / contain;
    mask: var(--chevron-down-icon) no-repeat center / contain;
    transition: transform .2s ease;
}
.listSorting.is-open .anq-sort-toggle::after {
    transform: rotate(180deg);
}
.listSorting__controls {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 30;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
    border: 1px solid var(--border-color);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .12);
}
.listSorting.is-open .listSorting__controls {
    display: flex;
}
.listSorting__controls li {
    width: 100%;
}
.listSorting__control {
    display: block;
    width: 100%;
    padding: 11px 16px;
    border: 0;
    background: none;
    text-align: left;
    font-size: 14px;
    color: var(--text-dark);
}
.listSorting__control--current {
    font-weight: 600;
    background: var(--muted-bg);
}}

/* sidebar banners */
.sidebar-inner .banner .banner-wrapper > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.sidebar-inner .banner .extended-banner-texts {
    position: static;
    transform: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: auto;
    max-width: 100%;
    margin-top: 12px;
    padding: 0;
    background: none;
}
.sidebar-inner .banner .extended-banner-title,
.sidebar-inner .banner .extended-banner-text {
    display: block;
    position: static;
    transform: none;
    margin: 0;
    padding: 0;
    background: none;
    text-align: center;
    white-space: normal;
}
.sidebar-inner .banner img {
    mix-blend-mode: multiply;
}
.sidebar-inner .banner .extended-banner-title {
    font-weight: 600;
    font-size: 16px;
}
/* heureka box */
.heureka-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 14px;
    padding: 10px 10px 20px !important;
    background-color: var(--muted-bg);
    background-image: url("/user/documents/upload/repre-half-symbol.svg");
    background-repeat: no-repeat;
    background-position: right bottom;
    margin-top: 30px;
}
.heureka-box__badge {
    margin-top: -40px;
    width: 80px;
    height: auto;
}
.heureka-box__title {
    margin: 0;
    font-family: var(--template-headings-font);
    font-size: var(--font-size-md);
    font-weight: 600;
    color: var(--text-dark);
}

.heureka-box__author {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.heureka-box__name {
    font-family: var(--template-headings-font);
    font-weight: 600;
    color: var(--text-dark);
    font-size: 14px;
}
.heureka-box .review-card__verified {
    position: static;
    background-color: #fff;
}
.heureka-box__quote {
    margin: 0;
    font-style: italic;
    font-size: 14px;
    color: var(--text-muted);
}

.heureka-box__divider {
    width: calc(100% - 20px);
    height: 1px;
    margin: 14px 0;
    border: 0;
    background: var(--border-color);
}

.heureka-box__recommend {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: var(--text-dark);
    font-size: 16px;
}
.heureka-box__recommend strong {
    font-family: var(--template-headings-font);
    font-size: var(--font-size-md);
    font-weight: 600;
}
.heureka-box__more {
    font-weight: 600;
    color: var(--text-dark);
    text-decoration: underline;
    font-size: 14px;
}
.heureka-box__more:hover {
    color: var(--text-dark);
}
.heureka-box__pill {
    display: inline-block;
    margin-top: 4px;
}
.heureka-box__pill img {
    display: block;
    height: 35px;
    width: auto;
}
.heureka-box .star:before {
    font-size: 18px;
    line-height: 18px;
}
.heureka-box .stars {
    height: 18px;
}
@media (min-width: 321px) and (max-width: 767px) {
.heureka-box {
  	gap: 10px;
    margin-bottom: 10px;
}
.heureka-box__author,
.heureka-box__quote,
.heureka-box__divider,
.heureka-box__pill {
  	display: none;
}
.heureka-box__title {
  	font-size: 16px;
}
.heureka-box__recommend strong {
  	font-size: 18px;
}
.heureka-box__more {
  	font-size: 13px;
}}

/*subcategories*/
.subcategories li {
    padding: 5px;
}
.subcategories {
    margin: -5px -5px 19px;
}
.subcategories li a {
    font-weight: 600;
    color: var(--color-primary);
}
.flag {
    font-size: 12px;
}
.flag.flag-discount {
    background-color: #d33a36;
}
/* detail produktu – buy row */
.anq-buy-row {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 20px 0;
}
.anq-buy-row__info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.anq-buy-row .add-to-cart {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
}
@media (min-width: 1200px) {
.p-detail-inner-header h1 {
	margin-top: 0;
}
.anq-buy-row {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}}
.p-detail-inner h1 {
    margin-bottom: 16px;
}
p[data-testid="productCardDescr"] {
    margin-top: 8px;
}
.select-variant .box {
    display: inline-flex;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px 5px;
    cursor: pointer;
    font-weight: 600;
    font-family: var(--template-headings-font);
    border-radius: calc(var(--radius-sm) / 2);
    border: 1px solid var(--border-color);
    min-width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
}
.select-variant .box.checked, .select-variant .box.checked:hover {
    border-color: var(--color-secondary);
    background-color: var(--color-secondary);
    color: var(--text-light);
}
.select-variant .box:hover {
    background-color: var(--muted-bg);
}
.widget-parameter-wrapper .widget-parameter-value {
    margin: 0 5px 0 0 !important;
}
.widget-parameter-wrapper .widget-parameter-value a {
    color: #000;
    font-size: 12px;
    font-weight: 600;
    padding: 0 3px;
    min-width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: calc(var(--radius-sm) / 2);
    border: 1px solid var(--border-color);
}
#product-detail-form .surcharge-label,
#product-detail-form .variant-label {
    padding-bottom: 11px;
    font-size: 16px;
    font-weight: 600;
}

.p-image .flags {
    z-index: 5;
    opacity: 1;
    transition: opacity .2s ease;
    pointer-events: none;
}
.p-image:hover .flags {
    opacity: 0;
}

.p-detail-inner-header h1 {
    font-weight: 600;
    font-size: 24px;
}
tr.variant-list.variant-not-chosen-anchor {
    display: flex;
    flex-direction: column;
}
.detail-parameters th {
    color: var(--color-primary);
    font-weight: 600;
    font-size: 14px;
}
.availability-value {
    font-size: 14px;
    font-weight: 600;
}
.p-info-wrapper .availability-value, .p-info-wrapper .p-final-price-wrapper {
    margin-bottom: 0;
}
.p-info-wrapper .social-buttons-wrapper {
    display: none;
}
button.btn.btn-lg.btn-conversion.add-to-cart-button {
    border-radius: calc(var(--radius-sm) / 2);
    height: 42px;
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    font-family: var(--template-font);
}
button.btn.btn-lg.btn-conversion.add-to-cart-button::before {
    content: "" !important;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-color: currentColor;
    -webkit-mask: var(--cart-icon) no-repeat center / contain;
    mask: var(--cart-icon) no-repeat center / contain;
}
#product-detail-form .quantity {
    display: inline-flex;
    align-items: stretch;
    width: auto;
    height: 42px;
    border: 1px solid var(--border-color);
    border-radius: calc(var(--radius-sm) / 2);
    overflow: hidden;
    padding: 0;
}
#product-detail-form .quantity .decrease,
#product-detail-form .quantity .increase {
    position: static;
    width: 40px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    cursor: pointer;
}
#product-detail-form .quantity .decrease { order: 1; }
#product-detail-form .quantity label     { order: 2; display: flex; }
#product-detail-form .quantity .increase { order: 3; }
#product-detail-form .quantity input.amount {
    width: 48px;
    height: 100%;
    border: 0;
    border-left: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
    border-radius: 0;
    text-align: center;
    -moz-appearance: textfield;
    font-size: 14px;
    font-weight: 600;
    font-family: var(--template-font);
}
#product-detail-form .quantity input.amount::-webkit-outer-spin-button,
#product-detail-form .quantity input.amount::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#product-detail-form .quantity .increase::before,
#product-detail-form .quantity .decrease::before {
    content: none;
}
#product-detail-form .quantity .increase__sign,
#product-detail-form .quantity .decrease__sign {
    display: inline;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
}
/* product review banner */
.product-review-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px;
    background-color: var(--muted-bg);
    background-image: url(/user/documents/upload/repre-half-symbol.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
    border-radius: calc(var(--radius-sm) / 2);
}
.product-review-banner__review {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.product-review-banner .stars {
    height: 16px;
}
.product-review-banner .star:before {
    font-size: 16px;
    line-height: 16px;
}
.product-review-banner__head {
    display: flex;
    align-items: center;
    gap: 16px;
}
.product-review-banner .review-card__verified {
    position: static;
    background-color: #fff;
}
.product-review-banner__quote {
    margin: 0;
    font-style: italic;
    font-size: 14px;
    color: var(--text-dark);
}
.product-review-banner__summary {
    display: flex;
    align-items: center;
    gap: 20px;
    flex: 0 0 auto;
}
.product-review-banner__badge {
    width: 96px;
    height: auto;
}
.product-review-banner__recommend {
    display: flex;
    flex-direction: column;
    gap: 2px;
    color: var(--text-dark);
}
.product-review-banner__recommend strong {
    font-family: var(--template-headings-font);
    font-size: 32px;
    font-weight: 600;
    line-height: 1.1;
}
.product-review-banner__recommend a {
    margin-top: 6px;
    font-weight: 600;
    color: var(--text-dark);
    text-decoration: underline;
}
span.product-review-banner__author {
    font-weight: 600;
    font-style: normal;
}
@media (max-width: 767px) {
.product-review-banner {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.product-review-banner__summary {
    align-self: center;
    width: 100%;
}
.product-review-banner__badge {
    width: 75px;
}}
/* detail produktu – tabulka velikostí */
#product-detail-form .variant-list th {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.size-table-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    border: 0;
    background: none;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-dark);
    text-decoration: underline;
    cursor: pointer;
}
.size-table-link::before {
    content: "";
    width: 16px;
    height: 17px;
    background-color: var(--icon-color);
    -webkit-mask: var(--size-icon) no-repeat center / contain;
    mask: var(--size-icon) no-repeat center / contain;
}
.size-table-modal {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    padding: 10px;
}
.size-table-modal img {
    max-width: 100%;
    height: auto;
}
.size-table-modal__link {
    font-weight: 600;
    color: var(--text-dark) !important;
    text-decoration: underline;
}
#product-detail-form .variant-list th:has(.size-table-link) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.shp-tabs-holder ul.shp-tabs li a {
    font-weight: 600;
    font-family: var(--template-headings-font);
    padding: 0;
    border: 0;
    background-color: transparent;
    font-size: 16px;
}
.responsive-nav .shp-tabs-holder, .shp-tabs-holder ul.shp-tabs {
    background-color: transparent;
    border-color: transparent;
}
.shp-tabs-holder ul.shp-tabs li.shp-tab.active {
    border-bottom: solid 2px var(--color-primary);
}
.shp-tabs-holder ul.shp-tabs li.shp-tab {
    margin-right: 20px;
}
.description-inner {
    padding: 0;
}
.extended-description h3 {
    text-align: center;
}
.extended-description {
    border-radius: var(--radius-md);
    padding: 20px;
    background-color: var(--muted-bg);
    width: 100%;
}
.extended-description .detail-parameters {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border-radius: var(--radius-sm);
    background: #fff;
}
.extended-description .detail-parameters th, .extended-description .detail-parameters td {
    padding: 10px 15px !important;
    border-bottom: 2px solid var(--muted-bg);
    background: #fff;
    vertical-align: middle;
}
.extended-description .detail-parameters tr:last-child th,
.extended-description .detail-parameters tr:last-child td {
    border-bottom: 0;
}
.extended-description .detail-parameters th {
    border-right: solid 2px var(--muted-bg);
}
.extended-description .detail-parameters th, .extended-description .detail-parameters td {
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
}
.description-inner .extended-description h3 {
    margin-top: 0;
}
.description-inner .extended-description h3 {
    margin-top: 0;
    font-weight: 600;
    font-size: var(--font-size-md);
    text-align: left;
}
@media (max-width: 767px) {
.responsive-nav .shp-tabs-holder {
    padding-left: 10px;
    padding-right: 10px;
}
.extended-description {
    padding: 10px;
}
.description-inner .extended-description h3 {
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: center;
}}
@media (min-width: 992px) {
.description-inner {
    flex-wrap: wrap;
    flex-direction: column;
}}
/* doplňkové parametry */
@media (min-width: 1200px) {
.extended-description .detail-parameters {
    display: block;
    background: transparent;
}
.extended-description .detail-parameters tbody {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
    column-gap: 20px;
}
.extended-description .detail-parameters tr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    background: #fff;
    padding: 0 15px;
    border-bottom: 2px solid var(--muted-bg);
}
.extended-description .detail-parameters th,
.extended-description .detail-parameters td {
    display: block;
    border: 0;
    background: none;
    padding: 10px 0;
}
.extended-description .detail-parameters td {
    text-align: right;
}}
/*product detail swiper*/
.anq-swiper-on .product.inactive,
.anq-swiper-on .product.related-sm-screen-hide {
    display: block !important;
}
.anq-swiper-on ~ .browse-p {
    display: none;
}
.products-related.anq-swiper-on .product,
.products-alternative.anq-swiper-on .product {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* ===== Blog listing ===== */
.type-posts-listing .news-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.type-posts-listing .news-item {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    overflow: hidden;
    background: #fff;
}

.type-posts-listing .news-item .image {
    width: 100%;
    max-width: none;
    flex: 0 0 auto;
    overflow: hidden;
}
.type-posts-listing .news-item .image a { display: block; }
.type-posts-listing .news-item .image img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.4s ease;
}
.type-posts-listing .news-item:hover .image img { transform: scale(1.05); }
.type-posts-listing .news-item .text {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 16px 20px 20px;
}
.type-posts-listing .news-item .text time {
    order: -1;
    margin-bottom: 8px;
    font-size: 13px;
    color: #999;
}
.type-posts-listing .news-item .text .title {
    align-self: flex-start;
    margin-bottom: 10px;
    font-family: var(--template-headings-font);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--text-dark);
    text-decoration: none;
}
.type-posts-listing .news-item .description {
    font-size: 14px;
    line-height: 1.6;
}
.type-posts-listing .news-item .description p { margin: 0; }
.type-posts-listing .listingControls {
    margin-top: 25px;
    text-align: center;
    color: #999;
}
@media (max-width: 767px) {
    .type-posts-listing .news-wrapper { grid-template-columns: 1fr; gap: 20px; }
}

/* =========================
   Košík a objednávkový proces
   ========================= */

/* kroky objednávky */
.ordering-process .cart-header { margin-bottom: 30px; }
.ordering-process .cart-header .step span {
    font-family: var(--template-headings-font);
    text-transform: none;
    font-weight: 600;
}
.ordering-process .cart-header .step.active { border-bottom-color: var(--color-primary); }

/* tabulka košíku jako karta */
.in-kosik .cart-table {
    border: 1px solid var(--border-color);
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    overflow: hidden;
}
.in-kosik .cart-table td { border-color: var(--muted-bg); vertical-align: middle; }
.in-kosik .cart-table .cart-p-image img {
    border: 1px solid var(--border-color);
}
.in-kosik .cart-table .p-name .main-link { font-weight: 600; }
.in-kosik .cart-table .main-link-variant { display: block; margin-top: 4px; color: #999; font-weight: 400; }

/* množství: - input + */
.in-kosik .cart-table .quantity {
    display: inline-flex;
    align-items: center;
    border: 0;
    padding: 0;
    width: auto;
    height: auto;
}
.cart-table .main-link {
    text-transform: none;
}
.in-kosik .cart-table .quantity label { order: 2; margin: 0; }
.in-kosik .cart-table .quantity .amount {
    width: 44px;
    text-align: center;
    border: 0;
    background: transparent;
    color: var(--text-dark);
    font-weight: 600;
    -moz-appearance: textfield;
    appearance: textfield;
}
.in-kosik .cart-table .amount::-webkit-outer-spin-button,
.in-kosik .cart-table .amount::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.in-kosik .cart-table .quantity .decrease { order: 1; }
.in-kosik .cart-table .quantity .increase { order: 3; }
.in-kosik .cart-table .quantity .decrease,
.in-kosik .cart-table .quantity .increase {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-color);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    position: static;
    cursor: pointer;
    transition: border-color 0.2s;
}
.in-kosik .cart-table .quantity .increase {
    background-image: linear-gradient(var(--icon-color) 0 0), linear-gradient(var(--icon-color) 0 0);
    background-size: 10px 2px, 2px 10px;
    border-radius: 0;
}
.in-kosik .cart-table .quantity .decrease {
    background-image: linear-gradient(var(--icon-color) 0 0);
    background-size: 10px 2px;
    border-radius: 0;
}
.in-kosik .cart-table .quantity .decrease:hover,
.in-kosik .cart-table .quantity .increase:hover { border-color: var(--color-primary); }
.in-kosik .cart-table .quantity .increase__sign,
.in-kosik .cart-table .quantity .decrease__sign,
.in-kosik .cart-table .quantity .increase-tooltip,
.in-kosik .cart-table .quantity .decrease-tooltip { display: none; }
.in-kosik .cart-table .quantity .increase::before,
.in-kosik .cart-table .quantity .increase::after,
.in-kosik .cart-table .quantity .decrease::before,
.in-kosik .cart-table .quantity .decrease::after { content: none !important; }
.cart-inner .contact-box.no-image {
    padding-top: 10px;
}
/* odstranění položky */
.in-kosik .cart-table .p-total { position: relative; padding-right: 48px; }
.in-kosik .cart-table .remove-item {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    border: 0;
    padding: 0;
    font-size: 0;
    background-color: #999;
    -webkit-mask: var(--close-icon) no-repeat center / 18px;
    mask: var(--close-icon) no-repeat center / 18px;
    cursor: pointer;
    transition: background-color 0.2s;
}
.in-kosik .cart-table .remove-item:hover { background-color: #d00000; }

/* související produkty v košíku */
.in-kosik .cart-table .btn-conversion,
.in-kosik .cart-table a[class*="add-to-cart"],
.in-kosik .cart-table button[class*="add-to-cart"] {
    font-size: 13px;
    font-weight: 600;
    padding: 8px 16px;
}

/* dárky a slevy / doprava zdarma */
.in-kosik .cart-summary h2 {
    font-family: var(--template-headings-font);
    font-size: 16px;
}
.in-kosik .extra.delivery {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 12px 18px 12px 52px;
    background: var(--brand-muted-bg);
    border: 1px solid var(--brand-border-color);
}
.in-kosik .extra.delivery::before,
.in-kosik .extra.delivery svg,
.in-kosik .extra.delivery img {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}

/* sidebar košíku */
.sidebar-in-cart .checkout-box-wrapper h2 {
    font-family: var(--template-headings-font);
    font-size: 15px;
    background: var(--color-primary);
    color: #fff;
    padding: 12px 18px;
    margin: 0;
    display: none;
}
.sidebar-in-cart .summary-wrapper { position: sticky; top: 15px; }
.sidebar-in-cart .summary-wrapper .price-wrapper {
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 12px;
    margin-bottom: 15px;
}
.sidebar-in-cart .summary-wrapper .price.price-primary { color: var(--text-dark); }
.sidebar-in-cart .next-step--cart { display: flex; flex-direction: column-reverse; gap: 8px; }
.sidebar-in-cart .next-step--cart .btn-conversion { width: 100%; }
.sidebar-in-cart .next-step--cart .next-step-back { align-self: center; }

/* doprava a platba jako boxy */
.ordering-process .shipping-billing-table .radio-wrapper {
    border: 1px solid var(--border-color);
    margin-bottom: 10px;
    padding: 4px 15px;
    background: #fff;
    transition: border-color 0.2s, background 0.2s;
    cursor: pointer;
}
.ordering-process .shipping-billing-table .radio-wrapper:hover { border-color: var(--color-primary); }
.ordering-process .shipping-billing-table .radio-wrapper.active {
    background: var(--brand-muted-bg);
    border-color: var(--brand-border-color);
}
.ordering-process .co-box h4,
.ordering-process .co-box .h4 {
    font-family: var(--template-headings-font);
    font-weight: 600;
}

/* thank you page */
.in-dekujeme .content-inner { max-width: 900px; margin: 0 auto; padding-bottom: 40px; }
.in-dekujeme .order-summary-heading {
    position: relative;
    padding-top: 74px;
    text-align: center;
    font-family: var(--template-headings-font);
}
.in-dekujeme .order-summary-heading::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 56px;
    height: 56px;
    background-color: #72B52B;
    -webkit-mask: var(--verified-icon) no-repeat center / contain;
    mask: var(--verified-icon) no-repeat center / contain;
}
.in-dekujeme .reca-number { text-align: center; font-size: 16px; color: #999; margin-bottom: 30px; }
.in-dekujeme .reca-number strong { color: var(--text-dark); }
.in-dekujeme .co-box {
    border: 1px solid var(--border-color);
    background: #fff;
    padding: 24px;
    margin-bottom: 20px;
}
.in-dekujeme .co-box h4 {
    font-family: var(--template-headings-font);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
}
.in-dekujeme .order-summary-item.total { text-align: center; font-size: 15px; margin-top: 10px; }
.in-dekujeme .order-summary-item.summary-thx { text-align: center; }
.in-dekujeme .order-summary-item.summary-thx p { color: #72B52B; font-weight: 600; font-size: 18px; }
.in-dekujeme .order-complete-links { text-align: center; margin-top: 25px; }
.in-dekujeme .order-complete-links .btn { min-width: 260px; }
/* =========================
   Hodnocení obchodu
   ========================= */

.in-hodnoceni-obchodu h1 { text-align: center; }

/* statistika hodnocení */
.in-hodnoceni-obchodu .rate-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px 60px;
    background: var(--muted-bg);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    padding: 30px 40px;
}
.in-hodnoceni-obchodu .rate-average-wrap { margin: 0; }
.in-hodnoceni-obchodu .rate-average {
    font-family: var(--template-headings-font);
    font-size: 56px;
    font-weight: 600;
    line-height: 1;
    color: var(--text-dark);
}
.in-hodnoceni-obchodu .stars-label { color: #666; }

.in-hodnoceni-obchodu .votes { flex: 1; min-width: 260px; max-width: 480px; }
.in-hodnoceni-obchodu .rate-list { display: flex; align-items: center; gap: 12px; padding: 3px 0; }
.in-hodnoceni-obchodu .rate-star.stars { flex: 0 0 auto; }
.in-hodnoceni-obchodu .rate-block { flex: 1; padding-right: 34px; }
.in-hodnoceni-obchodu .rate-bar {
    display: block;
    position: relative;
    width: 100%;
    height: 8px;
    background: #fff;
    border-radius: 999px;
}
.in-hodnoceni-obchodu .rate-bar::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: var(--rate-bar-width, 0%);
    background: var(--colors-surface-rating);
    border-radius: 999px;
}
.in-hodnoceni-obchodu .rate-count {
    position: absolute;
    right: -34px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    color: #666;
}

/* dlaždice recenzí */
.in-hodnoceni-obchodu .ratingsList {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
.in-hodnoceni-obchodu .vote-wrap {
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    background: #fff;
    padding: 20px 22px;
    margin: 0;
}
.in-hodnoceni-obchodu .vote-header { margin-bottom: 12px; }
.in-hodnoceni-obchodu .vote-pic { border-radius: 50%; overflow: hidden; }
.in-hodnoceni-obchodu .vote-name {
    font-family: var(--template-headings-font);
    font-weight: 600;
    color: var(--text-dark);
}
.in-hodnoceni-obchodu .vote-content { line-height: 1.6; }

.in-hodnoceni-obchodu .listingControls { margin-top: 25px; text-align: center; color: #999; }

@media (max-width: 767px) {
    .in-hodnoceni-obchodu .rate-wrap { padding: 22px; gap: 20px; }
    .in-hodnoceni-obchodu .ratingsList { grid-template-columns: 1fr; }
}
.navigation-buttons a[data-target=cart] i {
    background-color: transparent;
    color: var(--text-dark);
    font-weight: 700;
    top: 3px;
}
@media (max-width: 767px) {
.navigation-buttons a[data-target=cart] i {
    top: 4px;
    left: 26px;
}
.ordering-process .header-top {
    display: none;
}}
ol.cart-header li strong {
    font-weight: 600;
}
.cart-content .socials-block > a::before {
    color: var(--text-dark);
}
.extended-description .detail-parameters td a, .extended-description .detail-parameters th a {
    color: var(--color-primary);
    text-decoration: underline;
}
.extended-description .detail-parameters td a:hover, .extended-description .detail-parameters th a:hover {
    text-decoration: none;
}
.extended-description .detail-parameters tr:hover {
    background-color: #fbfbfb;
}
.add-comment.rate-form-trigger {
    padding-top: 20px;
}
@media (min-width: 1200px) {
.content-inner {
    max-width: 100%;
}}
@media (min-width: 992px) {
.type-page .breadcrumbs, .type-posts-listing .breadcrumbs, .type-post .breadcrumbs, .type-product .breadcrumbs {
    margin-left: 0;
    margin-right: 0;
}}

/* hp hlavička */
@media (min-width: 768px) {
    body.type-index #header {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 200;
        background: transparent;
        transition: background-color 0.3s ease;
    }
    body.type-index #carousel::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 200px;
        background: linear-gradient(rgba(0, 0, 0, 0.5), transparent);
        z-index: 5;
        pointer-events: none;
    }
    html:not(.scrolled) body.type-index #header:not(:hover):not(:focus-within) .header-top { color: #fff; }
    html:not(.scrolled) body.type-index #header:not(:hover):not(:focus-within) .header-top-bar__phone,
    html:not(.scrolled) body.type-index #header:not(:hover):not(:focus-within) .header-top-bar__phone a,
    html:not(.scrolled) body.type-index #header:not(:hover):not(:focus-within) .top-navigation-bar-menu a,
    html:not(.scrolled) body.type-index #header:not(:hover):not(:focus-within) .menu-level-1 > li > a { color: #fff; }
    html:not(.scrolled) body.type-index #header:not(:hover):not(:focus-within) .site-name img { filter: brightness(0) invert(1); }
    html:not(.scrolled) body.type-index #header:not(:hover):not(:focus-within) { --icon-color: #fff; }
    html:not(.scrolled) body.type-index #header:not(:hover):not(:focus-within) .header-top-bar__phone,
    html:not(.scrolled) body.type-index #header:not(:hover):not(:focus-within) .header-top-bar__phone a,
    html:not(.scrolled) body.type-index #header:not(:hover):not(:focus-within) .header-top-bar__hours,
    html:not(.scrolled) body.type-index #header:not(:hover):not(:focus-within) .top-navigation-bar-menu a,
    html:not(.scrolled) body.type-index #header:not(:hover):not(:focus-within) .navigation-buttons #topNavigationDropdown,
    html:not(.scrolled) body.type-index #header:not(:hover):not(:focus-within) .menu-level-1 > li > a { color: #fff; }

    body.type-index #header:hover,
    body.type-index #header:focus-within { background: #fff; }

html.scrolled #header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 200;
    background: #fff;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, background-color 0.3s ease;
}
html.scrolled body:not(.type-index) { padding-top: var(--header-h, 147px); }

html.scrolled.scrolled-down #header { transform: translateY(calc(-1 * var(--header-top-h, 78px))); }
html.scrolled.scrolled-up #header { transform: translateY(0); }
/* rating badge v průhledné hlavičce */
html:not(.scrolled) body.type-index #header:not(:hover):not(:focus-within) .rating-badge,
html:not(.scrolled) body.type-index #header:not(:hover):not(:focus-within) .rating-badge__main,
html:not(.scrolled) body.type-index #header:not(:hover):not(:focus-within) .rating-badge__max,
html:not(.scrolled) body.type-index #header:not(:hover):not(:focus-within) .rating-badge__caption {
    color: #fff !important;
}
html:not(.scrolled) body.type-index #header:not(:hover):not(:focus-within) .rating-badge__value {
    color: var(--colors-surface-rating) !important;
}
html:not(.scrolled) body.type-index #header:not(:hover):not(:focus-within) .rating-badge__verified {
    background-color: var(--colors-surface-rating) !important;
}
/* počet kusů u košíku v průhledné hlavičce */
html:not(.scrolled) body.type-index #header#header:not(:hover):not(:focus-within) .navigation-buttons a[data-target="cart"] i {
    color: #fff !important;
}}
.navigation-buttons a[data-target="cart"] i { transition: color 0.3s ease; }
@media (min-width: 768px) and (max-width: 1199px) {
    html.scrolled body.type-index { padding-top: var(--header-h, 147px); }
    html.scrolled.scrolled-down #header { transform: translateY(-100%); }
}
.rating-badge,
.rating-badge__main,
.rating-badge__max,
.rating-badge__caption,
.rating-badge__value,
.rating-badge__verified {
    transition: color 0.3s ease, background-color 0.3s ease;
}

/*cookies*/
.siteCookies.siteCookies--bottom.siteCookies--dark.js-siteCookies,
.siteCookies.siteCookies--bottom.siteCookies--dark.js-siteCookies.siteCookies--scrolled {
    left: 50% !important;
    right: auto !important;
    bottom: 20px !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    width: calc(100% - 40px) !important;
    max-width: 720px !important;
}
.siteCookies .siteCookies__form {
    flex-direction: column;
    gap: 16px;
    padding: 22px 26px;
    background: #fff;
    color: var(--text-dark);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.16);
}
.siteCookies .siteCookies__content { margin: 0; padding: 0; }
.siteCookies .siteCookies__text {
    color: var(--text-dark);
    font-size: 13px;
    line-height: 1.6;
}
.siteCookies .siteCookies__text a { color: inherit; text-decoration: underline; }
.siteCookies .siteCookies__text a:hover { color: var(--color-primary-hover); }
.siteCookies__text {
		margin:  0;
}
.siteCookies .siteCookies__links { margin: 6px 0 0; }
.siteCookies .siteCookies__link {
    background: none;
    border: 0;
    padding: 0;
    color: #999;
    font-size: 13px;
    text-decoration: underline;
    cursor: pointer;
    line-height: 1.2;
}
.siteCookies .siteCookies__link:hover { color: var(--color-primary-hover); }
.siteCookies .siteCookies__buttonWrap {
    display: flex;
    gap: 10px;
    margin: 0;
    padding: 0;
}
.siteCookies .siteCookies__button {
    flex: 1;
    margin: 0;
    height: 42px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 600;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}
.siteCookies .siteCookies__button[value="reject"] {
    background: #fff;
    border: 1px solid var(--border-color);
    color: var(--text-dark);
}
.siteCookies .siteCookies__button[value="reject"]:hover { border-color: var(--color-primary); }
.siteCookies .siteCookies__button[value="all"] {
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
    color: #fff;
}
.siteCookies .siteCookies__button[value="all"]:hover {
    background: var(--color-primary-hover);
    border-color: var(--color-primary-hover);
}
@media (max-width: 768px) {
.siteCookies.siteCookies--bottom.siteCookies--dark.js-siteCookies,
.siteCookies.siteCookies--bottom.siteCookies--dark.js-siteCookies.siteCookies--scrolled {
    bottom: 10px !important;
    width: calc(100% - 20px) !important;
}
.siteCookies .siteCookies__form { padding: 18px; }
.siteCookies .siteCookies__buttonWrap { flex-direction: column; }
.siteCookies .siteCookies__link {
    margin-bottom: 10px;
}}
.siteCookies--bottom.siteCookies--scrolled {
    background-color: transparent;
    box-shadow: none;
}
#carousel .extended-banner-link:hover {
    background-color: #fff;
    color: #000;
    border-color: #fff;
}

@media (min-width: 767px) {
body.type-index #carousel::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 200px;
    background: linear-gradient(rgba(0, 0, 0, 0.5), transparent);
    z-index: 5;
    pointer-events: none;
}

body.type-index #carousel .item > a {
    position: relative;
    display: block;
}
body.type-index #carousel .item > a::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 72%;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.3) 45%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
    pointer-events: none;
}
body.type-index #carousel .extended-banner-texts { z-index: 2; }}
@media (max-width: 767px) {
    body.type-index #carousel .item > a {
        position: relative;
        display: block;
    }
    body.type-index #carousel .item > a::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 80%;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 45%, rgba(0, 0, 0, 0.6) 100%);
        z-index: 1;
        pointer-events: none;
    }
    body.type-index #carousel .extended-banner-texts { z-index: 2; }
}

.cart-content .contact-box>strong {
    display: none;
}
.cart-inner .contact-box.no-image {
    padding-top: 0;
}
.cart-content .contact-box ul li>span a {
    font-weight: 600;
}
.cart-content .contact-box ul li>span.tel::after, .cart-content .contact-box ul li>span.mail::after {
    color: var(--text-muted);
    font-size: 13px;
}
@media (min-width: 1200px) {
.co-box {
    padding: 20px;
}}
.cart-content h2, .recapitulation-wrapper h2 {
    text-transform: none;
    font-weight: 600;
}
.payment-info b {
    text-transform: none;
}

li.menu-item-external-30>a {
    color: red !important;
}
@media (min-width: 768px) {
html:not(.scrolled) body.type-index #header#header:not(:hover):not(:focus-within) .menu-level-1 > li.menu-item-external-30 > a {
    color: #FF6B6B !important;
}}
li.menu-item-external-30 > a { transition: color 0.3s ease; }

@media (min-width: 768px) and (max-width: 1200px) {
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    aspect-ratio: 2 / 1 !important;
    object-fit: cover !important;;
}}
@media (min-width: 768px) and (max-width: 992px) {
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;;
}}
@media (min-width: 768px) and (max-width: 1200px) {
#carousel .extended-banner-texts {
    margin: 0;
    margin-top: auto !important;
}}

/* ===== Newsletter formulář v patičce ===== */
.newsletter-banner .subscribe-form fieldset {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}
.newsletter-banner .subscribe-form .smart-label-wrapper { flex: 1; margin: 0; }
.newsletter-banner .subscribe-form .smart-label-wrapper label { display: none; }

#formNewsletterWidget .form-control-wrapper { height: auto; }
#formNewsletterWidget .form-control {
    height: 54px !important;
    padding: 0 18px !important;
    background: transparent !important;
    border: 1px solid #2D2A2A !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    color: #fff !important;
    font-size: 15px;
}
#formNewsletterWidget .form-control::placeholder { color: #8F8C8C; }

.newsletter-banner .subscribe-form button[type="submit"] {
    order: 2;
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    margin: 0;
    padding: 0;
    position: relative;
    background-color: #fff;
    background-image: none;
    border: 1px solid #2D2A2A;
    border-radius: 0;
    font-size: 0;
    cursor: pointer;
    transition: background-color 0.2s;
}
.newsletter-banner .subscribe-form button[type="submit"]::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    background-color: #1F1C1C;
    -webkit-mask: var(--chevron-right-icon) no-repeat center / contain;
    mask: var(--chevron-right-icon) no-repeat center / contain;
    transition: background-color 0.2s;
}

#formNewsletterWidget .consents {
    order: 3;
    flex-basis: 100%;
    margin: 12px 0 0 !important;
    text-align: right;
}
#formNewsletterWidget .consents .label { margin: 0; font-size: 12px; }
#formNewsletterWidget .consents .label a { color: inherit; text-decoration: underline; }
/* ===== Instagram widget: zoom při najetí ===== */
.instagram-widget a { overflow: hidden; }
.instagram-widget a img { transition: transform 0.4s ease; }
.instagram-widget a:hover img { transform: translateY(-50%) scale(1.08); }

:root {
    --section-gap: 70px;
    --heading-gap: 30px;
}
@media (max-width: 767px) {
    :root { --section-gap: 45px; --heading-gap: 22px; }
}
body.type-index .homepage-box.before-carousel { margin-bottom: 0; }
body.type-index .benefitBanner.position--benefitHomepage {
    margin-top: 30px;
    margin-bottom: 30px;
}
body.type-index .footer-banners.banner-wrapper { margin-top: 0; margin-bottom: 0; }
body.type-index .reviews-section { margin-top: var(--section-gap); margin-bottom: 0; }
body.type-index .homepage-group-title {
    margin-top: var(--section-gap);
    margin-bottom: var(--heading-gap);
}
body.type-index .products-block { margin-bottom: 0; }
body.type-index .middle-banners-wrapper { margin: var(--section-gap) 0 0; padding: 0; }
body.type-index .welcome-wrapper { margin: var(--section-gap) 0 0; }
body.type-index .blog-section-container { margin: var(--section-gap) auto 0; }
body.type-index .custom-footer__instagram { margin-top: var(--section-gap); }
.custom-footer__instagram .pageElement__heading { margin-bottom: var(--heading-gap); }
.newsletter-banner { padding: 55px 0; }

/*signature*/
#signature, #signature a, .copyright, .copyright a {
		font-size: 12px;
}
#signature .signature__divider {
    margin: 0 5px;
    opacity: 0.35;
}
#signature .signature__agency {
    display: inline-flex;
    align-items: flex-start;
    vertical-align: middle;
    margin-top: -1px;
    text-decoration: none;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.35;
    color: inherit;
    transition: color 0.25s ease;
}
#signature .signature__agency-char {
    display: block;
    overflow: hidden;
    height: 1.35em;
}
#signature .signature__agency-char-inner {
    display: block;
    transition: transform 0.28s cubic-bezier(0.6, 0, 0.2, 1);
    transition-delay: calc(var(--i) * 0.018s);
}
#signature .signature__agency:hover .signature__agency-char-inner {
    transform: translateY(-50%);
}
#signature .signature__agency-char-inner span {
    display: block;
    height: 1.35em;
    line-height: 1.35em;
}
#signature img {
    margin-right: 5px;
    width: 14px;
}
/* ===== Dýško pro skladníka ===== */
.anq-tip {
    margin-top: 20px;
    padding: 20px 22px;
    border: 1px solid var(--border-color);
    background: #fff;
}
.anq-tip__head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}
.anq-tip__icon {
    position: relative;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--brand-muted-bg);
}
.anq-tip__icon::after {
    content: "📦";
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.anq-tip__headtext { display: flex; flex-direction: column; line-height: 1.35; }
.anq-tip__headtext strong {
    font-size: 16px;
    font-family: var(--template-headings-font);
    font-weight: 600;
}
.anq-tip__headtext span { font-size: 13px; color: #666; }

.anq-tip__list { display: flex; flex-direction: column; gap: 8px; }
.anq-tip__card {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    border: 1px solid var(--border-color);
    transition: border-color 0.2s, background 0.2s;
}
.anq-tip__card.is-in-cart {
    border-color: var(--brand-border-color);
    background: var(--brand-muted-bg);
}
.anq-tip__img { flex: 0 0 40px; width: 40px; height: 40px; }
.anq-tip__img img { width: 100%; height: 100%; object-fit: contain; }
.anq-tip__info { flex: 1; display: flex; flex-direction: column; line-height: 1.3; }
.anq-tip__name { font-size: 13px; color: #555; }
.anq-tip__price { font-size: 15px; font-weight: 700; }

.anq-tip__btn {
    flex: 0 0 auto;
    padding: 7px 18px;
    border: 1px solid var(--color-primary);
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--color-primary);
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.anq-tip__btn:hover { background: var(--color-primary); color: #fff; }
.anq-tip__btn:disabled { opacity: 0.5; cursor: default; }
.anq-tip__btn--remove { background-color: #fff; border-color: var(--border-color); color: #888; }
.anq-tip__btn--remove:hover { background: #fff; border-color: #d00000; color: #d00000; }

/* ===== Informační lišta (site-msg) ===== */
.site-msg.information {
    left: 20px;
    right: auto;
    bottom: 20px;
    max-width: 380px;
    padding: 0 !important;
    background: hsl(0deg 0% 100% / 95%);
    backdrop-filter: blur(5px);
    border-radius: var(--radius-sm);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);
    overflow: visible;
    z-index: 60 !important;
    opacity: 1;
}
.site-msg.information .container {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    width: auto;
    max-width: none;
    padding: 16px 18px;
}
.site-msg.information .container::before {
    content: "";
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    background-color: #000;
    -webkit-mask: var(--info-icon) no-repeat center / contain;
    mask: var(--info-icon) no-repeat center / contain;
}
.site-msg.information .text {
    flex: 1;
    padding-right: 6px;
    color: #000;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
}
.site-msg .close {
    right: 10px;
    top: 17px;
}
.site-msg .close:before {
    color: #000;
    font-size: 8px;
}
@media (max-width: 600px) {
    .site-msg.information { left: 12px; right: 12px; bottom: 12px; max-width: none;
}}
ul.benefits-list.in-footer {
    display: none;
}
@media (min-width: 1200px) {
    .type-post .content-inner {
        max-width: 800px;
    }
}

/*upravy last*/
@media (min-width: 768px) {
#carousel .rating-strip {
    display: none;
}}

/* === TOP kategorie – obrazkovy rozcestnik === */
.anq-cat-nav {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin: 8px auto 16px;
}

@media (min-width: 768px) {
  .anq-cat-nav { max-width: 707px; }
}

@media (min-width: 992px) {
  .anq-cat-nav { max-width: 932px; }
}

@media (min-width: 1200px) {
  .anq-cat-nav { max-width: 1138px; }
}

@media (min-width: 1440px) {
  .anq-cat-nav { max-width: 1378px; }
}

.anq-cat-nav .anq-cat-nav__tile {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 130px;
  border-radius: 2px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  text-decoration: none;
}

.anq-cat-nav .anq-cat-nav__tile::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(31, 28, 28, 0.42);
  transition: background-color 0.25s;
}

.anq-cat-nav .anq-cat-nav__tile:hover::before {
  background: rgba(31, 28, 28, 0.6);
}

.anq-cat-nav__label {
  position: relative;
  color: #fff;
  font: 600 16px/1.3 Inter, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
  padding: 0 10px;
}

@media (max-width: 767px) {
  .anq-cat-nav {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .anq-cat-nav .anq-cat-nav__tile {
    height: 96px;
  }

  .anq-cat-nav__label {
    font-size: 14px;
  }
}

.newsletter-banner {
  justify-content: flex-start !important;
  align-items: center;
  gap: 20px 72px !important;
}

tr.anq-param-manufacturer, tr.productEan, tr.anq-param-year {
		display: none !important;
}
li.anq-params-list__item {
		display: none;
}
li.anq-params-list__item.anq-params-list__item--barva, li.anq-params-list__item.anq-params-list__item--material, li.anq-params-list__item.anq-params-list__item--typ, li.anq-params-list__item.anq-params-list__item--kod-produktu, li.anq-params-list__item.anq-params-list__item--velikost {
    display: list-item;
}
.anq-params-list {
  margin: 20px 0 0;
}
.anq-params-list__title {
  font-family: var(--template-headings-font);
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.anq-params-list__items {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.anq-params-list__item {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 6px 2px;
  border-bottom: 1px solid var(--border-color);
}
.anq-params-list__item span {
  color: #666;
}
.description-inner .extended-description {
    display: none;
}

div#manufacturer-filter, .filter-section.filter-section-boolean {
    display: none;
}
@media (max-width: 767px) {
:where(.ums_forms_redesign--on) .subscribe-form {
    width: 100%
}}
.benefitBanner.position--benefitCategory {
    margin-top: 60px;
}
html:not(.scrolled) body.type-index #header:not(:hover):not(:focus-within) .menu-helper::after {
  color: #fff;
}
@media (min-width: 767px) {
div#filters::before {
    content: "Filtrace";
    display: block;
    font-family: var(--template-headings-font);
    font-size: var(--font-size-md);
    font-weight: 600;
    color: var(--text-dark);
    margin-bottom: 10px;
    margin-inline: 10px;
}}