@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
:root {
  --breakpoint-xl: 1280px;
  --breakpoint-lg: 1024px;
  --breakpoint-md: 768px;
  --breakpoint-sm: 640px;
  --white: #fff;
  --black: #000;
  --brand-red: #126382;
  --brand-green: #126382;
  --brand-blue: #126382;
  --primary-50: #f1fbff;
  /* extra light – UI background */
  --primary-100: #e2f7fe;
  /* aqua-100 */
  --primary-200: #c1f0fe;
  /* aqua-200 */
  --primary-300: #58d4fc;
  /* aqua-300 */
  --primary-400: #1cc3f2;
  /* aqua-400 (ara ton) */
  --primary-500: #126382;
  /* aqua-800 ⭐ main color */
  --primary-600: #0b3e50;
  /* aqua-900 */
  --primary-700: #093240;
  /* darker */
  --primary-800: #062632;
  /* deeper */
  --primary-900: #041a22;
  /* near-black teal */
  --primary-950: #020f14;
  /* almost black */
  --gray-50: #f0f2f3;
  /* 100’den biraz daha açık */
  --gray-100: #e6e9ea;
  /* midnight-100 */
  --gray-200: #cdd3d5;
  /* midnight-200 */
  --gray-300: #9ba7ab;
  /* midnight-300 */
  --gray-400: #829196;
  /* 300 → 500 arası */
  --gray-500: #6a7c81;
  /* midnight-500 */
  --gray-600: #4f666c;
  /* 500 → 700 arası */
  --gray-700: #385057;
  /* midnight-700 */
  --gray-800: #1f3a42;
  /* midnight-800 */
  --gray-900: #06242d;
  /* midnight-900 */
  --gray-950: #031820;
  /* 900’den biraz daha koyu */
  --color-stone-100: #f4efea;
  --color-stone-200: #e1d4c6;
  --color-stone-300: #cab39b;
  --color-stone-500: #ab855e;
  --color-stone-700: #6e543a;
  --color-stone-800: #4d3b28;
  --color-stone-900: #2f2419;
  --color-blossom-100: #ffe5ec;
  --color-blossom-200: #ffc7d6;
  --color-blossom-300: #ffadc3;
  --color-blossom-500: #ff789b;
  --color-blossom-700: #ff2e66;
  --color-blossom-800: #940027;
  --color-blossom-900: #4d0014;
  --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;
  --green-50: #F0FDF4;
  --green-100: #DCFCE7;
  --green-200: #BBF7D0;
  --green-300: #86EFAC;
  --green-400: #4ADE80;
  --green-500: #22C55E;
  --green-600: #16A34A;
  --green-700: #15803D;
  --green-800: #166534;
  --green-900: #14532D;
  --green-950: #052E16;
  --border: var(--gray-300);
  --border-light: var(--gray-200);
  --border-primary: var(--primary-500);
  --border-primary-light: var(--primary-200);
  --bg-white: var(--white);
  --bg-white-90: rgba(255, 255, 255, 0.9);
  --bg-white-70: rgba(255, 255, 255, 0.7);
  --bg-white-50: rgba(255, 255, 255, 0.5);
  --bg-white-30: rgba(255, 255, 255, 0.3);
  --bg-muted: var(--color-stone-100);
  --bg-primary: var(--primary-500);
  --bg-primary-muted: var(--color-stone-100);
  --text-color: var(--gray-700);
  --text-muted: var(--gray-500);
  --text-primary: var(--primary-700);
  --text-on-primary: var(--white);
  --box-shadow-lg: 2px 4px 24px rgba(0, 0, 0, 0.08);
  --box-shadow-md: 1px 2px 16px rgba(0, 0, 0, 0.08);
  --box-shadow-sm: 0px 0px 8px rgba(0, 0, 0, 0.08);
  --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="%231f3a42B"><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-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="%23126382"><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='%236a7c81'/%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='%23126382'/%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='%23126382'/%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="%236a7c81"/></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="%236a7c81"/></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="%236a7c81"/></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="%236a7c81"/></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="%236a7c81"/></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="%236a7c81"/></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%23126382%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="%231f3a42"><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="%23126382"><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="%23940027"><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%230C9FDD%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%23026BA2%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%23026BA2%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-plus-primary: 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%22M8.57699%203.33745V12.6708%22%20stroke%3D%22%23126382%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M3.91064%208.00412H13.244%22%20stroke%3D%22%23126382%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%230C9FDD%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  --icon-minus-gray: 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%209.17078V10.8374H16.4103V9.17078H4.74365Z%22%20fill%3D%22%2394A3B8%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%236a7c81%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%236a7c81%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%236a7c81%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%236a7c81%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-right-arrow-primary: 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%22M3.91064%208.00411H13.244%22%20stroke%3D%22%23126382%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M9.24365%2012.0041L13.2437%208.00412%22%20stroke%3D%22%23126382%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cpath%20d%3D%22M9.24365%204.00412L13.2437%208.00412%22%20stroke%3D%22%23126382%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
  --icon-menu: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4H21V6H3V4ZM3 11H15V13H3V11ZM3 18H21V20H3V18Z' fill='%236a7c81'/%3E%3C/svg%3E");
  --icon-info: 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%2022.0042C7.05415%2022.0042%202.57715%2017.5272%202.57715%2012.0042C2.57715%206.48115%207.05415%202.00415%2012.5771%202.00415C18.1001%202.00415%2022.5771%206.48115%2022.5771%2012.0042C22.5771%2017.5272%2018.1001%2022.0042%2012.5771%2022.0042ZM12.5771%2020.0042C14.6989%2020.0042%2016.7337%2019.1613%2018.234%2017.661C19.7343%2016.1607%2020.5771%2014.1259%2020.5771%2012.0042C20.5771%209.88242%2019.7343%207.84759%2018.234%206.3473C16.7337%204.84701%2014.6989%204.00415%2012.5771%204.00415C10.4554%204.00415%208.42059%204.84701%206.92029%206.3473C5.42%207.84759%204.57715%209.88242%204.57715%2012.0042C4.57715%2014.1259%205.42%2016.1607%206.92029%2017.661C8.42059%2019.1613%2010.4554%2020.0042%2012.5771%2020.0042ZM13.5771%2010.5042V15.0042H14.5771V17.0042H10.5771V15.0042H11.5771V12.5042H10.5771V10.5042H13.5771ZM14.0771%208.00415C14.0771%208.40198%2013.9191%208.78351%2013.6378%209.06481C13.3565%209.34612%2012.975%209.50415%2012.5771%209.50415C12.1793%209.50415%2011.7978%209.34612%2011.5165%209.06481C11.2352%208.78351%2011.0771%208.40198%2011.0771%208.00415C11.0771%207.60633%2011.2352%207.22479%2011.5165%206.94349C11.7978%206.66219%2012.1793%206.50415%2012.5771%206.50415C12.975%206.50415%2013.3565%206.66219%2013.6378%206.94349C13.9191%207.22479%2014.0771%207.60633%2014.0771%208.00415Z%22%20fill%3D%22%23126382%22/%3E%3C/svg%3E");
  --icon-close-primary: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 10.5911L16.95 5.64111L18.364 7.05511L13.414 12.0051L18.364 16.9551L16.949 18.3691L11.999 13.4191L7.04999 18.3691L5.63599 16.9541L10.586 12.0041L5.63599 7.05411L7.04999 5.64211L12 10.5911Z' fill='%230C9FDD'/%3E%3C/svg%3E");
  --icon-search-primary: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M18.031%2016.6212L22.314%2020.9032L20.899%2022.3181L16.617%2018.0352C15.0237%2019.3124%2013.042%2020.0071%2011%2020.0042C6.032%2020.0042%202%2015.9722%202%2011.0042C2%206.03615%206.032%202.00415%2011%202.00415C15.968%202.00415%2020%206.03615%2020%2011.0042C20.0029%2013.0462%2019.3082%2015.0279%2018.031%2016.6212ZM16.025%2015.8792C17.2938%2014.5739%2018.0025%2012.8245%2018%2011.0042C18%207.13715%2014.867%204.00415%2011%204.00415C7.133%204.00415%204%207.13715%204%2011.0042C4%2014.8712%207.133%2018.0042%2011%2018.0042C12.8204%2018.0067%2014.5697%2017.298%2015.875%2016.0292L16.025%2015.8792Z%22%20fill%3D%22%230C9FDD%22/%3E%3C/svg%3E");
  --icon-filter-primary: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M14%2014.0042V20.0042L10%2022.0042V14.0042L4%205.00415V3.00415H20V5.00415L14%2014.0042ZM6.404%205.00415L12%2013.3982L17.596%205.00415H6.404Z%22%20fill%3D%22%230C9FDD%22/%3E%3C/svg%3E");
  --wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2400' height='200' viewBox='0 0 2400 200' fill='none'%3E%3Cpath d='M2400 175.107V200H0V8.19182C155.82 -0.643731 656.99 -14.2511 958.239 41.1612C1127 72.2025 1263.54 81.7453 1411.66 83.4207C1636.59 85.9651 2180.94 141.92 2400 175.107Z' fill='%23f4efea'/%3E%3Cpath d='M2400 183.515V200H0V112.242C151.898 112.242 495.975 62.559 495.975 62.559C646.249 35.5329 857.141 57.193 1055.29 79.9887C1187.05 95.1468 1321.68 110.635 1448.91 112.242C1647.77 114.755 2207.21 183.515 2400 183.515Z' fill='%23cab39b'/%3E%3Cpath d='M2400 200H0L6.46412e-05 169.388C302.623 169.388 592.827 133.488 655.928 126.443C781.109 112.468 940.773 123.87 1105.84 135.658C1215.6 143.496 1327.74 151.505 1433.73 152.336C1650.1 154.033 2147.31 193.183 2400 200Z' fill='%23ab855e'/%3E%3C/svg%3E");
  --wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2400' height='200' viewBox='0 0 2400 200' fill='none'%3E%3Cpath d='M0 120 C400 90 800 90 1200 110 C1600 130 2000 130 2400 100 V200 H0 Z' fill='%23f4efea'/%3E%3Cpath d='M0 140 C450 115 850 115 1200 135 C1550 155 1950 155 2400 125 V200 H0 Z' fill='%23cab39b'/%3E%3Cpath d='M0 160 C500 145 900 145 1200 165 C1500 185 1900 185 2400 155 V200 H0 Z' fill='%23ab855e'/%3E%3C/svg%3E");
  --wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2400' height='200' viewBox='0 0 2400 200' fill='none'%3E%3Cpath d='M0 200 L0 120 C600 20 1800 20 2400 120 L2400 200 Z' fill='%23e1d4c6'/%3E%3Cpath d='M0 200 L0 145 C650 55 1750 55 2400 145 L2400 200 Z' fill='%23cab39b'/%3E%3Cpath d='M0 200 L0 168 C700 95 1700 95 2400 168 L2400 200 Z' fill='%23ab855e'/%3E%3C/svg%3E");
  --box-red-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M8.91045 7.67757V22.9859C8.91047 24.0833 9.18141 25.1638 9.69922 26.1314C10.217 27.099 10.9657 27.9238 11.8788 28.5326L20.5771 34.3326L29.2754 28.5326C30.1883 27.9239 30.9368 27.0994 31.4546 26.1321C31.9724 25.1648 32.2435 24.0847 32.2438 22.9876V7.67757L20.5771 5.08757L8.91045 7.67757ZM6.88212 4.71423L20.5771 1.6709L34.2721 4.71423C34.6422 4.79651 34.9732 5.00251 35.2105 5.29824C35.4477 5.59397 35.5771 5.96176 35.5771 6.3409V22.9859C35.577 24.6321 35.1705 26.2529 34.3936 27.7043C33.6167 29.1556 32.4936 30.3928 31.1238 31.3059L20.5771 38.3376L10.0305 31.3059C8.66091 30.393 7.53789 29.1561 6.76103 27.705C5.98418 26.2539 5.57751 24.6335 5.57712 22.9876V6.3409C5.57718 5.96176 5.70651 5.59397 5.94377 5.29824C6.18102 5.00251 6.51201 4.79651 6.88212 4.71423ZM20.5771 22.5042L15.6788 25.0792L16.6138 19.6259L12.6521 15.7626L18.1288 14.9659L20.5771 10.0042L23.0271 14.9659L28.5021 15.7626L24.5405 19.6259L25.4738 25.0792L20.5771 22.5042Z' fill='%23E72027'/%3E%3C/svg%3E");
  --box-red-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%22412%22%20height%3D%2273%22%20viewBox%3D%220%200%20412%2073%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M370.743%200.110962C324.141%202.817%20285.709%2010.223%20196.342%2033.9364C117.133%2055.015%2068.8269%2064.0589%2019.0996%2067.2634C-18.1249%2069.6846%20-57.4095%2068.6164%20-97.5466%2064.0589C-106.853%2063.0619%20-111.186%2063.2044%20-113.957%2064.6286C-114.88%2065.0559%20-115.164%2066.124%20-115.164%2068.7589V72.177L-110.76%2073.6724C-91.3662%2080.0815%20-50.7318%2086.7754%20-17.5566%2089.1253C3.39993%2090.5496%2047.231%2090.1935%2066.6957%2088.4132C106.336%2084.7814%20148.035%2077.5179%20191.369%2066.6937C213.107%2061.2816%20217.725%2059.9998%20261.343%2047.8939C334.3%2027.5274%20364.278%2021.7593%20403.066%2020.5487C437.164%2019.5517%20469.487%2024.6789%20509.766%2037.7106C521.559%2041.4848%20522.696%2041.7697%20524.756%2041.2C526.034%2040.9152%20526.319%2040.3455%20526.319%2038.1379C526.319%2035.5031%20526.176%2035.2894%20520.848%2032.2274C484.405%2011.22%20443.132%200.751869%20393.831%200.110962C383.672%20-0.031456%20373.3%20-0.031456%20370.743%200.110962Z%22%20fill%3D%22%23E72027%22%20fill-opacity%3D%220.08%22/%3E%3C/svg%3E");
  --box-green-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M21.9188 28.2376V31.6759H30.2521V35.0092H10.2521V31.6759H18.5854V28.2376C15.3631 27.8316 12.3998 26.2635 10.2517 23.8275C8.10361 21.3916 6.91847 18.2554 6.91878 15.0076V5.00757H33.5854V15.0076C33.5857 18.2554 32.4006 21.3916 30.2525 23.8275C28.1044 26.2635 25.1411 27.8316 21.9188 28.2376ZM10.2521 8.34257V15.0092C10.2521 16.3225 10.5108 17.6228 11.0133 18.8361C11.5159 20.0493 12.2525 21.1517 13.181 22.0803C14.1096 23.0089 15.212 23.7455 16.4253 24.248C17.6385 24.7506 18.9389 25.0092 20.2521 25.0092C21.5653 25.0092 22.8657 24.7506 24.0789 24.248C25.2922 23.7455 26.3946 23.0089 27.3232 22.0803C28.2518 21.1517 28.9884 20.0493 29.4909 18.8361C29.9935 17.6228 30.2521 16.3225 30.2521 15.0092V8.34257H10.2521ZM1.91878 8.34257H5.25211V15.0092H1.91878V8.34257ZM35.2521 8.34257H38.5854V15.0092H35.2521V8.34257Z' fill='%2377AB09'/%3E%3C/svg%3E");
  --box-green-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%22411%22%20height%3D%2273%22%20viewBox%3D%220%200%20411%2073%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M370.41%200.110962C323.808%202.817%20285.376%2010.223%20196.009%2033.9364C116.8%2055.015%2068.4936%2064.0589%2018.7662%2067.2634C-18.4582%2069.6846%20-57.7428%2068.6164%20-97.8799%2064.0589C-107.186%2063.0619%20-111.519%2063.2044%20-114.29%2064.6286C-115.213%2065.0559%20-115.498%2066.124%20-115.498%2068.7589V72.177L-111.093%2073.6724C-91.6995%2080.0815%20-51.0652%2086.7754%20-17.8899%2089.1253C3.06661%2090.5496%2046.8977%2090.1935%2066.3624%2088.4132C106.002%2084.7814%20147.702%2077.5179%20191.036%2066.6937C212.774%2061.2816%20217.391%2059.9998%20261.009%2047.8939C333.967%2027.5274%20363.945%2021.7593%20402.732%2020.5487C436.831%2019.5517%20469.154%2024.6789%20509.433%2037.7106C521.226%2041.4848%20522.362%2041.7697%20524.422%2041.2C525.701%2040.9152%20525.985%2040.3455%20525.985%2038.1379C525.985%2035.5031%20525.843%2035.2894%20520.515%2032.2274C484.072%2011.22%20442.798%200.751869%20393.497%200.110962C383.339%20-0.031456%20372.967%20-0.031456%20370.41%200.110962Z%22%20fill%3D%22%2377AB09%22%20fill-opacity%3D%220.08%22/%3E%3C/svg%3E");
  --box-blue-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M17.5888 3.51089C16.4581 3.14499 15.2341 3.1938 14.1361 3.64857C13.0381 4.10333 12.138 4.93432 11.5972 5.99256L10.2538 8.62089C10.0942 8.93361 9.8399 9.18793 9.52718 9.34756L6.89884 10.6892C5.84024 11.2301 5.00899 12.1305 4.5542 13.2288C4.09941 14.3272 4.05083 15.5516 4.41718 16.6826L5.32551 19.4909C5.43354 19.8246 5.43354 20.1839 5.32551 20.5176L4.41718 23.3259C4.0514 24.4568 4.10046 25.681 4.55554 26.779C5.01063 27.877 5.84197 28.777 6.90051 29.3176L9.52718 30.6609C9.8399 30.8205 10.0942 31.0748 10.2538 31.3876L11.5972 34.0159C12.1377 35.0744 13.0377 35.9058 14.1357 36.3609C15.2337 36.8159 16.4579 36.865 17.5888 36.4992L20.3972 35.5892C20.7309 35.4812 21.0901 35.4812 21.4238 35.5892L24.2322 36.4976C25.3633 36.8638 26.5879 36.815 27.6863 36.3599C28.7846 35.9047 29.6849 35.0731 30.2255 34.0142L31.5688 31.3876C31.728 31.0751 31.9817 30.8208 32.2938 30.6609L34.9222 29.3176C35.9807 28.777 36.8121 27.877 37.2671 26.779C37.7222 25.681 37.7713 24.4568 37.4055 23.3259L36.4955 20.5176C36.3875 20.1839 36.3875 19.8246 36.4955 19.4909L37.4055 16.6826C37.7717 15.5514 37.7229 14.3268 37.2678 13.2285C36.8127 12.1301 35.9811 11.2298 34.9222 10.6892L32.2938 9.34756C31.9817 9.18764 31.728 8.93336 31.5688 8.62089L30.2255 5.99256C29.6849 4.93366 28.7846 4.10205 27.6863 3.64694C26.5879 3.19183 25.3633 3.14301 24.2322 3.50923L21.4238 4.41923C21.0901 4.52726 20.7309 4.52726 20.3972 4.41923L17.5888 3.51089ZM14.5655 7.50923C14.7456 7.1564 15.0455 6.87925 15.4113 6.72746C15.7772 6.57567 16.1852 6.55916 16.5622 6.68089L19.3705 7.59089C20.3716 7.91499 21.4494 7.91499 22.4505 7.59089L25.2588 6.68089C25.636 6.55871 26.0444 6.57499 26.4107 6.72681C26.7769 6.87863 27.077 7.15604 27.2572 7.50923L28.5988 10.1376C29.0776 11.0748 29.8399 11.8371 30.7772 12.3159L33.4055 13.6576C33.7587 13.8377 34.0361 14.1378 34.1879 14.5041C34.3397 14.8703 34.356 15.2787 34.2338 15.6559L33.3238 18.4642C32.9998 19.4653 32.9998 20.5431 33.3238 21.5442L34.2338 24.3526C34.3556 24.7295 34.3391 25.1375 34.1873 25.5034C34.0355 25.8693 33.7583 26.1691 33.4055 26.3492L30.7772 27.6926C29.8399 28.1713 29.0776 28.9336 28.5988 29.8709L27.2572 32.4992C27.0768 32.8521 26.7765 33.1292 26.4103 33.2807C26.0441 33.4322 25.6358 33.4482 25.2588 33.3259L22.4505 32.4176C21.4494 32.0935 20.3716 32.0935 19.3705 32.4176L16.5622 33.3259C16.1854 33.4478 15.7776 33.4315 15.4117 33.28C15.0458 33.1285 14.7459 32.8517 14.5655 32.4992L13.2222 29.8709C12.7434 28.9336 11.9811 28.1713 11.0438 27.6926L8.41551 26.3492C8.06299 26.1689 7.7862 25.8689 7.63472 25.503C7.48325 25.1372 7.46698 24.7293 7.58885 24.3526L8.49718 21.5442C8.82127 20.5431 8.82127 19.4653 8.49718 18.4642L7.58885 15.6559C7.46654 15.2789 7.48257 14.8707 7.63407 14.5044C7.78557 14.1382 8.06262 13.838 8.41551 13.6576L11.0438 12.3159C11.9811 11.8371 12.7434 11.0748 13.2222 10.1376L14.5655 7.50923ZM12.1772 19.5992L19.2488 26.6709L31.0322 14.8859L28.6755 12.5292L19.2488 21.9576L14.5338 17.2426L12.1772 19.5992Z' fill='%2322A4DE'/%3E%3C/svg%3E");
  --box-blue-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%22412%22%20height%3D%2273%22%20viewBox%3D%220%200%20412%2073%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M371.076%200.110962C324.475%202.817%20286.043%2010.223%20196.675%2033.9364C117.467%2055.015%2069.1604%2064.0589%2019.433%2067.2634C-17.7915%2069.6846%20-57.0761%2068.6164%20-97.2131%2064.0589C-106.519%2063.0619%20-110.853%2063.2044%20-113.623%2064.6286C-114.547%2065.0559%20-114.831%2066.124%20-114.831%2068.7589V72.177L-110.426%2073.6724C-91.0327%2080.0815%20-50.3984%2086.7754%20-17.2231%2089.1253C3.73339%2090.5496%2047.5645%2090.1935%2067.0292%2088.4132C106.669%2084.7814%20148.369%2077.5179%20191.703%2066.6937C213.441%2061.2816%20218.058%2059.9998%20261.676%2047.8939C334.633%2027.5274%20364.612%2021.7593%20403.399%2020.5487C437.498%2019.5517%20469.821%2024.6789%20510.1%2037.7106C521.892%2041.4848%20523.029%2041.7697%20525.089%2041.2C526.368%2040.9152%20526.652%2040.3455%20526.652%2038.1379C526.652%2035.5031%20526.51%2035.2894%20521.182%2032.2274C484.739%2011.22%20443.465%200.751869%20394.164%200.110962C384.005%20-0.031456%20373.634%20-0.031456%20371.076%200.110962Z%22%20fill%3D%22%2322A4DE%22%20fill-opacity%3D%220.08%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;
}

