:root {
    --breakpoint-xl: 1440px;
    --breakpoint-lg: 1024px;
    --breakpoint-md: 768px;
    --breakpoint-sm: 640px;

    --primary-50:  #eaf7fd;
    --primary-100: #d4effb;
    --primary-200: #a8dff7;
    --primary-300: #7ccff3;
    --primary-400: #50c0ef;
    --primary-500: #2aa5dd;
    --primary-600: #248fc0;
    --primary-700: #1e7aa3;
    --primary-800: #186387;
    --primary-900: #124c6a;
    --primary-950: #0a2e41;

    --border-primary: #2aa5dd;
    --border-primary-light: #2aa5dd;

    --bg-primary: #2aa5dd;
    --bg-primary-muted: #81d0f5;
    --color-100-muted: #d0f0ff;

    --text-primary: #2aa5dd;
    --bg-white: #fff;
    --white: #fff;
    --black: #000;
    --text-color: #2aa5dd;
    --text-black-primary: #767474;
    --text-on-primary: #fff;
    --backgournd-hover-bg: #ede9e9;

    --red-50: #FEF2F2;
    --red-100: #FEE2E2;
    --red-200: #FECACA;
    --red-300: #FCA5A5;
    --red-400: #F87171;
    --red-500: #EF4444;
    --red-600: #DC2626;
    --red-700: #B91C1C;
    --red-800: #991B1B;
    --red-900: #7F1D1D;
    --red-950: #450A0A;

    --border-dashed: 1px dashed var(--text-color);

    --box-shadow-lg: 2px 4px 24px rgba(242, 90, 43, 0.08);
    --box-shadow-md: 1px 2px 16px rgba(242, 90, 43, 0.08);
    --box-shadow-sm: 0px 0px 8px rgba(242, 90, 43, 0.08);
    --border: var(--text-black-primary);
    --border-light: var(--backgournd-hover-bg);
    --border-primary: var(#dfd8d8);
    --border-primary-light: var(--primary-200);
    


    --arrow-down-primary: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="%232aa5dd"><path d="M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"></path></svg>');
    --icon-plus-primary: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M8.57699 3.33745V12.6708' stroke='%232aa5dd' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.91064 8.00412H13.244' stroke='%232aa5dd' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --arrow-down: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="%232aa5dd"><path d="M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z"></path></svg>');
    --arrow-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M11.4051 12.0041L16.3551 16.9541L14.9411 18.3691L8.57715 12.0041L14.9411 5.64014L16.3551 7.05414L11.4051 12.0041Z' fill='%232aa5dd'/%3E%3C/svg%3E");
    --arrow-left-primary: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M11.4051 12.0041L16.3551 16.9541L14.9411 18.3691L8.57715 12.0041L14.9411 5.64014L16.3551 7.05414L11.4051 12.0041Z' fill='%232aa5dd'/%3E%3C/svg%3E");
    --arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M13.7492 12.0041L8.79919 7.05411L10.2132 5.64111L16.5772 12.0041L10.2132 18.3681L8.79919 16.9531L13.7492 12.0041Z' fill='%232aa5dd'/%3E%3C/svg%3E");
    --arrow-right-white: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2217%22%20height%3D%2216%22%20viewBox%3D%220%200%2017%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M6.57715%204L10.5771%208L6.57715%2012%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
    --icon-search-areas: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.4041 1.69412L22.8901 10.1791L21.4751 11.5931L20.7681 10.8861L16.5261 15.1291L15.8191 18.6651L14.4041 20.0791L10.1621 15.8361L5.21211 20.7861L3.79811 19.3721L8.74811 14.4221L4.50511 10.1791L5.91911 8.76512L9.45511 8.05812L13.6971 3.81512L12.9901 3.10812L14.4041 1.69412ZM15.1111 5.23012L10.4411 9.90012L7.61911 10.4651L14.1191 16.9651L14.6831 14.1431L19.3541 9.47312L15.1111 5.23012Z" fill="%232aa5dd"/></svg>');
    --icon-search-cruiselines: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.57712 15.0041V8.50412C4.57712 7.31065 5.05122 6.16605 5.89514 5.32214C6.73905 4.47823 7.88364 4.00412 9.07712 4.00412C10.2706 4.00412 11.4152 4.47823 12.2591 5.32214C13.103 6.16605 13.5771 7.31065 13.5771 8.50412V15.5041C13.5771 16.1672 13.8405 16.803 14.3094 17.2719C14.7782 17.7407 15.4141 18.0041 16.0771 18.0041C16.7402 18.0041 17.376 17.7407 17.8449 17.2719C18.3137 16.803 18.5771 16.1672 18.5771 15.5041V8.83412C17.9096 8.59821 17.347 8.13392 16.9888 7.52331C16.6305 6.9127 16.4996 6.1951 16.6193 5.49733C16.739 4.79957 17.1015 4.16658 17.6427 3.71025C18.184 3.25392 18.8692 3.00363 19.5771 3.00363C20.2851 3.00363 20.9702 3.25392 21.5115 3.71025C22.0527 4.16658 22.4153 4.79957 22.5349 5.49733C22.6546 6.1951 22.5237 6.9127 22.1655 7.52331C21.8072 8.13392 21.2446 8.59821 20.5771 8.83412V15.5041C20.5771 16.6976 20.103 17.8422 19.2591 18.6861C18.4152 19.53 17.2706 20.0041 16.0771 20.0041C14.8836 20.0041 13.7391 19.53 12.8951 18.6861C12.0512 17.8422 11.5771 16.6976 11.5771 15.5041V8.50412C11.5771 7.84108 11.3137 7.20519 10.8449 6.73635C10.376 6.26751 9.74016 6.00412 9.07712 6.00412C8.41408 6.00412 7.77819 6.26751 7.30935 6.73635C6.84051 7.20519 6.57712 7.84108 6.57712 8.50412V15.0041H9.57712L5.57712 20.0041L1.57712 15.0041H4.57712ZM19.5771 7.00412C19.8423 7.00412 20.0967 6.89876 20.2842 6.71123C20.4718 6.52369 20.5771 6.26934 20.5771 6.00412C20.5771 5.7389 20.4718 5.48455 20.2842 5.29701C20.0967 5.10948 19.8423 5.00412 19.5771 5.00412C19.3119 5.00412 19.0575 5.10948 18.87 5.29701C18.6825 5.48455 18.5771 5.7389 18.5771 6.00412C18.5771 6.26934 18.6825 6.52369 18.87 6.71123C19.0575 6.89876 19.3119 7.00412 19.5771 7.00412Z" fill="%232aa5dd"/></svg>');
    --icon-search-ships: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.57712 10.4041V4.00412C4.57712 3.7389 4.68247 3.48455 4.87001 3.29701C5.05755 3.10948 5.3119 3.00412 5.57712 3.00412H10.5771V1.00412H14.5771V3.00412H19.5771C19.8423 3.00412 20.0967 3.10948 20.2842 3.29701C20.4718 3.48455 20.5771 3.7389 20.5771 4.00412V10.4041L21.6631 10.7301C21.9094 10.804 22.1178 10.9699 22.245 11.1933C22.3722 11.4168 22.4084 11.6806 22.3461 11.9301L20.8291 17.9981C20.1834 18.0312 19.5374 17.9385 18.9271 17.7251L20.1771 12.3741L12.5771 10.0041L4.97712 12.3741L6.22712 17.7251C5.61679 17.9385 4.97082 18.0312 4.32512 17.9981L2.80912 11.9301C2.74681 11.6808 2.7829 11.417 2.90989 11.1936C3.03688 10.9702 3.24502 10.8042 3.49112 10.7301L4.57712 10.4041ZM6.57712 9.80412L12.5771 8.00412L18.5771 9.80412V5.00412H6.57712V9.80412ZM4.57712 20.0041C6.05338 20.0062 7.47819 19.4619 8.57712 18.4761C9.67604 19.4619 11.1009 20.0062 12.5771 20.0041C14.0534 20.0062 15.4782 19.4619 16.5771 18.4761C17.676 19.4619 19.1009 20.0062 20.5771 20.0041H22.5771V22.0041H20.5771C19.1728 22.0064 17.7928 21.6373 16.5771 20.9341C15.3615 21.6373 13.9815 22.0064 12.5771 22.0041C11.1728 22.0064 9.79277 21.6373 8.57712 20.9341C7.36146 21.6373 5.98148 22.0064 4.57712 22.0041H2.57712V20.0041H4.57712Z" fill="%232aa5dd"/></svg>');
    --icon-search-durations: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5771 22.0041C7.05412 22.0041 2.57712 17.5271 2.57712 12.0041C2.57712 6.48112 7.05412 2.00412 12.5771 2.00412C18.1001 2.00412 22.5771 6.48112 22.5771 12.0041C22.5771 17.5271 18.1001 22.0041 12.5771 22.0041ZM12.5771 20.0041C14.6988 20.0041 16.7337 19.1613 18.234 17.661C19.7343 16.1607 20.5771 14.1259 20.5771 12.0041C20.5771 9.88239 19.7343 7.84756 18.234 6.34727C16.7337 4.84697 14.6988 4.00412 12.5771 4.00412C10.4554 4.00412 8.42055 4.84697 6.92026 6.34727C5.41997 7.84756 4.57712 9.88239 4.57712 12.0041C4.57712 14.1259 5.41997 16.1607 6.92026 17.661C8.42055 19.1613 10.4554 20.0041 12.5771 20.0041ZM13.5771 12.0041H17.5771V14.0041H11.5771V7.00412H13.5771V12.0041Z" fill="%232aa5dd"/></svg>');
    --icon-search-departures: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.57712 1.00412V3.00412H15.5771V1.00412H17.5771V3.00412H21.5771C21.8423 3.00412 22.0967 3.10948 22.2842 3.29701C22.4718 3.48455 22.5771 3.7389 22.5771 4.00412V20.0041C22.5771 20.2693 22.4718 20.5237 22.2842 20.7112C22.0967 20.8988 21.8423 21.0041 21.5771 21.0041H3.57712C3.3119 21.0041 3.05755 20.8988 2.87001 20.7112C2.68247 20.5237 2.57712 20.2693 2.57712 20.0041V4.00412C2.57712 3.7389 2.68247 3.48455 2.87001 3.29701C3.05755 3.10948 3.3119 3.00412 3.57712 3.00412H7.57712V1.00412H9.57712ZM20.5771 11.0041H4.57712V19.0041H20.5771V11.0041ZM7.57712 5.00412H4.57712V9.00412H20.5771V5.00412H17.5771V7.00412H15.5771V5.00412H9.57712V7.00412H7.57712V5.00412Z" fill="%232aa5dd"/></svg>');
    --icon-search-arrivals: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.57712 1.00412V3.00412H15.5771V1.00412H17.5771V3.00412H21.5771C21.8423 3.00412 22.0967 3.10948 22.2842 3.29701C22.4718 3.48455 22.5771 3.7389 22.5771 4.00412V20.0041C22.5771 20.2693 22.4718 20.5237 22.2842 20.7112C22.0967 20.8988 21.8423 21.0041 21.5771 21.0041H3.57712C3.3119 21.0041 3.05755 20.8988 2.87001 20.7112C2.68247 20.5237 2.57712 20.2693 2.57712 20.0041V4.00412C2.57712 3.7389 2.68247 3.48455 2.87001 3.29701C3.05755 3.10948 3.3119 3.00412 3.57712 3.00412H7.57712V1.00412H9.57712ZM20.5771 11.0041H4.57712V19.0041H20.5771V11.0041ZM7.57712 5.00412H4.57712V9.00412H20.5771V5.00412H17.5771V7.00412H15.5771V5.00412H9.57712V7.00412H7.57712V5.00412Z" fill="%232aa5dd"/></svg>');
    --icon-check: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2221%22%20height%3D%2220%22%20viewBox%3D%220%200%2021%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M8.91045%2012.6457L16.5704%204.98657L17.7488%206.16491L8.91045%2015.0032L3.60712%209.69991L4.78545%208.52157L8.91045%2012.6457Z%22%20fill%3D%22%232aa5dd%22/%3E%3C/svg%3E');
    --icon-heart-gray: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="%232aa5dd"><path d="M12.001 4.52853C14.35 2.42 17.98 2.49 20.2426 4.75736C22.5053 7.02472 22.583 10.637 20.4786 12.993L11.9999 21.485L3.52138 12.993C1.41705 10.637 1.49571 7.01901 3.75736 4.75736C6.02157 2.49315 9.64519 2.41687 12.001 4.52853ZM18.827 6.1701C17.3279 4.66794 14.9076 4.60701 13.337 6.01687L12.0019 7.21524L10.6661 6.01781C9.09098 4.60597 6.67506 4.66808 5.17157 6.17157C3.68183 7.66131 3.60704 10.0473 4.97993 11.6232L11.9999 18.6543L19.0201 11.6232C20.3935 10.0467 20.319 7.66525 18.827 6.1701Z"></path></svg>');
    --icon-heart-primary: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="%232aa5dd"><path d="M12.001 4.52853C14.35 2.42 17.98 2.49 20.2426 4.75736C22.5053 7.02472 22.583 10.637 20.4786 12.993L11.9999 21.485L3.52138 12.993C1.41705 10.637 1.49571 7.01901 3.75736 4.75736C6.02157 2.49315 9.64519 2.41687 12.001 4.52853ZM18.827 6.1701C17.3279 4.66794 14.9076 4.60701 13.337 6.01687L12.0019 7.21524L10.6661 6.01781C9.09098 4.60597 6.67506 4.66808 5.17157 6.17157C3.68183 7.66131 3.60704 10.0473 4.97993 11.6232L11.9999 18.6543L19.0201 11.6232C20.3935 10.0467 20.319 7.66525 18.827 6.1701Z"></path></svg>');
    --icon-heart-red: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16" fill="%232aa5dd"><path d="M12.001 4.52853C14.35 2.42 17.98 2.49 20.2426 4.75736C22.5053 7.02472 22.583 10.637 20.4786 12.993L11.9999 21.485L3.52138 12.993C1.41705 10.637 1.49571 7.01901 3.75736 4.75736C6.02157 2.49315 9.64519 2.41687 12.001 4.52853ZM18.827 6.1701C17.3279 4.66794 14.9076 4.60701 13.337 6.01687L12.0019 7.21524L10.6661 6.01781C9.09098 4.60597 6.67506 4.66808 5.17157 6.17157C3.68183 7.66131 3.60704 10.0473 4.97993 11.6232L11.9999 18.6543L19.0201 11.6232C20.3935 10.0467 20.319 7.66525 18.827 6.1701Z"></path></svg>');
    --icon-heart-fill-primary: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.5782%204.53321C13.721%203.51087%2015.2118%202.96484%2016.7445%203.00724C18.2773%203.04964%2019.7357%203.67726%2020.8202%204.76121C21.9035%205.8444%2022.5315%207.30096%2022.5754%208.8323C22.6193%2010.3636%2022.0757%2011.8538%2021.0562%2012.9972L12.5762%2021.4892L4.09817%2012.9972C3.07743%2011.8532%202.53337%2010.3618%202.57771%208.8292C2.62204%207.29662%203.2514%205.83917%204.33657%204.75604C5.42174%203.67292%206.88038%203.04632%208.41303%203.00488C9.94569%202.96344%2011.4361%203.51031%2012.5782%204.53321Z%22%20fill%3D%22%232aa5dd%22/%3E%3C/svg%3E');
    --icon-moon: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M10.5771%207.00412C10.5769%208.39476%2010.991%209.75395%2011.7664%2010.9083C12.5418%2012.0627%2013.6435%2012.96%2014.9309%2013.4857C16.2184%2014.0114%2017.6332%2014.1417%2018.995%2013.86C20.3568%2013.5784%2021.6039%2012.8974%2022.5771%2011.9041V12.0041C22.5771%2017.5271%2018.1001%2022.0041%2012.5771%2022.0041C7.05415%2022.0041%202.57715%2017.5271%202.57715%2012.0041C2.57715%206.48112%207.05415%202.00412%2012.5771%202.00412H12.6771C12.0112%202.65528%2011.4824%203.43313%2011.1217%204.29183C10.761%205.15054%2010.5759%206.07275%2010.5771%207.00412ZM4.57715%2012.0041C4.57642%2013.7891%205.17268%2015.523%206.27104%2016.9301C7.36941%2018.3371%208.90678%2019.3364%2010.6386%2019.7689C12.3703%2020.2015%2014.197%2020.0424%2015.828%2019.3171C17.459%2018.5918%2018.8005%2017.3418%2019.6391%2015.7661C18.1466%2016.1178%2016.5889%2016.0822%2015.114%2015.6628C13.639%2015.2435%2012.2957%2014.4542%2011.2114%2013.3699C10.1271%2012.2856%209.33779%2010.9423%208.91843%209.4673C8.49906%207.99233%208.46351%206.43468%208.81515%204.94212C7.53473%205.62426%206.46393%206.64178%205.7174%207.88576C4.97088%209.12974%204.57673%2010.5533%204.57715%2012.0041Z%22%20fill%3D%22%232aa5dd%22/%3E%3C/svg%3E');
    --icon-calendar: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9.57715%201.00412V3.00412H15.5771V1.00412H17.5771V3.00412H21.5771C21.8424%203.00412%2022.0967%203.10948%2022.2843%203.29701C22.4718%203.48455%2022.5771%203.7389%2022.5771%204.00412V20.0041C22.5771%2020.2693%2022.4718%2020.5237%2022.2843%2020.7112C22.0967%2020.8988%2021.8424%2021.0041%2021.5771%2021.0041H3.57715C3.31193%2021.0041%203.05758%2020.8988%202.87004%2020.7112C2.68251%2020.5237%202.57715%2020.2693%202.57715%2020.0041V4.00412C2.57715%203.7389%202.68251%203.48455%202.87004%203.29701C3.05758%203.10948%203.31193%203.00412%203.57715%203.00412H7.57715V1.00412H9.57715ZM20.5771%2011.0041H4.57715V19.0041H20.5771V11.0041ZM7.57715%205.00412H4.57715V9.00412H20.5771V5.00412H17.5771V7.00412H15.5771V5.00412H9.57715V7.00412H7.57715V5.00412Z%22%20fill%3D%22%232aa5dd%22/%3E%3C/svg%3E');
    --icon-plus: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2221%22%20height%3D%2220%22%20viewBox%3D%220%200%2021%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M10.5768%204.17079V15.8375%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M4.74414%2010.0041H16.4108%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E');
    --icon-minus: url('data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2221%22%20height%3D%2220%22%20viewBox%3D%220%200%2021%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4.74365%2010.0041H16.4103%22%20stroke%3D%22%23ff784f%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E');
    --icon-right-arrow: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2221%22%20height%3D%2220%22%20viewBox%3D%220%200%2021%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4.74414%2010.0041H16.4108%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M11.4102%2015.0041L16.4102%2010.0041%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M11.4102%205.00412L16.4102%2010.0041%22%20stroke%3D%22white%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
    --icon-adult: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.5771%2012.0041C14.7871%2012.0041%2016.5771%2010.2141%2016.5771%208.00412C16.5771%205.79412%2014.7871%204.00412%2012.5771%204.00412C10.3671%204.00412%208.57715%205.79412%208.57715%208.00412C8.57715%2010.2141%2010.3671%2012.0041%2012.5771%2012.0041ZM12.5771%2014.0041C9.90715%2014.0041%204.57715%2015.3441%204.57715%2018.0041V19.0041C4.57715%2019.5541%205.02715%2020.0041%205.57715%2020.0041H19.5771C20.1271%2020.0041%2020.5771%2019.5541%2020.5771%2019.0041V18.0041C20.5771%2015.3441%2015.2471%2014.0041%2012.5771%2014.0041Z%22%20fill%3D%22%2364748B%22/%3E%3C/svg%3E");
    --icon-child: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2225%22%20height%3D%2224%22%20viewBox%3D%220%200%2025%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M16.0771%2011.0041C16.9056%2011.0041%2017.5771%2010.3325%2017.5771%209.50412C17.5771%208.67569%2016.9056%208.00412%2016.0771%208.00412C15.2487%208.00412%2014.5771%208.67569%2014.5771%209.50412C14.5771%2010.3325%2015.2487%2011.0041%2016.0771%2011.0041Z%22%20fill%3D%22%2364748B%22/%3E%3Cpath%20d%3D%22M9.07715%2011.0041C9.90558%2011.0041%2010.5771%2010.3325%2010.5771%209.50412C10.5771%208.67569%209.90558%208.00412%209.07715%208.00412C8.24872%208.00412%207.57715%208.67569%207.57715%209.50412C7.57715%2010.3325%208.24872%2011.0041%209.07715%2011.0041Z%22%20fill%3D%22%2364748B%22/%3E%3Cpath%20d%3D%22M12.5671%202.00412C7.04715%202.00412%202.57715%206.48412%202.57715%2012.0041C2.57715%2017.5241%207.04715%2022.0041%2012.5671%2022.0041C18.0971%2022.0041%2022.5771%2017.5241%2022.5771%2012.0041C22.5771%206.48412%2018.0971%202.00412%2012.5671%202.00412ZM12.5771%2020.0041C8.15715%2020.0041%204.57715%2016.4241%204.57715%2012.0041C4.57715%207.58412%208.15715%204.00412%2012.5771%204.00412C16.9971%204.00412%2020.5771%207.58412%2020.5771%2012.0041C20.5771%2016.4241%2016.9971%2020.0041%2012.5771%2020.0041ZM7.57715%2014.0041C8.35715%2016.3441%2010.2971%2018.0041%2012.5771%2018.0041C14.8571%2018.0041%2016.7971%2016.3441%2017.5771%2014.0041H7.57715Z%22%20fill%3D%22%2364748B%22/%3E%3C/svg%3E");
  }

  * {
    font-family: "Inter", sans-serif !important;
  }

  body {
    margin: 0;
    font-optical-sizing: auto;
    background-color: var(--bg-muted);
  }

  #test {
    display: none;
    background-color: lightyellow;
    color: var(--text-color);
    height: 36px;
    line-height: 20px;
    padding: 8px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    z-index: 9999;
    box-sizing: border-box;
    border-bottom: 1px solid darkgoldenrod;
    font-weight: 500;
  }

  #cc a {
    color: var(--text-primary);
  }

  #header {
    all: revert;
    box-shadow: var(--box-shadow-lg);
    padding: 8px 0 16px 0;
    background-color: var(--bg-white);
  }

  #header .cc_limit_width {
    all: revert;
    display: flex;
    flex-direction: column-reverse;
    max-width: var(--breakpoint-xl);
    position: relative;
  }

  #header #header_nav {
    all: revert;
    margin-top: 4px;
    justify-content: space-between;
    
  }

  #header #header_nav>label,
  #header #header_nav>input {
    display: none;
  }

  #header #header_nav #menu {
    all: revert;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 2px;
  }

  #header #header_nav #menu li {
    all: revert;
  }

  #header #header_nav #menu li#menu_lang_switch {
    display: none;
  }

  #header #header_nav #menu li a {
    display: block;
    padding: 12px 16px 12px 16px;
    color: var(--text-muted);
    font-size: 13px;
    text-decoration: none;
  }

  #header #header_nav #menu>li>a {
    border-radius: 6px;
    font-weight: 500;
  }

  #header #header_nav #menu>li>a:hover,
  #header #header_nav #menu>li>a.menu_active {
    background: var(--bg-white) !important;
    background-color: var(--bg-white) !important;
    color: var(--text-primary);
  }

  #header #header_nav #menu>li.menu_active>a {
    background: var(--bg-primary-muted);
    color: var(--text-primary);
  }

  #header #header_nav #menu>li:has(ul):has(li)>a {
    padding: 12px 32px 12px 16px;
    position: relative;
  }

  #header #header_nav #menu>li:has(ul):has(li)>a::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 8px;
    content: " ";
    background-image: var(--arrow-down);
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
  }

  #header #header_nav #menu>li:has(ul):has(li) ul {
    all: revert;
    border-radius: 4px;
    overflow: hidden;
    display: none;
    position: absolute;
    z-index: 999;
    margin: 0;
    padding: 0;
    padding-top: 4px;
    list-style: none;
    z-index: 999;
    background: var(--white);
  }

  #header #header_nav #menu>li:has(ul):has(li) ul a {
    white-space: nowrap;
  }

  #header #header_nav #menu>li:has(ul):has(li):hover ul {
    box-shadow: var(--box-shadow-lg);
    display: flex;
    max-width: 480px;
    flex-wrap: wrap;
    padding: 12px;
  }

  #header #header_nav #menu>li:has(ul):has(li):hover ul li {
    width: 240px;
  }

  #header #header_nav #menu>li:has(ul):has(li):hover ul li a {
    padding: 12px;
    white-space: unset;
    border-radius: 4px;
  }

  #header #header_nav #menu>li:has(ul):has(li):hover ul li a:hover {
    background: var(--bg-primary-muted);
    color: var(--text-primary);
  }

  #header #cc-header-add-content--1 {
    all: revert;
  }

  #header #cc-header-add-content--1 .header-call {
    position: absolute;
    top: 16px;
    left: 284px;
    display: flex;
    flex-direction: column;
    color: var(--text-primary);
    padding-left: 24px;
    border-left: 1px solid var(--border);
  }

  #header #cc-header-add-content--1 .header-call span {
    font-size: 11px;
    line-height: 14px;
  }

  #header #cc-header-add-content--1 .header-call strong,
  #header #cc-header-add-content--1 .header-call a {
    font-weight: bold;
    color: var(--text-primary);
    text-decoration: none;
    font-size: 13px;
    line-height: 18px;
  }

  #header #cc-header-add-content--1 .header-watchlist {
    position: absolute;
    top: 16px;
    right: 136px;
    width: 140px;
  }

  #header #cc-header-add-content--1 .header-watchlist a {
    display: block;
    height: 32px;
    font-size: 12px;
    line-height: 16px;
    padding: 8px 16px 8px 36px;
    box-sizing: border-box;
    text-decoration: none;
    color: var(--red-600);
    border: 1px solid var(--red-200);
    border-radius: 4px;
  }

  #header #cc-header-add-content--1 .header-watchlist a:hover {
    border: 1px solid var(--red-500);
  }

  #header #cc-header-add-content--1 .header-watchlist a:active {
    background-color: var(--red-50);
  }

  #header #cc-header-add-content--1 .header-watchlist a::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 12px;
    content: " ";
    height: 16px;
    width: 16px;
    background-image: var(--icon-heart-red);
    background-repeat: no-repeat;
  }

  #header #cc-header-add-content--1 .header-agency {
    position: absolute;
    top: 16px;
    right: 284px;
  }

  #header #cc-header-add-content--1 .header-agency a {
    display: block;
    height: 32px;
    font-size: 12px;
    line-height: 16px;
    padding: 8px 16px;
    box-sizing: border-box;
    text-decoration: none;
    color: var(--text-primary);
    border: 1px solid var(--border-primary-light);
    border-radius: 4px;
  }

  #header #cc-header-add-content--1 .header-agency a:hover {
    border: 1px solid var(--border-primary);
  }

  #header #cc-header-add-content--1 .header-agency a:active {
    background-color: var(--bg-primary-muted);
  }

  #header #header_lang_switch {
    all: revert;
    position: absolute;
    top: 16px;
    right: 0;
    display: flex;
    flex-direction: row-reverse;
    gap: 8px;
    width: 128px;
  }

  #header #header_lang_switch select {
    width: 60px;
    height: 32px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: var(--text-primary);
    border: 1px solid var(--border-primary-light);
    border-radius: 4px;
    line-height: 16px;
    padding: 8px 24px 8px 12px;
    text-transform: uppercase;
    background-image: var(--arrow-down-primary);
    background-position: calc(100% - 4px) center;
    background-repeat: no-repeat;
  }

  #header #header_lang_switch select:hover {
    cursor: pointer;
    outline: 1px solid var(--border-primary);
  }

  #header #header_lang_switch select:focus {
    outline: 1px solid var(--primary-600);
  }

  #header #header_lang_switch select:active {
    background-color: var(--bg-primary-muted);
    outline: 1px solid var(--primary-600);
  }

  #header #header_logo {
    all: revert;
    display: inline-flex;
    height: 64px;
    align-items: center;
  }

  #header #header_logo a {
    display: block;
  }

  #header #header_telephone,
  #header #header_openinghours,
  #header .header_img {
    display: none;
  }

  #layout #cc {
    font-family: "Inter", sans-serif;
  }

  #layout #cc.cc_width_exc {
    max-width: unset !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    color: var(--text-color);
  }

  #layout #cc .pagemaker-widget {
    all: revert !important;
    max-width: var(--breakpoint-xl) !important;
    margin-top: 24px !important;
  }

  #layout #cc .pagemaker-widget.cc-widget--search .lp_ss {
    background: none;
    display: flex;
  }

  #layout #cc .pagemaker-widget.cc-widget--search .lp_ss_box03 {
    all: revert !important;
    flex: 1 !important;
    width: 400px !important;
  }

  #layout #cc .pagemaker-widget.cc-widget--search .lp_ss_box03 .lp_ss_box03_inlay {
    padding: 0 !important;
    background: #F2F2F2;
    padding-left: 4px !important;
    border-radius: 16px 0px 0px 16px;
    box-shadow: var(--box-shadow-lg);
  }

  #layout #cc .pagemaker-widget.cc-widget--search .lp_ss_box03 .lp_ss_box03_inlay>div {
    display: flex;
    flex-direction: column;
    height: 500px;
    box-sizing: border-box;
    padding: 16px !important;
    background-color: var(--white);
    border-radius: 16px 0px 0px 16px;
  }

  #layout #cc .pagemaker-widget.cc-widget--search .lp_ss_box04 {
    width: 880px;
    background: none;
  }

  #layout #cc .pagemaker-widget.cc-widget--search .flexslider {
    width: 880px;
    border-radius: 0 16px 16px 0;
    overflow: hidden;
  }

  #layout #cc .pagemaker-widget.cc-widget--search .flexslider .lp_slider_box {
    width: 100%;
    height: 500px;
  }

  #layout #cc .pagemaker-widget.cc-widget--search .flex-control-nav {
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    padding: 8px;
  }

  #layout #cc .pagemaker-widget.cc-widget--search .flex-control-nav a {
    box-shadow: unset !important;
    background-color: var(--gray-300) !important;
  }

  #layout #cc .pagemaker-widget.cc-widget--search .flex-control-nav a:hover {
    background-color: var(--gray-400) !important;
  }

  #layout #cc .pagemaker-widget.cc-widget--search .flex-control-nav a.active {
    background-color: var(--primary-600) !important;
  }

  #layout #cc .pagemaker-widget.cc-widget--search .flex-container .flex-control-nav+.flex-control-nav {
    display: none;
  }

  #layout #cc .pagemaker-widget.cc-widget--content {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: unset !important;
    padding: 0 !important;
  }

  #layout #cc .pagemaker-widget.cc-widget--content:has(+ .cc-widget--product-map) {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    height: 120px !important;
    z-index: 1 !important;
    margin-top: 0 !important;
  }

  #layout #cc .pagemaker-widget.cc-widget--content:has(+ .cc-widget--product-map) .section-title,
  #layout #cc .pagemaker-widget.cc-widget--content:has(+ .cc-widget--product-map) .section-subtitle {
    color: var(--white);
  }

  #layout #cc .pagemaker-widget.cc-widget--panel {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }

  #layout #cc .pagemaker-widget.cc-widget--panel .lp_trip {
    display: flex;
    gap: 24px;
    background-color: unset;
    padding: 0;
    --transition: all 0.3s ease;
  }

  #layout #cc .pagemaker-widget.cc-widget--panel .lp_trip .lp_trip_box {
    margin: 0;
    border-radius: 8px;
    transition: var(--transition);
    background-size: 100% 100%;
  }

  #layout #cc .pagemaker-widget.cc-widget--panel .lp_trip .lp_trip_box:hover {
    background-size: 105% 105%;
  }

  #layout #cc .pagemaker-widget.cc-widget--panel .lp_trip .lp_trip_box:hover a {
    position: relative;
    padding-bottom: 20px;
    background: linear-gradient(0deg, rgb(8, 48, 73) 0%, rgba(8, 48, 73, 0) 80%);
  }

  #layout #cc .pagemaker-widget.cc-widget--panel .lp_trip .lp_trip_box:hover a .price {
    padding-bottom: 20px;
  }

  #layout #cc .pagemaker-widget.cc-widget--panel .lp_trip .lp_trip_box a {
    transition: var(--transition);
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: end;
    box-sizing: border-box;
    padding: 16px;
    background: linear-gradient(0deg, rgb(8, 48, 73) 0%, rgba(8, 48, 73, 0) 70%);
  }

  #layout #cc .pagemaker-widget.cc-widget--panel .lp_trip .lp_trip_box .headline {
    background-color: unset;
    margin: 0;
    padding: 0;
  }

  #layout #cc .pagemaker-widget.cc-widget--panel .lp_trip .lp_trip_box .headline span {
    color: var(--white);
    font-size: 22px;
    line-height: 32px;
    font-weight: bold;
  }

  #layout #cc.cc_width_exc {
    max-width: unset !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    color: var(--text-color);
  }

  #layout #cc .pagemaker-widget {
    all: revert !important;
    max-width: var(--breakpoint-xl) !important;
    width: 100% !important;
    margin-top: 24px !important;
  }

  #layout #cc .pagemaker-widget.cc-widget--search .lp_ss {
    background: none;
    display: flex;
  }

  #layout #cc .pagemaker-widget.cc-widget--search .lp_ss_box03 {
    all: revert !important;
    flex: 1 !important;
    width: 400px !important;
  }

  #layout #cc .pagemaker-widget.cc-widget--search .lp_ss_box04 {
    width: 880px;
    background: none;
  }

  #layout #cc .pagemaker-widget.cc-widget--search .flex-control-nav {
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    padding: 8px;
  }

  #layout #cc .pagemaker-widget.cc-widget--search .flex-control-nav a {
    box-shadow: unset !important;
    background-color: var(--gray-300) !important;
  }

  #layout #cc .pagemaker-widget.cc-widget--search .flex-control-nav a:hover {
    background-color: var(--gray-400) !important;
  }

  #layout #cc .pagemaker-widget.cc-widget--search .flex-control-nav a.active {
    background-color: var(--primary-600) !important;
  }

  #layout #cc .pagemaker-widget.cc-widget--search .flex-container .flex-control-nav+.flex-control-nav {
    display: none;
  }

  #layout #cc .pagemaker-widget.cc-widget--content {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: unset !important;
  }

  #layout #cc .pagemaker-widget.cc-widget--content:has(+ .cc-widget--product-map) {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    height: 120px !important;
    z-index: 1 !important;
    margin-top: 0 !important;
    max-width: 1440px !important;
  }

  #layout #cc .pagemaker-widget.cc-widget--content:has(+ .cc-widget--product-map) .section-title,
  #layout #cc .pagemaker-widget.cc-widget--content:has(+ .cc-widget--product-map) .section-subtitle {
    color: var(--white);
  }

  #layout #cc .pagemaker-widget.cc-widget--panel {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }

  #layout #cc .pagemaker-widget.cc-widget--panel .lp_trip {
    display: flex;
    gap: 24px;
    background-color: unset;
    padding: 0;
    --transition: all 0.3s ease;
  }

  #layout #cc .pagemaker-widget.cc-widget--panel .lp_trip .lp_trip_box {
    margin: 0;
    border-radius: 8px;
    transition: var(--transition);
    background-size: 100% 100%;
  }

  #layout #cc .pagemaker-widget.cc-widget--panel .lp_trip .lp_trip_box:hover {
    background-size: 105% 105%;
  }

  #layout #cc .pagemaker-widget.cc-widget--panel .lp_trip .lp_trip_box:hover a {
    position: relative;
    padding-bottom: 20px;
    background: linear-gradient(0deg, rgb(8, 48, 73) 0%, rgba(8, 48, 73, 0) 80%);
  }

  #layout #cc .pagemaker-widget.cc-widget--panel .lp_trip .lp_trip_box:hover a .price {
    padding-bottom: 20px;
  }

  #layout #cc .pagemaker-widget.cc-widget--panel .lp_trip .lp_trip_box a {
    transition: var(--transition);
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: end;
    box-sizing: border-box;
    padding: 16px;
    background: linear-gradient(0deg, rgb(8, 48, 73) 0%, rgba(8, 48, 73, 0) 70%);
  }

  #layout #cc .pagemaker-widget.cc-widget--panel .lp_trip .lp_trip_box .headline {
    background-color: unset;
    margin: 0;
    padding: 0;
  }

  #layout #cc .pagemaker-widget.cc-widget--panel .lp_trip .lp_trip_box .headline span {
    color: var(--white);
    font-size: 22px;
    line-height: 32px;
    font-weight: bold;
  }

  #layout #cc .pagemaker-widget.cc-widget--panel .lp_trip .lp_trip_box .text {
    all: revert;
    background-color: unset;
    margin: 0;
    padding: 0;
    color: var(--white);
    line-height: 24px;
  }

  #layout #cc .pagemaker-widget.cc-widget--panel .lp_trip .lp_trip_box .text span {
    font-weight: 400;
    line-height: 24px;
    display: block;
  }

  #layout #cc .pagemaker-widget.cc-widget--panel .lp_trip .lp_trip_box .period {
    color: var(--white);
  }

  #layout #cc .pagemaker-widget.cc-widget--panel .lp_trip .lp_trip_box .price {
    all: revert;
    transition: var(--transition);
    color: var(--white);
    position: absolute;
    padding: 16px;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    line-height: 16px;
  }

  #layout #cc .pagemaker-widget.cc-widget--panel .lp_trip .lp_trip_box .price span {
    line-height: 32px;
  }

  #layout #cc .pagemaker-widget.cc-widget--panel .lp_trip .lp_trip_box a:not([href*="210332"]) .price {
    padding-top: 36px;
  }

  #layout #cc .pagemaker-widget.cc-widget--panel .lp_trip .lp_trip_box a:not([href*="210332"]) .price span {
    position: absolute;
    top: 0;
    right: 16px;
  }

  #layout #cc .pagemaker-widget.cc-widget--panel:has(+ * + .cc-widget--product-map) {
    max-width: unset !important;
    background-position: bottom center !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
    background-image: var(--wave) !important;
  }

  #layout #cc .pagemaker-widget.cc-widget--panel:has(+ * + .cc-widget--product-map) .lp_trip {
    width: var(--breakpoint-xl) !important;
    margin: 0 auto;
  }

  #layout #cc .pagemaker-widget.cc-widget--product-map {
    padding: 120px 10px !important;
    padding-top: 0px !important;
    max-width: unset !important;
    margin-top: 0 !important;
  }

  #layout #cc .pagemaker-widget.cc-widget--product-map #map-canvas {
    max-width: 1440px !important;
    margin: 24px auto 0 auto;
    border-radius: 16px;
    border: 8px solid var(--white);
  }

  #layout #cc .pagemaker-widget.cc-widget--carousel {
    margin-top: 0 !important;
  }

  #layout #cc .pagemaker-widget.cc-widget--carousel .swiper {
    position: relative;
  }

  #layout #cc .pagemaker-widget.cc-widget--carousel .swiper .swiper-button-prev,
  #layout #cc .pagemaker-widget.cc-widget--carousel .swiper .swiper-button-next {
    display: none !important;
    position: absolute;
    top: 0;
    right: 0;
    left: unset;
    width: 32px;
    height: 32px;
    background-size: 24px 24px;
    background-image: var(--arrow-right);
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 !important;
    border-radius: 4px;
  }

  #layout #cc .pagemaker-widget.cc-widget--carousel .swiper .swiper-button-prev:hover,
  #layout #cc .pagemaker-widget.cc-widget--carousel .swiper .swiper-button-next:hover {
    background-color: var(--primary-100);
  }

  #layout #cc .pagemaker-widget.cc-widget--carousel .swiper .swiper-button-prev:after,
  #layout #cc .pagemaker-widget.cc-widget--carousel .swiper .swiper-button-next:after {
    display: none;
  }

  #layout #cc .pagemaker-widget.cc-widget--carousel .swiper .swiper-button-prev {
    right: 40px;
    background-image: var(--arrow-left-primary);
  }

  #layout #cc .pagemaker-widget.cc-widget--carousel .swiper-wrapper {
    display: flex;
    gap: 0;
  }

  #layout #cc .pagemaker-widget.cc-widget--carousel .swiper-wrapper .swiper-slide {
    padding: 24px 20px;
    margin: 0 !important;
    width: 170px!important;
  }

  #layout #cc .pagemaker-widget.cc-widget--carousel .swiper-wrapper .swiper-slide .lp_trip_box_offimage {
    border-radius: 8px;
    box-shadow: var(--box-shadow-lg);
    border: 0;
    margin: 0 !important;
  }

  #layout #cc .pagemaker-widget.cc-widget--carousel .swiper-wrapper .swiper-slide .lp_trip_box_offimage a:after {
    display: block;
    position: absolute;
    top: 260px;
    left: 0;
    right: 0;
    margin: auto;
    content: " ";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    height: 32px;
    max-width: 180px;
  }

  #layout #cc .pagemaker-widget.cc-widget--carousel .swiper-wrapper .swiper-slide .image {
    height: 220px;
    background-position: center center;
    margin-bottom: 0;
  }

  #layout #cc .pagemaker-widget.cc-widget--carousel .swiper-wrapper .swiper-slide .content {
    padding: 54px 16px 16px 16px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  #layout #cc .pagemaker-widget.cc-widget--carousel .swiper-wrapper .swiper-slide .content .headline {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    min-height: unset;
    padding-bottom: 12px;
    width: 100%;
    flex-basis: auto;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--border);
  }

  #layout #cc .pagemaker-widget.cc-widget--carousel .swiper-wrapper .swiper-slide .content .text {
    font-size: 14px;
    line-height: 24px;
  }

  #layout #cc .pagemaker-widget.cc-widget--carousel .swiper-wrapper .swiper-slide .content .text .period {
    font-size: 12px;
  }

  #layout #cc .pagemaker-widget.cc-widget--carousel .swiper-wrapper .swiper-slide .content .price {
    text-align: right;
    font-size: 12px;
    line-height: 20px;
    position: relative;
  }

  #layout #cc .pagemaker-widget.cc-widget--carousel .swiper-wrapper .swiper-slide .content .price span {
    font-size: 18px;
    line-height: 24px;
    display: block;
  }

  #layout #cc .pagemaker-widget.cc-widget--carousel .swiper-wrapper .swiper-slide a:not([href*="210332"]) .content .price {
    padding-top: 24px;
  }

  #layout #cc .pagemaker-widget.cc-widget--carousel .swiper-wrapper .swiper-slide a:not([href*="210332"]) .content .price span {
    position: absolute;
    top: 0;
    right: 0;
  }

  #layout #cc .pagemaker-widget.cc-widget--multi-column {
    background-color: unset;
  }

  #layout #cc .pagemaker-widget.cc-widget--multi-column .content-split-flex {
    display: flex;
    gap: 48px;
  }

  #layout #cc .pagemaker-widget .content-split-flex {
    background-color: unset !important;
  }

  #layout #cc .pagemaker-widget .textbox {
    background-color: unset !important;
    overflow: unset !important;
  }

  #layout #cc .pagemaker-widget .section-title {
    font-size: 24px;
    line-height: 36px;
    font-weight: bold;
    color: var(--text-primary);
    text-transform: unset;
  }

  #layout #cc .pagemaker-widget .section-subtitle {
    font-size: 16px;
    line-height: 24px;
    color: var(--text-color);
    margin: 0;
  }

  #layout #cc .pagemaker-widget .section-text {
    font-size: 16px;
    line-height: 24px;
    color: var(--text-color);
    margin-top: 16px;
  }

  #layout #cc .pagemaker-widget .section-list {
    padding: 16px 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  #layout #cc .pagemaker-widget .section-list li {
    position: relative;
    padding-left: 32px;
    gap: 12px;
    font-size: 16px;
    line-height: 24px;
  }

  #layout #cc .pagemaker-widget .section-list li::before {
    position: absolute;
    top: 0;
    left: 0;
    content: " ";
    background-image: var(--icon-check);
    background-size: 24px 24px;
    height: 24px;
    width: 24px;
  }

  #layout #cc .pagemaker-widget .section-boxes {
    padding: 16px 0;
    display: flex;
    gap: 24px;
  }

  #layout #cc .pagemaker-widget .section-boxes .section-box {
    display: flex;
    flex: 1;
    gap: 24px;
    padding: 24px;
    background-color: var(--bg-white);
    background-image: var(--box-red-bg);
    border-left: 4px solid var(--brand-red);
    border-radius: 4px;
    background-repeat: no-repeat;
    box-shadow: var(--box-shadow-lg);
    background-size: cover;
    align-items: center;
  }

  #layout #cc .pagemaker-widget .section-boxes .section-box::before {
    content: " ";
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    background-image: var(--box-red-icon);
    background-repeat: no-repeat;
  }

  #layout #cc .pagemaker-widget .section-boxes .section-box .box-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    line-height: 24px;
  }

  #layout #cc .pagemaker-widget .section-boxes .section-box .box-text strong {
    color: var(--brand-red);
  }

  #layout #cc .pagemaker-widget .section-boxes .section-box.box-green {
    background-image: var(--box-green-bg);
    border-left: 4px solid var(--brand-green);
  }

  #layout #cc .pagemaker-widget .section-boxes .section-box.box-green::before {
    background-image: var(--box-green-icon);
  }

  #layout #cc .pagemaker-widget .section-boxes .section-box.box-green .box-text strong {
    color: var(--brand-green);
  }

  #layout #cc .pagemaker-widget .section-boxes .section-box.box-blue {
    background-image: var(--box-blue-bg);
    border-left: 4px solid var(--brand-blue);
  }

  #layout #cc .pagemaker-widget .section-boxes .section-box.box-blue::before {
    background-image: var(--box-blue-icon);
  }

  #layout #cc .pagemaker-widget .section-boxes .section-box.box-blue .box-text strong {
    color: var(--brand-blue);
  }

  #layout #cc .pagemaker-widget .section-partners {
    display: flex;
    padding: 32px;
    justify-content: space-around;
    align-items: center;
    background-color: #fff;
    box-shadow: var(--box-shadow-lg);
    border-radius: 8px;
  }

  #layout #cc .pagemaker-widget .section-partners>div img {
    max-height: 36px;
    max-width: 180px;
  }

  #layout #search {
    position: relative;
    flex: 1;
  }

  #layout #search .searchdiv {
    margin: 0;
    margin-top: 12px;
    min-height: unset;
    position: relative;
    --value-font-weight: 500;
      --value-color: var(--text-black-primary);
    color: var(--text-black-primary);
    /* border: 1px solid var(--text-black-primary) !important; */
    border-radius: 7px !important;
  }

  #layout #search .searchdiv::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    margin: auto;
    content: " ";
    background-image: var(--arrow-down);
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
  }

  #layout #search .searchdiv::before {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 12px;
    margin: auto;
    content: " ";
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
  }

  #layout #search .searchdiv input {
    font-weight: var(--value-font-weight);
    color: var(--value-color);
  }

  #layout #search .searchdiv#areas::before {
    background-image: var(--icon-search-areas);
  }

  #layout #search .searchdiv#areas input[value="Cruise area"],
  #layout #search .searchdiv#areas input[value=Destinasyonlar] {
    font-weight: 400;
    color: var(--text-muted);
  }

  #layout #search .searchdiv#cruiselines::before {
    background-image: var(--icon-search-cruiselines);
  }

  #layout #search .searchdiv#cruiselines input[value="Cruise line "],
  #layout #search .searchdiv#cruiselines input[value="Gemi Firması "] {
    font-weight: 400;
    color: var(--text-muted);
  }

  #layout #search .searchdiv#ships::before {
    background-image: var(--icon-search-ships);
  }

  #layout #search .searchdiv#ships input[value="Ship "],
  #layout #search .searchdiv#ships input[value="Gemi "] {
    font-weight: 400;
    color: var(--text-muted);
  }

  #layout #search .searchdiv#durations::before {
    background-image: var(--icon-search-durations);
  }

  #layout #search .searchdiv#durations input[value="Cruise length "],
  #layout #search .searchdiv#durations input[value="Süre "] {
    font-weight: 400;
    color: var(--text-muted);
  }

  #layout #search .searchdiv#departures::before {
    background-image: var(--icon-search-departures);
  }

  #layout #search .searchdiv#departures input[value="Earliest departure "],
  #layout #search .searchdiv#departures input[value="Kalkış Tarihi "] {
    font-weight: 400;
    color: var(--text-muted);
  }

  #layout #search .searchdiv#arrivals::before {
    background-image: var(--icon-search-arrivals);
  }

  #layout #search .searchdiv#arrivals input[value="Latest return "],
  #layout #search .searchdiv#arrivals input[value="Varış Tarihi "] {
    font-weight: 400;
    color: var(--text-muted);
  }

  #layout #search .searchdiv .searchbutton {
    width: 100% !important;
    border-radius: 6px;
    background: unset;
    padding: 8px 24px 8px 48px;
    font-size: 14px;
    line-height: 20px;
    min-height: unset !important;
    height: unset;
    box-sizing: border-box;
    height: 38px;
  }

  #layout #search .searchdiv .searchbutton:hover {
    color: #000 !important;
    background-color: #ede9e9;
    border-color: var(--border-primary) !important;
  }

  #layout #search .lay_01 {
    margin: 0 0 16px 0;
  }

  #layout #search .lay_01 h2 {
    color: var(--text-primary);
    text-transform: capitalize;
  }

  #layout #search .lay_01_1 fieldset,
  #layout #search .lay_01_2 fieldset {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
  }

  #layout #search .lay_01_1 fieldset .radio-custom-label,
  #layout #search .lay_01_1 fieldset .checkbox-custom-label,
  #layout #search .lay_01_2 fieldset .radio-custom-label,
  #layout #search .lay_01_2 fieldset .checkbox-custom-label {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px 16px 8px 8px;
    margin: 0;
    line-height: 16px;
    border: 1px solid var(--border);
    border-radius: 6px 0 0 6px;
    color: var(--text-color);
    height: 38px;
  }

  #layout #search .lay_01_1 fieldset .radio-custom-label.checkbox-custom-label,
  #layout #search .lay_01_1 fieldset .checkbox-custom-label.checkbox-custom-label,
  #layout #search .lay_01_2 fieldset .radio-custom-label.checkbox-custom-label,
  #layout #search .lay_01_2 fieldset .checkbox-custom-label.checkbox-custom-label {
    border: 0;
    gap: 0;
  }

  #layout #search .lay_01_1 fieldset .radio-custom-label:last-child,
  #layout #search .lay_01_1 fieldset .checkbox-custom-label:last-child,
  #layout #search .lay_01_2 fieldset .radio-custom-label:last-child,
  #layout #search .lay_01_2 fieldset .checkbox-custom-label:last-child {
    border-radius: 0 6px 6px 0;
    border-left: 0;
  }

  #layout #search .searchlist {
    border-radius: 4px;
    border: 1px solid var(--gray-200);
    margin-top: 2px;
    box-shadow: var(--box-shadow-lg);
    width: 110% !important;
  }

  #layout #search .searchlist .helperContainer {
    border-radius: 4px 4px 0 0;
    background-color: var(--gray-50) !important;
    height: unset !important;
    border-bottom: 1px solid var(--gray-200);
    padding: 8px !important;
    margin-bottom: 4px;
  }

  #layout #search .searchlist .helperContainer button {
    margin-bottom: 0 !important;
  }

  #layout #search .searchlist .checkboxLayer {
    width: auto !important;
    border-radius: 0 0 4px 4px;
    position: unset !important;
  }

  #layout #search .searchlist .checkboxLayer label:hover {
    background-color: var(--gray-50) !important;
  }

  #layout #search .searchlist .datepicker-inline {
    padding: 16px;
  }

  #layout #search .searchlist .datepicker-inline .datepicker {
    width: unset !important;
    border: 1px solid var(--gray-200);
  }

  #layout #search .searchlist .datepicker-inline .datepicker--cell.-focus- {
    background-color: var(--gray-50) !important;
  }

  #layout #btnSearch {
    margin-top: 16px !important;
    width: 100% !important;
    line-height: 0 !important;
    font-size: 14px;
    font-weight: bold;
    background-color: var(--bg-primary);
    color: var(--text-on-primary);
    border-radius: 8px;
  }

  #layout+div {
    display: block !important;
  }

  a[href*="www.cruisehost.net"] {
    display: block !important;
  }

  footer {
    background: linear-gradient(90deg, #E72027 0%, #E72027 33%, #77AB09 33%, #77AB09 66%, #22A4DE 66%, #22A4DE 100%);
    padding-top: 4px;
    clear: both;
    margin-top: 48px;
  }

  footer .footer-wrapper {
    background-color: var(--bg-white);
  }

  footer .footer-inner {
    margin: 0 auto;
    max-width: var(--breakpoint-xl);
    padding: 48px 0;
    display: flex;
    gap: 24px;
  }

  footer .footer-inner .footer-col {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  footer .footer-inner .footer-col:last-child {
    align-items: flex-end;
  }

  footer .footer-inner .footer-menu {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  footer .footer-inner .footer-menu strong {
    font-size: 20px;
    color: var(--primary-700);
  }

  footer .footer-inner .footer-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  footer .footer-inner .footer-menu ul li a {
    font-size: 14px;
    line-height: 22px;
    color: var(--gray-600);
    text-decoration: none;
  }

  footer .footer-inner .footer-menu ul li a:hover {
    text-decoration: underline;
  }

  footer .footer-inner .footer-call {
    display: flex;
    text-decoration: none;
    gap: 16px;
    padding: 16px 24px;
    border-radius: 16px;
    border: 2px solid var(--primary-600);
  }

  footer .footer-inner .footer-call span {
    display: block;
    font-size: 14px;
    line-height: 22px;
    color: var(--gray-600);
  }

  footer .footer-inner .footer-call a,
  footer .footer-inner .footer-call strong {
    display: block;
    font-size: 20px;
    line-height: 26px;
    color: var(--primary-600);
  }

  footer .footer-inner .footer-call:hover {
    background-color: var(--primary-50);
    box-shadow: var(--box-shadow-lg);
  }

  footer .footer-inner .footer-logo {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: flex-end;
    align-items: flex-end;
  }

  footer .footer-inner .footer-logo div {
    display: flex;
    gap: 16px;
  }

  footer .footer-inner .footer-logo div div {
    display: flex;
    gap: 16px;
    flex-direction: column;
  }

  footer .copyright {
    padding: 24px 0;
    background-color: var(--gray-600);
    color: var(--gray-300);
    font-size: 11px;
    line-height: 20px;
  }

  footer .copyright .copyright-inner {
    margin: 0 auto;
    max-width: var(--breakpoint-xl);
  }

  #layout #cc {
    max-width: var(--breakpoint-xl) !important;
    background-color: unset;
    color: var(--text-color);
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
    padding: 24px 0;
  }

  #layout #cc #tpm {
    width: 100%;
    background-color: unset;
    border: unset;
    padding: 0;
    display: none;
  }

  #layout #cc #tpm #tpm_left {
    display: flex;
    gap: 8px;
  }

  #layout #cc #tpm #tpm_left>div {
    float: unset !important;
  }

  #layout #cc #tpm .clear {
    display: none;
  }

  #layout #cc #tpm #btn_back,
  #layout #cc #tpm #tpm_ml a {
    color: var(--text-color);
    background-image: var(--arrow-left);
    background-position: 8px center;
    background-repeat: no-repeat;
    padding: 8px 12px 8px 28px;
    text-transform: capitalize;
    transition: unset;
    border-radius: 4px;
    border: unset;
    background-size: 16px 16px;
  }

  #layout #cc #tpm #btn_back:hover,
  #layout #cc #tpm #tpm_ml a:hover {
    background-color: var(--bg-white);
    box-shadow: var(--box-shadow-sm);
    background-image: var(--arrow-left-primary);
    color: var(--primary-500);
  }

  #layout #cc #tpm #tpm_ml a {
    background-image: var(--icon-heart-gray);
  }

  #layout #cc #tpm #tpm_ml a:hover {
    background-image: var(--icon-heart-red);
    color: var(--red-500);
  }

  #layout #cc #cc_bk_navi {
    display: none;
    background-color: unset;
    padding: 8px 16px;
  }

  #layout #cc #cc_lay_filter {
    background-color: var(--bg-white);
    border-radius: 8px;
    box-shadow: var(--box-shadow-lg);
    width: 360px;
    height: -moz-fit-content;
    height: fit-content;
    display: unset !important;
  }

  #layout #cc #cc_lay_filter #cc_lay_filter_detail .searchdiv input {
    width: 100% !important;
    border: 1px solid #767474 !important;
    color: #767474;
    border-radius: 6px;
    background: unset;
    background-color: var(--bg-white);
    background-image: var(--arrow-down);
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) center;
    padding: 8px 40px 8px 16px;
    font-size: 14px;
    line-height: 20px;
    height: 38px;
    margin: 0;
  }

  #layout #cc #cc_lay_filter #cc_lay_filter_detail #btnSearch {
    background-color: var(--bg-white);
    border: 1px solid var(--border-primary);
    color: var(--text-primary);
  }

  #layout #cc #cc_lay_filter #cc_lay_filter_detail+div:has(img, small) {
    display: none;
  }

  #layout #cc #cc_lay_page {
    flex: 1;
    background-color: unset;
  }

  #layout #cc #cc_lay_page #cruise_list {
    display: flex !important;
    flex-direction: column;
    gap: 24px;
  }

  #layout #cc #cc_lay_page #cruise_list #cc_lay_sort {
    padding: 0;
    color: var(--text-color);
  }

  #layout #cc #cc_lay_page #cruise_list #cc_lay_sort .liste_box_sort {
    padding: 0;
    align-items: center;
  }

  #layout #cc #cc_lay_page #cruise_list #cc_lay_sort .liste_box_sort .liste_box_01 {
    font-size: 20px;
    line-height: 28px;
  }

  #layout #cc #cc_lay_page #cruise_list #cc_lay_sort .liste_box_sort .liste_box_01 span {
    font-weight: bold;
  }

  #layout #cc #cc_lay_page #cruise_list #cc_lay_sort .liste_box_sort .liste_box_02 {
    flex: unset;
  }

  #layout #cc #cc_lay_page #cruise_list #cc_lay_sort .liste_box_sort .liste_box_02 select {
    width: 100% !important;
    border: 1px solid var(--border) !important;
    color: var(--text-muted);
    border-radius: 6px;
    background: unset;
    background-color: var(--bg-white);
    background-image: var(--arrow-down);
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) center !important;
    padding: 8px 40px 8px 16px;
    font-size: 14px;
    line-height: 20px;
    height: 38px;
    margin: 0;
  }

  #layout #cc #cc_lay_page #cruise_list #cc_lay_sort .liste_box_sort .liste_box_02 select:focus {
    outline: 1px solid var(--border-primary);
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box {
    position: relative;
    padding: 0;
    background-color: var(--bg-white);
    border: 0;
    box-shadow: var(--box-shadow-lg);
    border-radius: 8px;
    color: var(--text-color);
    transition: all 0.2s ease;
    margin-bottom: 10px;
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_01 {
    margin: 0;
    position: relative;
    width: 320px;
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_01 a {
    display: block;
    overflow: hidden;
    border-radius: 8px 0 0 8px;
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_01 a img {
    transition: all 0.2s ease;
    margin: 0;
    position: unset;
    width: auto;
    height: 240px;
    padding: 0;
    border-radius: unset;
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_01>img {
    position: absolute;
    width: auto;
    height: auto;
    max-width: 120px;
    max-height: 32px;
    padding: 4px;
    border-radius: 4px;
    top: 8px;
    right: 8px;
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 12px 176px 8px 16px;
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .button_favor,
  #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .button_favor_blue {
    z-index: 3;
    position: absolute;
    top: 8px;
    left: 8px;
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .liste_box_headline {
    margin: 0;
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .liste_box_headline a {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 12px 176px 8px 336px;
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .liste_box_headline em {
    font-size: 18px;
    line-height: 24px;
    color: var(--text-primary);
    font-weight: bold;
    margin-bottom: 4px;
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 br.clear {
    display: none;
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .liste_box_br {
    margin-top: 4px;
    display: flex;
    gap: 4px;
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .liste_box_nights {
    position: absolute;
    width: 160px;
    padding: 28px 16px;
    z-index: 1;
    box-sizing: border-box;
    right: 0;
    top: 24px;
    line-height: 16px;
    margin: 0;
    display: flex;
    justify-content: flex-end;
    gap: 4px;
    border: 0;
    color: var(--text-primary);
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .liste_box_nights em {
    width: unset;
    font-size: unset;
    color: #363636;
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .liste_box_text {
    margin: 0;
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .liste_box_text p strong.ng-binding {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    padding: 12px 16px 12px 0;
    width: 160px;
    box-sizing: border-box;
    line-height: 16px;
    text-align: right;
    color: var(--text-color);
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .liste_box_text p.ng-binding {
    font-size: 12px;
    padding: 4px 8px;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    margin-bottom: 4px;
    display: inline-flex;
    color: #363636 !important;
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .liste_box_text p.ng-binding:nth-child(2) {
    max-height: 78px;
    overflow: hidden;
    line-height: 16px;
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .liste_box_preis {
    position: absolute;
    right: 0;
    bottom: 64px;
    display: flex;
    flex-direction: column;
    width: 160px;
    padding: 16px;
    z-index: 1;
    box-sizing: border-box;
    color: #363636;
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .liste_box_preis span {
    font-size: 36px;
    line-height: 32px;
    font-weight: bold;
    color: var(--text-primary);
    margin-top: 5px;
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .b_forward {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    background-color: var(--gray-50);
    width: 160px;
    padding: 12px 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin: 0;
    bottom: 0;
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .b_forward a {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-start;
    height: 64px;
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .b_forward a i {
    transition: all 0.2s ease;
    width: 100%;
    box-sizing: border-box;
    display: block;
    padding: 8px 16px;
    color: var(--primary-500);
    border: 1px solid var(--border-primary);
    border-radius: 4px;
    font-size: 16px;
    line-height: 22px;
    position: relative;
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .b_forward a i::after {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    right: 12px;
    margin: auto;
    content: " ";
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    background-image: var(--arrow-right);
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .b_forward a b {
    display: block;
    margin: 0;
    font-size: 11px;
    position: absolute;
    bottom: 24px;
    right: 48px;
    line-height: 16px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background-color: var(--primary-600);
    color: var(--white);
    font-weight: bold;
    text-align: center;
    border-radius: 999px;
    box-sizing: border-box;
    padding: 0;
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box:hover .liste_box_01 a img {
    height: 248px;
    margin: -4px;
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box:hover .b_forward {
    background-color: var(--green-50);
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box:hover .b_forward a i {
    background-color: var(--bg-primary);
    color: var(--white);
    border: 1px solid var(--green-500);
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box:hover .b_forward a i::after {
    right: 8px;
    background-image: var(--arrow-right-white);
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box:hover .b_forward a b {
    background-color: var(--bg-primary);
    color: var(--white);
    z-index: 1;
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box:hover .liste_box_preis span {
    color: var(--bg-primary);
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box:hover .liste_box_nights {
    color: var(--bg-primary);
  }

  #layout #cc #cc_lay_page #cruise_list .liste_box:hover .liste_box_nights em {
    color: var(--bg-primary);
  }

  #layout #cc #cc_lay_page div.textbox:has(+ #cruise_list) {
    background-color: unset;
    overflow: visible;
  }

  #layout #cc #cc_lay_page div.landing_panel {
    overflow: hidden;
    position: relative;
    background-color: var(--bg-white);
    border-radius: 8px;
    box-shadow: var(--box-shadow-lg);
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
  }

  #layout #cc #cc_lay_page div.landing_panel .inner {
    transition: height 0.3s ease;
    height: 180px;
    padding: 16px;
    padding-bottom: 80px;
    overflow: hidden;
    box-sizing: border-box;
  }

  #layout #cc #cc_lay_page div.landing_panel .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 48px 16px 0 16px;
    display: flex;
    justify-content: flex-end;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgb(255, 255, 255) 33%, rgba(255, 255, 255, 0) 100%);
  }

  #layout #cc #cc_lay_page div.landing_panel .footer .landing_panel_button {
    position: relative;
    background-color: unset;
    border: 0;
    cursor: pointer;
    padding: 16px 32px 16px 16px;
    color: var(--primary-500);
  }

  #layout #cc #cc_lay_page div.landing_panel .footer .landing_panel_button::after {
    display: block;
    width: 16px;
    height: 16px;
    content: " ";
    position: absolute;
    right: 8px;
    bottom: 0;
    top: 0;
    margin: auto;
    background-size: 16px 16px;
    background-image: var(--arrow-down-primary);
    background-repeat: no-repeat;
  }

  #layout #cc #cc_lay_page div.landing_panel.show .inner {
    height: unset;
    padding-bottom: 48px;
  }

  #layout #cc #cc_lay_page div.landing_panel.show .footer {
    padding: 0 16px;
  }

  #layout #cc #cc_lay_page div.landing_panel.show .landing_panel_button::after {
    transform: rotate(180deg);
  }

  #layout #cc .button_favor,
  #layout #cc .button_favor_blue {
    background-image: var(--icon-heart-primary);
    height: 40px;
    width: 40px;
    background-color: var(--bg-white-70);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    border-radius: 4px;
  }

  #layout #cc .button_favor a.tooltip.blue,
  #layout #cc .button_favor_blue a.tooltip.blue {
    display: block;
    height: 40px;
    width: 40px;
  }

  #layout #cc .button_favor a.tooltip.blue::after,
  #layout #cc .button_favor_blue a.tooltip.blue::after {
    background-color: var(--primary-600);
    box-shadow: var(--box-shadow-sm);
  }

  #layout #cc .button_favor a.tooltip.blue:hover::after,
  #layout #cc .button_favor_blue a.tooltip.blue:hover::after {
    left: auto;
    right: 100%;
    bottom: unset;
    margin-right: 8px;
  }

  #layout #cc .button_favor a.tooltip.blue::before,
  #layout #cc .button_favor_blue a.tooltip.blue::before {
    border-left-color: var(--primary-600);
  }

  #layout #cc .button_favor a.tooltip.blue:hover::before,
  #layout #cc .button_favor_blue a.tooltip.blue:hover::before {
    bottom: unset;
    left: auto;
    right: 100%;
    top: 8px;
  }

  #layout #cc .button_favor:hover,
  #layout #cc .button_favor_blue:hover {
    background-color: var(--bg-white-90);
  }

  #layout #cc .button_favor.button_favor_blue,
  #layout #cc .button_favor_blue.button_favor_blue {
    background-color: var(--bg-white-90);
    background-image: var(--icon-heart-fill-primary);
  }

  #layout #cc div[class^=icon] {
    background-color: var(--gray-500);
    border: 0;
    z-index: 3;
    border-radius: 2px;
  }

  #layout #cc div[class^=icon]:hover {
    background-color: var(--primary-600);
  }

  #layout #cc div[class^=icon] a::before {
    display: none;
  }

  #layout #cc div[class^=icon] a::after {
    background-color: var(--primary-600);
    border-radius: 2px;
  }

  #layout #cc div[class^=icon] a:hover::after {
    top: -28px;
    left: 0;
  }

  #layout #cc #cc_lay_ship {
    background-color: unset;
    width: 100%;
  }

  #layout #cc #cc_lay_ship .page_box {
    padding: 16px 0;
    border: 0;
  }

  #layout #cc #cc_lay_ship .page_box:has(.liste_box_02) {
    padding-bottom: 48px;
  }

  #layout #cc #cc_lay_ship .page_box .liste_box_02 {
    display: flex;
    gap: 16px;
    position: relative;
    padding-left: 166px;
  }

  #layout #cc #cc_lay_ship .page_box .liste_box_02 .liste_box_headline {
    flex: 1;
    order: 1;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: var(--text-black-primary);
  }

  #layout #cc #cc_lay_ship .page_box .liste_box_02 .liste_box_headline em {
    font-weight: bold;
    font-size: 24px;
    line-height: 36px;
    color: var(--text-primary);
  }

  #layout #cc #cc_lay_ship .page_box .liste_box_02 .liste_box_nights {
    order: 3;
    border: 0;
    margin: 0;
    height: 64px;
    padding: 8px 16px;
    background-color: var(--color-100-muted);
    font-size: 14px;
    color: var(--text-black-primary);
    border-radius: 8px;
    border: var(--border-dashed);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    box-sizing: border-box;
  }

  #layout #cc #cc_lay_ship .page_box .liste_box_02 .liste_box_nights em {
    font-size: 16px;
    color: var(--text-black-primary);
    font-style: normal;
    width: unset;
    font-weight: 500;
  }

  #layout #cc #cc_lay_ship .page_box .liste_box_02 .liste_box_nights::before {
    content: "";
    background-image: var(--icon-moon);
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    margin-right: 4px;
  }

  #layout #cc #cc_lay_ship .page_box .liste_box_02 .liste_box_date {
    display: none !important;
  }

  #layout #cc #cc_lay_ship .page_box .liste_box_02>div:last-child {
    order: 2;
  }

  #layout #cc #cc_lay_ship .page_box .liste_box_02>div:last-child table tr:first-child td:first-child {
    display: none;
  }

  #layout #cc #cc_lay_ship .page_box .liste_box_02>div:last-child table tr:first-child td:last-child {
    height: 64px;
    padding: 8px 16px;
    background-color: var(--color-100-muted);
    font-size: 14px;
    color: var(--text-black-primary);
    border-radius: 8px;
    border: var(--border-dashed);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    box-sizing: border-box;
    font-weight: 500;
  }

  #layout #cc #cc_lay_ship .page_box .liste_box_02>div:last-child table tr:first-child td:last-child::before {
    content: "";
    background-image: var(--icon-calendar);
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    margin-right: 4px;
  }

  #layout #cc #cc_lay_ship .page_box .liste_box_02>div:last-child table tr:nth-child(2) td:first-child {
    display: none;
  }

  #layout #cc #cc_lay_ship .page_box .liste_box_02>div:last-child table tr:nth-child(2) td:last-child {
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
    height: 64px;
    padding: 0;
    background-color: var(--color-100-muted);
    font-size: 14px;
    color: var(--black);
    border-radius: 8px;
    border: var(--border-dashed);
  }

  #layout #cc #cc_lay_ship .page_box .liste_box_02>div:last-child table tr:nth-child(3) {
    position: absolute;
    width: 100%;
    bottom: -36px;
    box-sizing: border-box;
    left: 0;
    background-color: var(--bg-white);
    font-size: 14px;
    color: var(--text-color);
    border-radius: 8px;
    border: 1px solid var(--border);
  }

  #layout #cc #cc_lay_ship .page_box .liste_box_02>div:last-child table tr:nth-child(3) td {
    padding: 8px;
  }

  #layout #cc #cc_lay_ship #hidden>.page_box {
    margin-top: 24px;
  }

  #layout #cc #cc_lay_ship #hidden>.page_box>h4:last-child {
    margin: 0;
  }

  #layout #cc #cc_lay_ship #hidden>.page_box:first-child {
    margin-top: 0;
    padding-bottom: 48px;
  }

  #layout #cc #cc_lay_ship #hidden>.page_box:not(:first-child) {
    background-color: var(--bg-white);
    padding: 32px;
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--text-color);
  }

  #layout #cc #cc_lay_ship #hidden>.page_box:not(:first-child) .page_content_1 {
    margin: 0;
  }

  #layout #cc #cc_lay_ship #hidden>.page_box:not(:first-child) .page_content_2>p {
    font-size: 16px;
    line-height: 24px;
    color: var(--text-primary);
    font-weight: 500;
  }

  #layout #cc #cc_lay_ship #hidden>.page_box:not(:first-child) h4,
  #layout #cc #cc_lay_ship #hidden>.page_box:not(:first-child) h4 a {
    font-size: 20px;
    line-height: 32px;
    color: var(--text-primary);
    font-weight: 500;
    text-transform: capitalize;
  }

  #layout #cc #cc_lay_ship #hidden>.page_box:not(:first-child) .page_table {
    padding: 8px;
    border: 1px solid var(--border);
    background-color: var(--bg-white);
    border-radius: 8px;
  }

  #layout #cc #cc_lay_ship #hidden>.page_box:not(:first-child) .page_table table {
    margin: 0;
  }

  #layout #cc #cc_lay_ship #hidden>.page_box:not(:first-child) .page_table th {
    padding: 12px;
    border: 0;
    color: var(--text-muted);
    font-size: 12px;
    border-bottom: 1px solid var(--border);
  }

  #layout #cc #cc_lay_ship #hidden>.page_box:not(:first-child) .page_table td {
    padding: 12px;
    border: 0;
    border-top: 1px solid var(--border);
    color: var(--text-color);
    font-size: 14px;
  }

  #layout #cc #cc_lay_ship #hidden>.page_box:not(:first-child) .page_table tr:first-child td {
    border: 0;
  }

  #layout #cc #cc_lay_ship #hidden>.page_box:not(:first-child) .page_list_check ul {
    padding: 0;
    margin: 0;
  }

  #layout #cc #cc_lay_ship #hidden>.page_box:not(:first-child) .page_list_check ul li {
    font-size: 14px;
    color: var(--text-color);
    background-image: var(--icon-check);
    background-position: center left;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    padding: 4px 4px 4px 32px;
  }

  #layout #cc #cc_lay_ship #hidden>.page_box:not(:first-child) .page_list_check hr {
    display: none;
  }

  #layout #cc #cc_lay_ship #hidden>.page_box:not(:first-child) .page_list_no ul {
    padding: 0;
    margin: 0;
  }

  #layout #cc #cc_lay_ship #hidden>.page_box:not(:first-child) .page_list_no ul li {
    font-size: 14px;
    color: var(--text-color);
    background-image: var(--icon-minus-gray);
    background-position: center left;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    padding: 4px 4px 4px 32px;
  }

  #layout #cc #cc_lay_ship #hidden>.page_box:has(.page_content_2) {
    display: flex;
  }

  #layout #cc #cc_lay_ship #hidden>.page_box .page_offers_cabine_ckd {
    padding: 0;
    border: 0;
  }

  #layout #cc #cc_lay_ship #hidden>.page_box .tbl_cabine {
    background-color: var(--bg-muted);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 16px;
    width: 100%;
  }

  #layout #cc #cc_lay_ship #hidden>.page_box .tbl_cabine tr td {
    padding: 8px;
  }

  #layout #cc #cc_lay_ship #hidden>.page_box .tbl_cabine tr td:first-child {
    text-transform: capitalize;
    width: 30% !important;
  }

  #layout #cc #cc_lay_ship .page_content_header {
    padding: 0;
    position: relative;
  }

  #layout #cc #cc_lay_ship .page_content_header:has(.page_offers_chk) {
    padding-left: 50%;
  }

  #layout #cc #cc_lay_ship .page_content_header>h1 {
    font-size: 20px;
    line-height: 32px;
    color: var(--text-primary);
    font-weight: 500;
    text-transform: capitalize;
    padding-top: 60px;
    padding-left: 32px;
    margin-bottom: -60px;
  }

  #layout #cc #cc_lay_ship .page_content_header>h1+div {
    background-color: var(--bg-white);
    padding: 32px;
    padding-top: 92px;
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--text-color);
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_chk {
    width: calc(50% - 12px);
    position: absolute;
    left: 0;
    background-color: var(--bg-white);
    padding: 0;
    border-radius: 8px;
    box-sizing: border-box;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_chk .price_tbl {
    border: 1px solid var(--border);
    background-color: unset;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_chk .price_tbl td[colspan] {
    padding: 16px 16px 4px 16px;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd {
    background-color: var(--bg-white);
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid var(--border);
    display: flex;
    align-items: flex-start;
    position: relative;
    margin-bottom: 20px;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine h4,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine .page_offers_cabine_ausw,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd h4,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .page_offers_cabine_ausw {
    /* flex: 1; */
    float: unset;
    width: unset;
    text-transform: uppercase;
    color: var(--black);
    font-size: 14px;
    line-height: 24px;
    margin: 0;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine {
    color: var(--text-black-primary);
    font-size: 14px;
    line-height: 24px;
    text-transform: capitalize;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine tr,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine tr {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine td,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine td {
    padding: 8px 24px 8px 0;
    width: unset !important;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine td:nth-child(2),
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine td:nth-child(2) {
    min-width: 80px;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine td [class*=page_offers_cabine_],
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine td [class*=page_offers_cabine_] {
    margin: 0 0 0 8px;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine td .page_offers_cabine_adult,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine td .page_offers_cabine_adult_ckd,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine td .page_offers_cabine_adult,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine td .page_offers_cabine_adult_ckd {
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center center;
    background-image: var(--icon-adult);
    margin: 0;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine td .page_offers_cabine_child,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine td .page_offers_cabine_child_ckd,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine td .page_offers_cabine_child,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine td .page_offers_cabine_child_ckd {
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center center;
    background-image: var(--icon-child);
    margin: 0;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine td .b_cabine_box,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine td .b_cabine_box {
    width: unset;
    border: unset;
    background: unset;
    display: flex;
    gap: 4px;
    height: unset;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine td .b_cabine_box>div,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine td .b_cabine_box>div {
    height: 24px;
    width: 24px;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center center;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine td .b_cabine_box .b_cabine_box_sub,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine td .b_cabine_box .b_cabine_box_sub {
    background-color: var(--primary-100);
    background-image: var(--icon-minus);
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine td .b_cabine_box .b_cabine_box_sub:hover,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine td .b_cabine_box .b_cabine_box_sub:hover {
    background-color: var(--primary-200);
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine td .b_cabine_box .b_cabine_box_add,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine td .b_cabine_box .b_cabine_box_add {
    background-color: var(--primary-600);
    background-image: var(--icon-plus);
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine td .b_cabine_box .b_cabine_box_add:hover,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine td .b_cabine_box .b_cabine_box_add:hover {
    background-color: var(--primary-700);
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine td.cabine_child,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine td.cabine_child {
    padding: 0;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine td.cabine_child select.age,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine td.cabine_child select.age {
    margin: 0 !important;
    border: 1px solid var(--border);
    background-color: var(--bg-white);
    color: var(--text-color);
    background-image: var(--arrow-down);
    background-size: 20px 20px;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine td.cabine_child select.age:active,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine td.cabine_child select.age:focus,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine td.cabine_child select.age:active,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine td.cabine_child select.age:focus {
    outline: 1px solid var(--border-primary);
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine td [ng-click="delCabin()"],
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine td [ng-click="delCabin()"] {
    position: absolute;
    left: 16px;
    bottom: 16px;
    text-decoration: none;
    color: var(--text-muted);
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine td [ng-click="delCabin()"]:hover,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine td [ng-click="delCabin()"]:hover {
    color: var(--red-500);
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine:not(:has(.tbl_cabine)),
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd:not(:has(.tbl_cabine)) {
    position: relative;
    background-color: unset;
    border: unset;
    padding: unset;
    height: 0;
    margin: 0;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine:not(:has(.tbl_cabine)) h4,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd:not(:has(.tbl_cabine)) h4 {
    display: none;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine:not(:has(.tbl_cabine)) .underline,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd:not(:has(.tbl_cabine)) .underline {
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid var(--border-primary);
    border-radius: 6px;
    padding: 8px 16px;
    line-height: 24px;
    color: var(--text-primary);
    text-decoration: unset;
    text-transform: capitalize;
    box-sizing: border-box;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 12px center;
    background-image: var(--icon-plus-primary);
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine:not(:has(.tbl_cabine)) .underline:hover,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd:not(:has(.tbl_cabine)) .underline:hover {
    background-color: var(--primary-50);
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine:not(:has(.tbl_cabine)) .underline:active,
  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd:not(:has(.tbl_cabine)) .underline:active {
    background-color: var(--primary-100);
    border-color: var(--primary-700);
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_l {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 8px;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_r {
    position: relative;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_r .page_offers_cabine_head {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_r .page_offers_cabine_head_sub {
    font-size: 12px;
    line-height: 20px;
    color: var(--text-color);
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_r .b_forward_100 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 4px 8px;
    border-radius: 4px;
    width: auto !important;
    background-image: none;
    transition: none;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_r .b_forward_100 i {
    padding: 0;
    font-weight: 400 !important;
    font-size: 12px;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_r .tbl_cabine {
    width: 100%;
    background: var(--bg-muted);
    border: 1px solid var(--border);
    border-radius: 7px;
    padding: 0 8px;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_r .tbl_cabine tbody {
    display: flex;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_r .tbl_cabine tr {
    display: flex;
    justify-content: unset;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_r .tbl_cabine tr:first-child {
    display: none;
  }

  #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_r .tbl_cabine td .b_cabine_pass {
    display: flex;
  }

  #layout #cc #cc_lay_ship .page_content_header #cc_next {
    width: unset !important;
    border-radius: 6px;
    padding: 8px 24px;
    line-height: 24px;
    color: var(--white);
    text-decoration: unset;
    text-transform: capitalize;
    box-sizing: border-box;
    padding-right: 48px;
    background-color: var(--text-primary);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: calc(100% - 16px) center;
    background-image: var(--icon-right-arrow);
    margin: 0;
  }

  #layout #cc #cc_lay_ship .page_content_header #cc_next i {
    width: unset;
    padding: unset;
    display: unset;
  }

  #layout #cc #cc_lay_ship .page_content_header form[name=requestFORM] input[type=submit],
  #layout #cc #cc_lay_ship .page_content_header form#cc_lay_ship input[type=submit] {
    width: auto !important;
    border-radius: 6px;
    padding: 8px 24px;
    line-height: 24px;
    color: var(--white);
    text-decoration: unset;
    text-transform: capitalize;
    box-sizing: border-box;
    padding-right: 48px;
    background-color: var(--green-600);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: calc(100% - 16px) center;
    background-image: var(--icon-right-arrow);
    margin: 0;
    transition: none;
  }

  #layout #cc #cc_lay_ship .page_content_header form#cc_lay_ship input[type=submit] {
    margin-top: 24px;
  }

  #layout #cc #cc_lay_ship .price_tbl {
    border-spacing: 0;
    margin: 0;
    width: 100%;
    color: var(--text-black-primary);
    border: 1px solid var(--border);
    border-radius: 4px;
    background-color: var(--bg-white);
  }

  #layout #cc #cc_lay_ship .price_tbl th {
    text-transform: capitalize;
    border: 0;
    border-left: 1px solid var(--border);
    padding: 12px 16px;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
  }

  #layout #cc #cc_lay_ship .price_tbl th:first-child {
    border: 0;
  }

  #layout #cc #cc_lay_ship .price_tbl td {
    font-weight: bold;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 20px;
    border-left: 1px solid var(--border);
    border-top: 1px solid var(--border);
  }

  #layout #cc #cc_lay_ship .price_tbl td:first-child {
    border-left: 0;
  }

  #layout #cc #cc_lay_ship .price_tbl td.price_tbl_01 {
    background-color: transparent;
    color: var(--black);
  }

  #layout #cc #cc_lay_ship .price_tbl td small {
    font-weight: normal;
    color: var(--text-muted);
  }

  #layout #cc #cc_lay_ship .all_offers_filter_flex {
    padding: 32px 16px 16px 16px;
  }

  #layout #cc #cc_lay_ship .page_offers {
    display: flex;
    position: relative;
    background-color: var(--bg-white);
    padding: 24px;
    padding-bottom: 80px;
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--text-color);
    margin-bottom: 16px;
  }

  #layout #cc #cc_lay_ship .page_offers .page_offers_textbox {
    flex: 1;
    width: 50%;
    font-size: 16px;
  }

  #layout #cc #cc_lay_ship .page_offers .page_offers_textbox p:first-child {
    line-height: 24px;
    margin-bottom: 4px;
  }

  #layout #cc #cc_lay_ship .page_offers .page_offers_textbox p:first-child strong {
    margin-top: 4px;
    display: block;
  }

  #layout #cc #cc_lay_ship .page_offers .page_offers_textbox .color_days {
    color: var(--text-primary);
  }

  #layout #cc #cc_lay_ship .page_offers .page_offers_flex:nth-child(2) {
    flex: 0;
  }

  #layout #cc #cc_lay_ship .page_offers_flex {
    width: 50%;
  }

  #layout #cc #cc_lay_ship .page_offers_flex .page_offers_flex_01 {
    position: absolute;
    left: 24px;
    bottom: 24px;
    display: flex;
    gap: 2px;
    padding: 0;
  }

  #layout #cc #cc_lay_ship .page_offers_flex .page_offers_flex_03 {
    position: absolute;
    right: 24px;
    bottom: 24px;
    display: flex;
    flex-direction: row-reverse;
    gap: 16px;
    align-items: center;
    padding: 0;
  }

  #layout #cc #cc_lay_ship .page_offers_flex .page_offers_flex_03 .b_forward {
    width: 100% !important;
    border: 1px solid var(--border-primary);
    border-radius: 6px;
    padding: 8px 24px;
    line-height: 24px;
    text-decoration: unset;
    text-transform: capitalize;
    box-sizing: border-box;
    padding-right: 48px;
    background-color: unset;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: calc(100% - 16px) center;
    background-image: var(--icon-right-arrow-primary);
    margin: 0;
  }

  #layout #cc #cc_lay_ship .page_offers_flex .page_offers_flex_03 .b_forward i {
    width: unset;
    padding: unset;
    display: unset;
    color: var(--text-primary);
  }

  #layout #cc .page_nav {
    margin: 0;
    border: 0;
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: var(--bg-muted);
  }

  #layout #cc .page_nav #pagenav {
    display: flex;
    border-bottom: 1px solid transparent;
    background-color: var(--white);
  }

  #layout #cc .page_nav #pagenav li span {
    color: var(--text-primary);
    font-weight: 500;
    border-bottom: 2px solid var(--text-primary);
  }

  #layout #cc .page_nav #pagenav li a {
    color: var(--text-color);
    font-weight: 500;
  }

  #layout #cc .page_nav #pagenav li a:hover {
    background-size: 16px 16px;
    background-image: var(--arrow-down);
    background-position: center right;
  }

  #layout #cc .page_content {
    padding: 24px 0;
    display: flex;
    gap: 24px;
  }

  #layout #cc .page_content .page_content_1 {
    margin: 0;
  }

  #layout #cc .page_content .page_content_2>p {
    font-size: 16px;
    line-height: 24px;
    color: var(--black);
    font-weight: 500;
  }

  #layout #cc .page_content h4,
  #layout #cc .page_content h4 a {
    font-size: 20px;
    line-height: 32px;
    color: var(--text-primary);
    font-weight: 800;
    text-transform: capitalize;
  }

  #layout #cc .page_content .page_table {
    padding: 8px;
    border: 1px solid var(--border);
    background-color: var(--bg-white);
    border-radius: 8px;
  }

  #layout #cc .page_content .page_table table {
    margin: 0;
  }

  #layout #cc .page_content .page_table th {
    padding: 12px;
    border: 0;
    color: var(--text-muted);
    font-size: 12px;
    border-bottom: 1px solid var(--border);
  }

  #layout #cc .page_content .page_table td {
    padding: 12px;
    border: 0;
    border-top: 1px solid var(--black);
    color: var(--text-black-primary);
    font-size: 14px;
  }

  #layout #cc .page_content .page_table tr:first-child td {
    border: 0;
  }

  #layout #cc .page_content #map_canvas {
    border: 4px solid var(--white);
    border-radius: 8px;
    box-sizing: border-box;
  }

  #layout #cc .page_content .page_list_check ul {
    padding: 0;
    margin: 0;
  }

  #layout #cc .page_content .page_list_check ul li {
    font-size: 14px;
    color: var(--text-black-primary);
    background-image: var(--icon-check);
    background-position: center left;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    padding: 4px 4px 4px 32px;
  }

  #layout #cc .page_content .page_list_check hr {
    display: none;
  }

  #layout #cc .page_content .page_list_no ul {
    padding: 0;
    margin: 0;
  }

  #layout #cc .page_content .page_list_no ul li {
    font-size: 14px;
    color: var(--text-black-primary);
    background-image: var(--icon-minus-gray);
    background-position: center left;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    padding: 4px 4px 4px 32px;
  }

  #layout #cc .page_content[data-scrollpoint=service] {
    background-color: var(--bg-white);
    padding: 32px;
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--text-color);
  }

  #layout #cc .page_content[data-scrollpoint=operator] {
    margin-top: 8px;
    background-color: var(--bg-white);
    padding: 16px 16px 16px 48px;
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--text-muted);
    background-image: var(--icon-info);
    background-position: 12px center;
    background-size: 24px 24px;
    background-repeat: no-repeat;
  }

  #layout #cc .page_content[data-scrollpoint=ship] {
    height: 800px;
    overflow-y: auto;
    background-color: var(--bg-white);
    padding: 32px;
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--text-color);
  }

  #layout #cc .page_content[data-scrollpoint=ship] .page_table {
    margin-bottom: 24px;
  }

  #layout #cc .page_content[data-scrollpoint=ship] h3 {
    padding: 16px 24px;
    margin: 0;
  }

  #layout #cc .page_content[data-scrollpoint=ship] h3+.page_list_check {
    margin-top: -48px;
    margin-bottom: 24px;
    padding: 48px 24px 24px 24px;
    background-color: var(--bg-muted);
    border-radius: 8px;
  }

  #layout #cc .page_content[data-scrollpoint=ship] .page_gallery+p {
    background-color: var(--backgournd-hover-bg);
    color: var(--black);
    padding: 16px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 24px;
  }

  #layout #cc .page_content[data-scrollpoint=deck] {
    background-color: var(--bg-white);
    padding: 32px;
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--text-black-primary);
  }

  #layout #cc .page_content[data-scrollpoint=deck] #slideList {
    background-color: var(--white);
    border: 1px solid var(--primary-600);
    color: var(--text-primary);
    font-size: 16px;
    padding: 8px 12px;
    background-image: var(--arrow-down-primary);
    background-size: 20px 20px;
    font-weight: bold;
    outline: none;
  }

  #layout #cc .page_content[data-scrollpoint=deck] #zoomify_decks {
    border: 0 !important;
    margin-top: 0 !important;
    padding-top: 8px;
  }

  #layout #cc .page_content[data-scrollpoint=deck] #ViewerDisplay {
    border: 1px solid var(--border) !important;
    border-radius: 8px !important;
  }

  #layout #cc .page_content[data-scrollpoint=cabine] {
    background-color: var(--bg-white);
    padding: 32px;
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--text-color);
  }

  #layout #cc .page-detail h1 {
    font-size: 24px;
    line-height: 36px;
    font-weight: bold;
    color: var(--text-primary);
    text-transform: unset;
  }

  #layout #cc .page-detail h2 {
    text-transform: unset;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-color);
    margin: 0;
  }

  #layout #cc .page-detail p {
    font-size: 16px;
    line-height: 24px;
    color: var(--text-color);
    margin-bottom: 16px;
  }

  #layout #cc .page-detail ul {
    padding: 16px;
    margin: 0 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    list-style: unset;
  }

  #layout #cc .page-detail ul li {
    position: relative;
    gap: 12px;
    font-size: 16px;
    line-height: 24px;
    display: list-item;
  }

  #layout #cc .selection_cabine a {
    border-radius: 4px;
    overflow: hidden;
    background: var(--primary-600);
    padding-bottom: 8px;
  }

  #layout #cc .selection_cabine a:hover {
    background: var(--primary-700);
  }

  #layout #cc .selection_cabine a img {
    margin-bottom: 6px;
  }

  #layout #cc .selection_cabine .selection_cb_out a {
    opacity: 0.7;
    background: var(--gray-500);
  }

  #layout #cc .selection_cabine .selection_cb_out a:hover {
    opacity: 1;
  }

  #layout #cc .selection_cabine .selection_price_01,
  #layout #cc .selection_cabine .selection_price_00 {
    background-color: var(--green-600);
    color: var(--white);
    text-align: center;
    padding: 8px;
    margin-top: 1px;
    border-radius: 4px;
  }

  #layout #cc .selection_cabine .selection_price_00 {
    background-color: var(--gray-900);
  }

  #layout #cc #selection_cb_cat {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  #layout #cc #selection_cb_cat>div {
    background-color: var(--bg-white);
    border: 1px solid var(--border);
    border-radius: 8px;
    overflow: hidden;
  }

  #layout #cc #selection_cb_cat>div>a {
    position: relative;
    padding: 12px;
    font-weight: bold;
  }

  #layout #cc #selection_cb_cat>div>a:hover {
    color: var(--text-primary);
    background-color: var(--bg-muted);
  }

  #layout #cc #selection_cb_cat>div>a::after {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 12px;
    content: " ";
    background-image: var(--arrow-down-primary);
    rotate: 180deg;
    background-size: 16px 16px;
    height: 16px;
    width: 16px;
  }

  #layout #cc #selection_cb_cat>div>a:has(+ div.ng-hide)::after {
    background-image: var(--arrow-down);
    rotate: unset;
  }

  #layout #cc #selection_cb_cat>div .page_list_check {
    padding: 12px;
    border-top: 1px solid var(--border);
  }

  #layout #cc table.selection_cat {
    margin: 0;
    padding: 8px;
    border: 1px solid var(--border);
    background-color: var(--bg-white);
    border-radius: 8px;
  }

  #layout #cc table.selection_cat th {
    padding: 12px;
    border: 0;
    color: var(--text-muted);
    font-size: 12px;
    border-bottom: 1px solid var(--border);
    background-color: unset;
  }

  #layout #cc table.selection_cat td {
    padding: 12px;
    border: 0;
    border-top: 1px solid var(--border);
    color: var(--text-black-primary);
    font-size: 14px;
  }

  #layout #cc table.selection_cat tr:hover {
    background-color: var(--bg-muted);
  }

  #layout #cc table.selection_cat tr:first-child td {
    border: 0;
  }

  #layout #cc table.selection_cat select {
    width: 100% !important;
    border: 1px solid var(--border) !important;
    color: var(--text-muted);
    border-radius: 6px;
    background: unset;
    background-color: var(--bg-white);
    background-image: var(--arrow-down);
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) center;
    padding: 8px 40px 8px 16px;
    font-size: 14px;
    line-height: 20px;
    height: 38px;
    margin: 0;
  }

  #layout #cc table.selection_cat select:focus {
    outline: 1px solid var(--border-primary);
  }

  #layout #cc table.selection_cat #cc_radio_cab {
    margin-top: 24px;
    border: 1px solid var(--border) !important;
    border-radius: 6px;
    padding: 12px;
    background-color: var(--bg-white);
  }

  #layout #cc table.selection_cat #cc_radio_cab>div>div {
    width: 50%;
    padding: 8px;
    box-sizing: border-box;
    margin: 0;
  }

  #layout #cc table.selection_cat #cc_radio_cab>div>div label {
    outline: none;
  }

  #layout #cc table.selection_cat .b_forward_100 {
    width: 100% !important;
    border-radius: 6px;
    padding: 8px 24px;
    line-height: 24px;
    color: var(--white);
    text-decoration: unset;
    text-transform: capitalize;
    box-sizing: border-box;
    padding-right: 48px;
    background-color: var(--bg-primary);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: calc(100% - 16px) center;
    background-image: var(--icon-right-arrow);
    margin: 0;
  }

  #layout #cc table.selection_cat .b_forward_100 i {
    width: unset;
    padding: unset;
    display: unset;
  }

  #layout #cc #passData .product img,
  #stripepayment .product img {
    margin: 0;
  }

  #layout #cc #passData .product .description,
  #stripepayment .product .description {
    margin-left: 24px;
  }

  #layout #cc #passData #cc-sipay-form,
  #stripepayment #cc-sipay-form {
    text-align: right;
  }

  #layout #cc #passData #cc-sipay-form .form-container,
  #stripepayment #cc-sipay-form .form-container {
    text-align: left;
  }

  #layout #cc #passData .page_content,
  #layout #cc #passData .page_box_form,
  #stripepayment .page_content,
  #stripepayment .page_box_form {
    background-color: var(--bg-white);
    padding: 32px;
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--text-color);
    margin-bottom: 24px;
  }

  #layout #cc #passData .page_content p:has(+ .lay_radio),
  #layout #cc #passData .page_box_form p:has(+ .lay_radio),
  #stripepayment .page_content p:has(+ .lay_radio),
  #stripepayment .page_box_form p:has(+ .lay_radio) {
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
  }

  #layout #cc #passData .lay_radio>div,
  #stripepayment .lay_radio>div {
    margin: 8px 0 0 0;
  }

  #layout #cc #passData select,
  #stripepayment select {
    width: 100% !important;
    border: 1px solid var(--border) !important;
    color: var(--text-muted);
    border-radius: 6px;
    background: unset;
    background-color: var(--bg-white);
    background-image: var(--arrow-down);
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) center;
    padding: 8px 40px 8px 16px;
    font-size: 14px;
    line-height: 20px;
    height: 38px;
    margin: 0;
  }

  #layout #cc #passData input,
  #stripepayment input {
    width: 100% !important;
    border: 1px solid var(--border) !important;
    color: var(--text-muted);
    border-radius: 6px;
    background: unset;
    background-color: var(--bg-white);
    padding: 8px 40px 8px 16px;
    font-size: 14px;
    line-height: 20px;
    height: 38px;
    margin: 0;
  }

  #layout #cc #passData input.checkbox-custom,
  #layout #cc #passData input.radio-custom,
  #stripepayment input.checkbox-custom,
  #stripepayment input.radio-custom {
    width: auto !important;
  }

  #layout #cc #passData input[value=M],
  #stripepayment input[value=M] {
    left: 80px;
  }

  #layout #cc #passData textarea,
  #stripepayment textarea {
    width: 100% !important;
    border: 1px solid var(--border) !important;
    color: var(--text-muted);
    border-radius: 6px;
    background: unset;
    background-color: var(--bg-white);
    padding: 8px 40px 8px 16px;
    font-size: 14px;
    line-height: 20px;
    height: 108px;
    margin: 0;
  }

  #layout #cc #passData .b_forward,
  #stripepayment .b_forward {
    background: none;
    width: unset;
    border: unset;
  }

  #layout #cc #passData .b_forward input,
  #layout #cc #passData #paynow,
  #stripepayment .b_forward input,
  #stripepayment #paynow {
    width: unset !important;
    border-radius: 6px;
    padding: 8px 24px;
    line-height: 24px;
    color: var(--white);
    text-decoration: unset;
    text-transform: capitalize;
    box-sizing: border-box;
    padding-right: 48px;
    background-color: var(--bg-primary);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: calc(100% - 16px) center;
    background-image: var(--icon-right-arrow);
    margin: 0;
    cursor: pointer;
  }

  #layout #cc #passData .page_box_form,
  #stripepayment .page_box_form {
    padding-left: 240px;
    position: relative;
  }

  #layout #cc #passData .page_box_form h4,
  #stripepayment .page_box_form h4 {
    margin-left: -216px;
    font-size: 20px;
    line-height: 32px;
    color: var(--text-primary);
    font-weight: 500;
    text-transform: capitalize;
  }

  #layout #cc #passData .page_box_form h3,
  #stripepayment .page_box_form h3 {
    position: absolute;
    left: 24px;
    font-size: 16px;
    color: var(--text-color);
  }

  #layout #cc #passData .pb_box,
  #stripepayment .pb_box {
    display: flex;
    gap: 16px;
    padding-top: 16px;
  }

  #layout #cc #passData .pb_box .pb_radio,
  #stripepayment .pb_box .pb_radio {
    width: unset;
  }

  #layout #cc #passData .pb_box *,
  #stripepayment .pb_box * {
    float: unset !important;
  }

  #layout #cc #passData .pb_box>div,
  #stripepayment .pb_box>div {
    padding: 0;
  }

  #layout #cc #passData .pb_box a:hover,
  #stripepayment .pb_box a:hover {
    text-decoration: underline;
    color: var(--primary-600);
  }

  #layout #cc #passData .pb_box .pb_field,
  #stripepayment .pb_box .pb_field {
    position: relative;
    display: flex;
  }

  #layout #cc #passData .pb_box .pb_field .pb_field,
  #stripepayment .pb_box .pb_field .pb_field {
    display: block;
  }

  #layout #cc #passData .pb_box .pb_field select,
  #stripepayment .pb_box .pb_field select {
    width: 100%;
  }

  #layout #cc #passData .pb_box .pb_field .pb_field_01,
  #stripepayment .pb_box .pb_field .pb_field_01 {
    width: 100%;
  }

  #layout #cc #passData .pb_field_take,
  #stripepayment .pb_field_take {
    border: 1px solid var(--border);
    background-color: var(--bg-muted);
    border-radius: 6px;
  }

  label {
    outline: none;
  }

  .checkbox-custom+.checkbox-custom-label:before,
  .radio-custom+.radio-custom-label:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    padding: 0;
    background: var(--bg-muted);
    border: 3px solid var(--border);
  }

  .radio-custom:checked+.radio-custom-label:before {
    background: var(--bg-primary-muted) !important;
    width: 8px;
    height: 8px;
    border: 5px solid var(--bg-primary);
    box-shadow: 0px 2px 6px var(--primary-500);
  }

  #showSearchFilterMobile {
    display: none;
  }

  #whatsapp {
    position: fixed;
    right: 8px;
    bottom: 8px;
    z-index: 9999;
  }

  @media screen and (max-width: 1280px) {

    html,
    body {
      padding-top: 0;
    }

    html:has(.mobile_active),
    body:has(.mobile_active) {
      overflow: hidden;
    }

    html:has(.mobile_active) #showSearchMobile,
    html:has(.mobile_active) #showFilterMobile,
    body:has(.mobile_active) #showSearchMobile,
    body:has(.mobile_active) #showFilterMobile {
      display: none;
    }

    html:has(.mobile_active) #hideSearchFilterMobile,
    body:has(.mobile_active) #hideSearchFilterMobile {
      display: block !important;
    }

    #test {
      display: none;
    }

    #header {
      position: fixed;
      top: 0;
      z-index: 99;
      width: 100%;
      padding: 0;
      height: 56px;
    }

    #header #header_nav>.show-menu {
      display: block;
      position: absolute;
      left: 4px;
      top: 8px;
      width: 40px;
      height: 40px;
      background-repeat: no-repeat;
      background-size: 24px 24px;
      background-position: center center;
      background-image: var(--icon-menu);
    }

    #header #header_logo {
      position: absolute;
      left: 20px;
      z-index: 1;
      height: 56px;
    }


    #header #cc-header-add-content--1 .header-call {
      position: absolute;
      left: unset;
      right: 12px;
      top: 12px;
      border: 0;
      padding: 0;
      align-items: flex-end;
    }

    #header #cc-header-add-content--1 .header-call span {
      font-size: 10px;
    }

    #header.mobile_active {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      overflow-y: auto;
      box-sizing: border-box;
      z-index: 9999;
      width: 100%;
      height: 100%;
      padding-top: 55px;
      background-color: var(--bg-white);
    }

    #header.mobile_active #header_logo {
      top: -56px;
    }

    #header.mobile_active #header_nav>.show-menu {
      top: -48px;
    }

    #header.mobile_active #cc-header-add-content--1 .header-call {
      top: -44px;
    }

    #header.mobile_active #cc-header-add-content--1 .header-watchlist {
      right: unset;
      left: 12px;
      top: 8px;
      width: unset;
    }

    #header.mobile_active #cc-header-add-content--1 .header-watchlist a {
      padding: 8px 8px 8px 28px;
    }

    #header.mobile_active #cc-header-add-content--1 .header-watchlist a::after {
      left: 8px;
    }

    #header.mobile_active #cc-header-add-content--1 .header-agency {
      right: unset;
      left: 154px;
      top: 8px;
    }

    #header.mobile_active #cc-header-add-content--1 .header-agency a {
      padding: 8px;
    }

    #header.mobile_active #header_lang_switch {
      top: 8px;
      right: 12px;
    }

    #header.mobile_active .cc_limit_width {
      border-top: 1px solid var(--border-light);
    }

    #header.mobile_active .cc_limit_width #header_nav {
      border-top: 1px solid var(--border-light);
      margin-top: 48px;
      padding: 16px 12px;
    }

    #header.mobile_active .cc_limit_width #header_nav #menu {
      flex-direction: column;
    }

    #header.mobile_active .cc_limit_width #header_nav #menu>li:has(ul):has(li):hover ul {
      display: none;
    }

    #header.mobile_active .cc_limit_width #header_nav #menu>li:has(ul):has(li).toggle ul {
      position: static;
      display: flex;
      max-width: 480px;
      padding: 12px;
      flex-direction: column;
      margin-bottom: 16px;
    }

    #header:not(.mobile_active) #header_lang_switch,
    #header:not(.mobile_active) #header_nav #menu,
    #header:not(.mobile_active) .header-agency,
    #header:not(.mobile_active) .header-watchlist {
      display: none;
    }

    #layout #cc .pagemaker-widget {
      padding: 0 16px !important;
      box-sizing: border-box !important;
    }

    #layout #cc .pagemaker-widget .section-title {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 8px !important;
    }

    #layout #cc .pagemaker-widget .section-subtitle,
    #layout #cc .pagemaker-widget .section-subtitle>span {
      font-size: 14px !important;
      line-height: 20px !important;
    }

    #layout #cc .pagemaker-widget .section-boxes {
      flex-direction: column;
    }

    #layout #cc .pagemaker-widget.cc-widget--search {
      padding: 0 !important;
    }

    #layout #cc .pagemaker-widget.cc-widget--search .lp_ss {
      flex-direction: column;
    }

    #layout #cc .pagemaker-widget.cc-widget--search .lp_ss .lp_ss_box03 {
      width: 100% !important;
    }

    #layout #cc .pagemaker-widget.cc-widget--search .lp_ss .lp_ss_box03 .lp_ss_box03_inlay {
      border-radius: 0;
    }

    #layout #cc .pagemaker-widget.cc-widget--search .lp_ss .lp_ss_box03 .lp_ss_box03_inlay>div {
      height: unset;
      padding: 20px 16px 12px 16px !important;
    }

    #layout #cc .pagemaker-widget.cc-widget--search .lp_ss .lp_ss_box03 .lp_ss_box03_inlay #search .lay_01 h2 {
      font-size: 20px;
    }

    #layout #cc .pagemaker-widget.cc-widget--search .lp_ss .lp_ss_box03 .lp_ss_box03_inlay #search .lay_01_1 label,
    #layout #cc .pagemaker-widget.cc-widget--search .lp_ss .lp_ss_box03 .lp_ss_box03_inlay #search .lay_01_2 label {
      font-size: 12px;
      padding-right: 8px;
    }

    #layout #cc .pagemaker-widget.cc-widget--search .lp_ss .lp_ss_box04 {
      display: none;
    }

    #layout #cc .pagemaker-widget.cc-widget--panel .lp_trip {
      flex-direction: column;
    }

    #layout #cc .pagemaker-widget.cc-widget--panel .lp_trip .lp_trip_box a {
      position: relative;
    }

    #layout #cc .pagemaker-widget.cc-widget--panel:has(+ * + .cc-widget--product-map) {
      background-image: none !important;
    }

    #layout #cc .pagemaker-widget.cc-widget--panel:has(+ * + .cc-widget--product-map) .lp_trip {
      width: 100% !important;
    }

    #layout #cc .pagemaker-widget.cc-widget--multi-column .content-split-flex {
      flex-direction: column;
    }

    #layout #cc .pagemaker-widget.cc-widget--multi-column .section-list li {
      font-size: 13px;
      line-height: 18px;
    }

    #layout #cc .pagemaker-widget.cc-widget--multi-column .textbox p span {
      font-size: 13px !important;
      line-height: 18px;
    }

    #layout #cc .pagemaker-widget.cc-widget--content:has(+ .cc-widget--product-map) {
      display: none !important;
    }

    #layout #cc .pagemaker-widget .section-partners {
      flex-wrap: wrap;
      padding: 0 8px 8px 0;
      justify-content: flex-start;
    }

    #layout #cc .pagemaker-widget .section-partners>div {
      box-sizing: border-box;
      padding: 16px 12px;
      width: calc(50% - 8px);
      border: 1px solid var(--border);
      border-radius: 8px;
      margin-top: 8px;
      margin-left: 8px;
      text-align: center;
    }

    #layout #cc .pagemaker-widget .section-partners>div img {
      max-width: 100%;
    }

    #layout #search .searchlist {
      width: 100%;
    }

    #showSearchFilterMobile {
      display: flex;
      position: fixed;
      z-index: 999;
      bottom: 8px;
      left: 0;
      right: 0;
      justify-content: center;
      gap: 8px;
    }

    #showSearchFilterMobile>div {
      border-radius: 8px;
      background: var(--bg-white);
      width: 40px;
      height: 40px;
      box-shadow: var(--box-shadow-lg);
      border: 2px solid var(--primary-500);
    }

    #showSearchFilterMobile>div:after {
      display: block;
      content: " ";
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-size: 24px 24px;
      background-position: center center;
    }

    #showSearchFilterMobile #showSearchMobile::after {
      background-image: var(--icon-search-primary);
    }

    #showSearchFilterMobile #showFilterMobile::after {
      background-image: var(--icon-filter-primary);
    }

    #showSearchFilterMobile #hideSearchFilterMobile {
      display: none;
      position: fixed;
      right: 36px;
      top: 64px;
    }

    #showSearchFilterMobile #hideSearchFilterMobile::after {
      background-image: var(--icon-close-primary);
    }

    #layout #cc #cc_lay_filter {
      width: 100%;
      border-radius: 0;
      padding: 0 24px 0 0;
      position: fixed;
      left: 0;
      right: 0;
      top: 57px;
      left: -100%;
      z-index: 99;
      height: calc(100% - 57px);
      transition: left 0.2s ease-in;
      box-sizing: border-box;
      overflow-y: auto;
      box-sizing: border-box;
      background: rgba(0, 0, 0, 0.3);
    }

    #layout #cc #cc_lay_filter #cc_lay_filter_search {
      max-width: unset;
    }

    #layout #cc #cc_lay_filter>div {
      background: var(--bg-white);
      width: 100%;
      box-sizing: border-box;
      margin: 0 !important;
      padding: 12px !important;
    }

    #layout #cc #cc_lay_filter.mobile_active {
      left: 0;
    }

    #layout #cc #cc_lay_filter label {
      font-size: 12px;
    }

    #layout #cc #cc_lay_filter h2 {
      font-size: 20px;
      padding-right: 48px;
    }

    #layout #cc #cc_lay_page #cruise_list {
      padding: 0 12px;
    }

    #layout #cc #cc_lay_page #cruise_list #cc_lay_sort {
      padding: 0;
    }

    #layout #cc #cc_lay_page #cruise_list #cc_lay_sort .liste_box_sort {
      margin: 0;
      border: 0;
    }

    #layout #cc #cc_lay_page #cruise_list .liste_box {
      margin: 0;
      padding: 0;
      display: flex;
      flex-direction: column;
    }

    #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_01 {
      width: 100%;
    }

    #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_01 a {
      border-radius: 8px 8px 0 0;
    }

    #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_01 a img {
      width: 100%;
      max-height: 320px;
    }

    #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 {
      padding: 16px;
      box-sizing: border-box;
      gap: 8px;
    }

    #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .liste_box_headline a {
      position: unset;
      padding: unset;
      font-size: 13px;
    }

    #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .liste_box_text p strong.ng-binding {
      position: unset;
      padding: unset;
      width: unset;
      font-size: 13px;
    }

    #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .liste_box_br {
      padding: 0;
      width: unset;
      margin: 0;
    }

    #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .liste_box_nights {
      position: unset;
      padding: unset;
      display: unset;
      width: unset;
      font-size: 13px;
      font-weight: bold;
    }

    #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .liste_box_preis {
      position: unset;
      padding: unset;
      width: unset;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      gap: 4px;
      font-size: 11px;
      line-height: 16px;
      margin: 0;
    }

    #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .liste_box_preis span {
      font-size: 32px;
    }

    #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .b_forward {
      position: unset;
      width: unset;
      background: none;
      padding: unset;
    }

    #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .b_forward a {
      height: unset;
      position: relative;
    }

    #layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .b_forward a b {
      right: 36px;
      top: 0;
      bottom: 0;
      margin: auto;
    }

    #layout #cc #cc_lay_ship .page_box {
      padding: 16px;
    }

    #layout #cc #cc_lay_ship .page_box:has(.liste_box_02) {
      padding: 16px;
    }

    #layout #cc #cc_lay_ship .page_box:has(.liste_box_02) .liste_box_02 {
      padding: 0;
      display: block;
      padding-top: 64px;
      position: relative;
    }

    #layout #cc #cc_lay_ship .page_box:has(.liste_box_02) .liste_box_02 .liste_box_headline em {
      margin-bottom: 4px;
    }

    #layout #cc #cc_lay_ship .page_box:has(.liste_box_02) .liste_box_02>div:last-child table tr:first-child td:last-child {
      box-sizing: border-box;
      height: 40px;
      padding: 8px;
      position: absolute;
      left: 0;
      top: 0;
    }

    #layout #cc #cc_lay_ship .page_box:has(.liste_box_02) .liste_box_02>div:last-child table tr:first-child td:last-child::before {
      width: 20px;
      height: 20px;
      background-size: 20px 20px;
    }

    #layout #cc #cc_lay_ship .page_box:has(.liste_box_02) .liste_box_02 .liste_box_nights {
      box-sizing: border-box;
      display: inline-flex;
      position: absolute;
      top: 0;
      right: 0;
      height: 40px;
      padding: 8px;
    }

    #layout #cc #cc_lay_ship .page_box:has(.liste_box_02) .liste_box_02 .liste_box_nights::before {
      width: 20px;
      height: 20px;
      background-size: 20px 20px;
    }

    #layout #cc #cc_lay_ship .page_box:has(.liste_box_02) .liste_box_02>div:last-child table tr:nth-child(2) td:last-child {
      box-sizing: border-box;
      height: 40px;
      padding: 8px;
      position: unset;
    }

    #layout #cc #cc_lay_ship .page_content_header:has(.page_offers_chk) {
      padding: 16px;
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    #layout #cc #cc_lay_ship .page_content_header:has(.page_offers_chk)>div {
      margin: 0;
    }

    #layout #cc #cc_lay_ship .page_content_header:has(.page_offers_chk) .page_offers_chk {
      width: unset;
      position: unset;
    }

    #layout #cc .page_nav #pagenav {
      display: none;
    }

    #layout #cc .page_content {
      flex-direction: column;
      padding: 16px !important;
      border-radius: 0 !important;
      border-left: 0 !important;
      border-right: 0 !important;
      margin-bottom: 16px;
    }

    #layout #cc .page_content[data-scrollpoint=operator] {
      padding-left: 48px !important;
    }

    #layout #cc .page_content[data-scrollpoint=ship] {
      height: unset;
      overflow-y: unset;
    }

    #layout #cc #cc_lay_ship .price_tbl th {
      padding: 8px 8px;
      font-size: 11px;
      line-height: 16px;
      text-align: center;
    }

    #layout #cc #cc_lay_ship .price_tbl td {
      padding: 8px 8px;
      font-size: 13px;
      line-height: 16px;
      text-align: center;
    }

    #cc .page_nav_top {
      display: none;
    }

    #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine:not(:has(.tbl_cabine)) .underline,
    #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd:not(:has(.tbl_cabine)) .underline {
      top: 16px;
    }

    #layout #cc #cc_lay_ship .page_offers {
      flex-direction: column;
    }

    #layout #cc #cc_lay_ship .page_offers .page_offers_textbox {
      width: 100%;
    }

    #layout #cc #cc_lay_ship .page_offers_flex {
      width: 100%;
    }

    #layout #cc #cc_lay_ship .page_offers_flex .clear {
      display: none;
    }

    #layout #cc #cc_lay_ship .page_offers_flex .page_offers_flex_01 {
      position: unset;
      bottom: unset;
      left: unset;
      right: unset;
      margin: 0;
    }

    #layout #cc #cc_lay_ship .page_offers_flex .page_offers_flex_01 .clear {
      display: none;
    }

    #layout #cc #cc_lay_ship .page_offers_flex .page_offers_flex_03 {
      position: unset;
      bottom: unset;
      left: unset;
      right: unset;
    }

    #layout #cc #cc_lay_ship .page_offers_flex .page_offers_flex_03 .clear {
      display: none;
    }

    #layout #cc #cc_lay_ship .page_offers {
      padding: 24px;
    }

    #layout #cc #cc_lay_ship .page_content_header {
      padding: 0 16px;
    }

    #layout #cc #cc_lay_ship .page_content_header h4 {
      margin: 0;
    }

    #layout #cc #cc_lay_ship .page_offers_flex .page_offers_flex_03 .b_forward {
      padding: 0;
    }

    #layout #cc #cc_lay_ship .page_offers_flex .page_offers_flex_03 .b_forward a {
      padding: 8px 24px;
      box-sizing: border-box;
    }

    #layout #cc #cc_lay_ship .page_offers_flex .page_offers_flex_03 .b_forward a i {
      float: unset;
    }

    #layout #cc #cc_lay_ship .page_content_header {
      padding: 16px;
    }

    #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine,
    #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd {
      flex-direction: column;
      gap: 8px;
    }

    #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine .tbl_cabine td,
    #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_ckd .tbl_cabine td {
      display: flex;
    }

    #layout #cc #cc_lay_ship .page_content_header>h1+div {
      padding: 64px 16px 16px 16px;
    }

    #layout #cc #cc_lay_ship .page_content_header>h1 {
      padding-left: 16px;
      margin-bottom: -48px;
    }

    #cc .selection_cabine {
      flex-direction: column;
      gap: 16px;
    }

    #cc .selection_cabine div.selection_cb_out {
      display: none;
    }

    #layout #cc table.selection_cat {
      padding: 0;
    }

    #cc .selection_cat_on {
      width: 20px;
    }

    #layout #cc table.selection_cat tr:first-child td {
      border-top: 1px solid var(--border);
    }

    #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_r .b_forward_100 {
      top: -32px;
    }

    #cc .selection_cat thead {
      display: none;
    }

    #layout #cc #cc_lay_ship .page_content_header>h1 {
      margin: 0;
      padding: 0;
      margin-bottom: 8px;
    }

    #layout #cc #cc_lay_ship .page_content_header>h1+div {
      padding: 16px;
    }

    #cc .selection_cat tr {
      display: flex;
      flex-direction: column;
      float: none;
      box-sizing: border-box;
    }

    #cc .selection_cat tr[data-scrollpoint]>td:first-child {
      background-color: var(--bg-muted);
      border-bottom: 1px solid var(--border);
    }

    #cc .selection_cat td {
      float: none;
      box-sizing: border-box;
    }

    #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_r {
      width: 100%;
    }

    #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_r .tbl_cabine tbody {
      flex-direction: column;
    }

    #layout #cc #cc_lay_ship .page_content_header .page_offers_cabine_r #cc .selection_cat_on {
      width: 20px;
    }

    #layout #cc #passData .page_box_form,
    #stripepayment .page_box_form {
      padding: 16px;
    }

    #layout #cc #passData .page_box_form h4,
    #stripepayment .page_box_form h4 {
      margin: 0;
    }

    #layout #cc #passData .page_box_form h3,
    #stripepayment .page_box_form h3 {
      position: unset;
      left: unset;
    }

    #layout #cc #passData .pb_box,
    #stripepayment .pb_box {
      flex-direction: column;
      gap: 8px;
      padding-top: 20px;
    }

    #layout #cc #passData .pb_box .pb_field_03,
    #stripepayment .pb_box .pb_field_03 {
      width: 70%;
      padding-left: 8px;
      box-sizing: border-box;
    }

    #cc .pb_text>label,
    #cc .pb_field>label,
    #cc .pb_field_take>label,
    #cc .page_content_header div>label {
      font-size: 14px;
    }

    #layout #cc #cc_lay_ship .page_box .liste_box_02>div:last-child table tr:nth-child(3) {
      position: unset;
      display: flex;
      margin-top: 8px;
    }

    footer .footer-inner {
      flex-direction: column;
      padding: 24px;
    }

    footer .footer-inner .footer-col:last-child {
      align-items: center;
    }

    footer .footer-inner .footer-col:last-child .footer-logo {
      align-items: center;
    }

    footer .copyright {
      padding: 24px;
    }

    #header #header_nav {
      justify-content: end;
    }
  }


  #header {
    background-color: var(--bg-primary);
    color: var(--bg-white);
  }

  #header #header_nav #menu li a {
    color: var(--bg-white);
  }

  #header #header_nav #menu>li.menu_active>a {
    background: var(--bg-white);
  }

  #header #header_nav #menu>li:has(ul):has(li):hover ul li a:hover {
    background: var(--bg-white) !important;
    color: var(--bg-primary);
  }

  #header #header_nav #menu>li:has(ul):has(li) ul li a {
    color: var(--text-primary);
  }

  #header_nav {
    display: flex !important;
    align-items: center !important;
    column-gap: 30px !important;
  }

  #header_logo img {
    height: 60px !important;
  }

  #header #header_lang_switch select,
  #cc select {
    background-color: var(--bg-white) !important;
    background-position: calc(100% - -4px) center !important;
  }

  #layout #cc .last-layout-pagemaker-widget {
    width: 100% !important;
    max-width: 100% !important;
  }

  .text-center {
    text-align: center !important;
    font-size: 15px !important;
  }

  footer .copyright {
    padding: 24px 0;
    background-color: #003149 !important;
    color: var(--gray-300);
    font-size: 11px;
    line-height: 20px;
    border-top: 1px solid #0f4863 !important;
  }

  footer .footer-wrapper {
    background-color: #003149 !important;
  }

  footer {
    background: none !important;
    padding-top: 0px !important;
    clear: both;
    margin-top: 48px;
  }

  footer .footer-inner .footer-logo {
    display: block !important;
  }

  .foot-socials {
    position: relative !important;
    display: block !important;
    margin-top: 1.5rem !important;
  }

  .foot-socials ul {
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
  }

  .foot-socials ul li {
    list-style: none;
    display: inline-block;
    position: relative;
    margin-right: 10px;
  }

  .foot-socials ul li a {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .2rem;
    background: rgba(255, 255, 255, .1);
    font-size: 15px !important;
    transition: all ease .4s;
  }

  footer .footer-inner .footer-menu strong {
    font-size: 20px !important;
    color: var(--bg-white) !important;
  }

  footer .footer-col .footer-menu a,
  footer .footer-col .footer-menu li {
    color: #a8b2b6 !important;
  }

  .text-primary {
    color: var(--text-primary) !important;
  }

  #cc ul,
  #cc li {
    border: medium none;
    display: block;
    float: none;
    margin: 0;
    padding: 0px !important;
    position: relative;
  }

  footer .footer-inner .footer-col:last-child {
    align-items: flex-start !important;
  }

  #layout #cc .page_content .page_list_check ul li {
    font-size: 14px !important;
    color: var(--text-black-primary) !important;
    background-image: var(--icon-check) !important;
    background-position: center left !important;
    background-size: 20px 20px !important;
    background-repeat: no-repeat !important;
    padding: 4px 4px 4px 32px !important;
  }

  #cc .page_box {
    background-color: transparent !important;
  }

  #header #header_nav #menu>li:has(ul):has(li):hover ul {
    z-index: 99999;
    background: #fff !important;
    max-width: 280px;
  }

  .slides, .slides li, .flex-control-nav, .flex-direction-nav {
    padding: 0px !important;
  }

  .container {
    max-width: 1440px !important;
    padding: 0px 10px !important;
    margin: 0 auto !important;
  }

  .text-white {
    color: #a8b2b6 ;
  }

  #cc:not(.cc_width_exc), .cc_limit_width, #header:not(.cc_width_exc), #footer:not(.cc_width_exc), #header_nav.cc-headernav-sticky #menu {
    max-width: unset !important;
  }

  #layout #cc .pagemaker-widget.cc-widget--content:has(+.cc-widget--product-map) .section-title, #layout #cc .pagemaker-widget.cc-widget--content:has(+.cc-widget--product-map) .section-subtitle {
    color: var(--bg-primary) !important;
  }
  #cc_lay_filter_detail {
    background: #efefef !important;
    border-radius: 7px !important;
    color: #000 !important;
  }
  .aida.ng-scope {
    display: none !important;
  }

  #layout #cc #cc_lay_ship .page_content_header form[name=requestFORM] input[type=submit], 
  #layout #cc #cc_lay_ship .page_content_header form#cc_lay_ship input[type=submit] {
    background-color: var(--bg-primary);
  }

  #cc label {
    color: var(--black) !important;
  }

  #layout #cc .pagemaker-widget.cc-widget--search .flexslider {
    width: 100%;
  }

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.modal-content {
    background: #fff;
    padding: 20px;
    width: 400px;
    border-radius: 8px;
    position: relative;
}

