/* wp-block-library-inline-css */

:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */

/* font-awesome-official-v4shim-inline-css */

@font-face {
font-family: "FontAwesome";
font-display: block;
src: url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-brands-400.eot"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-brands-400.woff2") format("woff2"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-brands-400.woff") format("woff"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-brands-400.ttf") format("truetype"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-brands-400.svg#fontawesome") format("svg");
}

@font-face {
font-family: "FontAwesome";
font-display: block;
src: url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-solid-900.eot"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-solid-900.woff2") format("woff2"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-solid-900.woff") format("woff"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-solid-900.ttf") format("truetype"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

@font-face {
font-family: "FontAwesome";
font-display: block;
src: url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-regular-400.eot"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-regular-400.woff2") format("woff2"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-regular-400.woff") format("woff"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-regular-400.ttf") format("truetype"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-regular-400.svg#fontawesome") format("svg");
unicode-range: U+F004-F005,U+F007,U+F017,U+F022,U+F024,U+F02E,U+F03E,U+F044,U+F057-F059,U+F06E,U+F070,U+F075,U+F07B-F07C,U+F080,U+F086,U+F089,U+F094,U+F09D,U+F0A0,U+F0A4-F0A7,U+F0C5,U+F0C7-F0C8,U+F0E0,U+F0EB,U+F0F3,U+F0F8,U+F0FE,U+F111,U+F118-F11A,U+F11C,U+F133,U+F144,U+F146,U+F14A,U+F14D-F14E,U+F150-F152,U+F15B-F15C,U+F164-F165,U+F185-F186,U+F191-F192,U+F1AD,U+F1C1-F1C9,U+F1CD,U+F1D8,U+F1E3,U+F1EA,U+F1F6,U+F1F9,U+F20A,U+F247-F249,U+F24D,U+F254-F25B,U+F25D,U+F267,U+F271-F274,U+F279,U+F28B,U+F28D,U+F2B5-F2B6,U+F2B9,U+F2BB,U+F2BD,U+F2C1-F2C2,U+F2D0,U+F2D2,U+F2DC,U+F2ED,U+F328,U+F358-F35B,U+F3A5,U+F3D1,U+F410,U+F4AD;
}
@font-face {
font-family: "FontAwesome";
font-display: block;
src: url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-brands-400.eot"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-brands-400.woff2") format("woff2"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-brands-400.woff") format("woff"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-brands-400.ttf") format("truetype"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-brands-400.svg#fontawesome") format("svg");
}

@font-face {
font-family: "FontAwesome";
font-display: block;
src: url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-solid-900.eot"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-solid-900.woff2") format("woff2"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-solid-900.woff") format("woff"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-solid-900.ttf") format("truetype"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}

@font-face {
font-family: "FontAwesome";
font-display: block;
src: url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-regular-400.eot"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-regular-400.woff2") format("woff2"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-regular-400.woff") format("woff"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-regular-400.ttf") format("truetype"),
		url("https://use.fontawesome.com/releases/v5.14.0/webfonts/fa-regular-400.svg#fontawesome") format("svg");
unicode-range: U+F004-F005,U+F007,U+F017,U+F022,U+F024,U+F02E,U+F03E,U+F044,U+F057-F059,U+F06E,U+F070,U+F075,U+F07B-F07C,U+F080,U+F086,U+F089,U+F094,U+F09D,U+F0A0,U+F0A4-F0A7,U+F0C5,U+F0C7-F0C8,U+F0E0,U+F0EB,U+F0F3,U+F0F8,U+F0FE,U+F111,U+F118-F11A,U+F11C,U+F133,U+F144,U+F146,U+F14A,U+F14D-F14E,U+F150-F152,U+F15B-F15C,U+F164-F165,U+F185-F186,U+F191-F192,U+F1AD,U+F1C1-F1C9,U+F1CD,U+F1D8,U+F1E3,U+F1EA,U+F1F6,U+F1F9,U+F20A,U+F247-F249,U+F24D,U+F254-F25B,U+F25D,U+F267,U+F271-F274,U+F279,U+F28B,U+F28D,U+F2B5-F2B6,U+F2B9,U+F2BB,U+F2BD,U+F2C1-F2C2,U+F2D0,U+F2D2,U+F2DC,U+F2ED,U+F328,U+F358-F35B,U+F3A5,U+F3D1,U+F410,U+F4AD;
}
/*# sourceURL=font-awesome-official-v4shim-inline-css */

/* global-styles-inline-css */

:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--primary: #04bac7;--wp--preset--color--secondary: #f0b056;--wp--preset--color--success: #3abc19;--wp--preset--color--alert: #e83079;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left: auto !important;margin-right: auto !important;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: none;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}.has-success-color{color: var(--wp--preset--color--success) !important;}.has-alert-color{color: var(--wp--preset--color--alert) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-success-background-color{background-color: var(--wp--preset--color--success) !important;}.has-alert-background-color{background-color: var(--wp--preset--color--alert) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-success-border-color{border-color: var(--wp--preset--color--success) !important;}.has-alert-border-color{border-color: var(--wp--preset--color--alert) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */

/* ot-style */

.header-wrapper,
.header-wrapper .header-main,
.header-wrapper .header-bottom,
.header-wrapper .header-nav,
.header-wrapper .nav,
.header-wrapper .nav * {
  font-family: 'Plus Jakarta Sans' !important;
}

.header-wrapper {
  background: rgba(255,255,255,.96) !important;
  box-shadow: 0 10px 34px rgba(36,179,179,.12) !important;
  border-bottom: 1px solid rgba(36,179,179,.16) !important;
}

/* Premium technology-wave header background */
.header-wrapper .header-main {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  min-height: 116px !important;
  background: #ffffff !important;
  border-bottom: 1px solid rgba(36,179,179,.18) !important;
  box-shadow: 0 14px 38px rgba(36,179,179,.12) !important;
}

.header-wrapper .header-main::before {
  content: "";
  position: absolute;
  inset: -54px -90px;
  z-index: -2;
  background:
    radial-gradient(ellipse at 14% 24%, rgba(36,179,179,.12), transparent 38%),
    radial-gradient(ellipse at 86% 66%, rgba(255,153,0,.09), transparent 34%),
    radial-gradient(ellipse at 50% 46%, rgba(24,198,209,.08), transparent 42%);
  opacity: .82;
  pointer-events: none;
}

.header-wrapper .header-main::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    url("data:image/svg+xml,%3Csvg width='1440' height='188' viewBox='0 0 1440 188' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M-120 72 C80 20 210 132 390 82 S705 42 900 92 1215 96 1570 48' stroke='%2324b3b3' stroke-width='1.25' stroke-opacity='.28'/%3E%3Cpath d='M-120 84 C80 32 210 144 390 94 S705 54 900 104 1215 108 1570 60' stroke='%2324b3b3' stroke-width='1.05' stroke-opacity='.22'/%3E%3Cpath d='M-120 96 C80 44 210 156 390 106 S705 66 900 116 1215 120 1570 72' stroke='%2324b3b3' stroke-width='.95' stroke-opacity='.17'/%3E%3Cpath d='M600 54 C718 16 798 132 910 88 S1100 38 1238 88' stroke='%23ffb84d' stroke-width='1.15' stroke-opacity='.30'/%3E%3Cpath d='M610 66 C728 28 804 142 918 100 S1105 50 1238 100' stroke='%23ff9900' stroke-width='.95' stroke-opacity='.18'/%3E%3Cpath d='M58 40 H174 V66 H252 M76 118 H192 V92 H288 M1176 42 H1304 V72 H1386 M1088 128 H1218 V100 H1330' stroke='%2324b3b3' stroke-width='1' stroke-opacity='.13'/%3E%3Cpath d='M170 66 H222 M1218 100 H1276 M1012 88 H1116' stroke='%23ff9900' stroke-width='1' stroke-opacity='.12'/%3E%3Ccircle cx='174' cy='66' r='3.5' stroke='%2324b3b3' stroke-opacity='.20'/%3E%3Ccircle cx='288' cy='92' r='3.5' stroke='%23ff9900' stroke-opacity='.16'/%3E%3Ccircle cx='1304' cy='72' r='3.5' stroke='%2324b3b3' stroke-opacity='.20'/%3E%3Ccircle cx='1330' cy='100' r='3.5' stroke='%23ff9900' stroke-opacity='.16'/%3E%3Crect x='180' y='48' width='64' height='42' rx='7' stroke='%2324b3b3' stroke-opacity='.10'/%3E%3Crect x='1188' y='58' width='70' height='48' rx='8' stroke='%2324b3b3' stroke-opacity='.10'/%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-position: center center;
  opacity: .92;
  pointer-events: none;
}

.header-wrapper .header-main .ot-headfx {
  display: none !important;
}

.header-wrapper .header-main > .container,
.header-wrapper .header-main .flex-row,
.header-wrapper .header-main .row,
.header-wrapper .header-main .header-inner,
.header-wrapper .header-main .container {
  position: relative !important;
  z-index: 2 !important;
}

.header-wrapper .header-main .header-inner {
  min-height: 116px !important;
}

/* Logo lon, khong khung */
.header-wrapper .header-main .logo,
.header-wrapper .header-main .header-logo {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.header-wrapper .header-main .logo::before,
.header-wrapper .header-main .header-logo::before {
  display: none !important;
}

.header-wrapper .header-main .logo img,
.header-wrapper .header-main .header-logo img {
  max-height: 78px !important;
  width: auto !important;
  transform: scale(1.08) !important;
  transform-origin: center !important;
}

/* Search */
.header-wrapper .searchform {
  border-radius: 999px !important;
  overflow: hidden !important;
  background: rgba(255,255,255,.86) !important;
  border: 1px solid rgba(36,179,179,.24) !important;
  box-shadow: 0 8px 18px rgba(36,179,179,.10) !important;
}

.header-wrapper .searchform input,
.header-wrapper .searchform select,
.header-wrapper .search-field {
  height: 42px !important;
  border: 0 !important;
  background: transparent !important;
  color: #4a646c !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

/* Account + Cart */
.header-wrapper .header-button .button,
.header-wrapper .account-item a,
.header-wrapper .cart-item a,
.header-wrapper .header-cart-link {
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(36,179,179,.78) 0%, rgba(24,198,209,.74) 62%, rgba(255,153,0,.66) 100%) !important;
  color: #ffffff !important;
  border: 0 !important;
  box-shadow: 0 8px 18px rgba(36,179,179,.14) !important;
  font-weight: 800 !important;
}

/* Menu chinh */
.header-wrapper .header-bottom,
.header-wrapper #wide-nav {
  min-height: 54px !important;
  background: linear-gradient(90deg, #24b3b3 0%, #19c8d2 68%, #ff9900 150%) !important;
  box-shadow: 0 10px 24px rgba(36,179,179,.18) !important;
}

.header-wrapper .header-bottom .nav > li > a,
.header-wrapper #wide-nav .nav > li > a {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  padding: 17px 14px !important;
  border-radius: 999px !important;
}

.header-wrapper .header-bottom .nav > li:hover > a,
.header-wrapper #wide-nav .nav > li:hover > a,
.header-wrapper .header-bottom .nav > li.active > a,
.header-wrapper #wide-nav .nav > li.active > a {
  background: rgba(255,255,255,.16) !important;
  transform: translateY(-1px);
}

/* Dropdown */
.header-wrapper .nav-dropdown {
  border-radius: 18px !important;
  border: 1px solid rgba(36,179,179,.18) !important;
  box-shadow: 0 20px 48px rgba(36,179,179,.16) !important;
  overflow: hidden !important;
}

.header-wrapper .nav-dropdown li a {
  font-family: 'Plus Jakarta Sans' !important;
  color: #4a646c !important;
  font-weight: 700 !important;
}

.header-wrapper .nav-dropdown li a:hover {
  background: #f2fcfc !important;
  color: #24b3b3 !important;
}

/* Sticky */
.header-wrapper.stuck .header-main,
.stuck .header-wrapper .header-main {
  background: #ffffff !important;
  box-shadow: 0 10px 24px rgba(36,179,179,.10) !important;
}

@media (prefers-reduced-motion: reduce) {
  .header-wrapper .header-main .ot-headfx {
    display: none !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  .header-wrapper .header-main,
  .header-wrapper .header-main .header-inner {
    min-height: 84px !important;
  }

  .header-wrapper .header-main .logo img,
  .header-wrapper .header-main .header-logo img {
    max-height: 58px !important;
    transform: scale(1.02) !important;
  }

  .header-wrapper .header-bottom,
  .header-wrapper #wide-nav {
    min-height: 48px !important;
  }

  .header-wrapper .header-bottom .nav > li > a,
  .header-wrapper #wide-nav .nav > li > a {
    font-size: 12px !important;
    padding: 13px 10px !important;
  }
}

/* ott-live-ui-css13 */

/* OTT HOMEPAGE UX v12 - 2026-07-10
   Calmer mobile navigation, readable product cards, full-ratio images,
   lightweight blog CTA, and paint-safe chat typing. */

:root{
  --ott-v11-ink:#254f4b;
  --ott-v11-menu:#2f6b64;
  --ott-v11-sage:#7fae8b;
  --ott-v11-line:rgba(47,107,100,.14);
  --ott-v11-soft:#f4f9f7;
  --ott-v11-orange:#e85d04;
}

/* Brand search surface on desktop and mobile. */
html body #masthead .search-field,
html body #main-menu .search-field{
  color:#0e4f54!important;
  caret-color:#e2942b!important;
  background:#fbfdfc!important;
  border:1px solid rgba(4,186,199,.24)!important;
  box-shadow:0 8px 20px -20px rgba(14,79,84,.42)!important;
}

html body #masthead .search-field::placeholder,
html body #main-menu .search-field::placeholder{
  color:#557c79!important;
  opacity:1!important;
}

html body #masthead .search-field:focus,
html body #main-menu .search-field:focus{
  border-color:rgba(226,148,43,.68)!important;
  box-shadow:0 0 0 3px rgba(226,148,43,.12)!important;
}

html body #masthead .ux-search-submit,
html body #main-menu .ux-search-submit{
  color:#fff!important;
  background:#0e7f87!important;
  border:0!important;
  box-shadow:none!important;
}

/* The category chooser is a separate panel below the complete header. */
@media (min-width:850px){
  html body .ott-search-all-col{
    position:relative!important;
    z-index:100050!important;
  }

  html body .ott-cat-toggle{
    color:#0e4f54!important;
    background:#fff!important;
    border:0!important;
    box-shadow:none!important;
  }

  html body .ott-cat-menu{
    position:fixed!important;
    top:var(--ott-cat-panel-top,154px)!important;
    left:50%!important;
    z-index:100025!important;
    display:none!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    width:min(720px,calc(100vw - 36px))!important;
    max-height:min(520px,calc(100vh - var(--ott-cat-panel-top,154px) - 18px))!important;
    margin:0!important;
    padding:17px!important;
    overflow:auto!important;
    box-sizing:border-box!important;
    transform:translateX(-50%)!important;
    background:rgba(255,255,255,.985)!important;
    border:1px solid rgba(4,186,199,.14)!important;
    border-radius:14px!important;
    box-shadow:0 22px 52px -32px rgba(14,79,84,.48)!important;
  }

  html body .ott-search-all-col.ott-open .ott-cat-menu{
    display:grid!important;
  }

  html body .ott-cat-menu::before{
    content:"Kh\00E1 m ph\00E1  theo nh\00F3 m"!important;
    grid-column:1/-1!important;
    display:block!important;
    padding:2px 4px 7px!important;
    color:#0e4f54!important;
    font-family:"Plus Jakarta Sans",sans-serif!important;
    font-size:13px!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
  }

  html body .ott-cat-menu > a{
    display:flex!important;
    align-items:center!important;
    min-height:46px!important;
    margin:0!important;
    padding:11px 14px!important;
    color:#0e4f54!important;
    background:#eafafa!important;
    border:0!important;
    border-radius:10px!important;
    box-shadow:none!important;
    font-family:"Plus Jakarta Sans",sans-serif!important;
    font-size:13px!important;
    font-weight:750!important;
    line-height:1.35!important;
    text-decoration:none!important;
    transition:background-color .16s ease,color .16s ease,transform .16s ease!important;
  }

  html body .ott-cat-menu > a:nth-of-type(2),
  html body .ott-cat-menu > a:nth-of-type(6){background:#fff4df!important;color:#72500f!important;}
  html body .ott-cat-menu > a:nth-of-type(3),
  html body .ott-cat-menu > a:nth-of-type(7){background:#eef8ef!important;color:#2f6f45!important;}
  html body .ott-cat-menu > a:nth-of-type(4){background:#fff0ea!important;color:#984719!important;}
  html body .ott-cat-menu > a:nth-of-type(5){background:#f3efff!important;color:#5d5190!important;}

  html body .ott-cat-menu > a:hover,
  html body .ott-cat-menu > a:focus-visible{
    color:#0e4f54!important;
    background:#dff6f5!important;
    transform:translateY(-1px)!important;
  }
}

html body #main .product-small.col .col-inner,
html body .product-small.col .col-inner{
  position:relative!important;
  height:100%!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid rgba(47,107,100,.13)!important;
  border-radius:12px!important;
  box-shadow:0 12px 28px -24px rgba(37,79,75,.48)!important;
}

html body #main .product-small.col .col-inner::before,
html body #main .product-small.col .col-inner::before,
html body #main .product-small.col .col-inner::after,
html body .product-small.col .col-inner::after,
html body #main .product-small.col .box::before,
html body .product-small.col .box::before,
html body #main .product-small.col .box::after,
html body .product-small.col .box::after{
  content:none!important;
  display:none!important;
}

html body #main .product-small.col .box,
html body .product-small.col .box{
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
  margin:0!important;
  background:transparent!important;
}

/* Product card: one clean layer, stable image ratio, no crop. */
html body #main .product-small.col .box-image,
html body .product-small.col .box-image{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:auto!important;
  max-height:none!important;
  aspect-ratio:var(--ott-product-ratio,4/5)!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
  border-radius:0!important;
}

html body #main .product-small.col .box-image > a,
html body .product-small.col .box-image > a{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  line-height:0!important;
}

html body #main .product-small.col .box-image img,
html body .product-small.col .box-image img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0!important;
  transform:none!important;
  filter:none!important;
}

html body #main .product-small.col .box-image::before,
html body .product-small.col .box-image::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  display:block!important;
  pointer-events:none!important;
  background:linear-gradient(132deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.06) 24%,rgba(255,255,255,0) 45%)!important;
  opacity:.72!important;
  animation:none!important;
}

/* Keep one very light static reflection even when legacy card CSS loads later. */
html body #wrapper #main .row .product-small.col .col-inner .box-image::before{
  content:""!important;
  display:block!important;
}

html body #main .product-small.col .box-image::after,
html body .product-small.col .box-image::after{
  content:""!important;
  position:absolute!important;
  top:-12%!important;
  bottom:-12%!important;
  left:-42%!important;
  z-index:4!important;
  display:block!important;
  width:24%!important;
  pointer-events:none!important;
  background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.12) 36%,rgba(255,255,255,.42) 50%,rgba(255,255,255,.10) 64%,rgba(255,255,255,0) 100%)!important;
  opacity:0!important;
  transform:translate3d(0,0,0) skewX(-12deg)!important;
  animation:none!important;
  transition:transform .42s cubic-bezier(.2,.7,.2,1),opacity .12s ease!important;
}

@media (max-width:849px){
  html body #wrapper #header #masthead .mobile-nav .ott-mobile-header-cart{
    margin:0 0 0 4px!important;
  }

  html body #wrapper #header #masthead .mobile-nav .ott-mobile-header-cart .ott-header-commerce-link{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    padding:0!important;
    color:var(--ott-v11-menu)!important;
    background:transparent!important;
    border:0!important;
    border-radius:9px!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transition:background-color .14s ease,color .14s ease!important;
  }

  html body #wrapper #header #masthead .mobile-nav .ott-mobile-header-cart .ott-header-commerce-link::before,
  html body #wrapper #header #masthead .mobile-nav .ott-mobile-header-cart .ott-header-commerce-link::after,
  html body #wrapper #header #masthead .mobile-nav .ott-mobile-header-cart .ott-canonical-cart-glyph::after{
    content:none!important;
    display:none!important;
    background:none!important;
    box-shadow:none!important;
    filter:none!important;
  }

  html body #wrapper #header #masthead .mobile-nav .ott-mobile-header-cart .ott-canonical-cart-glyph{
    margin:0!important;
    color:var(--ott-v11-menu)!important;
    font-size:20px!important;
    line-height:1!important;
    text-shadow:none!important;
  }

  html body #wrapper #header #masthead .mobile-nav .ott-mobile-header-cart .ott-cart-metrics{
    position:absolute!important;
    top:2px!important;
    right:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:18px!important;
    max-width:28px!important;
    height:18px!important;
    padding:0 4px!important;
    color:#fff!important;
    background:linear-gradient(135deg,#0f858b 0%,#4f8f62 100%)!important;
    border:0!important;
    border-radius:999px!important;
    box-shadow:0 3px 10px -7px rgba(37,92,100,.65)!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1!important;
  }

  html body #wrapper #header #masthead .mobile-nav .ott-mobile-header-cart .ott-cart-count{
    color:inherit!important;
    font:inherit!important;
  }

  html body #wrapper #header #masthead .mobile-nav .ott-mobile-header-cart .ott-header-commerce-link:active{
    color:#0e4f54!important;
    background:rgba(4,186,199,.07)!important;
  }

  html body .ott-cat-menu{display:none!important;}
}

/* Final performance rule: product cards use no mirror or shine layer. */
html body #wrapper #main .product-small.col .box-image::before,
html body #wrapper #main .product-small.col .box-image::after,
html body #wrapper .product-small.col .box-image::before,
html body #wrapper .product-small.col .box-image::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  transform:none!important;
  animation:none!important;
  transition:none!important;
  background:none!important;
  filter:none!important;
  box-shadow:none!important;
  pointer-events:none!important;
}

@media (hover:hover) and (pointer:fine){
  html body #main .product-small.col:hover .box-image::after,
  html body .product-small.col:hover .box-image::after{
    opacity:.68!important;
    transform:translate3d(610%,0,0) skewX(-12deg)!important;
  }
}

html body #main .product-small.col:active .col-inner,
html body #main .product-small.col:focus-within .col-inner,
html body .product-small.col:active .col-inner,
html body .product-small.col:focus-within .col-inner{
  border-color:transparent!important;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#04bac7 0%,#7fae8b 50%,#e2942b 100%) border-box!important;
  box-shadow:0 14px 32px -20px rgba(14,79,84,.42)!important;
}

html body.single-product .custom-product-page .ott-empty-product-col{
  display:none!important;
}

html body.single-product .custom-product-page > .section:first-child{
  padding-top:18px!important;
}

html body.single-product .ott-ocean-product-title{
  padding-top:8px!important;
}

html body #main .product-small.col .box-text,
html body .product-small.col .box-text{
  display:flex!important;
  flex-direction:column!important;
  height:auto!important;
  min-height:292px!important;
  padding:16px 14px 16px!important;
  gap:0!important;
}

html body #main .product-small.col .box-text::before,
html body #main .product-small.col .box-text::after,
html body .product-small.col .box-text::before,
html body .product-small.col .box-text::after{
  content:none!important;
  display:none!important;
}

html body #main .product-small.col .title-wrapper,
html body .product-small.col .title-wrapper{
  display:flex!important;
  flex:0 0 auto!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}

html body #main .product-small.col .ott-dest-tag,
html body .product-small.col .ott-dest-tag{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  width:auto!important;
  max-width:calc(100% - 2px)!important;
  height:auto!important;
  max-height:none!important;
  min-height:18px!important;
  margin:0 0 8px!important;
  padding:0!important;
  color:#2f6b64!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-size:10.5px!important;
  font-weight:750!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:break-word!important;
  text-overflow:clip!important;
  -webkit-box-orient:initial!important;
  -webkit-line-clamp:unset!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}

html body #main .product-small.col .ott-type-line::before,
html body .product-small.col .ott-type-line::before{
  content:""!important;
  display:block!important;
  flex:0 0 18px!important;
  width:18px!important;
  height:2px!important;
  background:linear-gradient(90deg,#04bac7 0%,#e2942b 100%)!important;
  border-radius:999px!important;
  box-shadow:none!important;
}

html body #main .product-small.col .ott-dest-tag *,
html body .product-small.col .ott-dest-tag *{
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  -webkit-line-clamp:unset!important;
}

html body #main .product-small.col .product-title,
html body #main .product-small.col .name.product-title,
html body .product-small.col .product-title,
html body .product-small.col .name.product-title{
  width:100%!important;
  min-height:2.9em!important;
  height:auto!important;
  max-height:none!important;
  margin:0 0 11px!important;
  padding:0!important;
  color:var(--ott-v11-ink)!important;
  font-size:16.5px!important;
  font-weight:750!important;
  line-height:1.45!important;
  letter-spacing:0!important;
  text-align:left!important;
}

html body #main .product-small.col .product-title > a,
html body .product-small.col .product-title > a{
  display:-webkit-box!important;
  overflow:hidden!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:2.9em!important;
  color:inherit!important;
  font-size:16.5px!important;
  font-weight:750!important;
  line-height:1.45!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}

html body #main .product-small.col .ott-subtags,
html body .product-small.col .ott-subtags{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:5px!important;
  width:100%!important;
  height:auto!important;
  min-height:22px!important;
  max-height:none!important;
  margin:0 0 4px!important;
  overflow:visible!important;
}

html body #main .product-small.col .ott-sub-tag,
html body .product-small.col .ott-sub-tag{
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  justify-content:center!important;
  padding:4px 8px!important;
  color:var(--ott-chip-color,#087b84)!important;
  background:var(--ott-chip-bg,#e8fbfd)!important;
  border:0!important;
  border-radius:999px!important;
  box-shadow:none!important;
  font-size:10.5px!important;
  font-weight:650!important;
  line-height:1.25!important;
  text-transform:none!important;
}

html body .product-small.col .ott-subtags.has-mixed-lengths .ott-sub-tag.is-compact{
  flex:0 0 auto!important;
  white-space:nowrap!important;
}

html body .product-small.col .ott-subtags.has-mixed-lengths .ott-sub-tag.is-extended{
  flex:1 1 0!important;
  min-width:0!important;
  padding-inline:7px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  text-align:center!important;
}

html body .product-small.col .ott-subtags.has-two-compact .ott-sub-tag{
  flex:1 1 0!important;
  white-space:nowrap!important;
}

html body .product-small.col .ott-subtags.has-two-extended{
  align-items:stretch!important;
  min-height:32px!important;
}

html body .product-small.col .ott-subtags.has-two-extended .ott-sub-tag{
  flex:1 1 0!important;
  min-width:0!important;
  padding-inline:6px!important;
  font-size:9.7px!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  text-align:center!important;
}

html body #main .product-small.col .ott-sub-tag:nth-child(2),
html body .product-small.col .ott-sub-tag:nth-child(2){
  color:var(--ott-chip-color,#b84f13)!important;
  background:var(--ott-chip-bg,#fff0e8)!important;
}

html body #main .product-small.col .ott-sub-tag:nth-child(3),
html body .product-small.col .ott-sub-tag:nth-child(3){
  color:var(--ott-chip-color,#2f7a44)!important;
  background:var(--ott-chip-bg,#edf8ef)!important;
}

html body #main .product-small.col .star-rating,
html body #main .product-small.col .is-star-rating,
html body #main .product-small.col .rating,
html body .product-small.col .star-rating,
html body .product-small.col .is-star-rating,
html body .product-small.col .rating{
  display:none!important;
}

html body #main .product-small.col .price-wrapper,
html body .product-small.col .price-wrapper{
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:12px 0 0!important;
  padding:0!important;
  border:0!important;
  overflow:visible!important;
}

html body #main .product-small.col .price,
html body .product-small.col .price{
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  width:100%!important;
  min-height:90px!important;
  margin:0!important;
  padding:10px 0 12px!important;
  color:var(--ott-v11-orange)!important;
  background:#fff!important;
  border:0!important;
  border-top:1px solid rgba(47,107,100,.12)!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-size:21px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-align:center!important;
}

html body #main .product-small.col .price ins,
html body .product-small.col .price ins{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  margin:0!important;
  color:var(--ott-v11-orange)!important;
  font-weight:800!important;
  text-decoration:none!important;
  text-align:center!important;
}

html body #main .product-small.col .price ins::before,
html body .product-small.col .price ins::before{
  content:"Ch\1EC9  c\00F2 n"!important;
  display:block!important;
  width:100%!important;
  margin:0 0 4px!important;
  color:#8b6b5a!important;
  font-size:11.5px!important;
  font-weight:750!important;
  line-height:1.2!important;
  text-align:center!important;
  text-transform:none!important;
}

html body #main .product-small.col .price del,
html body .product-small.col .price del{
  display:flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  width:100%!important;
  margin:0!important;
  color:#91a2a0!important;
  font-size:12.5px!important;
  font-weight:600!important;
  line-height:1.2!important;
  text-align:center!important;
  text-decoration:line-through!important;
  text-decoration-color:#7d918e!important;
  text-decoration-thickness:1px!important;
}

html body #main .product-small.col .price del .amount,
html body #main .product-small.col .price del .woocommerce-Price-currencySymbol,
html body .product-small.col .price del .amount,
html body .product-small.col .price del .woocommerce-Price-currencySymbol{
  text-decoration:line-through!important;
  text-decoration-color:#7d918e!important;
  text-decoration-thickness:1px!important;
}

html body #main .product-small.col .price del::after,
html body .product-small.col .price del::after,
html body #main .product-small.col .woocommerce-Price-currencySymbol::after,
html body .product-small.col .woocommerce-Price-currencySymbol::after{
  content:none!important;
  display:none!important;
}

html body #main .product-small.col .woocommerce-Price-currencySymbol,
html body .product-small.col .woocommerce-Price-currencySymbol,
html body #main .product-small.col .ott-vnd-suffix,
html body .product-small.col .ott-vnd-suffix{
  display:inline-block!important;
  margin-left:3px!important;
  font-size:.72em!important;
  font-weight:750!important;
  letter-spacing:.02em!important;
}

html body #main .product-small.col .ott-card-actions,
html body .product-small.col .ott-card-actions{
  flex:0 0 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin-top:13px!important;
  overflow:visible!important;
}

/* Reliable CTA for the four editorial cards at the end of the homepage. */
html body.home .post-item .blog-post-inner .post-title > a::after{
  content:none!important;
  display:none!important;
}

html body.home .post-item .blog-post-inner .ott-read-more{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  margin-top:12px!important;
  color:var(--ott-v11-orange)!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
  text-decoration:none!important;
}

/* Chat typing: remove expensive repaint effects while the user is typing. */
html body #ocean-chat-container textarea,
html body #ocean-chat-container input{
  field-sizing:content;
  transition:border-color .15s ease,background-color .15s ease!important;
}

html body #ocean-chat-container.ott-chat-typing,
html body #ocean-chat-container.ott-chat-typing *{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html body #ocean-chat-container.ott-chat-typing textarea,
html body #ocean-chat-container.ott-chat-typing input{
  animation:none!important;
  filter:none!important;
  box-shadow:0 0 0 1px rgba(47,107,100,.22)!important;
}

@media (max-width:849px){
  html.has-off-canvas .ott-cbar,
  html.has-off-canvas #ocean-chat-container{
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:none!important;
  }

  html body #wrapper #header #masthead .mobile-nav .nav-icon .icon-menu::before{
    height:3px!important;
    background:var(--ott-v11-menu)!important;
    color:var(--ott-v11-menu)!important;
    border-color:var(--ott-v11-menu)!important;
    box-shadow:0 7.5px 0 var(--ott-v11-menu),0 15px 0 var(--ott-v11-menu)!important;
  }

  html body #main-menu{
    width:min(90vw,360px)!important;
    max-width:100vw!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
    color:var(--ott-v11-ink)!important;
    background:rgba(253,254,254,.99)!important;
    border:0!important;
    box-shadow:12px 0 30px -24px rgba(37,79,75,.38)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  html body #main-menu .sidebar-menu{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
    padding-bottom:18px!important;
    background:transparent!important;
  }

  html body #main-menu .header-search-form{
    margin:0!important;
    padding:16px 16px 12px!important;
    background:#fff!important;
    border-bottom:1px solid var(--ott-v11-line)!important;
  }

  html body #main-menu .searchform .flex-row{
    gap:8px!important;
  }

  html body #main-menu .search-field{
    height:44px!important;
    padding:0 14px!important;
    color:#0e4f54!important;
    caret-color:#e2942b!important;
    background:#fbfdfc!important;
    border:1px solid rgba(4,186,199,.24)!important;
    border-radius:10px!important;
    box-shadow:none!important;
    font-size:14px!important;
  }

  html body #main-menu .ux-search-submit{
    width:44px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    background:var(--ott-v11-menu)!important;
    border:0!important;
    border-radius:10px!important;
    box-shadow:none!important;
  }

  html body #main-menu .nav-sidebar > li:not(.header-search-form):not(.ott-cart-item){
    position:relative!important;
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    margin:0 14px!important;
    box-sizing:border-box!important;
    border-bottom:1px solid rgba(47,107,100,.1)!important;
  }

  html body #main-menu .nav-sidebar > li:not(.header-search-form):not(.ott-cart-item) > a{
    width:calc(100% - 42px)!important;
    max-width:calc(100% - 42px)!important;
    min-height:48px!important;
    padding:13px 4px!important;
    color:var(--ott-v11-ink)!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.35!important;
    letter-spacing:0!important;
    text-transform:none!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  html body #main-menu .nav-sidebar > li.current-menu-item > a{
    color:var(--ott-v11-menu)!important;
  }

  html body #main-menu .nav-sidebar .toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:38px!important;
    min-width:38px!important;
    height:44px!important;
    padding:0!important;
    color:var(--ott-v11-menu)!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  html body #main-menu .nav-sidebar > li > button[data-ott-submenu-toggle="1"]{
    position:absolute!important;
    top:2px!important;
    right:0!important;
    z-index:2!important;
  }

  html body #main-menu .nav-sidebar > li > button[data-ott-submenu-toggle="1"] i{
    transition:transform .24s ease!important;
  }

  html body #main-menu .nav-sidebar > li.ott-sub-open > button[data-ott-submenu-toggle="1"] i{
    transform:rotate(90deg)!important;
  }

  html body #main-menu .nav-sidebar > li > .sub-menu{
    display:none!important;
    position:static!important;
    inset:auto!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin:2px 0 10px!important;
    padding:8px!important;
    overflow:hidden!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:none!important;
    background:#f5fbfa!important;
    border:0!important;
    border-radius:11px!important;
    box-shadow:none!important;
  }

  html body #main-menu .nav-sidebar > li.ott-sub-open > .sub-menu{
    display:block!important;
    overflow:visible!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  html body #main-menu .nav-sidebar > li > .sub-menu > .nav-slide-header{
    display:none!important;
  }

  html body #main-menu .nav-sidebar > li > .sub-menu > li:not(.nav-slide-header){
    margin:0!important;
    border:0!important;
  }

  html body #main-menu .nav-sidebar > li > .sub-menu > li:not(.nav-slide-header) > a{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    min-height:41px!important;
    margin:3px 0!important;
    padding:10px 11px!important;
    color:#245f5d!important;
    background:#e9f8f7!important;
    border:0!important;
    box-shadow:none!important;
    font-size:12.5px!important;
    font-weight:600!important;
    line-height:1.45!important;
    letter-spacing:0!important;
    text-transform:none!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  html body #main-menu .nav-sidebar > li > .sub-menu > li:nth-child(3n+2) > a{
    color:#76500f!important;
    background:#fff4df!important;
  }

  html body #main-menu .nav-sidebar > li > .sub-menu > li:nth-child(3n) > a{
    color:#2f6f45!important;
    background:#edf8ef!important;
  }

  html body #main-menu .ott-cart-item,
  html body #main-menu .nav-sidebar > li:empty{
    display:none!important;
  }

  html body #main-menu .ott-cart-item{
    margin:15px 16px 6px!important;
    padding:14px 0 0!important;
    border-top:1px solid var(--ott-v11-line)!important;
  }

  html body #main-menu .ott-cart-item .ott-header-commerce-link{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    width:100%!important;
    min-height:48px!important;
    padding:0 14px!important;
    color:var(--ott-v11-menu)!important;
    background:var(--ott-v11-soft)!important;
    border:0!important;
    border-radius:10px!important;
    box-shadow:none!important;
    font-size:14px!important;
    font-weight:750!important;
  }

  html body #main-menu .ott-cart-item .ott-header-commerce-link::after{
    content:"Giỏ hàng"!important;
    display:inline!important;
    color:var(--ott-v11-menu)!important;
  }

  html body #main-menu .ott-cart-item .ott-cart-metrics,
  html body #main-menu .ott-cart-item .ott-cart-total,
  html body #main-menu .ott-cart-item .ott-cart-count{
    display:none!important;
  }

  html body #main-menu .ott-cart-item .ott-canonical-cart-glyph{
    color:var(--ott-v11-menu)!important;
    font-size:20px!important;
  }

  html body #main .product-small.col .box-text,
  html body .product-small.col .box-text{
    min-height:286px!important;
    padding:15px 12px 15px!important;
  }

  html body #main .product-small.col .product-title,
  html body #main .product-small.col .name.product-title,
  html body .product-small.col .product-title,
  html body .product-small.col .name.product-title{
    min-height:2.9em!important;
    font-size:15px!important;
    line-height:1.45!important;
  }

  html body #main .product-small.col .product-title > a,
  html body .product-small.col .product-title > a{
    font-size:15px!important;
  }

  html body #main .product-small.col .price,
  html body .product-small.col .price{
    min-height:88px!important;
    font-size:19px!important;
  }

  html body #main .product-small.col .ott-subtags,
  html body .product-small.col .ott-subtags{
    gap:4px!important;
  }

  html body #main .product-small.col .ott-sub-tag,
  html body .product-small.col .ott-sub-tag{
    flex:1 1 0!important;
    padding:4px 4px!important;
    font-size:9px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html body #main-menu .ott-v11-account-item,
  html body #main-menu .account-item,
  html body #main-menu li:has(>a[href*="/tai-khoan"]),
  html body #main-menu li:has(>a[href*="my-account"]),
  html body #main-menu li:has(>a[href*="wp-login"]){
    display:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body.home .post-item .blog-post-inner .post-title > a::after,
  html body #main-menu *,
  html body .product-small.col *{
    transition:none!important;
    animation:none!important;
  }

  html body .product-small.col .box-image::after{
    display:none!important;
  }
}

/* ott-header-commerce-v14 */

/* OT Travel header commerce v14 — flat controls aligned with “Tất cả”. */
:root {
  --ott-commerce-ink: #0e4f54;
  --ott-commerce-line: rgba(14, 79, 84, .14);
  --ott-commerce-badge: #e2942b;
}

/* The account and cart keep the same compact, flat language as the category control. */
@media (min-width: 850px) {
  html body .header-wrapper .ott-header-commerce-item {
    display: flex !important;
    align-items: center !important;
    margin: 0 0 0 8px !important;
  }

  html body .header-wrapper .ott-header-commerce-link {
    display: grid !important;
    place-items: center !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 33px !important;
    min-height: 33px !important;
    padding: 0 !important;
    color: var(--ott-commerce-ink) !important;
    background: #fff !important;
    border: 0 !important;
    border-left: 1px solid var(--ott-commerce-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transition: color .18s ease, background-color .18s ease !important;
  }

  html body .header-wrapper .ott-header-commerce-link:hover,
  html body .header-wrapper .ott-header-commerce-link:focus-visible {
    color: #fff !important;
    background: var(--ott-commerce-ink) !important;
    outline: 0 !important;
  }

  html body .header-wrapper .ott-header-account-item .ott-header-commerce-link {
    border-left: 0 !important;
  }

  html body .header-wrapper .ott-header-commerce-link > svg,
  html body .header-wrapper .ott-header-commerce-link > .ott-header-cart-svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.9 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  html body .header-wrapper .ott-header-commerce-link .ott-cart-metrics {
    position: absolute !important;
    top: -7px !important;
    right: -7px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 17px !important;
    height: 17px !important;
    padding: 0 4px !important;
    color: #fff !important;
    background: var(--ott-commerce-badge) !important;
    border: 2px solid #fff !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    font: 800 9px/1 "Plus Jakarta Sans", sans-serif !important;
  }

  html body .header-wrapper .ott-header-commerce-link .ott-cart-count {
    display: block !important;
    color: inherit !important;
    font: inherit !important;
  }

  html body .header-wrapper .ott-header-commerce-link .ott-cart-total {
    display: none !important;
  }
}

/* Mobile stays icon-only, but with a real SVG cart and an unambiguous count badge. */
@media (max-width: 849px) {
  html body .header-wrapper .ott-mobile-header-cart,
  html body .header-wrapper .ott-mobile-header-cart .ott-header-commerce-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html body .header-wrapper .ott-mobile-header-cart {
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
  }

  html body .header-wrapper .ott-mobile-header-cart .ott-header-commerce-link {
    position: relative !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    color: var(--ott-commerce-ink) !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  html body .header-wrapper .ott-mobile-header-cart .ott-header-cart-svg {
    display: block !important;
    width: 21px !important;
    height: 21px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.9 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  html body .header-wrapper .ott-mobile-header-cart .ott-cart-metrics {
    position: absolute !important;
    top: 2px !important;
    right: 1px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 17px !important;
    height: 17px !important;
    padding: 0 4px !important;
    color: #fff !important;
    background: var(--ott-commerce-badge) !important;
    border: 2px solid #fff !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    font: 800 9px/1 "Plus Jakarta Sans", sans-serif !important;
  }

  html body .header-wrapper .ott-mobile-header-cart .ott-cart-count {
    display: block !important;
    color: inherit !important;
    font: inherit !important;
  }

  html body .header-wrapper .ott-mobile-header-cart .ott-cart-total {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .header-wrapper .ott-header-commerce-link { transition: none !important; }
}


/* custom-css */
:root {--primary-color: #04bac7;--fs-color-primary: #04bac7;--fs-color-secondary: #f0b056;--fs-color-success: #3abc19;--fs-color-alert: #e83079;--fs-color-base: #4e3535;--fs-experimental-link-color: #0fb6ae;--fs-experimental-link-color-hover: #0fb6ae;}.tooltipster-base {--tooltip-color: #0a8a9e;--tooltip-bg-color: #189eb3;}.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {--drawer-width: 300px;}.off-canvas .mfp-content.off-canvas-cart {--drawer-width: 360px;}html{background-image:none;}.container-width, .full-width .ubermenu-nav, .container, .row{max-width: 1170px}.row.row-collapse{max-width: 1140px}.row.row-small{max-width: 1162.5px}.row.row-large{max-width: 1200px}.sticky-add-to-cart--active, #wrapper,#main,#main.dark{background-color: #ffffff}.header-main{height: 136px}#logo img{max-height: 136px}#logo{width:145px;}.header-bottom{min-height: 10px}.header-top{min-height: 30px}.transparent .header-main{height: 103px}.transparent #logo img{max-height: 103px}.has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title{padding-top: 153px;}.header.show-on-scroll,.stuck .header-main{height:63px!important}.stuck #logo img{max-height: 63px!important}.search-form{ width: 95%;}.header-bg-color {background-color: #ffffff}.header-bottom {background-color: #00bedb}.top-bar-nav > li > a{line-height: 16px }.header-main .nav > li > a{line-height: 44px }.stuck .header-main .nav > li > a{line-height: 50px }.header-bottom-nav > li > a{line-height: 34px }@media (max-width: 549px) {.header-main{height: 45px}#logo img{max-height: 45px}}.main-menu-overlay{background-color: rgba(232,232,232,0.95)}.nav-dropdown{font-size:100%}.nav-dropdown-has-arrow li.has-dropdown:after{border-bottom-color: #ffffff;}.nav .nav-dropdown{background-color: #ffffff}h1,h2,h3,h4,h5,h6,.heading-font{color: #0fb6ae;}body{font-size: 100%;}@media screen and (max-width: 549px){body{font-size: 100%;}}body{font-family: Roboto, sans-serif;}body {font-weight: 400;font-style: normal;}.nav > li > a {font-family: Roboto, sans-serif;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family: Roboto, sans-serif;}.nav > li > a,.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-weight: 400;font-style: normal;}h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: Georgia,Times,"Times New Roman",serif;}h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2 {font-weight: 700;font-style: normal;}.alt-font{font-family: Roboto, sans-serif;}.alt-font {font-weight: 400!important;font-style: normal!important;}.shop-page-title.featured-title .title-overlay{background-color: #00b3d3;}.badge-inner.on-sale{background-color: #189eb3}.badge-inner.new-bubble-auto{background-color: #189eb3}.star-rating span:before,.star-rating:before, .woocommerce-page .star-rating:before, .stars a:hover:after, .stars a.active:after{color: #f6b555}.price del, .product_list_widget del, del .woocommerce-Price-amount { color: #dd9933; }ins .woocommerce-Price-amount { color: #dd9933; }@media screen and (min-width: 550px){.products .box-vertical .box-image{min-width: 900px!important;width: 900px!important;}}.footer-1{background-color: #ffffff}.absolute-footer, html{background-color: #43c2c6}.page-title-small + main .product-container > .row{padding-top:0;}button[name='update_cart'] { display: none; }.nav-vertical-fly-out > li + li {border-top-width: 1px; border-top-style: solid;}/* Custom CSS */:root {--font-base: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont,'Segoe UI', Roboto, 'Helvetica Neue', Arial,'Noto Sans', sans-serif,'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';}html,body,input,textarea,select,button,optgroup {font-family: var(--font-base);}/* OTT HOMEPAGE UX v12 - 2026-07-10 Calmer mobile navigation, readable product cards, full-ratio images, lightweight blog CTA, and paint-safe chat typing. */:root{--ott-v11-ink:#254f4b;--ott-v11-menu:#2f6b64;--ott-v11-sage:#7fae8b;--ott-v11-line:rgba(47,107,100,.14);--ott-v11-soft:#f4f9f7;--ott-v11-orange:#e85d04;}/* Brand search surface on desktop and mobile. */html body #masthead .search-field,html body #main-menu .search-field{color:#0e4f54!important;caret-color:#e2942b!important;background:#fbfdfc!important;border:1px solid rgba(4,186,199,.24)!important;box-shadow:0 8px 20px -20px rgba(14,79,84,.42)!important;}html body #masthead .search-field::placeholder,html body #main-menu .search-field::placeholder{color:#557c79!important;opacity:1!important;}html body #masthead .search-field:focus,html body #main-menu .search-field:focus{border-color:rgba(226,148,43,.68)!important;box-shadow:0 0 0 3px rgba(226,148,43,.12)!important;}html body #masthead .ux-search-submit,html body #main-menu .ux-search-submit{color:#fff!important;background:#0e7f87!important;border:0!important;box-shadow:none!important;}/* The category chooser is a separate panel below the complete header. */@media (min-width:850px){html body .ott-search-all-col{position:relative!important;z-index:100050!important;}html body .ott-cat-toggle{color:#0e4f54!important;background:#fff!important;border:0!important;box-shadow:none!important;}html body .ott-cat-menu{position:fixed!important;top:var(--ott-cat-panel-top,154px)!important;left:50%!important;z-index:100025!important;display:none!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:min(720px,calc(100vw - 36px))!important;max-height:min(520px,calc(100vh - var(--ott-cat-panel-top,154px) - 18px))!important;margin:0!important;padding:17px!important;overflow:auto!important;box-sizing:border-box!important;transform:translateX(-50%)!important;background:rgba(255,255,255,.985)!important;border:1px solid rgba(4,186,199,.14)!important;border-radius:14px!important;box-shadow:0 22px 52px -32px rgba(14,79,84,.48)!important;}html body .ott-search-all-col.ott-open .ott-cat-menu{display:grid!important;}html body .ott-cat-menu::before{content:"Kh\00E1 m ph\00E1theo nh\00F3 m"!important;grid-column:1/-1!important;display:block!important;padding:2px 4px 7px!important;color:#0e4f54!important;font-family:"Plus Jakarta Sans",sans-serif!important;font-size:13px!important;font-weight:800!important;letter-spacing:.01em!important;}html body .ott-cat-menu > a{display:flex!important;align-items:center!important;min-height:46px!important;margin:0!important;padding:11px 14px!important;color:#0e4f54!important;background:#eafafa!important;border:0!important;border-radius:10px!important;box-shadow:none!important;font-family:"Plus Jakarta Sans",sans-serif!important;font-size:13px!important;font-weight:750!important;line-height:1.35!important;text-decoration:none!important;transition:background-color .16s ease,color .16s ease,transform .16s ease!important;}html body .ott-cat-menu > a:nth-of-type(2),html body .ott-cat-menu > a:nth-of-type(6){background:#fff4df!important;color:#72500f!important;}html body .ott-cat-menu > a:nth-of-type(3),html body .ott-cat-menu > a:nth-of-type(7){background:#eef8ef!important;color:#2f6f45!important;}html body .ott-cat-menu > a:nth-of-type(4){background:#fff0ea!important;color:#984719!important;}html body .ott-cat-menu > a:nth-of-type(5){background:#f3efff!important;color:#5d5190!important;}html body .ott-cat-menu > a:hover,html body .ott-cat-menu > a:focus-visible{color:#0e4f54!important;background:#dff6f5!important;transform:translateY(-1px)!important;}}html body #main .product-small.col .col-inner,html body .product-small.col .col-inner{position:relative!important;height:100%!important;overflow:hidden!important;background:#fff!important;border:1px solid rgba(47,107,100,.13)!important;border-radius:12px!important;box-shadow:0 12px 28px -24px rgba(37,79,75,.48)!important;}html body #main .product-small.col .col-inner::before,html body #main .product-small.col .col-inner::before,html body #main .product-small.col .col-inner::after,html body .product-small.col .col-inner::after,html body #main .product-small.col .box::before,html body .product-small.col .box::before,html body #main .product-small.col .box::after,html body .product-small.col .box::after{content:none!important;display:none!important;}html body #main .product-small.col .box,html body .product-small.col .box{display:flex!important;flex-direction:column!important;min-height:100%!important;margin:0!important;background:transparent!important;}/* Product card: one clean layer, stable image ratio, no crop. */html body #main .product-small.col .box-image,html body .product-small.col .box-image{position:relative!important;width:100%!important;height:auto!important;min-height:auto!important;max-height:none!important;aspect-ratio:var(--ott-product-ratio,4/5)!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important;border-radius:0!important;}html body #main .product-small.col .box-image > a,html body .product-small.col .box-image > a{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;line-height:0!important;}html body #main .product-small.col .box-image img,html body .product-small.col .box-image img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-width:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center center!important;margin:0!important;transform:none!important;filter:none!important;}html body #main .product-small.col .box-image::before,html body .product-small.col .box-image::before{content:""!important;position:absolute!important;inset:0!important;z-index:3!important;display:block!important;pointer-events:none!important;background:linear-gradient(132deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.06) 24%,rgba(255,255,255,0) 45%)!important;opacity:.72!important;animation:none!important;}html body #main .product-small.col .box-image::after,html body .product-small.col .box-image::after{content:""!important;position:absolute!important;top:-12%!important;bottom:-12%!important;left:-42%!important;z-index:4!important;display:block!important;width:24%!important;pointer-events:none!important;background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.12) 36%,rgba(255,255,255,.42) 50%,rgba(255,255,255,.10) 64%,rgba(255,255,255,0) 100%)!important;opacity:0!important;transform:translate3d(0,0,0) skewX(-12deg)!important;animation:none!important;transition:transform .68s cubic-bezier(.2,.7,.2,1),opacity .16s ease!important;}@media (hover:hover) and (pointer:fine){html body #main .product-small.col:hover .box-image::after,html body .product-small.col:hover .box-image::after{opacity:.68!important;transform:translate3d(610%,0,0) skewX(-12deg)!important;}}html body #main .product-small.col:active .col-inner,html body #main .product-small.col:focus-within .col-inner,html body .product-small.col:active .col-inner,html body .product-small.col:focus-within .col-inner{border-color:transparent!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#04bac7 0%,#7fae8b 50%,#e2942b 100%) border-box!important;box-shadow:0 14px 32px -20px rgba(14,79,84,.42)!important;}html body.single-product .custom-product-page .ott-empty-product-col{display:none!important;}html body.single-product .custom-product-page > .section:first-child{padding-top:18px!important;}html body.single-product .ott-ocean-product-title{padding-top:8px!important;}html body #main .product-small.col .box-text,html body .product-small.col .box-text{display:flex!important;flex-direction:column!important;height:auto!important;min-height:292px!important;padding:16px 14px 16px!important;gap:0!important;}html body #main .product-small.col .box-text::before,html body #main .product-small.col .box-text::after,html body .product-small.col .box-text::before,html body .product-small.col .box-text::after{content:none!important;display:none!important;}html body #main .product-small.col .title-wrapper,html body .product-small.col .title-wrapper{display:flex!important;flex:0 0 auto!important;flex-direction:column!important;align-items:flex-start!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;}html body #main .product-small.col .ott-dest-tag,html body .product-small.col .ott-dest-tag{display:inline-flex!important;align-items:center!important;gap:7px!important;width:auto!important;max-width:calc(100% - 2px)!important;height:auto!important;max-height:none!important;min-height:18px!important;margin:0 0 8px!important;padding:0!important;color:#2f6b64!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:10.5px!important;font-weight:750!important;line-height:1.35!important;white-space:normal!important;overflow:visible!important;overflow-wrap:break-word!important;text-overflow:clip!important;-webkit-box-orient:initial!important;-webkit-line-clamp:unset!important;letter-spacing:.055em!important;text-transform:uppercase!important;}html body #main .product-small.col .ott-type-line::before,html body .product-small.col .ott-type-line::before{content:""!important;display:block!important;flex:0 0 18px!important;width:18px!important;height:2px!important;background:linear-gradient(90deg,#04bac7 0%,#e2942b 100%)!important;border-radius:999px!important;box-shadow:none!important;}html body #main .product-small.col .ott-dest-tag *,html body .product-small.col .ott-dest-tag *{max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;}html body #main .product-small.col .product-title,html body #main .product-small.col .name.product-title,html body .product-small.col .product-title,html body .product-small.col .name.product-title{width:100%!important;min-height:2.9em!important;height:auto!important;max-height:none!important;margin:0 0 11px!important;padding:0!important;color:var(--ott-v11-ink)!important;font-size:16.5px!important;font-weight:750!important;line-height:1.45!important;letter-spacing:0!important;text-align:left!important;}html body #main .product-small.col .product-title > a,html body .product-small.col .product-title > a{display:-webkit-box!important;overflow:hidden!important;width:100%!important;height:auto!important;min-height:0!important;max-height:2.9em!important;color:inherit!important;font-size:16.5px!important;font-weight:750!important;line-height:1.45!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;}html body #main .product-small.col .ott-subtags,html body .product-small.col .ott-subtags{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:5px!important;width:100%!important;height:auto!important;min-height:22px!important;max-height:none!important;margin:0 0 4px!important;overflow:visible!important;}html body #main .product-small.col .ott-sub-tag,html body .product-small.col .ott-sub-tag{flex:0 1 auto!important;min-width:0!important;max-width:100%!important;justify-content:center!important;padding:4px 8px!important;color:var(--ott-chip-color,#087b84)!important;background:var(--ott-chip-bg,#e8fbfd)!important;border:0!important;border-radius:999px!important;box-shadow:none!important;font-size:10.5px!important;font-weight:650!important;line-height:1.25!important;text-transform:none!important;}html body #main .product-small.col .ott-sub-tag:nth-child(2),html body .product-small.col .ott-sub-tag:nth-child(2){color:var(--ott-chip-color,#b84f13)!important;background:var(--ott-chip-bg,#fff0e8)!important;}html body #main .product-small.col .ott-sub-tag:nth-child(3),html body .product-small.col .ott-sub-tag:nth-child(3){color:var(--ott-chip-color,#2f7a44)!important;background:var(--ott-chip-bg,#edf8ef)!important;}html body #main .product-small.col .star-rating,html body #main .product-small.col .is-star-rating,html body #main .product-small.col .rating,html body .product-small.col .star-rating,html body .product-small.col .is-star-rating,html body .product-small.col .rating{display:none!important;}html body #main .product-small.col .price-wrapper,html body .product-small.col .price-wrapper{display:block!important;flex:0 0 auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:12px 0 0!important;padding:0!important;border:0!important;overflow:visible!important;}html body #main .product-small.col .price,html body .product-small.col .price{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:100%!important;min-height:90px!important;margin:0!important;padding:10px 0 12px!important;color:var(--ott-v11-orange)!important;background:#fff!important;border:0!important;border-top:1px solid rgba(47,107,100,.12)!important;border-radius:0!important;box-shadow:none!important;font-size:21px!important;font-weight:800!important;line-height:1.2!important;text-align:center!important;}html body #main .product-small.col .price ins,html body .product-small.col .price ins{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;margin:0!important;color:var(--ott-v11-orange)!important;font-weight:800!important;text-decoration:none!important;text-align:center!important;}html body #main .product-small.col .price ins::before,html body .product-small.col .price ins::before{content:"Ch\1EC9c\00F2 n"!important;display:block!important;width:100%!important;margin:0 0 4px!important;color:#8b6b5a!important;font-size:11.5px!important;font-weight:750!important;line-height:1.2!important;text-align:center!important;text-transform:none!important;}html body #main .product-small.col .price del,html body .product-small.col .price del{display:flex!important;align-items:baseline!important;justify-content:center!important;width:100%!important;margin:0!important;color:#91a2a0!important;font-size:12.5px!important;font-weight:600!important;line-height:1.2!important;text-align:center!important;text-decoration:line-through!important;text-decoration-color:#7d918e!important;text-decoration-thickness:1px!important;}html body #main .product-small.col .price del .amount,html body #main .product-small.col .price del .woocommerce-Price-currencySymbol,html body .product-small.col .price del .amount,html body .product-small.col .price del .woocommerce-Price-currencySymbol{text-decoration:line-through!important;text-decoration-color:#7d918e!important;text-decoration-thickness:1px!important;}html body #main .product-small.col .price del::after,html body .product-small.col .price del::after,html body #main .product-small.col .woocommerce-Price-currencySymbol::after,html body .product-small.col .woocommerce-Price-currencySymbol::after{content:none!important;display:none!important;}html body #main .product-small.col .woocommerce-Price-currencySymbol,html body .product-small.col .woocommerce-Price-currencySymbol,html body #main .product-small.col .ott-vnd-suffix,html body .product-small.col .ott-vnd-suffix{display:inline-block!important;margin-left:3px!important;font-size:.72em!important;font-weight:750!important;letter-spacing:.02em!important;}html body #main .product-small.col .ott-card-actions,html body .product-small.col .ott-card-actions{flex:0 0 auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin-top:13px!important;overflow:visible!important;}/* Reliable CTA for the four editorial cards at the end of the homepage. */html body.home .post-item .blog-post-inner .post-title > a::after{content:none!important;display:none!important;}html body.home .post-item .blog-post-inner .ott-read-more{display:inline-flex!important;align-items:center!important;width:max-content!important;margin-top:12px!important;color:var(--ott-v11-orange)!important;font-size:13px!important;font-weight:750!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;}/* Chat typing: remove expensive repaint effects while the user is typing. */html body #ocean-chat-container textarea,html body #ocean-chat-container input{field-sizing:content;transition:border-color .15s ease,background-color .15s ease!important;}html body #ocean-chat-container.ott-chat-typing,html body #ocean-chat-container.ott-chat-typing *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}html body #ocean-chat-container.ott-chat-typing textarea,html body #ocean-chat-container.ott-chat-typing input{animation:none!important;filter:none!important;box-shadow:0 0 0 1px rgba(47,107,100,.22)!important;}@media (max-width:849px){html.has-off-canvas .ott-cbar,html.has-off-canvas #ocean-chat-container{visibility:hidden!important;opacity:0!important;pointer-events:none!important;transition:none!important;}html body #wrapper #header #masthead .mobile-nav .nav-icon .icon-menu::before{height:3px!important;background:var(--ott-v11-menu)!important;color:var(--ott-v11-menu)!important;border-color:var(--ott-v11-menu)!important;box-shadow:0 7.5px 0 var(--ott-v11-menu),0 15px 0 var(--ott-v11-menu)!important;}html body #main-menu{width:min(90vw,360px)!important;max-width:100vw!important;overflow-x:hidden!important;box-sizing:border-box!important;color:var(--ott-v11-ink)!important;background:rgba(253,254,254,.99)!important;border:0!important;box-shadow:12px 0 30px -24px rgba(37,79,75,.38)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}html body #main-menu .sidebar-menu{width:100%!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important;padding-bottom:18px!important;background:transparent!important;}html body #main-menu .header-search-form{margin:0!important;padding:16px 16px 12px!important;background:#fff!important;border-bottom:1px solid var(--ott-v11-line)!important;}html body #main-menu .searchform .flex-row{gap:8px!important;}html body #main-menu .search-field{height:44px!important;padding:0 14px!important;color:#0e4f54!important;caret-color:#e2942b!important;background:#fbfdfc!important;border:1px solid rgba(4,186,199,.24)!important;border-radius:10px!important;box-shadow:none!important;font-size:14px!important;}html body #main-menu .ux-search-submit{width:44px!important;height:44px!important;min-height:44px!important;margin:0!important;padding:0!important;color:#fff!important;background:var(--ott-v11-menu)!important;border:0!important;border-radius:10px!important;box-shadow:none!important;}html body #main-menu .nav-sidebar > li:not(.header-search-form):not(.ott-cart-item){position:relative!important;width:calc(100% - 28px)!important;max-width:calc(100% - 28px)!important;margin:0 14px!important;box-sizing:border-box!important;border-bottom:1px solid rgba(47,107,100,.1)!important;}html body #main-menu .nav-sidebar > li:not(.header-search-form):not(.ott-cart-item) > a{width:calc(100% - 42px)!important;max-width:calc(100% - 42px)!important;min-height:48px!important;padding:13px 4px!important;color:var(--ott-v11-ink)!important;background:transparent!important;border:0!important;box-shadow:none!important;font-size:14px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:0!important;text-transform:none!important;white-space:normal!important;overflow-wrap:anywhere!important;}html body #main-menu .nav-sidebar > li.current-menu-item > a{color:var(--ott-v11-menu)!important;}html body #main-menu .nav-sidebar .toggle{display:flex!important;align-items:center!important;justify-content:center!important;width:38px!important;min-width:38px!important;height:44px!important;padding:0!important;color:var(--ott-v11-menu)!important;background:transparent!important;border:0!important;box-shadow:none!important;}html body #main-menu .nav-sidebar > li > button[data-ott-submenu-toggle="1"]{position:absolute!important;top:2px!important;right:0!important;z-index:2!important;}html body #main-menu .nav-sidebar > li > button[data-ott-submenu-toggle="1"] i{transition:transform .24s ease!important;}html body #main-menu .nav-sidebar > li.ott-sub-open > button[data-ott-submenu-toggle="1"] i{transform:rotate(90deg)!important;}html body #main-menu .nav-sidebar > li > .sub-menu{display:none!important;position:static!important;inset:auto!important;width:100%!important;max-width:100%!important;height:auto!important;margin:2px 0 10px!important;padding:8px!important;overflow:hidden!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:none!important;background:#f5fbfa!important;border:0!important;border-radius:11px!important;box-shadow:none!important;}html body #main-menu .nav-sidebar > li.ott-sub-open > .sub-menu{display:block!important;overflow:visible!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}html body #main-menu .nav-sidebar > li > .sub-menu > .nav-slide-header{display:none!important;}html body #main-menu .nav-sidebar > li > .sub-menu > li:not(.nav-slide-header){margin:0!important;border:0!important;}html body #main-menu .nav-sidebar > li > .sub-menu > li:not(.nav-slide-header) > a{width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-height:41px!important;margin:3px 0!important;padding:10px 11px!important;color:#245f5d!important;background:#e9f8f7!important;border:0!important;box-shadow:none!important;font-size:12.5px!important;font-weight:600!important;line-height:1.45!important;letter-spacing:0!important;text-transform:none!important;white-space:normal!important;overflow-wrap:anywhere!important;}html body #main-menu .nav-sidebar > li > .sub-menu > li:nth-child(3n+2) > a{color:#76500f!important;background:#fff4df!important;}html body #main-menu .nav-sidebar > li > .sub-menu > li:nth-child(3n) > a{color:#2f6f45!important;background:#edf8ef!important;}html body #main-menu .ott-cart-item,html body #main-menu .nav-sidebar > li:empty{display:none!important;}html body #main-menu .ott-cart-item{margin:15px 16px 6px!important;padding:14px 0 0!important;border-top:1px solid var(--ott-v11-line)!important;}html body #main-menu .ott-cart-item .ott-header-commerce-link{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;min-height:48px!important;padding:0 14px!important;color:var(--ott-v11-menu)!important;background:var(--ott-v11-soft)!important;border:0!important;border-radius:10px!important;box-shadow:none!important;font-size:14px!important;font-weight:750!important;}html body #main-menu .ott-cart-item .ott-header-commerce-link::after{content:"Giỏ hàng"!important;display:inline!important;color:var(--ott-v11-menu)!important;}html body #main-menu .ott-cart-item .ott-cart-metrics,html body #main-menu .ott-cart-item .ott-cart-total,html body #main-menu .ott-cart-item .ott-cart-count{display:none!important;}html body #main-menu .ott-cart-item .ott-canonical-cart-glyph{color:var(--ott-v11-menu)!important;font-size:20px!important;}html body #main .product-small.col .box-text,html body .product-small.col .box-text{min-height:286px!important;padding:15px 12px 15px!important;}html body #main .product-small.col .product-title,html body #main .product-small.col .name.product-title,html body .product-small.col .product-title,html body .product-small.col .name.product-title{min-height:2.9em!important;font-size:15px!important;line-height:1.45!important;}html body #main .product-small.col .product-title > a,html body .product-small.col .product-title > a{font-size:15px!important;}html body #main .product-small.col .price,html body .product-small.col .price{min-height:88px!important;font-size:19px!important;}html body #main .product-small.col .ott-subtags,html body .product-small.col .ott-subtags{gap:4px!important;}html body #main .product-small.col .ott-sub-tag,html body .product-small.col .ott-sub-tag{flex:1 1 0!important;padding:4px 4px!important;font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}html body #main-menu .ott-v11-account-item,html body #main-menu .account-item,html body #main-menu li:has(>a[href*="/tai-khoan"]),html body #main-menu li:has(>a[href*="my-account"]),html body #main-menu li:has(>a[href*="wp-login"]){display:none!important;}}@media (prefers-reduced-motion:reduce){html body.home .post-item .blog-post-inner .post-title > a::after,html body #main-menu *,html body .product-small.col *{transition:none!important;animation:none!important;}html body .product-small.col .box-image::after{display:none!important;}}/* OT Travel header commerce v14 specificity *//* Overrides for the MU-plugin's late mobile rules. Keep this selector deliberately scoped. */@media (max-width: 849px) {html body.home #header #masthead .header-wrapper .mobile-nav li.ott-mobile-header-cart.ott-header-cart-item .ott-cart-metrics {position: absolute !important;inset: 0 !important;display: block !important;width: 100% !important;height: 100% !important;pointer-events: none !important;}html body.home #header #masthead .header-wrapper .mobile-nav li.ott-mobile-header-cart.ott-header-cart-item .ott-cart-count {position: absolute !important;top: 2px !important;right: 1px !important;z-index: 5 !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;min-width: 17px !important;width: auto !important;height: 17px !important;padding: 0 4px !important;color: #fff !important;background: #e2942b !important;border: 2px solid #fff !important;border-radius: 999px !important;box-shadow: none !important;font: 800 9px/1 "Plus Jakarta Sans", sans-serif !important;text-shadow: none !important;}html body.home #header #masthead .header-wrapper .mobile-nav li.ott-mobile-header-cart.ott-header-cart-item .ott-cart-count::before {content: none !important;display: none !important;}}/* OT Travel header commerce v14 definitive selector *//* Overrides for the MU-plugin's late mobile rules. Keep this selector deliberately scoped. */@media (max-width: 849px) {html body.home #header .header-wrapper #masthead .mobile-nav li.ott-mobile-header-cart.ott-header-cart-item .ott-cart-metrics {position: absolute !important;inset: 0 !important;display: block !important;width: 100% !important;height: 100% !important;pointer-events: none !important;}html body.home #header .header-wrapper #masthead .mobile-nav li.ott-mobile-header-cart.ott-header-cart-item .ott-cart-count {position: absolute !important;top: 2px !important;right: 1px !important;z-index: 5 !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;min-width: 17px !important;width: auto !important;height: 17px !important;padding: 0 4px !important;color: #fff !important;background: #e2942b !important;border: 2px solid #fff !important;border-radius: 999px !important;box-shadow: none !important;font: 800 9px/1 "Plus Jakarta Sans", sans-serif !important;text-shadow: none !important;}html body.home #header .header-wrapper #masthead .mobile-nav li.ott-mobile-header-cart.ott-header-cart-item .ott-cart-count::before {content: none !important;display: none !important;}}/* OT Travel header commerce v14 definitive desktop *//* Overrides for the MU-plugin's late mobile rules. Keep this selector deliberately scoped. */@media (max-width: 849px) {html body.home #header .header-wrapper #masthead .mobile-nav li.ott-mobile-header-cart.ott-header-cart-item .ott-cart-metrics {position: absolute !important;inset: 0 !important;display: block !important;width: 100% !important;height: 100% !important;pointer-events: none !important;}html body.home #header .header-wrapper #masthead .mobile-nav li.ott-mobile-header-cart.ott-header-cart-item .ott-cart-count {position: absolute !important;top: 2px !important;right: 1px !important;z-index: 5 !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;min-width: 17px !important;width: auto !important;height: 17px !important;padding: 0 4px !important;color: #fff !important;background: #e2942b !important;border: 2px solid #fff !important;border-radius: 999px !important;box-shadow: none !important;font: 800 9px/1 "Plus Jakarta Sans", sans-serif !important;text-shadow: none !important;}html body.home #header .header-wrapper #masthead .mobile-nav li.ott-mobile-header-cart.ott-header-cart-item .ott-cart-count::before {content: none !important;display: none !important;}}.label-new.menu-item > a:after{content:"Mới";}.label-hot.menu-item > a:after{content:"Nổi bật";}.label-sale.menu-item > a:after{content:"Giảm giá";}.label-popular.menu-item > a:after{content:"Phổ biến";}
/* wp-custom-css */

:root {
  --ott-ocean: #24b3b3;
  --ott-ocean-deep: #119aa2;
  --ott-ocean-soft: #eafafa;
  --ott-gold: #ff9900;
  --ott-gold-soft: #fff3dc;
  --ott-brown: #4A2E1B;
  --ott-text: #526b72;
  --ott-line: rgba(36,179,179,.22);
}

/* CARD SẢN PHẨM */
.tour-card-container {
  border-radius: 18px;
  border: 1px solid rgba(36,179,179,.16);
  background: rgba(255,255,255,.94);
  overflow: hidden;
	
	/* === FIX: nut menu mobile bi trang/vo hinh - luon co nen de nhin ro === */
	@media (max-width: 849px) {
		  body #masthead .mobile-nav.nav-left .nav-icon,
		body .header-wrapper .mobile-nav.nav-left .nav-icon {
			    background: #04bac7 !important;
			    border-radius: 10px !important;
		}
		  body #masthead .mobile-nav.nav-left .nav-icon .icon-menu,
		body .header-wrapper .mobile-nav.nav-left .nav-icon .icon-menu {
			    color: #ffffff !important;
		}
	}
	
	
	/* === FIX MANH: nut GTranslate trang trang chu nau (de len rule cu) === */
html body #gt_float_wrapper .gt_float_switcher,
html body #gt_float_wrapper .gt_float_switcher .gt-selected {
  background: #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.18) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
}
html body #gt_float_wrapper .gt_float_switcher .gt-selected,
html body #gt_float_wrapper .gt_float_switcher .gt-selected .gt-current-lang,
html body #gt_float_wrapper .gt_float_switcher .gt-selected .gt-lang-code,
html body #gt_float_wrapper .gt_float_switcher .gt-selected .gt_float_switcher-arrow {
  color: #3a1f14 !important;
}

/* === FIX: nut GTranslate - ghim goc duoi-trai, nen trang chu nau den === */
	body .gtranslate_wrapper,
	body #gt-wrapper-73185112 {
		  position: fixed !important;
		  left: 16px !important;
		  bottom: 16px !important;
		  top: auto !important;
		  right: auto !important;
		  z-index: 999999 !important;
	}
	body .gtranslate_wrapper .gt-selected,
	body #gt-wrapper-73185112 .gt-selected {
		  background: #ffffff !important;
		  border-radius: 999px !important;
		  box-shadow: 0 4px 14px rgba(0,0,0,.18) !important;
		  border: 1px solid rgba(0,0,0,.08) !important;
	}
	body .gtranslate_wrapper .gt-selected *,
	body #gt-wrapper-73185112 .gt-selected * {
		  color: #3a1f14 !important;
	}
	}
	}
	}
		}
		}
	}
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
  box-shadow: 0 12px 34px rgba(36,179,179,.08);
}

.tour-card-container:hover {
  transform: translateY(-5px);
  border-color: rgba(36,179,179,.34);
  box-shadow: 0 22px 54px rgba(36,179,179,.16);
}

/* TIÊU ĐỀ SẢN PHẨM */
.ott-ocean-product-title,
.ott-ocean-product-title * {
  font-family: "Plus Jakarta Sans" !important;
}

.ott-ocean-product-title {
  margin: 0 0 22px !important;
  padding: 16px 0 18px !important;
  position: relative !important;
}

.ott-ocean-product-title h1,
.ott-ocean-product-title h2,
.ott-ocean-product-title .product-title {
  display: inline-block !important;
  margin: 0 !important;
  font-size: clamp(25px, 3vw, 40px) !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  background: linear-gradient(92deg, #20aaaa 0%, #24b3b3 36%, #ff9900 78%, #ffc966 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.ott-ocean-product-title::after {
  content: "";
  display: block;
  width: min(168px, 40%);
  height: 5px;
  margin-top: 13px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--ott-ocean), #bdf3f3 48%, var(--ott-gold));
  box-shadow: 0 10px 24px rgba(36,179,179,.22);
}

/* GALLERY */
.ott-product-gallery-frame,
.ott-luxury-gallery-frame {
  position: relative !important;
  margin: 0 0 36px !important;
  padding: clamp(15px, 2.5vw, 25px) !important;
  border-radius: 26px !important;
  background: rgba(255,255,255,.82) !important;
  backdrop-filter: blur(22px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(22px) saturate(150%) !important;
  border: 1px solid rgba(36,179,179,.20) !important;
  box-shadow: 0 26px 72px rgba(36,179,179,.14), inset 0 1px 0 rgba(255,255,255,.92) !important;
  overflow: hidden !important;
}

.ott-luxury-gallery-frame::before,
.ott-product-gallery-frame::before {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 20px;
  pointer-events: none;
  background:
    repeating-linear-gradient(120deg, rgba(36,179,179,.055) 0 1px, transparent 1px 22px),
    linear-gradient(135deg, rgba(255,255,255,.58), rgba(255,255,255,.24));
  border: 1px solid rgba(255,255,255,.76);
}

.ott-luxury-gallery-glass {
  position: relative !important;
  z-index: 1 !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.88) !important;
  border: 1px solid rgba(255,255,255,.92) !important;
  box-shadow: 0 18px 44px rgba(36,179,179,.12) !important;
}

.ott-luxury-gallery-glass img {
  border-radius: 16px !important;
}

/* FORM TƯ VẤN */
.ott-compact-contact {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, 440px) !important;
  gap: clamp(24px, 4vw, 46px) !important;
  align-items: center !important;
  width: 100% !important;
  margin: 30px 0 42px !important;
  padding: clamp(30px, 4vw, 48px) !important;
  border-radius: 28px !important;
  background: rgba(255,255,255,.82) !important;
  backdrop-filter: blur(24px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
  border: 1px solid rgba(36,179,179,.22) !important;
  box-shadow: 0 28px 76px rgba(36,179,179,.13), inset 0 1px 0 rgba(255,255,255,.9) !important;
  overflow: hidden !important;
}

.ott-compact-contact::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    repeating-linear-gradient(115deg, rgba(36,179,179,.045) 0 1px, transparent 1px 22px),
    radial-gradient(circle at 12% 16%, rgba(36,179,179,.12), transparent 34%),
    radial-gradient(circle at 92% 18%, rgba(255,153,0,.10), transparent 30%);
  opacity: .9;
}

.ott-compact-contact,
.ott-compact-contact * {
  font-family: "Plus Jakarta Sans" !important;
  box-sizing: border-box !important;
}

.ott-compact-contact__text {
  min-width: 0 !important;
  max-width: 560px !important;
  padding: 0 !important;
}

.ott-compact-contact__text::after {
  content: "#Trending   #Xuhuong";
  display: inline-flex;
  margin-top: 18px;
  padding: 9px 15px;
  border-radius: 999px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(36,179,179,.22);
  box-shadow: 0 12px 26px rgba(36,179,179,.10);
  color: var(--ott-ocean);
  font-size: 12.5px;
  line-height: 1.2;
  font-weight: 900;
  white-space: nowrap;
}

.ott-compact-contact__text h2,
.ott-main-consult-title {
  display: block !important;
  max-width: 560px !important;
  margin: 0 !important;
  color: var(--ott-brown) !important;
  font-size: clamp(25px, 2.7vw, 37px) !important;
  line-height: 1.13 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

.ott-compact-contact__text p {
  display: none !important;
}

/* BRAND */
.ott-brand-line,
.ott-consult-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 0 18px !important;
  padding: 8px 15px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.94) !important;
  border: 1px solid rgba(36,179,179,.22) !important;
  box-shadow: 0 10px 22px rgba(36,179,179,.10) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

.ott-brand-ocean { color: #24b3b3 !important; font-weight: 900 !important; }
.ott-brand-treasure { color: #ff9900 !important; font-weight: 900 !important; }
.ott-brand-travel { color: #4A2E1B !important; font-weight: 900 !important; }

/* Ẩn badge thương hiệu trong form (đã gộp vào câu CTA bên dưới) */
.ott-consult-brand {
  display: none !important;
}

/* CARD FORM */
.ott-compact-contact__form {
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
}

.ott-consult-card {
  position: relative !important;
  width: 100% !important;
  max-width: 440px !important;
  margin: 0 0 0 auto !important;
  padding: 28px !important;
  border-radius: 26px !important;
  background: rgba(255,255,255,.90) !important;
  backdrop-filter: blur(20px) saturate(155%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(155%) !important;
  border: 1px solid rgba(36,179,179,.24) !important;
  box-shadow: 0 24px 58px rgba(36,179,179,.15), inset 0 1px 0 rgba(255,255,255,.92) !important;
  overflow: hidden !important;
}

.ott-consult-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(110deg, transparent 0%, rgba(255,255,255,.62) 44%, transparent 58%),
    radial-gradient(circle at 88% 10%, rgba(255,153,0,.13), transparent 34%);
  transform: translateX(-46%);
  opacity: .62;
}

.ott-consult-head,
.ott-consult-form {
  position: relative !important;
  z-index: 1 !important;
}

.ott-consult-head {
  margin-bottom: 18px !important;
  text-align: left !important;
}

/* TIÊU ĐỀ "Thông tin liên hệ" phía trên dòng CTA */
.ott-consult-head::before {
  content: "Thông tin liên hệ";
  display: block !important;
  margin-bottom: 14px !important;
  color: var(--ott-brown) !important;
  font-size: clamp(21px, 2.1vw, 25px) !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}

/* DÒNG CTA: thay cho "Ocean Treasure Travel" + slogan cũ */
.ott-offer-label {
  display: inline-flex !important;
  align-items: center !important;
  margin-bottom: 10px !important;
  padding: 8px 14px !important;
  border-radius: 999px !important;
  color: var(--ott-gold) !important;
  background: rgba(255,243,220,.82) !important;
  border: 1px solid rgba(255,153,0,.22) !important;
  font-size: 0 !important;
  line-height: 1.3 !important;
  box-shadow: 0 10px 22px rgba(255,153,0,.12) !important;
}

.ott-offer-label::after {
  content: "Liên hệ Ocean Treasure Travel để được giá  [gia_ot] tốt nhất" !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
  text-transform: none !important;
  white-space: normal !important;
}


/* ẨN ĐOẠN MÔ TẢ DÀI */
.ott-consult-head p {
  display: none !important;
}

.ott-consult-form {
  display: grid !important;
  gap: 12px !important;
}

.ott-consult-form input {
  width: 100% !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.98) !important;
  border: 1px solid rgba(36,179,179,.30) !important;
  color: var(--ott-brown) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  outline: none !important;
}

.ott-consult-form input:focus {
  border-color: rgba(36,179,179,.58) !important;
  box-shadow: 0 0 0 4px rgba(36,179,179,.10) !important;
}

.ott-consult-form input::placeholder {
  color: #9aa8ad !important;
}

.ott-consult-form button {
  width: 100% !important;
  height: 50px !important;
  border-radius: 999px !important;
  border: 0 !important;
  background: linear-gradient(90deg, #24b3b3 2%, #1fcbd3 62%, #ff9900 100%) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  box-shadow: 0 15px 30px rgba(36,179,179,.24) !important;
  transition: transform .22s ease, box-shadow .22s ease, filter .22s ease !important;
}

.ott-consult-form button:hover {
  transform: translateY(-2px);
  filter: saturate(1.08);
  box-shadow: 0 20px 38px rgba(36,179,179,.28) !important;
}

@media (max-width: 768px) {
  .ott-compact-contact {
    grid-template-columns: 1fr !important;
    padding: 24px !important;
    border-radius: 22px !important;
  }

  .ott-consult-card {
    max-width: none !important;
    margin: 0 !important;
    padding: 22px !important;
    border-radius: 20px !important;
  }

  .ott-compact-contact__text h2,
  .ott-main-consult-title {
    font-size: 25px !important;
  }

  .ott-compact-contact__text::after {
    white-space: normal;
    font-size: 12px;
  }

  .ott-consult-head::before {
    font-size: 21px !important;
  }

  .ott-luxury-gallery-frame,
  .ott-product-gallery-frame {
    padding: 12px !important;
    border-radius: 22px !important;
  }
}

/* NAV DROPDOWN */
.nav-dropdown {
  margin-top: 10px !important;
  padding: 10px !important;
  border-radius: 16px !important;
  background:
    linear-gradient(90deg, #0f766e, #14b8a6 45%, #22d3ee 78%, #f59e0b) top / 100% 3px no-repeat,
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,253,252,.96)) !important;
  border: 1px solid rgba(20,184,166,.16) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.9) inset,
    0 24px 50px -12px rgba(15,118,110,.22),
    0 8px 20px rgba(15,118,110,.10) !important;
  backdrop-filter: blur(16px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(150%) !important;
  overflow: hidden !important;
}

.nav-dropdown li a {
  font-family: 'Plus Jakarta Sans' !important;
  display: block !important;
  margin: 2px 4px !important;
  padding: 11px 14px !important;
  border-radius: 11px !important;
  color: #475d6b !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  transition: background .2s ease, color .2s ease, padding-left .2s ease !important;
}

.nav-dropdown li a:hover {
  background: linear-gradient(90deg, rgba(20,184,166,.12), rgba(34,211,238,.08)) !important;
  color: #0f766e !important;
  padding-left: 18px !important;
}

/* =====================================================================
   ★ TRANG CHI TIẾT SP: bỏ khung xám tab "Mô tả" + bỏ khung ngoài (TRÀN VIỀN)
     + đồng bộ màu tab về teal thương hiệu
   ===================================================================== */
/* Bỏ nền xám + bóng quanh thanh tab "MÔ TẢ" */
.woocommerce-tabs ul.product-tabs{
  background:transparent !important; box-shadow:none !important; padding:0 !important; margin-bottom:14px !important;
}
/* Bỏ khung viền ngoài bài viết (tab panel) → TRÀN VIỀN (desktop + mobile) */
.woocommerce-tabs .tab-panels,
.woocommerce-tabs .tab-panel,
.woocommerce-Tabs-panel,
.product-footer .woocommerce-tabs .tab-panels{
  border:none !important; box-shadow:none !important; background:transparent !important; padding:0 !important;
}
/* Tab "MÔ TẢ" đồng bộ teal thương hiệu (thay #00a1c0/#2d9ad9) */
.woocommerce-tabs .nav-line > li > a,
.woocommerce-tabs ul.product-tabs > li > a{ background:#03808a !important; color:#fff !important; }   /* trắng 4.71:1 ✓ (Tier 0 — #04bac7 chỉ 2.37:1) */
.woocommerce-tabs .nav-line > li.active > a,
.woocommerce-tabs .nav-line > li > a:hover,
.woocommerce-tabs ul.product-tabs > li.active > a{ background:#026a72 !important; color:#fff !important; }  /* trắng 6.35:1 ✓ */

/* =====================================================================
   ★ MOBILE — CHỈ đổi màu MỤC MENU sang teal thương hiệu (#04bac7)
     TUYỆT ĐỐI KHÔNG đổi nền thanh header chứa logo.
   ===================================================================== */
@media (max-width:48em){
  /* icon hamburger (mở menu) màu teal trên thanh trắng */
  #header .header-main .mobile-nav .has-icon a .icon-menu,
  #header .header-main .icon-menu,
  #header .header-main .nav .icon-menu{ color:#04bac7 !important; }

  /* mục menu trong ngăn kéo mobile: nền teal + chữ trắng (đồng bộ menu desktop) */
  .mfp-content .mobile-sidebar-levels-2 .nav,
  .mfp-content ul.nav-sidebar > li > a,
  .mfp-content .nav-sidebar li > a,
  .mfp-content .menu-item > a{ color:#fff !important; }
  .mfp-content .nav-sidebar li.active > a,
  .mfp-content .menu-item.current-menu-item > a{ color:#fff !important; font-weight:600 !important; }
}

/* =====================================================================
   ★ THANH MENU — đổi MÀU sang gradient teal→cyan→cam (giống mẫu bạn gửi)
     #24b3b3 → #19c8d2 → #ff9900.  TUYỆT ĐỐI KHÔNG đổi header chứa logo
     (#masthead / .header-main giữ nguyên).
   ===================================================================== */
#wide-nav,
.home #wide-nav,
.header-bottom,
.header-wrapper #wide-nav,
.header-wrapper .header-bottom{
  background: linear-gradient(90deg, #24b3b3 0%, #19c8d2 68%, #ff9900 150%) !important;
}
/* chữ menu trắng cho rõ trên nền gradient */
#wide-nav .nav > li > a,
.header-bottom .nav > li > a,
.header-bottom-nav > li > a,
.header:not(.transparent) .header-bottom-nav.nav > li > a{ color:#fff !important; }
#wide-nav .nav > li:hover > a,
#wide-nav .nav > li.active > a,
.header-bottom .nav > li:hover > a,
.header-bottom .nav > li.active > a{ background:rgba(255,255,255,.16) !important; color:#fff !important; border-radius:999px !important; }

/* mobile: ngăn kéo menu dùng cùng tông gradient (KHÔNG đụng thanh chứa logo) */
@media (max-width:48em){
  .mfp-content{ background: linear-gradient(160deg, #24b3b3 0%, #19c8d2 70%, #ff9900 175%) !important; }
}

/* =====================================================================
   ★ MOBILE — đồng bộ FONT + kiểu MỤC MENU; THIẾT KẾ LẠI THANH TÌM KIẾM
     KHÔNG đụng nền header chứa logo (#masthead / .header-main).
   ===================================================================== */
@media (max-width:48em){
  /* (1) Font + kiểu mục menu mobile = Plus Jakarta Sans (đồng bộ desktop) */
  .mfp-content, .mfp-content *,
  .mfp-content .nav a, .mfp-content .menu-item > a, .mfp-content .nav-sidebar li > a,
  #header .mobile-nav, #header .mobile-nav *,
  #header .header-main .nav, #header .header-main .nav *{
    font-family:'Plus Jakarta Sans', sans-serif !important;
  }
  .mfp-content .nav-sidebar li > a,
  .mfp-content .menu-item > a{
    font-weight:700 !important; font-size:15px !important; letter-spacing:.3px !important; text-transform:uppercase !important; color:#fff !important;
  }
  .mfp-content .nav-sidebar li.active > a,
  .mfp-content .menu-item.current-menu-item > a{ font-weight:800 !important; color:#fff !important; }

  /* (2) THANH TÌM KIẾM mobile: nền XANH OCEAN NHẠT PHA TRẮNG + hiện đại */
  .header-search-form .searchform-wrapper,
  .mfp-content .searchform-wrapper{ position:relative !important; background:transparent !important; }
  .header-search-form .searchform-wrapper input:not([type="submit"]),
  .header-search-form input.search-field,
  .mfp-content .search-field,
  .mfp-content input.search-field,
  .header-main form.searchform input:not([type="submit"]){
    background:#e9f8fa !important;                         /* xanh ocean nhạt pha trắng */
    border:1.5px solid rgba(36,179,179,.30) !important; border-radius:999px !important;
    height:46px !important; padding:0 54px 0 18px !important;
    color:#0a6b73 !important; font-weight:600 !important; font-family:'Plus Jakarta Sans',sans-serif !important;
    box-shadow:0 8px 18px -10px rgba(36,179,179,.55), inset 0 1px 2px rgba(255,255,255,.7) !important;
  }
  .header-search-form .searchform-wrapper input::placeholder,
  .mfp-content .search-field::placeholder{ color:#62a9af !important; opacity:1 !important; }

  /* (3) NÚT TÌM KIẾM: gradient teal, bo tròn, icon trắng, nổi bật */
  .header-search-form .searchform-wrapper .searchform .button.icon,
  .mfp-content .searchform .button.icon,
  .searchform .ux-search-box__submit,
  .searchform button.ux-search-submit,
  .header-main form.searchform button[type="submit"]{
    background:linear-gradient(135deg,#24b3b3 0%,#19c8d2 100%) !important;
    color:#fff !important; border:0 !important; border-radius:999px !important;
    width:38px !important; height:38px !important; min-width:38px !important; padding:0 !important;
    box-shadow:0 6px 14px -6px rgba(36,179,199,.65) !important;
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
  }
  .header-search-form .searchform-wrapper .searchform .button.icon i,
  .searchform .ux-search-box__submit i,
  .searchform .button.icon i{ color:#fff !important; font-size:16px !important; }
}

/* =====================================================================
   ★ MOBILE — NÚT "TẤT CẢ" (chọn danh mục) cạnh ô tìm kiếm: đồng bộ hiện đại
     gradient teal, chữ trắng, mũi tên trắng, bo tròn — khớp ô + nút tìm kiếm.
   ===================================================================== */
@media (max-width:48em){
  .header-search-form .searchform select,
  .header-search-form .searchform-wrapper select,
  .mfp-content .searchform select,
  .searchform select,
  .header-main form.searchform select,
  .ux-search-box select,
  .header-search-form .select-resize{
    -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important;
    background:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 13px center / 11px 8px,
      linear-gradient(135deg,#24b3b3 0%,#19c8d2 100%) !important;
    color:#fff !important; border:0 !important; border-radius:999px !important;
    height:46px !important; min-height:46px !important; line-height:46px !important; padding:0 34px 0 16px !important;
    font-family:'Plus Jakarta Sans', sans-serif !important; font-weight:800 !important; font-size:13px !important;
    box-shadow:0 8px 18px -9px rgba(36,179,199,.6) !important; cursor:pointer !important;
    width:auto !important; margin-right:8px !important; text-shadow:0 1px 1px rgba(0,80,86,.25) !important;
  }
  /* danh sách xổ xuống: chữ tối trên nền trắng cho dễ đọc */
  .header-search-form .searchform select option,
  .mfp-content .searchform select option,
  .searchform select option{ color:#0a6b73 !important; background:#ffffff !important; font-weight:600 !important; }
}

/* =====================================================================
   ★ MOBILE — NÚT "TẤT CẢ" (bản mở rộng nhận diện): bắt thêm các kiểu
     markup phổ biến của Flatsome/WooCommerce để chắc chắn áp dụng.
   ===================================================================== */
@media (max-width:48em){
  select[name="product_cat"],
  .dropdown_product_cat,
  select.search_categories,
  select.resize-select,
  .header-search-form select,
  .header-search-form .searchform-wrapper select,
  .woocommerce-product-search select,
  form[role="search"] select{
    -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important;
    background:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 13px center / 11px 8px,
      linear-gradient(135deg,#24b3b3 0%,#19c8d2 100%) !important;
    color:#fff !important; border:0 !important; border-radius:999px !important;
    height:46px !important; min-height:46px !important; line-height:46px !important; padding:0 34px 0 16px !important;
    font-family:'Plus Jakarta Sans', sans-serif !important; font-weight:800 !important; font-size:13px !important;
    box-shadow:0 8px 18px -9px rgba(36,179,199,.6) !important; cursor:pointer !important;
    width:auto !important; max-width:44% !important; margin-right:8px !important; text-shadow:0 1px 1px rgba(0,80,86,.25) !important;
  }
  select[name="product_cat"] option,
  .dropdown_product_cat option,
  .header-search-form select option,
  form[role="search"] select option{ color:#0a6b73 !important; background:#ffffff !important; font-weight:600 !important; }
}

/* =====================================================================
   ★ MOBILE — kéo Ô TÌM KIẾM SÁT nút "Tất cả" (bỏ khoảng cách thừa, canh giữa)
   ===================================================================== */
@media (max-width:48em){
  .header-search-form .searchform .flex-row,
  .header-search-form .searchform-wrapper .flex-row,
  .mfp-content .searchform .flex-row,
  form.searchform .flex-row{
    display:flex !important; flex-wrap:nowrap !important; align-items:center !important; gap:6px !important;
  }
  .header-search-form .searchform .flex-col,
  .header-search-form .searchform-wrapper .flex-col,
  .mfp-content .searchform .flex-col,
  form.searchform .flex-col{ padding:0 !important; margin:0 !important; }
  /* ô input chiếm phần còn lại, nằm ngay cạnh nút Tất cả */
  .header-search-form .searchform .flex-col.flex-grow,
  .mfp-content .searchform .flex-col.flex-grow,
  form.searchform .flex-col.flex-grow{ flex:1 1 auto !important; }
  /* bỏ margin thừa của nút Tất cả, để sát ô tìm kiếm */
  .header-search-form .searchform select,
  .header-search-form .searchform-wrapper select,
  .mfp-content .searchform select,
  form[role="search"] select,
  select[name="product_cat"]{ margin-right:0 !important; max-width:40% !important; flex:0 0 auto !important; }
}

/* =====================================================================
   ★ DESKTOP — thiết kế lại nút "Tất cả" (chọn danh mục) đẹp mắt, hiện đại
   ===================================================================== */
@media (min-width:48.0625em){
  .header-search-form .searchform .flex-row,
  .searchform .flex-row{ align-items:center !important; }

  .header-search-form .searchform select,
  .header-search-form .searchform-wrapper select,
  .searchform select,
  select[name="product_cat"],
  .dropdown_product_cat,
  select.search_categories,
  select.resize-select,
  form[role="search"] select{
    -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important;
    background:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center / 11px 8px,
      linear-gradient(135deg,#24b3b3 0%,#1fbecb 55%,#19c8d2 100%) !important;
    color:#fff !important; border:0 !important; border-radius:999px !important;
    height:42px !important; min-height:42px !important; line-height:42px !important; padding:0 38px 0 18px !important;
    font-family:'Plus Jakarta Sans', sans-serif !important; font-weight:700 !important; font-size:13.5px !important; letter-spacing:.2px !important;
    box-shadow:0 6px 16px -8px rgba(36,179,179,.55) !important; cursor:pointer !important;
    margin-right:10px !important; text-shadow:0 1px 1px rgba(0,80,86,.22) !important;
    transition:transform .25s ease, box-shadow .25s ease, filter .25s ease !important;
  }
  .header-search-form .searchform select:hover,
  .searchform select:hover,
  select[name="product_cat"]:hover,
  .dropdown_product_cat:hover{
    filter:brightness(1.06) !important; transform:translateY(-1px) !important;
    box-shadow:0 10px 22px -8px rgba(36,179,179,.7) !important;
  }
  .header-search-form .searchform select option,
  .searchform select option,
  select[name="product_cat"] option,
  form[role="search"] select option{ color:#0a6b73 !important; background:#ffffff !important; font-weight:600 !important; }
}

/* =====================================================================
   ★ DESKTOP — nút "Tất cả" PHẢI hiển thị ĐỦ CHỮ (không cắt, không thiếu)
     Ghi đè chiều rộng cố định do JS Flatsome đặt -> tự giãn vừa nội dung.
   ===================================================================== */
@media (min-width:48.0625em){
  .header-search-form .searchform select,
  .header-search-form .searchform-wrapper select,
  .searchform select,
  select[name="product_cat"],
  .dropdown_product_cat,
  select.search_categories,
  select.resize-select,
  form[role="search"] select{
    width:auto !important; min-width:0 !important; max-width:none !important;
    white-space:nowrap !important; overflow:visible !important; text-overflow:clip !important; text-indent:0 !important;
    padding:0 40px 0 18px !important;     /* đủ chỗ cho mũi tên, không đè lên chữ */
    box-sizing:border-box !important; flex:0 0 auto !important;
  }
}

/* =====================================================================
   ★ MOBILE (menu drawer) — SỬA hàng tìm kiếm TRÀN KHUNG + DÀN XA
     Ép vừa khít drawer, 1 dòng, canh trái, ô input giãn sát nút "Tất cả".
   ===================================================================== */
@media (max-width:48em){
  /* khung bao tìm kiếm: vừa khít drawer, không tràn ra ngoài */
  .mfp-content .searchform-wrapper,
  .mfp-content .header-search-form,
  .mfp-content .header-search-form-wrapper,
  #main-menu .searchform-wrapper,
  .mobile-sidebar .searchform-wrapper,
  .off-canvas .searchform-wrapper,
  li.header-search-form,
  li.header-search-form > div{
    width:100% !important; max-width:100% !important; box-sizing:border-box !important;
    margin:0 !important; padding-left:14px !important; padding-right:14px !important; float:none !important; left:0 !important; right:0 !important;
  }
  .mfp-content form.searchform,
  #main-menu form.searchform,
  .mobile-sidebar form.searchform,
  form.searchform{
    width:100% !important; max-width:100% !important; margin:0 !important; box-sizing:border-box !important;
  }
  /* HÀNG: 1 dòng, canh trái, sát nhau (KHÔNG dàn space-between) */
  form.searchform .flex-row,
  .mfp-content .searchform .flex-row,
  #main-menu .searchform .flex-row{
    display:flex !important; flex-wrap:nowrap !important; justify-content:flex-start !important;
    align-items:center !important; gap:8px !important; width:100% !important; max-width:100% !important;
  }
  form.searchform .flex-row > .flex-col,
  .mfp-content .searchform .flex-row > .flex-col{ padding:0 !important; margin:0 !important; }
  /* cột chứa Ô INPUT -> giãn đầy phần giữa, nằm ngay cạnh nút "Tất cả" */
  /* tách làm 2 rule: selector thường đứng riêng để trình duyệt không hỗ trợ :has không huỷ cả rule */
  form.searchform .flex-row > .flex-col.flex-grow{
    flex:1 1 auto !important; min-width:0 !important; width:auto !important;
  }
  form.searchform .flex-row > .flex-col:has(input[type="search"]),
  form.searchform .flex-row > .flex-col:has(.search-field){
    flex:1 1 auto !important; min-width:0 !important; width:auto !important;
  }
  /* cột nút "Tất cả" + nút tìm kiếm -> giữ kích thước tự nhiên, không giãn */
  form.searchform .flex-row > .flex-col:has(select),
  form.searchform .flex-row > .flex-col:has(button),
  form.searchform .flex-row > .flex-col:has(.button){ flex:0 0 auto !important; }
  /* input lấp đầy cột của nó */
  .mfp-content .search-field,
  form.searchform input[type="search"],
  form.searchform input.search-field{ width:100% !important; max-width:100% !important; box-sizing:border-box !important; }
  /* nút "Tất cả" mobile: gọn lại, chừa chỗ cho ô tìm kiếm */
  .mfp-content .searchform select,
  form.searchform select,
  select[name="product_cat"]{ max-width:36vw !important; }
}

/* =====================================================================
   ★ SECTION BÀI VIẾT (blog posts) — thẻ HIỆN ĐẠI, CHUYÊN NGHIỆP, ẤN TƯỢNG
     Chỉ áp cho .post-item (KHÔNG đụng thẻ sản phẩm .product-small).
   ===================================================================== */
/* Khung thẻ: nền trắng, bo góc, viền teal mảnh, bóng dịu, hover nâng nhẹ */
.post-item .col-inner{
  background:#fff !important; border-radius:16px !important; overflow:hidden !important;
  border:1px solid rgba(36,179,179,.12) !important;
  box-shadow:0 12px 30px -18px rgba(16,64,82,.28) !important;
  transition:transform .38s cubic-bezier(.2,.7,.2,1), box-shadow .38s ease, border-color .38s ease !important;
  height:100% !important;
}
.post-item:hover .col-inner{
  transform:translateY(-6px) !important;
  box-shadow:0 24px 46px -20px rgba(14,92,104,.40) !important;
  border-color:rgba(36,179,179,.34) !important;
}
/* Ảnh: phủ kín, tỷ lệ đồng đều, zoom nhẹ + lớp phủ gradient khi hover */
.post-item .box-image{ margin:0 !important; border-radius:0 !important; overflow:hidden !important; position:relative !important; }
.post-item .box-image .image-cover{ padding-top:64% !important; }
.post-item .box-image img{ width:100% !important; height:100% !important; object-fit:cover !important; transition:transform .6s cubic-bezier(.2,.7,.2,1) !important; }
.post-item:hover .box-image img{ transform:scale(1.06) !important; }
.post-item .box-image::after{
  content:"" !important; position:absolute !important; left:0 !important; right:0 !important; bottom:0 !important; height:42% !important;
  background:linear-gradient(to top, rgba(10,45,55,.16), rgba(10,45,55,0)) !important;
  opacity:0 !important; transition:opacity .38s ease !important; pointer-events:none !important;
}
.post-item:hover .box-image::after{ opacity:1 !important; }
/* Vùng chữ */
.post-item .box-text{ padding:18px 20px 22px !important; text-align:center !important; }
/* Nhãn danh mục (eyebrow) -> teal in hoa, giãn chữ */
.post-item .from_the_blog_categories,
.post-item .from_the_blog_categories a,
.post-item .post-categories,
.post-item .post-categories a,
.post-item .cat-links,
.post-item .cat-links a{
  font-family:'Plus Jakarta Sans', sans-serif !important;
  color:#24b3b3 !important; font-weight:800 !important; font-size:11px !important;
  letter-spacing:1.4px !important; text-transform:uppercase !important; margin-bottom:8px !important; line-height:1.4 !important;
}
/* Tiêu đề: đậm, 2 dòng đều nhau, hover đổi teal */
.post-item .post-title,
.post-item h5.post-title,
.post-item .box-text .post-title a{
  font-family:'Plus Jakarta Sans', sans-serif !important;
  font-weight:800 !important; font-size:17px !important; line-height:1.32 !important; color:#173a44 !important; margin:0 !important;
  display:-webkit-box !important; -webkit-line-clamp:2 !important; -webkit-box-orient:vertical !important; overflow:hidden !important;
  min-height:2.64em !important; transition:color .25s ease !important;
}
.post-item:hover .post-title,
.post-item:hover .post-title a{ color:#04bac7 !important; }
/* Gạch chia Flatsome -> vạch ngắn gradient teal tinh tế */
.post-item .box-text .is-divider{
  background:linear-gradient(90deg,#24b3b3,#19c8d2) !important; height:3px !important; width:40px !important;
  border-radius:3px !important; margin:12px auto 0 !important; opacity:.9 !important;
}
/* "Xem thêm →" hiện ra khi hover */
.post-item .box-text::after{
  content:"Xem thêm →" !important; display:block !important; margin-top:12px !important;
  color:#ff9900 !important; font-family:'Plus Jakarta Sans', sans-serif !important; font-weight:800 !important; font-size:12.5px !important; letter-spacing:.3px !important;
  opacity:0 !important; transform:translateY(4px) !important; transition:opacity .3s ease, transform .3s ease !important;
}
.post-item:hover .box-text::after{ opacity:1 !important; transform:translateY(0) !important; }

/* =====================================================================
   ★ TRANG CHỦ — trang trí BANNER hiện đại, nghệ thuật, ấn tượng
     • Tự áp cho mọi .banner Flatsome trên trang chủ
     • Lớp tiện ích .ott-banner: tự gán cho banner DẠNG ẢNH (Image element)
       trong UX Builder (Element -> Advanced -> Class) khi cần.
   ===================================================================== */
body.home .banner,
.ott-banner{
  border-radius:20px !important; overflow:hidden !important; position:relative !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.18),
    0 18px 44px -22px rgba(16,64,82,.45),
    0 4px 14px -8px rgba(16,64,82,.22) !important;
  transition:transform .5s cubic-bezier(.2,.7,.2,1), box-shadow .5s ease !important;
}
body.home .banner:hover,
.ott-banner:hover{
  transform:translateY(-4px) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.24),
    0 28px 58px -24px rgba(36,179,179,.45),
    0 10px 24px -10px rgba(255,153,0,.22) !important;
}
/* Ảnh nền/ảnh banner: phóng rất nhẹ khi hover (hiệu ứng Ken Burns) */
body.home .banner .bg,
body.home .banner .banner-bg .bg,
.ott-banner .bg,
.ott-banner img{ transition:transform 1.2s cubic-bezier(.2,.7,.2,1) !important; }
body.home .banner:hover .bg,
.ott-banner:hover .bg,
.ott-banner:hover img{ transform:scale(1.06) !important; }
/* Khoảng thở để bóng đổ không bị cắt */
body.home .banner{ margin-top:6px !important; margin-bottom:6px !important; }

/* Hộp chữ trên banner (nếu có) -> bo tròn cho hiện đại; KHÔNG đổi nền/màu chữ */
body.home .banner .text-box,
.ott-banner .text-box{ border-radius:16px !important; }

/* =====================================================================
   ★ TRANG BÀI VIẾT — ẩn PHẦN HERO/TIÊU ĐỀ mặc định ở đầu bài
     (chỉ display:none, KHÔNG đụng container/lưới -> không ảnh hưởng tỷ lệ)
   ===================================================================== */
body.single-post .page-title,
body.single-post .featured-title,
body.single-post .page-title-bg,
body.single-post .page-title-inner,
body.single-post .entry-header,
body.single-post .title-wrapper.with-meta,
body.single-post .page-title .entry-meta{ display:none !important; }

/* =====================================================================
   ★ TRANG BÀI VIẾT — bố cục CÂN ĐỐI: bỏ CỘT SIDEBAR TRỐNG, cho nội dung
     chiếm trọn bề ngang (AN TOÀN: không ép padding/margin = 0 -> không phá lưới)
     Theo markup thật: #content > .row.row-divided > .large-9 + .post-sidebar.large-3
   ===================================================================== */
/* ẩn cột sidebar trống bên phải */
body.single-post #content .post-sidebar.large-3,
body.single-post #content .row > .large-3.col{ display:none !important; }
/* cho cột nội dung chiếm trọn chiều rộng hàng (thiết kế .ott-dalat tự canh giữa ở 1180px) */
body.single-post #content > .row > .large-9,
body.single-post #content > .row > .large-9.col{
  max-width:100% !important; flex-basis:100% !important; width:100% !important;
}
/* bỏ đường kẻ dọc của row-divided khi đã ẩn sidebar */
body.single-post #content .row-divided > .col{ border-right:0 !important; border-left:0 !important; }

/* =====================================================================
   ★ DESKTOP — THU GỌN nút "Tất cả", nhường chỗ cho ô tìm kiếm DÀI HƠN
     (ghi đè block desktop trước đó; vẫn hiển thị đủ chữ "Tất cả")
   ===================================================================== */
@media (min-width:48.0625em){
  .header-search-form .searchform select,
  .header-search-form .searchform-wrapper select,
  .searchform select,
  select[name="product_cat"],
  .search_categories,
  select.resize-select{
    -webkit-appearance:none !important; -moz-appearance:none !important; appearance:none !important;
    background:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center / 9px 6px,
      linear-gradient(135deg,#24b3b3 0%,#19c8d2 100%) !important;
    color:#fff !important; border:0 !important; border-radius:999px !important;
    height:38px !important; min-height:38px !important; line-height:38px !important;
    padding:0 25px 0 12px !important;
    font-family:'Plus Jakarta Sans', sans-serif !important; font-weight:700 !important; font-size:12px !important; letter-spacing:.2px !important;
    box-shadow:0 5px 14px -7px rgba(36,179,179,.55) !important; cursor:pointer !important;
    width:auto !important; min-width:0 !important; max-width:104px !important; margin-right:6px !important;
    white-space:nowrap !important; overflow:visible !important; text-overflow:clip !important;
  }
  /* cột danh mục giữ gọn — cột input GIÃN dài lấp phần còn lại */
  .header-search-form .searchform .flex-col.search-form-categories,
  .searchform .flex-col.search-form-categories{ flex:0 0 auto !important; width:auto !important; }
  .header-search-form .searchform .flex-col.flex-grow,
  .searchform .flex-col.flex-grow{ flex:1 1 auto !important; }
  .header-search-form .searchform input.search-field,
  .searchform input.search-field{ width:100% !important; }
}

/* =====================================================================
   SỬA ICON / KÝ TỰ ĐẶC BIỆT — ép đúng font icon, chống Plus Jakarta Sans
   (!important) đè. Liệt kê nhiều tên FontAwesome để khớp đúng phiên bản (4/5/6).
   ===================================================================== */
.fa,.fas,.far,.fal,.fab,i.fa,[class^="fa-"],[class*=" fa-"]{
  font-family:"Font Awesome 6 Free","Font Awesome 6 Brands","Font Awesome 5 Free","Font Awesome 5 Brands","FontAwesome" !important;
}
.fa,.fas,i.fa{ font-weight:900 !important; }      /* icon đặc (solid) */
.fab{ font-weight:400 !important; }               /* icon thương hiệu */
.category_box ul li::before,.header-sp:before,.ss_footer ul li:before{
  font-family:"Font Awesome 6 Free","Font Awesome 5 Free","FontAwesome" !important; font-weight:900 !important;
}
[class^="icon-"],[class*=" icon-"],[class^="icon-"]::before,[class*=" icon-"]::before{ font-family:"fl-icons" !important; }
.star-rating,.star-rating::before,.star-rating span::before{ font-family:"star" !important; }

/* =====================================================================
   ★ BỔ SUNG — REDUCED MOTION cho thẻ BÀI VIẾT + BANNER + SELECT tìm kiếm
     (brand Tier 3 #17 — bản cũ thiếu)
   ===================================================================== */
@media (prefers-reduced-motion:reduce){
  .post-item .col-inner, .post-item .box-image img, .post-item .box-image::after,
  .post-item .box-text::after,
  body.home .banner, .ott-banner,
  body.home .banner .bg, body.home .banner .banner-bg .bg, .ott-banner .bg, .ott-banner img,
  .header-search-form .searchform select, .searchform select,
  select[name="product_cat"], .dropdown_product_cat{
    transition:none !important; animation:none !important;
  }
  .post-item:hover .col-inner, .post-item:hover .box-image img,
  body.home .banner:hover, .ott-banner:hover,
  body.home .banner:hover .bg, .ott-banner:hover .bg, .ott-banner:hover img,
  .header-search-form .searchform select:hover, .searchform select:hover,
  select[name="product_cat"]:hover, .dropdown_product_cat:hover{
    transform:none !important; filter:none !important;
  }
  .post-item .box-text::after{ opacity:1 !important; transform:none !important; }   /* "Xem thêm" hiện sẵn */
}

/* ===== OT CHAT SMOOTH TYPING FIX v9.5.1 — kill invisible panel blur + isolate map paint (smooth typing) ===== */
html #ocean-chat-window{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
html #ocean-messages{contain:content;transform:translateZ(0);backface-visibility:hidden;}
html #ocean-chat-form{contain:layout paint;}
/* ===== /OT CHAT SMOOTH TYPING FIX ===== */

/* OCEAN TREASURE TRAVEL — Brand consistency v11 */
:root{--ot-teal:#04bac7;--ot-teal-deep:#037e88;--ot-ink:#0d5c66;--ot-orange:#FB8C3C;--ot-line:#e6f3f4;}
@media (max-width:849px){
body #masthead .mobile-nav.nav-left .nav-icon > a[data-open="#main-menu"],body #masthead .show-for-medium .nav-icon > a[data-open="#main-menu"],body .header-wrapper .mobile-nav.nav-left .nav-icon > a[data-open="#main-menu"],body #masthead .nav-icon > a.is-small[data-open="#main-menu"]{background:transparent !important;background-image:none !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;width:auto !important;height:auto !important;min-width:0 !important;padding:6px 8px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;}
body #masthead .nav-icon > a[data-open="#main-menu"] .icon-menu,body #masthead .nav-icon > a[data-open="#main-menu"] .icon-menu:before,body #masthead .nav-icon > a[data-open="#main-menu"] i,body #masthead .nav-icon > a[data-open="#main-menu"] i:before,body .header-wrapper .nav-icon > a[data-open="#main-menu"] .icon-menu:before{color:#037e88 !important;font-size:26px !important;}
}
#main-menu.mobile-sidebar{background:#fff !important;}
#main-menu .nav-sidebar.nav-vertical{padding:10px 10px !important;}
#main-menu .nav-sidebar.nav-vertical > li{border-bottom:1px solid #eef6f7 !important;}
#main-menu .nav-sidebar.nav-vertical > li:last-child{border-bottom:0 !important;}
#main-menu .nav-sidebar.nav-vertical > li > a{color:var(--ot-ink) !important;font-weight:600 !important;font-size:15px !important;padding:13px 16px !important;border-radius:12px !important;text-transform:none !important;letter-spacing:0 !important;}
#main-menu .nav-sidebar.nav-vertical > li.active > a,#main-menu .nav-sidebar.nav-vertical > li > a:hover,#main-menu .nav-sidebar.nav-vertical > li.current-menu-item > a{color:var(--ot-teal-deep) !important;background:#f2fbfc !important;}
#main-menu .nav-sidebar.nav-vertical .nav-dropdown-toggle .toggle{color:var(--ot-teal-deep) !important;}
#main-menu .close,.mfp-close{color:var(--ot-teal-deep) !important;opacity:1;}
a.button.primary,.button.primary,button.primary{background-color:var(--ot-teal);border-color:var(--ot-teal);}
a.button.primary:hover,.button.primary:hover{background-color:var(--ot-teal-deep);border-color:var(--ot-teal-deep);}
.nav-dropdown{box-shadow:0 10px 26px -14px rgba(4,58,64,.35) !important;}
.gtranslate_wrapper{position:fixed !important;left:10px !important;right:auto !important;bottom:10px !important;top:auto !important;z-index:99991 !important;}
.gtranslate_wrapper .gt_float_switcher{left:0 !important;right:auto !important;bottom:0 !important;top:auto !important;border-radius:12px !important;}
.gtranslate_wrapper .gt_float_switcher .gt-selected{background:var(--ot-teal) !important;}
.gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang,.gtranslate_wrapper .gt_float_switcher .gt-selected .gt-current-lang *{color:#fff !important;}
.products .product-small .col-inner{background:#fff;border:1px solid var(--ot-line);border-radius:16px;overflow:hidden;box-shadow:0 8px 24px -18px rgba(4,58,64,.35);transition:transform .22s ease,box-shadow .22s ease;}
.products .product-small.has-hover:hover .col-inner{transform:translateY(-4px);box-shadow:0 18px 36px -18px rgba(4,58,64,.5);}
.products .product-small{display:flex !important;}
.products .product-small .col-inner{display:flex !important;flex-direction:column !important;width:100% !important;height:100% !important;}
.products .product-small .col-inner > .box,.products .product-small .box.box-vertical{display:flex !important;flex-direction:column !important;flex:1 1 auto !important;}
.products .product-small .box-image{aspect-ratio:1/1 !important;overflow:hidden !important;border-radius:16px 16px 0 0 !important;}
.products .product-small .box-image a,.products .product-small .box-image .image-cover,.products .product-small .box-image img{width:100% !important;height:100% !important;object-fit:cover !important;border-radius:0 !important;}
.products .product-small .box-text{padding:16px 18px 20px !important;text-align:left !important;flex:1 1 auto !important;display:flex !important;flex-direction:column !important;}
.products .product-small .box-text .name.product-title,.products .product-small p.name{font-weight:700 !important;font-size:15px !important;line-height:1.45 !important;margin:0 0 16px !important;color:var(--ot-ink) !important;min-height:44px !important;}
.products .product-small .price{color:var(--ot-orange) !important;font-weight:800 !important;font-size:17px !important;margin:0 0 4px !important;}
.products .product-small .price del,.products .product-small .price del .amount{color:#9aa7ab !important;font-weight:500 !important;}
.products .product-small .price ins{text-decoration:none !important;}
.products .product-small .add_to_cart_button,.products .product-small a.button.is-small{margin-top:auto !important;border-radius:10px !important;background:linear-gradient(135deg,#04bac7 0%,#37c79a 100%) !important;background-image:linear-gradient(135deg,#04bac7 0%,#37c79a 100%) !important;border:0 !important;color:#fff !important;box-shadow:none !important;text-shadow:none !important;}
.products .product-small .add_to_cart_button:hover{filter:brightness(.95) !important;}
.products .product-small .category,.products .product-small .cat-label{color:var(--ot-muted,#5c6b70) !important;}
.mfp-bg{background-color:rgba(8,28,31,.62) !important;opacity:1 !important;z-index:100200 !important;}
.mfp-wrap,.mfp-container,.mfp-content{z-index:100201 !important;}
#main-menu.mobile-sidebar{width:86vw !important;max-width:360px !important;box-shadow:0 0 60px -6px rgba(0,0,0,.45) !important;}
/* Tong tien gio hang trong menu -> cam dong nhat gia */
.ott-cart-total,#main-menu .ott-cart-total,.mobile-sidebar .ott-cart-total{color:#FB8C3C !important;font-weight:800 !important;}

/* ===== OTT CARD REFINE v10 ===== */
.products .product-small a.button.primary,.products .product-small a.add_to_cart_button,.products .product-small a.ott-atc-link,.ott-card-actions a.ott-atc-link,#content .product-small a.button.primary,#main .product-small a.button.primary{background-image:linear-gradient(135deg,#0c9aa4 0%,#7fae8b 100%)!important;background-color:#0c9aa4!important;border:none!important;color:#fff!important;box-shadow:0 2px 8px rgba(12,154,164,.16)!important;transition:background-image .25s ease,box-shadow .25s ease!important;}
.products .product-small a.button.primary:hover,.products .product-small a.add_to_cart_button:hover,.products .product-small a.ott-atc-link:hover,.ott-card-actions a.ott-atc-link:hover,#content .product-small a.button.primary:hover{background-image:linear-gradient(135deg,#0a8b94 0%,#6d9d79 100%)!important;box-shadow:0 5px 16px rgba(12,154,164,.26)!important;}
.products .product-small .box-image img{width:100%!important;height:auto!important;aspect-ratio:1/1!important;object-fit:cover!important;}
.products .product-small .col-inner{display:flex!important;flex-direction:column!important;height:100%;}
.products .product-small .box-text{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;}
.products .product-small .name.product-title{min-height:2.7em!important;margin-bottom:14px!important;}
.products .product-small .price{margin-top:auto!important;padding-top:6px!important;margin-bottom:12px!important;}
/* ===== end v10 ===== */


/* ===== OTT CARD REFINE v10.1 equal height ===== */
.products .row{align-items:stretch!important;}
.products .product-small.col{display:flex!important;}
.products .product-small .col-inner{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;height:auto!important;}
.products .product-small .box{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;}
.products .product-small .box-text{flex:1 1 auto!important;}
.products .product-small .price{min-height:2.5em!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;margin-top:auto!important;}
/* ===== end v10.1 ===== */


/* ===== OTT SUBTAGS v10.2 ===== */
.products .product-small .ott-subtags{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;justify-content:center!important;align-items:center!important;height:24px!important;overflow:hidden!important;margin:2px 0 4px!important;}
.products .product-small .ott-sub-tag{font-size:10px!important;font-weight:600!important;letter-spacing:.2px!important;color:#3f7d6e!important;background:rgba(127,174,139,.13)!important;border:1px solid rgba(127,174,139,.32)!important;padding:2px 8px!important;border-radius:999px!important;line-height:1.4!important;white-space:nowrap!important;max-width:48%!important;overflow:hidden!important;text-overflow:ellipsis!important;}
/* ===== end v10.2 ===== */
/* Chatbox: 3 anh gioi thieu to ro + bam phong */
#ocean-chat-container .bubble img{max-width:100% !important;width:100% !important;}
#ocean-chat-container .ott-gallery{display:flex;flex-direction:column;gap:10px;margin:12px 0;}
#ocean-chat-container .ott-gallery a{display:block;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px -10px rgba(3,153,163,.35);border:1px solid rgba(4,186,199,.18);}
#ocean-chat-container .ott-gallery img{width:100% !important;max-width:100% !important;height:auto !important;display:block;margin:0 !important;}

/* ===== OTT v10.3 grid+related+desttag ===== */
.products .product-small.col{display:block!important;}
@media(max-width:849px){.related .product-small.col{width:50%!important;max-width:50%!important;}}
.related .name.product-title{font-size:19px!important;font-weight:700!important;line-height:1.3!important;min-height:2.7em!important;}
.related .box-text .price{font-size:15px!important;}
.ott-dest-tag{background:none!important;color:#2f6b64!important;font-weight:600!important;font-size:11px!important;letter-spacing:.3px!important;text-transform:none!important;opacity:.92!important;}
/* ===== end v10.3 ===== */


/* ===== OTT v10.4 dest tag override ===== */
.product-small .title-wrapper .ott-dest-tag,.products .product-small .ott-dest-tag{color:#2f6b64!important;background:none!important;font-weight:600!important;font-size:11px!important;letter-spacing:.3px!important;text-transform:none!important;opacity:.92!important;}
.product-small .title-wrapper .ott-dest-tag svg,.product-small .title-wrapper .ott-dest-tag i,.product-small .title-wrapper .ott-dest-tag path{color:#2f6b64!important;fill:#2f6b64!important;stroke:#2f6b64!important;opacity:.85!important;}
/* ===== end v10.4 ===== */


/* ===== OTT MENU v10.5 hamburger ===== */
a[data-open="#main-menu"]{background:transparent!important;background-image:none!important;border:1.5px solid rgba(53,181,175,.6)!important;border-radius:8px!important;box-shadow:none!important;}
a[data-open="#main-menu"] .icon-menu,a[data-open="#main-menu"] i{color:#35b5af!important;}
/* ===== end v10.5 ===== */


/* ===== OTT MENU v10.6 lines only ===== */
a[data-open="#main-menu"]{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;}
a[data-open="#main-menu"] .icon-menu,a[data-open="#main-menu"] i{color:#35b5af!important;background:transparent!important;}
/* ===== end v10.6 ===== */

/* OTT CARD REFINE v10.7 - Premium 2026 optimized restore
   Scope: Flatsome/WooCommerce product grids.
   Goal: premium card chrome, real server labels, stable square images,
   and one lightweight mirror pass without looping animation. */

:root{
  --ott-card-ocean:#049eaa;
  --ott-card-ocean-deep:#0d5c66;
  --ott-card-ocean-soft:#eefafa;
  --ott-card-sage:#2f6b64;
  --ott-card-sage-soft:rgba(127,174,139,.14);
  --ott-card-orange:#f97316;
  --ott-card-orange-deep:#c2410c;
  --ott-card-brown:#4d321f;
  --ott-card-ink:#24494f;
  --ott-card-muted:#6f8588;
  --ott-card-line:rgba(4,158,170,.16);
  --ott-card-shadow:0 14px 34px -26px rgba(2,106,114,.42);
  --ott-card-shadow-hover:0 22px 44px -30px rgba(2,106,114,.48);
}

html body #main .product-small.col .col-inner,
html body .product-small.col .col-inner{
  position:relative!important;
  height:100%!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#fff 0%,#fbfefd 100%)!important;
  border:1px solid var(--ott-card-line)!important;
  border-radius:16px!important;
  box-shadow:var(--ott-card-shadow)!important;
  transform:translateZ(0);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}

html body #main .product-small.col:hover .col-inner,
html body .product-small.col:hover .col-inner{
  transform:translate3d(0,-3px,0)!important;
  border-color:rgba(4,158,170,.26)!important;
  box-shadow:var(--ott-card-shadow-hover)!important;
}

html body #main .product-small.col .box,
html body .product-small.col .box{
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
  margin:0!important;
}

html body #main .product-small.col .box-image,
html body .product-small.col .box-image{
  position:relative!important;
  width:100%!important;
  aspect-ratio:1/1!important;
  height:auto!important;
  overflow:hidden!important;
  background:#f6fbfb!important;
  border-radius:0!important;
  isolation:isolate!important;
}

html body #main .product-small.col .box-image > a,
html body #main .product-small.col .box-image .image-cover,
html body #main .product-small.col .box-image .image-zoom,
html body #main .product-small.col .box-image .woocommerce-LoopProduct-link,
html body .product-small.col .box-image > a,
html body .product-small.col .box-image .image-cover,
html body .product-small.col .box-image .image-zoom,
html body .product-small.col .box-image .woocommerce-LoopProduct-link{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
}

html body #main .product-small.col .box-image img,
html body #main .product-small.col .box-image a img,
html body #main .product-small.col .box-image img.wp-post-image,
html body #main .product-small.col .box-image img.attachment-woocommerce_thumbnail,
html body .product-small.col .box-image img,
html body .product-small.col .box-image a img,
html body .product-small.col .box-image img.wp-post-image,
html body .product-small.col .box-image img.attachment-woocommerce_thumbnail{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:none!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:transform .34s cubic-bezier(.2,.8,.2,1)!important;
}

html body #main .product-small.col:hover .box-image img,
html body .product-small.col:hover .box-image img{
  transform:scale(1.025)!important;
}

html body #main .product-small.col .box-image::before,
html body #main .product-small.col .box-image > a::before,
html body #main .product-small.col .box-image > a::after,
html body #main .product-small.col .box-image a::before,
html body #main .product-small.col .box-image a::after,
html body .product-small.col .box-image::before,
html body .product-small.col .box-image > a::before,
html body .product-small.col .box-image > a::after,
html body .product-small.col .box-image a::before,
html body .product-small.col .box-image a::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}

html body #main .product-small.col .box-image::after,
html body .product-small.col .box-image::after{
  content:""!important;
  position:absolute!important;
  top:-18%!important;
  bottom:-18%!important;
  left:0!important;
  width:38%!important;
  display:block!important;
  pointer-events:none!important;
  z-index:4!important;
  background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.18) 38%,rgba(255,255,255,.72) 50%,rgba(255,255,255,.18) 62%,rgba(255,255,255,0) 100%)!important;
  opacity:.28!important;
  transform:translate3d(-145%,0,0) skewX(-18deg)!important;
  transition:transform .55s cubic-bezier(.2,.8,.2,1), opacity .18s ease!important;
}

html body #main .product-small.col:hover .box-image::after,
html body .product-small.col:hover .box-image::after{
  opacity:.42!important;
  transform:translate3d(330%,0,0) skewX(-18deg)!important;
}

html body #main .product-small.col .box-image img.back-image,
html body #main .product-small.col .box-image .show-on-hover,
html body #main .product-small.col .box-image .image-hover,
html body .product-small.col .box-image img.back-image,
html body .product-small.col .box-image .show-on-hover,
html body .product-small.col .box-image .image-hover{
  display:none!important;
  opacity:0!important;
}

html body #main .product-small.col .badge-container,
html body #main .product-small.col .div-khuyen-mai,
html body #main .product-small.col .promo-bubble,
html body .product-small.col .badge-container,
html body .product-small.col .div-khuyen-mai,
html body .product-small.col .promo-bubble{
  display:none!important;
  animation:none!important;
}

html body #main .product-small.col .box-text,
html body .product-small.col .box-text{
  display:flex!important;
  flex-direction:column!important;
  min-height:202px!important;
  padding:14px 15px 15px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfefd 100%)!important;
  text-align:left!important;
  font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;
}

html body #main .product-small.col .title-wrapper,
html body .product-small.col .title-wrapper{
  order:1!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  margin:0!important;
}

html body #main .product-small.col .ott-dest-tag,
html body .product-small.col .ott-dest-tag{
  align-self:flex-start!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin:0 0 1px!important;
  padding:4px 9px!important;
  border:0!important;
  border-radius:999px!important;
  background:rgba(47,107,100,.10)!important;
  box-shadow:none!important;
  color:var(--ott-card-sage)!important;
  font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;
  font-size:11px!important;
  line-height:1.18!important;
  font-weight:800!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

html body #main .product-small.col .ott-dest-tag svg,
html body .product-small.col .ott-dest-tag svg{
  width:11px!important;
  height:11px!important;
  flex:0 0 11px!important;
  color:currentColor!important;
  fill:currentColor!important;
}

html body #main .product-small.col .ott-dt-txt,
html body .product-small.col .ott-dt-txt{
  color:inherit!important;
  font:inherit!important;
}

html body #main .product-small.col .product-title,
html body #main .product-small.col .name.product-title,
html body #main .product-small.col .woocommerce-loop-product__title,
html body .product-small.col .product-title,
html body .product-small.col .name.product-title,
html body .product-small.col .woocommerce-loop-product__title{
  margin:0!important;
  min-height:2.78em!important;
  color:var(--ott-card-ocean-deep)!important;
  font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;
  font-size:15.5px!important;
  line-height:1.39!important;
  font-weight:850!important;
  letter-spacing:0!important;
  text-align:left!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

html body #main .product-small.col .product-title a,
html body #main .product-small.col .woocommerce-loop-product__title a,
html body .product-small.col .product-title a,
html body .product-small.col .woocommerce-loop-product__title a{
  color:inherit!important;
  text-decoration:none!important;
}

html body #main .product-small.col:hover .product-title,
html body #main .product-small.col:hover .product-title a,
html body .product-small.col:hover .product-title,
html body .product-small.col:hover .product-title a{
  color:var(--ott-card-ocean)!important;
}

html body #main .product-small.col .ott-subtags,
html body .product-small.col .ott-subtags{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:5px!important;
  min-height:22px!important;
  margin:1px 0 2px!important;
  padding:0!important;
  background:transparent!important;
}

html body #main .product-small.col .ott-sub-tag,
html body .product-small.col .ott-sub-tag{
  display:inline-flex!important;
  align-items:center!important;
  max-width:100%!important;
  padding:4px 8px!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--ott-card-sage-soft)!important;
  box-shadow:none!important;
  color:var(--ott-card-sage)!important;
  font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;
  font-size:10.5px!important;
  line-height:1.15!important;
  font-weight:750!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body #main .product-small.col .ott-sub-tag:nth-child(n+3),
html body .product-small.col .ott-sub-tag:nth-child(n+3){
  display:none!important;
}

html body #main .product-small.col .row-tien,
html body .product-small.col .row-tien{
  display:none!important;
}

html body #main .product-small.col .price-wrapper,
html body .product-small.col .price-wrapper{
  order:3!important;
  margin-top:auto!important;
  padding-top:10px!important;
}

html body #main .product-small.col .price,
html body .product-small.col .price{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:2px!important;
  min-height:48px!important;
  margin:0!important;
  padding-top:10px!important;
  border-top:1px solid rgba(4,158,170,.12)!important;
  color:var(--ott-card-orange-deep)!important;
  font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;
  font-size:18px!important;
  line-height:1.18!important;
  font-weight:900!important;
}

html body #main .product-small.col .price ins,
html body #main .product-small.col .price ins .amount,
html body #main .product-small.col .price > .amount,
html body #main .product-small.col .price .woocommerce-Price-amount,
html body .product-small.col .price ins,
html body .product-small.col .price ins .amount,
html body .product-small.col .price > .amount,
html body .product-small.col .price .woocommerce-Price-amount{
  color:var(--ott-card-orange-deep)!important;
  font-size:18px!important;
  font-weight:900!important;
  text-decoration:none!important;
}

html body #main .product-small.col .price del,
html body #main .product-small.col .price del .amount,
html body .product-small.col .price del,
html body .product-small.col .price del .amount{
  order:-1!important;
  color:#98a7a8!important;
  font-size:12px!important;
  font-weight:650!important;
  opacity:.9!important;
}

html body #main .product-small.col .button,
html body #main .product-small.col a.button,
html body #main .product-small.col .add_to_cart_button,
html body .product-small.col .button,
html body .product-small.col a.button,
html body .product-small.col .add_to_cart_button{
  width:100%!important;
  min-height:38px!important;
  margin:10px 0 0!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#0c9aa4 0%,#7fae8b 100%)!important;
  box-shadow:0 12px 22px -18px rgba(12,154,164,.72)!important;
  color:#fff!important;
  font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease!important;
}

html body #main .product-small.col .button:hover,
html body #main .product-small.col a.button:hover,
html body #main .product-small.col .add_to_cart_button:hover,
html body .product-small.col .button:hover,
html body .product-small.col a.button:hover,
html body .product-small.col .add_to_cart_button:hover{
  filter:saturate(1.06) brightness(.98)!important;
  transform:translate3d(0,-1px,0)!important;
  box-shadow:0 16px 28px -20px rgba(12,154,164,.85)!important;
}

@media (max-width:849px){
  html body #main .product-small.col .box-text,
  html body .product-small.col .box-text{
    min-height:194px!important;
    padding:12px 12px 13px!important;
  }

  html body #main .product-small.col .product-title,
  html body #main .product-small.col .name.product-title,
  html body .product-small.col .product-title,
  html body .product-small.col .name.product-title{
    font-size:14.2px!important;
    line-height:1.35!important;
  }

  html body #main .product-small.col .price,
  html body .product-small.col .price{
    font-size:16.5px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body #main .product-small.col .col-inner,
  html body #main .product-small.col .box-image img,
  html body #main .product-small.col .box-image::after,
  html body .product-small.col .col-inner,
  html body .product-small.col .box-image img,
  html body .product-small.col .box-image::after{
    transition:none!important;
    transform:none!important;
  }

  html body #main .product-small.col .box-image::after,
  html body .product-small.col .box-image::after{
    display:none!important;
  }
}

/* The 9.6.1 server marker was a temporary deployment probe. */
#ott-build-marker{
  display:none!important;
}

/* OT Travel mobile header menu fix - 2026-07-10
   Goal: mobile menu = three clean horizontal bars, transparent background,
   no button fill, no border, no heavy effects. */

@media (max-width:849px){
  html body #masthead .mobile-nav.nav-left .nav-icon,
  html body #masthead .mobile-nav.nav-right .nav-icon,
  html body #masthead .mobile-nav .nav-icon,
  html body .header-wrapper .mobile-nav.nav-left .nav-icon,
  html body .header-wrapper .mobile-nav.nav-right .nav-icon,
  html body .header-wrapper .mobile-nav .nav-icon,
  html body .header-main .mobile-nav .nav-icon{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    outline:0!important;
    filter:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  html body #masthead .mobile-nav .nav-icon > a,
  html body .header-wrapper .mobile-nav .nav-icon > a,
  html body .header-main .mobile-nav .nav-icon > a{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    outline:0!important;
    text-indent:0!important;
  }

  html body #masthead .mobile-nav .nav-icon:hover,
  html body #masthead .mobile-nav .nav-icon:focus-within,
  html body #masthead .mobile-nav .nav-icon > a:hover,
  html body #masthead .mobile-nav .nav-icon > a:focus,
  html body .header-wrapper .mobile-nav .nav-icon:hover,
  html body .header-wrapper .mobile-nav .nav-icon:focus-within,
  html body .header-wrapper .mobile-nav .nav-icon > a:hover,
  html body .header-wrapper .mobile-nav .nav-icon > a:focus{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    outline:0!important;
  }

  html body #masthead .mobile-nav .nav-icon .icon-menu,
  html body .header-wrapper .mobile-nav .nav-icon .icon-menu,
  html body .header-main .mobile-nav .nav-icon .icon-menu{
    position:relative!important;
    display:block!important;
    width:26px!important;
    height:18px!important;
    min-width:26px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    text-shadow:none!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }

  html body #masthead .mobile-nav .nav-icon .icon-menu::before,
  html body .header-wrapper .mobile-nav .nav-icon .icon-menu::before,
  html body .header-main .mobile-nav .nav-icon .icon-menu::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:26px!important;
    height:2.5px!important;
    min-width:26px!important;
    display:block!important;
    border-radius:999px!important;
    background:#35b5af!important;
    box-shadow:0 7.75px 0 #35b5af,0 15.5px 0 #35b5af!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
    font-family:initial!important;
  }

  html body #masthead .mobile-nav .nav-icon .icon-menu::after,
  html body .header-wrapper .mobile-nav .nav-icon .icon-menu::after,
  html body .header-main .mobile-nav .nav-icon .icon-menu::after{
    content:none!important;
    display:none!important;
  }

  /* Wins over the last-loaded MU-plugin without adding another observer. */
  html body #wrapper #header #masthead .mobile-nav .nav-icon .icon-menu::before{
    content:""!important;
    display:block!important;
    background:#35b5af!important;
    color:#35b5af!important;
    border-color:#35b5af!important;
    box-shadow:0 7.75px 0 #35b5af,0 15.5px 0 #35b5af!important;
  }

  html body #wrapper #header #masthead .mobile-nav .nav-icon .icon-menu::after{
    content:none!important;
    display:none!important;
  }
}

/* OTT HOMEPAGE UX v12 - 2026-07-10
   Calmer mobile navigation, readable product cards, full-ratio images,
   lightweight blog CTA, and paint-safe chat typing. */

:root{
  --ott-v11-ink:#254f4b;
  --ott-v11-menu:#2f6b64;
  --ott-v11-sage:#7fae8b;
  --ott-v11-line:rgba(47,107,100,.14);
  --ott-v11-soft:#f4f9f7;
  --ott-v11-orange:#e85d04;
}

html body #main .product-small.col .col-inner,
html body .product-small.col .col-inner{
  position:relative!important;
  height:100%!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid rgba(47,107,100,.13)!important;
  border-radius:12px!important;
  box-shadow:0 12px 28px -24px rgba(37,79,75,.48)!important;
}

html body #main .product-small.col .col-inner::before,
html body #main .product-small.col .col-inner::before,
html body #main .product-small.col .col-inner::after,
html body .product-small.col .col-inner::after,
html body #main .product-small.col .box::before,
html body .product-small.col .box::before,
html body #main .product-small.col .box::after,
html body .product-small.col .box::after{
  content:none!important;
  display:none!important;
}

html body #main .product-small.col .box,
html body .product-small.col .box{
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
  margin:0!important;
  background:transparent!important;
}

/* Product card: one clean layer, stable image ratio, no crop. */
html body #main .product-small.col .box-image,
html body .product-small.col .box-image{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:auto!important;
  max-height:none!important;
  aspect-ratio:var(--ott-product-ratio,4/5)!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
  border-radius:0!important;
}

html body #main .product-small.col .box-image > a,
html body .product-small.col .box-image > a{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  line-height:0!important;
}

html body #main .product-small.col .box-image img,
html body .product-small.col .box-image img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0!important;
  transform:none!important;
  filter:none!important;
}

html body #main .product-small.col .box-image::before,
html body .product-small.col .box-image::before{
  content:none!important;
  display:none!important;
  animation:none!important;
}

html body #main .product-small.col .box-image::after,
html body .product-small.col .box-image::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-20% auto -20% -46%!important;
  width:30%!important;
  background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.12) 26%,rgba(255,255,255,.58) 50%,rgba(255,255,255,.12) 74%,transparent 100%)!important;
  transform:translateX(-190%) skewX(-16deg)!important;
  opacity:0!important;
  pointer-events:none!important;
  z-index:3!important;
  will-change:transform,opacity!important;
}

html body #main .product-small.col:hover .box-image::after,
html body #main .product-small.col:focus-within .box-image::after,
html body #main .product-small.col:active .box-image::after,
html body .product-small.col:hover .box-image::after,
html body .product-small.col:focus-within .box-image::after,
html body .product-small.col:active .box-image::after{
  animation:ott-card-shine .72s cubic-bezier(.22,.61,.36,1) both!important;
}

@keyframes ott-card-shine{
  0%{transform:translateX(-190%) skewX(-16deg);opacity:0}
  22%{opacity:.78}
  100%{transform:translateX(520%) skewX(-16deg);opacity:0}
}

html body #main .product-small.col:active .col-inner,
html body #main .product-small.col:focus-within .col-inner,
html body .product-small.col:active .col-inner,
html body .product-small.col:focus-within .col-inner{
  border-color:transparent!important;
  background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#04bac7 0%,#7fae8b 50%,#e2942b 100%) border-box!important;
  box-shadow:0 14px 32px -20px rgba(14,79,84,.42)!important;
}

html body.single-product .custom-product-page .ott-empty-product-col{
  display:none!important;
}

html body.single-product .custom-product-page > .section:first-child{
  padding-top:18px!important;
}

html body.single-product .ott-ocean-product-title{
  padding-top:8px!important;
}

html body #main .product-small.col .box-text,
html body .product-small.col .box-text{
  display:flex!important;
  flex-direction:column!important;
  height:auto!important;
  min-height:292px!important;
  padding:16px 14px 16px!important;
  gap:0!important;
}

html body #main .product-small.col .box-text::before,
html body #main .product-small.col .box-text::after,
html body .product-small.col .box-text::before,
html body .product-small.col .box-text::after{
  content:none!important;
  display:none!important;
}

html body #main .product-small.col .title-wrapper,
html body .product-small.col .title-wrapper{
  display:flex!important;
  flex:0 0 auto!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}

html body #main .product-small.col .ott-dest-tag,
html body .product-small.col .ott-dest-tag{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  width:auto!important;
  max-width:calc(100% - 2px)!important;
  height:auto!important;
  max-height:none!important;
  min-height:18px!important;
  margin:0 0 8px!important;
  padding:0!important;
  color:#2f6b64!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-size:10.5px!important;
  font-weight:750!important;
  line-height:1.35!important;
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:break-word!important;
  text-overflow:clip!important;
  -webkit-box-orient:initial!important;
  -webkit-line-clamp:unset!important;
  letter-spacing:.055em!important;
  text-transform:uppercase!important;
}

html body #main .product-small.col .ott-type-line::before,
html body .product-small.col .ott-type-line::before{
  content:""!important;
  display:block!important;
  flex:0 0 18px!important;
  width:18px!important;
  height:2px!important;
  background:linear-gradient(90deg,#04bac7 0%,#e2942b 100%)!important;
  border-radius:999px!important;
  box-shadow:none!important;
}

html body #main .product-small.col .ott-dest-tag *,
html body .product-small.col .ott-dest-tag *{
  max-width:100%!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  -webkit-line-clamp:unset!important;
}

html body #main .product-small.col .product-title,
html body #main .product-small.col .name.product-title,
html body .product-small.col .product-title,
html body .product-small.col .name.product-title{
  width:100%!important;
  min-height:2.9em!important;
  height:auto!important;
  max-height:none!important;
  margin:0 0 11px!important;
  padding:0!important;
  color:var(--ott-v11-ink)!important;
  font-size:16.5px!important;
  font-weight:750!important;
  line-height:1.45!important;
  letter-spacing:0!important;
  text-align:left!important;
}

html body #main .product-small.col .product-title > a,
html body .product-small.col .product-title > a{
  display:-webkit-box!important;
  overflow:hidden!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:2.9em!important;
  color:inherit!important;
  font-size:16.5px!important;
  font-weight:750!important;
  line-height:1.45!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
}

html body #main .product-small.col .ott-subtags,
html body .product-small.col .ott-subtags{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:5px!important;
  width:100%!important;
  height:auto!important;
  min-height:22px!important;
  max-height:none!important;
  margin:0 0 4px!important;
  overflow:visible!important;
}

html body #main .product-small.col .ott-sub-tag,
html body .product-small.col .ott-sub-tag{
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:100%!important;
  justify-content:center!important;
  padding:4px 8px!important;
  color:var(--ott-chip-color,#087b84)!important;
  background:var(--ott-chip-bg,#e8fbfd)!important;
  border:0!important;
  border-radius:999px!important;
  box-shadow:none!important;
  font-size:10.5px!important;
  font-weight:650!important;
  line-height:1.25!important;
  text-transform:none!important;
}

html body #main .product-small.col .ott-sub-tag:nth-child(2),
html body .product-small.col .ott-sub-tag:nth-child(2){
  color:var(--ott-chip-color,#b84f13)!important;
  background:var(--ott-chip-bg,#fff0e8)!important;
}

html body #main .product-small.col .ott-sub-tag:nth-child(3),
html body .product-small.col .ott-sub-tag:nth-child(3){
  color:var(--ott-chip-color,#2f7a44)!important;
  background:var(--ott-chip-bg,#edf8ef)!important;
}

html body #main .product-small.col .star-rating,
html body #main .product-small.col .is-star-rating,
html body #main .product-small.col .rating,
html body .product-small.col .star-rating,
html body .product-small.col .is-star-rating,
html body .product-small.col .rating{
  display:none!important;
}

html body #main .product-small.col .price-wrapper,
html body .product-small.col .price-wrapper{
  display:block!important;
  flex:0 0 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:12px 0 0!important;
  padding:0!important;
  border:0!important;
  overflow:visible!important;
}

html body #main .product-small.col .price,
html body .product-small.col .price{
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  width:100%!important;
  min-height:90px!important;
  margin:0!important;
  padding:10px 0 12px!important;
  color:var(--ott-v11-orange)!important;
  background:#fff!important;
  border:0!important;
  border-top:1px solid rgba(47,107,100,.12)!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-size:21px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-align:center!important;
}

html body #main .product-small.col .price ins,
html body .product-small.col .price ins{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  margin:0!important;
  color:var(--ott-v11-orange)!important;
  font-weight:800!important;
  text-decoration:none!important;
  text-align:center!important;
}

html body #main .product-small.col .price ins::before,
html body .product-small.col .price ins::before{
  content:"Ch\1EC9  c\00F2 n"!important;
  display:block!important;
  width:100%!important;
  margin:0 0 4px!important;
  color:#8b6b5a!important;
  font-size:11.5px!important;
  font-weight:750!important;
  line-height:1.2!important;
  text-align:center!important;
  text-transform:none!important;
}

html body #main .product-small.col .price del,
html body .product-small.col .price del{
  display:flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  width:100%!important;
  margin:0!important;
  color:#91a2a0!important;
  font-size:12.5px!important;
  font-weight:600!important;
  line-height:1.2!important;
  text-align:center!important;
  text-decoration:line-through!important;
  text-decoration-color:#7d918e!important;
  text-decoration-thickness:1px!important;
}

html body #main .product-small.col .price del .amount,
html body #main .product-small.col .price del .woocommerce-Price-currencySymbol,
html body .product-small.col .price del .amount,
html body .product-small.col .price del .woocommerce-Price-currencySymbol{
  text-decoration:line-through!important;
  text-decoration-color:#7d918e!important;
  text-decoration-thickness:1px!important;
}

html body #main .product-small.col .price del::after,
html body .product-small.col .price del::after,
html body #main .product-small.col .woocommerce-Price-currencySymbol::after,
html body .product-small.col .woocommerce-Price-currencySymbol::after{
  content:none!important;
  display:none!important;
}

html body #main .product-small.col .woocommerce-Price-currencySymbol,
html body .product-small.col .woocommerce-Price-currencySymbol{
  margin-left:3px!important;
  font-size:.72em!important;
  font-weight:750!important;
  letter-spacing:.02em!important;
}

html body #main .product-small.col .ott-card-actions,
html body .product-small.col .ott-card-actions{
  flex:0 0 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin-top:13px!important;
  overflow:visible!important;
}

/* The homepage currently has exactly four editorial cards. */
html body.home .post-item .blog-post-inner .post-title > a::after{
  content:"Xem thêm  ›"!important;
  display:block!important;
  width:max-content!important;
  margin-top:12px!important;
  color:var(--ott-v11-orange)!important;
  font-size:13px!important;
  font-weight:750!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

/* Chat typing: remove expensive repaint effects while the user is typing. */
html body #ocean-chat-container textarea,
html body #ocean-chat-container input{
  field-sizing:content;
  transition:border-color .15s ease,background-color .15s ease!important;
}

html body #ocean-chat-container.ott-chat-typing,
html body #ocean-chat-container.ott-chat-typing *{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html body #ocean-chat-container.ott-chat-typing textarea,
html body #ocean-chat-container.ott-chat-typing input{
  animation:none!important;
  filter:none!important;
  box-shadow:0 0 0 1px rgba(47,107,100,.22)!important;
}

@media (max-width:849px){
  html.has-off-canvas .ott-cbar,
  html.has-off-canvas #ocean-chat-container{
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:none!important;
  }

  html body #wrapper #header #masthead .mobile-nav .nav-icon .icon-menu::before{
    height:3px!important;
    background:var(--ott-v11-menu)!important;
    color:var(--ott-v11-menu)!important;
    border-color:var(--ott-v11-menu)!important;
    box-shadow:0 7.5px 0 var(--ott-v11-menu),0 15px 0 var(--ott-v11-menu)!important;
  }

  html body #main-menu{
    width:min(90vw,360px)!important;
    max-width:100vw!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
    color:var(--ott-v11-ink)!important;
    background:rgba(253,254,254,.99)!important;
    border:0!important;
    box-shadow:12px 0 30px -24px rgba(37,79,75,.38)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  html body #main-menu .sidebar-menu{
    width:100%!important;
    max-width:100%!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
    padding-bottom:18px!important;
    background:transparent!important;
  }

  html body #main-menu .header-search-form{
    margin:0!important;
    padding:16px 16px 12px!important;
    background:#fff!important;
    border-bottom:1px solid var(--ott-v11-line)!important;
  }

  html body #main-menu .searchform .flex-row{
    gap:8px!important;
  }

  html body #main-menu .search-field{
    height:44px!important;
    padding:0 14px!important;
    color:var(--ott-v11-ink)!important;
    background:#f7faf9!important;
    border:1px solid rgba(47,107,100,.16)!important;
    border-radius:10px!important;
    box-shadow:none!important;
    font-size:14px!important;
  }

  html body #main-menu .ux-search-submit{
    width:44px!important;
    height:44px!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    background:var(--ott-v11-menu)!important;
    border:0!important;
    border-radius:10px!important;
    box-shadow:none!important;
  }

  html body #main-menu .nav-sidebar > li:not(.header-search-form):not(.ott-cart-item){
    position:relative!important;
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    margin:0 14px!important;
    box-sizing:border-box!important;
    border-bottom:1px solid rgba(47,107,100,.1)!important;
  }

  html body #main-menu .nav-sidebar > li:not(.header-search-form):not(.ott-cart-item) > a{
    width:calc(100% - 42px)!important;
    max-width:calc(100% - 42px)!important;
    min-height:48px!important;
    padding:13px 4px!important;
    color:var(--ott-v11-ink)!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.35!important;
    letter-spacing:0!important;
    text-transform:none!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  html body #main-menu .nav-sidebar > li.current-menu-item > a{
    color:var(--ott-v11-menu)!important;
  }

  html body #main-menu .nav-sidebar .toggle{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:38px!important;
    min-width:38px!important;
    height:44px!important;
    padding:0!important;
    color:var(--ott-v11-menu)!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  html body #main-menu .nav-sidebar > li > button[data-ott-submenu-toggle="1"]{
    position:absolute!important;
    top:2px!important;
    right:0!important;
    z-index:2!important;
  }

  html body #main-menu .nav-sidebar > li > button[data-ott-submenu-toggle="1"] i{
    transition:transform .24s ease!important;
  }

  html body #main-menu .nav-sidebar > li.ott-sub-open > button[data-ott-submenu-toggle="1"] i{
    transform:rotate(90deg)!important;
  }

  html body #main-menu .nav-sidebar > li > .sub-menu{
    display:none!important;
    position:static!important;
    inset:auto!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:2px 0 11px 12px!important;
    overflow:hidden!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:none!important;
    background:rgba(244,249,247,.78)!important;
    border:0!important;
    border-radius:8px!important;
    box-shadow:none!important;
  }

  html body #main-menu .nav-sidebar > li.ott-sub-open > .sub-menu{
    display:block!important;
    overflow:visible!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  html body #main-menu .nav-sidebar > li > .sub-menu > .nav-slide-header{
    display:none!important;
  }

  html body #main-menu .nav-sidebar > li > .sub-menu > li:not(.nav-slide-header){
    margin:0!important;
    border:0!important;
  }

  html body #main-menu .nav-sidebar > li > .sub-menu > li:not(.nav-slide-header) > a{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    min-height:39px!important;
    padding:9px 8px!important;
    color:#55746f!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    font-size:12.5px!important;
    font-weight:600!important;
    line-height:1.45!important;
    letter-spacing:0!important;
    text-transform:none!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }

  html body #main-menu .ott-cart-item,
  html body #main-menu .nav-sidebar > li:empty{
    display:none!important;
  }

  html body #main-menu .ott-cart-item{
    margin:15px 16px 6px!important;
    padding:14px 0 0!important;
    border-top:1px solid var(--ott-v11-line)!important;
  }

  html body #main-menu .ott-cart-item .ott-header-commerce-link{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:10px!important;
    width:100%!important;
    min-height:48px!important;
    padding:0 14px!important;
    color:var(--ott-v11-menu)!important;
    background:var(--ott-v11-soft)!important;
    border:0!important;
    border-radius:10px!important;
    box-shadow:none!important;
    font-size:14px!important;
    font-weight:750!important;
  }

  html body #main-menu .ott-cart-item .ott-header-commerce-link::after{
    content:"Giỏ hàng"!important;
    display:inline!important;
    color:var(--ott-v11-menu)!important;
  }

  html body #main-menu .ott-cart-item .ott-cart-metrics,
  html body #main-menu .ott-cart-item .ott-cart-total,
  html body #main-menu .ott-cart-item .ott-cart-count{
    display:none!important;
  }

  html body #main-menu .ott-cart-item .ott-canonical-cart-glyph{
    color:var(--ott-v11-menu)!important;
    font-size:20px!important;
  }

  html body #main .product-small.col .box-text,
  html body .product-small.col .box-text{
    min-height:286px!important;
    padding:15px 12px 15px!important;
  }

  html body #main .product-small.col .product-title,
  html body #main .product-small.col .name.product-title,
  html body .product-small.col .product-title,
  html body .product-small.col .name.product-title{
    min-height:2.9em!important;
    font-size:15px!important;
    line-height:1.45!important;
  }

  html body #main .product-small.col .product-title > a,
  html body .product-small.col .product-title > a{
    font-size:15px!important;
  }

  html body #main .product-small.col .price,
  html body .product-small.col .price{
    min-height:88px!important;
    font-size:19px!important;
  }

  html body #main .product-small.col .ott-subtags,
  html body .product-small.col .ott-subtags{
    gap:4px!important;
  }

  html body #main .product-small.col .ott-sub-tag,
  html body .product-small.col .ott-sub-tag{
    flex:1 1 0!important;
    padding:4px 4px!important;
    font-size:9px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  html body #main-menu .ott-v11-account-item,
  html body #main-menu .account-item,
  html body #main-menu li:has(>a[href*="/tai-khoan"]),
  html body #main-menu li:has(>a[href*="my-account"]),
  html body #main-menu li:has(>a[href*="wp-login"]){
    display:none!important;
  }
}

@media (prefers-reduced-motion:reduce){
  html body.home .post-item .blog-post-inner .post-title > a::after,
  html body #main-menu *,
  html body .product-small.col *{
    transition:none!important;
    animation:none!important;
  }

  html body .product-small.col .box-image::after{
    display:none!important;
  }
}


/* kirki-inline-styles */
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/fonts/roboto/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmZiArmlw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/fonts/roboto/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmQiArmlw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/fonts/roboto/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmYiArmlw.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/fonts/roboto/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmXiArmlw.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/fonts/roboto/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVnoiArmlw.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/fonts/roboto/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVn6iArmlw.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/fonts/roboto/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmbiArmlw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/fonts/roboto/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmaiArmlw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/wp-content/fonts/roboto/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmUiAo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ott-product-image-mode-badge-v414 */

      html body .product-small .ott-card-booking-mode-sentinel {
        display:none!important;
      }
      html body .product-small .box-image > .ott-card-booking-mode {
        position:absolute!important;
        left:10px!important;
        top:43px!important;
        z-index:9!important;
        display:inline-flex!important;
        align-items:center!important;
        width:auto!important;
        max-width:calc(100% - 20px)!important;
        min-height:27px!important;
        margin:0!important;
        padding:0 11px!important;
        border:1px solid rgba(255,255,255,.78)!important;
        border-radius:999px!important;
        background:linear-gradient(135deg,rgba(10,139,150,.97),rgba(91,164,126,.96))!important;
        box-shadow:0 7px 18px -10px rgba(4,82,92,.72),0 1px 0 rgba(255,255,255,.44) inset!important;
        color:#fff!important;
        font-family:var(--font-base,"Plus Jakarta Sans",Roboto,sans-serif)!important;
        font-size:9.8px!important;
        font-weight:850!important;
        line-height:1!important;
        letter-spacing:.015em!important;
        text-shadow:0 1px 0 rgba(15,68,66,.22)!important;
        white-space:nowrap!important;
        pointer-events:none!important;
        transform:translateZ(0)!important;
        -webkit-backdrop-filter:blur(5px)!important;
        backdrop-filter:blur(5px)!important;
      }
      html body .product-small .box-image > .ott-card-booking-mode::before {
        content:""!important;
        display:block!important;
        width:6px!important;
        height:6px!important;
        flex:0 0 6px!important;
        margin-right:6px!important;
        border-radius:50%!important;
        background:#d9f26b!important;
        box-shadow:0 0 0 3px rgba(255,255,255,.17)!important;
      }
      html body .product-small .box-image > .ott-card-booking-mode[data-ott-mode="confirm"] {
        top:auto!important;
        bottom:10px!important;
        border-color:rgba(24,124,132,.24)!important;
        background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(247,253,252,.76))!important;
        box-shadow:0 8px 20px -13px rgba(13,92,99,.48),0 1px 0 rgba(255,255,255,.86) inset!important;
        color:#254f4b!important;
        -webkit-text-fill-color:#254f4b!important;
        text-shadow:none!important;
        -webkit-backdrop-filter:blur(8px) saturate(120%)!important;
        backdrop-filter:blur(8px) saturate(120%)!important;
      }
      html body .product-small .box-image > .ott-card-booking-mode[data-ott-mode="confirm"]::before {
        background:#5b9f77!important;
        box-shadow:0 0 0 3px rgba(24,124,132,.10)!important;
      }
      html body .product-small .box-image > .ott-card-booking-mode[data-ott-mode="custom"] {
        top:auto!important;
        bottom:10px!important;
        border-color:rgba(24,124,132,.24)!important;
        background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(247,253,252,.76))!important;
        box-shadow:0 8px 20px -13px rgba(13,92,99,.48),0 1px 0 rgba(255,255,255,.86) inset!important;
        color:#254f4b!important;
        -webkit-text-fill-color:#254f4b!important;
        text-shadow:none!important;
        -webkit-backdrop-filter:blur(8px) saturate(120%)!important;
        backdrop-filter:blur(8px) saturate(120%)!important;
      }
      html body .product-small .box-image > .ott-card-booking-mode[data-ott-mode="custom"]::before {
        background:#5b9f77!important;
        box-shadow:0 0 0 3px rgba(24,124,132,.10)!important;
      }
      html body .product-small .box-image > .ott-card-booking-mode[data-ott-mode="instant"] {
        background:linear-gradient(135deg,rgba(246,145,32,.98),rgba(229,175,44,.97))!important;
        color:#432c18!important;
        text-shadow:none!important;
      }
      html body .product-small .box-image > .ott-card-booking-mode[data-ott-mode="instant"]::before {
        background:#fff!important;
      }
      @media(max-width:849px) {
        html body .product-small .box-image > .ott-card-booking-mode {
          left:7px!important;
          top:42px!important;
          min-height:23px!important;
          max-width:calc(100% - 14px)!important;
          padding:0 8px!important;
          font-size:8.4px!important;
          letter-spacing:0!important;
        }
        html body .product-small .box-image > .ott-card-booking-mode::before {
          width:5px!important;
          height:5px!important;
          flex-basis:5px!important;
          margin-right:5px!important;
          box-shadow:0 0 0 2px rgba(255,255,255,.17)!important;
        }
        html body .product-small .box-image > .ott-card-booking-mode[data-ott-mode="confirm"],
        html body .product-small .box-image > .ott-card-booking-mode[data-ott-mode="custom"] {
          top:auto!important;
          bottom:8px!important;
        }
      }
      @media(prefers-reduced-motion:reduce) {
        html body .product-small .box-image > .ott-card-booking-mode {
          transform:none!important;
        }
      }
    
/* ott-badge-rail-clean-v374 */

html body .ott-ux-products-fallback .box-image .ott-sale-badge-3d,
html body .ott-home-products-block .ott-ux-products-fallback .box-image .ott-sale-badge-3d,
html body.single-product .related-products-wrapper .ott-sale-badge-3d{
  position:absolute!important;
  z-index:12!important;
  top:8px!important;
  left:8px!important;
  right:8px!important;
  display:block!important;
  width:auto!important;
  min-height:28px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:inherit!important;
  filter:none!important;
  transform:none!important;
  animation:none!important;
}
html body .ott-ux-products-fallback .box-image .ott-sale-badge-3d::before,
html body .ott-ux-products-fallback .box-image .ott-sale-badge-3d::after,
html body .ott-home-products-block .ott-ux-products-fallback .box-image .ott-sale-badge-3d::before,
html body .ott-home-products-block .ott-ux-products-fallback .box-image .ott-sale-badge-3d::after,
html body.single-product .related-products-wrapper .ott-sale-badge-3d::before,
html body.single-product .related-products-wrapper .ott-sale-badge-3d::after{content:none!important;display:none!important;}
html body .ott-ux-products-fallback .box-image .ott-sale-badge-3d>span,
html body .ott-home-products-block .ott-ux-products-fallback .box-image .ott-sale-badge-3d>span,
html body.single-product .related-products-wrapper .ott-sale-badge-3d>span{
  position:absolute!important;
  top:0!important;
  left:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:25px!important;
  padding:0 10px!important;
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:999px!important;
  background:linear-gradient(145deg,#ffb23a 0%,#ff8f16 42%,#f97316 70%,#c84a05 100%)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 1px 0 rgba(255,255,255,.76) inset,0 8px 16px -12px rgba(194,70,5,.62)!important;
  font:900 10px/1 var(--font-base,"Plus Jakarta Sans",Roboto,Arial,sans-serif)!important;
  letter-spacing:0!important;
  text-shadow:0 1px 0 rgba(104,41,4,.30)!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
html body .ott-ux-products-fallback .box-image .ott-sale-badge-3d strong,
html body .ott-home-products-block .ott-ux-products-fallback .box-image .ott-sale-badge-3d strong,
html body.single-product .related-products-wrapper .ott-sale-badge-3d strong{
  position:absolute!important;
  top:0!important;
  right:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:25px!important;
  padding:0 9px!important;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:999px!important;
  background:linear-gradient(145deg,#fffde8 0%,#fff45c 28%,#ffea00 58%,#ffd100 100%)!important;
  color:#5a3300!important;
  -webkit-text-fill-color:#5a3300!important;
  box-shadow:0 1px 0 rgba(255,255,255,.86) inset,0 8px 16px -12px rgba(202,146,0,.56)!important;
  font:950 11px/1 var(--font-base,"Plus Jakarta Sans",Roboto,Arial,sans-serif)!important;
  letter-spacing:0!important;
  text-shadow:none!important;
  white-space:nowrap!important;
}
html body .ott-sale-badge-3d>span::before,
html body .ott-sale-badge-3d>span::after,
html body .ott-sale-badge-3d strong::before,
html body .ott-sale-badge-3d strong::after{content:none!important;display:none!important;}
@media(max-width:760px){
  html body .ott-ux-products-fallback .box-image .ott-sale-badge-3d,
  html body .ott-home-products-block .ott-ux-products-fallback .box-image .ott-sale-badge-3d,
  html body.single-product .related-products-wrapper .ott-sale-badge-3d{top:7px!important;left:7px!important;right:7px!important;min-height:22px!important;}
  html body .ott-ux-products-fallback .box-image .ott-sale-badge-3d>span,
  html body .ott-home-products-block .ott-ux-products-fallback .box-image .ott-sale-badge-3d>span,
  html body.single-product .related-products-wrapper .ott-sale-badge-3d>span{min-height:21px!important;padding:0 8px!important;font-size:8.1px!important;}
  html body .ott-ux-products-fallback .box-image .ott-sale-badge-3d strong,
  html body .ott-home-products-block .ott-ux-products-fallback .box-image .ott-sale-badge-3d strong,
  html body.single-product .related-products-wrapper .ott-sale-badge-3d strong{min-height:21px!important;padding:0 7px!important;font-size:10px!important;}
}

/* ott-chat-mobile-product-layout-v380-css */

@media (max-width:560px) {
  html body #ocean-chat-container .ott-chat-product-card[data-ott-mobile-product-layout="v380"] {
    grid-template-columns:minmax(104px,41%) minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:9px!important;
    row-gap:7px!important;
    align-items:start!important;
    padding:8px!important;
  }
  html body #ocean-chat-container .ott-chat-product-card[data-ott-mobile-product-layout="v380"] > .ott-chat-product-thumb {
    grid-column:1!important;
    grid-row:1!important;
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    aspect-ratio:7/8!important;
    object-fit:cover!important;
    align-self:start!important;
  }
  html body #ocean-chat-container .ott-chat-product-card[data-ott-mobile-product-layout="v380"] > .ott-chat-product-copy,
  html body #ocean-chat-container .ott-chat-product-card[data-ott-mobile-product-layout="v380"] > .ott-chat-product-body {
    grid-column:2!important;
    grid-row:1 / span 2!important;
    align-self:stretch!important;
    min-width:0!important;
    margin:0!important;
  }
  html body #ocean-chat-container .ott-chat-product-under-image-v380 {
    grid-column:1!important;
    grid-row:2!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:space-between!important;
    align-self:stretch!important;
    gap:7px!important;
    min-width:0!important;
    height:100%!important;
    margin:0!important;
    padding:8px!important;
    border:1px solid rgba(224,190,145,.42)!important;
    border-radius:12px!important;
    background:#fffaf2!important;
    box-sizing:border-box!important;
  }
  html body #ocean-chat-container .ott-chat-product-under-image-v380 .ott-chat-product-fit-note.is-consider {
    display:block!important;
    width:100%!important;
    margin:0!important;
    color:#725744!important;
    font-size:9.8px!important;
    line-height:1.36!important;
    overflow-wrap:anywhere!important;
  }
  html body #ocean-chat-container .ott-chat-product-under-image-v380 .ott-chat-product-fit-note.is-consider > b {
    display:block!important;
    margin:0 0 2px!important;
    color:#8a5f43!important;
    font-size:10px!important;
    line-height:1.25!important;
  }
  html body #ocean-chat-container .ott-chat-product-under-image-v380 .ott-chat-product-pricing {
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:4px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  html body #ocean-chat-container .ott-chat-product-under-image-v380 .ott-chat-product-list,
  html body #ocean-chat-container .ott-chat-product-under-image-v380 .ott-chat-product-offer {
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:1px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  html body #ocean-chat-container .ott-chat-product-under-image-v380 .ott-chat-product-list,
  html body #ocean-chat-container .ott-chat-product-under-image-v380 .ott-chat-product-list del {
    font-size:9.5px!important;
    line-height:1.25!important;
  }
  html body #ocean-chat-container .ott-chat-product-under-image-v380 .ott-chat-price-prefix {
    font-size:10px!important;
    line-height:1.2!important;
  }
  html body #ocean-chat-container .ott-chat-product-under-image-v380 .ott-chat-product-offer strong {
    max-width:100%!important;
    color:#ec7e18!important;
    font-size:13px!important;
    line-height:1.18!important;
    overflow-wrap:anywhere!important;
  }
  html body #ocean-chat-container .ott-chat-product-card[data-ott-mobile-product-layout="v380"] .ott-chat-product-cta {
    margin-top:auto!important;
  }
}

/* ott-cart-button-rollback-v409 */

html body .ott-ux-products-fallback .product-small.box form.ott-card-actions.ott-card-actions-single-v409,
html body .ott-home-products-block .ott-ux-products-fallback .product-small.box form.ott-card-actions.ott-card-actions-single-v409,
html body #ott-home-products-international .ott-ux-products-fallback .product-small.box form.ott-card-actions.ott-card-actions-single-v409{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-height:44px!important;
  height:44px!important;
  max-height:44px!important;
  margin:8px 0 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}
html body .ott-ux-products-fallback .product-small.box form.ott-card-actions.ott-card-actions-single-v409 .ott-card-button.is-cart.is-single-v409,
html body .ott-home-products-block .ott-ux-products-fallback .product-small.box form.ott-card-actions.ott-card-actions-single-v409 .ott-card-button.is-cart.is-single-v409,
html body #ott-home-products-international .ott-ux-products-fallback .product-small.box form.ott-card-actions.ott-card-actions-single-v409 .ott-card-button.is-cart.is-single-v409{
  position:relative!important;
  inset:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:100%!important;
  max-width:100%!important;
  min-height:44px!important;
  height:44px!important;
  max-height:44px!important;
  margin:0!important;
  padding:0 14px!important;
  border:0!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#0c9aa4 0%,#7fae8b 100%)!important;
  color:#fff!important;
  box-shadow:0 10px 20px -16px rgba(12,154,164,.68)!important;
  transform:none!important;
  font-family:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
}
html body .ott-ux-products-fallback .product-small.box form.ott-card-actions.ott-card-actions-single-v409 .ott-card-button.is-cart.is-single-v409:hover,
html body .ott-home-products-block .ott-ux-products-fallback .product-small.box form.ott-card-actions.ott-card-actions-single-v409 .ott-card-button.is-cart.is-single-v409:hover,
html body #ott-home-products-international .ott-ux-products-fallback .product-small.box form.ott-card-actions.ott-card-actions-single-v409 .ott-card-button.is-cart.is-single-v409:hover{
  background:linear-gradient(135deg,#0a8b94 0%,#6d9d79 100%)!important;
  box-shadow:0 12px 22px -16px rgba(12,154,164,.78)!important;
  transform:translate3d(0,-1px,0)!important;
}
html body .ott-ux-products-fallback .product-small.box form.ott-card-actions.ott-card-actions-single-v409 .ott-card-button.is-cart.is-single-v409::after,
html body .ott-home-products-block .ott-ux-products-fallback .product-small.box form.ott-card-actions.ott-card-actions-single-v409 .ott-card-button.is-cart.is-single-v409::after,
html body #ott-home-products-international .ott-ux-products-fallback .product-small.box form.ott-card-actions.ott-card-actions-single-v409 .ott-card-button.is-cart.is-single-v409::after{
  right:8px!important;
  top:8px!important;
}
@media(max-width:760px){
  html body .ott-ux-products-fallback .product-small.box form.ott-card-actions.ott-card-actions-single-v409,
  html body .ott-home-products-block .ott-ux-products-fallback .product-small.box form.ott-card-actions.ott-card-actions-single-v409,
  html body #ott-home-products-international .ott-ux-products-fallback .product-small.box form.ott-card-actions.ott-card-actions-single-v409{
    min-height:40px!important;
    height:40px!important;
    max-height:40px!important;
    margin-top:7px!important;
  }
  html body .ott-ux-products-fallback .product-small.box form.ott-card-actions.ott-card-actions-single-v409 .ott-card-button.is-cart.is-single-v409,
  html body .ott-home-products-block .ott-ux-products-fallback .product-small.box form.ott-card-actions.ott-card-actions-single-v409 .ott-card-button.is-cart.is-single-v409,
  html body #ott-home-products-international .ott-ux-products-fallback .product-small.box form.ott-card-actions.ott-card-actions-single-v409 .ott-card-button.is-cart.is-single-v409{
    min-height:40px!important;
    height:40px!important;
    max-height:40px!important;
    border-radius:10px!important;
    font-size:10.5px!important;
  }
}

/* ott-mobile-header-menu-v42 */

    @media (max-width:849px) {
      html {
        --ott-mobile-header-height:64px;
      }
      html body header#header,
      html body #wrapper header#header {
        position:fixed!important;
        inset:0 0 auto 0!important;
        z-index:2147482500!important;
        width:100%!important;
        margin:0!important;
        transform:translate3d(0,0,0)!important;
        backface-visibility:hidden!important;
        -webkit-backface-visibility:hidden!important;
        isolation:isolate!important;
        transition:none!important;
      }
      html body #header .header-wrapper,
      html body #header #masthead,
      html body #header .header-main {
        width:100%!important;
        margin:0!important;
        transform:none!important;
        transition:none!important;
      }
      html body #header::after {
        content:""!important;
        position:absolute!important;
        right:0!important;
        bottom:-1px!important;
        left:0!important;
        height:1px!important;
        pointer-events:none!important;
        background:linear-gradient(90deg,rgba(44,133,129,.18),rgba(226,148,43,.16),rgba(44,133,129,.18))!important;
      }
      html body.admin-bar #header { top:46px!important; }

      html body .mfp-bg.off-canvas.main-menu-overlay {
        top:var(--ott-mobile-header-height)!important;
        bottom:0!important;
        height:calc(100dvh - var(--ott-mobile-header-height))!important;
        z-index:2147482600!important;
      }
      html body .mfp-wrap.off-canvas {
        top:var(--ott-mobile-header-height)!important;
        bottom:0!important;
        height:calc(100dvh - var(--ott-mobile-header-height))!important;
        z-index:2147482601!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
      }
      html body .mfp-wrap.off-canvas.mfp-ready > .mfp-container > .mfp-content {
        left:0!important;
        transform:translate3d(0,0,0)!important;
      }
      html body .mfp-wrap.off-canvas .mfp-container {
        min-height:100%!important;
        height:auto!important;
        padding-top:12px!important;
        padding-bottom:max(18px,env(safe-area-inset-bottom))!important;
      }
      html body .mfp-wrap.off-canvas #main-menu {
        top:var(--ott-mobile-header-height)!important;
        bottom:0!important;
        height:calc(100dvh - var(--ott-mobile-header-height))!important;
        max-height:calc(100dvh - var(--ott-mobile-header-height))!important;
        padding-top:0!important;
        overflow-x:hidden!important;
        overflow-y:auto!important;
        overscroll-behavior:contain!important;
      }
      html body .mfp-wrap.off-canvas #main-menu .nav-sidebar {
        min-height:100%!important;
        padding-top:12px!important;
        padding-bottom:max(20px,env(safe-area-inset-bottom))!important;
      }
      html body .mfp-wrap.off-canvas #main-menu .header-search-form-wrapper,
      html body .mfp-wrap.off-canvas #main-menu .searchform-wrapper,
      html body .mfp-wrap.off-canvas #main-menu .searchform {
        width:100%!important;
        min-width:0!important;
        margin:0!important;
      }
      html body .mfp-wrap.off-canvas #main-menu input.search-field {
        min-height:44px!important;
        height:44px!important;
      }
      html body .mfp-wrap.off-canvas #main-menu .ott-search-all-col {
        display:flex!important;
        align-items:center!important;
        flex:0 0 auto!important;
        margin:0!important;
        padding:0!important;
      }
      html body .mfp-wrap.off-canvas #main-menu .ott-search-all-pill {
        display:inline-flex!important;
        align-items:center!important;
        justify-content:center!important;
        min-width:72px!important;
        min-height:44px!important;
        height:44px!important;
        margin:0!important;
        flex:0 0 auto!important;
      }
      html body.admin-bar .mfp-bg.off-canvas.main-menu-overlay,
      html body.admin-bar .mfp-wrap.off-canvas {
        top:110px!important;
        height:calc(100dvh - 110px)!important;
      }
      html body.admin-bar .mfp-wrap.off-canvas #main-menu {
        top:110px!important;
        height:calc(100dvh - 110px)!important;
        max-height:calc(100dvh - 110px)!important;
      }
    }
    
/* ott-long-binh-concise-wrap-v419 */

/* Long Bình office showcase: prevent the oversized desktop headline from
   escaping the mobile content frame. */
html body .ott-td,
html body .ott-td *{box-sizing:border-box!important}
html body .ott-td .ott-td-content{min-width:0!important;max-width:100%!important}
html body .ott-td .ott-td-title{display:block!important;width:100%!important;max-width:100%!important;font-size:clamp(42px,4.8vw,92px)!important;line-height:1.02!important;letter-spacing:-2.2px!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}
html body .ott-td .ott-td-connect-note{max-width:100%!important;color:#006f78!important;font-weight:850!important}
html body .ott-td .ott-td-connect-note strong{font-weight:900!important}
html body .ott-long-thanh-note{display:block!important;margin-top:7px!important;color:#006f78!important;font-size:11px!important;font-weight:850!important;line-height:1.45!important;letter-spacing:0!important;text-transform:none!important;white-space:normal!important;overflow-wrap:anywhere!important}
@media(min-width:769px){
  html body .ott-td{overflow-x:clip!important}
  html body .ott-td .ott-td-row{width:100%!important;max-width:100%!important;overflow:visible!important}
  html body .ott-td .ott-td-content{flex:0 0 48%!important;width:48%!important;max-width:48%!important;min-width:0!important;overflow:visible!important}
  html body .ott-td .ott-td-title{font-size:clamp(52px,4.8vw,92px)!important;line-height:1.02!important;letter-spacing:-2.2px!important;white-space:normal!important}
}
@media(max-width:768px){
  html body .ott-td{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important;overflow:hidden!important}
  html body .ott-td .ott-td-row{width:100%!important;max-width:100%!important;overflow:hidden!important}
  html body .ott-td .ott-td-content{flex:0 0 100%!important;width:100%!important;max-width:100%!important;padding:24px 0 0!important;overflow:hidden!important}
  html body .ott-td .ott-td-title{width:100%!important;max-width:100%!important;font-size:clamp(30px,11vw,48px)!important;line-height:1.04!important;letter-spacing:-1.2px!important;white-space:normal!important;overflow-wrap:anywhere!important}
  html body .ott-td .ott-td-spec-strip{align-items:flex-start!important;gap:10px 14px!important;min-width:0!important}
  html body .ott-td .ott-td-spec-strip>span{white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important;max-width:100%!important}
  html body .ott-td .ott-td-spec-strip>span:first-child{flex:1 1 100%!important}
  html body .ott-td .ott-td-spec-strip>span:nth-child(2),
  html body .ott-td .ott-td-spec-strip>span:nth-child(3),
  html body .ott-td .ott-td-spec-strip>span:nth-child(4){flex:1 1 calc(50% - 14px)!important}
  html body .ott-td .ott-td-location-line{white-space:normal!important;overflow-wrap:anywhere!important}
  html body .ott-td .ott-td-connect-note{font-size:13px!important;line-height:1.62!important;margin-top:12px!important}
  html body .ott-zigzag .ott-long-thanh-note{display:block!important;width:min(100%,260px)!important;max-width:260px!important;margin:6px auto 0!important;text-align:center!important;font-size:11px!important;line-height:1.45!important}
  html body .ott-zigzag-card.ott-zigzag-right>div[style*="font-size:17px"]{width:min(100%,260px)!important;max-width:260px!important;margin:0 auto 6px!important;font-size:15px!important;line-height:1.32!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:normal!important}
}

/* inline */

    .wp-premium-contact {
        font-family: 'Plus Jakarta Sans', sans-serif !important;
        overflow-x: hidden;
        width: 100%;
        box-sizing: border-box;
    }

    .wp-premium-contact,
    .wp-premium-contact * {
        box-sizing: border-box;
        font-family: 'Plus Jakarta Sans', sans-serif !important;
    }

    .wp-premium-contact a {
        text-decoration: none !important;
        box-shadow: none !important;
    }

    .wp-premium-contact h1,
    .wp-premium-contact h2,
    .wp-premium-contact h3,
    .wp-premium-contact p,
    .wp-premium-contact ul,
    .wp-premium-contact li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .wp-premium-contact p,
    .wp-premium-contact li,
    .wp-premium-contact span,
    .wp-premium-contact a {
        line-height: 1.55;
    }

    .wp-premium-contact svg {
        display: block;
        overflow: visible;
        flex-shrink: 0;
    }

    .wp-premium-contact .glass-card {
        background: rgba(255, 255, 255, 0.88);
        backdrop-filter: blur(6px);
        border: 1px solid rgba(36, 179, 179, 0.12);
        box-shadow: 0 4px 14px -4px rgba(36, 179, 179, 0.08);
        transition: all 0.28s ease;
    }

    @media (hover: hover) {
        .wp-premium-contact .glass-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 22px -8px rgba(36, 179, 179, 0.14);
        }
    }

    .wp-premium-contact .glass-card:active {
        transform: scale(0.985);
    }

    @keyframes pulse-ring-custom {
        0% { transform: scale(0.8); opacity: 0.5; }
        100% { transform: scale(2.5); opacity: 0; }
    }

    .wp-premium-contact .pulse-dot::before {
        content: '';
        position: absolute;
        left: -4px;
        top: -4px;
        right: -4px;
        bottom: -4px;
        border-radius: 50%;
        background-color: #ff9900;
        animation: pulse-ring-custom 2.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
    }

    .wp-premium-contact .section-heading {
        margin-bottom: 0.9rem;
        font-size: 13px;
        letter-spacing: 0.18em;
        font-weight: 600;
    }

    .wp-premium-contact .section-heading-line {
        width: 58px;
        height: 1px;
        background: linear-gradient(90deg, rgba(36,179,179,0.78) 0%, rgba(255,153,0,0.42) 58%, rgba(255,255,255,0) 100%);
        margin-bottom: 2rem;
        border-radius: 999px;
        opacity: 0.9;
    }

    .wp-premium-contact .hero-note-one-line {
        display: block;
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        white-space: nowrap;
        line-height: 1.12 !important;
        letter-spacing: -0.025em;
        font-size: clamp(5.2px, 1.68vw, 15px);
    }

    .wp-premium-contact .social-icon-safe {
        width: 18px;
        height: 18px;
        min-width: 18px;
        min-height: 18px;
    }

    .wp-premium-contact .social-icon-large {
        width: 68%;
        height: 68%;
        min-width: 68%;
        min-height: 68%;
    }

    .wp-premium-contact .section-icon-safe {
        width: 15px;
        height: 15px;
        min-width: 15px;
        min-height: 15px;
    }

    .wp-premium-contact .contact-icon-safe {
        width: 17px;
        height: 17px;
        min-width: 17px;
        min-height: 17px;
    }

    .wp-premium-contact .arrow-icon-safe {
        width: 14px;
        height: 14px;
        min-width: 14px;
        min-height: 14px;
    }

    .wp-premium-contact .icon-circle {
        overflow: visible;
        line-height: 1;
    }

    .wp-premium-contact .brand-title {
        letter-spacing: 0.02em;
        line-height: 1.15;
    }

    @media (min-width: 640px) {
        .wp-premium-contact .section-heading {
            margin-bottom: 1rem;
            font-size: 14px;
        }

        .wp-premium-contact .section-heading-line {
            width: 64px;
            margin-bottom: 2.35rem;
        }

        .wp-premium-contact .hero-note-one-line {
            font-size: 13px;
        }

        .wp-premium-contact .social-icon-safe {
            width: 21px;
            height: 21px;
            min-width: 21px;
            min-height: 21px;
        }

        .wp-premium-contact .section-icon-safe {
            width: 17px;
            height: 17px;
            min-width: 17px;
            min-height: 17px;
        }

        .wp-premium-contact .contact-icon-safe {
            width: 19px;
            height: 19px;
            min-width: 19px;
            min-height: 19px;
        }

        .wp-premium-contact .arrow-icon-safe {
            width: 16px;
            height: 16px;
            min-width: 16px;
            min-height: 16px;
        }
    }

    @media (min-width: 1024px) {
        .wp-premium-contact .section-heading {
            font-size: 14px;
        }

        .wp-premium-contact .section-heading-line {
            width: 68px;
            margin-bottom: 2.5rem;
        }

        .wp-premium-contact .hero-note-one-line {
            font-size: 15px;
        }
    }

    @media (max-width: 1023px) {
        .wp-premium-contact .section-heading-line {
            margin-left: auto;
            margin-right: auto;
        }
    }

/* inline */

  .ott-cbar, .ott-cbar *{ box-sizing:border-box; font-family:'Plus Jakarta Sans',-apple-system,Segoe UI,Roboto,sans-serif; }

  .ott-cbar{
    position:fixed; left:0; top:50%; transform:translateY(-50%);
    z-index:99990; line-height:1;
  }

  /* ===== Khung kinh mo nhieu lop ===== */
  .ott-cbar-panel{
    position:relative;
    display:flex; flex-direction:column; align-items:flex-start; gap:12px;
    padding:14px 13px;
    background:linear-gradient(180deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.9) 100%);
    -webkit-backdrop-filter:blur(14px) saturate(1.2); backdrop-filter:blur(14px) saturate(1.2);
    border:1px solid rgba(36,179,179,.18); border-left:0;
    border-radius:0 22px 22px 0;
    box-shadow:0 1px 0 rgba(255,255,255,.7) inset,
               0 10px 30px -14px rgba(16,64,82,.24),
               0 34px 64px -34px rgba(16,64,82,.40);
    transition:transform .42s cubic-bezier(.22,1,.36,1);
  }

  /* ===== Header nho: cham truc tuyen + cham thuong hieu ===== */
  .ott-cbar-top{ display:flex; align-items:center; gap:7px; margin:1px 0 2px 5px; }
  .ott-cbar-live{ position:relative; width:7px; height:7px; border-radius:50%; background:#22c55e; box-shadow:0 0 0 2px rgba(34,197,94,.18); }
  .ott-cbar-live::before{ content:''; position:absolute; inset:-3px; border-radius:50%; background:#22c55e; opacity:.5; animation:ottLive 2.4s cubic-bezier(.215,.61,.355,1) infinite; }
  @keyframes ottLive{ 0%{transform:scale(.7);opacity:.55;} 100%{transform:scale(2.5);opacity:0;} }
  .ott-cbar-dashes{ display:flex; gap:4px; }
  .ott-cbar-dashes i{ display:block; height:4px; border-radius:999px; }
  .ott-cbar-dashes i:nth-child(1){ width:13px; background:#24b3b3; }
  .ott-cbar-dashes i:nth-child(2){ width:7px;  background:#ff9900; }
  .ott-cbar-dashes i:nth-child(3){ width:3px;  background:#4a2912; }

  /* ===== Nut ===== */
  .ott-cbar-item{
    position:relative; display:flex; align-items:center;
    height:48px; min-width:48px; width:48px;
    border-radius:999px; background:#fff; overflow:hidden;
    text-decoration:none !important; cursor:pointer;
    border:1px solid rgba(16,64,82,.07);
    box-shadow:0 5px 16px -8px rgba(16,64,82,.22);
    transition:width .42s cubic-bezier(.22,1,.36,1), background .34s ease, box-shadow .34s ease, border-color .34s ease;
  }
  .ott-cbar-item:active{ transform:scale(.96); }
  .ott-cbar-ic{
    position:relative; flex:0 0 48px; width:48px; height:48px;
    display:flex; align-items:center; justify-content:center;
    border-radius:999px; transition:color .3s ease, background-color .3s ease; z-index:2;
  }
  .ott-cbar-ic svg{ width:22px; height:22px; display:block; }
  .ott-cbar-zalotext{ font-size:13px; font-weight:800; letter-spacing:.01em; }
  .ott-cbar-label{
    position:relative; z-index:2; white-space:nowrap;
    font-weight:700; font-size:13.5px; letter-spacing:.004em;
    padding:0 18px 0 6px; opacity:0; transition:opacity .3s ease .02s;
  }
  /* vet sang quet ngang khi hover (desktop) */
  .ott-cbar-item::after{
    content:''; position:absolute; inset:0; border-radius:inherit; z-index:3; pointer-events:none;
    background:linear-gradient(115deg, transparent 32%, rgba(255,255,255,.5) 50%, transparent 68%);
    transform:translateX(-130%);
  }

  /* mau tung kenh — trang thai thuong */
  .ott-zalo   .ott-cbar-ic{ background:rgba(0,104,255,.12);  color:#0068FF; }
  .ott-fb     .ott-cbar-ic{ background:rgba(24,119,242,.12); color:#1877F2; }
  .ott-wa     .ott-cbar-ic{ background:rgba(37,211,102,.15); color:#1fbe5a; }
  .ott-wechat .ott-cbar-ic{ background:rgba(7,193,96,.15);   color:#07C160; }
  .ott-map    .ott-cbar-ic{ background:rgba(36,179,179,.16); color:#24b3b3; }
  .ott-zalo   .ott-cbar-label{ color:#0068FF; }
  .ott-fb     .ott-cbar-label{ color:#1877F2; }
  .ott-wa     .ott-cbar-label{ color:#1fbe5a; }
  .ott-wechat .ott-cbar-label{ color:#07C160; }
  .ott-map    .ott-cbar-label{ color:#0e8f97; }

  /* duong ke duoi nut van phong */
  .ott-cbar-div{
    width:30px; height:2px; align-self:center; margin:1px auto;
    border-radius:999px; opacity:.75;
    background:linear-gradient(90deg, rgba(36,179,179,0), #24b3b3 35%, #ff9900 75%, rgba(255,153,0,0));
  }

  /* ===== Modal anh WeChat — lop kinh mo (nen trang pha ocean) + khung guong ===== */
  .ott-modal-toggle{ position:absolute; opacity:0; width:0; height:0; pointer-events:none; }
  .ott-modal{
    position:fixed; inset:0; z-index:100000;
    display:flex; align-items:center; justify-content:center; padding:22px;
    opacity:0; visibility:hidden; pointer-events:none;
    transition:opacity .38s ease, visibility .38s ease;
  }
  .ott-modal-bg{
    position:absolute; inset:0; cursor:pointer; display:block;
    background:radial-gradient(120% 92% at 50% 42%, rgba(224,247,247,.62) 0%, rgba(255,255,255,.5) 55%, rgba(36,179,179,.13) 100%);
    -webkit-backdrop-filter:blur(16px) saturate(1.15); backdrop-filter:blur(16px) saturate(1.15);
  }
  .ott-modal-card{
    position:relative; padding:15px; border-radius:26px; overflow:hidden;
    max-width:min(88vw, 470px);
    background:linear-gradient(135deg, rgba(255,255,255,.62) 0%, rgba(255,255,255,.28) 100%);
    -webkit-backdrop-filter:blur(22px) saturate(1.25); backdrop-filter:blur(22px) saturate(1.25);
    border:1px solid rgba(255,255,255,.65);
    box-shadow:0 1px 0 rgba(255,255,255,.85) inset, 0 0 0 1px rgba(36,179,179,.10),
               0 26px 60px -20px rgba(16,64,82,.45), 0 50px 90px -50px rgba(36,179,179,.5);
    transform:scale(.86) translateY(12px); opacity:0;
    transition:transform .42s cubic-bezier(.22,1,.36,1), opacity .42s ease;
  }
  .ott-modal-card::before{
    content:''; position:absolute; left:0; right:0; top:0; height:42%; z-index:3; pointer-events:none;
    background:linear-gradient(180deg, rgba(255,255,255,.5), rgba(255,255,255,0));
    border-radius:26px 26px 0 0;
  }
  .ott-modal-img{
    display:block; width:100%; height:auto; border-radius:16px; position:relative; z-index:2;
    max-height:74vh; object-fit:contain; box-shadow:0 10px 30px -14px rgba(16,64,82,.5);
  }
  .ott-modal-cap{
    position:relative; z-index:2; margin-top:12px; text-align:center;
    font-weight:700; font-size:13.5px; color:#0e8f97;
    display:flex; align-items:center; justify-content:center; gap:7px;
  }
  .ott-modal-cap .dot{ width:8px; height:8px; border-radius:50%; background:#07C160; box-shadow:0 0 0 3px rgba(7,193,96,.18); }
  .ott-modal-x{
    position:absolute; top:9px; right:9px; z-index:4; cursor:pointer;
    width:34px; height:34px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    font-size:20px; font-weight:700; line-height:1; color:#0e8f97;
    background:rgba(255,255,255,.7); border:1px solid rgba(36,179,179,.2);
    box-shadow:0 6px 16px -8px rgba(16,64,82,.4);
    transition:background .25s, transform .25s, color .25s;
  }
  .ott-modal-x:hover{ background:#24b3b3; color:#fff; transform:rotate(90deg); }
  .ott-modal-card{ text-align:center; }
  .ott-modal-dl{
    margin-top:13px; display:inline-flex; align-items:center; justify-content:center; gap:8px;
    padding:11px 20px; border-radius:999px; text-decoration:none !important;
    font-weight:800; font-size:13.5px; color:#fff;
    background:linear-gradient(135deg,#2bc0c0,#0e9aa1);
    box-shadow:0 12px 26px -10px rgba(36,179,179,.7);
    transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
  }
  .ott-modal-dl svg{ width:17px; height:17px; }
  .ott-modal-dl:hover{ transform:translateY(-2px); box-shadow:0 18px 34px -12px rgba(36,179,179,.85); background:linear-gradient(135deg,#33cccc,#0e9aa1); }
  .ott-modal-dl:active{ transform:translateY(0) scale(.97); }
  .ott-modal-toggle:checked ~ .ott-modal{ opacity:1; visibility:visible; pointer-events:auto; }
  .ott-modal-toggle:checked ~ .ott-modal .ott-modal-card{ transform:scale(1) translateY(0); opacity:1; }

  /* tay nam (mobile) */
  .ott-cbar-toggle{ position:absolute; opacity:0; width:0; height:0; pointer-events:none; }
  .ott-cbar-handle{
    position:absolute; left:100%; top:50%; transform:translateY(-50%);
    width:33px; height:68px; margin-left:-1px;
    display:none; align-items:center; justify-content:center;
    background:linear-gradient(160deg,#2bc0c0,#0399a3); color:#fff;
    border-radius:0 16px 16px 0; cursor:pointer;
    box-shadow:0 1px 0 rgba(255,255,255,.35) inset, 7px 0 18px -7px rgba(3,153,163,.6);
  }
  .ott-cbar-handle svg{ width:17px; height:17px; }
  .ott-cbar-handle .ic-close{ display:none; }

  /* ---------- MOBILE (<=849px): MAC DINH HIEN, co nut thu gon ---------- */
  @media (max-width:849px){
    .ott-cbar-panel{ transform:translateX(0); }                         /* mac dinh: hien thanh */
    .ott-cbar-handle{ display:flex; }
    .ott-cbar-handle .ic-open{ display:none; }                          /* dang mo -> hien mui ten thu gon */
    .ott-cbar-handle .ic-close{ display:block; }
    .ott-cbar-toggle:checked ~ .ott-cbar-panel{ transform:translateX(-100%); }   /* THU GON vao mep trai */
    .ott-cbar-toggle:checked ~ .ott-cbar-panel .ott-cbar-handle{ animation:ottPulse 2.6s ease-in-out infinite; }
    .ott-cbar-toggle:checked ~ .ott-cbar-panel .ott-cbar-handle .ic-open{ display:block; }   /* da thu gon -> mui ten mo ra */
    .ott-cbar-toggle:checked ~ .ott-cbar-panel .ott-cbar-handle .ic-close{ display:none; }
    .ott-cbar-item{ height:46px; min-width:46px; width:46px; }
    .ott-cbar-ic{ flex-basis:46px; width:46px; height:46px; }
    .ott-cbar-label{ display:none; }
  }
  @keyframes ottPulse{
    0%,100%{ box-shadow:0 1px 0 rgba(255,255,255,.35) inset, 7px 0 18px -7px rgba(3,153,163,.6); }
    50%{ box-shadow:0 1px 0 rgba(255,255,255,.35) inset, 7px 0 26px -4px rgba(3,153,163,.92); }
  }

  /* ---------- DESKTOP (>=850px) ---------- */
  @media (min-width:850px){
    .ott-cbar-panel{ transform:none !important; animation:ottIn .6s cubic-bezier(.22,1,.36,1) both .1s; }
    .ott-cbar-handle{ display:none !important; }

    .ott-cbar-item{ animation:ottItem .5s cubic-bezier(.22,1,.36,1) backwards; }
    .ott-cbar-item:nth-of-type(1){ animation-delay:.16s; }
    .ott-cbar-item:nth-of-type(2){ animation-delay:.22s; }
    .ott-cbar-item:nth-of-type(3){ animation-delay:.28s; }
    .ott-cbar-item:nth-of-type(4){ animation-delay:.34s; }
    .ott-cbar-item:nth-of-type(5){ animation-delay:.40s; }

    .ott-cbar-item:hover{ width:210px; }
    .ott-cbar-item:hover .ott-cbar-label{ opacity:1; }
    .ott-cbar-item:hover::after{ animation:ottSheen .85s ease; }

    .ott-zalo:hover{   background:linear-gradient(135deg,#0068FF,#2f86ff); box-shadow:0 14px 30px -10px rgba(0,104,255,.55); }
    .ott-fb:hover{     background:linear-gradient(135deg,#1877F2,#3b8bf5); box-shadow:0 14px 30px -10px rgba(24,119,242,.55); }
    .ott-wa:hover{     background:linear-gradient(135deg,#25D366,#16b657); box-shadow:0 14px 30px -10px rgba(37,211,102,.55); }
    .ott-wechat:hover{ background:linear-gradient(135deg,#09d36a,#06a955); box-shadow:0 14px 30px -10px rgba(7,193,96,.55); }
    .ott-map:hover{    background:linear-gradient(135deg,#2bc0c0,#0e9aa1); box-shadow:0 14px 30px -10px rgba(36,179,179,.6); }
    .ott-cbar-item:hover .ott-cbar-ic{ background:transparent; color:#fff; }
    .ott-cbar-item:hover .ott-cbar-label{ color:#fff; }
  }
  @keyframes ottIn{ from{ opacity:0; transform:translateX(-20px); } to{ opacity:1; transform:translateX(0); } }
  @keyframes ottItem{ from{ opacity:0; transform:translateX(-14px) scale(.86); } to{ opacity:1; transform:none; } }
  @keyframes ottSheen{ from{ transform:translateX(-130%); } to{ transform:translateX(130%); } }

  @media (prefers-reduced-motion: reduce){
    .ott-cbar-panel, .ott-cbar-item, .ott-cbar-handle,
    .ott-cbar-item:hover::after, .ott-cbar-live::before{ animation:none !important; }
    .ott-cbar-panel, .ott-cbar-item{ transition:transform .2s ease, width .2s ease, background .2s ease; }
  }

/* inline */

/* ============================================================
   OT TRAVEL CHAT WIDGET — BẢN «PANDA EDITION» v3 · 06/2026
   Phối màu THEO BRAND BOOK OTT (CLAUDE.md/brand-identity):
   teal #04bac7 ramp · CTA chữ-trắng 135deg #03808a→#026a72 ·
   vàng #ffd166 · cam #F97316/#C2410C · nâu #4d321f · bóng ám teal.
   Mascot PANDA OT Travel (ảnh thật, tay vẫy + chớp mắt) + thu gọn mép trái.
   ⚠️ CẦN upload ott-panda-base.png + ott-panda-arm.png vào Media rồi thay 2 url().
   Thay TOÀN BỘ khối kiểu (style) cũ của widget bằng khối này.
   ============================================================ */
:root {
    --primary-color: #04bac7;       /* teal/500 thương hiệu */
    --primary-bright: #3fd4de;      /* teal/400 — mặt bắt sáng */
    --primary-700: #0399a3;
    --cta-from: #03808a;            /* trắng 4.71:1 ✓ — sàn an toàn chữ trắng */
    --cta-to: #026a72;              /* trắng 6.35:1 ✓ */
    --accent-orange: #F97316;       /* cam giá thương hiệu (trang trí) */
    --accent-orange-ink: #C2410C;   /* cam đậm — CHỮ nhỏ đạt AA 5.18:1 */
    --accent-brown: #4d321f;        /* nâu thương hiệu */
    --accent-yellow: #ffd166;       /* vàng warm thương hiệu */
    --success-green: #2f7a44;
    --ink: #153235;
    --muted: #5c7a7d;               /* CHỈ dùng trên nền TRẮNG (4.63:1) */
    --muted-strong: #4e6b6e;        /* chữ phụ trên nền panel teal nhạt (5.36:1 trên #eef9fa) */
    --panel: #eef9fa;
    --white-color: #ffffff;
    --text-dark: #153235;
    --border-light: #e9eef1;
    --soft-bg: #f7fbfc;
    --facebook-blue: #1877F2;
    --focus-ring: 0 0 0 4px rgba(0, 188, 198, 0.30);
    /* MÀU CHỦ ĐẠO GIAO DIỆN — teal ocean NHẠT/TƯƠI theo mã gốc (yêu cầu owner) */
    --ui-teal: #00bcc6;
    --ui-teal-bright: #2bd0d9;
    --ui-teal-deep: #00a5ae;
}

#ocean-chat-container {
    font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    position: fixed;
    bottom: 110px;                  /* dịch lên cao hơn (yêu cầu owner) */
    right: 10px;
    z-index: 2147483647;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
    pointer-events: none;
    transition: transform .35s cubic-bezier(.2,.8,.2,1);
}

#ocean-chat-container > * {
    pointer-events: auto;
}

/* ---------- CỬA SỔ CHAT — khối kính nổi, bóng ám teal ---------- */
.chat-window {
    width: min(672px, 96vw);        /* to hơn một chút (yêu cầu owner) */
    height: min(852px, 88vh);
    min-height: 680px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfeff 100%);
    border-radius: 28px;
    box-shadow:
        0 34px 84px -18px rgba(3, 153, 163, 0.32),
        0 14px 32px -14px rgba(4, 186, 199, 0.25),
        0 3px 8px rgba(3, 153, 163, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(4, 186, 199, 0.22);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    transform-origin: bottom right;
    position: relative;
    backdrop-filter: blur(14px);
}

.hidden {
    opacity: 0;
    transform: scale(0.9) translateY(20px);
    pointer-events: none;
    display: none !important;
}

/* TÊN THƯƠNG HIỆU — theo YÊU CẦU CHỦ SỞ HỮU (06/2026): dùng ĐÚNG bộ màu tươi
   của đoạn mã gốc (Ocean cyan · Treasure cam · Travel nâu), không dùng sắc trầm.
   (Ghi chú kỹ thuật: cặp màu tươi này dưới chuẩn AA cho chữ nhỏ — chấp nhận
   có chủ đích vì là logo lockup trang trí, không phải nội dung đọc.) */
.chat-header, .bubble.bot {
    --primary-color: #00bcc6;
    --accent-orange: #f99500;
    --accent-brown: #4b3621;
}

/* ---------- HEADER ---------- */
.chat-header {
    background: linear-gradient(180deg, #ffffff 0%, var(--panel) 100%);
    color: var(--ui-teal);          /* teal tươi như mã gốc (yêu cầu owner) */
    padding: 12px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    font-size: 16px;
    border-bottom: 1px solid rgba(4, 186, 199, 0.16);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.9),
        0 6px 14px -12px rgba(4, 186, 199, 0.40);
    position: relative;
    z-index: 2;
    flex-shrink: 0;
}

.header-subline {
    font-size: 11px;
    font-weight: 600;
    color: var(--muted-strong);     /* nền header có tint panel — cần đậm hơn muted */
    margin-top: 2px;
    line-height: 1.3;
}

/* nút THU GỌN cửa sổ chat (script chèn cạnh nút ×) */
.ott-min-btn {
    background: none;
    border: none;
    color: var(--muted);
    font-size: 22px;
    font-weight: 700;
    cursor: pointer;
    line-height: 1;
    padding: 0 4px;
    margin-right: 10px;
    transition: color 0.2s, transform 0.2s;
    flex-shrink: 0;
}
.ott-min-btn:hover { color: var(--primary-700); transform: translateY(-1px); }
.ott-min-btn:focus-visible { outline: 0; box-shadow: var(--focus-ring); border-radius: 6px; }

.close-btn {
    background: none;
    border: none;
    color: var(--muted);            /* #999 cũ chỉ 2.85:1 — fail mức 3:1 cho UI control */
    font-size: 28px;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    transition: color 0.2s, transform 0.2s;
    flex-shrink: 0;
}

.close-btn:hover {
    color: var(--primary-700);
    transform: rotate(90deg);
}

/* ---------- VÙNG TIN NHẮN ---------- */
.messages-area {
    flex: 1;
    min-height: 0;
    padding: 14px 16px;
    overflow-y: auto;
    background: linear-gradient(180deg, #ffffff 0%, #f7fcfd 100%);
    display: flex;
    flex-direction: column;
    gap: 12px;
    scroll-behavior: smooth;
}

.messages-area::-webkit-scrollbar {
    width: 6px;
}

.messages-area::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #aadfe2, #8fd2d7);
    border-radius: 12px;
}

.msg-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    max-width: 100%;
}

.msg-row.user {
    align-self: flex-end;
    flex-direction: row-reverse;
}

/* ---------- AVATAR — viên bi bóng ---------- */
.avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    flex-shrink: 0;
    text-align: center;
    line-height: 1.1;
}

/* avatar bot = MẶT GẤU PANDA (crop từ chính ảnh mascot) — chữ "OT" được ẩn */
.avatar.bot {
    background:
        url('https://ottravel.vn/wp-content/uploads/ott-card-cache/static-panda-base-v397-4a594c4958dd28d9769b3a7d6527f1ed.webp') no-repeat 60% 19% / 210% auto,
        linear-gradient(165deg, #eafbfc 0%, #d6f2f5 100%);
    color: transparent;                 /* ẩn chữ OT dự phòng phía sau ảnh */
    border: 2px solid #ffffff;
    box-shadow:
        0 4px 10px -3px rgba(0, 188, 198, 0.45),
        0 0 0 1px rgba(0, 188, 198, 0.35);
    overflow: hidden;
}

.avatar.user {
    background:
        radial-gradient(circle at 32% 26%, rgba(255, 255, 255, 0.9), transparent 46%),
        linear-gradient(165deg, #ffffff 0%, var(--panel) 100%);
    color: var(--cta-to);
    border: 1px solid rgba(4, 186, 199, 0.4);
    box-shadow:
        0 4px 10px -4px rgba(3, 153, 163, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

/* ---------- BONG BÓNG ---------- */
.bubble {
    max-width: min(560px, 82vw);
    padding: 11px 14px;
    border-radius: 20px;
    font-size: 14px;
    line-height: 1.55;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

.bubble.bot {
    background: linear-gradient(180deg, #f6fbfc 0%, var(--panel) 100%);
    color: var(--text-dark);
    border-top-left-radius: 6px;
    border: 1px solid rgba(4, 186, 199, 0.12);
    box-shadow:
        0 6px 16px -10px rgba(3, 153, 163, 0.22),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

/* bong bóng người dùng: teal ocean TƯƠI như mã gốc (yêu cầu owner) */
.bubble.user {
    background: linear-gradient(135deg, var(--ui-teal-bright) 0%, var(--ui-teal) 55%, var(--ui-teal-deep) 100%);
    color: var(--white-color);
    border-top-right-radius: 6px;
    box-shadow:
        0 10px 24px -10px rgba(0, 188, 198, 0.5),
        inset 0 1px 0 rgba(255, 255, 255, 0.3),
        inset 0 -2px 5px rgba(0, 100, 108, 0.22);
}

.bubble img {
    width: 100%;
    max-width: 250px;
    height: auto;
    display: block;
    margin: 8px auto 10px;
    border-radius: 12px;
    box-shadow: 0 8px 20px -8px rgba(3, 153, 163, 0.3);
}

/* ---------- KHỐI TRẢ LỜI NGOẠI TUYẾN (offline brain add-on) ---------- */
.ott-kb-title {
    font-weight: 800;
    color: var(--ink);
    display: block;
    margin-bottom: 6px;
}

.ott-kb-links {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 8px 0;
}

.ott-kb-links a {
    display: block;
    padding: 8px 12px;
    border-radius: 12px;
    background: #ffffff;
    border: 1px solid rgba(0, 188, 198, 0.3);
    color: var(--ui-teal-deep);     /* teal sáng hơn (yêu cầu owner) */
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    box-shadow: 0 3px 8px -4px rgba(3, 153, 163, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.8);
    transition: transform .2s, box-shadow .2s, border-color .2s;
}

.ott-kb-links a:hover {
    transform: translateY(-1px);
    border-color: rgba(4, 186, 199, 0.5);
    box-shadow: 0 8px 16px -6px rgba(4, 186, 199, 0.4);
}

.ott-kb-links a .ott-kb-arrow { color: var(--accent-orange-ink); }

/* ---- THẺ SẢN PHẨM «Xem» có ẢNH thật (gọn, hiện đại) ---- */
.ott-kb-cards {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 8px 0;
}
.ott-card {
    display: flex;
    align-items: stretch;
    gap: 10px;
    padding: 7px;
    border-radius: 14px;
    background: #ffffff;
    border: 1px solid rgba(0, 188, 198, 0.22);
    text-decoration: none;
    box-shadow: 0 4px 12px -6px rgba(0, 188, 198, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.8);
    transition: transform .2s, box-shadow .2s, border-color .2s;
    overflow: hidden;
}
.ott-card:hover {
    transform: translateY(-2px);
    border-color: rgba(0, 188, 198, 0.5);
    box-shadow: 0 10px 22px -8px rgba(0, 188, 198, 0.42);
}
.ott-card-thumb {
    flex: 0 0 64px;
    width: 64px;
    align-self: stretch;
    min-height: 56px;
    border-radius: 10px;
    background-size: cover;
    background-position: center;
    background-color: var(--panel);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    box-shadow: inset 0 0 0 1px rgba(0, 188, 198, 0.12);
}
.ott-card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    min-width: 0;
    padding: 2px 4px 2px 0;
    flex: 1 1 auto;
}
.ott-card-name {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    color: var(--ink);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ott-card-view {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 3px 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, var(--ui-teal-bright), var(--ui-teal) 60%, var(--ui-teal-deep));
    color: #fff;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: .3px;
    box-shadow: 0 4px 10px -4px rgba(0, 188, 198, 0.5);
}
.ott-card-view .ott-kb-arrow { color: #fff; }

.ott-kb-contact {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}

.ott-kb-contact a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 7px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    background: linear-gradient(135deg, var(--ui-teal-bright), var(--ui-teal) 60%, var(--ui-teal-deep));   /* teal tươi như gốc */
    box-shadow: 0 6px 14px -6px rgba(0, 188, 198, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.3);
    transition: transform .2s, box-shadow .2s;
}

.ott-kb-contact a:hover { transform: translateY(-1px); }

.ott-kb-note {
    display: block;
    margin-top: 8px;
    font-size: 11.5px;
    color: var(--muted-strong);     /* nằm trên gradient panel của bubble bot */
}

/* ---- định dạng BÁCH KHOA: nhãn mục + danh sách điểm/món ---- */
.ott-kb-intro {
    display: block;
    margin: 2px 0 4px;
}

.ott-kb-sec {
    display: block;
    margin: 10px 0 4px;
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: var(--ui-teal-deep);     /* teal sáng hơn (yêu cầu owner) */
}

.ott-kb-list {
    margin: 2px 0 6px;
    padding-left: 18px;
}

.ott-kb-list li {
    margin: 3px 0;
    font-size: 13.5px;
    line-height: 1.5;
}

.ott-kb-list li strong {
    color: var(--ink);
}

/* ---------- CHẤM ĐANG GÕ ---------- */
#typing-indicator {
    display: none;
    padding: 8px 16px;
    background-color: var(--white-color);
    align-items: center;
    gap: 5px;
    flex-shrink: 0;
}

.dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    animation: typing 1.4s infinite ease-in-out;
    box-shadow: 0 2px 4px rgba(3, 153, 163, 0.25);
}

#typing-indicator .dot:nth-child(1) { background-color: var(--primary-color); }
#typing-indicator .dot:nth-child(2) { background-color: var(--accent-yellow); }
#typing-indicator .dot:nth-child(3) { background-color: var(--primary-700); }

@keyframes typing {
    0%, 80%, 100% { transform: scale(0); opacity: 0.5; }
    40% { transform: scale(1); opacity: 1; }
}

/* ---------- DÃY NÚT CÔNG CỤ — màu chữ đều đạt AA trên trắng ---------- */
/* thanh gợi ý: ĐÚNG 1 HÀNG gọn gàng — tràn thì cuộn ngang, không chiếm chỗ tin nhắn */
.smart-tools {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    background: linear-gradient(180deg, #fcfefe, var(--soft-bg));
    border-top: 1px solid var(--border-light);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
    flex-shrink: 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

.smart-tools::-webkit-scrollbar { display: none; }
.smart-tools .tool-btn { flex: 0 0 auto; }

/* ẨN khi đang nhập (script bật/tắt) — hiện lại sau 8 giây không gõ */
.smart-tools.ott-tools-hidden { display: none; }

.tool-btn {
    border-radius: 999px;        /* pill theo brand rule 6/10 */
    padding: 6px 11px;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    background: #fff;
    box-shadow:
        0 3px 8px -3px rgba(3, 153, 163, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.tool-btn:hover { transform: translateY(-1px); }

.tool-btn:active {
    transform: translateY(1px);
    box-shadow: 0 1px 3px -1px rgba(3, 153, 163, 0.25), inset 0 1px 3px rgba(3, 153, 163, 0.15);
}

/* 5 màu nút công cụ ĐÚNG MÃ GỐC (yêu cầu owner): teal · cam · nâu · xanh dương · hồng */
.tool-btn:nth-of-type(1) { color: var(--ui-teal); border: 1px solid rgba(0,188,198,0.4); background: linear-gradient(180deg, #ffffff, rgba(0,188,198,0.06)); }
.tool-btn:nth-of-type(1):hover { background: linear-gradient(135deg, var(--ui-teal-bright), var(--ui-teal)); color: #fff; box-shadow: 0 8px 16px -6px rgba(0,188,198,0.55); }
.tool-btn:nth-of-type(2) { color: #f99500; border: 1px solid rgba(249,149,0,0.4); background: linear-gradient(180deg, #ffffff, rgba(249,149,0,0.06)); }
.tool-btn:nth-of-type(2):hover { background: #f99500; color: #fff; box-shadow: 0 8px 16px -6px rgba(249,149,0,0.5); }
.tool-btn:nth-of-type(3) { color: #4b3621; border: 1px solid rgba(75,54,33,0.4); background: linear-gradient(180deg, #ffffff, rgba(75,54,33,0.05)); }
.tool-btn:nth-of-type(3):hover { background: #4b3621; color: #fff; box-shadow: 0 8px 16px -6px rgba(75,54,33,0.45); }
.tool-btn:nth-of-type(4) { color: #007bff; border: 1px solid rgba(0,123,255,0.4); background: linear-gradient(180deg, #ffffff, rgba(0,123,255,0.05)); }
.tool-btn:nth-of-type(4):hover { background: #007bff; color: #fff; box-shadow: 0 8px 16px -6px rgba(0,123,255,0.5); }
.tool-btn:nth-of-type(5) { color: #e83e8c; border: 1px solid rgba(232,62,140,0.4); background: linear-gradient(180deg, #ffffff, rgba(232,62,140,0.05)); }
.tool-btn:nth-of-type(5):hover { background: #e83e8c; color: #fff; box-shadow: 0 8px 16px -6px rgba(232,62,140,0.5); }

/* ---------- Ô NHẬP ---------- */
.input-area {
    padding: 8px 12px 12px;
    background: var(--white-color);
    border-top: 1px solid var(--border-light);
    flex-shrink: 0;
}

.input-wrapper {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    border: 1px solid #dcebee;
    border-radius: 18px;
    padding: 8px 10px;
    background: #fafdfd;
    box-shadow:
        inset 0 2px 6px rgba(3, 153, 163, 0.07),
        inset 0 1px 2px rgba(3, 153, 163, 0.05),
        0 1px 0 rgba(255, 255, 255, 0.9);
    transition: border-color 0.2s, box-shadow 0.25s;
}

.input-wrapper:focus-within {
    border-color: rgba(4, 186, 199, 0.6);
    box-shadow:
        inset 0 2px 6px rgba(3, 153, 163, 0.05),
        var(--focus-ring),
        0 6px 16px -8px rgba(4, 186, 199, 0.35);
}

.input-field {
    flex: 1;
    border: none;
    background: transparent;
    outline: none;
    font-size: 14px;
    color: var(--text-dark);
    resize: none;
    min-height: 44px;
    max-height: 120px;
    line-height: 1.45;
    padding: 6px 0;
    overflow-y: auto;
    font-family: inherit;
}

.input-hint {
    font-size: 10px;
    color: var(--muted);
    margin-top: 6px;
    padding-left: 6px;
}

.send-btn {
    background:
        radial-gradient(circle at 30% 24%, rgba(255, 255, 255, 0.32), transparent 45%),
        linear-gradient(135deg, var(--ui-teal-bright) 0%, var(--ui-teal) 55%, var(--ui-teal-deep) 100%);   /* teal tươi như gốc */
    border: none;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 999px;         /* pill theo brand rule 10 */
    transition: transform 0.2s, box-shadow 0.2s, filter 0.2s;
    flex-shrink: 0;
    box-shadow:
        0 12px 24px -10px rgba(4, 186, 199, 0.55),
        inset 0 1px 0 rgba(255, 255, 255, 0.38),
        inset 0 -2px 4px rgba(1, 50, 54, 0.28);
}

.send-btn svg {
    width: 30px;                  /* máy bay giấy TO RÕ (yêu cầu owner) */
    height: 30px;
    stroke-width: 2.2;
    filter: drop-shadow(0 1px 1px rgba(1, 50, 54, 0.35));
}

.send-btn:hover {
    transform: translateY(-1px);
    box-shadow:
        0 16px 30px -12px rgba(4, 186, 199, 0.65),
        inset 0 1px 0 rgba(255, 255, 255, 0.38),
        inset 0 -2px 4px rgba(1, 50, 54, 0.28);
}

.send-btn:active {
    transform: translateY(1px);
    box-shadow:
        0 4px 10px -4px rgba(4, 186, 199, 0.45),
        inset 0 2px 6px rgba(1, 50, 54, 0.3);
}

.send-btn:focus-visible { outline: 0; box-shadow: var(--focus-ring), 0 12px 24px -10px rgba(4,186,199,0.55); }

/* ====================================================================
   NÚT MASCOT «PANDA OT TRAVEL» — ảnh thật từ design sheet (100% trung thực)
   HTML giữ nguyên: .toggle-btn > .face > .eve-eye ×2
   Cấu trúc lớp:
     • .toggle-btn  = THÂN panda (PNG nền trong suốt — đã tách tay vẫy)
     • ::after      = CÁNH TAY vẫy (PNG rời, xoay quanh cổ tay áo)
     • ::before     = bóng tiếp xúc dưới chân
     • .eve-eye ×2  = MÍ MẮT chớp (ellipse nâu sẫm đè lên 2 mắt)
   ⚠️ SAU KHI UPLOAD 2 ẢNH ott-panda-base.png + ott-panda-arm.png vào
   Media WordPress, THAY 2 đường dẫn url(...) bên dưới bằng URL thật.
   ==================================================================== */
.toggle-btn {
  --ott-ease: cubic-bezier(.2, .8, .2, 1);
  position: relative;
  isolation: isolate;
  width: 74px;                           /* to hơn ~15% (yêu cầu owner) */
  height: 111px;                         /* đúng tỉ lệ ảnh 407x613 */
  padding: 0;
  border: 0;
  background: url('https://ottravel.vn/wp-content/uploads/ott-card-cache/static-panda-base-v397-4a594c4958dd28d9769b3a7d6527f1ed.webp') center / contain no-repeat;
  cursor: pointer;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  /* khối 3D: bóng đổ ôm theo VIỀN nhân vật — KHÔNG quầng sáng ở trạng thái
     mặc định (theo yêu cầu); quầng teal chỉ bừng lên khi hover */
  filter:
    drop-shadow(0 3px 4px rgba(1, 50, 54, 0.22))
    drop-shadow(0 16px 22px rgba(3, 153, 163, 0.32));
  transition: filter .25s var(--ott-ease);
  animation: ottBotSway 4.2s ease-in-out infinite;   /* nhún lắc nhẹ như đang chào */
  will-change: transform;
}

/* ---------- bóng tiếp xúc dưới chân ---------- */
.toggle-btn::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -8px;
  width: 60px;
  height: 11px;
  border-radius: 50%;
  transform: translateX(-50%);
  background: radial-gradient(closest-side,
    rgba(77, 50, 31, .28) 0%, rgba(1, 50, 54, .16) 45%, rgba(3, 153, 163, .12) 65%, rgba(3, 153, 163, 0) 100%);
  filter: blur(2px);
  z-index: -1;
  pointer-events: none;
  animation: ottBotShadow 4.2s ease-in-out infinite;
}

/* ---------- CÁNH TAY VẪY — lớp ảnh rời, pivot tại cổ tay áo ---------- */
.toggle-btn::after {
  content: "";
  position: absolute;
  left: 1.9%;                            /* khớp toạ độ tách lớp (8/407) */
  top: 16%;                              /* (98/613) */
  width: 30%;                            /* (122/407) */
  height: 31%;                           /* (190/613) */
  background: url('https://ottravel.vn/wp-content/uploads/ott-card-cache/static-panda-arm-a48fbaa3e8ffda9af7012b0bfd0d30a9.webp') center / contain no-repeat;
  transform-origin: 75% 85%;             /* cổ tay áo (100,260) */
  pointer-events: none;
  animation: ottBotWave 5.6s ease-in-out infinite;   /* vẫy 2 nhịp rồi nghỉ */
}

/* ---------- .face = lớp ÁNH SÁNG 3D (mask theo viền nhân vật) + chứa 2 mí mắt ----------
   Gradient tạo khối: sáng trên-trái, ám teal-ink dưới-phải — như render studio.
   mask = chính ảnh thân → ánh sáng CHỈ đổ trên panda, không tràn ra nền. */
.face {
  position: absolute;
  inset: 0;
  background: none;
  border: 0;
  box-shadow: none;
  transform: none;
  pointer-events: none;
  overflow: hidden;
}
@supports ((-webkit-mask-image: url('')) or (mask-image: url(''))) {
  .face {
    background:
      radial-gradient(90% 50% at 30% 12%, rgba(255, 255, 255, 0.30), rgba(255, 255, 255, 0) 55%),
      linear-gradient(118deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 38%,
                              rgba(1, 50, 54, 0) 60%, rgba(1, 50, 54, 0.20) 100%);
    -webkit-mask-image: url('https://ottravel.vn/wp-content/uploads/ott-card-cache/static-panda-base-v397-4a594c4958dd28d9769b3a7d6527f1ed.webp');
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-image: url('https://ottravel.vn/wp-content/uploads/ott-card-cache/static-panda-base-v397-4a594c4958dd28d9769b3a7d6527f1ed.webp');
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
  }
}

/* ---------- VẦNG SÁNG TEAL NHẠT quanh panda (thay hiệu ứng ánh gương đã bỏ) ----------
   span.ott-aura do script chèn — vành sáng chỉ đậm ở RÌA, giữa trong suốt
   nên không che nhân vật; đập nhịp cùng nhịp nhún. */
.toggle-btn .ott-aura {
    position: absolute;
    inset: -14px;
    border-radius: 50%;
    background: radial-gradient(closest-side,
        rgba(63, 212, 222, 0) 54%,
        rgba(63, 212, 222, 0.30) 72%,
        rgba(4, 186, 199, 0.14) 86%,
        rgba(4, 186, 199, 0) 100%);
    pointer-events: none;
    opacity: 0;                                /* MẶC ĐỊNH: tắt — theo yêu cầu */
    transition: opacity .3s ease;
}
.toggle-btn:hover .ott-aura,
.toggle-btn:focus-visible .ott-aura {
    opacity: 1;                                /* chỉ bừng sáng khi rê chuột */
    animation: ottBotAura 3.2s ease-in-out infinite;
}
#ocean-chat-container.ott-docked .toggle-btn .ott-aura { display: none; }

/* ---------- NÚT DỰ PHÒNG khi ảnh mascot không tải được (.ott-noimg do JS bật) ----------
   Đĩa tròn gradient CTA + biểu tượng 💬 — đảm bảo widget KHÔNG BAO GIỜ tàng hình. */
#ocean-chat-container.ott-noimg .toggle-btn {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background:
        radial-gradient(circle at 30% 24%, rgba(255, 255, 255, 0.32), transparent 46%),
        linear-gradient(135deg, var(--cta-from), var(--cta-to));
    animation: none;
    transform: none;
    filter: none;
    box-shadow:
        0 12px 26px -10px rgba(4, 186, 199, 0.55),
        inset 0 1px 0 rgba(255, 255, 255, 0.35),
        inset 0 -2px 4px rgba(1, 50, 54, 0.25);
}
#ocean-chat-container.ott-noimg .toggle-btn::before,
#ocean-chat-container.ott-noimg .toggle-btn::after,
#ocean-chat-container.ott-noimg .eve-eye { display: none; }
#ocean-chat-container.ott-noimg .face {
    -webkit-mask-image: none !important;
    mask-image: none !important;
    background: none !important;
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#ocean-chat-container.ott-noimg .face::before {
    content: '💬';
    font-size: 26px;
    line-height: 1;
}

/* ---------- MÍ MẮT chớp — ellipse nâu sẫm đè đúng 2 mắt ---------- */
.eve-eye {
  position: absolute;
  width: 12.5%;                          /* mắt ~47px / 407 */
  height: 8.2%;
  border-radius: 50%;
  background: radial-gradient(closest-side, #38241b 0%, #2a1812 78%, rgba(42, 24, 18, 0) 100%);
  transform: scaleY(0);                  /* NGHỈ = mắt MỞ (mí ẩn) */
  transform-origin: 50% 12%;
  animation: ottBotBlink 4.8s ease-in-out infinite;
  left: 42%;                             /* mắt trái: tâm (48.2%, 27.6%) */
  top: 23.6%;
}
.eve-eye:nth-child(2) {
  left: 61.9%;                           /* mắt phải: tâm (68.1%, 26.8%) */
  top: 22.8%;                            /* 2 mắt chớp CÙNG LÚC — không delay */
}
.eve-eye::before, .eve-eye::after { content: none; }

/* ---------- HOVER / FOCUS — panda chào nhiệt tình ---------- */
.toggle-btn:hover,
.toggle-btn:focus-visible {
  outline: 0;
  filter:
    drop-shadow(0 3px 4px rgba(1, 50, 54, 0.26))
    drop-shadow(0 20px 30px rgba(3, 153, 163, 0.48))
    drop-shadow(0 0 22px rgba(63, 212, 222, 0.50));
}
.toggle-btn:hover::after,
.toggle-btn:focus-visible::after {
  animation: ottBotWaveFast .9s ease-in-out infinite;   /* vẫy liên tục */
}
.toggle-btn:active { filter: drop-shadow(0 2px 3px rgba(1,50,54,.25)) drop-shadow(0 10px 16px rgba(3,153,163,.35)) brightness(.97); }

/* ---------- KEYFRAMES (ottBot*) ---------- */
@keyframes ottBotSway {                  /* nhún 3D: nghiêng + XOAY KHỐI rotateY có phối cảnh
                                            + squash-stretch vi mô (nguyên tắc hoạt hình 3D) */
  0%, 100% { transform: perspective(420px) rotateY(-5deg) rotate(-1.8deg) translateY(0)      scale(1, 1); }
  50%      { transform: perspective(420px) rotateY(5deg)  rotate(1.2deg)  translateY(-3.5px) scale(0.992, 1.008); }
}
@keyframes ottBotAura {                  /* vầng sáng teal đập nhịp cùng nhịp nhún */
  0%, 100% { transform: scale(1);    opacity: .75; }
  50%      { transform: scale(1.06); opacity: 1; }
}
@keyframes ottBotShadow {                /* bóng co giãn ngược nhịp nhún */
  0%, 100% { transform: translateX(-50%) scaleX(1);   opacity: .95; }
  50%      { transform: translateX(-50%) scaleX(.86); opacity: .6; }
}
@keyframes ottBotWave {                  /* vẫy 2 nhịp (0–22%) rồi nghỉ */
  0%       { transform: rotate(0deg); }
  5%       { transform: rotate(-16deg); }
  11%      { transform: rotate(7deg); }
  17%      { transform: rotate(-12deg); }
  22%, 100%{ transform: rotate(0deg); }
}
@keyframes ottBotWaveFast {              /* hover: vẫy liên tục */
  0%, 100% { transform: rotate(2deg); }
  50%      { transform: rotate(-17deg); }
}
@keyframes ottBotBlink {                 /* chớp mắt nhanh, phần lớn thời gian mở */
  0%, 90%, 100% { transform: scaleY(0); }
  93%, 95%      { transform: scaleY(1); }
}
/* ====================================================================
   THU GỌN VÀO MÉP PHẢI — class .ott-docked do script add-on bật/tắt
   Docked: cả cụm trượt sát mép PHẢI, giữa màn hình; panda ló nửa thân
   làm "tay nắm"; bấm vào để bung về vị trí cũ.
   ==================================================================== */
.ott-dock-btn {
    position: absolute;
    right: 80px;
    bottom: 46px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid rgba(4, 186, 199, 0.35);
    background: linear-gradient(180deg, #ffffff, var(--panel));
    color: var(--cta-to);
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 10px -4px rgba(3, 153, 163, 0.35), inset 0 1px 0 rgba(255,255,255,.9);
    transition: transform .2s, box-shadow .2s;
    z-index: 3;
}
.ott-dock-btn:hover { transform: translateY(-1px); box-shadow: 0 8px 14px -5px rgba(4,186,199,.45); }
.ott-dock-btn:focus-visible { outline: 0; box-shadow: var(--focus-ring); }

#ocean-chat-container.ott-docked {
    right: 0 !important;
    left: auto !important;
    bottom: 50% !important;
    align-items: flex-end;
    transform: translate(36px, 50%);      /* panda ló nửa thân ở mép PHẢI */
}
#ocean-chat-container.ott-docked .chat-window,
#ocean-chat-container.ott-docked .greeting-tooltip { display: none !important; }
#ocean-chat-container.ott-docked .toggle-btn {
    animation: none;                       /* đứng yên khi neo — đỡ rối mắt */
    transform: rotate(-6deg);              /* nghiêng nhẹ vào trang */
    pointer-events: none;                  /* click do .ott-dock-btn phủ trên xử lý */
}
#ocean-chat-container.ott-docked .toggle-btn::after { animation: none; }   /* tay đứng yên khi neo */
#ocean-chat-container.ott-docked .toggle-btn::before { display: none; }  /* bỏ bóng đất khi neo */
#ocean-chat-container.ott-docked .ott-dock-btn {
    /* phủ TRÙM lên panda để nhận click bung ra */
    left: auto;
    right: 0;
    bottom: -6px;
    width: 92px;
    height: 124px;
    border-radius: 18px 0 0 18px;
    background: transparent;
    border: 0;
    box-shadow: none;
    color: transparent;                    /* ẩn chevron thường khi phủ */
}
#ocean-chat-container.ott-docked .ott-dock-btn::after {
    content: "‹";
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ffffff;                       /* chip nền trắng — nổi trên mọi nền trang */
    border: 1px solid rgba(0, 188, 198, 0.35);
    box-shadow: 0 2px 6px rgba(0, 188, 198, 0.35);
    color: var(--ui-teal-deep);
    font-size: 14px;
    font-weight: 800;
    line-height: 17px;
    text-align: center;
}

/* ---------- TOOLTIP CHÀO "OT Travel xin chào!" ---------- */
.greeting-tooltip {
    /* màu thương hiệu tươi cho chữ O/T/Travel trong tooltip */
    --primary-color: #00bcc6;
    --accent-orange: #f99500;
    --accent-brown: #4b3621;
    position: absolute;
    bottom: 128px;
    right: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 252, 253, 0.96));
    color: var(--text-dark);
    padding: 12px 18px;
    border-radius: 14px;
    border: 1px solid rgba(4, 186, 199, 0.2);
    box-shadow:
        0 14px 32px -10px rgba(3, 153, 163, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(8px);
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    animation: float-up-tooltip 0.6s ease-out forwards;
    opacity: 0;
}

.greeting-tooltip::after {
    content: '';
    position: absolute;
    bottom: -6px;
    right: 22px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--white-color);
    filter: drop-shadow(0 2px 2px rgba(3, 153, 163, 0.12));
}

@keyframes float-up-tooltip {
    0% { opacity: 0; transform: translateY(10px); }
    100% { opacity: 1; transform: translateY(0); }
}

#ocean-chat-window:not(.hidden) ~ .greeting-tooltip {
    display: none;
    opacity: 0;
}

/* ---------- THẺ HỖ TRỢ + QR ---------- */
.support-card {
    text-align: center;
    margin: 12px 0;
    padding: 14px 12px;
    background: linear-gradient(180deg, #ffffff, var(--soft-bg));
    border-radius: 16px;
    border: 1px solid rgba(4, 186, 199, 0.18);
    box-shadow:
        0 10px 24px -14px rgba(3, 153, 163, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.support-card__title {
    font-size: 13px;
    font-weight: 700;
    color: var(--muted);
    display: block;
    text-align: center;
}

.support-card__channel {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 10px 0 8px;
}

.support-card__wechat {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #067740;               /* chu dam dat AA 5.64:1 — icon SVG van xanh WeChat goc */
    font-weight: 700;
    font-size: 15px;
    text-align: center;
}

.support-card__qr {
    width: 100%;
    max-width: 230px;
    border-radius: 12px;
    box-shadow:
        0 12px 28px -10px rgba(3, 153, 163, 0.28),
        0 3px 8px rgba(3, 153, 163, 0.1);
    margin: 8px auto 12px;
    display: block;
    background: #fff;
}

.fanpage-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffffff, #f5f9ff);
    color: #1462cf;               /* xanh FB dam — 5.4:1 ✓; badge tron van #1877F2 */
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid rgba(24,119,242,0.16);
    box-shadow:
        0 6px 16px rgba(24,119,242,0.12),
        inset 0 1px 0 rgba(255,255,255,0.9);
    transition: all .2s ease;
}

.fanpage-cta:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(24,119,242,0.18), inset 0 1px 0 rgba(255,255,255,0.9);
}

.fanpage-cta__fb {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--facebook-blue);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    flex-shrink: 0;
    box-shadow: 0 2px 5px rgba(24,119,242,0.35);
}

.fanpage-cta__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.fanpage-cta__badge svg {
    display: block;
    width: 20px;
    height: 20px;
    filter: drop-shadow(0 2px 3px rgba(24,119,242,0.14));
}

/* ---------- MOBILE ---------- */
@media (max-width: 768px) {
    #ocean-chat-container {
        right: 10px;
        bottom: 24px;               /* mobile cũng nhích lên */
    }

    .toggle-btn { width: 66px; height: 99px; }   /* mobile gọn hơn desktop một chút */

    .chat-window {
        width: min(96vw, 450px);
        height: 82vh;
        max-height: 82vh;
        min-height: auto;
        border-radius: 22px;
    }

    .chat-header { padding: 10px 12px; }

    .messages-area { padding: 12px 12px 14px; gap: 10px; }

    .msg-row { gap: 8px; }

    .avatar { width: 30px; height: 30px; font-size: 10px; }

    .bubble {
        max-width: 80vw;
        padding: 10px 12px;
        font-size: 15px;            /* mobile đọc rõ không cần zoom */
        line-height: 1.55;
    }

    .ott-kb-list li { font-size: 14px; }
    .ott-kb-links a { font-size: 14px; }

    .bubble img { max-width: 210px; }

    .smart-tools { padding: 7px 8px; gap: 5px; }

    .tool-btn { padding: 5px 10px; font-size: 11px; }

    .input-area { padding: 8px 10px 10px; }

    .input-wrapper { padding: 7px 9px; }

    .input-field { min-height: 40px; max-height: 96px; font-size: 16px; }  /* 16px = iOS KHÔNG tự zoom khi gõ */

    .send-btn { width: 46px; height: 46px; }
    .send-btn svg { width: 27px; height: 27px; }

    .input-hint { font-size: 10px; }

    .fanpage-cta { font-size: 12px; padding: 9px 12px; gap: 7px; }

    .fanpage-cta__badge { width: 18px; height: 18px; }

    .fanpage-cta__badge svg { width: 18px; height: 18px; }

    .ott-dock-btn { right: 72px; bottom: 40px; }
    .greeting-tooltip { bottom: 114px; }
}

/* ---------- GIẢM CHUYỂN ĐỘNG (brand Tier 3 #17) ---------- */
@media (prefers-reduced-motion: reduce) {
    .chat-window, .close-btn, .tool-btn, .send-btn, .fanpage-cta,
    .greeting-tooltip, .dot, .input-wrapper, .ott-dock-btn,
    .ott-kb-links a, .ott-kb-contact a, #ocean-chat-container {
        transition: none !important;
        animation: none !important;
    }
    .messages-area { scroll-behavior: auto; }
    .smart-tools, .toggle-btn, .toggle-btn::after, .face::after, .eve-eye { transition: none !important; }
    .greeting-tooltip { opacity: 1; }
    .dot { transform: scale(1); opacity: 1; }
    .tool-btn:hover, .send-btn:hover, .fanpage-cta:hover, .close-btn:hover,
    .ott-kb-links a:hover, .ott-kb-contact a:hover, .ott-dock-btn:hover { transform: none; }
    .toggle-btn, .toggle-btn::before, .toggle-btn::after, .eve-eye, .toggle-btn .ott-aura {
        animation: none !important;   /* panda đứng yên tư thế chào, mắt mở, vầng sáng tĩnh */
    }
}

/* ott-header-commerce-v14-final */

@media (min-width:850px){html body #header .header-wrapper .ott-header-commerce-item{display:flex!important;align-items:center!important;margin:0 0 0 8px!important}html body #header .header-wrapper .ott-header-commerce-link{display:grid!important;place-items:center!important;position:relative!important;width:34px!important;min-width:34px!important;height:33px!important;min-height:33px!important;padding:0!important;color:#0e4f54!important;background:#fff!important;border:0!important;border-left:1px solid rgba(14,79,84,.14)!important;border-radius:0!important;box-shadow:none!important;text-decoration:none!important}html body #header .header-wrapper .ott-header-account-item .ott-header-commerce-link{border-left:0!important}html body #header .header-wrapper .ott-header-commerce-link:hover,html body #header .header-wrapper .ott-header-commerce-link:focus-visible{color:#fff!important;background:#0e4f54!important;outline:0!important}html body #header .header-wrapper .ott-header-commerce-link>svg{display:block!important;width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}html body #header .header-wrapper .ott-header-commerce-link .ott-cart-metrics{position:absolute!important;top:-7px!important;right:-7px!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:17px!important;height:17px!important;padding:0 4px!important;color:#fff!important;background:#e2942b!important;border:2px solid #fff!important;border-radius:999px!important;box-shadow:none!important;font:800 9px/1 "Plus Jakarta Sans",sans-serif!important}html body #header .header-wrapper .ott-header-commerce-link .ott-cart-count{display:block!important;color:inherit!important;font:inherit!important}html body #header .header-wrapper .ott-header-commerce-link .ott-cart-total{display:none!important}}
@media (max-width:849px){html body #header .header-wrapper .ott-mobile-header-cart,html body #header .header-wrapper .ott-mobile-header-cart .ott-header-commerce-link{display:flex!important;align-items:center!important;justify-content:center!important}html body #header .header-wrapper .ott-mobile-header-cart{width:44px!important;height:44px!important;margin:0!important}html body #header .header-wrapper .ott-mobile-header-cart .ott-header-commerce-link{position:relative!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;color:#0e4f54!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}html body #header .header-wrapper .ott-mobile-header-cart .ott-header-cart-svg{display:block!important;width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}html body #header .header-wrapper .ott-mobile-header-cart .ott-cart-metrics{position:absolute!important;top:2px!important;right:1px!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:17px!important;height:17px!important;padding:0 4px!important;color:#fff!important;background:#e2942b!important;border:2px solid #fff!important;border-radius:999px!important;box-shadow:none!important;font:800 9px/1 "Plus Jakarta Sans",sans-serif!important}html body #header .header-wrapper .ott-mobile-header-cart .ott-cart-count{display:block!important;color:inherit!important;font:inherit!important}html body #header .header-wrapper .ott-mobile-header-cart .ott-cart-total{display:none!important}}

/* ott-ux-products-full-image-css */

      html body section.ss_slide{
        overflow:visible!important;
        background:transparent!important;
      }
      html body section.ss_slide .section-content{
        overflow:visible!important;
        max-width:none!important;
        padding:0!important;
      }
      html body section.ss_slide .slider-wrapper.hide-for-small{
        position:relative!important;
        display:block!important;
        visibility:visible!important;
        width:100vw!important;
        max-width:100vw!important;
        min-height:0!important;
        margin:0 calc(50% - 50vw) 22px!important;
        padding:0!important;
        overflow-x:auto!important;
        overflow-y:visible!important;
        border-radius:0!important;
        background:transparent!important;
        border:0!important;
        box-shadow:none!important;
        box-sizing:border-box!important;
        scrollbar-width:none!important;
        -webkit-overflow-scrolling:touch!important;
        scroll-snap-type:x mandatory!important;
        overscroll-behavior-x:contain!important;
      }
      html body section.ss_slide .slider-wrapper.hide-for-small::-webkit-scrollbar{display:none!important}
      html body section.ss_slide .slider-wrapper.hide-for-small .flickity-viewport{
        display:block!important;
        width:100%!important;
        max-width:100%!important;
        height:auto!important;
        min-height:0!important;
        overflow:visible!important;
        border-radius:0!important;
      }
      html body section.ss_slide .slider-wrapper.hide-for-small>.slider{
        position:relative!important;
        left:auto!important;
        top:auto!important;
        display:flex!important;
        align-items:flex-start!important;
        gap:0!important;
        width:max-content!important;
        max-width:none!important;
        min-width:100%!important;
        height:auto!important;
        min-height:0!important;
        transform:none!important;
        padding:0!important;
      }
      html body section.ss_slide .slider-wrapper.hide-for-small .flickity-slider{
        position:relative!important;
        left:auto!important;
        top:auto!important;
        display:flex!important;
        align-items:flex-start!important;
        gap:0!important;
        width:max-content!important;
        min-width:100%!important;
        height:auto!important;
        min-height:0!important;
        transform:none!important;
        padding:0!important;
        white-space:normal!important;
      }
      html body section.ss_slide .slider-wrapper.hide-for-small .img{
        position:relative!important;
        left:auto!important;
        top:auto!important;
        display:block!important;
        flex:0 0 100vw!important;
        width:100vw!important;
        min-width:100vw!important;
        max-width:100vw!important;
        height:auto!important;
        min-height:0!important;
        max-width:none!important;
        margin:0!important;
        transform:none!important;
        opacity:1!important;
        visibility:visible!important;
        isolation:isolate!important;
        scroll-snap-align:start!important;
      }
      html body section.ss_slide .slider-wrapper.hide-for-small .img-inner,
      html body section.ss_slide .slider-wrapper.show-for-small .img-inner{
        position:relative!important;
        display:block!important;
        width:100%!important;
        height:100%!important;
        height:auto!important;
        min-height:0!important;
        padding-top:0!important;
        overflow:visible!important;
        border-radius:0!important;
        background:linear-gradient(135deg,#f3fbfc 0%,#ffffff 44%,#e9f9fb 100%)!important;
        border:0!important;
        box-shadow:none!important;
      }
      html body section.ss_slide .slider-wrapper.hide-for-small .img-inner:before,
      html body section.ss_slide .slider-wrapper.show-for-small .img-inner:before{
        content:none!important;
        display:none!important;
      }
      html body section.ss_slide .slider-wrapper.hide-for-small .img-inner img,
      html body section.ss_slide .slider-wrapper.show-for-small .img-inner img{
        position:relative!important;
        inset:auto!important;
        display:block!important;
        width:100%!important;
        height:auto!important;
        max-width:100%!important;
        max-height:none!important;
        object-fit:contain!important;
        object-position:center center!important;
        transform:none!important;
        filter:none!important;
        image-rendering:auto!important;
      }
      html body section.ss_slide .slider-wrapper.hide-for-small .flickity-button,
      html body section.ss_slide .slider-wrapper.hide-for-small .loading-spin{display:none!important}
      html body section.ss_slide .slider-wrapper.hide-for-small .flickity-page-dots{
        display:flex!important;
        justify-content:center!important;
        gap:6px!important;
        bottom:12px!important;
        z-index:4!important;
      }
      html body section.ss_slide .slider-wrapper.hide-for-small .flickity-page-dots .dot{
        width:7px!important;
        height:7px!important;
        margin:0!important;
        background:rgba(255,255,255,.78)!important;
        border:1px solid rgba(4,117,126,.22)!important;
        opacity:1!important;
      }
      html body section.ss_slide .slider-wrapper.hide-for-small .flickity-page-dots .dot.is-selected{
        width:22px!important;
        border-radius:999px!important;
        background:#04bac7!important;
      }
      html body section.ss_slide .slider-wrapper.show-for-small{display:none!important}
      @media(max-width:760px){
        html body section.ss_slide .slider-wrapper.hide-for-small{
          display:none!important;
          visibility:hidden!important;
          height:0!important;
          min-height:0!important;
          margin:0!important;
          padding:0!important;
          overflow:hidden!important;
        }
        html body section.ss_slide .slider-wrapper.show-for-small{
          position:relative!important;
          display:block!important;
          visibility:visible!important;
          opacity:1!important;
          width:100vw!important;
          max-width:100vw!important;
          margin:0 calc(50% - 50vw) 16px!important;
          padding:0!important;
          overflow-x:auto!important;
          overflow-y:visible!important;
          -webkit-overflow-scrolling:touch!important;
          scroll-snap-type:x mandatory!important;
          scroll-padding-left:0!important;
          overscroll-behavior-x:contain!important;
          background:transparent!important;
          border:0!important;
          box-shadow:none!important;
          box-sizing:border-box!important;
          scrollbar-width:none!important;
        }
        html body section.ss_slide .slider-wrapper.show-for-small:before,
        html body section.ss_slide .slider-wrapper.show-for-small:after{
          content:none!important;
          display:none!important;
        }
        html body section.ss_slide .slider-wrapper.show-for-small::-webkit-scrollbar{display:none!important}
        html body section.ss_slide .slider-wrapper.show-for-small .flickity-viewport{
          display:block!important;
          width:100%!important;
          max-width:100%!important;
          height:auto!important;
          min-height:0!important;
          overflow:visible!important;
        }
        html body section.ss_slide .slider-wrapper.show-for-small>.slider{
          position:relative!important;
          left:auto!important;
          top:auto!important;
          display:flex!important;
          align-items:flex-start!important;
          gap:0!important;
          width:max-content!important;
          min-width:100%!important;
          height:auto!important;
          min-height:0!important;
          transform:none!important;
          padding:0!important;
        }
        html body section.ss_slide .slider-wrapper.show-for-small .flickity-slider{
          position:relative!important;
          left:auto!important;
          top:auto!important;
          display:flex!important;
          align-items:flex-start!important;
          gap:0!important;
          width:max-content!important;
          min-width:100%!important;
          height:auto!important;
          min-height:0!important;
          transform:none!important;
          white-space:normal!important;
          padding:0!important;
        }
        html body section.ss_slide .slider-wrapper.show-for-small .img{
          position:relative!important;
          left:auto!important;
          top:auto!important;
          display:block!important;
          flex:0 0 100vw!important;
          width:100vw!important;
          max-width:100vw!important;
          min-width:100vw!important;
          height:auto!important;
          min-height:0!important;
          margin:0!important;
          transform:none!important;
          scroll-snap-align:start!important;
          isolation:isolate!important;
        }
        html body section.ss_slide .slider-wrapper.show-for-small .img-inner{
          aspect-ratio:auto!important;
          border-radius:0!important;
        }
        html body section.ss_slide .slider-wrapper.show-for-small .flickity-button,
        html body section.ss_slide .slider-wrapper.show-for-small .loading-spin{display:none!important}
        html body section.ss_slide .slider-wrapper.show-for-small .flickity-page-dots{
          display:flex!important;
          justify-content:center!important;
          gap:5px!important;
          bottom:8px!important;
          z-index:4!important;
        }
        html body section.ss_slide .slider-wrapper.show-for-small .flickity-page-dots .dot{
          width:6px!important;
          height:6px!important;
          margin:0!important;
          background:rgba(255,255,255,.82)!important;
          border:1px solid rgba(4,117,126,.22)!important;
          opacity:1!important;
        }
        html body section.ss_slide .slider-wrapper.show-for-small .flickity-page-dots .dot.is-selected{
          width:19px!important;
          border-radius:999px!important;
          background:#04bac7!important;
        }
      }
      @media(prefers-reduced-motion:reduce){
        html body section.ss_slide .slider-wrapper.show-for-small,
        html body section.ss_slide .slider-wrapper.show-for-small *{scroll-behavior:auto!important;transition:none!important}
      }
      html body section.ss_gioithieu .section-content>#image_1710785395.show-for-small,
      html body section.ss_gioithieu #image_1710785395.show-for-small{
        display:none!important;
        height:0!important;
        margin:0!important;
        padding:0!important;
        overflow:hidden!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .product-small.col .box-image,
      .ott-home-products-block .ott-ux-products-fallback .product-small.col .box-image>a{background:linear-gradient(180deg,#f8feff,#e9fbfd)!important;overflow:hidden!important}
      .ott-home-products-block .ott-ux-products-fallback .product-small.col .box-image{position:relative!important;isolation:isolate!important;aspect-ratio:var(--ott-product-ratio,3/4)!important}
      .ott-home-products-block .ott-ux-products-fallback .product-small.col .box-image>a{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
	      .ott-home-products-block .ott-ux-products-fallback .product-small.col .box-image>a:before{content:none!important;display:none!important;opacity:0!important;filter:none!important}
	      .ott-home-products-block .ott-ux-products-fallback .product-small.col .box-image:before,
	      .ott-home-products-block .ott-ux-products-fallback .product-small.col .box-image:after{display:block!important}
      .ott-home-products-block .ott-ux-products-fallback .product-small.col .box-image img,
      .ott-home-products-block .ott-ux-products-fallback .product-small.col .box-image img.wp-post-image,
      .ott-home-products-block .ott-ux-products-fallback .product-small.col .box-image img.attachment-woocommerce_thumbnail{position:absolute!important;inset:0!important;z-index:1!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center center!important;background:transparent!important;transform:none!important;transition:none!important;filter:none!important;image-rendering:auto!important}
      .product-small .price ins::before,
      .product-small .gia-giam::before,
      .product-small .gia-giam-ux-product::before,
      .ott-ux-products-fallback .price ins::before{color:#F97316!important;-webkit-text-fill-color:#F97316!important;font-weight:950!important;text-shadow:0 1px 0 rgba(255,255,255,.65)!important}
      .ott-home-products-block .ott-ux-products-fallback .product-small.box,
      .ott-home-products-block .ott-ux-products-fallback .col-inner{height:100%!important}
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products{
        display:grid!important;
        grid-template-rows:22px 86px 56px 78px 38px!important;
        grid-auto-rows:minmax(0,auto)!important;
        align-content:start!important;
        gap:8px!important;
        min-height:348px!important;
        padding:13px 14px 14px!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .category{
        order:1!important;grid-row:1!important;min-height:22px!important;height:22px!important;margin:0!important;
        display:flex!important;align-items:center!important;white-space:normal!important;overflow:hidden!important;text-overflow:ellipsis!important;
        line-height:1.18!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .title-wrapper{
        order:2!important;grid-row:2!important;min-height:86px!important;height:86px!important;margin:0!important;overflow:hidden!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .product-title,
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .product-title a{
        min-height:86px!important;max-height:86px!important;margin:0!important;
        display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .row-tien{
        order:3!important;grid-row:3!important;display:flex!important;align-content:flex-start!important;align-items:flex-start!important;
        flex-wrap:wrap!important;gap:6px!important;min-height:56px!important;height:56px!important;max-height:56px!important;
        margin:0!important;padding:0!important;overflow:hidden!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .row-tien>p{
        display:inline-flex!important;margin:0!important;padding:0!important;line-height:1!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .row-tien>p>span{display:none!important}
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .price-wrapper{
        order:4!important;grid-row:4!important;display:flex!important;align-items:center!important;
        min-height:78px!important;height:78px!important;margin:0!important;padding:9px 11px!important;align-self:stretch!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .price{
        display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:4px 7px!important;min-width:0!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .price del{
        flex:0 0 100%!important;line-height:1.05!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .price ins{
        flex:0 0 auto!important;line-height:1.08!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .ott-card-actions{
        order:5!important;grid-row:5!important;margin:0!important;padding-top:0!important;align-self:stretch!important;
        display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;gap:8px!important;min-height:38px!important;height:38px!important;
        border-top:0!important;background:transparent!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .ott-card-button{
        height:38px!important;min-height:38px!important;
      }
      @media(max-width:760px){
        .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products{
          grid-template-rows:18px 74px 50px 70px 34px!important;gap:7px!important;min-height:306px!important;padding:11px 10px 12px!important;
        }
        .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .category{min-height:18px!important;height:18px!important;line-height:1.16!important}
        .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .title-wrapper,
        .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .product-title,
        .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .product-title a{min-height:74px!important;max-height:74px!important;height:74px!important;-webkit-line-clamp:4!important}
        .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .row-tien{min-height:50px!important;height:50px!important;max-height:50px!important;gap:5px!important}
        .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .price-wrapper{min-height:70px!important;height:70px!important;padding:8px 8px!important}
        .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .ott-card-actions{grid-template-columns:38px minmax(0,1fr)!important;gap:6px!important;min-height:34px!important;height:34px!important}
        .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .ott-card-button{height:34px!important;min-height:34px!important}
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products{
        position:relative!important;
        display:grid!important;
        grid-template-columns:minmax(0,1fr)!important;
        grid-template-rows:20px 104px 0 74px 38px!important;
        gap:6px!important;
        align-content:start!important;
        justify-items:stretch!important;
        min-height:292px!important;
        padding:11px 12px 12px!important;
        background:linear-gradient(180deg,rgba(255,255,255,.88) 0%,rgba(255,255,255,.76) 48%,rgba(241,252,254,.68) 100%)!important;
        box-shadow:0 1px 0 rgba(255,255,255,.92) inset!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .category{
        grid-row:1!important;
        display:inline-flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        width:fit-content!important;
        max-width:100%!important;
        min-height:20px!important;
        height:20px!important;
        margin:0!important;
        padding:0 9px!important;
        border-radius:999px!important;
        background:linear-gradient(135deg,rgba(235,252,254,.94),rgba(255,255,255,.76))!important;
        border:1px solid rgba(159,226,233,.54)!important;
        color:#08717b!important;
        font-size:10px!important;
        font-weight:950!important;
        line-height:1!important;
        text-transform:uppercase!important;
        letter-spacing:0!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        box-shadow:0 1px 0 rgba(255,255,255,.92) inset,0 8px 16px -16px rgba(8,95,104,.26)!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .category:before{
        content:""!important;
        display:inline-block!important;
        width:10px!important;
        height:2px!important;
        margin-right:7px!important;
        border-radius:999px!important;
        background:linear-gradient(90deg,#F97316,#04bac7)!important;
        flex:0 0 auto!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .title-wrapper{
        grid-row:2!important;
        width:100%!important;
        min-width:0!important;
        min-height:104px!important;
        height:104px!important;
        margin:0!important;
        overflow:hidden!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .product-title,
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .product-title a{
        min-height:104px!important;
        max-height:104px!important;
        height:104px!important;
        margin:0!important;
        display:-webkit-box!important;
        -webkit-line-clamp:4!important;
        -webkit-box-orient:vertical!important;
        overflow:hidden!important;
        color:#053f48!important;
        font-size:17.1px!important;
        line-height:1.28!important;
        font-weight:940!important;
        letter-spacing:0!important;
        text-decoration:none!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .product-title a:hover{color:#07818c!important}
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .row-tien{
        grid-row:3!important;
        display:none!important;
        min-height:0!important;
        height:0!important;
        max-height:0!important;
        margin:0!important;
        padding:0!important;
        overflow:hidden!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .price-wrapper{
        grid-row:4!important;
        position:relative!important;
        width:100%!important;
        min-width:0!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-start!important;
        min-height:74px!important;
        height:74px!important;
        margin:0!important;
        padding:9px 11px 9px 12px!important;
        border-radius:14px!important;
        background:
          linear-gradient(135deg,rgba(255,255,255,.96),rgba(238,252,254,.82)),
          radial-gradient(circle at 92% 12%,rgba(249,115,22,.12),rgba(249,115,22,0) 38%)!important;
        border:1px solid rgba(166,229,235,.60)!important;
        box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 14px 24px -22px rgba(8,95,104,.35),0 0 0 3px rgba(255,255,255,.42) inset!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .price-wrapper:before{
        content:""!important;
        position:absolute!important;
        left:0!important;
        top:12px!important;
        bottom:12px!important;
        width:3px!important;
        border-radius:0 999px 999px 0!important;
        background:linear-gradient(180deg,#04bac7,#F97316)!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .price{
        display:flex!important;
        flex-direction:column!important;
        align-items:flex-start!important;
        justify-content:center!important;
        gap:5px!important;
        width:100%!important;
        min-width:0!important;
        color:#065f68!important;
        font-weight:950!important;
        line-height:1.08!important;
        letter-spacing:0!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .price del{
        order:1!important;
        flex:0 0 auto!important;
        display:block!important;
        max-width:100%!important;
        color:rgba(56,87,94,.58)!important;
        font-size:12px!important;
        font-weight:780!important;
        line-height:1.05!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .price del .amount{font-size:12px!important;color:rgba(56,87,94,.58)!important;font-weight:780!important}
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .price ins{
        order:2!important;
        display:flex!important;
        align-items:baseline!important;
        flex-wrap:wrap!important;
        gap:5px!important;
        color:#F05A14!important;
        font-style:normal!important;
        text-decoration:none!important;
        line-height:1!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .price ins:before{
        content:"Chỉ còn"!important;
        display:inline-flex!important;
        align-items:center!important;
        min-height:15px!important;
        color:#F97316!important;
        -webkit-text-fill-color:#F97316!important;
        font-size:11.5px!important;
        font-weight:950!important;
        line-height:1!important;
        text-transform:uppercase!important;
        letter-spacing:0!important;
        text-shadow:none!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .price ins .amount{
        color:#F05A14!important;
        font-size:21px!important;
        font-weight:950!important;
        line-height:1!important;
        white-space:nowrap!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .price>.amount{
        display:inline-flex!important;
        align-items:center!important;
        min-height:32px!important;
        color:#057782!important;
        font-size:16.5px!important;
        font-weight:950!important;
        line-height:1.1!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .price .woocommerce-Price-currencySymbol{
        font-size:.68em!important;
        font-weight:900!important;
        margin-left:2px!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .ott-card-actions{
        grid-row:5!important;
        width:100%!important;
        min-width:0!important;
        min-height:38px!important;
        height:38px!important;
        margin:0!important;
        padding-top:0!important;
        align-self:stretch!important;
      }
      .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .ott-card-button{
        min-height:38px!important;
        height:38px!important;
        border-radius:11px!important;
      }
      @media(max-width:760px){
        .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products{
          grid-template-rows:17px 88px 0 62px 36px!important;
          gap:5px!important;
          min-height:250px!important;
          padding:9px 9px 10px!important;
        }
        .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .category{
          min-height:17px!important;
          height:17px!important;
          padding:0 7px!important;
          font-size:8.4px!important;
        }
        .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .category:before{width:7px!important;margin-right:5px!important}
        .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .title-wrapper,
        .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .product-title,
        .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .product-title a{
          min-height:88px!important;
          max-height:88px!important;
          height:88px!important;
          font-size:14.6px!important;
          line-height:1.24!important;
          -webkit-line-clamp:5!important;
        }
        .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .price-wrapper{
          min-height:62px!important;
          height:62px!important;
          padding:7px 7px 7px 9px!important;
          border-radius:12px!important;
        }
        .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .price{gap:4px!important}
        .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .price del,
        .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .price del .amount{font-size:10.3px!important}
        .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .price ins{gap:4px!important}
        .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .price ins:before{font-size:9.5px!important;min-height:12px!important}
        .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .price ins .amount{font-size:16.5px!important}
        .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .price>.amount{font-size:13.8px!important;min-height:26px!important}
        .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .ott-card-actions{grid-template-columns:38px minmax(0,1fr)!important;gap:6px!important;min-height:36px!important;height:36px!important}
        .ott-home-products-block .ott-ux-products-fallback .box-text.box-text-products .ott-card-button{min-height:36px!important;height:36px!important}
        body .ott-cbar{
          left:-92px!important;
          right:auto!important;
          z-index:99990!important;
        }
        body .ott-cbar .ott-cbar-panel{
          box-shadow:0 12px 26px -22px rgba(6,58,65,.34)!important;
        }
        body .ott-cbar .ott-cbar-handle{
          right:-32px!important;
        }
        html body .ott-cbar .ott-line .ott-cbar-ic,
        html body .ott-cbar .ott-kakao .ott-cbar-ic{
          position:relative!important;
          width:48px!important;
          min-width:48px!important;
          height:48px!important;
          min-height:48px!important;
          overflow:visible!important;
          background:transparent!important;
          color:inherit!important;
          box-shadow:none!important;
          border:0!important;
          padding:0!important;
        }
        html body .ott-cbar .ott-line .ott-cbar-label{color:#06A847!important}
        html body .ott-cbar .ott-kakao .ott-cbar-label{color:#4b3910!important}
        html body .ott-cbar .ott-cbar-brand-logo{
          display:block!important;
          width:48px!important;
          min-width:48px!important;
          max-width:48px!important;
          height:48px!important;
          min-height:48px!important;
          max-height:48px!important;
          flex:0 0 48px!important;
          filter:drop-shadow(0 8px 12px rgba(10,38,42,.12))!important;
          transform:translateZ(0)!important;
          transform-origin:center!important;
        }
        html body .ott-cbar .ott-line .ott-cbar-brand-logo{
          filter:drop-shadow(0 8px 12px rgba(6,199,85,.22))!important;
        }
	        html body .ott-cbar .ott-kakao .ott-cbar-brand-logo{
	          filter:drop-shadow(0 8px 12px rgba(125,88,0,.18))!important;
	        }
	        html body .ott-cbar .ott-cbar-item:not(.ott-line):not(.ott-kakao){
	          width:48px!important;
	          min-width:48px!important;
	          height:48px!important;
	          min-height:48px!important;
	        }
	        html body .ott-cbar .ott-cbar-item:not(.ott-line):not(.ott-kakao) .ott-cbar-ic{
	          width:48px!important;
	          min-width:48px!important;
	          height:48px!important;
	          min-height:48px!important;
	          flex:0 0 48px!important;
	        }
	        html body .ott-cbar .ott-cbar-item:not(.ott-line):not(.ott-kakao) .ott-cbar-ic svg{
	          width:28px!important;
	          height:28px!important;
	          max-width:28px!important;
	          max-height:28px!important;
	        }
	        html body .ott-cbar .ott-map .ott-cbar-ic svg,
	        html body .ott-cbar .ott-fb .ott-cbar-ic svg,
	        html body .ott-cbar .ott-wa .ott-cbar-ic svg,
	        html body .ott-cbar .ott-wechat .ott-cbar-ic svg{
	          width:31px!important;
	          height:31px!important;
	          max-width:31px!important;
	          max-height:31px!important;
	        }
	        html body .ott-cbar .ott-zalo .ott-cbar-zalotext{
	          font-size:15px!important;
	          line-height:1!important;
	          font-weight:900!important;
	        }
	        html body .ott-cbar .ott-fb .ott-cbar-ic{
	          position:relative!important;
	          overflow:visible!important;
	        }
        html body .ott-cbar .ott-fb .ott-cbar-fb-check{
          position:absolute!important;
          right:-3px!important;
          bottom:-3px!important;
	          width:15px!important;
	          height:15px!important;
          display:inline-flex!important;
          align-items:center!important;
          justify-content:center!important;
          border-radius:999px!important;
          background:linear-gradient(145deg,#2f8cff,#1877f2)!important;
          border:2px solid rgba(255,255,255,.96)!important;
          color:#fff!important;
	          font-size:9.5px!important;
          font-weight:950!important;
          line-height:1!important;
          box-shadow:0 4px 9px -5px rgba(24,119,242,.7),inset 0 1px 0 rgba(255,255,255,.34)!important;
          z-index:3!important;
        }
        @media(min-width:850px){
          html body .ott-cbar .ott-line.ott-cbar-item:hover{
            background:linear-gradient(135deg,#06C755 0%,#18d96a 100%)!important;
            border-color:rgba(255,255,255,.42)!important;
            box-shadow:0 18px 30px -22px rgba(6,199,85,.72),inset 0 1px 0 rgba(255,255,255,.42)!important;
          }
          html body .ott-cbar .ott-kakao.ott-cbar-item:hover{
            background:linear-gradient(135deg,#FFE95A 0%,#FEE500 58%,#F8C900 100%)!important;
            border-color:rgba(255,255,255,.62)!important;
            box-shadow:0 18px 30px -22px rgba(254,229,0,.82),inset 0 1px 0 rgba(255,255,255,.62)!important;
          }
          html body .ott-cbar .ott-line.ott-cbar-item:hover .ott-cbar-label{
            color:#fff!important;
          }
          html body .ott-cbar .ott-kakao.ott-cbar-item:hover .ott-cbar-ic,
          html body .ott-cbar .ott-kakao.ott-cbar-item:hover .ott-cbar-label{
            color:#3a2a05!important;
          }
          html body .ott-cbar .ott-line.ott-cbar-item:hover .ott-cbar-brand-logo,
          html body .ott-cbar .ott-kakao.ott-cbar-item:hover .ott-cbar-brand-logo{
            transform:translateY(-1px) scale(1.03)!important;
          }
        }
	        @media(max-width:849px){
	          html body .ott-cbar .ott-cbar-item:not(.ott-line):not(.ott-kakao){
	            width:46px!important;
	            min-width:46px!important;
	            height:46px!important;
	            min-height:46px!important;
	          }
	          html body .ott-cbar .ott-cbar-item:not(.ott-line):not(.ott-kakao) .ott-cbar-ic{
	            width:46px!important;
	            min-width:46px!important;
	            height:46px!important;
	            min-height:46px!important;
	            flex-basis:46px!important;
	          }
	          html body .ott-cbar .ott-cbar-item:not(.ott-line):not(.ott-kakao) .ott-cbar-ic svg{
	            width:27px!important;
	            height:27px!important;
	            max-width:27px!important;
	            max-height:27px!important;
	          }
	          html body .ott-cbar .ott-map .ott-cbar-ic svg,
	          html body .ott-cbar .ott-fb .ott-cbar-ic svg,
	          html body .ott-cbar .ott-wa .ott-cbar-ic svg,
	          html body .ott-cbar .ott-wechat .ott-cbar-ic svg{
	            width:30px!important;
	            height:30px!important;
	            max-width:30px!important;
	            max-height:30px!important;
	          }
	          html body .ott-cbar .ott-zalo .ott-cbar-zalotext{
	            font-size:14.6px!important;
	          }
	          html body .ott-cbar .ott-line .ott-cbar-ic,
	          html body .ott-cbar .ott-kakao .ott-cbar-ic{
            width:46px!important;
            min-width:46px!important;
            height:46px!important;
            min-height:46px!important;
            flex-basis:46px!important;
          }
          html body .ott-cbar .ott-line .ott-cbar-brand-logo,
          html body .ott-cbar .ott-kakao .ott-cbar-brand-logo{
            width:46px!important;
            min-width:46px!important;
            max-width:46px!important;
            height:46px!important;
            min-height:46px!important;
            max-height:46px!important;
            flex:0 0 46px!important;
          }
        }
        body #ocean-chat-container{
          right:6px!important;
          bottom:6px!important;
          transform:none!important;
          transform-origin:right bottom!important;
        }
      }
      body #ocean-chat-container:not(.ott-docked){
        right:12px!important;
        bottom:12px!important;
        gap:12px!important;
        max-width:calc(100vw - 24px)!important;
        max-height:calc(100vh - 24px)!important;
        transform:none!important;
        transform-origin:right bottom!important;
      }
      body #ocean-chat-container.ott-chat-open{
        right:8px!important;
        bottom:8px!important;
        gap:0!important;
        align-items:flex-end!important;
      }
      body #ocean-chat-container .chat-window{
        width:min(520px,calc(100vw - 36px))!important;
        height:min(680px,calc(100vh - 72px))!important;
        min-height:min(520px,calc(100vh - 72px))!important;
        max-height:min(680px,calc(100vh - 72px))!important;
        border-radius:20px!important;
      }
      body #ocean-chat-container.ott-chat-open .chat-window{
        width:min(540px,calc(100vw - 32px))!important;
        height:min(700px,calc(100vh - 64px))!important;
        max-height:min(700px,calc(100vh - 64px))!important;
        min-height:0!important;
      }
      body #ocean-chat-container .messages-area{
        flex:1 1 auto!important;
        min-height:0!important;
        max-height:none!important;
      }
      body #ocean-chat-container .toggle-btn{
        width:96px!important;
        height:144px!important;
      }
      body #ocean-chat-container .ott-dock-btn{
        width:116px!important;
        height:154px!important;
      }
      body #ocean-chat-container.ott-chat-open .toggle-btn,
      body #ocean-chat-container.ott-chat-open .greeting-tooltip,
      body #ocean-chat-container.ott-chat-open .ott-dock-btn{
        display:none!important;
      }
      @supports(height:100dvh){
        body #ocean-chat-container.ott-chat-open .chat-window{
          height:min(700px,calc(100dvh - 64px))!important;
          max-height:min(700px,calc(100dvh - 64px))!important;
        }
      }
      @media(max-width:849px){
        body .ott-cbar{
          left:0!important;
          right:auto!important;
          width:78px!important;
          overflow:visible!important;
          pointer-events:auto!important;
          z-index:2147483000!important;
        }
        body .ott-cbar .ott-cbar-panel{
          transform:translateX(0)!important;
          overflow:visible!important;
          pointer-events:auto!important;
          transition:transform .24s cubic-bezier(.2,.8,.2,1)!important;
        }
        body .ott-cbar .ott-cbar-handle{
          display:flex!important;
          position:absolute!important;
          left:100%!important;
          right:auto!important;
          top:50%!important;
          width:44px!important;
          height:78px!important;
          margin-left:-1px!important;
          transform:translateY(-50%)!important;
          align-items:center!important;
          justify-content:center!important;
          visibility:visible!important;
          opacity:1!important;
          pointer-events:auto!important;
          z-index:2147483001!important;
          touch-action:manipulation!important;
          border-radius:0 18px 18px 0!important;
        }
        body .ott-cbar .ott-cbar-handle svg{
          width:20px!important;
          height:20px!important;
          pointer-events:none!important;
        }
        body .ott-cbar .ott-cbar-toggle:not(:checked) ~ .ott-cbar-panel .ott-cbar-handle .ic-open{display:none!important}
        body .ott-cbar .ott-cbar-toggle:not(:checked) ~ .ott-cbar-panel .ott-cbar-handle .ic-close{display:block!important}
        body .ott-cbar .ott-cbar-toggle:checked ~ .ott-cbar-panel{
          transform:translateX(calc(-100% + 1px))!important;
        }
        body .ott-cbar .ott-cbar-toggle:checked ~ .ott-cbar-panel .ott-cbar-handle{
          display:flex!important;
          animation:ottPulse 2.6s ease-in-out infinite!important;
        }
        body .ott-cbar .ott-cbar-toggle:checked ~ .ott-cbar-panel .ott-cbar-handle .ic-open{display:block!important}
        body .ott-cbar .ott-cbar-toggle:checked ~ .ott-cbar-panel .ott-cbar-handle .ic-close{display:none!important}
      }
      @media(max-width:768px){
        body #ocean-chat-container:not(.ott-docked){
          right:22px!important;
          bottom:6px!important;
          max-width:calc(100vw - 12px)!important;
          max-height:calc(100vh - 12px)!important;
        }
        body #ocean-chat-container.ott-chat-open{
          right:4px!important;
          bottom:4px!important;
        }
        body #ocean-chat-container .chat-window,
        body #ocean-chat-container.ott-chat-open .chat-window{
          width:calc(100vw - 18px)!important;
          height:min(78vh,640px)!important;
          max-height:min(78vh,640px)!important;
          min-height:0!important;
          border-radius:16px!important;
        }
        body #ocean-chat-container .toggle-btn{
          width:70px!important;
          height:104px!important;
        }
        body #ocean-chat-container .ott-dock-btn{
          width:0!important;
          height:0!important;
        }
        body #ocean-chat-container.ott-docked{
          transform:translate(38px,50%)!important;
        }
        @supports(height:100dvh){
          body #ocean-chat-container .chat-window,
          body #ocean-chat-container.ott-chat-open .chat-window{
            height:min(78dvh,640px)!important;
            max-height:min(78dvh,640px)!important;
          }
        }
      }
      body #ocean-chat-container .greeting-tooltip{
        position:absolute!important;
        bottom:158px!important;
        right:50%!important;
        left:auto!important;
        z-index:2147482991!important;
        width:max-content!important;
        max-width:min(242px,calc(100vw - 28px))!important;
        pointer-events:none!important;
        transform:translateX(50%)!important;
      }
      body #ocean-chat-container .greeting-tooltip::after{
        left:50%!important;
        right:auto!important;
        transform:translateX(-50%)!important;
      }
      body #ocean-chat-container .toggle-btn,
      body #ocean-chat-container .ott-dock-btn{
        position:relative!important;
        z-index:2!important;
        pointer-events:auto!important;
        touch-action:manipulation!important;
      }
      body #ocean-chat-container .ott-dock-btn{
        display:none!important;
        visibility:hidden!important;
        opacity:0!important;
        width:0!important;
        height:0!important;
        pointer-events:none!important;
      }
      body #ocean-chat-container .chat-window .close-btn,
      body #ocean-chat-container .chat-window .ott-min-btn{
        position:relative!important;
        z-index:12!important;
        pointer-events:auto!important;
        cursor:pointer!important;
        touch-action:manipulation!important;
      }
      body #gt_float_wrapper,
      body .gtranslate_wrapper,
      body .gt_switcher_wrapper{
        position:fixed!important;
        right:138px!important;
        bottom:18px!important;
        left:auto!important;
        top:auto!important;
        z-index:2147482992!important;
        display:flex!important;
        align-items:flex-end!important;
        justify-content:flex-end!important;
        max-width:min(620px,calc(100vw - 250px))!important;
        width:auto!important;
        pointer-events:none!important;
      }
      body #gt_float_wrapper .gt_float_switcher,
      body .gtranslate_wrapper .gt_float_switcher,
      body .gt_switcher_wrapper .gt_float_switcher{
        pointer-events:auto!important;
        max-width:min(620px,calc(100vw - 250px))!important;
        border-radius:999px!important;
        background:rgba(255,255,255,.88)!important;
        border:1px solid rgba(4,186,199,.20)!important;
        box-shadow:0 12px 26px -20px rgba(3,92,102,.46),0 1px 0 rgba(255,255,255,.85) inset!important;
        backdrop-filter:blur(12px)!important;
        -webkit-backdrop-filter:blur(12px)!important;
        overflow:visible!important;
      }
      body .gt_float_switcher .gt-selected{
        float:none!important;
        display:inline-flex!important;
        align-items:center!important;
        min-height:42px!important;
        border-radius:999px!important;
        background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(238,252,253,.88))!important;
        color:#2f6f76!important;
        box-shadow:none!important;
      }
      body .gt_float_switcher .gt-selected .gt-current-lang{
        display:inline-flex!important;
        align-items:center!important;
        gap:6px!important;
        padding:9px 12px!important;
        font-size:13px!important;
        font-weight:850!important;
        line-height:1!important;
        letter-spacing:0!important;
        color:#2f6f76!important;
      }
      body .gt_float_switcher img{
        width:24px!important;
        min-width:24px!important;
        height:auto!important;
        margin:0!important;
        border-radius:5px!important;
        box-shadow:0 4px 9px -7px rgba(6,64,74,.58)!important;
      }
      body .gt_float_switcher .gt_options{
        position:absolute!important;
        right:0!important;
        bottom:calc(100% + 8px)!important;
        top:auto!important;
        left:auto!important;
        z-index:2147482993!important;
        float:none!important;
        max-width:min(640px,calc(100vw - 230px))!important;
        max-height:none!important;
        width:max-content!important;
        display:none;
        flex-direction:row!important;
        align-items:center!important;
        gap:6px!important;
        padding:7px!important;
        border-radius:18px!important;
        background:rgba(255,255,255,.94)!important;
        border:1px solid rgba(4,186,199,.18)!important;
        box-shadow:0 18px 34px -24px rgba(3,92,102,.50),0 1px 0 rgba(255,255,255,.88) inset!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        white-space:nowrap!important;
        scrollbar-width:none!important;
      }
      body .gt_float_switcher .gt_options.gt-open{
        display:flex!important;
        transform:translateX(0)!important;
        opacity:1!important;
      }
      body .gt_float_switcher .gt_options::-webkit-scrollbar{
        display:none!important;
      }
      body .gt_float_switcher .gt_options a{
        display:inline-flex!important;
        align-items:center!important;
        gap:6px!important;
        flex:0 0 auto!important;
        padding:8px 10px!important;
        border-radius:999px!important;
        color:#2f6f76!important;
        background:rgba(238,252,253,.76)!important;
        border:1px solid rgba(4,186,199,.12)!important;
        font-size:12px!important;
        font-weight:760!important;
        line-height:1!important;
        text-decoration:none!important;
        transition:background .18s ease,color .18s ease,transform .18s ease!important;
      }
      body .gt_float_switcher .gt_options a:hover{
        background:linear-gradient(135deg,#fff8ef,#edfdfd)!important;
        color:#e97800!important;
        transform:translateY(-1px)!important;
      }
      @media(max-width:768px){
        body #ocean-chat-container .greeting-tooltip{
          bottom:108px!important;
          right:50%!important;
          left:auto!important;
          width:max-content!important;
          max-width:min(188px,calc(100vw - 24px))!important;
          padding:8px 10px!important;
          font-size:11.2px!important;
          border-radius:12px!important;
          line-height:1.25!important;
          transform:translateX(50%)!important;
        }
        body #ocean-chat-container .greeting-tooltip::after{
          left:50%!important;
          right:auto!important;
          transform:translateX(-50%)!important;
        }
        body #gt_float_wrapper,
        body .gtranslate_wrapper,
        body .gt_switcher_wrapper{
          left:86px!important;
          right:112px!important;
          bottom:10px!important;
          max-width:calc(100vw - 198px)!important;
          justify-content:flex-start!important;
        }
        body #gt_float_wrapper .gt_float_switcher,
        body .gtranslate_wrapper .gt_float_switcher,
        body .gt_switcher_wrapper .gt_float_switcher{
          max-width:100%!important;
        }
        body .gt_float_switcher .gt-selected .gt-current-lang{
          padding:8px 10px!important;
          font-size:12px!important;
        }
        body .gt_float_switcher img{
          width:22px!important;
          min-width:22px!important;
        }
        body .gt_float_switcher .gt_options{
          left:0!important;
          right:auto!important;
          bottom:calc(100% + 7px)!important;
          max-width:calc(100vw - 112px)!important;
          padding:6px!important;
          gap:5px!important;
        }
	      body .gt_float_switcher .gt_options a{
	          padding:7px 9px!important;
	          font-size:11.5px!important;
	        }
	      }
	      body .ott-cbar{
	        transform:scale(.86)!important;
	        transform-origin:left center!important;
	      }
	      body .ott-cbar .ott-cbar-handle{
	        width:28px!important;
	        min-width:28px!important;
	        height:56px!important;
	        min-height:56px!important;
	        right:-24px!important;
	        border-radius:0 13px 13px 0!important;
	        box-shadow:0 10px 20px -16px rgba(6,58,65,.34)!important;
	      }
	      body .ott-cbar .ott-cbar-handle svg{
	        width:15px!important;
	        height:15px!important;
	      }
	      body #ocean-chat-container .ott-chat-mini-toggle{
	        position:absolute!important;
	        right:2px!important;
	        bottom:118px!important;
	        z-index:2147482994!important;
	        display:inline-grid!important;
	        place-items:center!important;
	        width:24px!important;
	        min-width:24px!important;
	        height:24px!important;
	        min-height:24px!important;
	        padding:0!important;
	        border-radius:999px!important;
	        border:1px solid rgba(151,218,225,.58)!important;
	        background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(239,252,253,.88))!important;
	        color:#2f7d84!important;
	        box-shadow:0 1px 0 rgba(255,255,255,.96) inset,0 8px 16px -13px rgba(8,95,104,.34),0 0 0 2px rgba(255,255,255,.56)!important;
	        font-size:15px!important;
	        font-weight:950!important;
	        line-height:1!important;
	        cursor:pointer!important;
	        pointer-events:auto!important;
	        touch-action:manipulation!important;
	      }
	      body #ocean-chat-container .ott-chat-mini-toggle::before{content:"-"!important;line-height:1!important;transform:translateY(-1px)!important}
	      body #ocean-chat-container.ott-chat-open .ott-chat-mini-toggle{display:none!important}
	      body #ocean-chat-container.ott-chat-mini-hidden:not(.ott-chat-open){
	        right:10px!important;
	        bottom:10px!important;
	        width:38px!important;
	        min-width:38px!important;
	        height:38px!important;
	        min-height:38px!important;
	        max-width:38px!important;
	        max-height:38px!important;
	        overflow:visible!important;
	        gap:0!important;
	      }
	      body #ocean-chat-container.ott-chat-mini-hidden:not(.ott-chat-open) .toggle-btn,
	      body #ocean-chat-container.ott-chat-mini-hidden:not(.ott-chat-open) .greeting-tooltip,
	      body #ocean-chat-container.ott-chat-mini-hidden:not(.ott-chat-open) .ott-dock-btn{
	        opacity:0!important;
	        visibility:hidden!important;
	        transform:scale(.72)!important;
	        pointer-events:none!important;
	      }
	      body #ocean-chat-container.ott-chat-mini-hidden:not(.ott-chat-open) .ott-chat-mini-toggle{
	        right:0!important;
	        bottom:0!important;
	        width:38px!important;
	        min-width:38px!important;
	        height:38px!important;
	        min-height:38px!important;
	        border-radius:14px!important;
	        background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(235,251,253,.86))!important;
	      }
	      body #ocean-chat-container.ott-chat-mini-hidden:not(.ott-chat-open) .ott-chat-mini-toggle::before{
	        content:"+"!important;
	        transform:none!important;
	        font-size:17px!important;
	      }
	      @media(max-width:849px){
	        body .ott-cbar{
	          width:60px!important;
	          transform:scale(.82)!important;
	        }
	        body .ott-cbar .ott-cbar-handle{
	          left:100%!important;
	          right:auto!important;
	          width:30px!important;
	          min-width:30px!important;
	          height:54px!important;
	          min-height:54px!important;
	          border-radius:0 13px 13px 0!important;
	        }
	        body .ott-cbar .ott-cbar-handle svg{
	          width:15px!important;
	          height:15px!important;
	        }
	      }
	      @media(max-width:768px){
	        body #ocean-chat-container .ott-chat-mini-toggle{
	          right:-1px!important;
	          bottom:78px!important;
	          width:21px!important;
	          min-width:21px!important;
	          height:21px!important;
	          min-height:21px!important;
	          font-size:13px!important;
	        }
	        body #ocean-chat-container.ott-chat-mini-hidden:not(.ott-chat-open){
	          right:8px!important;
	          bottom:8px!important;
	          width:34px!important;
	          min-width:34px!important;
	          height:34px!important;
	          min-height:34px!important;
	          max-width:34px!important;
	          max-height:34px!important;
	        }
		        body #ocean-chat-container.ott-chat-mini-hidden:not(.ott-chat-open) .ott-chat-mini-toggle{
		          width:34px!important;
		          min-width:34px!important;
		          height:34px!important;
		          min-height:34px!important;
		          border-radius:12px!important;
		        }
		      }
		      body .ott-cbar{
		        transform:scale(.94)!important;
		        transform-origin:left center!important;
		      }
		      body .ott-cbar .ott-cbar-handle{
		        width:34px!important;
		        min-width:34px!important;
		        height:64px!important;
		        min-height:64px!important;
		        right:-30px!important;
		        border-radius:0 15px 15px 0!important;
		        box-shadow:0 13px 24px -18px rgba(6,58,65,.40)!important;
		      }
		      body .ott-cbar .ott-cbar-handle svg{
		        width:17px!important;
		        height:17px!important;
		      }
		      body #ocean-chat-container .ott-chat-mini-toggle{
		        right:-16px!important;
		        bottom:122px!important;
		        width:28px!important;
		        min-width:28px!important;
		        height:28px!important;
		        min-height:28px!important;
		        border-radius:12px!important;
		        color:#247a83!important;
		        background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(236,251,253,.90))!important;
		        border:1px solid rgba(151,218,225,.68)!important;
		        box-shadow:0 1px 0 rgba(255,255,255,.98) inset,0 10px 18px -14px rgba(8,95,104,.42),0 0 0 3px rgba(255,255,255,.58)!important;
		      }
		      body #ocean-chat-container .ott-chat-mini-toggle::before,
		      body #ocean-chat-container .ott-chat-mini-toggle::after{
		        content:""!important;
		        position:absolute!important;
		        left:50%!important;
		        top:50%!important;
		        width:9px!important;
		        height:2px!important;
		        border-radius:999px!important;
		        background:currentColor!important;
		        transform-origin:center!important;
		      }
		      body #ocean-chat-container .ott-chat-mini-toggle::before{transform:translate(-75%,-50%) rotate(42deg)!important}
		      body #ocean-chat-container .ott-chat-mini-toggle::after{transform:translate(-25%,-50%) rotate(-42deg)!important}
		      body #ocean-chat-container.ott-chat-mini-hidden:not(.ott-chat-open) .ott-chat-mini-toggle::before{
		        content:"+"!important;
		        position:static!important;
		        width:auto!important;
		        height:auto!important;
		        background:transparent!important;
		        transform:none!important;
		        font-size:18px!important;
		        line-height:1!important;
		      }
		      body #ocean-chat-container.ott-chat-mini-hidden:not(.ott-chat-open) .ott-chat-mini-toggle::after{content:none!important;display:none!important}
		      @media(max-width:849px){
		        body .ott-cbar{
		          width:68px!important;
		          transform:scale(.90)!important;
		        }
		        body .ott-cbar .ott-cbar-handle{
		          width:34px!important;
		          min-width:34px!important;
		          height:62px!important;
		          min-height:62px!important;
		          border-radius:0 15px 15px 0!important;
		        }
		      }
		      @media(max-width:768px){
		        body #ocean-chat-container .ott-chat-mini-toggle{
		          right:-10px!important;
		          bottom:86px!important;
		          width:25px!important;
		          min-width:25px!important;
		          height:25px!important;
		          min-height:25px!important;
		          border-radius:11px!important;
		        }
		      }
		      body #ocean-chat-container:not(.ott-docked){
		        max-width:calc(100vw - 18px)!important;
		        max-height:calc(100vh - 18px)!important;
		      }
		      body #ocean-chat-container .chat-window{
		        width:min(680px,calc(100vw - 30px))!important;
		        height:min(860px,calc(100vh - 44px))!important;
		        min-height:min(620px,calc(100vh - 44px))!important;
		        max-height:min(860px,calc(100vh - 44px))!important;
		        border-radius:22px!important;
		      }
		      body #ocean-chat-container.ott-chat-open .chat-window{
		        width:min(720px,calc(100vw - 24px))!important;
		        height:min(880px,calc(100vh - 32px))!important;
		        min-height:min(660px,calc(100vh - 32px))!important;
		        max-height:min(880px,calc(100vh - 32px))!important;
		      }
		      @supports(height:100dvh){
		        body #ocean-chat-container .chat-window{
		          height:min(860px,calc(100dvh - 44px))!important;
		          min-height:min(620px,calc(100dvh - 44px))!important;
		          max-height:min(860px,calc(100dvh - 44px))!important;
		        }
		        body #ocean-chat-container.ott-chat-open .chat-window{
		          height:min(880px,calc(100dvh - 32px))!important;
		          min-height:min(660px,calc(100dvh - 32px))!important;
		          max-height:min(880px,calc(100dvh - 32px))!important;
		        }
		      }
		      @media(max-width:768px){
		        body #ocean-chat-container:not(.ott-docked){
		          right:3px!important;
		          bottom:3px!important;
		          max-width:calc(100vw - 6px)!important;
		          max-height:calc(100vh - 6px)!important;
		        }
		        body #ocean-chat-container.ott-chat-open{
		          right:3px!important;
		          bottom:3px!important;
		        }
		        body #ocean-chat-container .chat-window,
		        body #ocean-chat-container.ott-chat-open .chat-window{
		          width:calc(100vw - 8px)!important;
		          height:min(88vh,820px)!important;
		          min-height:min(620px,calc(100vh - 12px))!important;
		          max-height:min(88vh,820px)!important;
		          border-radius:16px!important;
		        }
		        @supports(height:100dvh){
		          body #ocean-chat-container .chat-window,
		          body #ocean-chat-container.ott-chat-open .chat-window{
		            height:min(88dvh,820px)!important;
		            min-height:min(620px,calc(100dvh - 12px))!important;
		            max-height:min(88dvh,820px)!important;
		          }
		        }
		      }
		      body #ocean-chat-container{
		        display:flex!important;
		        visibility:visible!important;
		        opacity:1!important;
		        z-index:2147483647!important;
		      }
		      body #ocean-chat-container .toggle-btn{
		        display:block!important;
		        visibility:visible!important;
		        opacity:1!important;
		        min-width:64px!important;
		        min-height:96px!important;
		      }
		      body #ocean-chat-container .greeting-tooltip{
		        visibility:visible!important;
		      }
			      body #ocean-chat-container.ott-chat-open .chat-window:not(.hidden){
			        display:flex!important;
			        visibility:visible!important;
			        opacity:1!important;
			      }
			      body #ocean-chat-container .greeting-tooltip{
			        bottom:168px!important;
			        right:50%!important;
			        left:auto!important;
			        transform:translateX(50%)!important;
			        z-index:2147482993!important;
			      }
			      body #ocean-chat-container .greeting-tooltip::after{
			        left:50%!important;
			        right:auto!important;
			        transform:translateX(-50%)!important;
			      }
			      body #ocean-chat-container .ott-chat-mini-toggle{
			        right:calc(100% - 5px)!important;
			        left:auto!important;
			        bottom:44px!important;
			        width:28px!important;
			        min-width:28px!important;
			        height:48px!important;
			        min-height:48px!important;
			        border-radius:14px 0 0 14px!important;
			        border:0!important;
			        outline:0!important;
			        background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(232,250,252,.90) 56%,rgba(207,241,245,.76))!important;
			        color:#247a83!important;
				        box-shadow:0 1px 0 rgba(255,255,255,.98) inset,0 10px 18px -15px rgba(8,95,104,.38),0 8px 22px -18px rgba(8,95,104,.30)!important;
			        backdrop-filter:blur(14px) saturate(1.1)!important;
			        -webkit-backdrop-filter:blur(14px) saturate(1.1)!important;
			        cursor:pointer!important;
			        pointer-events:auto!important;
			        touch-action:manipulation!important;
			      }
			      body #ocean-chat-container .ott-chat-mini-toggle::before,
			      body #ocean-chat-container .ott-chat-mini-toggle::after{
			        content:""!important;
			        position:absolute!important;
			        left:50%!important;
			        top:50%!important;
			        width:9px!important;
			        height:2px!important;
			        border-radius:999px!important;
			        background:currentColor!important;
			        transform-origin:center!important;
			      }
			      body #ocean-chat-container .ott-chat-mini-toggle::before{
			        transform:translate(-44%,-165%) rotate(38deg)!important;
			      }
			      body #ocean-chat-container .ott-chat-mini-toggle::after{
			        transform:translate(-44%,65%) rotate(-38deg)!important;
			      }
			      body #ocean-chat-container .ott-chat-mini-toggle:hover{
			        color:#176e77!important;
			        background:linear-gradient(180deg,rgba(255,255,255,1),rgba(225,248,251,.94) 58%,rgba(198,238,243,.82))!important;
			        box-shadow:0 1px 0 rgba(255,255,255,1) inset,0 15px 26px -18px rgba(8,95,104,.50),0 8px 22px -18px rgba(8,95,104,.32)!important;
			      }
			      body #ocean-chat-container.ott-chat-mini-hidden:not(.ott-chat-open){
			        right:0!important;
			        bottom:78px!important;
			        width:28px!important;
			        min-width:28px!important;
			        height:48px!important;
			        min-height:48px!important;
			        max-width:28px!important;
			        max-height:48px!important;
			        overflow:visible!important;
			        gap:0!important;
			      }
			      body #ocean-chat-container.ott-chat-mini-hidden:not(.ott-chat-open) .ott-chat-mini-toggle{
			        right:0!important;
			        left:auto!important;
			        bottom:0!important;
			        width:28px!important;
			        min-width:28px!important;
			        height:48px!important;
			        min-height:48px!important;
			        border-radius:14px 0 0 14px!important;
			        border:0!important;
			        outline:0!important;
			      }
			      body #ocean-chat-container.ott-chat-mini-hidden:not(.ott-chat-open) .ott-chat-mini-toggle::before{
			        transform:translate(-58%,-165%) rotate(-38deg)!important;
			      }
			      body #ocean-chat-container.ott-chat-mini-hidden:not(.ott-chat-open) .ott-chat-mini-toggle::after{
			        content:""!important;
			        display:block!important;
			        transform:translate(-58%,65%) rotate(38deg)!important;
			      }
			      @media(max-width:768px){
			        body #ocean-chat-container .greeting-tooltip{
			          right:0!important;
			          left:auto!important;
			          bottom:132px!important;
			          max-width:min(198px,calc(100vw - 24px))!important;
			          transform:none!important;
			        }
			        body #ocean-chat-container .greeting-tooltip::after{
			          left:auto!important;
			          right:42px!important;
			          transform:none!important;
			        }
			        body #ocean-chat-container .ott-chat-mini-toggle{
			          right:calc(100% - 5px)!important;
			          bottom:38px!important;
			          width:26px!important;
			          min-width:26px!important;
			          height:46px!important;
			          min-height:46px!important;
			          border-radius:13px 0 0 13px!important;
			        }
			        body #ocean-chat-container.ott-chat-mini-hidden:not(.ott-chat-open){
			          right:0!important;
			          bottom:82px!important;
			          width:26px!important;
			          min-width:26px!important;
			          height:46px!important;
			          min-height:46px!important;
			          max-width:26px!important;
			          max-height:46px!important;
			        }
			        body #ocean-chat-container.ott-chat-mini-hidden:not(.ott-chat-open) .ott-chat-mini-toggle{
			          width:26px!important;
			          min-width:26px!important;
			          height:46px!important;
			          min-height:46px!important;
			          border-radius:13px 0 0 13px!important;
			        }
			      }
			      body #ocean-chat-container .ott-chat-product-tools{
			        display:flex!important;
			        gap:6px!important;
		        width:100%!important;
		        min-width:0!important;
		        overflow-x:auto!important;
		        overflow-y:hidden!important;
		        padding:2px 0!important;
		        scrollbar-width:none!important;
		        -webkit-overflow-scrolling:touch!important;
		      }
		      body #ocean-chat-container .ott-chat-product-tools::-webkit-scrollbar{display:none!important}
		      body #ocean-chat-container .ott-chat-product-tools .tool-btn{
		        flex:0 0 auto!important;
		        white-space:nowrap!important;
		        background:linear-gradient(135deg,#fff7ed,#ffffff 52%,#effdff)!important;
		        color:#8a3f09!important;
		        border-color:rgba(249,115,22,.24)!important;
		      }
		      body #ocean-chat-container .ott-chat-product-note{
		        display:block!important;
		        margin:0 0 8px!important;
		        color:#315f66!important;
		        font-size:12.5px!important;
		        line-height:1.45!important;
		        font-weight:750!important;
		      }
		      body #ocean-chat-container .ott-chat-product-grid{
		        display:grid!important;
		        grid-template-columns:1fr!important;
		        gap:8px!important;
		        margin:9px 0 6px!important;
		      }
		      body #ocean-chat-container .ott-chat-product-card{
		        display:grid!important;
		        grid-template-columns:72px minmax(0,1fr)!important;
		        gap:10px!important;
		        align-items:center!important;
		        padding:8px!important;
		        border-radius:16px!important;
		        background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(240,253,255,.88))!important;
		        border:1px solid rgba(151,218,225,.62)!important;
		        box-shadow:0 1px 0 rgba(255,255,255,.96) inset,0 12px 22px -18px rgba(8,95,104,.30)!important;
		        color:#174a52!important;
		        text-decoration:none!important;
		      }
		      body #ocean-chat-container .ott-chat-product-card:hover{
		        transform:translateY(-1px)!important;
		        border-color:rgba(4,186,199,.58)!important;
		        box-shadow:0 1px 0 rgba(255,255,255,.96) inset,0 16px 26px -18px rgba(8,95,104,.38)!important;
		      }
		      body #ocean-chat-container .ott-chat-product-thumb{
		        display:block!important;
		        width:72px!important;
		        height:82px!important;
		        border-radius:12px!important;
		        object-fit:cover!important;
		        background:#eaf9fb!important;
		        box-shadow:0 0 0 1px rgba(151,218,225,.44) inset!important;
		      }
		      body #ocean-chat-container .ott-chat-product-copy{
		        min-width:0!important;
		        display:flex!important;
		        flex-direction:column!important;
		        gap:5px!important;
		      }
		      body #ocean-chat-container .ott-chat-product-name{
		        color:#257982!important;
		        font-size:13.2px!important;
		        font-weight:900!important;
		        line-height:1.32!important;
		        display:-webkit-box!important;
		        -webkit-line-clamp:2!important;
		        -webkit-box-orient:vertical!important;
		        overflow:hidden!important;
		      }
		      body #ocean-chat-container .ott-chat-product-price{
		        color:#f97316!important;
		        font-size:14px!important;
		        font-weight:950!important;
		        line-height:1.1!important;
		      }
		      body #ocean-chat-container .ott-chat-product-old{
		        margin-left:5px!important;
		        color:#789398!important;
		        font-size:11px!important;
		        font-weight:750!important;
		        text-decoration:line-through!important;
		      }
		      body #ocean-chat-container .ott-chat-product-cta{
		        align-self:flex-start!important;
		        display:inline-flex!important;
		        align-items:center!important;
		        min-height:24px!important;
		        padding:0 10px!important;
		        border-radius:999px!important;
		        background:linear-gradient(135deg,#17c0cb,#0aa1ae)!important;
		        color:#fff!important;
		        font-size:11px!important;
		        font-weight:900!important;
		        box-shadow:0 8px 14px -11px rgba(8,95,104,.42)!important;
		      }
		      body #ocean-chat-container .ott-chat-advisor-card{
		        display:block!important;
		        margin:8px 0!important;
		        padding:10px!important;
		        border-radius:16px!important;
		        background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,252,253,.90) 58%,rgba(255,248,236,.86))!important;
		        border:1px solid rgba(151,218,225,.58)!important;
		        box-shadow:0 1px 0 rgba(255,255,255,.96) inset,0 14px 26px -21px rgba(8,95,104,.34)!important;
		        color:#174a52!important;
		      }
		      body #ocean-chat-container .ott-chat-advisor-kicker{
		        display:inline-flex!important;
		        align-items:center!important;
		        width:max-content!important;
		        max-width:100%!important;
		        min-height:22px!important;
		        margin:0 0 7px!important;
		        padding:0 9px!important;
		        border-radius:999px!important;
		        background:#fff!important;
		        color:#04757e!important;
		        border:1px solid rgba(4,186,199,.18)!important;
		        font-size:10.5px!important;
		        font-weight:950!important;
		        line-height:1!important;
		      }
			      body #ocean-chat-container .ott-chat-advisor-title{
			        display:block!important;
			        margin:0 0 5px!important;
			        color:#075f68!important;
			        font-size:14px!important;
			        font-weight:950!important;
			        line-height:1.25!important;
			      }
			      body #ocean-chat-container .ott-chat-brand{
			        display:inline-flex!important;
			        align-items:baseline!important;
			        gap:3px!important;
			        white-space:nowrap!important;
			        font-weight:950!important;
			      }
			      body #ocean-chat-container .ott-chat-brand-ocean{color:#24b3b3!important}
			      body #ocean-chat-container .ott-chat-brand-treasure{color:#ff9900!important}
			      body #ocean-chat-container .ott-chat-brand-travel{color:#8a6a50!important}
			      body #ocean-chat-container .ott-chat-intel-row{
			        display:flex!important;
			        flex-wrap:wrap!important;
			        gap:5px!important;
			        margin:6px 0 8px!important;
			      }
			      body #ocean-chat-container .ott-chat-intel-chip{
			        display:inline-flex!important;
			        align-items:center!important;
			        min-height:22px!important;
			        padding:0 8px!important;
			        border-radius:999px!important;
			        background:rgba(255,255,255,.86)!important;
			        border:1px solid rgba(36,179,179,.18)!important;
			        color:#247982!important;
			        font-size:10.4px!important;
			        font-weight:900!important;
			        line-height:1!important;
			      }
			      body #ocean-chat-container .ott-chat-intel-chip.is-hot{
			        background:linear-gradient(135deg,#fff3c4,#ffffff)!important;
			        border-color:rgba(255,176,57,.38)!important;
			        color:#70460a!important;
			      }
			      body #ocean-chat-container .ott-chat-service-flow{
			        display:grid!important;
			        grid-template-columns:repeat(2,minmax(0,1fr))!important;
			        gap:6px!important;
			        margin:8px 0 0!important;
			      }
			      body #ocean-chat-container .ott-chat-service-flow span{
			        display:flex!important;
			        align-items:center!important;
			        gap:6px!important;
			        min-height:28px!important;
			        padding:5px 7px!important;
			        border-radius:12px!important;
			        background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(238,253,255,.78))!important;
			        color:#2d6770!important;
			        font-size:10.6px!important;
			        font-weight:850!important;
			        line-height:1.22!important;
			        border:1px solid rgba(151,218,225,.42)!important;
			      }
			      body #ocean-chat-container .ott-chat-service-flow b{
			        flex:0 0 auto!important;
			        display:inline-flex!important;
			        align-items:center!important;
			        justify-content:center!important;
			        width:18px!important;
			        height:18px!important;
			        border-radius:999px!important;
			        background:linear-gradient(135deg,#17c0cb,#0aa1ae)!important;
			        color:#fff!important;
			        font-size:10px!important;
			        font-weight:950!important;
			      }
			      body #ocean-chat-container .ott-chat-advisor-text{
			        display:block!important;
			        margin:0!important;
		        color:#315f66!important;
		        font-size:12.4px!important;
		        font-weight:760!important;
		        line-height:1.45!important;
		      }
		      body #ocean-chat-container .ott-chat-advisor-list{
		        display:grid!important;
		        gap:5px!important;
		        margin:8px 0 0!important;
		        padding:0!important;
		        list-style:none!important;
		      }
		      body #ocean-chat-container .ott-chat-advisor-list li{
		        position:relative!important;
		        display:block!important;
		        width:100%!important;
		        min-width:0!important;
		        max-width:100%!important;
		        padding-left:21px!important;
		        color:#315f66!important;
		        font-size:12px!important;
		        font-weight:800!important;
		        line-height:1.35!important;
		        white-space:normal!important;
		        overflow-wrap:break-word!important;
		        word-break:normal!important;
		      }
		      body #ocean-chat-container .ott-chat-advisor-list li::before{
		        content:""!important;
		        position:absolute!important;
		        display:block!important;
		        left:1px!important;
		        top:0!important;
		        width:7px!important;
		        height:7px!important;
		        margin-top:5px!important;
		        border-radius:999px!important;
		        background:linear-gradient(135deg,#04bac7,#ffb039)!important;
		        box-shadow:0 0 0 4px rgba(4,186,199,.10)!important;
		      }
		      body #ocean-chat-container .ott-chat-advisor-list li .ott-chat-keyword,
		      body #ocean-chat-container .ott-chat-advisor-list li strong{
		        display:inline!important;
		        width:auto!important;
		        max-width:none!important;
		        white-space:normal!important;
		      }
		      body #ocean-chat-container .ott-chat-qr-grid{
		        display:grid!important;
		        grid-template-columns:repeat(2,minmax(0,1fr))!important;
		        gap:8px!important;
		        margin:9px 0 5px!important;
		      }
		      body #ocean-chat-container .ott-chat-qr-card{
		        position:relative!important;
		        display:block!important;
		        min-width:0!important;
		        padding:8px!important;
		        border-radius:15px!important;
		        background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(247,253,254,.88))!important;
		        border:1px solid rgba(151,218,225,.54)!important;
		        box-shadow:0 1px 0 rgba(255,255,255,.95) inset,0 10px 20px -18px rgba(8,95,104,.30)!important;
		        overflow:hidden!important;
		      }
		      body #ocean-chat-container .ott-chat-qr-top{
		        display:flex!important;
		        align-items:center!important;
		        justify-content:space-between!important;
		        gap:6px!important;
		        min-width:0!important;
		        margin-bottom:6px!important;
		      }
		      body #ocean-chat-container .ott-chat-qr-name{
		        min-width:0!important;
		        color:#075f68!important;
		        font-size:12px!important;
		        font-weight:950!important;
		        line-height:1.15!important;
		        white-space:nowrap!important;
		        overflow:hidden!important;
		        text-overflow:ellipsis!important;
		      }
		      body #ocean-chat-container .ott-chat-qr-badge{
		        flex:0 0 auto!important;
		        display:inline-flex!important;
		        align-items:center!important;
		        min-height:18px!important;
		        padding:0 7px!important;
		        border-radius:999px!important;
		        background:#fff3c4!important;
		        color:#694006!important;
	          font-size:9.5px!important;
		        font-weight:950!important;
		        line-height:1!important;
		      }
		      body #ocean-chat-container .ott-chat-qr-img{
		        display:block!important;
		        width:100%!important;
		        aspect-ratio:1/1!important;
		        height:auto!important;
		        object-fit:contain!important;
		        border-radius:12px!important;
		        background:#fff!important;
		        box-shadow:0 0 0 1px rgba(151,218,225,.42) inset!important;
		      }
		      body #ocean-chat-container .ott-chat-qr-placeholder{
		        display:grid!important;
		        place-items:center!important;
		        color:#1877f2!important;
		        font-size:30px!important;
		        font-weight:950!important;
		        line-height:1!important;
		      }
		      body #ocean-chat-container .ott-chat-qr-note{
		        display:block!important;
		        min-height:30px!important;
		        margin:6px 0!important;
		        color:#4e7177!important;
		        font-size:10.5px!important;
		        font-weight:780!important;
		        line-height:1.35!important;
		      }
		      body #ocean-chat-container .ott-chat-qr-cta{
		        display:flex!important;
		        align-items:center!important;
		        justify-content:center!important;
		        min-height:28px!important;
		        border-radius:999px!important;
		        background:linear-gradient(135deg,#17c0cb,#0aa1ae)!important;
		        color:#fff!important;
		        text-decoration:none!important;
		        font-size:10.5px!important;
		        font-weight:950!important;
		        line-height:1!important;
		        box-shadow:0 9px 16px -13px rgba(8,95,104,.45)!important;
		      }
		      body #ocean-chat-container .ott-chat-qr-card.is-line .ott-chat-qr-cta{background:linear-gradient(135deg,#06c755,#16b95d)!important}
		      body #ocean-chat-container .ott-chat-qr-card.is-kakao .ott-chat-qr-cta{background:linear-gradient(135deg,#fee500,#ffc928)!important;color:#3a2a05!important}
		      body #ocean-chat-container .ott-chat-qr-card.is-whatsapp .ott-chat-qr-cta{background:linear-gradient(135deg,#25d366,#14a95a)!important}
		      body #ocean-chat-container .ott-chat-qr-card.is-facebook .ott-chat-qr-cta{background:linear-gradient(135deg,#2f8cff,#1877f2)!important}
		      body #ocean-chat-container .ott-chat-qr-card.is-wechat .ott-chat-qr-cta{background:linear-gradient(135deg,#07c160,#119a4d)!important}
		      body #ocean-chat-container .ott-chat-action-row{
		        display:flex!important;
		        flex-wrap:wrap!important;
		        gap:6px!important;
		        margin:8px 0 0!important;
		      }
		      body #ocean-chat-container .ott-chat-action-chip{
		        display:inline-flex!important;
		        align-items:center!important;
		        justify-content:center!important;
		        min-height:26px!important;
		        padding:0 10px!important;
		        border-radius:999px!important;
		        background:#fff!important;
		        color:#04757e!important;
		        border:1px solid rgba(4,186,199,.18)!important;
		        font-size:11px!important;
		        font-weight:900!important;
		        line-height:1!important;
		        text-decoration:none!important;
		      }
		      @media(max-width:768px){
		        body #ocean-chat-container .ott-chat-product-card{
		          grid-template-columns:64px minmax(0,1fr)!important;
		          gap:8px!important;
		          padding:7px!important;
		        }
			        body #ocean-chat-container .ott-chat-product-thumb{
			          width:64px!important;
			          height:74px!important;
			        }
			        body #ocean-chat-container .ott-chat-product-name{font-size:12.6px!important}
			        body #ocean-chat-container .ott-chat-qr-grid{grid-template-columns:1fr!important}
			        body #ocean-chat-container .ott-chat-qr-card{display:grid!important;grid-template-columns:94px minmax(0,1fr)!important;gap:8px!important;align-items:center!important}
				        body #ocean-chat-container .ott-chat-qr-top{grid-column:2!important;margin:0!important}
				        body #ocean-chat-container .ott-chat-qr-img{grid-column:1!important;grid-row:1 / span 3!important}
				        body #ocean-chat-container .ott-chat-qr-note{grid-column:2!important;min-height:0!important;margin:0!important}
				        body #ocean-chat-container .ott-chat-qr-cta{grid-column:2!important;min-height:26px!important}
				        body #ocean-chat-container .ott-chat-service-flow{grid-template-columns:1fr!important}
				      }
			      body .ott-cbar{
			        top:45%!important;
			        bottom:auto!important;
			        left:0!important;
			        right:auto!important;
			        transform:translateY(-50%) scale(.94)!important;
			        transform-origin:left center!important;
			      }
			      body #gt_float_wrapper,
			      body .gtranslate_wrapper,
			      body .gt_switcher_wrapper{
			        left:10px!important;
			        right:auto!important;
			        bottom:10px!important;
			        top:auto!important;
			        width:auto!important;
			        max-width:min(360px,calc(100vw - 20px))!important;
			        justify-content:flex-start!important;
			        align-items:flex-end!important;
			        pointer-events:none!important;
			        z-index:2147482991!important;
			      }
			      body #gt_float_wrapper .gt_float_switcher,
			      body .gtranslate_wrapper .gt_float_switcher,
			      body .gt_switcher_wrapper .gt_float_switcher{
			        max-width:100%!important;
			        pointer-events:auto!important;
			      }
			      body .gt_float_switcher .gt_options{
			        left:0!important;
			        right:auto!important;
			        bottom:calc(100% + 8px)!important;
			        top:auto!important;
			        max-width:min(420px,calc(100vw - 20px))!important;
			        justify-content:flex-start!important;
			      }
			      @media(max-width:849px){
			        body .ott-cbar{
			          top:44%!important;
			          transform:translateY(-50%) scale(.90)!important;
			        }
			        body #gt_float_wrapper,
			        body .gtranslate_wrapper,
			        body .gt_switcher_wrapper{
			          left:8px!important;
			          right:auto!important;
			          bottom:8px!important;
			          max-width:calc(100vw - 16px)!important;
			        }
			        body .gt_float_switcher .gt_options{
			          left:0!important;
			          right:auto!important;
			          bottom:calc(100% + 7px)!important;
			          max-width:calc(100vw - 16px)!important;
			        }
			      }
			      @media(max-width:480px){
			        body .ott-cbar{
			          top:43%!important;
			          transform:translateY(-50%) scale(.88)!important;
			        }
			      }
			      body #ocean-chat-container:not(.ott-chat-open):not(.ott-chat-mini-hidden) .greeting-tooltip{
			        bottom:158px!important;
			        right:50%!important;
			        left:auto!important;
			        transform:translateX(50%)!important;
			        z-index:2147482994!important;
			        overflow:visible!important;
			      }
			      body #ocean-chat-container:not(.ott-chat-open):not(.ott-chat-mini-hidden) .greeting-tooltip::after{
			        left:50%!important;
			        right:auto!important;
			        bottom:-7px!important;
			        transform:translateX(-50%)!important;
			        z-index:2147482995!important;
			      }
			      @media(max-width:768px){
			        body #ocean-chat-container:not(.ott-chat-open):not(.ott-chat-mini-hidden) .greeting-tooltip{
			          right:6px!important;
			          left:auto!important;
			          bottom:112px!important;
			          transform:none!important;
			        }
			        body #ocean-chat-container:not(.ott-chat-open):not(.ott-chat-mini-hidden) .greeting-tooltip::after{
			          left:auto!important;
			          right:40px!important;
			          bottom:-7px!important;
			          transform:none!important;
			        }
			      }
			    
/* ott-v8-css */

/* Ẩn thẻ QR WeChat trong tin chào đầu (chống nháy trước khi JS thay map) */
#ocean-messages .msg-row:first-child .support-card{display:none !important;}
/* ===== Map card ===== */
.ott-v8-mapcard{margin:10px 0 6px;border-radius:16px;overflow:hidden;background:#ffffff;border:1px solid rgba(4,186,199,.22);box-shadow:0 10px 28px rgba(2,60,80,.14);font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;}
.ott-v8-maphead{display:flex;align-items:center;gap:8px;padding:10px 12px 8px;}
.ott-v8-badge{font-size:9px;font-weight:800;letter-spacing:.08em;color:#016d78;background:rgba(4,186,199,.12);border:1px solid rgba(4,186,199,.35);padding:3px 8px;border-radius:999px;white-space:nowrap;}
.ott-v8-maphead-t{font-size:12.5px;font-weight:800;color:#0b3a44;line-height:1.25;}
.ott-v8-maphead-s{font-size:10px;color:#4a6b73;margin-top:1px;}
.ott-v8-tabs{display:flex;gap:6px;padding:0 10px 8px;}
.ott-v8-tab{flex:1;font-size:10.5px;font-weight:800;padding:7px 6px;border-radius:999px;border:1px solid rgba(4,186,199,.4);background:#fff;color:#0b6d78;cursor:pointer;line-height:1.2;}
.ott-v8-tab.on{background:linear-gradient(135deg,#04bac7,#0397a5);color:#fff;border-color:transparent;box-shadow:0 3px 10px rgba(4,186,199,.35);}
.ott-v8-panel{display:none;position:relative;background:#f2f6f7;cursor:zoom-in;}
.ott-v8-panel.on{display:block;}
.ott-v8-panel svg{display:block;width:100%;height:auto;}
.ott-v8-mapfoot{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:9px 10px 10px;background:#f7fdfe;border-top:1px solid rgba(4,186,199,.14);}
.ott-v8-dirbtn{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;color:#fff;background:linear-gradient(135deg,#04bac7,#0397a5);padding:6px 10px;border-radius:999px;text-decoration:none !important;box-shadow:0 3px 10px rgba(4,186,199,.35);}
.ott-v8-dirbtn.alt{background:linear-gradient(135deg,#e2942b,#c97d1a);box-shadow:0 3px 10px rgba(226,148,43,.35);}
.ott-v8-dirbtn:hover{filter:brightness(1.07);}
.ott-v8-mapnote{flex-basis:100%;font-size:9.5px;color:#5b7a82;line-height:1.45;margin-top:2px;}
@keyframes ottV8Pulse{0%{transform:scale(.6);opacity:.85;}70%{transform:scale(1.6);opacity:0;}100%{transform:scale(1.6);opacity:0;}}
.ott-v8-pulse{transform-origin:center;transform-box:fill-box;animation:ottV8Pulse 2.2s ease-out infinite;}
/* ===== Contact card (hiện khi khách cần liên hệ) ===== */
.ott-v8-contact{margin:8px 0 4px;border-radius:14px;background:linear-gradient(150deg,#ffffff,#f2fbfc);border:1px solid rgba(4,186,199,.25);padding:11px 12px;box-shadow:0 8px 22px rgba(2,60,80,.12);font-family:'Plus Jakarta Sans',system-ui,sans-serif;}
.ott-v8-contact-title{font-size:11px;font-weight:800;letter-spacing:.05em;color:#016d78;margin-bottom:8px;display:flex;align-items:center;gap:6px;}
.ott-v8-chgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:9px;}
.ott-v8-ch{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;border-radius:10px;padding:7px 9px;text-decoration:none !important;color:#fff;}
.ott-v8-ch.zalo{background:#0068ff;}
.ott-v8-ch.wa{background:#25d366;}
.ott-v8-ch.ms{background:#1877f2;}
.ott-v8-ch.tel{background:linear-gradient(135deg,#e2942b,#cf831d);}
.ott-v8-ch:hover{filter:brightness(1.08);}
.ott-v8-wechatbox{display:flex;gap:10px;align-items:center;background:#fff;border:1px dashed rgba(4,186,199,.45);border-radius:10px;padding:8px;}
.ott-v8-wechatbox img{width:74px;height:74px;border-radius:8px;object-fit:cover;flex:0 0 auto;}
.ott-v8-wechatbox .t{font-size:10px;color:#33565e;line-height:1.5;}
.ott-v8-wechatbox .t b{color:#0b3a44;font-size:10.5px;}
.ott-v8-offices{margin-top:8px;font-size:9.5px;color:#5b7a82;line-height:1.55;}
.ott-v8-offices b{color:#0b3a44;}
/* v8.7: map lớn + lightbox phóng to */
#ocean-messages .msg-row:first-child .bubble.bot{max-width:96% !important;}
.ott-v8-zoomhint{position:absolute;right:10px;bottom:10px;font-size:9.5px;font-weight:800;color:#0b6d78;background:rgba(255,255,255,.94);border:1px solid rgba(4,186,199,.45);padding:4px 10px;border-radius:999px;pointer-events:none;box-shadow:0 3px 10px rgba(20,60,72,.18);}
.ott-v8-lb{position:fixed;inset:0;z-index:2147483647;background:rgba(241,246,248,.93);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:14px;cursor:zoom-out;}
.ott-v8-lb-in{position:relative;width:min(1100px,97vw);max-height:96vh;}
.ott-v8-lb-in svg{width:100%;height:auto;max-height:94vh;filter:drop-shadow(0 26px 60px rgba(20,60,72,.28));border-radius:18px;}
.ott-v8-lb-x{position:absolute;top:2px;right:2px;width:36px;height:36px;border-radius:50%;border:none;background:#0b3a44;color:#fff;font-size:21px;font-weight:800;cursor:pointer;box-shadow:0 6px 18px rgba(2,40,50,.35);}
/* v9.0: bản đồ vệ tinh Google thật + tối ưu hiệu năng gõ phím */
.ott-v8-mapcard{contain:content;}
.ott-v8-geo{position:relative;background:#e8edf0;}
.ott-v8-geo iframe{display:block;width:100%;height:330px;border:0;}
.ott-v8-geo-badge{position:absolute;left:10px;top:10px;display:flex;gap:8px;align-items:center;background:rgba(255,255,255,.95);border:1px solid rgba(4,186,199,.45);border-radius:12px;padding:6px 10px 6px 6px;box-shadow:0 6px 18px rgba(20,60,72,.18);max-width:82%;pointer-events:none;}
.ott-v8-geo-badge img{width:44px;height:44px;border-radius:9px;}
.ott-v8-geo-badge span{font-size:9.5px;line-height:1.35;color:#33565e;}
.ott-v8-geo-badge b{font-size:10.5px;color:#0b3a44;}
.ott-v8-poigrid{display:grid;grid-template-columns:1fr 1fr;gap:5px 10px;padding:9px 12px 5px;background:#fff;cursor:zoom-in;}
.ott-v8-poi{display:flex;gap:6px;align-items:baseline;font-size:9.8px;color:#4a6b73;}
.ott-v8-poi i{width:8px;height:8px;border-radius:50%;flex:0 0 auto;transform:translateY(1px);}
.ott-v8-poi b{color:#243239;font-size:10px;}
.ott-v8-poi em{font-style:normal;color:#8a6d1f;font-weight:700;margin-left:auto;white-space:nowrap;}
.ott-v8-lb-in iframe{width:100%;height:88vh;border:0;border-radius:14px;background:#e8edf0;}
.ott-v8-gmap{height:420px;width:100%;background:#e8edf0;}
.ott-v8-gmap.big{height:88vh;border-radius:14px;overflow:hidden;}
.ott-v8-pok+*{}
/* chip mới trên thanh công cụ */
.tool-btn.ott-v8-chip{border-color:rgba(226,148,43,.55) !important;}

/* FIX ott-v96 patch: mobile menu icon visibility + GTranslate white-bg dark-brown-text */
@media (max-width: 849px) {
  body #masthead .mobile-nav.nav-left .nav-icon,
  body .header-wrapper .mobile-nav.nav-left .nav-icon {
    background: #04bac7 !important;
    border-radius: 10px !important;
  }
  body #masthead .mobile-nav.nav-left .nav-icon .icon-menu,
  body .header-wrapper .mobile-nav.nav-left .nav-icon .icon-menu {
    color: #ffffff !important;
  }
}
html body #gt_float_wrapper .gt_float_switcher,
html body #gt_float_wrapper .gt_float_switcher .gt-selected {
  background: #ffffff !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.18) !important;
  border: 1px solid rgba(0,0,0,.08) !important;
}
html body #gt_float_wrapper .gt_float_switcher .gt-selected,
html body #gt_float_wrapper .gt_float_switcher .gt-selected .gt-current-lang,
html body #gt_float_wrapper .gt_float_switcher .gt-selected .gt-lang-code,
html body #gt_float_wrapper .gt_float_switcher .gt-selected .gt_float_switcher-arrow {
  color: #3a1f14 !important;
}
/* v9.6 — map ảnh + tab nhạt + hamburger 3 vạch + menu mobile */
.ott-v8-mapimg{display:block;width:100%;height:auto;border-radius:12px;}
.ott-v8-panel{cursor:zoom-in;padding:0;background:transparent;}
.ott-v8-lb-in img{display:block;width:100%;height:auto;max-height:94vh;object-fit:contain;border-radius:14px;background:#fff;}
#ocean-messages{contain:layout paint;}
.ott-v8-zoomhint{position:absolute;right:12px;bottom:12px;font-size:10px;font-weight:800;color:#0b6d78;background:rgba(255,255,255,.9);border:1px solid rgba(4,186,199,.4);padding:3px 9px;border-radius:999px;pointer-events:none;}
.ott-v8-tabs{gap:5px;}
.ott-v8-tab{flex:1;font-size:11px;font-weight:700;padding:6px 4px;border-radius:999px;border:1px solid rgba(4,186,199,.35)!important;background:#f3fbfc!important;color:#0b6d78!important;box-shadow:none!important;}
.ott-v8-tab.on{background:rgba(4,186,199,.14)!important;color:#046d78!important;border-color:rgba(4,186,199,.6)!important;font-weight:800;}
.ott-v8-mapfoot{background:#f7fdfe;border-top:1px solid rgba(4,186,199,.14);padding:8px 12px;}
.ott-v8-mapnote{font-size:11px;color:#4a6f79;}
/* Hamburger: KHÔNG nền, chỉ 3 vạch màu teal */
body #masthead .mobile-nav.nav-left .nav-icon,
body .header-wrapper .mobile-nav.nav-left .nav-icon,
body #masthead .mobile-nav .nav-icon,
body .header-wrapper .mobile-nav .nav-icon{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important;}
body #masthead .mobile-nav .nav-icon .icon-menu,
body .header-wrapper .mobile-nav .nav-icon .icon-menu,
body .mobile-nav .icon-menu::before{color:#0b6d78!important;background-color:currentColor!important;}
body .mobile-nav .icon-menu{color:#0b6d78!important;}
/* Menu mobile không bị crop + giá cuối menu đúng màu */
#main-menu .nav-sidebar,.mfp-content #main-menu{max-height:100vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;}
#main-menu .cart-item a,#main-menu li.cart-item .amount,#main-menu .nav-sidebar .amount{color:#0b6d78!important;font-weight:700;}
#main-menu .cart-item .amount bdi{color:#0b6d78!important;}

/* ott-ux-gt-modern-language-v181 */

    html body #gt_float_wrapper,
    html body .gtranslate_wrapper,
    html body .gt_switcher_wrapper{
      position:fixed!important;
      left:10px!important;
      right:auto!important;
      bottom:10px!important;
      top:auto!important;
      z-index:2147482991!important;
      width:auto!important;
      max-width:calc(100vw - 20px)!important;
      display:flex!important;
      align-items:flex-end!important;
      justify-content:flex-start!important;
      pointer-events:none!important;
      overflow:visible!important;
    }
    html body #gt_float_wrapper .gt_float_switcher,
    html body .gtranslate_wrapper .gt_float_switcher,
    html body .gt_switcher_wrapper .gt_float_switcher{
      position:relative!important;
      isolation:isolate!important;
      float:none!important;
      pointer-events:auto!important;
      width:auto!important;
      min-width:0!important;
      max-width:calc(100vw - 20px)!important;
      min-height:0!important;
      padding:4px!important;
      border-radius:22px!important;
      overflow:visible!important;
      background:linear-gradient(145deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.82) 62%,rgba(255,255,255,.68) 100%)!important;
      border:1px solid rgba(255,255,255,.90)!important;
      box-shadow:0 1px 0 rgba(255,255,255,1) inset,0 -1px 0 rgba(23,36,42,.05) inset,0 0 0 1px rgba(199,217,221,.28),0 16px 34px -27px rgba(20,39,45,.42)!important;
      backdrop-filter:blur(20px) saturate(1.04)!important;
      -webkit-backdrop-filter:blur(20px) saturate(1.04)!important;
      transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important;
    }
    html body #gt_float_wrapper .gt_float_switcher::before,
    html body .gtranslate_wrapper .gt_float_switcher::before,
    html body .gt_switcher_wrapper .gt_float_switcher::before{
      content:""!important;
      position:absolute!important;
      inset:2px!important;
      z-index:-1!important;
      border-radius:19px!important;
      pointer-events:none!important;
      background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(255,255,255,0) 54%,rgba(255,199,92,.12))!important;
    }
    html body #gt_float_wrapper .gt_float_switcher:hover,
    html body .gtranslate_wrapper .gt_float_switcher:hover,
    html body .gt_switcher_wrapper .gt_float_switcher:hover{
      transform:translateY(-1px)!important;
      background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,255,255,.88) 62%,rgba(255,255,255,.76))!important;
      box-shadow:0 1px 0 rgba(255,255,255,1) inset,0 -1px 0 rgba(23,36,42,.05) inset,0 0 0 1px rgba(199,217,221,.34),0 18px 36px -27px rgba(20,39,45,.48)!important;
    }
    html body .gt_float_switcher .gt-selected,
    html body .gt_float_switcher .gt-selected .gt-current-lang{
      float:none!important;
      display:inline-flex!important;
      align-items:center!important;
      justify-content:center!important;
      min-height:38px!important;
      height:auto!important;
      border-radius:18px!important;
      background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(255,255,255,.90) 58%,rgba(248,249,249,.78))!important;
      border:1px solid rgba(226,236,238,.88)!important;
      box-shadow:0 1px 0 rgba(255,255,255,1) inset,0 8px 18px -16px rgba(23,36,42,.30),0 0 0 1px rgba(255,255,255,.64)!important;
      color:#34484d!important;
      text-shadow:0 1px 0 rgba(255,255,255,.86)!important;
      overflow:visible!important;
      text-decoration:none!important;
      transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
    }
    html body .gt_float_switcher .gt-selected:hover{
      background:linear-gradient(145deg,#ffffff 0%,rgba(255,255,255,.94) 58%,rgba(250,251,251,.84) 100%)!important;
      box-shadow:0 1px 0 rgba(255,255,255,1) inset,0 11px 22px -17px rgba(23,36,42,.34),0 0 0 3px rgba(255,255,255,.58)!important;
    }
    html body .gt_float_switcher .gt-selected .gt-current-lang{
      gap:7px!important;
      padding:8px 12px!important;
      font-family:var(--font-base,"Plus Jakarta Sans",Roboto,sans-serif)!important;
      font-size:12.4px!important;
      font-weight:900!important;
      line-height:1!important;
      letter-spacing:0!important;
      white-space:nowrap!important;
    }
    html body .gt_float_switcher .gt-selected .gt-current-lang::after{
      content:""!important;
      width:7px!important;
      height:7px!important;
      margin-left:2px!important;
      border-right:2px solid #8a9da2!important;
      border-bottom:2px solid #8a9da2!important;
      transform:rotate(45deg) translateY(-2px)!important;
      opacity:.92!important;
      flex:0 0 auto!important;
      transition:transform .18s ease,opacity .18s ease!important;
    }
    html body .gt_float_switcher:hover .gt-selected .gt-current-lang::after{
      transform:rotate(225deg) translate(-1px,-1px)!important;
      opacity:1!important;
    }
    html body .gt_float_switcher .gt_options{
      position:absolute!important;
      left:0!important;
      right:auto!important;
      bottom:calc(100% + 9px)!important;
      top:auto!important;
      z-index:2147482993!important;
      float:none!important;
      display:none;
      flex-direction:row!important;
      align-items:center!important;
      justify-content:flex-start!important;
      gap:7px!important;
      width:max-content!important;
      max-width:calc(100vw - 20px)!important;
      max-height:none!important;
      padding:7px!important;
      border-radius:20px!important;
      background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(255,255,255,.86) 64%,rgba(255,255,255,.74))!important;
      border:1px solid rgba(255,255,255,.92)!important;
      box-shadow:0 1px 0 rgba(255,255,255,1) inset,0 -1px 0 rgba(23,36,42,.05) inset,0 0 0 1px rgba(199,217,221,.28),0 20px 40px -29px rgba(20,39,45,.46)!important;
      backdrop-filter:blur(20px) saturate(1.04)!important;
      -webkit-backdrop-filter:blur(20px) saturate(1.04)!important;
      overflow-x:auto!important;
      overflow-y:hidden!important;
      white-space:nowrap!important;
      scrollbar-width:none!important;
    }
    html body .gt_float_switcher .gt_options.gt-open{
      display:flex!important;
      opacity:1!important;
      transform:translateY(0)!important;
    }
    html body .gt_float_switcher .gt_options::-webkit-scrollbar{
      display:none!important;
    }
    html body .gt_float_switcher .gt_options a,
    html body .gt_float_switcher .gt_options a.nturl{
      display:inline-flex!important;
      align-items:center!important;
      justify-content:center!important;
      gap:7px!important;
      flex:0 0 auto!important;
      min-height:32px!important;
      padding:7px 10px!important;
      border-radius:999px!important;
      background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(252,253,253,.90) 58%,rgba(247,249,249,.82))!important;
      border:1px solid rgba(226,236,238,.86)!important;
      box-shadow:0 1px 0 rgba(255,255,255,1) inset,0 8px 16px -15px rgba(23,36,42,.24),0 0 0 1px rgba(255,255,255,.64)!important;
      color:#34484d!important;
      font-family:var(--font-base,"Plus Jakarta Sans",Roboto,sans-serif)!important;
      font-size:11.5px!important;
      font-weight:840!important;
      line-height:1!important;
      letter-spacing:0!important;
      text-decoration:none!important;
      text-shadow:0 1px 0 rgba(255,255,255,.82)!important;
      transition:transform .16s ease,box-shadow .16s ease,color .16s ease,background .16s ease!important;
    }
    html body .gt_float_switcher .gt_options a:hover,
    html body .gt_float_switcher .gt_options a:focus{
      transform:translateY(-1px)!important;
      color:#7c4a10!important;
      background:linear-gradient(145deg,#ffffff 0%,#fff8ea 48%,#fafdfd 100%)!important;
      border-color:rgba(245,190,92,.62)!important;
      box-shadow:0 1px 0 rgba(255,255,255,1) inset,0 10px 20px -15px rgba(245,190,92,.40),0 0 0 3px rgba(255,247,231,.68)!important;
    }
    html body .gt_float_switcher img{
      width:25px!important;
      min-width:25px!important;
      height:17px!important;
      object-fit:cover!important;
      margin:0!important;
      border-radius:7px!important;
      border:2px solid rgba(255,255,255,.94)!important;
      background:#fff!important;
      box-shadow:0 1px 0 rgba(255,255,255,.96) inset,0 0 0 1px rgba(23,36,42,.08),0 7px 13px -10px rgba(23,36,42,.42)!important;
    }
    @media(max-width:760px){
      html body #gt_float_wrapper,
      html body .gtranslate_wrapper,
      html body .gt_switcher_wrapper{
        left:8px!important;
        bottom:8px!important;
        max-width:calc(100vw - 16px)!important;
      }
      html body #gt_float_wrapper .gt_float_switcher,
      html body .gtranslate_wrapper .gt_float_switcher,
      html body .gt_switcher_wrapper .gt_float_switcher{
        padding:3px!important;
        border-radius:20px!important;
      }
      html body #gt_float_wrapper .gt_float_switcher::before,
      html body .gtranslate_wrapper .gt_float_switcher::before,
      html body .gt_switcher_wrapper .gt_float_switcher::before{
        border-radius:17px!important;
      }
      html body .gt_float_switcher .gt-selected,
      html body .gt_float_switcher .gt-selected .gt-current-lang{
        min-height:36px!important;
      }
      html body .gt_float_switcher .gt-selected .gt-current-lang{
        gap:6px!important;
        padding:7px 10px!important;
        font-size:11.4px!important;
      }
      html body .gt_float_switcher img{
        width:23px!important;
        min-width:23px!important;
        height:16px!important;
        border-radius:6px!important;
      }
      html body .gt_float_switcher .gt_options{
        bottom:calc(100% + 8px)!important;
        max-width:calc(100vw - 16px)!important;
        border-radius:18px!important;
        gap:6px!important;
        padding:6px!important;
      }
      html body .gt_float_switcher .gt_options a,
      html body .gt_float_switcher .gt_options a.nturl{
        min-height:30px!important;
        padding:6px 9px!important;
        font-size:10.8px!important;
      }
    }
    html body .ott-cbar .ott-map.ott-cbar-item,
    html body .ott-cbar .ott-zalo.ott-cbar-item,
    html body .ott-cbar .ott-fb.ott-cbar-item,
    html body .ott-cbar .ott-wa.ott-cbar-item,
    html body .ott-cbar .ott-wechat.ott-cbar-item{
      width:48px!important;
      min-width:48px!important;
      height:48px!important;
      min-height:48px!important;
    }
    html body .ott-cbar .ott-map .ott-cbar-ic,
    html body .ott-cbar .ott-zalo .ott-cbar-ic,
    html body .ott-cbar .ott-fb .ott-cbar-ic,
    html body .ott-cbar .ott-wa .ott-cbar-ic,
    html body .ott-cbar .ott-wechat .ott-cbar-ic{
      width:48px!important;
      min-width:48px!important;
      height:48px!important;
      min-height:48px!important;
      flex:0 0 48px!important;
    }
    html body .ott-cbar .ott-map .ott-cbar-ic svg,
    html body .ott-cbar .ott-fb .ott-cbar-ic svg,
    html body .ott-cbar .ott-wa .ott-cbar-ic svg,
    html body .ott-cbar .ott-wechat .ott-cbar-ic svg{
      width:31px!important;
      height:31px!important;
      max-width:31px!important;
      max-height:31px!important;
    }
    html body .ott-cbar .ott-zalo .ott-cbar-zalotext{
      font-size:15px!important;
      line-height:1!important;
      font-weight:900!important;
    }
    @media(max-width:849px){
      html body .ott-cbar .ott-map.ott-cbar-item,
      html body .ott-cbar .ott-zalo.ott-cbar-item,
      html body .ott-cbar .ott-fb.ott-cbar-item,
      html body .ott-cbar .ott-wa.ott-cbar-item,
      html body .ott-cbar .ott-wechat.ott-cbar-item{
        width:46px!important;
        min-width:46px!important;
        height:46px!important;
        min-height:46px!important;
      }
      html body .ott-cbar .ott-map .ott-cbar-ic,
      html body .ott-cbar .ott-zalo .ott-cbar-ic,
      html body .ott-cbar .ott-fb .ott-cbar-ic,
      html body .ott-cbar .ott-wa .ott-cbar-ic,
      html body .ott-cbar .ott-wechat .ott-cbar-ic{
        width:46px!important;
        min-width:46px!important;
        height:46px!important;
        min-height:46px!important;
        flex-basis:46px!important;
      }
      html body .ott-cbar .ott-map .ott-cbar-ic svg,
      html body .ott-cbar .ott-fb .ott-cbar-ic svg,
      html body .ott-cbar .ott-wa .ott-cbar-ic svg,
      html body .ott-cbar .ott-wechat .ott-cbar-ic svg{
        width:30px!important;
        height:30px!important;
        max-width:30px!important;
        max-height:30px!important;
      }
      html body .ott-cbar .ott-zalo .ott-cbar-zalotext{
        font-size:14.6px!important;
      }
    }
    html body.home #row-314544048{
      display:grid!important;
      grid-template-columns:repeat(2,minmax(0,1fr))!important;
      gap:clamp(10px,1.45vw,16px)!important;
      width:100%!important;
      max-width:1180px!important;
      margin-left:auto!important;
      margin-right:auto!important;
      padding:0 clamp(10px,2vw,18px)!important;
      box-sizing:border-box!important;
      align-items:stretch!important;
      justify-content:center!important;
      box-shadow:none!important;
    }
    html body.home #row-314544048::before,
    html body.home #row-314544048::after{
      content:none!important;
      display:none!important;
    }
    html body.home #row-314544048>.post-item{
      width:100%!important;
      max-width:none!important;
      flex:0 0 auto!important;
      display:block!important;
      padding:0!important;
      margin:0!important;
      box-sizing:border-box!important;
    }
    html body.home #row-314544048 .post-item .col-inner{
      position:relative!important;
      isolation:isolate!important;
      display:grid!important;
      grid-template-rows:auto minmax(0,1fr)!important;
      height:100%!important;
      min-height:0!important;
      overflow:hidden!important;
      border:1px solid rgba(184,232,237,.58)!important;
      border-radius:20px!important;
      background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(244,253,254,.62))!important;
      box-shadow:0 1px 0 rgba(255,255,255,.92) inset,0 22px 48px -38px rgba(4,61,73,.38)!important;
      backdrop-filter:blur(14px) saturate(1.04)!important;
      -webkit-backdrop-filter:blur(14px) saturate(1.04)!important;
      transform:translateZ(0)!important;
    }
    html body.home #row-314544048 .post-item .box{
      display:grid!important;
      grid-template-rows:auto minmax(0,1fr)!important;
      height:100%!important;
      margin:0!important;
      background:transparent!important;
    }
    html body.home #row-314544048 .post-item .box-image{
      position:relative!important;
      z-index:1!important;
      margin:0!important;
      border-radius:20px 20px 0 0!important;
      overflow:hidden!important;
      background:rgba(255,255,255,.50)!important;
    }
    html body.home #row-314544048 .post-item .box-image .image-cover{
      padding-top:52%!important;
    }
    html body.home #row-314544048 .post-item .box-image img{
      width:100%!important;
      height:100%!important;
      object-fit:cover!important;
      object-position:center center!important;
      filter:saturate(1.06) contrast(1.02) brightness(1.02)!important;
      transform:translateZ(0)!important;
    }
    html body.home #row-314544048 .post-item .box-image::before{
      left:12px!important;
      top:12px!important;
      min-height:24px!important;
      padding:0 10px!important;
      border:0!important;
      border-radius:999px!important;
      background:rgba(255,255,255,.84)!important;
      color:#04757e!important;
      box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 18px -14px rgba(4,61,73,.28)!important;
      backdrop-filter:blur(10px)!important;
      -webkit-backdrop-filter:blur(10px)!important;
      font-size:9px!important;
    }
    html body.home #row-314544048 .post-item .box-text{
      position:relative!important;
      z-index:2!important;
      display:grid!important;
      grid-template-rows:auto auto minmax(0,1fr) auto!important;
      gap:6px!important;
      min-height:128px!important;
      padding:11px 14px 13px!important;
      text-align:left!important;
      background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(246,253,254,.52))!important;
    }
    html body.home #row-314544048 .post-item .cat-label{
      display:inline-flex!important;
      width:max-content!important;
      max-width:100%!important;
      margin:0!important;
      padding:4px 9px!important;
      border-radius:999px!important;
      background:rgba(255,255,255,.76)!important;
      color:#04757e!important;
      box-shadow:0 1px 0 rgba(255,255,255,.88) inset,0 8px 15px -14px rgba(4,61,73,.24)!important;
      font-size:8.8px!important;
      line-height:1!important;
      font-weight:950!important;
      letter-spacing:.04em!important;
      text-transform:uppercase!important;
    }
    html body.home #row-314544048 .post-item .post-title,
    html body.home #row-314544048 .post-item h5.post-title{
      margin:0!important;
      min-height:42px!important;
      height:42px!important;
      max-height:42px!important;
      overflow:hidden!important;
    }
    html body.home #row-314544048 .post-item .post-title a,
    html body.home #row-314544048 .post-item h5.post-title a,
    html body.home #row-314544048 .post-item .box-text .post-title a{
      display:-webkit-box!important;
      -webkit-line-clamp:2!important;
      -webkit-box-orient:vertical!important;
      overflow:hidden!important;
      color:#05666f!important;
      -webkit-text-fill-color:#05666f!important;
      font-size:clamp(14px,1.24vw,18px)!important;
      line-height:1.17!important;
      font-weight:950!important;
      letter-spacing:0!important;
      text-transform:none!important;
      text-align:left!important;
      text-decoration:none!important;
      text-shadow:0 1px 0 rgba(255,255,255,.78)!important;
    }
    html body.home #row-314544048 .post-item .from_the_blog_excerpt,
    html body.home #row-314544048 .post-item .post-excerpt,
    html body.home #row-314544048 .post-item .box-text p{
      display:-webkit-box!important;
      -webkit-line-clamp:1!important;
      -webkit-box-orient:vertical!important;
      overflow:hidden!important;
      margin:0!important;
      color:#647b80!important;
      font-size:10.8px!important;
      font-weight:650!important;
      line-height:1.35!important;
    }
    html body.home #row-314544048 .post-item .box-text .is-divider{
      width:34px!important;
      height:2px!important;
      margin:0!important;
      border-radius:999px!important;
      background:linear-gradient(90deg,#04bac7,#f7941d)!important;
      opacity:.82!important;
    }
    html body.home #row-314544048 .post-item .blog-post-inner::after{
      margin-top:2px!important;
      border:0!important;
      border-left:0!important;
      background:rgba(255,255,255,.66)!important;
      box-shadow:0 1px 0 rgba(255,255,255,.86) inset,0 8px 16px -15px rgba(4,61,73,.24)!important;
      color:#04757e!important;
      font-size:8.8px!important;
    }
    @media(max-width:760px){
      html body.home #row-314544048{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
        max-width:100%!important;
        padding:0 8px!important;
      }
      html body.home #row-314544048 .post-item .col-inner{border-radius:15px!important}
      html body.home #row-314544048 .post-item .box-image{border-radius:15px 15px 0 0!important}
      html body.home #row-314544048 .post-item .box-image .image-cover{padding-top:66%!important}
      html body.home #row-314544048 .post-item .box-image::before{left:9px!important;top:9px!important;min-height:20px!important;padding:0 7px!important;font-size:7.4px!important}
      html body.home #row-314544048 .post-item .box-text{min-height:112px!important;padding:9px 9px 10px!important;gap:5px!important}
      html body.home #row-314544048 .post-item .cat-label{font-size:7.6px!important;padding:3px 7px!important}
      html body.home #row-314544048 .post-item .post-title,
      html body.home #row-314544048 .post-item h5.post-title{min-height:34px!important;height:34px!important;max-height:34px!important}
      html body.home #row-314544048 .post-item .post-title a,
      html body.home #row-314544048 .post-item h5.post-title a{font-size:11.2px!important;line-height:1.24!important}
      html body.home #row-314544048 .post-item .from_the_blog_excerpt,
      html body.home #row-314544048 .post-item .post-excerpt,
      html body.home #row-314544048 .post-item .box-text p{display:none!important}
      html body.home #row-314544048 .post-item .blog-post-inner::after{font-size:7.6px!important}
    }
    html body.home .row.large-columns-4.medium-columns-3.small-columns-2.row-xsmall.has-shadow.row-box-shadow-2.row-box-shadow-3-hover:not(.products){
      display:grid!important;
      grid-template-columns:repeat(2,minmax(0,1fr))!important;
      gap:clamp(10px,1.45vw,16px)!important;
      width:100%!important;
      max-width:1180px!important;
      margin-left:auto!important;
      margin-right:auto!important;
      padding:0 clamp(10px,2vw,18px)!important;
      box-sizing:border-box!important;
      align-items:stretch!important;
      justify-content:center!important;
      box-shadow:none!important;
    }
    html body.home .row.large-columns-4.medium-columns-3.small-columns-2.row-xsmall.has-shadow.row-box-shadow-2.row-box-shadow-3-hover:not(.products)>.post-item{
      width:100%!important;
      max-width:none!important;
      flex:0 0 auto!important;
      display:block!important;
      padding:0!important;
      margin:0!important;
      box-sizing:border-box!important;
    }
    html body.home .row.large-columns-4.medium-columns-3.small-columns-2.row-xsmall.has-shadow.row-box-shadow-2.row-box-shadow-3-hover:not(.products) .box-image .image-cover{
      padding-top:52%!important;
    }
    html body.home .row.large-columns-4.medium-columns-3.small-columns-2.row-xsmall.has-shadow.row-box-shadow-2.row-box-shadow-3-hover:not(.products) .box-text{
      min-height:128px!important;
      padding:11px 14px 13px!important;
      gap:6px!important;
    }
    html body.home .row.large-columns-4.medium-columns-3.small-columns-2.row-xsmall.has-shadow.row-box-shadow-2.row-box-shadow-3-hover:not(.products) .post-title,
    html body.home .row.large-columns-4.medium-columns-3.small-columns-2.row-xsmall.has-shadow.row-box-shadow-2.row-box-shadow-3-hover:not(.products) h5.post-title{
      min-height:42px!important;
      height:42px!important;
      max-height:42px!important;
    }
    html body.home .row.large-columns-4.medium-columns-3.small-columns-2.row-xsmall.has-shadow.row-box-shadow-2.row-box-shadow-3-hover:not(.products) .post-title a,
    html body.home .row.large-columns-4.medium-columns-3.small-columns-2.row-xsmall.has-shadow.row-box-shadow-2.row-box-shadow-3-hover:not(.products) h5.post-title a{
      font-size:clamp(14px,1.24vw,18px)!important;
      line-height:1.17!important;
    }
    @media(max-width:760px){
      html body.home .row.large-columns-4.medium-columns-3.small-columns-2.row-xsmall.has-shadow.row-box-shadow-2.row-box-shadow-3-hover:not(.products){
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:8px!important;
        max-width:100%!important;
        padding:0 8px!important;
      }
      html body.home .row.large-columns-4.medium-columns-3.small-columns-2.row-xsmall.has-shadow.row-box-shadow-2.row-box-shadow-3-hover:not(.products) .box-image .image-cover{
        padding-top:66%!important;
      }
      html body.home .row.large-columns-4.medium-columns-3.small-columns-2.row-xsmall.has-shadow.row-box-shadow-2.row-box-shadow-3-hover:not(.products) .box-text{
        min-height:112px!important;
        padding:9px 9px 10px!important;
        gap:5px!important;
      }
      html body.home .row.large-columns-4.medium-columns-3.small-columns-2.row-xsmall.has-shadow.row-box-shadow-2.row-box-shadow-3-hover:not(.products) .post-title,
      html body.home .row.large-columns-4.medium-columns-3.small-columns-2.row-xsmall.has-shadow.row-box-shadow-2.row-box-shadow-3-hover:not(.products) h5.post-title{
        min-height:34px!important;
        height:34px!important;
        max-height:34px!important;
      }
      html body.home .row.large-columns-4.medium-columns-3.small-columns-2.row-xsmall.has-shadow.row-box-shadow-2.row-box-shadow-3-hover:not(.products) .post-title a,
      html body.home .row.large-columns-4.medium-columns-3.small-columns-2.row-xsmall.has-shadow.row-box-shadow-2.row-box-shadow-3-hover:not(.products) h5.post-title a{
        font-size:11.2px!important;
        line-height:1.24!important;
      }
      html body.home .row.large-columns-4.medium-columns-3.small-columns-2.row-xsmall.has-shadow.row-box-shadow-2.row-box-shadow-3-hover:not(.products) .from_the_blog_excerpt,
      html body.home .row.large-columns-4.medium-columns-3.small-columns-2.row-xsmall.has-shadow.row-box-shadow-2.row-box-shadow-3-hover:not(.products) .post-excerpt,
      html body.home .row.large-columns-4.medium-columns-3.small-columns-2.row-xsmall.has-shadow.row-box-shadow-2.row-box-shadow-3-hover:not(.products) .box-text p{
        display:none!important;
      }
    }
    
/* ott-header-search-unify-v15 */

/* Unified account and cart controls: one clear glyph, one count badge. */
body #masthead li.ott-header-commerce-item > a.ott-header-commerce-link,
body #header li.ott-header-commerce-item > a.ott-header-commerce-link {
  position:relative !important;
  display:grid !important;
  place-items:center !important;
  width:40px !important;
  min-width:40px !important;
  height:40px !important;
  min-height:40px !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,.76) !important;
  border-radius:13px !important;
  background:#176442 !important;
  color:#fff !important;
  box-shadow:0 5px 13px rgba(23,100,66,.20) !important;
  text-decoration:none !important;
  isolation:isolate;
  transition:background .18s ease, box-shadow .18s ease, transform .18s ease !important;
}
body #masthead li.ott-header-commerce-item > a.ott-header-commerce-link:hover,
body #masthead li.ott-header-commerce-item > a.ott-header-commerce-link:focus-visible,
body #header li.ott-header-commerce-item > a.ott-header-commerce-link:hover,
body #header li.ott-header-commerce-item > a.ott-header-commerce-link:focus-visible {
  background:#105237 !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(16,82,55,.27) !important;
  transform:translateY(-1px);
}
body #masthead li.ott-header-commerce-item > a.ott-header-commerce-link:focus-visible,
body #header li.ott-header-commerce-item > a.ott-header-commerce-link:focus-visible {
  outline:3px solid rgba(31,122,75,.28) !important;
  outline-offset:3px !important;
}
body #masthead .ott-header-commerce-link > svg,
body #header .ott-header-commerce-link > svg {
  position:relative !important;
  z-index:1 !important;
  display:block !important;
  width:21px !important;
  height:21px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  fill:none !important;
  stroke:currentColor !important;
  color:#fff !important;
}
body #masthead .ott-header-cart-svg::before,
body #masthead .ott-header-cart-svg::after,
body #header .ott-header-cart-svg::before,
body #header .ott-header-cart-svg::after {
  content:none !important;
  display:none !important;
}
body #masthead .ott-header-commerce-link .ott-cart-metrics,
body #header .ott-header-commerce-link .ott-cart-metrics {
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  pointer-events:none !important;
}
body #masthead .ott-header-commerce-link .ott-cart-count,
body #header .ott-header-commerce-link .ott-cart-count {
  position:absolute !important;
  top:-7px !important;
  right:-8px !important;
  z-index:3 !important;
  display:grid !important;
  place-items:center !important;
  width:19px !important;
  min-width:19px !important;
  height:19px !important;
  min-height:19px !important;
  margin:0 !important;
  padding:0 2px !important;
  overflow:hidden !important;
  border:2px solid #fff !important;
  border-radius:999px !important;
  background:#2c7a49 !important;
  color:#fff !important;
  font:800 10px/1 Arial,sans-serif !important;
  letter-spacing:0 !important;
  text-align:center !important;
  text-shadow:none !important;
  box-shadow:0 2px 6px rgba(15,72,43,.25) !important;
}
body #masthead .ott-header-commerce-link .ott-cart-total,
body #header .ott-header-commerce-link .ott-cart-total {
  display:none !important;
}
body #masthead .ott-header-commerce-divider,
body #header .ott-header-commerce-divider {
  display:none !important;
}

/* Keep the category button and search input as a single composed control. */
body #masthead .header-search-form .searchform .flex-row.relative,
body #header .header-search-form .searchform .flex-row.relative {
  display:flex !important;
  align-items:stretch !important;
  gap:0 !important;
  min-height:46px !important;
  overflow:visible !important;
  border:1px solid rgba(23,100,66,.20) !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:0 5px 16px rgba(22,79,63,.06) !important;
  transition:border-color .18s ease, box-shadow .18s ease !important;
}
body #masthead .header-search-form .searchform .flex-row.relative:focus-within,
body #header .header-search-form .searchform .flex-row.relative:focus-within {
  border-color:rgba(23,100,66,.58) !important;
  box-shadow:0 0 0 3px rgba(42,122,73,.12),0 6px 17px rgba(22,79,63,.09) !important;
}
body #masthead .header-search-form .ott-search-all-col,
body #header .header-search-form .ott-search-all-col {
  position:relative !important;
  z-index:5 !important;
  display:flex !important;
  flex:0 0 auto !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
}
body #masthead .header-search-form .ott-cat-toggle,
body #header .header-search-form .ott-cat-toggle {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:44px !important;
  min-height:44px !important;
  margin:0 !important;
  padding:0 16px !important;
  border:0 !important;
  border-right:1px solid rgba(23,100,66,.14) !important;
  border-radius:13px 0 0 13px !important;
  background:#f0f6f1 !important;
  color:#155f3f !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  line-height:1 !important;
  white-space:nowrap !important;
  box-shadow:none !important;
  transition:background .18s ease,color .18s ease !important;
}
body #masthead .header-search-form .ott-cat-toggle:hover,
body #masthead .header-search-form .ott-cat-toggle[aria-expanded="true"],
body #header .header-search-form .ott-cat-toggle:hover,
body #header .header-search-form .ott-cat-toggle[aria-expanded="true"] {
  background:#e1eee4 !important;
  color:#0e5034 !important;
}
body #masthead .header-search-form .flex-col.flex-grow,
body #header .header-search-form .flex-col.flex-grow {
  min-width:0 !important;
}
body #masthead .header-search-form input.search-field,
body #header .header-search-form input.search-field {
  height:44px !important;
  min-height:44px !important;
  margin:0 !important;
  padding:0 15px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
  color:#244c3d !important;
  box-shadow:none !important;
}
body #masthead .header-search-form input.search-field::placeholder,
body #header .header-search-form input.search-field::placeholder {
  color:#789084 !important;
  opacity:1 !important;
}
body #masthead .header-search-form .ux-search-submit,
body #header .header-search-form .ux-search-submit {
  display:grid !important;
  place-items:center !important;
  width:45px !important;
  min-width:45px !important;
  height:44px !important;
  min-height:44px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 13px 13px 0 !important;
  background:#176442 !important;
  color:#fff !important;
  box-shadow:none !important;
}
body #masthead .header-search-form .ux-search-submit:hover,
body #header .header-search-form .ux-search-submit:hover {
  background:#105237 !important;
}
body #masthead .header-search-form .ux-search-submit i,
body #header .header-search-form .ux-search-submit i {
  color:#fff !important;
}
body #masthead .header-search-form .ott-cat-menu,
body #header .header-search-form .ott-cat-menu {
  top:calc(100% + 8px) !important;
  left:0 !important;
  min-width:200px !important;
  border:1px solid rgba(23,100,66,.16) !important;
  border-radius:12px !important;
  box-shadow:0 14px 32px rgba(20,66,48,.16) !important;
}
@media (min-width:850px) {
  body #masthead .mobile-nav .ott-mobile-header-cart,
  body #header .mobile-nav .ott-mobile-header-cart { display:none !important; }
}
@media (max-width:849px) {
  body #masthead .mobile-nav.nav-right .ott-header-commerce-link,
  body #header .mobile-nav.nav-right .ott-header-commerce-link {
    width:36px !important;
    min-width:36px !important;
    height:36px !important;
    min-height:36px !important;
    border-radius:12px !important;
  }
  body #masthead .mobile-nav.nav-right .ott-header-commerce-link > svg,
  body #header .mobile-nav.nav-right .ott-header-commerce-link > svg {
    width:19px !important;
    height:19px !important;
  }
  body #masthead .mobile-nav.nav-right .ott-cart-count,
  body #header .mobile-nav.nav-right .ott-cart-count {
    top:-6px !important;
    right:-7px !important;
    width:18px !important;
    min-width:18px !important;
    height:18px !important;
    min-height:18px !important;
    font-size:9px !important;
  }
  body #masthead .header-search-form .searchform .flex-row.relative,
  body #header .header-search-form .searchform .flex-row.relative { min-height:42px !important; border-radius:12px !important; }
  body #masthead .header-search-form .ott-cat-toggle,
  body #header .header-search-form .ott-cat-toggle { height:40px !important; min-height:40px !important; padding:0 11px !important; border-radius:11px 0 0 11px !important; font-size:12px !important; }
  body #masthead .header-search-form input.search-field,
  body #header .header-search-form input.search-field { height:40px !important; min-height:40px !important; padding:0 10px !important; font-size:13px !important; }
  body #masthead .header-search-form .ux-search-submit,
  body #header .header-search-form .ux-search-submit { width:40px !important; min-width:40px !important; height:40px !important; min-height:40px !important; border-radius:0 11px 11px 0 !important; }
}

/* ott-header-search-unify-v15-hotfix */

@media (min-width:850px) {
  body #masthead .hide-for-medium li.ott-header-commerce-item > a.ott-header-commerce-link {
    width:40px !important; min-width:40px !important; height:40px !important; min-height:40px !important;
    border:1px solid rgba(255,255,255,.76) !important; border-radius:13px !important;
    background:#176442 !important; color:#fff !important; box-shadow:0 5px 13px rgba(23,100,66,.20) !important;
  }
  body #masthead .hide-for-medium li.ott-header-commerce-item > a.ott-header-commerce-link:hover,
  body #masthead .hide-for-medium li.ott-header-commerce-item > a.ott-header-commerce-link:focus-visible {
    background:#105237 !important; color:#fff !important; box-shadow:0 8px 18px rgba(16,82,55,.27) !important; transform:translateY(-1px) !important;
  }
  body #masthead .hide-for-medium li.ott-header-commerce-item > a.ott-header-commerce-link > svg {
    width:21px !important; height:21px !important; color:#fff !important; stroke:currentColor !important;
  }
  body #masthead .hide-for-medium li.ott-header-cart-item .ott-cart-metrics { background:transparent !important; border:0 !important; box-shadow:none !important; }
  body #masthead .hide-for-medium li.ott-header-cart-item .ott-cart-count {
    top:-7px !important; right:-8px !important; display:grid !important; place-items:center !important;
    width:19px !important; min-width:19px !important; height:19px !important; min-height:19px !important; padding:0 2px !important;
    border:2px solid #fff !important; border-radius:999px !important; background:#2c7a49 !important; color:#fff !important;
    font:800 10px/1 Arial,sans-serif !important; box-shadow:0 2px 6px rgba(15,72,43,.25) !important;
  }
  body #masthead .hide-for-medium .header-search-form .searchform .flex-row.relative {
    min-height:46px !important; border:1px solid rgba(23,100,66,.20) !important; border-radius:14px !important; background:#fff !important; box-shadow:0 5px 16px rgba(22,79,63,.06) !important;
  }
  body #masthead .hide-for-medium .header-search-form .ott-cat-toggle {
    display:inline-flex !important; align-items:center !important; justify-content:center !important; height:44px !important; min-height:44px !important;
    padding:0 16px !important; border:0 !important; border-right:1px solid rgba(23,100,66,.14) !important; border-radius:13px 0 0 13px !important;
    background:#f0f6f1 !important; color:#155f3f !important; font-size:13px !important; font-weight:800 !important;
  }
  body #masthead .hide-for-medium .header-search-form .flex-col.flex-grow input.search-field {
    height:44px !important; min-height:44px !important; margin:0 !important; padding:0 15px !important; border:0 !important; border-radius:0 !important; background:#fff !important; box-shadow:none !important;
  }
  body #masthead .hide-for-medium .header-search-form .ux-search-submit {
    display:grid !important; place-items:center !important; width:45px !important; min-width:45px !important; height:44px !important; min-height:44px !important;
    margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 13px 13px 0 !important; background:#176442 !important; color:#fff !important;
  }
  body #masthead .hide-for-medium .header-search-form .ux-search-submit i { color:#fff !important; }
}
@media (max-width:849px) {
  body #masthead .mobile-nav li.ott-mobile-header-cart.ott-header-cart-item > a.ott-header-commerce-link {
    width:36px !important; min-width:36px !important; height:36px !important; min-height:36px !important;
    border:1px solid rgba(255,255,255,.76) !important; border-radius:12px !important; background:#176442 !important; color:#fff !important; box-shadow:0 4px 11px rgba(23,100,66,.18) !important;
  }
  body #masthead .mobile-nav li.ott-mobile-header-cart.ott-header-cart-item > a.ott-header-commerce-link > svg { width:19px !important; height:19px !important; color:#fff !important; stroke:currentColor !important; }
  body #masthead .mobile-nav li.ott-mobile-header-cart.ott-header-cart-item .ott-cart-metrics { background:transparent !important; }
  body #masthead .mobile-nav li.ott-mobile-header-cart.ott-header-cart-item .ott-cart-count {
    top:-6px !important; right:-7px !important; display:grid !important; place-items:center !important; width:18px !important; min-width:18px !important; height:18px !important; min-height:18px !important; padding:0 2px !important;
    border:2px solid #fff !important; border-radius:999px !important; background:#2c7a49 !important; color:#fff !important; font:800 9px/1 Arial,sans-serif !important; box-shadow:0 2px 6px rgba(15,72,43,.25) !important;
  }
}

/* ott-mobile-cart-unify-v16 */

@media (max-width:849px) {
  html body #wrapper #header #masthead .header-wrapper .mobile-nav li.ott-mobile-header-cart.ott-header-cart-item > a.ott-header-commerce-link,
  html body.home #wrapper #header #masthead .header-wrapper .mobile-nav li.ott-mobile-header-cart.ott-header-cart-item > a.ott-header-commerce-link {
    position:relative !important; display:grid !important; place-items:center !important;
    width:36px !important; min-width:36px !important; max-width:36px !important;
    height:36px !important; min-height:36px !important; padding:0 !important;
    border:1px solid rgba(255,255,255,.76) !important; border-radius:12px !important;
    background:#176442 !important; color:#fff !important; box-shadow:0 4px 11px rgba(23,100,66,.18) !important;
  }
  html body #wrapper #header #masthead .header-wrapper .mobile-nav li.ott-mobile-header-cart.ott-header-cart-item > a.ott-header-commerce-link > svg,
  html body.home #wrapper #header #masthead .header-wrapper .mobile-nav li.ott-mobile-header-cart.ott-header-cart-item > a.ott-header-commerce-link > svg {
    position:relative !important; z-index:1 !important; display:block !important;
    width:19px !important; height:19px !important; margin:0 !important;
    fill:none !important; stroke:currentColor !important; color:#fff !important;
  }
  html body #wrapper #header #masthead .header-wrapper .mobile-nav li.ott-mobile-header-cart.ott-header-cart-item .ott-cart-metrics,
  html body.home #wrapper #header #masthead .header-wrapper .mobile-nav li.ott-mobile-header-cart.ott-header-cart-item .ott-cart-metrics {
    position:absolute !important; inset:0 !important; z-index:2 !important; display:block !important;
    width:100% !important; min-width:0 !important; max-width:none !important; height:100% !important;
    padding:0 !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; pointer-events:none !important;
  }
  html body #wrapper #header #masthead .header-wrapper .mobile-nav li.ott-mobile-header-cart.ott-header-cart-item .ott-cart-count,
  html body.home #wrapper #header #masthead .header-wrapper .mobile-nav li.ott-mobile-header-cart.ott-header-cart-item .ott-cart-count {
    position:absolute !important; top:-6px !important; right:-7px !important; z-index:3 !important; display:grid !important; place-items:center !important;
    width:18px !important; min-width:18px !important; max-width:18px !important; height:18px !important; min-height:18px !important; padding:0 2px !important;
    overflow:hidden !important; border:2px solid #fff !important; border-radius:999px !important;
    background:#2c7a49 !important; color:#fff !important; font:800 9px/1 Arial,sans-serif !important; text-align:center !important; text-shadow:none !important; box-shadow:0 2px 6px rgba(15,72,43,.25) !important;
  }
  html body #wrapper #header #masthead .header-wrapper .mobile-nav li.ott-mobile-header-cart.ott-header-cart-item .ott-cart-total,
  html body.home #wrapper #header #masthead .header-wrapper .mobile-nav li.ott-mobile-header-cart.ott-header-cart-item .ott-cart-total { display:none !important; }
  html body #main-menu .ott-search-all-col .ott-search-all-pill {
    display:inline-flex !important; align-items:center !important; height:40px !important; margin:0 !important; padding:0 11px !important;
    border-right:1px solid rgba(23,100,66,.14) !important; border-radius:11px 0 0 11px !important; background:#f0f6f1 !important; color:#155f3f !important; font-size:12px !important; font-weight:800 !important;
  }
}

/* ott-ocean-cart-product-layout-v18 */

:root { --ott-ocean-leaf:#2f9683; --ott-ocean-leaf-hover:#247c70; --ott-earth-brown:#8b6b5a; }

/* Header: light ocean-green icons, transparent surface and one circular count badge. */
@media (min-width:850px) {
  body #masthead .hide-for-medium li.ott-header-commerce-item > a.ott-header-commerce-link {
    width:40px !important; min-width:40px !important; height:40px !important; min-height:40px !important;
    background:transparent !important; color:var(--ott-ocean-leaf) !important; border:0 !important; border-left:0 !important; box-shadow:none !important;
  }
  body #masthead .hide-for-medium li.ott-header-commerce-item > a.ott-header-commerce-link:hover,
  body #masthead .hide-for-medium li.ott-header-commerce-item > a.ott-header-commerce-link:focus-visible {
    background:transparent !important; color:var(--ott-ocean-leaf-hover) !important; box-shadow:none !important; transform:none !important;
  }
  body #masthead .hide-for-medium li.ott-header-commerce-item > a.ott-header-commerce-link > svg {
    color:currentColor !important; stroke:currentColor !important;
  }
  body #masthead .hide-for-medium li.ott-header-cart-item .ott-cart-count {
    background:var(--ott-ocean-leaf) !important; color:#fff !important; border:2px solid #fff !important; box-shadow:0 2px 6px rgba(35,117,101,.23) !important;
  }
}
@media (max-width:849px) {
  html body #wrapper #header .header-wrapper #masthead .mobile-nav li.ott-mobile-header-cart.ott-header-cart-item > a.ott-header-commerce-link {
    background:transparent !important; color:var(--ott-ocean-leaf) !important; border:0 !important; box-shadow:none !important;
  }
  html body #wrapper #header .header-wrapper #masthead .mobile-nav li.ott-mobile-header-cart.ott-header-cart-item > a.ott-header-commerce-link > svg {
    color:currentColor !important; stroke:currentColor !important;
  }
  html body #wrapper #header .header-wrapper #masthead .mobile-nav li.ott-mobile-header-cart.ott-header-cart-item .ott-cart-count {
    background:var(--ott-ocean-leaf) !important; color:#fff !important; border:2px solid #fff !important; box-shadow:0 2px 6px rgba(35,117,101,.23) !important;
  }
}

/* Product card content rhythm: category, title, supportive tags, then price. */
body .product-small.col.has-hover.product[data-ottc] .title-wrapper,
body .product-small.col.has-hover.product[data-ott-v11-card] .title-wrapper {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  grid-template-areas:"category" "title" "tags" !important;
  grid-template-rows:auto minmax(2.8em,auto) auto !important;
  align-content:start !important;
  gap:7px !important;
  width:100% !important;
}
body .product-small.col.has-hover.product[data-ottc] .ott-dest-tag.ott-type-line,
body .product-small.col.has-hover.product[data-ott-v11-card] .ott-dest-tag.ott-type-line {
  grid-area:category !important;
  align-self:start !important;
  justify-self:start !important;
  margin:0 !important;
  color:#2d796f !important;
  font-size:clamp(9px,.72vw,10.5px) !important;
  font-weight:800 !important;
  letter-spacing:.055em !important;
}
body .product-small.col.has-hover.product[data-ottc] .name.product-title,
body .product-small.col.has-hover.product[data-ott-v11-card] .name.product-title {
  grid-area:title !important;
  display:block !important;
  width:100% !important;
  min-height:2.8em !important;
  margin:0 !important;
  overflow:hidden !important;
}
body .product-small.col.has-hover.product[data-ottc] .name.product-title > a,
body .product-small.col.has-hover.product[data-ott-v11-card] .name.product-title > a {
  display:-webkit-box !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
  overflow:hidden !important;
  color:#2d796f !important;
  font-size:clamp(15px,1.12vw,17px) !important;
  font-weight:760 !important;
  line-height:1.4 !important;
}
body .product-small.col.has-hover.product[data-ottc] .ott-subtags,
body .product-small.col.has-hover.product[data-ott-v11-card] .ott-subtags {
  grid-area:tags !important;
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:flex-start !important;
  gap:6px !important;
  min-height:22px !important;
  margin:0 !important;
  order:initial !important;
}
body .product-small.col.has-hover.product[data-ottc] .price-wrapper,
body .product-small.col.has-hover.product[data-ott-v11-card] .price-wrapper {
  margin-top:13px !important;
  padding-top:12px !important;
}
/* The promotional caption “Chỉ còn” uses the requested earth brown. */
body .product-small.col.has-hover.product[data-ottc] .price ins::before,
body .product-small.col.has-hover.product[data-ott-v11-card] .price ins::before {
  color:var(--ott-earth-brown) !important;
}
/* Keep the currency explicit for foreign-tour amounts that arrive without a currency span. */
body .product_cat-tour-nuoc-ngoai .woocommerce-Price-amount.amount:not(:has(.woocommerce-Price-currencySymbol))::after,
body .product_cat-du-lich-quoc-te .woocommerce-Price-amount.amount:not(:has(.woocommerce-Price-currencySymbol))::after {
  content:" VND" !important;
  display:inline !important;
  font:inherit !important;
  color:inherit !important;
}
@media (max-width:849px) {
  body .product-small.col.has-hover.product[data-ottc] .title-wrapper,
  body .product-small.col.has-hover.product[data-ott-v11-card] .title-wrapper { grid-template-rows:auto minmax(2.72em,auto) auto !important; gap:6px !important; }
  body .product-small.col.has-hover.product[data-ottc] .name.product-title > a,
  body .product-small.col.has-hover.product[data-ott-v11-card] .name.product-title > a { font-size:clamp(14px,4vw,16px) !important; line-height:1.36 !important; }
  body .product-small.col.has-hover.product[data-ottc] .price-wrapper,
  body .product-small.col.has-hover.product[data-ott-v11-card] .price-wrapper { margin-top:11px !important; padding-top:10px !important; }
}

/* ott-header-posts-polish-v26 */

:root {
  --ott-ocean:#1aa99a;
  --ott-ocean-deep:#117b70;
  --ott-ocean-pale:#edf9f6;
  --ott-ocean-line:rgba(26,169,154,.22);
}

/* The editorial cards keep a single section-level “Xem thêm”; their duplicate CTA is removed. */
body.home .box.box-blog-post:has(.ott-read-more) .ott-read-more,
body.home #row-568375596 .box.box-blog-post .ott-read-more { display:none !important; }
body.home .box.box-blog-post:has(.ott-read-more),
body.home #row-568375596 .box.box-blog-post { overflow:visible !important; }
body.home .box.box-blog-post:has(.ott-read-more) .box-text,
body.home #row-568375596 .box.box-blog-post .box-text { min-height:0 !important; }
body.home .box.box-blog-post:has(.ott-read-more) .box-text-inner.blog-post-inner,
body.home #row-568375596 .box.box-blog-post .box-text-inner.blog-post-inner {
  padding-bottom:22px !important;
}
body.home .box.box-blog-post:has(.ott-read-more) .post-title,
body.home #row-568375596 .box.box-blog-post .post-title {
  display:block !important;
  height:auto !important;
  max-height:none !important;
  min-height:0 !important;
  overflow:visible !important;
}
body.home .box.box-blog-post:has(.ott-read-more) .post-title > a,
body.home #row-568375596 .box.box-blog-post .post-title > a {
  display:block !important;
  overflow:visible !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:initial !important;
  white-space:normal !important;
  font-size:clamp(15px,1.15vw,18px) !important;
  line-height:1.48 !important;
}

/* Desktop account and cart: larger glyphs, transparent presentation, one green quantity badge. */
@media (min-width:850px) {
  body #masthead .hide-for-medium li.ott-header-commerce-item { margin-left:10px !important; }
  body #masthead .hide-for-medium li.ott-header-commerce-item > a.ott-header-commerce-link {
    display:grid !important;
    position:relative !important;
    place-items:center !important;
    width:46px !important;
    min-width:46px !important;
    height:46px !important;
    min-height:46px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:var(--ott-ocean) !important;
    box-shadow:none !important;
    text-decoration:none !important;
    transition:color .18s ease,transform .18s ease !important;
  }
  body #masthead .hide-for-medium li.ott-header-commerce-item > a.ott-header-commerce-link:hover,
  body #masthead .hide-for-medium li.ott-header-commerce-item > a.ott-header-commerce-link:focus-visible {
    background:transparent !important;
    color:var(--ott-ocean-deep) !important;
    box-shadow:none !important;
    transform:translateY(-1px) !important;
  }
  body #masthead .hide-for-medium li.ott-header-commerce-item > a.ott-header-commerce-link > svg {
    width:31px !important;
    height:31px !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
  }
  body #masthead .hide-for-medium li.ott-header-cart-item .ott-cart-metrics {
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    background:transparent !important;
    pointer-events:none !important;
  }
  body #masthead .hide-for-medium li.ott-header-cart-item .ott-cart-count {
    top:0 !important;
    right:0 !important;
    display:grid !important;
    place-items:center !important;
    width:21px !important;
    min-width:21px !important;
    height:21px !important;
    min-height:21px !important;
    padding:0 2px !important;
    border:2px solid #fff !important;
    border-radius:999px !important;
    background:var(--ott-ocean) !important;
    color:#fff !important;
    font:800 10px/1 Arial,sans-serif !important;
    box-shadow:0 2px 7px rgba(17,123,112,.24) !important;
  }

  /* “Tất cả”, input and search action are one calm ocean-green composition. */
  body #masthead .hide-for-medium .header-search-form .searchform .flex-row.relative {
    min-height:48px !important;
    border:1px solid var(--ott-ocean-line) !important;
    border-radius:15px !important;
    background:#fff !important;
    box-shadow:0 6px 17px rgba(17,123,112,.07) !important;
  }
  body #masthead .hide-for-medium .header-search-form .ott-cat-toggle {
    height:46px !important;
    min-height:46px !important;
    padding:0 17px !important;
    border:0 !important;
    border-right:1px solid var(--ott-ocean-line) !important;
    border-radius:14px 0 0 14px !important;
    background:var(--ott-ocean-pale) !important;
    color:var(--ott-ocean-deep) !important;
  }
  body #masthead .hide-for-medium .header-search-form .ott-cat-toggle:hover,
  body #masthead .hide-for-medium .header-search-form .ott-cat-toggle[aria-expanded="true"] {
    background:#def4ef !important;
    color:var(--ott-ocean-deep) !important;
  }
  body #masthead .hide-for-medium .header-search-form .flex-col.flex-grow input.search-field {
    height:46px !important;
    min-height:46px !important;
    color:#315b55 !important;
  }
  body #masthead .hide-for-medium .header-search-form .ux-search-submit {
    width:48px !important;
    min-width:48px !important;
    height:46px !important;
    min-height:46px !important;
    border:0 !important;
    border-radius:0 14px 14px 0 !important;
    background:var(--ott-ocean) !important;
    color:#fff !important;
  }
  body #masthead .hide-for-medium .header-search-form .ux-search-submit:hover { background:var(--ott-ocean-deep) !important; }
}

/* Mobile menu and header glyphs use the same ocean-green language. */
body #masthead .mobile-nav .icon-menu,
body #masthead .mobile-nav .icon-menu:before,
body #masthead .mobile-nav .icon-menu:after,
body #header .mobile-nav .icon-menu,
body #header .mobile-nav .icon-menu:before,
body #header .mobile-nav .icon-menu:after {
  color:var(--ott-ocean) !important;
  border-color:currentColor !important;
}
body #masthead .mobile-nav > li > a:hover .icon-menu,
body #header .mobile-nav > li > a:hover .icon-menu { color:var(--ott-ocean-deep) !important; }

/* ott-performance-v29 */

:root{--ott-search-ocean:#1aa99a;--ott-search-deep:#117b70;--ott-search-soft:#f2fbf9;}

/* Search is one composed surface: the category selector, text field and icon no longer look like stacked controls. */
body #masthead .hide-for-medium .header-search-form .searchform .flex-row.relative{
  isolation:isolate!important;overflow:hidden!important;min-height:50px!important;
  border:1px solid rgba(26,169,154,.24)!important;border-radius:16px!important;
  background:linear-gradient(104deg,#f3fbf9 0%,#fff 42%,#f7fcfb 100%)!important;
  box-shadow:0 8px 22px rgba(14,104,94,.08)!important;
}
body #masthead .hide-for-medium .header-search-form .ott-cat-toggle,
body #masthead .hide-for-medium .header-search-form .flex-col.flex-grow,
body #masthead .hide-for-medium .header-search-form .flex-col.flex-grow input.search-field,
body #masthead .hide-for-medium .header-search-form .ux-search-submit{
  border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;
}
body #masthead .hide-for-medium .header-search-form .ott-cat-toggle{
  position:relative;height:48px!important;min-height:48px!important;padding:0 16px!important;
  color:var(--ott-search-deep)!important;font-weight:800!important;
}
body #masthead .hide-for-medium .header-search-form .ott-cat-toggle::after{
  content:"";position:absolute;right:0;top:14px;width:1px;height:20px;background:rgba(17,123,112,.18);
}
body #masthead .hide-for-medium .header-search-form .flex-col.flex-grow input.search-field{
  height:48px!important;min-height:48px!important;padding-left:16px!important;color:#315b55!important;
}
body #masthead .hide-for-medium .header-search-form .ux-search-submit{
  width:50px!important;min-width:50px!important;height:48px!important;min-height:48px!important;
  color:var(--ott-search-ocean)!important;
}
body #masthead .hide-for-medium .header-search-form .ott-cat-toggle:hover,
body #masthead .hide-for-medium .header-search-form .ott-cat-toggle:focus-visible,
body #masthead .hide-for-medium .header-search-form .ux-search-submit:hover,
body #masthead .hide-for-medium .header-search-form .ux-search-submit:focus-visible{
  background:rgba(26,169,154,.09)!important;color:var(--ott-search-deep)!important;
}

/* Decorative zoom, sweep and glow effects are removed; slider positioning itself is left intact. */
body section.ss_slide .banner .bg,
body section.ss_slide .banner .bg-overlay,
body section.ss_slide .banner .banner-bg,
body section.ss_slide .banner .fill,
body .banner .bg,
body .banner .bg-overlay{
  animation:none!important;transition:none!important;transform:none!important;will-change:auto!important;
}
body .ot-lx-shine-sweep,
body .ott-ux-products-fallback .box-image>a::before,
body .ott-home-products-block .box-image>a::before,
body .ott-ux-products-fallback .ott-sale-badge-3d>span,
body .ott-ux-products-fallback .ott-sale-badge-3d strong{
  animation:none!important;transition:none!important;will-change:auto!important;
}

/* Keep mobile's first paint light: defer rendering of lower product blocks and eliminate decorative motion. */
@media(max-width:760px){
  body.home .ott-home-products-block{content-visibility:auto!important;contain-intrinsic-size:auto 720px!important;}
  body.home .ott-home-products-block .product-small{contain:layout style paint!important;}
  body .ot-lx-shine-sweep,
  body .ott-ux-products-fallback .ott-sale-badge-3d>span,
  body .ott-ux-products-fallback .ott-sale-badge-3d strong{display:none!important;}
  body section.ss_slide .slider-wrapper,
  body section.ss_slide .slider-wrapper *{scroll-behavior:auto!important;transition:none!important;}
}
@media(prefers-reduced-motion:reduce){
  body *,body *::before,body *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important;}
}

/* ott-price-perf-chat-style-v285 */

body.ott-products-landing-international .ott-products-landing-grid-international .price-wrapper,
body.ott-products-landing-international .ott-products-landing-grid-international .price,
body #ott-home-products-international .price-wrapper,
body #ott-home-products-international .price{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  width:100%!important;text-align:center!important;
}
body.ott-products-landing-international .ott-products-landing-grid-international .price del,
body.ott-products-landing-international .ott-products-landing-grid-international .price ins,
body #ott-home-products-international .price del,
body #ott-home-products-international .price ins{
  display:flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;align-items:baseline!important;justify-content:center!important;
  width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important;white-space:nowrap!important;
}
body.ott-products-landing-international .ott-products-landing-grid-international .price .woocommerce-Price-amount,
body.ott-products-landing-international .ott-products-landing-grid-international .price .woocommerce-Price-amount bdi,
body #ott-home-products-international .price .woocommerce-Price-amount,
body #ott-home-products-international .price .woocommerce-Price-amount bdi{
  display:inline-flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;align-items:baseline!important;justify-content:center!important;white-space:nowrap!important;
}
body.ott-products-landing-international .ott-products-landing-grid-international .price .woocommerce-Price-currencySymbol,
body #ott-home-products-international .price .woocommerce-Price-currencySymbol{
  display:inline-flex!important;visibility:visible!important;opacity:1!important;flex:0 0 auto!important;
  width:auto!important;height:auto!important;margin:0 0 0 3px!important;padding:0!important;overflow:visible!important;
  color:inherit!important;font:800 .72em/1 Arial,sans-serif!important;letter-spacing:.01em!important;white-space:nowrap!important;vertical-align:baseline!important;
}
body.ott-products-landing-international .ott-products-landing-grid-international .price .woocommerce-Price-currencySymbol::before,
body.ott-products-landing-international .ott-products-landing-grid-international .price .woocommerce-Price-currencySymbol::after,
body #ott-home-products-international .price .woocommerce-Price-currencySymbol::before,
body #ott-home-products-international .price .woocommerce-Price-currencySymbol::after{content:none!important;display:none!important;}
body.ott-products-landing-international .ott-products-landing-grid-international .price .ott-final-sale-vnd,
body #ott-home-products-international .price .ott-final-sale-vnd{display:none!important;}
body #ocean-chat-container .eve-eye{animation:none!important;transform:none!important;transition:none!important;}
body #ocean-chat-container .ott-chat-brand{display:inline!important;font:inherit!important;white-space:nowrap!important;}
body #ocean-chat-container .ott-chat-brand-ocean{color:#24b3b3!important;-webkit-text-fill-color:#24b3b3!important;}
body #ocean-chat-container .ott-chat-brand-treasure{color:#f7941d!important;-webkit-text-fill-color:#f7941d!important;}
body #ocean-chat-container .ott-chat-brand-travel{color:#8a6a50!important;-webkit-text-fill-color:#8a6a50!important;}
body section.ss_slide,
body section.ss_slide .slider-wrapper,
body section.ss_slide .slider-wrapper *{animation:none!important;scroll-behavior:auto!important;}

/* ott-mobile-articles-one-row-style-v289 */

@media(max-width:760px){
  html body.home .ott-latest-posts-v278{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;
    width:100%!important;max-width:100%!important;margin:0!important;padding:0 12px!important;
  }
  html body.home .ott-latest-posts-v278>.post-item{
    display:block!important;width:100%!important;max-width:100%!important;flex:0 0 100%!important;
    margin:0!important;padding:0!important;
  }
  html body.home .ott-latest-posts-v278>.post-item>.col-inner{
    height:100%!important;overflow:hidden!important;border:1px solid rgba(32,142,145,.18)!important;
    border-radius:16px!important;background:#fff!important;box-shadow:0 8px 22px rgba(19,91,91,.08)!important;
  }
  html body.home .ott-latest-posts-v278>.post-item .box.box-blog-post:has(.ott-read-more){
    display:grid!important;grid-template-columns:minmax(118px,36%) minmax(0,1fr)!important;
    align-items:stretch!important;min-height:148px!important;height:100%!important;overflow:hidden!important;
    border:0!important;border-radius:16px!important;background:#fff!important;box-shadow:none!important;transform:none!important;
  }
  html body.home .ott-latest-posts-v278>.post-item .box-image{
    width:100%!important;height:100%!important;min-height:148px!important;margin:0!important;
    overflow:hidden!important;border-radius:15px 0 0 15px!important;
  }
  html body.home .ott-latest-posts-v278>.post-item .box-image .image-cover{
    width:100%!important;height:100%!important;min-height:148px!important;padding-top:0!important;
  }
  html body.home .ott-latest-posts-v278>.post-item .box-image .image-cover img{
    width:100%!important;height:100%!important;min-height:148px!important;object-fit:cover!important;object-position:center!important;
  }
  html body.home .ott-latest-posts-v278>.post-item .box-text{
    display:flex!important;align-items:stretch!important;min-width:0!important;min-height:148px!important;padding:0!important;
    border-top:0!important;border-left:1px solid rgba(32,142,145,.11)!important;
    background:linear-gradient(145deg,#fff 0%,#f7fcfb 100%)!important;
  }
  html body.home .ott-latest-posts-v278>.post-item .box-text-inner.blog-post-inner{
    display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:flex-start!important;
    justify-content:center!important;min-width:0!important;padding:13px 14px!important;text-align:left!important;
  }
  html body.home .ott-latest-posts-v278>.post-item .post-title,
  html body.home .ott-latest-posts-v278>.post-item h5.post-title{
    display:block!important;width:100%!important;min-height:0!important;height:auto!important;max-height:none!important;
    margin:0!important;overflow:visible!important;
  }
  html body.home .ott-latest-posts-v278>.post-item .post-title>a.plain,
  html body.home .ott-latest-posts-v278>.post-item h5.post-title>a.plain{
    display:-webkit-box!important;width:100%!important;min-width:0!important;height:auto!important;max-height:57px!important;
    overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;white-space:normal!important;
    color:#176d68!important;-webkit-text-fill-color:#176d68!important;font-size:14px!important;font-weight:850!important;
    line-height:1.35!important;text-align:left!important;text-transform:none!important;text-decoration:none!important;
  }
  html body.home .ott-latest-posts-v278>.post-item .box-text::after,
  html body.home .ott-latest-posts-v278>.post-item .post-title>a.plain::after,
  html body.home .ott-latest-posts-v278>.post-item h5.post-title>a.plain::after{
    content:none!important;display:none!important;
  }
  html body.home .ott-latest-posts-v278>.post-item .box.box-blog-post .ott-read-more{
    display:inline-flex!important;align-items:center!important;width:auto!important;min-width:0!important;height:auto!important;
    margin:9px 0 0!important;padding:0!important;border:0!important;background:transparent!important;
    color:#f7941d!important;-webkit-text-fill-color:#f7941d!important;font:850 12px/1.2 Arial,sans-serif!important;
    letter-spacing:0!important;text-align:left!important;text-decoration:none!important;visibility:visible!important;opacity:1!important;
  }
  html body.home .ott-latest-posts-v278>.post-item .box.box-blog-post .ott-read-more::before,
  html body.home .ott-latest-posts-v278>.post-item .box.box-blog-post .ott-read-more::after{
    content:none!important;display:none!important;
  }
}

/* ott-chat-posts-cart-polish-v297 */

:root{
  --ott-v297-ocean:#168f96;
  --ott-v297-ocean-deep:#146d73;
  --ott-v297-orange:#f47b20;
  --ott-v297-earth:#8a5f43;
  --ott-v297-green:#5b7d65;
}

/* Bright, readable chat surface without adding continuous animation. */
body #ocean-chat-container .bubble.bot{
  color:#284f55!important;
  background:#fff!important;
  border:1px solid rgba(34,166,170,.20)!important;
  box-shadow:0 12px 28px -23px rgba(12,93,99,.42)!important;
}
body #ocean-chat-container .bubble.bot>b,
body #ocean-chat-container .bubble.bot>strong{
  color:var(--ott-v297-ocean-deep)!important;
  font-weight:900!important;
}
body #ocean-chat-container .ott-chat-keyword{
  display:inline!important;
  padding:0!important;
  border-radius:0!important;
  font-weight:900!important;
  background:transparent!important;
  box-shadow:none!important;
  box-decoration-break:clone!important;
  -webkit-box-decoration-break:clone!important;
}
body #ocean-chat-container .ott-chat-keyword.is-tone-1{color:#087f86!important;background:transparent!important;}
body #ocean-chat-container .ott-chat-keyword.is-tone-2{color:#c45d00!important;background:transparent!important;}
body #ocean-chat-container .ott-chat-keyword.is-tone-3{color:#a54270!important;background:transparent!important;}
body #ocean-chat-container .ott-chat-keyword.is-tone-4{color:#365db4!important;background:transparent!important;}
body #ocean-chat-container .ott-chat-keyword.is-tone-5{color:#46704e!important;background:transparent!important;}
body #ocean-chat-container .ott-chat-keyword.is-tone-6{color:#7b563c!important;background:transparent!important;}

/* Safari can briefly resolve a bot bubble at min-content width while the
 * history is restored. Keep every message row tied to the chat viewport. */
body #ocean-chat-container #ocean-messages{
  width:100%!important;
  min-width:0!important;
  flex-direction:column!important;
  align-items:stretch!important;
}
body #ocean-chat-container #ocean-messages .msg-row{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  flex:0 0 auto!important;
}
body #ocean-chat-container #ocean-messages .msg-row .bubble.bot{
  width:calc(100% - 38px)!important;
  min-width:0!important;
  max-width:calc(100% - 38px)!important;
  flex:0 1 calc(100% - 38px)!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
}
body #ocean-chat-container #ocean-smart-tools .ott-chat-product-tools{
  display:contents!important;
}
body #ocean-chat-container #ocean-smart-tools .ott-chat-product-tools>.tool-btn{
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
}

body #ocean-chat-container .ott-chat-product-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:11px!important;
  margin:11px 0 8px!important;
}
body #ocean-chat-container .ott-chat-product-card{
  display:grid!important;
  grid-template-columns:118px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:stretch!important;
  min-height:122px!important;
  padding:9px!important;
  overflow:hidden!important;
  border:1px solid rgba(30,168,172,.27)!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,#fff 0%,#eefbfb 54%,#fff7e9 100%)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.96) inset,0 15px 28px -23px rgba(15,104,109,.48)!important;
  color:#244f55!important;
  text-decoration:none!important;
  transform:none!important;
}
body #ocean-chat-container .ott-chat-product-card>img,
body #ocean-chat-container .ott-chat-product-thumb{
  display:block!important;
  width:118px!important;
  min-width:118px!important;
  max-width:118px!important;
  height:130px!important;
  min-height:130px!important;
  max-height:130px!important;
  margin:0!important;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:14px!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#e9f7f7!important;
  box-shadow:0 8px 18px -14px rgba(15,86,91,.55)!important;
  filter:saturate(1.06) contrast(1.02)!important;
}
body #ocean-chat-container .ott-chat-product-copy,
body #ocean-chat-container .ott-chat-product-body{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
  gap:6px!important;
  padding:2px 4px 2px 0!important;
}
body #ocean-chat-container .ott-chat-product-name,
body #ocean-chat-container .ott-chat-product-body>strong{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  overflow:visible!important;
  color:#176f75!important;
  font-size:13.8px!important;
  font-weight:900!important;
  line-height:1.32!important;
  white-space:normal!important;
  text-overflow:clip!important;
  -webkit-line-clamp:unset!important;
}
body #ocean-chat-container .ott-chat-product-meta{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  margin:1px 0 2px!important;
}
body #ocean-chat-container .ott-chat-product-meta>span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:21px!important;
  padding:3px 7px!important;
  border:1px solid transparent!important;
  border-radius:999px!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.15!important;
}
body #ocean-chat-container .ott-chat-product-meta>span:nth-child(6n+1){background:#dff9f6!important;border-color:#aee8e1!important;color:#087f86!important;}
body #ocean-chat-container .ott-chat-product-meta>span:nth-child(6n+2){background:#fff0d6!important;border-color:#ffd59b!important;color:#ad5908!important;}
body #ocean-chat-container .ott-chat-product-meta>span:nth-child(6n+3){background:#ffe6f2!important;border-color:#ffc4dd!important;color:#a33f6e!important;}
body #ocean-chat-container .ott-chat-product-meta>span:nth-child(6n+4){background:#e8efff!important;border-color:#c9d7ff!important;color:#395db0!important;}
body #ocean-chat-container .ott-chat-product-meta>span:nth-child(6n+5){background:#e6f5e7!important;border-color:#c5e5c8!important;color:#44704c!important;}
body #ocean-chat-container .ott-chat-product-meta>span:nth-child(6n+6){background:#f5ebe2!important;border-color:#e4cfbd!important;color:#795139!important;}
body #ocean-chat-container .ott-chat-product-pricing{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:baseline!important;
  gap:4px 8px!important;
  width:100%!important;
}
body #ocean-chat-container .ott-chat-product-list{color:#90725e!important;font-weight:750!important;}
body #ocean-chat-container .ott-chat-price-prefix{color:var(--ott-v297-earth)!important;font-weight:900!important;}
body #ocean-chat-container .ott-chat-product-offer>strong,
body #ocean-chat-container .ott-chat-product-price{color:#e76419!important;font-weight:950!important;}
body #ocean-chat-container .ott-chat-product-cta,
body #ocean-chat-container .ott-chat-product-body>a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:27px!important;
  margin-top:1px!important;
  padding:5px 10px!important;
  border:1px solid #efc52c!important;
  border-radius:999px!important;
  background:#ffe04b!important;
  color:#49331f!important;
  -webkit-text-fill-color:#49331f!important;
  box-shadow:0 4px 10px -8px rgba(85,58,19,.65)!important;
  font-size:10.5px!important;
  font-weight:900!important;
  text-decoration:none!important;
}

/* Keep typing responsive by pausing only decorative work while the field is active. */
body.ott-chat-input-active #ocean-chat-container *,
body.ott-chat-input-active #ocean-chat-container *::before,
body.ott-chat-input-active #ocean-chat-container *::after{
  transition-duration:.001ms!important;
}
body.ott-chat-input-active .ot-lx-shine-sweep,
body.ott-chat-input-active .effect-sparkle,
body.ott-chat-input-active .effect-snow,
body.ott-chat-input-active section.ss_slide .banner .bg,
body.ott-chat-input-active section.ss_slide .banner .bg-overlay,
body.ott-chat-input-active .typing .dot{
  animation-play-state:paused!important;
}
body #ocean-user-input{
  contain:layout style!important;
  transition:none!important;
  animation:none!important;
  will-change:auto!important;
}

/* Four latest posts: one row each, larger editorial media, alternating zigzag. */
@media(max-width:760px){
  html body.home .ott-latest-posts-v278{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0 10px!important;
  }
  html body.home .ott-latest-posts-v278>.post-item{
    display:block!important;
    width:100%!important;
    height:184px!important;
    margin:0!important;
    padding:0!important;
  }
  html body.home .ott-latest-posts-v278>.post-item>.col-inner,
  html body.home .ott-latest-posts-v278>.post-item .box.box-blog-post:has(.ott-read-more){
    width:100%!important;
    height:184px!important;
    min-height:184px!important;
    max-height:184px!important;
    overflow:hidden!important;
    border-radius:17px!important;
  }
  html body.home .ott-latest-posts-v278>.post-item .box.box-blog-post:has(.ott-read-more){
    display:grid!important;
    grid-template-columns:minmax(146px,46%) minmax(0,1fr)!important;
    align-items:stretch!important;
    border:0!important;
    background:#fff!important;
    box-shadow:none!important;
    transform:none!important;
  }
  html body.home .ott-latest-posts-v278>.post-item:nth-child(even) .box.box-blog-post:has(.ott-read-more){
    grid-template-columns:minmax(0,1fr) minmax(146px,46%)!important;
  }
  html body.home .ott-latest-posts-v278>.post-item .box-image{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    height:184px!important;
    min-height:184px!important;
    margin:0!important;
    overflow:hidden!important;
    border-radius:16px 0 0 16px!important;
  }
  html body.home .ott-latest-posts-v278>.post-item:nth-child(even) .box-image{
    grid-column:2!important;
    border-radius:0 16px 16px 0!important;
  }
  html body.home .ott-latest-posts-v278>.post-item .box-image .image-cover,
  html body.home .ott-latest-posts-v278>.post-item .box-image .image-cover img{
    width:100%!important;
    height:184px!important;
    min-height:184px!important;
    padding-top:0!important;
  }
  html body.home .ott-latest-posts-v278>.post-item .box-image .image-cover img{
    object-fit:cover!important;
    object-position:center!important;
    filter:saturate(1.04) contrast(1.02)!important;
  }
  html body.home .ott-latest-posts-v278>.post-item .box-text{
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    align-items:stretch!important;
    min-width:0!important;
    height:184px!important;
    min-height:184px!important;
    padding:0!important;
    border:0!important;
    border-left:1px solid rgba(31,146,150,.12)!important;
    background:linear-gradient(145deg,#fff 0%,#f3fbfa 58%,#fff8ee 100%)!important;
  }
  html body.home .ott-latest-posts-v278>.post-item:nth-child(even) .box-text{
    grid-column:1!important;
    border-left:0!important;
    border-right:1px solid rgba(31,146,150,.12)!important;
  }
  html body.home .ott-latest-posts-v278>.post-item .box-text-inner.blog-post-inner{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    min-width:0!important;
    padding:13px 12px!important;
    text-align:left!important;
  }
  html body.home .ott-latest-posts-v278>.post-item .post-title>a.plain{
    display:-webkit-box!important;
    width:100%!important;
    height:56px!important;
    max-height:56px!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    color:#176d68!important;
    -webkit-text-fill-color:#176d68!important;
    font-size:13.5px!important;
    font-weight:900!important;
    line-height:1.37!important;
    text-align:left!important;
  }
  html body.home .ott-latest-posts-v278>.post-item .ott-read-more{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:0!important;
    margin:8px 0 0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#f47b20!important;
    -webkit-text-fill-color:#f47b20!important;
    box-shadow:none!important;
    font:900 11.5px/1.2 Arial,sans-serif!important;
    text-decoration:none!important;
  }
}

/* One refined line icon and a smaller count, pulled closer to its upper corner. */
html body #masthead li.ott-header-cart-item>a.ott-header-commerce-link{
  position:relative!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transition:none!important;
  animation:none!important;
}
html body #masthead .ott-canonical-cart-glyph{
  display:block!important;
  width:28px!important;
  min-width:28px!important;
  height:28px!important;
  min-height:28px!important;
  margin:0!important;
  color:#267f7d!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:1.65!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  filter:drop-shadow(0 1px 1px rgba(13,87,85,.14))!important;
  transition:none!important;
  animation:none!important;
}
@media(max-width:849px){
  html body #masthead li.ott-header-cart-item .ott-cart-count{
    top:3px!important;
    right:3px!important;
    width:17px!important;
    min-width:17px!important;
    max-width:17px!important;
    height:17px!important;
    min-height:17px!important;
    max-height:17px!important;
    border:1.25px solid rgba(255,255,255,.97)!important;
    background:var(--ott-v297-green)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:0 2px 5px rgba(46,73,53,.23)!important;
    font:900 9px/17px Arial,sans-serif!important;
    transition:none!important;
    animation:none!important;
  }
}
@media(min-width:850px){
  html body #masthead li.ott-header-cart-item .ott-cart-count{
    top:-2px!important;
    right:-1px!important;
    width:16px!important;
    min-width:16px!important;
    max-width:16px!important;
    height:16px!important;
    min-height:16px!important;
    max-height:16px!important;
    border:1px solid #fff4b0!important;
    background:#ffe46b!important;
    color:#4a2b00!important;
    -webkit-text-fill-color:#4a2b00!important;
    box-shadow:0 2px 5px rgba(74,43,0,.20)!important;
    font:900 8.8px/16px Arial,sans-serif!important;
  }
}

@media(max-width:560px){
  body #ocean-chat-container .ott-chat-product-card{
    grid-template-columns:110px minmax(0,1fr)!important;
    gap:9px!important;
    min-height:116px!important;
    padding:8px!important;
  }
  body #ocean-chat-container .ott-chat-product-card>img,
  body #ocean-chat-container .ott-chat-product-thumb{
    width:110px!important;
    min-width:110px!important;
    max-width:110px!important;
    height:124px!important;
    min-height:124px!important;
    max-height:124px!important;
  }
  body #ocean-chat-container .ott-chat-product-name,
  body #ocean-chat-container .ott-chat-product-body>strong{font-size:13px!important;}
}

/* ott-chat-visual-concierge-v326-style */

html body #ocean-chat-container .ott-chat-product-tools,
html body #ocean-chat-container #ocean-smart-tools{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:8px!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
}
html body #ocean-chat-container .ott-chat-product-tools::-webkit-scrollbar,
html body #ocean-chat-container #ocean-smart-tools::-webkit-scrollbar{display:none!important;}
html body #ocean-chat-container #ocean-smart-tools>.ott-chat-product-tools{
  display:contents!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  overflow:visible!important;
}
html body #ocean-chat-container .ott-chat-product-tools>.tool-btn,
html body #ocean-chat-container #ocean-smart-tools>.tool-btn{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:none!important;
  min-height:34px!important;
  height:auto!important;
  margin:0!important;
  padding:7px 12px!important;
  border:1px solid var(--ott-chip-border,#91d8dc)!important;
  border-radius:999px!important;
  background:var(--ott-chip-bg,#effbfc)!important;
  background-image:none!important;
  color:var(--ott-chip-fg,#146c73)!important;
  -webkit-text-fill-color:var(--ott-chip-fg,#146c73)!important;
  box-shadow:0 6px 15px -12px var(--ott-chip-shadow,rgba(20,108,115,.58)),0 1px 0 rgba(255,255,255,.94) inset!important;
  font-family:inherit!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.2!important;
  letter-spacing:.01em!important;
  text-shadow:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  opacity:1!important;
  transform:none!important;
  animation:none!important;
  box-sizing:border-box!important;
}
html body #ocean-chat-container .ott-chat-product-tools>.tool-btn:hover,
html body #ocean-chat-container #ocean-smart-tools>.tool-btn:hover{
  background:var(--ott-chip-bg-hover,var(--ott-chip-bg,#effbfc))!important;
  color:var(--ott-chip-fg,#146c73)!important;
  -webkit-text-fill-color:var(--ott-chip-fg,#146c73)!important;
  border-color:var(--ott-chip-border,#91d8dc)!important;
  box-shadow:0 8px 18px -13px var(--ott-chip-shadow,rgba(20,108,115,.72)),0 1px 0 #fff inset!important;
  transform:none!important;
}
html body #ocean-chat-container .tool-btn:focus-visible{outline:2px solid currentColor!important;outline-offset:2px!important;}

html body #ocean-chat-container .ott-chat-product-tools>.tool-btn:nth-child(1){--ott-chip-bg:#e7f9ff;--ott-chip-bg-hover:#d7f5ff;--ott-chip-fg:#006b86;--ott-chip-border:#67d4ef;--ott-chip-shadow:rgba(0,107,134,.62)}
html body #ocean-chat-container .ott-chat-product-tools>.tool-btn:nth-child(2){--ott-chip-bg:#f2edff;--ott-chip-bg-hover:#e9e0ff;--ott-chip-fg:#6536b8;--ott-chip-border:#ba98f4;--ott-chip-shadow:rgba(101,54,184,.58)}
html body #ocean-chat-container .ott-chat-product-tools>.tool-btn:nth-child(3){--ott-chip-bg:#e8faef;--ott-chip-bg-hover:#daf7e5;--ott-chip-fg:#147542;--ott-chip-border:#79daa4;--ott-chip-shadow:rgba(20,117,66,.56)}
html body #ocean-chat-container .ott-chat-product-tools>.tool-btn:nth-child(4){--ott-chip-bg:#edf2ff;--ott-chip-bg-hover:#e1e9ff;--ott-chip-fg:#3159bc;--ott-chip-border:#8eabfa;--ott-chip-shadow:rgba(49,89,188,.56)}
html body #ocean-chat-container .ott-chat-product-tools>.tool-btn:nth-child(5){--ott-chip-bg:#fff2e5;--ott-chip-bg-hover:#ffe8d2;--ott-chip-fg:#a64d00;--ott-chip-border:#ffb56b;--ott-chip-shadow:rgba(166,77,0,.55)}
html body #ocean-chat-container .ott-chat-product-tools>.tool-btn:nth-child(6){--ott-chip-bg:#fff0f5;--ott-chip-bg-hover:#ffe3ed;--ott-chip-fg:#b1265b;--ott-chip-border:#ff94b8;--ott-chip-shadow:rgba(177,38,91,.52)}
html body #ocean-chat-container .ott-chat-product-tools>.tool-btn:nth-child(7){--ott-chip-bg:#eef6ff;--ott-chip-bg-hover:#dfecff;--ott-chip-fg:#245aa0;--ott-chip-border:#89b6ee;--ott-chip-shadow:rgba(36,90,160,.52)}
html body #ocean-chat-container .ott-chat-product-tools>.tool-btn:nth-child(8){--ott-chip-bg:#e8fbf7;--ott-chip-bg-hover:#d8f7f1;--ott-chip-fg:#087568;--ott-chip-border:#70d9c9;--ott-chip-shadow:rgba(8,117,104,.54)}
html body #ocean-chat-container .ott-chat-product-tools>.tool-btn:nth-child(9){--ott-chip-bg:#fff0f1;--ott-chip-bg-hover:#ffe1e5;--ott-chip-fg:#aa2944;--ott-chip-border:#ff9daf;--ott-chip-shadow:rgba(170,41,68,.52)}
html body #ocean-chat-container .ott-chat-product-tools>.tool-btn:nth-child(10){--ott-chip-bg:#fff8df;--ott-chip-bg-hover:#fff1bf;--ott-chip-fg:#845800;--ott-chip-border:#efc854;--ott-chip-shadow:rgba(132,88,0,.52)}
html body #ocean-chat-container .ott-chat-product-tools>.tool-btn:nth-child(11){--ott-chip-bg:#eefbe9;--ott-chip-bg-hover:#e1f8d8;--ott-chip-fg:#3c6d1d;--ott-chip-border:#9bd36e;--ott-chip-shadow:rgba(60,109,29,.52)}
html body #ocean-chat-container #ocean-smart-tools>.tool-btn:nth-of-type(1){--ott-chip-bg:#e7fbff;--ott-chip-bg-hover:#d5f7fc;--ott-chip-fg:#007b8c;--ott-chip-border:#65d7e2;--ott-chip-shadow:rgba(0,123,140,.55)}
html body #ocean-chat-container #ocean-smart-tools>.tool-btn:nth-of-type(2){--ott-chip-bg:#e8f5ff;--ott-chip-bg-hover:#d8edff;--ott-chip-fg:#0865ad;--ott-chip-border:#7cc1f6;--ott-chip-shadow:rgba(8,101,173,.55)}
html body #ocean-chat-container #ocean-smart-tools>.tool-btn:nth-of-type(3){--ott-chip-bg:#fff8df;--ott-chip-bg-hover:#fff0bd;--ott-chip-fg:#946000;--ott-chip-border:#efca58;--ott-chip-shadow:rgba(148,96,0,.52)}
html body #ocean-chat-container #ocean-smart-tools>.tool-btn:nth-of-type(4){--ott-chip-bg:#f0edff;--ott-chip-bg-hover:#e7dfff;--ott-chip-fg:#5940b1;--ott-chip-border:#a793ed;--ott-chip-shadow:rgba(89,64,177,.52)}
html body #ocean-chat-container #ocean-smart-tools>.tool-btn:nth-of-type(5){--ott-chip-bg:#fff0e8;--ott-chip-bg-hover:#ffe4d6;--ott-chip-fg:#ad4b16;--ott-chip-border:#ffa978;--ott-chip-shadow:rgba(173,75,22,.52)}

html body #ocean-chat-container .ott-chat-response-brand,
html body #ocean-chat-container .ott-chat-search-brand{
  display:flex!important;
  align-items:baseline!important;
  gap:3px!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:24px!important;
  margin:0 0 7px!important;
  padding:4px 9px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#216f76!important;
  border:1px solid rgba(86,194,200,.38)!important;
  box-shadow:0 5px 13px -11px rgba(18,101,108,.60)!important;
  font-size:10.5px!important;
  font-weight:950!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
}
html body #ocean-chat-container .ott-chat-brand-ocean-word{color:#159ca7!important;-webkit-text-fill-color:#159ca7!important;font-weight:950!important;}
html body #ocean-chat-container .ott-chat-brand-treasure-word{color:#f7941d!important;-webkit-text-fill-color:#f7941d!important;font-weight:950!important;}
html body #ocean-chat-container .ott-chat-brand-travel-word{color:#7e5a3f!important;-webkit-text-fill-color:#7e5a3f!important;font-weight:950!important;}
html body #ocean-chat-container .ott-chat-keyword{background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important;font-weight:900!important;}
html body #ocean-chat-container .ott-chat-keyword[data-tone="ocean"]{color:#087d86!important;-webkit-text-fill-color:#087d86!important;}
html body #ocean-chat-container .ott-chat-keyword[data-tone="orange"]{color:#d96a0b!important;-webkit-text-fill-color:#d96a0b!important;}
html body #ocean-chat-container .ott-chat-keyword[data-tone="purple"]{color:#6844b7!important;-webkit-text-fill-color:#6844b7!important;}
html body #ocean-chat-container .ott-chat-keyword[data-tone="blue"]{color:#2d63b5!important;-webkit-text-fill-color:#2d63b5!important;}
html body #ocean-chat-container .ott-chat-keyword[data-tone="green"]{color:#28764c!important;-webkit-text-fill-color:#28764c!important;}

html body #ocean-chat-container .ott-chat-search-card{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:12px!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#fff 0%,#f1fcfd 62%,#fff9ef 100%)!important;
  border:1px solid rgba(105,205,211,.48)!important;
  box-shadow:0 12px 24px -22px rgba(9,92,100,.50),0 1px 0 #fff inset!important;
  color:#214f55!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
html body #ocean-chat-container .bubble.bot>.ott-chat-search-card{margin-top:10px!important;}
html body #ocean-chat-container .ott-chat-search-title{display:block!important;margin:0 0 5px!important;color:#146f77!important;font-size:14.5px!important;font-weight:950!important;line-height:1.32!important;}
html body #ocean-chat-container .ott-chat-search-note{display:block!important;margin:0 0 10px!important;color:#55757a!important;font-size:11.5px!important;font-weight:650!important;line-height:1.45!important;}
html body #ocean-chat-container .ott-chat-search-gallery{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0 0 10px!important;}
html body #ocean-chat-container .ott-chat-search-figure{display:block!important;min-width:0!important;margin:0!important;padding:0!important;overflow:hidden!important;border-radius:12px!important;background:#edf7f8!important;border:1px solid rgba(112,203,209,.34)!important;}
html body #ocean-chat-container a.ott-chat-search-figure{color:inherit!important;text-decoration:none!important;}
html body #ocean-chat-container .ott-chat-search-figure img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;background:#edf7f8!important;}
html body #ocean-chat-container .ott-chat-search-figure figcaption,
html body #ocean-chat-container .ott-chat-search-figure .ott-chat-search-caption{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;min-height:33px!important;max-height:33px!important;margin:0!important;padding:5px 6px!important;overflow:hidden!important;color:#40676d!important;font-size:10px!important;font-weight:750!important;line-height:1.2!important;background:#fff!important;}
html body #ocean-chat-container .ott-chat-search-places{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;}
html body #ocean-chat-container .ott-chat-place-card{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:start!important;min-width:0!important;min-height:82px!important;padding:8px 9px!important;border-radius:12px!important;background:#fff!important;border:1px solid rgba(119,198,204,.34)!important;color:#285b61!important;text-decoration:none!important;box-shadow:0 5px 12px -12px rgba(17,91,98,.52)!important;overflow:hidden!important;}
html body #ocean-chat-container .ott-chat-place-thumb{display:block!important;width:calc(100% + 18px)!important;max-width:none!important;height:auto!important;aspect-ratio:16/7!important;margin:-8px -9px 7px!important;object-fit:cover!important;background:#edf7f8!important;}
html body #ocean-chat-container .ott-chat-place-name{display:block!important;color:#16747c!important;font-size:11.6px!important;font-weight:900!important;line-height:1.3!important;}
html body #ocean-chat-container .ott-chat-place-address{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;margin-top:3px!important;color:#5a7478!important;font-size:10.2px!important;font-weight:650!important;line-height:1.3!important;overflow:hidden!important;}
html body #ocean-chat-container .ott-chat-place-snippet{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;margin-top:4px!important;color:#567277!important;font-size:10.2px!important;font-weight:650!important;line-height:1.35!important;overflow:hidden!important;}
html body #ocean-chat-container .ott-chat-place-meta{display:block!important;margin-top:5px!important;padding-top:4px!important;color:#b05f14!important;font-size:9.8px!important;font-weight:850!important;line-height:1.25!important;}
html body #ocean-chat-container .ott-chat-search-source{display:block!important;margin-top:9px!important;color:#6e8184!important;font-size:9.8px!important;font-weight:650!important;line-height:1.35!important;}

@media(max-width:520px){
  html body #ocean-chat-container .ott-chat-product-tools,
  html body #ocean-chat-container #ocean-smart-tools{gap:7px!important;padding-left:8px!important;padding-right:8px!important;}
  html body #ocean-chat-container .ott-chat-product-tools>.tool-btn,
  html body #ocean-chat-container #ocean-smart-tools>.tool-btn{min-height:32px!important;padding:6px 10px!important;font-size:11.3px!important;}
  html body #ocean-chat-container .ott-chat-search-card{padding:10px!important;border-radius:14px!important;}
  html body #ocean-chat-container .ott-chat-search-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}
  html body #ocean-chat-container .ott-chat-search-figure:nth-child(n+3){display:none!important;}
  html body #ocean-chat-container .ott-chat-search-places{grid-template-columns:minmax(0,1fr)!important;}
  html body #ocean-chat-container .ott-chat-search-title{font-size:13.5px!important;}
}

/* ott-chat-tour-visuals-v349-css */

#ocean-chat-container .ott-chat-weather{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:3px 10px!important;align-items:center!important;margin:8px 0!important;padding:9px 10px!important;border:1px solid #bfe8ea!important;border-radius:13px!important;background:linear-gradient(135deg,#e6fbfb,#fff7dc)!important;color:#245f65!important;}
#ocean-chat-container .ott-chat-weather-title{font-size:10.5px!important;font-weight:900!important;color:#177b82!important;}
#ocean-chat-container .ott-chat-weather-main{font-size:12px!important;font-weight:950!important;color:#d76516!important;text-align:right!important;}
#ocean-chat-container .ott-chat-weather-meta{grid-column:1/-1!important;font-size:9.8px!important;font-weight:750!important;color:#607477!important;}
#ocean-chat-container .ott-chat-search-places{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:9px!important;}
#ocean-chat-container .ott-chat-place-card{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;gap:9px!important;align-items:stretch!important;min-width:0!important;overflow:hidden!important;padding:7px!important;border:1px solid #c8e9e7!important;border-radius:14px!important;background:#f1fcfb!important;color:#244f55!important;text-decoration:none!important;box-shadow:0 10px 18px -18px rgba(16,96,100,.55)!important;}
#ocean-chat-container .ott-chat-place-card[data-tone="2"]{background:#fff7e8!important;border-color:#ffddb1!important;}
#ocean-chat-container .ott-chat-place-card[data-tone="3"]{background:#fff0f7!important;border-color:#ffcbe0!important;}
#ocean-chat-container .ott-chat-place-card[data-tone="4"]{background:#eef3ff!important;border-color:#cfdbff!important;}
#ocean-chat-container .ott-chat-place-card[data-tone="5"]{background:#eef9ed!important;border-color:#cde8c8!important;}
#ocean-chat-container .ott-chat-place-card[data-tone="6"]{background:#f7f0ea!important;border-color:#e5d1c1!important;}
#ocean-chat-container .ott-chat-place-thumb{display:block!important;width:72px!important;height:72px!important;min-width:72px!important;border-radius:11px!important;object-fit:cover!important;background:#e7f5f4!important;}
#ocean-chat-container .ott-chat-place-copy{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;min-width:0!important;}
#ocean-chat-container .ott-chat-place-name{display:block!important;color:#126f76!important;font-size:11.5px!important;line-height:1.3!important;font-weight:950!important;}
#ocean-chat-container .ott-chat-place-chips{display:flex!important;flex-wrap:wrap!important;gap:4px!important;}
#ocean-chat-container .ott-chat-place-type,#ocean-chat-container .ott-chat-place-rating{display:inline-flex!important;align-items:center!important;min-height:19px!important;padding:2px 6px!important;border-radius:999px!important;font-size:8.8px!important;line-height:1.15!important;font-weight:900!important;}
#ocean-chat-container .ott-chat-place-type{background:#fff!important;color:#b65c13!important;border:1px solid rgba(240,139,55,.3)!important;}
#ocean-chat-container .ott-chat-place-rating{background:#fff6bd!important;color:#6f4c00!important;border:1px solid #f2da64!important;}
#ocean-chat-container .ott-chat-place-address,#ocean-chat-container .ott-chat-place-snippet,#ocean-chat-container .ott-chat-place-meta{display:block!important;color:#667b7e!important;font-size:9px!important;line-height:1.28!important;font-weight:700!important;}
#ocean-chat-container .ott-chat-search-figure{border-radius:12px!important;overflow:hidden!important;border:1px solid #bee8e5!important;background:#e8fbf8!important;}
#ocean-chat-container .ott-chat-search-figure[data-tone="2"]{border-color:#ffd8aa!important;background:#fff4de!important;}
#ocean-chat-container .ott-chat-search-figure[data-tone="3"]{border-color:#ffc8df!important;background:#ffedf6!important;}
#ocean-chat-container .ott-chat-search-figure[data-tone="4"]{border-color:#ccd8ff!important;background:#edf2ff!important;}
#ocean-chat-container .ott-chat-product-fit-note.is-audience>b{color:#9d4d6d!important;}
#ocean-chat-container .ott-chat-product-fit-note.is-schedule>b{color:#3a5da3!important;}
@media(max-width:560px){#ocean-chat-container .ott-chat-place-card{grid-template-columns:82px minmax(0,1fr)!important;}#ocean-chat-container .ott-chat-place-thumb{width:82px!important;min-width:82px!important;height:78px!important;}#ocean-chat-container .ott-chat-weather{grid-template-columns:1fr!important;}#ocean-chat-container .ott-chat-weather-main{text-align:left!important;}}

/* ott-related-home-card-sync */

:root{--ott-brand-travel-light:#87634b;}
html body .ott-brand-travel-v369,
html body .ott-brand-travel-soft,
html body .ott-brand-travel,
html body .ott-products-brand-travel,
html body.home .ott-latest-posts-v278 .post-title .ott-brand-travel,
html body #footer .ott-brand-travel,
html body #footer [class*="text-[#4a2912]"],
html body #ocean-chat-container .ott-chat-brand-travel,
html body #ocean-chat-container .ott-chat-brand-travel-word,
html body #ocean-chat-container .chat-header span[style*="accent-brown"]{
  color:var(--ott-brand-travel-light)!important;
  -webkit-text-fill-color:var(--ott-brand-travel-light)!important;
}
body.single-product .related-products-wrapper.ott-related-home-card-sync{
  width:min(1180px,calc(100% - 24px))!important;
  margin:28px auto 34px!important;
  padding:0!important;
}
body.single-product .related-products-wrapper.ott-related-home-card-sync>.product-section-title{
  margin:0 0 16px!important;
  color:#18aeb8!important;
  font-family:var(--font-base,"Plus Jakarta Sans",Roboto,sans-serif)!important;
  font-size:clamp(22px,3vw,30px)!important;
  font-weight:850!important;
  line-height:1.18!important;
  letter-spacing:-.02em!important;
  text-transform:none!important;
}
body.single-product .related-products-wrapper .row.ott-ux-products-fallback{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
body.single-product .related-products-wrapper .row.ott-ux-products-fallback>.product-small.col{
  display:flex!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
body.single-product .related-products-wrapper .product-small.col>.col-inner,
body.single-product .related-products-wrapper .product-small.col .product-small.box{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  height:100%!important;
}
body.single-product .related-products-wrapper .product-small.box{
  overflow:hidden!important;
  border:1px solid rgba(164,224,229,.78)!important;
  border-radius:14px!important;
  background:#fff!important;
  outline:1px solid rgba(255,255,255,.82)!important;
  outline-offset:-3px!important;
  box-shadow:0 1px 0 rgba(255,255,255,.96) inset,0 15px 30px -25px rgba(9,83,94,.34)!important;
}
body.single-product .related-products-wrapper .product-small.box .box-image{
  flex:0 0 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:var(--ott-product-ratio,3/4)!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:13px 13px 0 0!important;
  background:linear-gradient(180deg,#f7fcfc,#fff)!important;
}
body.single-product .related-products-wrapper .product-small.box .box-image img{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
}
body.single-product .related-products-wrapper .product-small.box .box-text.box-text-products{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  height:330px!important;
  min-height:330px!important;
  max-height:330px!important;
  gap:0!important;
  padding:14px 13px 14px!important;
  overflow:hidden!important;
  text-align:left!important;
  background:#fff!important;
}
body.single-product .related-products-wrapper .box-text>.title-wrapper{
  order:1!important;
  display:flex!important;
  flex:0 0 132px!important;
  flex-direction:column!important;
  width:100%!important;
  height:132px!important;
  min-height:132px!important;
  max-height:132px!important;
  margin:0!important;
  overflow:hidden!important;
}
body.single-product .related-products-wrapper .ott-dest-tag.ott-type-line{
  order:1!important;
  flex:0 0 20px!important;
  min-height:20px!important;
  height:20px!important;
  margin:0 0 8px!important;
  color:#417b78!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.35!important;
  text-transform:uppercase!important;
}
body.single-product .related-products-wrapper .title-wrapper>.product-title{
  order:2!important;
  flex:0 0 48px!important;
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  margin:0 0 9px!important;
  overflow:hidden!important;
}
body.single-product .related-products-wrapper .product-title>a{
  display:-webkit-box!important;
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  white-space:normal!important;
  color:#187c84!important;
  font-size:14px!important;
  font-weight:850!important;
  line-height:1.42!important;
  text-align:left!important;
  text-decoration:none!important;
}
body.single-product .related-products-wrapper .title-wrapper>.ott-subtags{
  order:3!important;
  display:flex!important;
  flex:0 0 31px!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:5px!important;
  width:100%!important;
  height:31px!important;
  min-height:31px!important;
  max-height:31px!important;
  margin:0!important;
  overflow:hidden!important;
}
body.single-product .related-products-wrapper .ott-subtags>.ott-sub-tag{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:20px!important;
  max-width:calc(50% - 3px)!important;
  padding:2px 7px!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:var(--ott-chip-bg,#edf8ef)!important;
  color:var(--ott-chip-color,#2f7a44)!important;
  font-size:8.7px!important;
  font-weight:850!important;
  line-height:1.15!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.single-product .related-products-wrapper .box-text>.price-wrapper{
  order:3!important;
  display:flex!important;
  flex:0 0 86px!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:86px!important;
  min-height:86px!important;
  max-height:86px!important;
  margin:0!important;
  padding:8px 7px!important;
  overflow:hidden!important;
  border-top:1px solid rgba(80,145,147,.16)!important;
  border-radius:0 0 10px 10px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,250,245,.88))!important;
  text-align:center!important;
}
body.single-product .related-products-wrapper .price-wrapper .price{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  width:100%!important;
  margin:0!important;
  color:#ff6718!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1.18!important;
}
body.single-product .related-products-wrapper .price-wrapper .price ins{
  color:#ff6718!important;
  font-size:18px!important;
  font-weight:900!important;
  text-decoration:none!important;
}
body.single-product .related-products-wrapper .price-wrapper .price del{
  color:#9da9a8!important;
  font-size:11px!important;
  font-weight:700!important;
  opacity:.9!important;
}
body.single-product .related-products-wrapper .price-wrapper .price ins::before{
  content:"Chỉ còn"!important;
  display:block!important;
  margin-bottom:4px!important;
  color:#c96b28!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1!important;
}
body.single-product .related-products-wrapper .box-text>.ott-card-actions{
  order:5!important;
  display:block!important;
  flex:0 0 48px!important;
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
  margin:12px 0 0!important;
  padding:0!important;
  overflow:visible!important;
}
body.single-product .related-products-wrapper .ott-card-actions>a.ott-atc-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:48px!important;
  min-height:48px!important;
  margin:0!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#0c9aa4 0%,#7fae8b 100%)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 10px 20px -17px rgba(8,111,119,.55)!important;
  font-size:12.5px!important;
  font-weight:850!important;
  line-height:1.15!important;
  text-align:center!important;
  text-transform:none!important;
  letter-spacing:0!important;
}
body.single-product .related-products-wrapper .box-text>.screen-reader-text{
  position:absolute!important;
}
body.single-product .related-products-wrapper .badge-container[data-ott-related-badge-hidden="1"]{
  display:none!important;
}
body.single-product .related-products-wrapper .ott-sale-badge-3d{
  position:absolute!important;
  z-index:10!important;
  top:8px!important;
  left:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:5px!important;
  min-height:24px!important;
  padding:3px 7px!important;
  border:1px solid rgba(255,255,255,.88)!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#ff9848,#f36f20)!important;
  color:#fff!important;
  box-shadow:0 6px 14px -10px rgba(186,74,6,.72),0 0 0 2px rgba(255,255,255,.42)!important;
  font-size:8.3px!important;
  font-weight:900!important;
  line-height:1!important;
}
body.single-product .related-products-wrapper .ott-sale-badge-3d strong{
  color:#5b4200!important;
  font-size:9px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
/* Keep the offer label crisp: no animated orange trail or reflective streak. */
html body .ott-ux-products-fallback .box-image .ott-sale-badge-3d,
html body .ott-home-products-block .ott-ux-products-fallback .box-image .ott-sale-badge-3d,
html body.single-product .related-products-wrapper .ott-sale-badge-3d{
  animation:none!important;
  filter:none!important;
  transform:none!important;
}
html body .ott-ux-products-fallback .box-image .ott-sale-badge-3d>span,
html body .ott-home-products-block .ott-ux-products-fallback .box-image .ott-sale-badge-3d>span,
html body.single-product .related-products-wrapper .ott-sale-badge-3d>span{
  animation:none!important;
  box-shadow:0 1px 0 rgba(255,255,255,.62) inset,0 5px 11px -10px rgba(174,70,8,.48)!important;
  filter:none!important;
  transform:none!important;
}
html body .ott-ux-products-fallback .box-image .ott-sale-badge-3d>span::before,
html body .ott-ux-products-fallback .box-image .ott-sale-badge-3d>span::after,
html body .ott-home-products-block .ott-ux-products-fallback .box-image .ott-sale-badge-3d>span::before,
html body .ott-home-products-block .ott-ux-products-fallback .box-image .ott-sale-badge-3d>span::after,
html body.single-product .related-products-wrapper .ott-sale-badge-3d>span::before,
html body.single-product .related-products-wrapper .ott-sale-badge-3d>span::after{
  content:none!important;
  display:none!important;
}
.ott-cart-toast-v369{
  position:fixed!important;
  z-index:2147483400!important;
  top:92px!important;
  right:18px!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  width:min(340px,calc(100vw - 28px))!important;
  min-height:66px!important;
  padding:10px 13px!important;
  overflow:hidden!important;
  border:1px solid rgba(167,219,207,.78)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.98)!important;
  color:#315e5d!important;
  box-shadow:0 20px 42px -26px rgba(17,90,86,.52),0 2px 10px -7px rgba(17,90,86,.26),0 1px 0 rgba(255,255,255,.98) inset!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translate3d(0,-10px,0) scale(.98)!important;
  transition:opacity .22s ease,transform .26s cubic-bezier(.2,.78,.24,1),visibility 0s linear .26s!important;
  pointer-events:none!important;
}
.ott-cart-toast-v369::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:0!important;
  width:100%!important;
  height:3px!important;
  background:linear-gradient(90deg,#18aeb8,#7bb38a 58%,#f4bd3f)!important;
}
.ott-cart-toast-v369.is-visible{
  opacity:1!important;
  visibility:visible!important;
  transform:translate3d(0,0,0) scale(1)!important;
  transition-delay:0s!important;
}
.ott-cart-toast-v369__icon{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#7db68b,#4d8e64)!important;
  color:#fff!important;
  font-size:19px!important;
  font-weight:950!important;
  box-shadow:0 8px 16px -12px rgba(48,115,72,.72),0 0 0 4px rgba(101,163,121,.12)!important;
}
.ott-cart-toast-v369__copy{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important;}
.ott-cart-toast-v369__title{color:#2d6f68!important;font-size:13px!important;font-weight:900!important;line-height:1.2!important;}
.ott-cart-toast-v369__product{overflow:hidden!important;color:#8a654d!important;font-size:10.5px!important;font-weight:700!important;line-height:1.3!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
@media(max-width:900px){
  body.single-product .related-products-wrapper .row.ott-ux-products-fallback{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  body.single-product .related-products-wrapper.ott-related-home-card-sync{width:calc(100% - 16px)!important;margin:20px auto 26px!important;}
  body.single-product .related-products-wrapper.ott-related-home-card-sync>.product-section-title{margin-bottom:12px!important;font-size:23px!important;}
  body.single-product .related-products-wrapper .row.ott-ux-products-fallback{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  body.single-product .related-products-wrapper .product-small.box .box-text.box-text-products{height:306px!important;min-height:306px!important;max-height:306px!important;padding:11px 10px 12px!important;}
  body.single-product .related-products-wrapper .box-text>.title-wrapper{flex-basis:122px!important;height:122px!important;min-height:122px!important;max-height:122px!important;}
  body.single-product .related-products-wrapper .product-title>a{font-size:13.2px!important;line-height:1.4!important;}
  body.single-product .related-products-wrapper .box-text>.price-wrapper{flex-basis:78px!important;height:78px!important;min-height:78px!important;max-height:78px!important;}
  body.single-product .related-products-wrapper .price-wrapper .price ins{font-size:15px!important;}
  body.single-product .related-products-wrapper .box-text>.ott-card-actions{flex-basis:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;margin-top:10px!important;}
  body.single-product .related-products-wrapper .ott-card-actions>a.ott-atc-link{height:44px!important;min-height:44px!important;border-radius:11px!important;font-size:11px!important;}
  .ott-cart-toast-v369{top:78px!important;right:50%!important;width:calc(100vw - 24px)!important;transform:translate3d(50%,-10px,0) scale(.98)!important;}
  .ott-cart-toast-v369.is-visible{transform:translate3d(50%,0,0) scale(1)!important;}
}
@media(prefers-reduced-motion:reduce){.ott-cart-toast-v369,.ott-cart-toast-v369.is-visible{transition:none!important;}}

/* ott-conversion-stability-v371 */

html body :where(a,button,input,select,textarea):focus-visible{
  outline:3px solid #f3a22b!important;
  outline-offset:3px!important;
  box-shadow:none!important;
}
/* These sections start below the first viewport. Reserving their known space
   removes most of their initial style/layout work without changing content. */
@supports(content-visibility:auto){
  body.home #section_2123206805,
  body.home #section_982557475,
  body.home #section_1717453945,
  body.home #section_1674645421,
  body.home #section_1873066209,
  body.home #section_2120968078{
    content-visibility:auto!important;
    contain-intrinsic-size:auto 1800px!important;
  }
  body.home #section_2123206805{contain-intrinsic-size:auto 6800px!important;}
  @media(max-width:760px){
    body.home #section_2123206805{contain-intrinsic-size:auto 11000px!important;}
  }
}
body.single-product .ott-product-quick-summary-v371{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px 18px!important;
  align-items:center!important;
  width:min(100%,880px)!important;
  margin:15px 0 24px!important;
  padding:16px 18px!important;
  border:1px solid rgba(96,191,191,.30)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#ffffff 0%,#f2fcfc 67%,#fff8ec 100%)!important;
  box-shadow:0 15px 31px -28px rgba(11,106,111,.58),0 1px 0 rgba(255,255,255,.98) inset!important;
  color:#255f64!important;
}
body.single-product .ott-product-quick-summary-v371__price{min-width:0!important;}
body.single-product .ott-product-quick-summary-v371__eyebrow,
body.single-product .ott-product-quick-summary-v371__caption{
  display:block!important;
  color:#49777a!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.35!important;
}
body.single-product .ott-product-quick-summary-v371__price strong{
  display:block!important;
  margin-top:2px!important;
  color:#e36f18!important;
  font-size:clamp(24px,3.1vw,34px)!important;
  font-weight:950!important;
  line-height:1.05!important;
  letter-spacing:-.03em!important;
}
body.single-product .ott-product-quick-summary-v371__list{
  display:block!important;
  margin-top:4px!important;
  color:#8a786d!important;
  font-size:11px!important;
  font-weight:750!important;
  line-height:1.3!important;
}
body.single-product .ott-product-quick-summary-v371__list del{color:#907f74!important;}
body.single-product .ott-product-quick-summary-v371__action{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#149fa9,#72ac86)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 12px 22px -16px rgba(7,116,123,.64),0 1px 0 rgba(255,255,255,.36) inset!important;
  font:900 13px/1.15 var(--font-base,"Plus Jakarta Sans",Roboto,Arial,sans-serif)!important;
  text-align:center!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
body.single-product .ott-product-quick-summary-v371__action:hover{filter:saturate(1.04)!important;}
body.single-product .ott-product-quick-summary-v371__trust{
  grid-column:1/-1!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
body.single-product .ott-product-quick-summary-v371__trust span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:25px!important;
  padding:4px 9px!important;
  border:1px solid rgba(120,201,197,.34)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.74)!important;
  color:#26736f!important;
  font-size:10.5px!important;
  font-weight:850!important;
  line-height:1.2!important;
}
@media(max-width:760px){
  body.single-product .ott-product-quick-summary-v371{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;margin:12px 0 18px!important;padding:14px!important;border-radius:15px!important;}
  body.single-product .ott-product-quick-summary-v371__price strong{font-size:26px!important;}
  body.single-product .ott-product-quick-summary-v371__action{width:100%!important;min-height:48px!important;}
  body.single-product .ott-product-quick-summary-v371__trust{gap:6px!important;}
  body.single-product .ott-product-quick-summary-v371__trust span{font-size:9.7px!important;}
}
@media(prefers-reduced-motion:reduce){
  html body *,html body *::before,html body *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
}

/* ott-product-header-hierarchy-v372 */

body.single-product .ott-ocean-product-title{margin-bottom:20px!important;}
body.single-product .ott-ocean-product-title .product-title-container{width:100%!important;}
body.single-product .ott-product-identity-v372{
  display:grid!important;
  gap:8px!important;
  width:100%!important;
  margin:0 0 12px!important;
  padding:0!important;
}
body.single-product .ott-product-identity-v372__category{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
  color:#297477!important;
  -webkit-text-fill-color:#297477!important;
  font:850 13px/1.25 var(--font-base,"Plus Jakarta Sans",Roboto,Arial,sans-serif)!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
}
body.single-product .ott-product-identity-v372__category::before{
  content:""!important;
  display:block!important;
  width:22px!important;
  height:2px!important;
  flex:0 0 22px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#18a6ad,#74b690)!important;
}
body.single-product .ott-product-identity-v372__tags{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
}
body.single-product .ott-product-identity-v372__tags--below{
  margin:10px 0 12px!important;
}
body.single-product .ott-product-identity-v372__tag{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:32px!important;
  margin:0!important;
  padding:6px 12px!important;
  border:1px solid rgba(31,163,171,.18)!important;
  border-radius:999px!important;
  background:#e8fafa!important;
  color:#08777e!important;
  -webkit-text-fill-color:#08777e!important;
  box-shadow:0 7px 15px -15px rgba(8,103,109,.45)!important;
  font:800 12.5px/1.15 var(--font-base,"Plus Jakarta Sans",Roboto,Arial,sans-serif)!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
}
body.single-product .ott-product-identity-v372__tag:nth-child(2){background:#fff3dd!important;border-color:rgba(226,148,43,.22)!important;color:#9b6415!important;-webkit-text-fill-color:#9b6415!important;}
body.single-product .ott-product-identity-v372__tag:nth-child(3){background:#edf8ef!important;border-color:rgba(83,151,96,.20)!important;color:#347842!important;-webkit-text-fill-color:#347842!important;}
body.single-product .ott-ocean-product-title h1.product-title,
body.single-product .ott-ocean-product-title h1.product_title,
body.single-product .ott-ocean-product-title .product-title.product_title{
  display:block!important;
  max-width:100%!important;
  margin:0!important;
  font-size:clamp(23px,2.45vw,33px)!important;
  font-weight:850!important;
  line-height:1.18!important;
  letter-spacing:-.025em!important;
}
body.single-product .ott-ocean-product-title .is-divider{margin-top:12px!important;}
@media(max-width:760px){
  body.single-product .ott-product-identity-v372{gap:7px!important;margin-bottom:10px!important;}
  body.single-product .ott-product-identity-v372__category{font-size:12px!important;}
  body.single-product .ott-product-identity-v372__category::before{width:20px!important;flex-basis:20px!important;}
  body.single-product .ott-product-identity-v372__tags{gap:6px!important;}
  body.single-product .ott-product-identity-v372__tag{min-height:30px!important;padding:6px 11px!important;font-size:11.5px!important;}
  body.single-product .ott-ocean-product-title h1.product-title,
  body.single-product .ott-ocean-product-title h1.product_title,
  body.single-product .ott-ocean-product-title .product-title.product_title{font-size:clamp(22px,6.25vw,28px)!important;line-height:1.18!important;}
}

/* ott-chat-autonomous-v396-css */

#ocean-chat-container .ott-v386-research{display:grid!important;gap:9px!important;margin-top:10px!important;padding:10px!important;border:1px solid #c7e8e5!important;border-radius:16px!important;background:#fff!important;box-shadow:0 12px 26px -24px rgba(8,96,104,.65)!important;}
#ocean-chat-container .ott-v386-title{color:#087f88!important;font-size:12px!important;font-weight:950!important;line-height:1.35!important;}
#ocean-chat-container .ott-v386-gallery{display:grid!important;grid-template-columns:1.25fr 1fr!important;gap:6px!important;overflow:hidden!important;}
#ocean-chat-container .ott-v386-figure{display:block!important;min-width:0!important;margin:0!important;overflow:hidden!important;border-radius:11px!important;background:#edf8f7!important;}
#ocean-chat-container .ott-v386-figure:first-child{grid-row:span 2!important;}
#ocean-chat-container .ott-v386-figure img{display:block!important;width:100%!important;height:78px!important;object-fit:cover!important;}
#ocean-chat-container .ott-v386-figure:first-child img{height:162px!important;}
#ocean-chat-container .ott-v386-places{display:grid!important;gap:7px!important;}
#ocean-chat-container .ott-v386-place{display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;padding:7px!important;border:1px solid #d6ece9!important;border-radius:12px!important;background:#f4fbfa!important;color:#315a5e!important;text-decoration:none!important;}
#ocean-chat-container .ott-v386-place:nth-child(2){border-color:#ffe0b5!important;background:#fff8e9!important;}
#ocean-chat-container .ott-v386-place:nth-child(3){border-color:#ead7c8!important;background:#faf5f1!important;}
#ocean-chat-container .ott-v386-place img{display:block!important;width:58px!important;height:58px!important;border-radius:9px!important;object-fit:cover!important;background:#e8f5f4!important;}
#ocean-chat-container .ott-v386-copy{display:grid!important;gap:3px!important;min-width:0!important;}
#ocean-chat-container .ott-v386-name{color:#087f88!important;font-size:10.8px!important;font-weight:950!important;line-height:1.3!important;}
#ocean-chat-container .ott-v386-meta{color:#87634b!important;font-size:9px!important;font-weight:800!important;line-height:1.35!important;}
#ocean-chat-container .ott-v386-rating{color:#9a5b00!important;}
#ocean-chat-container .ott-v396-guide-card{display:grid!important;gap:9px!important;margin:10px 12px!important;padding:14px!important;border:1px solid rgba(7,143,155,.2)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 16px 34px -28px rgba(8,96,104,.68)!important;}
#ocean-chat-container .ott-v396-guide-brand{display:flex!important;align-items:center!important;gap:7px!important;color:#087f88!important;font-size:10px!important;font-weight:950!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
#ocean-chat-container .ott-v396-guide-brand::before{content:""!important;width:18px!important;height:2px!important;border-radius:999px!important;background:linear-gradient(90deg,#078f9b,#ee8e17)!important;}
#ocean-chat-container .ott-v396-guide-card h3{margin:0!important;color:#87634b!important;font-size:15px!important;font-weight:950!important;line-height:1.35!important;}
#ocean-chat-container .ott-v396-guide-card p{margin:0!important;color:#315f66!important;font-size:12px!important;line-height:1.65!important;}
#ocean-chat-container .ott-v396-guide-products{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:4px!important;}
#ocean-chat-container .ott-v396-guide-product{display:flex!important;min-width:0!important;flex-direction:column!important;overflow:hidden!important;border:1px solid rgba(7,143,155,.16)!important;border-radius:12px!important;background:#fff!important;color:#315f66!important;text-decoration:none!important;}
#ocean-chat-container .ott-v396-guide-product img{display:block!important;width:100%!important;height:74px!important;object-fit:cover!important;background:#edf8f7!important;}
#ocean-chat-container .ott-v396-guide-product-copy{display:grid!important;gap:3px!important;padding:7px!important;}
#ocean-chat-container .ott-v396-guide-product-name{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;color:#315f66!important;font-size:10.5px!important;font-weight:900!important;line-height:1.25!important;}
#ocean-chat-container .ott-v396-guide-product-price{color:#ec7e18!important;font-size:10.5px!important;font-weight:950!important;}
#ocean-chat-container .ott-v396-guide-product-label{color:#078d96!important;font-size:8.5px!important;font-weight:850!important;line-height:1.2!important;}
#ocean-chat-container .ott-v396-guide-product:nth-child(3n+2) .ott-v396-guide-product-label{color:#ee8e17!important;}
#ocean-chat-container .ott-v396-guide-product:nth-child(3n) .ott-v396-guide-product-label{color:#87634b!important;}
#ocean-chat-container .ott-v396-guide-product-summary{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;overflow:hidden!important;color:#607779!important;font-size:9px!important;line-height:1.35!important;}
@media(max-width:520px){#ocean-chat-container .ott-v396-guide-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;}#ocean-chat-container .ott-v396-guide-product img{height:64px!important;}#ocean-chat-container .ott-v396-guide-product-copy{padding:6px!important;}#ocean-chat-container .ott-v396-guide-product-name{font-size:9.5px!important;}#ocean-chat-container .ott-v396-guide-product-price{font-size:9.5px!important;}}
#ocean-chat-container .ott-v396-guide-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;margin-top:2px!important;padding:10px 15px!important;border:1px solid rgba(15,166,177,.16)!important;border-radius:999px!important;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(224,247,249,.88))!important;color:#3f747a!important;font-size:12px!important;font-weight:950!important;text-decoration:none!important;box-shadow:0 12px 26px -20px rgba(8,117,126,.5)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;}
#ocean-chat-container .ott-v396-guide-index{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;}
#ocean-chat-container .ott-v396-guide-index a{display:flex!important;align-items:center!important;min-height:42px!important;padding:9px 11px!important;border:1px solid rgba(7,143,155,.14)!important;border-radius:12px!important;background:#f7fcfb!important;color:#087f88!important;font-size:11px!important;font-weight:900!important;line-height:1.35!important;text-decoration:none!important;}
#ocean-chat-container .ott-v396-guide-index a:nth-child(even){border-color:rgba(238,142,23,.18)!important;background:#fffaf2!important;color:#87634b!important;}
#ocean-chat-container #ocean-messages .bubble.bot strong.ott-v387-keyword{font-weight:950!important;background:transparent!important;background-image:none!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;text-shadow:none!important;-webkit-box-decoration-break:clone!important;box-decoration-break:clone!important;}
#ocean-chat-container #ocean-messages .bubble.bot strong.ott-v387-place{color:#078f9b!important;-webkit-text-fill-color:#078f9b!important;}
#ocean-chat-container #ocean-messages .bubble.bot strong.ott-v387-activity{color:#2f8a67!important;-webkit-text-fill-color:#2f8a67!important;}
#ocean-chat-container #ocean-messages .bubble.bot strong.ott-v387-event{color:#ee8615!important;-webkit-text-fill-color:#ee8615!important;}
#ocean-chat-container #ocean-messages .bubble.bot strong.ott-v387-special{color:#87634b!important;-webkit-text-fill-color:#87634b!important;}
/* v388 colour direction: artistic but restrained Ocean / leaf / orange / earth typography. */
#ocean-chat-container #ocean-messages .bubble.bot{color:#315f66!important;}
#ocean-chat-container .ott-v386-title{
  color:#087f88!important;
  background:linear-gradient(92deg,#078f9b 0%,#2f8a67 42%,#ee8615 72%,#87634b 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
#ocean-chat-container .ott-v386-place:nth-child(3n+1) .ott-v386-name,
#ocean-chat-container .ott-chat-product-card:nth-child(3n+1) .ott-chat-product-name{color:#078f9b!important;-webkit-text-fill-color:#078f9b!important;}
#ocean-chat-container .ott-v386-place:nth-child(3n+2) .ott-v386-name,
#ocean-chat-container .ott-chat-product-card:nth-child(3n+2) .ott-chat-product-name{color:#b86e1b!important;-webkit-text-fill-color:#b86e1b!important;}
#ocean-chat-container .ott-v386-place:nth-child(3n) .ott-v386-name,
#ocean-chat-container .ott-chat-product-card:nth-child(3n) .ott-chat-product-name{color:#39775f!important;-webkit-text-fill-color:#39775f!important;}
#ocean-chat-container .ott-chat-product-list,
#ocean-chat-container .ott-chat-product-list del{color:#789092!important;-webkit-text-fill-color:#789092!important;}
#ocean-chat-container .ott-chat-price-prefix{color:#87634b!important;-webkit-text-fill-color:#87634b!important;font-weight:900!important;}
#ocean-chat-container .ott-chat-product-offer strong{
  color:#ee7517!important;
  -webkit-text-fill-color:#ee7517!important;
  font-size:17px!important;
  font-weight:950!important;
  line-height:1.12!important;
  letter-spacing:-.01em!important;
}
/* v392: every product amount is immediately recognisable and consistent. */
html body #ocean-chat-container .ott-chat-product-card .ott-chat-product-pricing,
html body #ocean-chat-container .ott-chat-product-card .ott-chat-product-price,
html body #ocean-chat-container .ott-chat-product-card .ott-chat-product-offer,
html body #ocean-chat-container .ott-chat-product-card .ott-chat-product-offer strong,
html body #ocean-chat-container .ott-chat-product-card .ott-chat-product-list,
html body #ocean-chat-container .ott-chat-product-card .ott-chat-product-list del,
html body #ocean-chat-container .ott-chat-product-card .amount,
html body #ott-cap-root .ott-cap-prod .pr,
html body #ott-cap-root .ott-cap-prod .pr b,
html body #ott-cap-root .ott-cap-prod .pr del{
  color:#ee7517!important;
  -webkit-text-fill-color:#ee7517!important;
  font-weight:950!important;
}
html body #ocean-chat-container [class*="product"] [class*="price"],
html body #ocean-chat-container [class*="product"] [class*="price"] *,
html body #ott-cap-root [class*="prod"] [class*="price"],
html body #ott-cap-root [class*="prod"] [class*="price"] *,
html body [data-ott-chat-overlay] [class*="product"] [class*="price"],
html body [data-ott-chat-overlay] [class*="product"] [class*="price"] *,
html body .ott-chat-products .price,
html body .ott-chat-products .price *{
  color:#ee7517!important;
  -webkit-text-fill-color:#ee7517!important;
  font-weight:950!important;
}
html body #ocean-chat-container .ott-chat-product-card .ott-chat-product-list,
html body #ocean-chat-container .ott-chat-product-card .ott-chat-product-list del,
html body #ott-cap-root .ott-cap-prod .pr del{opacity:.72!important;}
.ott-v393-smart-tags{display:grid!important;gap:6px!important;margin:6px 10px 5px!important;padding:8px 9px!important;border:1px solid #d8efec!important;border-radius:14px!important;background:#fff!important;box-shadow:0 10px 24px -24px rgba(8,96,104,.65)!important;}
.ott-v393-smart-tags-head{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;min-width:0!important;}
.ott-v393-smart-tags-label{min-width:0!important;color:#87634b!important;font-size:10px!important;font-weight:950!important;letter-spacing:.035em!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.ott-v393-smart-tags-more{display:none!important;}
.ott-v393-smart-tags-list{display:flex!important;gap:6px!important;overflow-x:auto!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;}
.ott-v393-smart-tags-list::-webkit-scrollbar{display:none!important;}
.ott-v393-smart-tag{flex:0 0 auto!important;min-height:40px!important;padding:8px 12px!important;border:1px solid #cbe8e4!important;border-radius:999px!important;background:#f8fdfc!important;color:#087f88!important;font:850 11px/1.25 inherit!important;cursor:pointer!important;box-shadow:none!important;}
.ott-v393-smart-tag:nth-child(2){border-color:#ffe1af!important;background:#fff9ec!important;color:#a96513!important;}
.ott-v393-smart-tag:nth-child(3){border-color:#d7eadf!important;background:#f4fbf7!important;color:#39775f!important;}
.ott-v393-smart-tag:nth-child(4){border-color:#eadbd1!important;background:#fbf7f3!important;color:#87634b!important;}
.ott-v393-smart-tag:focus-visible,.ott-v393-smart-tags-more:focus-visible{outline:3px solid rgba(7,143,155,.23)!important;outline-offset:2px!important;}
#ocean-chat-container #ocean-smart-tools,
#ocean-chat-container .smart-tools,
#ocean-chat-container .ott-v392-smart-tags{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;}
#ocean-chat-container .ott-v394-auto-proper{font-weight:950!important;color:#078f9b!important;-webkit-text-fill-color:#078f9b!important;background:transparent!important;background-image:none!important;border:0!important;padding:0!important;box-shadow:none!important;text-shadow:none!important;}
#ocean-chat-container .ott-chat-product-fit > b{color:#087f88!important;-webkit-text-fill-color:#087f88!important;}
#ocean-chat-container .ott-chat-product-fit > span{color:#2f8a67!important;-webkit-text-fill-color:#2f8a67!important;font-weight:950!important;}
#ocean-chat-container .ott-chat-product-fit-note > b{color:#87634b!important;-webkit-text-fill-color:#87634b!important;}
#ocean-chat-container .ott-chat-product-fit-note.is-audience > b{color:#078f9b!important;-webkit-text-fill-color:#078f9b!important;}
#ocean-chat-container .ott-chat-product-fit-note.is-schedule > b{color:#2f8a67!important;-webkit-text-fill-color:#2f8a67!important;}
#ocean-chat-container .ott-chat-product-fit-note.is-consider > b{color:#b66b43!important;-webkit-text-fill-color:#b66b43!important;}
#ocean-chat-container .ott-v386-rating{color:#b86e1b!important;-webkit-text-fill-color:#b86e1b!important;}
/* v389: one canonical brand palette across the chat header, greeting and response labels. */
html body #ocean-chat-container .chat-header span[style*="--primary-color"],
html body #ocean-chat-container .ott-chat-brand-ocean,
html body #ocean-chat-container .ott-chat-brand-ocean-word,
html body #ocean-chat-container .ott-v379-brand .o{
  color:#078d96!important;
  -webkit-text-fill-color:#078d96!important;
}
html body #ocean-chat-container .chat-header span[style*="--accent-orange"],
html body #ocean-chat-container .ott-chat-brand-treasure,
html body #ocean-chat-container .ott-chat-brand-treasure-word,
html body #ocean-chat-container .ott-v379-brand .t{
  color:#ee8e17!important;
  -webkit-text-fill-color:#ee8e17!important;
}
html body #ocean-chat-container .chat-header .ott-brand-travel-v369,
html body #ocean-chat-container .ott-chat-brand-travel,
html body #ocean-chat-container .ott-chat-brand-travel-word,
html body #ocean-chat-container .ott-v379-brand .r{
  color:#87634b!important;
  -webkit-text-fill-color:#87634b!important;
}
/* v390: preserve the exact three-colour wordmark inside every bot message.
   Keyword emphasis must never recolour the full brand name as one phrase. */
html body #ocean-chat-container #ocean-messages .ott-chat-inline-brand{
  display:inline!important;
  white-space:normal!important;
  font-weight:950!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  padding:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html body #ocean-chat-container #ocean-messages .ott-chat-short-brand{
  white-space:nowrap!important;
  letter-spacing:0!important;
  word-spacing:0!important;
}
html body #ocean-chat-container #ocean-messages .ott-chat-short-brand .ott-chat-brand-ocean-word,
html body #ocean-chat-container #ocean-messages .ott-chat-short-brand .ott-chat-brand-treasure-word{
  display:inline!important;
  margin:0!important;
  padding:0!important;
}
/* v408.1: every real OT Travel offer price is a strong, dark orange. */
html body #ocean-chat-container #ocean-messages .ott-v408-curator-offer,
html body #ocean-chat-container #ocean-messages .ott-chat-product-offer,
html body #ocean-chat-container #ocean-messages .ott-chat-product-offer *,
html body #ocean-chat-container #ocean-messages .ott-chat-product-price,
html body #ocean-chat-container #ocean-messages .ott-chat-product-price *,
html body #ocean-chat-container #ocean-messages .ott-v396-guide-product-price,
html body #ocean-chat-container #ocean-messages .ott-visa-product-v396-price{
  color:#e96512!important;
  -webkit-text-fill-color:#e96512!important;
  font-weight:950!important;
}
html body #ocean-chat-container #ocean-messages .ott-chat-product-list,
html body #ocean-chat-container #ocean-messages .ott-chat-product-list *{
  color:#87634b!important;
  -webkit-text-fill-color:#87634b!important;
}
/* v388: make every customer-facing recommendation image easy to inspect.
   The content follows the image so long advice never leaves a blank column. */
html body #ocean-chat-container #ocean-messages .ott-chat-product-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  grid-auto-flow:row!important;
  align-items:stretch!important;
  gap:9px!important;
}
html body #ocean-chat-container #ocean-messages .ott-chat-product-card > img:first-child,
html body #ocean-chat-container #ocean-messages .ott-chat-product-card > .ott-chat-product-thumb{
  grid-column:1!important;
  grid-row:1!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:190px!important;
  max-height:230px!important;
  aspect-ratio:16/10!important;
  object-fit:cover!important;
  object-position:center!important;
  align-self:stretch!important;
  border-radius:14px!important;
}
html body #ocean-chat-container #ocean-messages .ott-chat-product-card > .ott-chat-product-copy,
html body #ocean-chat-container #ocean-messages .ott-chat-product-card > .ott-chat-product-body{
  grid-column:1!important;
  grid-row:2!important;
  width:100%!important;
  min-width:0!important;
}
html body #ocean-chat-container #ocean-messages .ott-chat-product-card[data-ott-mobile-product-layout="v380"]{
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto auto!important;
}
html body #ocean-chat-container #ocean-messages .ott-chat-product-card[data-ott-mobile-product-layout="v380"] > .ott-chat-product-copy,
html body #ocean-chat-container #ocean-messages .ott-chat-product-card[data-ott-mobile-product-layout="v380"] > .ott-chat-product-body{
  grid-column:1!important;
  grid-row:2!important;
}
html body #ocean-chat-container #ocean-messages .ott-chat-product-card[data-ott-mobile-product-layout="v380"] > .ott-chat-product-under-image-v380{
  grid-column:1!important;
  grid-row:3!important;
  height:auto!important;
}
#ocean-chat-container .ott-v386-gallery{grid-template-columns:1.38fr 1fr!important;gap:8px!important;}
#ocean-chat-container .ott-v386-figure img{height:108px!important;border-radius:12px!important;}
#ocean-chat-container .ott-v386-figure:first-child img{height:224px!important;}
#ocean-chat-container .ott-v386-place{
  grid-template-columns:minmax(0,1fr)!important;
  gap:8px!important;
  align-items:stretch!important;
  padding:8px!important;
}
#ocean-chat-container .ott-v386-place > img:first-child{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:168px!important;
  max-height:210px!important;
  aspect-ratio:16/9!important;
  border-radius:11px!important;
  object-fit:cover!important;
  object-position:center!important;
}
@media(max-width:480px){
#ocean-chat-container .ott-chat-product-offer strong{font-size:16.5px!important;}
  html body #ocean-chat-container #ocean-messages .ott-chat-product-card > img:first-child,
  html body #ocean-chat-container #ocean-messages .ott-chat-product-card > .ott-chat-product-thumb{min-height:182px!important;max-height:216px!important;}
  #ocean-chat-container .ott-v386-gallery{grid-template-columns:1.34fr 1fr!important;}
  #ocean-chat-container .ott-v386-figure img{height:102px!important;}
  #ocean-chat-container .ott-v386-figure:first-child img{height:212px!important;}
  #ocean-chat-container .ott-v386-place > img:first-child{min-height:166px!important;max-height:198px!important;}
}
/* v395: the public mobile header is anchored to the physical viewport edge.
   A matching body inset preserves document flow while covering any stale form
   fragment that legacy embed layers placed before the header. */
@media(max-width:849px){
  html{margin-top:0!important;scroll-padding-top:64px!important;}
  html body:not(.admin-bar){padding-top:64px!important;}
  html body #header{
    position:fixed!important;inset:0 0 auto 0!important;top:0!important;z-index:10040!important;
    display:block!important;width:100%!important;height:64px!important;
    min-height:64px!important;max-height:64px!important;
    margin:0!important;padding:0!important;transform:none!important;
  }
  html body.admin-bar{padding-top:110px!important;}
  html body.admin-bar #header{top:46px!important;}
  html body #header>.header-wrapper,
  html body #header>.header-wrapper.stuck{
    position:absolute!important;inset:0!important;top:0!important;
    width:100%!important;height:64px!important;min-height:64px!important;
    max-height:64px!important;margin:0!important;transform:none!important;
  }
  html body #header #masthead,
  html body #header .header-bg-container,
  html body #header .header-bg-image,
  html body #header .header-bg-color{
    display:block!important;height:64px!important;min-height:64px!important;
    max-height:64px!important;margin:0!important;transform:none!important;
  }
  html body #header #wide-nav,
  html body #header .header-bottom{display:none!important;}
  html body #main{margin-top:0!important;padding-top:0!important;}
  html body #ocean-chat-container.ott-chat-open{
    position:fixed!important;inset:2px!important;width:auto!important;height:auto!important;
    max-width:none!important;max-height:none!important;margin:0!important;
  }
  html body.admin-bar #ocean-chat-container.ott-chat-open{top:48px!important;}
  html body #ocean-chat-container.ott-chat-open .chat-window{
    display:flex!important;flex-direction:column!important;width:100%!important;height:100%!important;
    min-height:0!important;max-height:none!important;margin:0!important;border-radius:24px!important;
  }
  html body #ocean-chat-container.ott-chat-open .chat-header{flex:0 0 auto!important;padding:10px 12px!important;}
  html body #ocean-chat-container.ott-chat-open .messages-area,
  html body #ocean-chat-container.ott-chat-open #ocean-messages{
    flex:1 1 auto!important;min-height:0!important;padding:8px 10px!important;
  }
  #ocean-chat-container .ott-v393-smart-tags{gap:0!important;margin:3px 6px!important;padding:4px 5px!important;border-radius:12px!important;}
  #ocean-chat-container .ott-v393-smart-tags-head{display:none!important;}
  #ocean-chat-container .ott-v393-smart-tags-list{gap:4px!important;}
  #ocean-chat-container .ott-v393-smart-tag{min-height:34px!important;padding:6px 9px!important;font-size:9.7px!important;line-height:1.15!important;}
  html body #ocean-chat-container.ott-chat-open #ocean-chat-form{flex:0 0 auto!important;margin-top:2px!important;}
}
.ott-v395-service-guide{--ocean:#078d96;--orange:#ee8e17;--travel:#87634b;max-width:1180px;margin:40px auto;padding:clamp(24px,4vw,48px);border:1px solid rgba(7,141,150,.18);border-radius:26px;background:#fff;box-shadow:0 22px 54px -40px rgba(15,83,87,.48);}
.ott-v395-guide-kicker{margin:0 0 10px;color:var(--ocean);font-size:11px;font-weight:900;letter-spacing:.18em;}
.ott-v395-service-guide h3{margin:0;max-width:850px;color:var(--travel);font-size:clamp(27px,4vw,48px);line-height:1.06;letter-spacing:-.045em;}
.ott-v395-service-guide h3 em{color:var(--orange);font-style:normal;}
.ott-v395-guide-lead{max-width:900px;margin:18px 0 26px;color:#4e6e71;font-size:15px;line-height:1.75;}
.ott-v395-guide-lead strong{color:var(--ocean);}
.ott-v395-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.ott-v395-guide-grid article{display:grid;gap:8px;padding:18px;border:1px solid rgba(7,141,150,.13);border-radius:17px;background:linear-gradient(145deg,#f6fcfb,#fffaf4);}
.ott-v395-guide-grid b{color:var(--ocean);font-size:13px;}
.ott-v395-guide-grid article:nth-child(2) b{color:var(--orange);}
.ott-v395-guide-grid article:nth-child(3) b{color:var(--travel);}
.ott-v395-guide-grid span{color:#587476;font-size:12.5px;line-height:1.65;}
.ott-v395-guide-chat{min-height:46px;margin-top:20px;padding:12px 20px;border:0;border-radius:999px;background:linear-gradient(135deg,#078d96,#22b3ae);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 14px 28px -18px rgba(7,141,150,.8);}
.ott-v395-guide-note{margin:14px 0 0;color:#87634b;font-size:11.5px;line-height:1.6;}
#ocean-chat-container .ott-v395-service-card{display:grid!important;gap:10px!important;margin:8px 0!important;padding:14px!important;border:1px solid #cce9e6!important;border-radius:17px!important;background:#fff!important;box-shadow:0 16px 34px -30px rgba(7,106,112,.75)!important;}
#ocean-chat-container .ott-v395-service-title{margin:0!important;color:#078d96!important;font-size:15px!important;font-weight:950!important;line-height:1.35!important;}
#ocean-chat-container .ott-v395-service-subtitle{margin:0!important;color:#87634b!important;font-size:10.5px!important;line-height:1.5!important;}
#ocean-chat-container .ott-v395-service-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
#ocean-chat-container .ott-v395-service-field{display:grid!important;gap:4px!important;min-width:0!important;color:#315f66!important;font-size:10px!important;font-weight:900!important;}
#ocean-chat-container .ott-v395-service-field.is-wide{grid-column:1/-1!important;}
#ocean-chat-container .ott-v395-service-field input,
#ocean-chat-container .ott-v395-service-field select,
#ocean-chat-container .ott-v395-service-field textarea{width:100%!important;min-height:42px!important;margin:0!important;padding:9px 10px!important;border:1px solid #d6ebe9!important;border-radius:11px!important;background:#fff!important;color:#274f53!important;font:700 12px/1.4 inherit!important;box-shadow:none!important;}
#ocean-chat-container .ott-v395-service-field textarea{min-height:64px!important;resize:vertical!important;}
#ocean-chat-container .ott-v395-service-consent{display:flex!important;gap:8px!important;align-items:flex-start!important;color:#597477!important;font-size:9.5px!important;line-height:1.45!important;}
#ocean-chat-container .ott-v395-service-consent input{flex:0 0 auto!important;margin-top:2px!important;}
#ocean-chat-container .ott-v395-service-submit{min-height:44px!important;border:0!important;border-radius:999px!important;background:linear-gradient(135deg,#078d96,#1bb7b3)!important;color:#fff!important;font-weight:950!important;cursor:pointer!important;}
#ocean-chat-container .ott-v395-service-submit[disabled]{opacity:.62!important;cursor:wait!important;}
#ocean-chat-container .ott-v395-service-status{min-height:18px!important;margin:0!important;color:#2f8a67!important;font-size:10.5px!important;font-weight:850!important;line-height:1.45!important;}
#ocean-chat-container .ott-v395-service-status.is-error{color:#a24a38!important;}
@media(max-width:640px){
  .ott-v395-service-guide{margin:24px 8px;padding:24px 18px;border-radius:20px;}
  .ott-v395-guide-grid{grid-template-columns:1fr;}
  #ocean-chat-container .ott-v395-service-grid{grid-template-columns:1fr!important;}
  #ocean-chat-container .ott-v395-service-field{grid-column:1/-1!important;}
}
@media(prefers-reduced-motion:reduce){#ocean-chat-container .ott-v386-research{scroll-behavior:auto!important;}}
/* v408.1: recommendations curated from the full public conversation context. */
#ocean-chat-container .ott-v408-curator-products{display:grid!important;gap:8px!important;width:100%!important;margin:10px 0 2px!important;padding-top:9px!important;border-top:1px solid #d5ece9!important;}
#ocean-chat-container .ott-v408-curator-head{display:flex!important;align-items:center!important;gap:6px!important;color:#087f88!important;font-size:10.5px!important;font-weight:950!important;letter-spacing:.02em!important;}
#ocean-chat-container .ott-v408-curator-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;}
#ocean-chat-container .ott-v408-curator-card{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;gap:9px!important;min-width:0!important;padding:7px!important;border:1px solid #cde8e5!important;border-radius:15px!important;background:linear-gradient(145deg,#f4fcfb,#fffaf2)!important;color:#315f64!important;text-decoration:none!important;box-shadow:0 12px 26px -24px rgba(8,96,104,.68)!important;}
#ocean-chat-container .ott-v408-curator-image{display:block!important;width:112px!important;height:112px!important;border-radius:11px!important;object-fit:cover!important;background:#edf8f7!important;}
#ocean-chat-container .ott-v408-curator-copy{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important;}
#ocean-chat-container .ott-v408-curator-name{display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:4!important;color:#087f88!important;font-size:11.5px!important;line-height:1.32!important;font-weight:950!important;}
#ocean-chat-container .ott-v408-curator-fit{display:block!important;color:#587376!important;font-size:9.5px!important;line-height:1.35!important;font-weight:750!important;}
#ocean-chat-container .ott-v408-curator-pricing{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;gap:4px 7px!important;margin-top:auto!important;}
#ocean-chat-container .ott-v408-curator-list{color:#87634b!important;font-size:9px!important;text-decoration:line-through!important;font-weight:750!important;}
#ocean-chat-container .ott-v408-curator-offer{color:#e96512!important;-webkit-text-fill-color:#e96512!important;font-size:13px!important;font-weight:950!important;}
#ocean-chat-container .ott-v408-curator-cta{align-self:flex-start!important;min-height:31px!important;margin-top:2px!important;padding:7px 11px!important;border-radius:999px!important;background:#ffd928!important;color:#4e371d!important;font-size:9.5px!important;font-weight:950!important;}
@media(max-width:440px){
  #ocean-chat-container .ott-v408-curator-card{grid-template-columns:102px minmax(0,1fr)!important;}
  #ocean-chat-container .ott-v408-curator-image{width:102px!important;height:108px!important;}
}
/* v403: mobile chat canvas — give the conversation more vertical space while
   keeping the suggestion rail compact and comfortably tappable. */
@media(max-width:849px){
  /* v405: the off-canvas wrapper already begins below the fixed header.
     Reset the drawer's second top offset so no empty teal block appears
     before the search/category row. */
  html body .mfp-wrap.off-canvas .mfp-container{
    padding-top:0!important;
  }
  html body .mfp-wrap.off-canvas #main-menu{
    top:0!important;
    bottom:0!important;
    height:100%!important;
    max-height:none!important;
    padding-top:0!important;
  }
  html body .mfp-wrap.off-canvas #main-menu .nav-sidebar{
    padding-top:0!important;
  }
  /* v404: neutralise the desktop 116px inner-header height that was pulling
     the mobile menu down inside the 64px fixed header. */
  html body #header .header-main .header-inner,
  html body #header .header-main>.container,
  html body #header .header-main .flex-row,
  html body #header .header-main .row{
    height:64px!important;
    min-height:64px!important;
    max-height:64px!important;
    margin-top:0!important;
    margin-bottom:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    transform:none!important;
  }
  html body #header .header-main .flex-col,
  html body #header .header-main .mobile-nav,
  html body #header .header-main .mobile-nav>li{
    margin-top:0!important;
    margin-bottom:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  html body #ocean-chat-container.ott-chat-open{inset:0!important;}
  html body #ocean-chat-container.ott-chat-open .chat-window{
    border-radius:18px!important;
  }
  html body #ocean-chat-container.ott-chat-open .chat-header{
    padding:7px 10px!important;
  }
  html body #ocean-chat-container.ott-chat-open .messages-area,
  html body #ocean-chat-container.ott-chat-open #ocean-messages{
    padding:5px 8px!important;
    gap:8px!important;
  }
  html body #ocean-chat-container.ott-chat-open #ocean-chat-form{
    margin-top:0!important;
  }
  html body #ocean-chat-container.ott-chat-open .input-area{
    padding:4px 7px 5px!important;
  }
  html body #ocean-chat-container.ott-chat-open .input-wrapper{
    padding:4px 6px!important;
  }
  html body #ocean-chat-container.ott-chat-open .input-field{
    min-height:38px!important;
    max-height:72px!important;
    padding:5px 7px!important;
    line-height:1.3!important;
  }
  html body #ocean-chat-container.ott-chat-open .input-hint{
    margin-top:2px!important;
    font-size:9px!important;
    line-height:1.1!important;
  }
  html body #ocean-chat-container.ott-chat-open .send-btn{
    width:44px!important;
    height:44px!important;
    flex:0 0 44px!important;
  }
  html body #ocean-chat-container.ott-chat-open .bubble{
    padding:8px 10px!important;
    font-size:14px!important;
    line-height:1.45!important;
  }
  html body #ocean-chat-container .ott-v393-smart-tags{
    gap:0!important;
    margin:2px 4px 3px!important;
    padding:2px 3px!important;
    border-color:rgba(7,143,155,.12)!important;
    border-radius:10px!important;
    box-shadow:none!important;
  }
  html body #ocean-chat-container .ott-v393-smart-tags-list{
    gap:3px!important;
    max-height:32px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  html body #ocean-chat-container .ott-v393-smart-tag{
    min-height:30px!important;
    max-height:30px!important;
    padding:5px 8px!important;
    font-size:9px!important;
    line-height:1.1!important;
  }
  html body #ocean-chat-container .ott-v393-smart-tag:nth-child(n+4){display:none!important;}
}

/* ott-language-four-slot-slider-v443 */

html body #gt_float_wrapper .gt_float_switcher .gt_options.ott-gt-four-slot-v443,
html body .gtranslate_wrapper .gt_float_switcher .gt_options.ott-gt-four-slot-v443,
html body .gt_switcher_wrapper .gt_float_switcher .gt_options.ott-gt-four-slot-v443{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  gap:6px!important;
  width:min(536px,calc(100vw - 20px))!important;
  max-width:calc(100vw - 20px)!important;
  padding:7px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  touch-action:pan-x!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;
}
html body #gt_float_wrapper .gt_float_switcher .gt_options.ott-gt-four-slot-v443::-webkit-scrollbar,
html body .gtranslate_wrapper .gt_float_switcher .gt_options.ott-gt-four-slot-v443::-webkit-scrollbar,
html body .gt_switcher_wrapper .gt_float_switcher .gt_options.ott-gt-four-slot-v443::-webkit-scrollbar{display:none!important;}
html body #gt_float_wrapper .gt_float_switcher .gt_options.ott-gt-four-slot-v443 a,
html body #gt_float_wrapper .gt_float_switcher .gt_options.ott-gt-four-slot-v443 a.nturl,
html body .gtranslate_wrapper .gt_float_switcher .gt_options.ott-gt-four-slot-v443 a,
html body .gtranslate_wrapper .gt_float_switcher .gt_options.ott-gt-four-slot-v443 a.nturl,
html body .gt_switcher_wrapper .gt_float_switcher .gt_options.ott-gt-four-slot-v443 a,
html body .gt_switcher_wrapper .gt_float_switcher .gt_options.ott-gt-four-slot-v443 a.nturl{
  box-sizing:border-box!important;
  display:flex!important;
  flex:0 0 calc((100% - 18px)/4)!important;
  width:calc((100% - 18px)/4)!important;
  min-width:calc((100% - 18px)/4)!important;
  max-width:calc((100% - 18px)/4)!important;
  min-height:34px!important;
  height:34px!important;
  margin:0!important;
  padding:4px 5px!important;
  gap:4px!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:nowrap!important;
  scroll-snap-align:start!important;
  font-size:10px!important;
  line-height:1!important;
}
html body #gt_float_wrapper .gt_float_switcher .gt_options a img,
html body .gtranslate_wrapper .gt_float_switcher .gt_options a img,
html body .gt_switcher_wrapper .gt_float_switcher .gt_options a img{
  flex:0 0 auto!important;
  width:15px!important;
  min-width:15px!important;
  height:11px!important;
}
@media(max-width:760px){
  html body #gt_float_wrapper .gt_float_switcher .gt_options.ott-gt-four-slot-v443,
  html body .gtranslate_wrapper .gt_float_switcher .gt_options.ott-gt-four-slot-v443,
  html body .gt_switcher_wrapper .gt_float_switcher .gt_options.ott-gt-four-slot-v443{
    width:calc(100vw - 16px)!important;
    max-width:calc(100vw - 16px)!important;
    gap:4px!important;
    padding:6px!important;
  }
  html body #gt_float_wrapper .gt_float_switcher .gt_options.ott-gt-four-slot-v443 a,
  html body #gt_float_wrapper .gt_float_switcher .gt_options.ott-gt-four-slot-v443 a.nturl,
  html body .gtranslate_wrapper .gt_float_switcher .gt_options.ott-gt-four-slot-v443 a,
  html body .gtranslate_wrapper .gt_float_switcher .gt_options.ott-gt-four-slot-v443 a.nturl,
  html body .gt_switcher_wrapper .gt_float_switcher .gt_options.ott-gt-four-slot-v443 a,
  html body .gt_switcher_wrapper .gt_float_switcher .gt_options.ott-gt-four-slot-v443 a.nturl{
    flex-basis:calc((100% - 12px)/4)!important;
    width:calc((100% - 12px)/4)!important;
    min-width:calc((100% - 12px)/4)!important;
    max-width:calc((100% - 12px)/4)!important;
    min-height:32px!important;
    height:32px!important;
    padding:4px 3px!important;
    gap:3px!important;
    font-size:9.3px!important;
  }
  html body #gt_float_wrapper .gt_float_switcher .gt_options.ott-gt-four-slot-v443 a img,
  html body .gtranslate_wrapper .gt_float_switcher .gt_options.ott-gt-four-slot-v443 a img,
  html body .gt_switcher_wrapper .gt_float_switcher .gt_options.ott-gt-four-slot-v443 a img{
    width:13px!important;
    min-width:13px!important;
    height:9px!important;
  }
  /* Keep the language rail unobstructed without retaining the older v427
     stylesheet solely for this one mobile interaction. */
  html body.ott-language-open-v426 #ocean-chat-container{
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
}

/* ott-mobile-editorial-zigzag-v459 */

@media(max-width:760px){
  html body.home .ott-latest-posts-v278{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;
    width:calc(100% + 16px)!important;max-width:calc(100% + 16px)!important;
    margin-left:-8px!important;margin-right:-8px!important;padding:0!important;
  }
  html body.home .ott-latest-posts-v278>.post-item,
  html body.home .ott-latest-posts-v278>.post-item>.col-inner{
    width:100%!important;min-width:0!important;height:176px!important;min-height:176px!important;max-height:176px!important;
    margin:0!important;padding:0!important;overflow:hidden!important;border-radius:18px!important;
  }
  html body.home .ott-latest-posts-v278>.post-item>.col-inner{border:1px solid rgba(32,142,145,.18)!important;background:#fff!important;box-shadow:0 10px 24px rgba(19,91,91,.09)!important;}
  html body.home .ott-latest-posts-v278>.post-item .box.box-blog-post:has(.ott-read-more){
    display:grid!important;grid-template-columns:minmax(0,48%) minmax(0,52%)!important;align-items:stretch!important;
    width:100%!important;height:176px!important;min-height:176px!important;max-height:176px!important;
    overflow:hidden!important;border:0!important;border-radius:18px!important;background:#fff!important;box-shadow:none!important;
  }
  html body.home .ott-latest-posts-v278>.post-item:nth-child(even) .box.box-blog-post:has(.ott-read-more){grid-template-columns:minmax(0,52%) minmax(0,48%)!important;}
  html body.home .ott-latest-posts-v278>.post-item .box-image,
  html body.home .ott-latest-posts-v278>.post-item .box-image .image-cover,
  html body.home .ott-latest-posts-v278>.post-item .box-image .image-cover img,
  html body.home .ott-latest-posts-v278>.post-item .box-text{
    width:100%!important;min-width:0!important;height:176px!important;min-height:176px!important;max-height:176px!important;
  }
  html body.home .ott-latest-posts-v278>.post-item .box-image{order:1!important;overflow:hidden!important;border-radius:17px 0 0 17px!important;background:#e7f7f7!important;}
  html body.home .ott-latest-posts-v278>.post-item .box-image .image-cover{padding-top:0!important;}
  html body.home .ott-latest-posts-v278>.post-item .box-image .image-cover img{display:block!important;object-fit:cover!important;object-position:center!important;}
  html body.home .ott-latest-posts-v278>.post-item .box-text{order:2!important;display:flex!important;align-items:stretch!important;padding:0!important;border:0!important;border-left:1px solid rgba(32,142,145,.11)!important;background:linear-gradient(145deg,#fff 0%,#f7fcfb 100%)!important;}
  html body.home .ott-latest-posts-v278>.post-item:nth-child(even) .box-image{order:2!important;border-radius:0 17px 17px 0!important;}
  html body.home .ott-latest-posts-v278>.post-item:nth-child(even) .box-text{order:1!important;border-left:0!important;border-right:1px solid rgba(32,142,145,.11)!important;}
  html body.home .ott-latest-posts-v278>.post-item .box-text-inner.blog-post-inner{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-width:0!important;padding:14px 14px 12px!important;text-align:left!important;}
  html body.home .ott-latest-posts-v278>.post-item .post-title,
  html body.home .ott-latest-posts-v278>.post-item h5.post-title{display:block!important;width:100%!important;min-width:0!important;margin:0!important;}
  html body.home .ott-latest-posts-v278>.post-item .post-title>a.plain,
  html body.home .ott-latest-posts-v278>.post-item h5.post-title>a.plain{display:-webkit-box!important;width:100%!important;min-width:0!important;max-height:58px!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;white-space:normal!important;color:#176d68!important;-webkit-text-fill-color:#176d68!important;font-size:14px!important;line-height:1.38!important;font-weight:850!important;text-align:left!important;text-decoration:none!important;}
  html body.home .ott-latest-posts-v278>.post-item .box.box-blog-post .ott-read-more{display:inline-flex!important;margin:8px 0 0!important;color:#f7941d!important;-webkit-text-fill-color:#f7941d!important;font:850 12px/1.2 Arial,sans-serif!important;text-decoration:none!important;}
}