#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;
}
#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-primary-muted);
  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(--color-blossom-800);
  border: 1px solid var(--color-blossom-500);
  border-radius: 4px;
}
#header #cc-header-add-content--1 .header-watchlist a:hover {
  border: 1px solid var(--color-blossom-700);
}
#header #cc-header-add-content--1 .header-watchlist a:active {
  background-color: var(--color-blossom-100);
}
#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);
  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;
  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_box03 .lp_ss_box03_inlay {
  padding: 0 !important;
  background: var(--color-stone-200);
  padding-left: 4px !important;
  border-radius: 4px 24px 24px 4px;
  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: 32px 24px 16px 24px !important;
  background-color: var(--white);
  border-radius: 0 0 0 0;
}
#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: 880px;
  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;
}
#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 .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 {
  margin-top: -136px !important;
  padding: 0 !important;
  padding-top: 60px !important;
  padding-bottom: 30px !important;
  max-width: unset !important;
  background-color: var(--primary-900) !important;
  background: linear-gradient(180deg, var(--color-stone-500) 0%, var(--color-stone-100) 100%) !important;
}
#layout #cc .pagemaker-widget.cc-widget--product-map #map-canvas {
  max-width: var(--breakpoint-xl) !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: 280px !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 .lp_trip_box_offimage a[href*=Celestyal_Cruises]:after {
  background-image: url("https://ayhanmike.github.io/cruise/assets/cruiseline/Celestyal_Cruises.png");
}
#layout #cc .pagemaker-widget.cc-widget--carousel .swiper-wrapper .swiper-slide .lp_trip_box_offimage a[href*=Norwegian_Cruise_Line]:after {
  background-image: url("https://ayhanmike.github.io/cruise/assets/cruiseline/Norwegian_Cruise_Line.png");
}
#layout #cc .pagemaker-widget.cc-widget--carousel .swiper-wrapper .swiper-slide .lp_trip_box_offimage a[href*=Costa_Cruises]:after {
  background-image: url("https://ayhanmike.github.io/cruise/assets/cruiseline/Costa_Cruises.png");
}
#layout #cc .pagemaker-widget.cc-widget--carousel .swiper-wrapper .swiper-slide .lp_trip_box_offimage a[href*=Royal_Caribbean]:after {
  background-image: url("https://ayhanmike.github.io/cruise/assets/cruiseline/Royal_Caribbean.png");
}
#layout #cc .pagemaker-widget.cc-widget--carousel .swiper-wrapper .swiper-slide .lp_trip_box_offimage a[href*=MSC_Cruises]:after {
  background-image: url("https://ayhanmike.github.io/cruise/assets/cruiseline/MSC_Cruises.png");
}
#layout #cc .pagemaker-widget.cc-widget--carousel .swiper-wrapper .swiper-slide .lp_trip_box_offimage a[href*=Celebrity_Cruises]:after {
  background-image: url("https://ayhanmike.github.io/cruise/assets/cruiseline/Celebrity_Cruises.png");
}
#layout #cc .pagemaker-widget.cc-widget--carousel .swiper-wrapper .swiper-slide .lp_trip_box_offimage a[href*=Princess_Cruises]:after {
  background-image: url("https://ayhanmike.github.io/cruise/assets/cruiseline/Princess_Cruises.png");
}
#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 #cc .lp_slider_box {
  border-radius: 4px;
}
#layout #search {
  position: relative;
  flex: 1;
}
#layout #search .searchdiv {
  margin: 0;
  margin-top: 12px;
  min-height: unset;
  position: relative;
}
#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 {
  --value-font-weight: 500;
  --value-color: var(--text-color);
}
#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: 1px solid var(--border) !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: var(--text-color);
  background-color: var(--bg-primary-muted);
  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(--border-light);
  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(--bg-muted) !important;
  height: unset !important;
  border-bottom: 1px solid var(--border-light);
  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(--bg-muted) !important;
}
#layout #search .searchlist .datepicker-inline {
  padding: 16px;
}
#layout #search .searchlist .datepicker-inline .datepicker {
  width: unset !important;
  border: 1px solid var(--border-light);
}
#layout #search .searchlist .datepicker-inline .datepicker--cell.-focus- {
  background-color: var(--bg-muted) !important;
}
#layout #btnSearch {
  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;
}