.modal-content h2 {
  font-size: 18px !important;
}

.close {
    position: absolute;
    right: 15px;
    top: 10px;
    cursor: pointer;
    font-size: 22px;
}

.btn {
  margin-top: 16px !important;
  width: 100% !important;
  padding: 16px;
  line-height: 16px;
  font-size: 14px;
  font-weight: bold;
  background-color: var(--bg-primary);
  color: var(--text-on-primary);
  border-radius: 8px;
  border: none;
}

.form-control {
  color: #000 !important;
  width: 100%;
  padding: 10px !important;
  margin-bottom: 10px !important;
  border: 1px solid #ccc !important;
  border-radius: 5px !important;
  background: #f2f2f2 !important;
  outline: none !important;
  margin-top: 7px !important;
}

.form-wrapper {
  margin-top: 16px;
}

.input-label {
  color: #434343 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

.bg-white {
  background-color: var(--bg-white) !important;
} 

.text-primary {
  color: var(--text-primary) !important;
}

.btn-sm {
  padding: 10px 20px !important;
  margin: 0 !important;
}

.container {
  padding: 0 !important;
}

.footer-menu li {
  margin-bottom: 8px !important;
}

.top-bar-wrapper {
  width: 100% !important;
  background-color: var(--primary-950);
  color: var(--bg-white);
  font-size: 14px !important;
  padding: 8px 0 !important;
}

.top-bar-wrapper p {
  font-size: 16px !important;
  padding: 0 20px !important;
  margin: 0 !important;
  font-weight: 500 !important;
}

.top-bar-wrapper p a {
  color: var(--bg-white) !important
}

.top-bar-wrapper p a:hover {
  text-decoration: underline !important;
}

.top-bar-wrapper p svg {
  fill: var(--bg-white);
  vertical-align: middle;
  margin-right: 5px;
}

#cc .list_filter li[class^="headline_var"]:hover {
  background-color: var(--primary-300) !important;
}
#cc .list_filter {
  width: 319.25px !important;
}

