/* Tropical Clothing Co tiles v2: futuristic, minimal. Pure CSS, no images. Supersedes tiles.css */
.tcc-tiles { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin:0; padding:0; list-style:none; }
@media (min-width:700px){ .tcc-tiles{ grid-template-columns:repeat(3,1fr); gap:14px; } }
@media (min-width:1100px){ .tcc-tiles{ grid-template-columns:repeat(5,1fr); } .tcc-tiles--men{ grid-template-columns:repeat(4,1fr); } }
.tcc-tile { position:relative; display:flex; flex-direction:column; justify-content:flex-end; aspect-ratio:1/1; padding:16px; border-radius:6px; border:1px solid #E3E8E8; color:#0B1F26; text-decoration:none; overflow:hidden; background-color:#F5F7F6; transition:border-color .25s ease, transform .25s ease; }
.tcc-tile::before { content:""; position:absolute; inset:0; z-index:0; transition:transform .5s ease; }
.tcc-tile > * { position:relative; z-index:1; }
.tcc-tile__label { display:block; background:rgba(255,255,255,.88); padding:9px 11px; border-radius:4px; }
.tcc-tile__name { display:block; font-family:"Outfit","DM Sans",system-ui,sans-serif; font-weight:500; font-size:1rem; letter-spacing:-.01em; line-height:1.2; }
.tcc-tile__count { display:block; margin-top:3px; font-family:"DM Sans",system-ui,sans-serif; font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color:#51636A; }
.tcc-tile:hover, .tcc-tile:focus-visible { border-color:#0E7C74; transform:translateY(-2px); }
.tcc-tile:hover::before { transform:scale(1.04); }
.tcc-tile:focus-visible { outline:2px solid #0E7C74; outline-offset:3px; }
/* Thin-line textures, all at low opacity */
.tcc-tile--wave::before { background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='14' viewBox='0 0 56 14'%3E%3Cpath d='M0 7 Q14 0 28 7 T56 7' fill='none' stroke='%230E7C74' stroke-opacity='.16' stroke-width='1'/%3E%3C/svg%3E"); background-size:56px 14px; }
.tcc-tile--linen::before { background-image:repeating-linear-gradient(0deg,rgba(11,31,38,.06) 0 1px,transparent 1px 5px),repeating-linear-gradient(90deg,rgba(11,31,38,.06) 0 1px,transparent 1px 5px); }
.tcc-tile--sand::before { background-image:radial-gradient(rgba(11,31,38,.14) .7px,transparent 1px); background-size:8px 8px; }
.tcc-tile--palm::before { background-image:repeating-linear-gradient(135deg,rgba(14,124,116,.14) 0 1px,transparent 1px 10px); }
@media (prefers-reduced-motion:reduce){ .tcc-tile,.tcc-tile::before{ transition:none; } .tcc-tile:hover{ transform:none; } .tcc-tile:hover::before{ transform:none; } }
/* Homepage hero, headings, how-we-choose (Site Builder draft, v2) */
.tcc-hero{background:#F5F7F6;border:1px solid #E3E8E8;border-radius:6px;padding:56px 24px;text-align:center;color:#0B1F26}
@media (min-width:1024px){.tcc-hero{padding:88px 48px}}
.tcc-hero h1{font-family:"Outfit","DM Sans",system-ui,sans-serif;font-weight:500;letter-spacing:-.02em;font-size:clamp(2rem,5vw,3.5rem);line-height:1.05;margin:0 0 14px}
.tcc-hero__lead{max-width:40rem;margin:0 auto 22px;font-size:1.05rem;line-height:1.6;color:#51636A}
.tcc-hero__ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:0 0 14px}
.tcc-btn{display:inline-block;min-height:44px;line-height:44px;padding:0 22px;border-radius:4px;background:#0E7C74;color:#fff;text-decoration:none;font-weight:500}
.tcc-btn--ghost{background:#0B1F26;color:#fff}
.tcc-hero__ad{font-size:.8rem;color:#51636A;margin:0}
.tcc-h2{font-family:"Outfit","DM Sans",system-ui,sans-serif;font-weight:500;letter-spacing:-.02em;color:#0B1F26;margin:0 0 14px}
.tcc-h3{font-family:"DM Sans",system-ui,sans-serif;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:#51636A;margin:24px 0 10px}
.tcc-all a{color:#0E7C74;font-weight:500}
.tcc-how{background:#F5F7F6;border-top:1px solid #E3E8E8;border-bottom:1px solid #E3E8E8;padding:40px 24px;color:#0B1F26}
.tcc-how ul{margin:0;padding-left:1.2em;line-height:1.7;color:#51636A}

/* TCC visual fixes 1 (draft) — 2026-10-25 */
/* Visual fixes 1 (draft) */
.wiziblocks__item .tcc-hero{display:flex;flex-direction:column;align-items:center;text-align:center}
.wiziblocks__item .tcc-hero h1{margin:0 0 16px;width:100%}
.wiziblocks__item .tcc-hero .tcc-hero__lead{display:block;float:none;max-width:40rem;margin:0 auto 28px;text-align:center;color:#3F4F52}
.wiziblocks__item .tcc-hero .tcc-hero__ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:0 0 16px;width:100%}
.wiziblocks__item .tcc-hero a.tcc-btn,.wiziblocks__item .tcc-hero a.tcc-btn:visited,.wiziblocks__item .tcc-hero a.tcc-btn:hover{display:inline-block;min-height:44px;line-height:44px;padding:0 24px;border-radius:4px;background:#0E7C74;color:#FFFFFF;border:1px solid #0E7C74;text-decoration:none;font-weight:500}
.wiziblocks__item .tcc-hero a.tcc-btn--ghost,.wiziblocks__item .tcc-hero a.tcc-btn--ghost:visited,.wiziblocks__item .tcc-hero a.tcc-btn--ghost:hover{background:#FFFFFF;color:#0B1F26;border:1px solid #0B1F26;line-height:42px}
.wiziblocks__item .tcc-hero a.tcc-btn:focus-visible{outline:3px solid #0B1F26;outline-offset:2px}
/* Tiles: no bullets, side padding, no teal underline */
.wiziblocks__item ul.tcc-tiles,.wiziblocks__item ul.tcc-tiles > li{list-style:none;margin:0;padding:0}
.wiziblocks__item ul.tcc-tiles > li::before,.wiziblocks__item ul.tcc-tiles > li::marker{content:none;display:none}
.wiziblocks__item ul.tcc-tiles{padding:0 16px;box-sizing:border-box;width:100%;max-width:100%}
.wiziblocks__item .tcc-home .tcc-h2,.wiziblocks__item .tcc-home .tcc-h3,.wiziblocks__item .tcc-home .tcc-all{padding:0 16px}
.wiziblocks__item .tcc-home{overflow:hidden;box-sizing:border-box}
.wiziblocks__item ul.tcc-tiles > li{min-width:0}
.wiziblocks__item a.tcc-tile,.wiziblocks__item a.tcc-tile:hover,.wiziblocks__item a.tcc-tile:visited{text-decoration:none;color:#10333F}
.wiziblocks__item a.tcc-tile .tcc-tile__name{color:#10333F;text-decoration:none;text-transform:none;display:block}
.wiziblocks__item a.tcc-tile .tcc-tile__count{color:#3F4F52;text-decoration:none;text-transform:none;display:block;letter-spacing:0}
.wiziblocks__item .tcc-tile br{display:none}
.wiziblocks__item .tcc-all a{color:#0E7C74;text-decoration:underline}
/* How we choose */
.wiziblocks__item .tcc-how{color:#0B1F26;padding:40px 16px}
.wiziblocks__item .tcc-how .tcc-h2{color:#0B1F26;padding:0}
.wiziblocks__item .tcc-how ul{list-style:disc outside;margin:0;padding-left:1.25em;color:#0B1F26}
.wiziblocks__item .tcc-how ul li{list-style:disc outside;color:#0B1F26;padding-left:.25em;margin:0 0 4px}
/* Mega menu links */
.nav__sublevel{z-index:60}
.nav__sublevel .nav__a,.nav__sublevel .nav__a--lvl2,.nav__sublevel a{color:#0B1F26;opacity:1}
.nav__sublevel .nav__a:hover,.nav__sublevel a:hover{color:#0E7C74}
/* Footer */
.footer .footer__wrapper__bloc:empty,.footer .footer__wrapper:empty{display:none}
.footer .footer__wrapper__left__name{font-size:1.25rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.footer .footer__wrapper__bloc__title{color:#FFFFFF}
.footer .footer__wrapper__bloc__ul__li__link,.footer .footer__wrapper__bloc__ul__li__link:visited{color:#B7C4C6;opacity:1}
.footer .footer__wrapper__bloc__ul__li__link:hover{color:#FFFFFF}
/* Category and product grids at small widths */
@media (max-width:699px){.prod-list,.list-top,.prod-list__optionMobile{padding-left:12px;padding-right:16px;box-sizing:border-box}}
.prod-list__showModal--sort,.sort__label{color:#0B1F26;font-size:.9rem;opacity:1;visibility:visible}

/* TCC visual fixes 2 (draft) — 2026-10-25 */
/* Visual fixes 2 (draft): selectors matched to rendered preview markup */
/* 1. Stray dot: wiziblocks-global.css adds content:"•" via .wiziblocks__item:not(.wiziblocks__item--planity) ul li:not([role]):before */
body.body .wiziblocks__item:not(.wiziblocks__item--planity) ul.tcc-tiles > li:not([role])::before{content:none!important;display:none!important}
body.body .wiziblocks__item ul.tcc-tiles,body.body .wiziblocks__item ul.tcc-tiles > li{list-style:none;padding-left:0;margin:0}
/* 2. Underlines and teal: theme rule body.body .wiziblocks__item a {color:primary;text-decoration:underline} */
body.body .wiziblocks__item a.tcc-tile,body.body .wiziblocks__item a.tcc-tile:hover,body.body .wiziblocks__item a.tcc-tile:visited,body.body .wiziblocks__item a.tcc-tile:focus,body.body .wiziblocks__item a.tcc-tile *{text-decoration:none!important;color:#10333F}
body.body .wiziblocks__item a.tcc-tile .tcc-tile__count,body.body .wiziblocks__item a.tcc-tile:hover .tcc-tile__count{color:#3F4F52}
/* 3 and 4. Centre homepage content in 1200px with 16px gutters, no overflow */
body.body .wiziblocks__item > section.tcc-hero,body.body .wiziblocks__item > section.tcc-home,body.body .wiziblocks__item > section.tcc-how{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;box-sizing:border-box;width:100%}
body.body .wiziblocks__item.tcc-picks{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;box-sizing:border-box}
body.body .wiziblocks__item ul.tcc-tiles{padding:0!important;width:100%;max-width:100%;box-sizing:border-box}
body.body .wiziblocks__item .tcc-home .tcc-h2,body.body .wiziblocks__item .tcc-home .tcc-h3,body.body .wiziblocks__item .tcc-home .tcc-all{padding-left:0;padding-right:0}
body.body .wiziblocks__item .tcc-home{overflow:visible}
/* 5. How we choose: keep only the theme's "•" (remove list-style disc from fixes 1) */
body.body .wiziblocks__item .tcc-how ul,body.body .wiziblocks__item .tcc-how ul li{list-style:none}
body.body .wiziblocks__item .tcc-how ul{padding-left:1.5em!important}
/* 6. Footer: first .footer__wrapper holds two empty blocs; white 3px line from .footer__wrapper:before */
.footer > .footer__wrapper:not(:has(.footer__wrapper__bloc *)){display:none}
.footer .footer__wrapper:before{background-color:rgba(183,196,198,.25);height:1px}
/* 7. Footer name on mobile: smaller, single line */
.footer .footer__wrapper__left__name{font-size:1.25rem;line-height:1.75rem;white-space:nowrap}
@media (max-width:699px){.footer .footer__wrapper__left__name{font-size:1.1rem}}

/* TCC visual fixes 3 (draft) — 2026-10-25 */
/* Visual fixes 3 (draft): v3 review */
/* 1. One centred 1200px container, 24px gutters (20px under 700px); remove earlier double padding */
body.body .wiziblocks__item > section.tcc-hero,body.body .wiziblocks__item > section.tcc-home,body.body .wiziblocks__item > section.tcc-how,body.body .wiziblocks__item.tcc-picks{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;box-sizing:border-box;width:100%}
body.body .wiziblocks__item ul.tcc-tiles{padding:0!important;margin:0 auto;justify-content:center}
body.body .wiziblocks__item .tcc-home .tcc-h2,body.body .wiziblocks__item .tcc-home .tcc-h3,body.body .wiziblocks__item .tcc-home .tcc-all,body.body .wiziblocks__item .tcc-how .tcc-h2{padding-left:0;padding-right:0;margin-left:0;text-align:left}
body.body .wiziblocks__item .tcc-how{padding-top:40px;padding-bottom:40px}
@media (max-width:699px){body.body .wiziblocks__item > section.tcc-hero,body.body .wiziblocks__item > section.tcc-home,body.body .wiziblocks__item > section.tcc-how,body.body .wiziblocks__item.tcc-picks{padding-left:20px;padding-right:20px}}
/* 2. Group headings and See all */
body.body .wiziblocks__item .tcc-home .tcc-h2{margin:0 0 8px;line-height:1.1}
body.body .wiziblocks__item .tcc-home .tcc-h3{font-family:"Outfit","DM Sans",system-ui,sans-serif;font-weight:500;font-size:1.25rem;letter-spacing:-.01em;text-transform:none;color:#0B1F26;margin:40px 0 16px;line-height:1.2}
body.body .wiziblocks__item .tcc-home .tcc-h2 + .tcc-h3{margin-top:24px}
body.body .wiziblocks__item .tcc-home .tcc-all{margin:16px 0 0}
body.body .wiziblocks__item .tcc-home .tcc-all a,body.body .wiziblocks__item .tcc-home .tcc-all a:visited{font-family:"DM Sans",system-ui,sans-serif;font-size:.9rem;color:#0B1F26;text-decoration:underline;text-decoration-color:#0E7C74;text-decoration-thickness:1px;text-underline-offset:3px}
/* tile text in ink and muted (no other accent) */
body.body .wiziblocks__item a.tcc-tile,body.body .wiziblocks__item a.tcc-tile *{color:#0B1F26}
body.body .wiziblocks__item a.tcc-tile .tcc-tile__count{color:#51636A}
/* 3. Hero rhythm */
body.body .wiziblocks__item > section.tcc-hero{padding-top:72px;padding-bottom:72px}
@media (max-width:699px){body.body .wiziblocks__item > section.tcc-hero{padding-top:48px;padding-bottom:48px}}
body.body .wiziblocks__item .tcc-hero h1{margin:0 0 16px}
body.body .wiziblocks__item .tcc-hero p.tcc-hero__lead{max-width:56ch;margin:0 auto 28px;text-align:center}
body.body .wiziblocks__item .tcc-hero p.tcc-hero__ctas{margin:0 0 20px}
body.body .wiziblocks__item .tcc-hero a.tcc-btn{min-height:48px;line-height:48px}
body.body .wiziblocks__item .tcc-hero a.tcc-btn--ghost{line-height:46px}
body.body .wiziblocks__item .tcc-hero p.tcc-hero__ad{margin:0}
/* 4. Desktop nav bar: white, hairline, ink, not uppercase (header-f .nav uses var(--primary-color)) */
@media (min-width:1024px){
.body .nav{background-color:#FFFFFF;border-bottom:1px solid #E3E8E8}
.body .nav .nav__itemlvl1,.nav-perso-off .nav__label--open .nav__itemlvl1,.nav-perso-off .nav__label:hover .nav__itemlvl1{color:#0B1F26;text-transform:none;font-weight:500}
.body .nav .nav__itemlvl1:before{background:#0E7C74}
.body .nav .nav__itemlvl1:hover{text-decoration:underline;text-decoration-color:#0E7C74;text-decoration-thickness:1px;text-underline-offset:4px}
.body .nav [class*="header__"],.body .nav .icon{color:#0B1F26}
}
/* 5. Price-drop badge on cards in ink (also set in the badge theme draft) */
.prod__state--promo,.prod__state--promo .prod__type{background:#0B1F26;color:#FFFFFF}
/* 6. Fixed Order bar on mobile product pages: keep content clear */
@media (max-width:1023px){body.body.page-prod-details .body__wrapper{padding-bottom:96px}}
/* 7. How we choose on mobile: room for the accessibility toggle */
@media (max-width:699px){body.body .wiziblocks__item > section.tcc-how{padding-right:48px}body.body .wiziblocks__item .tcc-how ul{padding-left:20px!important}}

/* TCC visual fixes 4 (draft) — 2026-10-25 */
/* Visual fixes 4 (draft) */
/* 1. Container: header-f gives each homepage block padding 0 40px (0 20px mobile) via .body__wrapper--withoutPadding .wiziblocks__item; drop it on our blocks so the section's 24px gutter is the only one */
.body__wrapper--withoutPadding .wiziblocks__item:has(> section[class^="tcc-"]),.body__wrapper--withoutPadding .wiziblocks__item.tcc-picks{padding-left:0;padding-right:0}
body.body .wiziblocks__item > section.tcc-hero,body.body .wiziblocks__item > section.tcc-home,body.body .wiziblocks__item > section.tcc-how,body.body .wiziblocks__item.tcc-picks{max-width:1200px;width:100%;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;box-sizing:border-box}
/* hero box sits inside the gutters */
body.body .wiziblocks__item > section.tcc-hero{max-width:1152px}
/* Tile rows fill the container: auto-fit collapses empty tracks, so 4-tile and 5-tile rows both span the full width */
@media (min-width:700px){body.body .wiziblocks__item ul.tcc-tiles,body.body .wiziblocks__item ul.tcc-tiles--men{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:100%;max-width:none}}
@media (max-width:699px){body.body .wiziblocks__item > section.tcc-hero,body.body .wiziblocks__item > section.tcc-home,body.body .wiziblocks__item > section.tcc-how,body.body .wiziblocks__item.tcc-picks{padding-left:20px;padding-right:20px}body.body .wiziblocks__item > section.tcc-hero{max-width:calc(100% - 40px)}}
/* 2. Header icons: header-f draws search and account as white-filled SVG backgrounds; redraw them in ink */
.header__triggerSearch .icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.059 11.965a.835.835 0 01-.115.971l-4.5 4.5a1.5 1.5 0 102.121 2.121l4.5-4.5a.84.84 0 01.977-.113 3.491 3.491 0 00.457.252 8 8 0 10-3.688-3.684 3.48 3.48 0 00.248.453zM12 13a5 5 0 115-5 5 5 0 01-5 5z' fill='%230B1F26'/%3E%3C/svg%3E")}
.header__account__span{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.999' height='20.002'%3E%3Cpath d='M12.058 20.001H5.94c-3.279 0-5.939.177-5.939-3.1a5.928 5.928 0 015.392-5.9c.025 1.079 1.63 1.951 3.606 1.951s3.582-.872 3.606-1.951a5.93 5.93 0 015.394 5.9c0 2.953-2.167 3.1-5 3.1zM4.047 4.945A4.948 4.948 0 018.997.001a4.948 4.948 0 014.953 4.944c0 2.728-2.217 6.833-4.953 6.833s-4.95-4.106-4.95-6.834z' fill='%230B1F26'/%3E%3C/svg%3E")}
.header__triggerSearch:before,.header__account:before{background:#F5F7F6}
/* 3. Category intro at small widths */
@media (max-width:699px){.prod-list section.bloc .bloc--text{padding-left:20px;padding-right:20px;box-sizing:border-box}}

/* TCC visual fixes 5 (draft) — 2026-10-25 */
/* Visual fixes 5 (draft) */
@media (min-width:1024px){
/* 1. Nav row capped to the 1200px column */
.body .nav .nav__wrapper{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;box-sizing:border-box;position:relative}
.body .nav .nav__label{position:static}
/* mega panel: aligned to the column, white, hairline, no heavy shadow */
.body .nav .nav__sublevel,.nav-perso-off .nav__sublevel,.nav-perso-off .nav__sublevel--centered{left:24px;right:24px;width:auto;max-width:1152px;background:#FFFFFF;border:1px solid #E3E8E8;border-radius:4px;box-shadow:0 8px 24px rgba(11,31,38,.06)}
.nav-perso-off .nav__sublevel--centered,.nav-perso-off .nav__label--close .nav__sublevel--centered{transform:translateY(20px)}
.nav-perso-off .nav__label--open .nav__sublevel--centered,.nav-perso-off .nav__label:hover .nav__sublevel--centered{transform:translateY(5px)}
.body .nav .nav__sublevel .nav__a--lvl2,.body .nav .nav__sublevel a{color:#0B1F26;font-size:15px;line-height:1.4;padding-top:6px;padding-bottom:6px;opacity:1}
/* ghost fragment: the mobile drawer header (.nav__ul__header, "Womens"/"Mens") positioned absolute at the panel top */
.body .nav .nav__sublevel .nav__ul__header{display:none}
}
/* 2. Cart icon in ink (header-f draws it with a white-filled SVG) */
.header__cart__a{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='20'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%230B1F26%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M1.149 20h13.68a1.1 1.1 0 001.167-1.116l-1.167-12.82a1.114 1.114 0 00-1.144-.947h-.834v2.316a1.657 1.657 0 01-3.288 0V5.115h-3.1v2.316a1.657 1.657 0 01-3.288 0V5.115h-.834a1.121 1.121 0 00-1.167.947L.007 18.884A1.055 1.055 0 001.149 20z'/%3E%3Cpath class='a' d='M4.796 8.168a.761.761 0 00.81-.715V3.537a2.377 2.377 0 014.718 0v3.894a.816.816 0 001.62 0V3.536A3.713 3.713 0 007.986 0a3.786 3.786 0 00-4 3.537v3.894a.778.778 0 00.811.737z'/%3E%3C/svg%3E")}
.header__cart:before{background:#F5F7F6}
/* 3. Mobile product page: clip the closed Description panel (its text is a bare text node, not hidden by the theme rule) */
@media (max-width:1023px){.prod-infos:not(.open) .prod-infos__desc{max-height:3rem;overflow:hidden}.prod-infos.open .prod-infos__desc{max-height:none;overflow:visible}}
/* 4. Price line in the hero */
body.body .wiziblocks__item .tcc-hero p.tcc-hero__price{margin:8px 0 0;font-size:.8rem;color:#51636A;text-align:center}

/* TCC visual fixes 6 (draft) — 2026-10-25 */
/* Visual fixes 6 (draft): closed Description shows header only (mobile) */
@media (max-width:1023px){
.prod-infos:not(.open) .prod-infos__desc{max-height:none;overflow:visible;font-size:0;line-height:0;color:transparent}
.prod-infos:not(.open) .prod-infos__desc>.prod-infos__title{font-size:2rem;line-height:1;color:#0B1F26;margin-bottom:0!important}
.prod-infos:not(.open) .prod-infos__desc>:not(.prod-infos__title){font-size:1rem;line-height:1.6}
.prod-infos:not(.open) .prod-infos__desc br{display:none}
.prod-infos:not(.open){margin-bottom:12px}
.prod-infos.open .prod-infos__desc{font-size:inherit;line-height:inherit;color:inherit}
}

/* Footer wordmark white on dark footer — 2026-10-25 */
.footer .footer__wrapper__bloc__item--logo .footer__wrapper__left__img{filter:brightness(0) invert(1)}

/* Amazon Associates statement in footer on every page — 2026-10-25 */
.footer:not(:has(.disclaimer-amazon))::after{content:"As an Amazon Associate I earn from qualifying purchases.";display:block;box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:16px 20px 20px;color:#FFFFFF;font-size:.875rem;line-height:1.5;text-align:center;position:relative;z-index:1;white-space:normal}
.footer .disclaimer-amazon p{color:#FFFFFF;font-size:.875rem;line-height:1.5;text-align:center;margin:0 auto;max-width:1200px;padding:12px 20px}

/* Product page v2 (Web Design) 2026-10-26 */
/* Tropical Clothing Co: product page CSS v2 (DRAFT for theme custom CSS). Web Design, 26 Oct 2026.
   Replaces v1. Built for the live description markup: div.tcc-spec-block with h2, h3, table.tcc-specs (tbody, tr, th, td), p, ul, li.
   Scope: the H1 restyle applies to ALL product pages. Everything else (hidden theme Specifications accordion, open Description,
   spec table and list styling) applies ONLY where the description contains .tcc-spec-block, so products not yet rewritten are unchanged.
   No text-transform anywhere: brand names keep their own capitalisation. */

/* 1. H1 (all products) */
#prod-h1.prod-details__name{font-family:"Outfit","DM Sans",system-ui,sans-serif!important;font-weight:500!important;letter-spacing:-.02em;line-height:1.12!important;font-size:1.65rem!important;text-transform:none!important;margin-bottom:6px}
@media (min-width:900px){#prod-h1.prod-details__name{font-size:2rem!important}}
.prod-details__brand,.prod-details__brand__url{text-transform:none!important;letter-spacing:0}

/* 2. Hide the theme's own Specifications accordion when the description already holds the spec block */
.prod-details__infos:has(.tcc-spec-block) + .prod-details__carac,
.prod-details__infos:has(.tcc-spec-block) ~ .prod-details__carac{display:none!important}

/* 3. Description open by default (desktop already is; this covers the mobile accordion) */
.prod-infos:has(.tcc-spec-block) .prod-infos__desc{height:auto!important;overflow:visible!important;padding:0 20px 8px;border:0;border-bottom:1px solid #E3E8E8;margin-top:24px}
.prod-infos:has(.tcc-spec-block) .prod-infos__desc>:not(.prod-infos__title){max-height:none!important;opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important}
.prod-infos:has(.tcc-spec-block) .prod-infos__title{cursor:default;pointer-events:none;font-size:1.25rem!important;padding:14px 0 6px}
.prod-infos:has(.tcc-spec-block) .prod-infos__title .icon{display:none!important}

/* 4. Explicit ink colour (the theme colour variable can resolve to a pale value on mobile). Description text, lists and long values never run off the screen */
.prod-infos:has(.tcc-spec-block) .prod-infos__desc{overflow-wrap:anywhere}
.prod-infos:has(.tcc-spec-block) .prod-infos__desc,.prod-infos:has(.tcc-spec-block) .prod-infos__desc p,.prod-infos:has(.tcc-spec-block) .prod-infos__desc li,.prod-infos:has(.tcc-spec-block) .prod-infos__desc h2,.prod-infos:has(.tcc-spec-block) .prod-infos__desc h3,.prod-infos:has(.tcc-spec-block) .prod-infos__title{color:#0B1F26!important}
.prod-infos:has(.tcc-spec-block) .prod-infos__desc>p{margin:0 0 12px;line-height:1.6;font-size:1.0625rem}
.prod-infos:has(.tcc-spec-block) .prod-infos__desc>ul{margin:0 0 14px;padding-left:1.2em;line-height:1.6}
.prod-infos:has(.tcc-spec-block) .prod-infos__desc>ul li{margin:0 0 4px;font-size:1.0625rem}

/* 5. Spec block */
.tcc-spec-block{margin-top:20px}
.tcc-spec-block h2{font-family:"Outfit","DM Sans",system-ui,sans-serif!important;font-weight:500!important;font-size:1.2rem!important;letter-spacing:-.01em;line-height:1.2!important;margin:24px 0 6px!important;color:#0B1F26;text-transform:none}
.tcc-spec-block h3{font-family:"Outfit","DM Sans",system-ui,sans-serif!important;font-weight:500!important;font-size:1.05rem!important;letter-spacing:-.005em;line-height:1.25!important;margin:28px 0 6px!important;color:#0B1F26;text-transform:none}
.prod-infos .tcc-spec-block ul{margin:0 0 12px;padding-left:1.2em;line-height:1.55}
.tcc-spec-block ul li{margin:0 0 4px}
/* The theme styles every description table (borders, grey header cells, striped rows, inline-table), so these rules reset it */
.prod-infos .prod-infos__desc table.tcc-specs{display:block!important;width:100%!important;min-width:0!important;margin:0 0 8px!important;border:0!important;border-collapse:collapse;border-spacing:0;height:auto!important}
.prod-infos .prod-infos__desc table.tcc-specs tbody{display:block!important;min-width:0!important;width:100%!important}
.prod-infos .prod-infos__desc table.tcc-specs tr{display:block!important;padding:12px 0;border:0;border-bottom:1px solid #E3E8E8;background:none!important}
.prod-infos .prod-infos__desc table.tcc-specs th,.prod-infos .prod-infos__desc table.tcc-specs td{display:block!important;padding:0!important;border:0!important;text-align:left;background:none!important;text-transform:none;overflow-wrap:anywhere;word-break:normal;font-size:1rem}
.prod-infos .prod-infos__desc table.tcc-specs th{font-family:"DM Sans",system-ui,sans-serif;font-size:.85rem;line-height:1.4;font-weight:400!important;color:#51636A;letter-spacing:0}
.prod-infos .prod-infos__desc table.tcc-specs td{margin-top:2px;font-family:"DM Sans",system-ui,sans-serif;line-height:1.5;color:#0B1F26}
@media (min-width:700px){
  .prod-infos .prod-infos__desc table.tcc-specs tr{display:grid!important;grid-template-columns:240px 1fr;gap:24px;align-items:baseline}
  .prod-infos .prod-infos__desc table.tcc-specs td{margin-top:0}
}

/* 6. Paragraph spacing for the two-paragraph descriptions (the theme zeroes p margins) */
.prod-infos:has(.tcc-spec-block) .prod-infos__desc>p+p{margin-top:.75em}

/* Category page v1 (Web Design) 2026-10-26 */
/* Tropical Clothing Co: category page CSS v1 (DRAFT for theme custom CSS, add AFTER the existing rules). Web Design, 26 Oct 2026.
   Fixes: (1) paragraph spacing in the category intro, (2) the real H3 reads as a heading, (3) tidier product card prices.
   Scoped to .prod-list (category / listing pages). Footer rules and the home page (.tcc-home) are untouched.
   No text-transform on brand or product names. */

/* 1. Category intro: space between paragraphs, readable line height (mobile gets slightly more air) */
.prod-list .bloc .bloc--text p{margin:0 0 .9em;line-height:1.6}
.prod-list .bloc .bloc--text p:last-of-type{margin-bottom:0}
.prod-list .bloc .bloc--text h2{margin:0 0 .6em}
@media (max-width:699px){
  .prod-list .bloc .bloc--text p{margin-bottom:1.05em;line-height:1.65}
}

/* 2. The real H3 above the grid: a clear heading, smaller than the H2, not a caption label */
.prod-list__right h3.tcc-h3,.prod-list .bloc .bloc--text h3.tcc-h3{font-family:"Outfit","DM Sans",system-ui,sans-serif;font-weight:500;font-size:1.15rem;line-height:1.25;letter-spacing:-.01em;text-transform:none;color:#0B1F26;margin:28px 0 8px}
@media (max-width:699px){
  .prod-list__right h3.tcc-h3,.prod-list .bloc .bloc--text h3.tcc-h3{font-size:1.05rem;margin:22px 0 6px}
}

/* 3. Product cards: a steady gap above the price, and a calmer old/new price stack.
   The price row stays pinned to the bottom of the card (theme behaviour), with at least 12px of space above it. */
body.body .prod .prod__article .prod__price{padding-top:12px;row-gap:2px}
body.body .prod .prod__article .prod__price__promo{margin:0!important;line-height:1.3;font-size:.875rem;color:#51636A}
body.body .prod .prod__article .prod__price__cur{margin:0;line-height:1.25}
body.body .prod .prod__article .prod__name{padding-bottom:6px}

/* OPTIONAL (not enabled): the gap above the price still varies between cards because product names differ in length and the price is pinned to the bottom.
   To make every card the same height, uncomment this to show at most 4 lines of each name. It hides the end of very long Amazon-style names on the grid only; the full name stays on the product page.
body.body .prod .prod__article .prod__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
*/

/* TCC tile icons v1 START */
/* Tropical Clothing Co homepage category tiles: one minimalist line icon per tile, matched by href. Replaces the old per-kind ::before texture. Roll back by deleting this block. */
body.body .wiziblocks__item a.tcc-tile::before,body.body .wiziblocks__item a.tcc-tile[class*=tcc-tile--]::before{background:#F5F7F6 none no-repeat 50% 16%/62% auto;transform-origin:50% 30%}
@media (max-width:699px){body.body .wiziblocks__item a.tcc-tile::before,body.body .wiziblocks__item a.tcc-tile[class*=tcc-tile--]::before{background-size:46% auto;background-position:50% 5%}}
body.body .wiziblocks__item a.tcc-tile[href="/womens/swimsuits/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230E7C74' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23E9B98A' stop-opacity='.55'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M23 21 Q19 29 22 36 Q24 44 29 50 H35 Q40 44 42 36 Q45 29 41 21 M23 21 Q32 30 41 21' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M23 12 V21 M41 12 V21' stroke='%230E7C74'/%3E%3C/svg%3E")}
body.body .wiziblocks__item a.tcc-tile[href="/womens/tummy-control-swimsuits/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230E7C74' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23E9B98A' stop-opacity='.55'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M23 21 Q19 29 22 36 Q24 44 29 50 H35 Q40 44 42 36 Q45 29 41 21 M23 21 Q32 30 41 21' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M23 12 V21 M41 12 V21' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M25 27 L29 35 M31 27.5 L35 35 M37 27 L40 33' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M22.3 37 Q32 40 41.7 37' stroke='%230E7C74'/%3E%3C/svg%3E")}
body.body .wiziblocks__item a.tcc-tile[href="/womens/bikinis/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230E7C74' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23E9B98A' stop-opacity='.55'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M19 27 L25 16 L31 27 Z M33 27 L39 16 L45 27 Z M25 16 L29 11 M39 16 L35 11' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M20 36 Q32 40 44 36 L38 46 Q32 51 26 46 Z' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M14 27 H50' stroke='%230E7C74'/%3E%3C/svg%3E")}
body.body .wiziblocks__item a.tcc-tile[href="/womens/tankinis/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230E7C74' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23E9B98A' stop-opacity='.55'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M24 16 Q20 20 21 24 L20 36 H44 L43 24 Q44 20 40 16 Q32 22 24 16 Z' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M24 10 V16 M40 10 V16' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M22 42 Q32 45 42 42 L38 52 H26 Z' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M20 36 H44' stroke='%230E7C74'/%3E%3C/svg%3E")}
body.body .wiziblocks__item a.tcc-tile[href="/womens/holiday-dresses/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230E7C74' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23E9B98A' stop-opacity='.55'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M26 12 V20 M38 12 V20' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M26 20 Q32 25 38 20 L39 30 L25 30 Z' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M25 30 L16 48 Q32 52 48 48 L39 30' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M25 30 Q32 32 39 30' stroke='%230E7C74'/%3E%3C/svg%3E")}
body.body .wiziblocks__item a.tcc-tile[href="/womens/maxi-dresses/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230E7C74' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23E9B98A' stop-opacity='.55'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M27 10 V17 M37 10 V17' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M27 17 Q32 21 37 17 L38 26 L26 26 Z' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M26 26 Q23 40 17 54 Q24 51 32 54 Q40 51 47 54 Q41 40 38 26' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M30 30 Q29 42 27 52 M34 30 Q35 42 37 52' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M26 26 Q32 28 38 26' stroke='%230E7C74'/%3E%3C/svg%3E")}
body.body .wiziblocks__item a.tcc-tile[href="/womens/co-ord-sets/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230E7C74' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23E9B98A' stop-opacity='.55'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M22 11 H28 Q32 14 36 11 H42 L47 17 L43 20 V26 H21 V20 L17 17 Z' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M22 31 H42 L44 53 H36 L32 37 L28 53 H20 Z' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M21 23 H43 M22 34 H42' stroke='%230E7C74'/%3E%3C/svg%3E")}
body.body .wiziblocks__item a.tcc-tile[href="/womens/playsuits/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230E7C74' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23E9B98A' stop-opacity='.55'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M25 11 V19 M39 11 V19 M25 19 Q32 24 39 19 L40 33 L44 48 H34 L32 40 L30 48 H20 L24 33 L25 19' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M24 33 H40' stroke='%230E7C74'/%3E%3C/svg%3E")}
body.body .wiziblocks__item a.tcc-tile[href="/womens/linen-trousers/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230E7C74' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23E9B98A' stop-opacity='.55'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M22 12 H42 L48 52 H36 L32 24 L28 52 H16 Z' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M28 18 V22 M36 18 V22' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M21.2 17 H42.8' stroke='%230E7C74'/%3E%3C/svg%3E")}
body.body .wiziblocks__item a.tcc-tile[href="/womens/kaftans/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230E7C74' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23E9B98A' stop-opacity='.55'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M27 10 Q32 13 37 10 L55 25 L46 29 L45 55 H19 L18 29 L9 25 Z' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M24 46 V55 M40 46 V55' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M28 10.6 L32 21 L36 10.6' stroke='%230E7C74'/%3E%3C/svg%3E")}
body.body .wiziblocks__item a.tcc-tile[href="/womens/beach-cover-ups/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230E7C74' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23E9B98A' stop-opacity='.55'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M27 11 L20 13 L12 30 L18 33 L22 26 L22 52 H42 V26 L46 33 L52 30 L44 13 L37 11 L32 30 Z M27 11 L32 30' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M22 36 H42 M32 36 L29 43 M32 36 L35 43' stroke='%230E7C74'/%3E%3C/svg%3E")}
body.body .wiziblocks__item a.tcc-tile[href="/womens/sarongs/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230E7C74' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23E9B98A' stop-opacity='.55'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M17 18 Q32 22 47 18 L48 50 Q34 46 18 52 Z' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M23 21 L34 48 M30 21.5 L41 47' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M44 19 m-3 0 a3 3 0 1 0 6 0 a3 3 0 1 0 -6 0 M44 22 L42 30 M45 22 L48 29' stroke='%230E7C74'/%3E%3C/svg%3E")}
body.body .wiziblocks__item a.tcc-tile[href="/womens/sandals/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230E7C74' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23E9B98A' stop-opacity='.55'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M32 10 C39 10 42 15 42 22 C42 30 39 34 39 42 C39 50 37 54 32 54 C27 54 25 50 25 42 C25 34 22 30 22 22 C22 15 25 10 32 10 Z' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M23.5 27 L40.5 34 M24 34 L40.8 27' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M25 44 Q32 41 39 44' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M22.6 19 Q32 14 41.4 19' stroke='%230E7C74'/%3E%3C/svg%3E")}
body.body .wiziblocks__item a.tcc-tile[href="/womens/beach-bags/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230E7C74' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23E9B98A' stop-opacity='.55'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M16 26 H48 L44 52 H20 Z' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M24 26 Q24 12 32 12 Q40 12 40 26' stroke='%230B1F26' fill='none'/%3E%3Cpath d='M17.5 34 H46.5' stroke='%230E7C74'/%3E%3C/svg%3E")}
body.body .wiziblocks__item a.tcc-tile[href="/mens/swim-shorts/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230E7C74' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23E9B98A' stop-opacity='.55'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M18 14 H46 L48 46 H36 L32 32 L28 46 H16 Z' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M17.8 19 H46.3 M40 22 V38' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M30 19 L28 26 M34 19 L36 26' stroke='%230E7C74'/%3E%3C/svg%3E")}
body.body .wiziblocks__item a.tcc-tile[href="/mens/sandal/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230E7C74' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23E9B98A' stop-opacity='.55'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M32 10 C39 10 42 15 42 22 C42 30 39 34 39 42 C39 50 37 54 32 54 C27 54 25 50 25 42 C25 34 22 30 22 22 C22 15 25 10 32 10 Z' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M22.4 20 H41.6 L40.6 27 H23.4 Z M23.6 31 H40.4 L39.6 37 H24.4 Z' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M25 44 Q32 47 39 44' stroke='%230E7C74'/%3E%3C/svg%3E")}
body.body .wiziblocks__item a.tcc-tile[href="/mens/sliders/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230E7C74' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23E9B98A' stop-opacity='.55'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M32 10 C39 10 42 15 42 22 C42 30 39 34 39 42 C39 50 37 54 32 54 C27 54 25 50 25 42 C25 34 22 30 22 22 C22 15 25 10 32 10 Z' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M22.4 17 Q32 13 41.6 17 L40.2 32 Q32 29 23.8 32 Z' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M23.2 24.5 Q32 21 40.8 24.5' stroke='%230E7C74'/%3E%3C/svg%3E")}
body.body .wiziblocks__item a.tcc-tile[href="/mens/linen-trouser/"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230E7C74' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23E9B98A' stop-opacity='.55'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M22 12 H42 L44 52 H35 L32 22 L29 52 H20 Z' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M32 12 V22 M25 12 Q26 18 21.6 19 M39 12 Q38 18 42.4 19' stroke='%230B1F26' fill='url(%23g)'/%3E%3Cpath d='M21.8 17 H42.2' stroke='%230E7C74'/%3E%3C/svg%3E")}
@media (prefers-reduced-motion:reduce){body.body .wiziblocks__item a.tcc-tile::before{transition:none}body.body .wiziblocks__item a.tcc-tile:hover::before{transform:none}}
/* TCC tile icons v1 END */

/* === TCC price-hide 2026-10-30 (Stephen call 30 Oct ~15:01 UK) === */
/* Hide prices, old prices, promo badges and offer dates: product page and all product cards */
#price-area,#price,.prod__price,.prod__price__cur,.prod__price__promo,.price-old-container,.so-sentence,.so-dates,.state--specialOffer,.prod__state--promo{display:none!important}
/* G: sticky bar, search suggestions, add-to-cart modal prices */
.prod-floating__price,.predictive__price,.predictive__state--promo,.predictive__state--sale,.predictive__state--flash,.modal-cart__price,.acm-prod-price-cur,.acm-prod-price-old{display:none!important}
/* Plain line under the button */
#container-global-bottom::after{content:"Live price and stock are on Amazon";display:block;position:absolute;top:calc(100% + 40px);left:0;right:0;margin:0;font-size:14px;line-height:20px;font-weight:400;text-align:center;opacity:.85}
#container-global-bottom{margin-bottom:70px}
@media (min-width:1024px){#container-global-bottom.without-qty::after{left:0;right:115px}#container-global-bottom:not(.without-qty)::after{left:115px;right:0}}
@media (max-width:719px){#container-global-bottom::after{top:calc(100% + 18px)}#container-global-bottom{margin-bottom:48px}}
#container-global-bottom:has(#prod-add-cart.fixed)::after{display:none}
/* === end TCC price-hide 2026-10-30 === */

/* Hide price sort options (prices hidden) 2026-11-02 — 2026-11-02 */
.sort__sublevel .sort__link[onclick*="price-low-to-high"], .sort__sublevel .sort__link[onclick*="price-high-to-low"] { display: none; }

/* TCC review fixes 2026-11-14 (approved 14 Nov) — 2026-11-14 */
/* === TCC review fixes 2026-11-14 START (merged: Site Builder 5 Nov items 4, 7, 8, 9 + Web Design review-fixes-v1 A to D, approved by Stephen 14 Nov) === */

/* (4) Account pop-up remnants. The site has no customer accounts. */
body.body .logup.logup--popup,
body.body label.logup__background,
body.body a.logup__pwd{display:none!important}

/* (7) Desktop category sidebar cut off by the footer on short grids. */
@media (min-width:1024px){
  body.page-prod-list .list.margin:has(> aside.sidebar.sidebar--close){min-height:560px}
}

/* (8) Product pages only. */
body.page-prod-details .gallery__thumbnail .gallery__item--thumb img{object-fit:cover;object-position:50% 20%}
body.page-prod-details .prod-details__more .share__wrapper{display:none}
@media (max-width:699px){
  body.page-prod-details .breadcrumbs .breadcrumbs__ul{flex-wrap:wrap;row-gap:4px;max-width:100%;overflow:hidden}
  body.page-prod-details .breadcrumbs .breadcrumbs__li{min-width:0;max-width:100%}
  body.page-prod-details .breadcrumbs .breadcrumbs__li--end .breadcrumbs__span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:60vw;vertical-align:bottom}
}
@media (max-width:1023px){
  body.page-prod-details .prod-infos:has(.tcc-spec-block) .prod-infos__desc{padding-left:0;padding-right:0}
}

/* (9) Mobile menu: hide the trailing Women / Men duplicate link in each panel. */
@media (max-width:1023px){
  body.nav-perso-on .nav .nav__wrapper .nav__sublevel .nav__bottom{display:none}
}
/* (9 optional) Desktop Men panel sized to its content. */
@media (min-width:1024px){
  .body .nav .nav__label:has(a.nav__itemlvl1[href="/mens/"]) .nav__sublevel{right:auto;width:auto;min-width:280px;max-width:420px}
}

/* (A) Information pages (body.page-info). Form rules left out on purpose. */
body.page-info .wrapperPage__right{max-width:720px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;box-sizing:border-box}
body.page-info .wrapperPage__right .wiziblocks__item,
body.page-info .wrapperPage__right .wiziblocks__item__maxWidth{max-width:100%!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:0;margin-right:0}
body.page-info h1.title-page{font-family:"Outfit","DM Sans",system-ui,sans-serif!important;font-weight:500!important;font-size:2rem!important;line-height:1.15;letter-spacing:-.02em;text-transform:none!important;text-align:center;color:#0B1F26;margin:32px 0 8px}
body.page-info .wizi-txt h2{font-family:"Outfit","DM Sans",system-ui,sans-serif!important;font-weight:500!important;font-size:1.35rem!important;line-height:1.25;letter-spacing:-.01em;text-transform:none!important;color:#0B1F26;margin:1.75em 0 .5em}
body.page-info .wizi-txt h3{font-family:"Outfit","DM Sans",system-ui,sans-serif!important;font-weight:500!important;font-size:1.1rem!important;line-height:1.3;text-transform:none!important;color:#0B1F26;margin:1.5em 0 .4em}
body.page-info .wizi-txt p,body.page-info .wizi-txt li{font-family:"DM Sans",system-ui,sans-serif!important;font-size:1rem!important;line-height:1.65!important;color:#0B1F26;text-align:left}
body.page-info .wizi-txt .wizi-txt__item p{margin:0 0 1em!important}
body.page-info .wizi-txt ul,body.page-info .wizi-txt ol{padding-left:1.25em;margin:0 0 1em}
body.page-info .wizi-txt a{color:#0E7C74;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
body.page-info .wizi-txt a:hover{color:#0B1F26}
body.page-info .wizi-txt blockquote{margin:1.25em 0;padding:12px 18px;border-left:3px solid #0E7C74;background:#F5F7F6;border-radius:0 4px 4px 0}
body.page-info .wizi-txt blockquote p{margin:0;color:#51636A}
@media (min-width:768px){body.page-info .wrapperPage__right{padding-left:24px;padding-right:24px}}
@media (max-width:699px){body.page-info h1.title-page{font-size:1.6rem!important;margin-top:20px}}

/* (B) Fonts: listing title, product description text, no-results message. Card and Order button rules left out on purpose. */
body h1.prod-list__right__title{font-family:"Outfit","DM Sans",system-ui,sans-serif!important;font-weight:500!important;letter-spacing:-.01em}
body .prod-details__summary,body .prod-details__summary p,body .prod-infos__desc p:not(.prod-infos__title),body .prod-infos__desc li{font-family:"DM Sans",system-ui,sans-serif!important;line-height:1.6}
body p.prod__noResult{font-family:"DM Sans",system-ui,sans-serif!important;font-size:1rem!important;font-weight:400!important;text-transform:lowercase!important;color:#51636A;text-align:center;letter-spacing:0!important;padding:32px 0}
body p.prod__noResult::first-letter{text-transform:uppercase}

/* (C) Home tiles: odd last tile centred on mobile. */
@media (max-width:600px){
  body .wiziblocks__item ul.tcc-tiles > li:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center;width:calc(50% - 5px)}
}

/* (D) Slimmer Sort bar. */
body .prod-list__wrapper-top-right{background:transparent!important;border:0!important;border-bottom:1px solid #E3E8E8!important;padding:6px 0!important;min-height:0!important;box-shadow:none!important}
body .prod-list__wrapper-top-right .sort,body .prod-list__wrapper-top-right .sort__wrapper{background:transparent!important}
body .sort__label{font-family:"DM Sans",system-ui,sans-serif}

/* === TCC review fixes 2026-11-14 END === */