#layout + div {
  display: none;
}

footer {
  background: var(--color-stone-200);
  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-200);
  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 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 #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 {
  color: var(--text-color);
  float: none !important;
  margin: 0 !important;
  text-align: center;
  padding-bottom: 8px;
}
#layout #cc #cc_lay_filter #cc_lay_filter_detail + div small {
  display: block;
  padding-top: 8px;
}
#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;
  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;
}
#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: 12px 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: var(--text-primary);
}
#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);
  font-size: 13px;
  text-transform: capitalize;
  letter-spacing: -0.5px;
  font-weight: 500;
}
#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: var(--gray-100);
  border: 1px solid var(--border);
  border-radius: 4px;
  margin-bottom: 4px;
  display: inline-flex;
}
#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;
}
#layout #cc #cc_lay_page #cruise_list .liste_box .liste_box_02 .liste_box_preis span {
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  color: var(--text-primary);
}
#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(--green-600);
  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(--green-700);
  color: var(--white);
  z-index: 1;
}
#layout #cc #cc_lay_page #cruise_list .liste_box:hover .liste_box_preis span {
  color: var(--green-700);
}
#layout #cc #cc_lay_page #cruise_list .liste_box:hover .liste_box_nights {
  color: var(--green-700);
}
#layout #cc #cc_lay_page #cruise_list .liste_box:hover .liste_box_nights em {
  color: var(--green-700);
}
#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(--text-muted);
  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-color);
}
#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(--bg-white);
  font-size: 14px;
  color: var(--text-primary);
  border-radius: 8px;
  border: 1px solid var(--border);
  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-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(--bg-white);
  font-size: 14px;
  color: var(--text-primary);
  border-radius: 8px;
  border: 1px solid var(--border);
  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(--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) {
  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: calc(50% + 12px);
}
#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;
  border: 1px solid var(--border);
  box-sizing: border-box;
}
#layout #cc #cc_lay_ship .page_content_header .page_offers_chk .price_tbl {
  border: none;
  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;
}
#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(--text-color);
  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-color);
  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(--green-600);
  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-color);
  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: var(--green-100);
  color: var(--green-700);
}
#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(--primary-50);
  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 var(--border);
}
#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(--text-primary);
  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: 500;
  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(--border);
  color: var(--text-color);
  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-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 .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-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 .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(--bg-muted);
  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-color);
}
#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(--text-muted);
}
#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-color);
  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(--green-600);
  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(--green-600);
  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) !important;
  border: 3px solid var(--border) !important;
}

.radio-custom:checked + .radio-custom-label:before {
  background: var(--bg-primary-muted);
  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;
  }
  body {
    padding-top: 56px;
  }
  #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: 46px;
    top: 0;
    z-index: 1;
    height: 56px;
  }
  #header #header_logo a,
  #header #header_logo img {
    height: 30px;
    width: auto !important;
  }
  #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.cc-widget--product-map {
    display: none !important;
    padding-bottom: 0 !important;
  }
  #layout #cc .pagemaker-widget.cc-widget--product-map #map-canvas {
    border-radius: 0;
    border: 0;
  }
  #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;
  }
  #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;
  }
}/*# sourceMappingURL=layout.css.map */