#cc .list_filter ul label {
  width: 93% !important;
  margin-left: 15px !important;
}

.page_nav_top {
    border: none !important;
}
.page_nav_top ul {
  display: none !important;
}


/* Hamburger Button */
.mobile-menu-btn {
    font-size: 26px;
    background: none;
    border: none;
    cursor: pointer;
    display: none;
    z-index: 10000;
}

@media(max-width: 768px) {
    .mobile-menu-btn {
        display: block;
    }
}

/* Slide Menu */
.mobile-menu {
    position: fixed;
    top: 0;
    right: -350px;
    width: 300px;
    height: 100%;
    background: #fff;
    box-shadow: -4px 0 12px rgba(0,0,0,0.15);
    padding: 20px;
    transition: right 0.35s ease;
    overflow-y: auto;
    z-index: 9999;
}

.mobile-menu.active {
    right: 0;
}

/* Base List Style */
.mobile-menu ul {
    padding: 0;
    margin: 0;
}

.mobile-menu li, .mobile-menu li li {
    list-style: none;
    border-bottom: 1px solid #eee;
}

.mobile-menu li a, .mobile-menu li a li a {
    display: block;
    padding: 12px 5px;
    color: #333;
    text-decoration: none;
    font-size: 16px;
    transition: color 0.2s ease;
}

.mobile-menu li a:hover, .mobile-menu li a li a:hover {
    color: #0078ff;
}

/* Submenu indicators */
.has-sub > .submenu-toggle {
    position: relative;
}

.has-sub > .submenu-toggle::after {
    content: "▸";
    position: absolute;
    right: 0;
    transition: transform 0.3s ease;
}

.has-sub.open > .submenu-toggle::after {
    transform: rotate(90deg);
}

/* Smooth dropdown animation */
.sub {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
    background: #fafafa;
}

.has-sub.open .sub {
    max-height: 500px; /* enough height to animate smoothly */
}

@media (max-width: 1282px) {
  #layout #cc .pagemaker-widget.cc-widget--content {
    padding: 15px !important;
  }
  #header {
    position: static !important;
  }
  #layout #cc .pagemaker-widget.cc-widget--content.last-layout-pagemaker-widget, .last-layout-pagemaker-widget {
    padding: 0 !important;
  }
  #header #header_logo img{
    height: 30px !important;
  }

  #header #header_logo {
    height: 40px !important;
  }

  #openModal {
    display: none;
  }
  .head-menu {
    padding-top: 0px;
  }
  #header #header_nav {
    padding-top: 10px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
  }
}
@media (min-width: 1282px) {
  .head-menu {
    display: none !important;
  }
}

#cc .b_delete {
  position: absolute;
  top: 10px;
  left: 10px;
  border-radius: 5px;
}

#header #header_lang_switch select, #cc select {
  background-color: var(--bg-white) !important;
  background-position: calc(100% - 16px) center !important;
}

#cc .searchdiv input, #cc textarea, #cc .btnSearch {
  width: 100% !important;
  border: 1px solid var(--border) !important;
  color: var(--text-muted) !important;
  border-radius: 6px !important;
  background: unset;
  background-color: var(--bg-white) !important;
  padding: 8px 40px 8px 16px;
  font-size: 14px !important;
  line-height: 20px;
  height: 38px;
  margin: 0;
}

#cc input[type="submit"] {
  width: 100% !important;
  border-radius: 6px !important;
  padding: 8px 24px;
  line-height: 24px;
  color: var(--white) !important;
  text-decoration: unset;
  text-transform: capitalize;
  box-sizing: border-box;
  padding-right: 48px;
  background-color: var(--bg-primary) !important;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: calc(100% - 16px) center;
  background-image: var(--icon-right-arrow);
  margin: 0;
  cursor: pointer !important;
}

#cc .page_content_header .b_forward {
  background-color: var(--bg-primary) !important;
  border-radius: 6px !important;
  margin-bottom: 30px !important;
}

.liste_box_sort .b_delete {
  position: static !important;
}

#cc .lp_slider_box.cc-cl-logo-75 {
  height: 100px !important;
}

#cc .lp_slider_box.cc-cl-logo-75 {
  background-size: 90%, contain !important;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  display: none !important;
  
}

#layout #cc .pagemaker-widget.cc-widget--carousel .swiper .swiper-button-prev,
#layout #cc .pagemaker-widget.cc-widget--carousel .swiper .swiper-button-next {
  display: block !important;
  height: 100%;
  background-color: var(--white) !important;
}

#layout #cc .pagemaker-widget.cc-widget--carousel .swiper .swiper-button-prev {
  left: 0 !important;
}

#layout #cc .button_favor, #layout #cc .button_favor_blue {
  background-color: var(--bg-white) !important;
}

.searchclick.area {
  padding: 0 !important;
  height: 0 !important;
} 

.btn-group {
    position: relative;
    display: inline-block;
}

.d-flex {
    display: flex !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.align-items-center {
    align-items: center !important;
}

.btn {
    color: #fff;
    border: none;
    font-size: 12px;
    cursor: pointer;
    border-radius: 4px;
}

.btn:hover {
    background-color: #1173a0;
}

.dropdown-toggle::after {
    content: " ▼";
    font-size: 10px;
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 110% !important;
    left: 0;
    min-width: 120px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    z-index: 1000;
}

.dropdown-menu.show {
    display: block;
}

.dropdown-item {
    display: block !important;
    padding: 8px 12px !important;
    color: #333 !important;
    text-decoration: none !important;
    font-size: 13px !important;
}

.dropdown-item:hover {
    background-color: #f1f1f1 !important;
}

#cc_radio_seea2 {
  float: right !important;
}