/* Conde Sans (Public Domain), A-Z 0-9 only, embedded: the EasyOrders uploader refuses font files. */
@font-face{font-family:"UT Conde";src:url(data:font/woff2;base64,d09GMk9UVE8AAA8oAAsAAAAAOzgAAA7bAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAADewfG4JWHCoGYABMATYCJAOBHAQGBYIMByAbcjoAjpSuxgL9PL/NPw+4+HTwTPTjULEacdGljZ3LvqvSRbS6dPt+o9bhInXfoZRx+Of7Cz3vAWFA6xawUqFCO7MTXPu5/v/bTNsdo77WHr2VIcidmyagJap80vS6/+880QRYFByHtEHW9x/NBGEMgoChCp0eiEuflGkKarp0zdhVypR7XFTpmtR9bIyFo/a9VmaGcDy1r8CAgAcMw3BD09NiYqeq0rLvtMLaX0qu6wo6GU9nx9dZCYa3KXVi/UGitTClsh4OFlonc+AzjLOyn0NzvQA/hULZ924r4BnuT7o8Sx7o122TbL0gfyrIn5pW/RcDYIABMALgAMyNwUkKHjxgQABGAjNBoHCsUG0iFnmL+aZXLTwtg6x3Sr1sg2WD7RUOUxzOOhgcO52CnOY5b3E56PLItb9rgXu+x3GvSO/Xfk3+vooeio8B45R/A1917687zGmtOO1B9PWEMQo0fytBxl3MkWhZFBJGlyNwh8IRP68LMr3UySJmVzMyKtmAoG4OYgfsoogd9I6l6MBtNcHKFTJKKDZzxB5CsZaH8Vj7PXusNaQTM5x3xDR/T7KYoVmA6fhjMH3wrIKkr97W3YfFMHAVYt5KMcy/gHiOQ2ipMPhof3Hq15dQZNRehHWe7omMshyxjne3kZGifwNN61GlcuMF/ZVnd0xajPhyA7B25igSHj2BGdSjEXmdM1FrUAmJ+qmp+Yua2BVC+vPfReIHfEJ3r0KM2cH9qrB68rmdSdmXEn26mPB4I6fEgIL5UYpqCd/kxmwhoVrUMDJkUvbbpR35ivo9fSmmvRvPUvz+dSEE9bn/mb3bMOT9cBaQttSJpIKF9FP/liw9jelLo0cbZKpLz1GUlcC9/Pmld++ZhXX+iWCxLz8bBo5+Xr1Kv59pSXs3wftaHMx2wUt3/99uNdKt/0AZgVPw3p6YQ9ZciZhp1TXc9yNzse5+GcvRT2xA1KTsQ4KaJ4jaHg85gUZvwGL6WZaLc32qa3vbyFUbmqRZh9+/E/qbtW8DT8vuvn3flnMb8fhtWGNXByLj52up+WAtibtcIvWdSjL1OlfRLhhYJSGeWTeceVOZ2m4tIJNjoyods65QYmLvgY7CHWe/vD8iu8LETkdZlOcVTglFgTYzCJayVoKM2oslWJP3nYoNrGW0zQhdjyLJo93STXEdyZInapQuwju5ZUlMq3mX2EQWwTAPSosuW4X41wOrgpVn6mXnetUGWls2VKQEBig9uB156Y/pP8QwKjm65CvEfr1COO0odHg7g5r+iZL0PQn7ztxZrNK1Ooyq9lo74LINN714qUTU7GaBUI9GETSU8ttQ3/dkxqP9iE3RwvU//x8YrLSGvrYtJcmYsfR7y/2q7Uw4ZpGVP9kTuaR6dyNEVEzZYgMRrv1cVCWcX3Zz1VZif9aqYXACKl3M4E6R7YICGXQL6lqSq+9vZymuaUQpQcAbrtB2Tpzw1b1D1TF3PI/GfJFQrkMjFLiAN37h5tdQ4nyeIDvqiTUNUhKKBe2xJxh23EANIfYSrCHnOYJ56T1Ccby0D6HFQaehj54QsyzTOrLx88tGqQin9UMr1u7DTZYMkg0x6ph99ar4+TGTa8eSTrUHn0sl7n2+xhDk33UwJYcfRLXoe5wTrocI6mslooTiTnx7nJ8ZhkwGRynD6wR9SUDfYzXoUpGqjGFg62Z9J2oicZHziF16l0yO8Eg0sDfso5pUC3W24scebRhvPzHu2zBu+jwAN3Mw1eg+RM8sjbIlMykog7rq00jalkZbF9bbny1YLPgpKBC6LGGLmZ67evIIIsGo4L/nytoqsK82fzqLyg2s9YAbUodoGjqYr74DF+KZ9kyLF4zUCCNjIlQykQgaYXPtydSA45u5r/jBWy/pv18tOrJ1m8l7pmKLGRK8nXeXkzXO8K2MLlfonnStPCH94+1ESHNmksWAAat2PWEeIxloGEMkPAaLsuentce7vdKz/Hci7rqdaocAWVgRo2lEYXOkhFBC9YnyPr83P3/K74JJRQRrls6lxNmNZFeVM3ybv1v/VLuBdlJQRm+bfZlEvK6py8Sg7KWdawDq3trv2bFOTg4lufYq93XlIEdkyo0ydM0W7JhJbIKyXZ7RRUlem5DueZGLRu+gBFjtUqdQvWL/LLGj5MO2FUNkmBinDWHGdi5hwHxYiWZvSAv7ur3N/TWwmnuOoj6NddWGNlaLBtnjrEWBXXePwx5s/SWo37ekUUSIdkjn0PtXmJ0dZqp50jRSIVtNeLzpucQ66sedeRJnwo7v2zAmSwLPIlw0t3tmDdXdZ8T6t6H66ZCT1jEy/Cm4CafjcHn0rl6tNocdsmczG75zxWDHG2uNS61x+GWxgvumksotKzdW+TZudEy1Bxkgl0Z+SQ+x5R9fqdLJLnVqzUeFKY+Zb2AwHeVpS96saQcE1GLe/nDBOhylLELi9Y9d202/UMKxdHxSNl16KRhmoML1zWMcxuu0W5uRgKPJZE5cxZDBiuzLqDHTL1dzA5l7+sqi3GQKBjgN2R9dPkeqqDbp8/Y16dCio/VMj3PXNRIEMhKTQhzbeWmo+rFgDE2lETEo3s6bObYEIHOwErCzNsSmK3u+CJiTZQ+eJspOV3VurFdFSSyrkRsslgEmMZoD5DaTHSeluPQkTexTn5HTe9U2az+fzn9P241kepJNCd++DTstooqVydO2tQqZxDMJTn/ZmiojmNj9KO27csmCdAqqf/g/smjkJEoonrjEkwSNLrlAScCwwJflnkX7wXx1izP7WtJWc/lm1Vfh+E0pulBkS6JeTaDNaO6/tfWYidvP84hzZuBtxvpbqgT1qd+/dxv9Cx9MEG3HiVz2LvWzYXR6ZrEOQWSCnxCWjOTQqiEMmamgEXbVhqepXnrpYAiLlyNtL/LsOz0V0DWbAM5iNNW4Oj4+vtRaDCFfr51fB4tbRMY4ziw2HoMVHGtlo3PMagoF2ohbpELC2OvtSNuL912hi87nRYE/EVYVcQ3P6yVO7g0Hat4GxsZGRf4uS4BLByqcmsS5pLNzX56yiI+mrelS3h49Hlmru9FeHjuvGtYqnydq46fvbCGcdiAy8ynBLdjVKWmQI5MX7tP9oiauQRMtjhxa9pUSapsodKFahpPcIKcVQtfhJ2wqtYEQCuMczxm0xyB6+N//UAUOOSXa7kYa3TeaEpVB1YKCwrSuGFdfbcgtk4PE0svzWLmflfSKuLh6n4e/Ba4Q6mSsWNu/X3HEmicb/BTCfUMY074XAe+YJNvKiAXFV0LIEs1sSM/a3/3kPc9+P+l1LLohjN97qqadFYuddlpOH5I8SPuuroymmPXMom9hXc++rMFpaqZ7k6XnxzD8MbH2SHFufaZZh7woyZB+ikJABOFRryeNDmVn6hWH/R67Z1ZqT19btWiomifn2rdzpVhDTflPBalSmNKB0o594hYBU8qr+U6cdiHaeydctN4Je3anG3bWy4Is9pjytImlqg32ju+oVCQR5Dmwbi+1KAnV0/X3dwjrKTiAuxdGH2dVhRRfUsON4d3Boewf55r3L0/cXU5kN+xGpd5rXZ0tfep9vn0OOWJ1p0XIkAsKiVqnJzAf7AiESX8/epcFwDfAjCPnONiVCin8sUfvYGFmRYerEsdgaFvGaeYqxwoBeVulk14QRxr+qW9m7UDiHySQN/E5nXu8Xc2DPc6k2ufseFPEWtPp9I3VycBw32S+tJ2aV/hEx67T8Xac7dYeT1J705/EytNXPh2D6iBStQAmoj+gdIu2CzPkdlhFo9Bb+rJkkz8NOXd0iV1mCiETEALYMflUB/PdlWzzQJL+uX5hcf6wnFdVy32fM9NAreqNOTpPrFhMYxhjMCUo754Bicmc3Wrt8k6o0TkSrqMjXGtXbcg83ijv6lzFhXfXCfuxNdJVSM9xsYvEF9TALLlR90/1TDgTXykHSXqGveQpB3PP/Sdgh5jJPOPtRbN/R5DvoxYDe4uDtRlL7/qVLDNTOY/rxDz9qkWygj582uQn7Fjl47syUrAEkEA5m5fxyTyPok6+i2PwDh9+3CtUi4b6VDmhe8/TtCL1xHEK4IWZsaFg2XCCT/7GrHdn7uh+8gvyglOQEsiEEt/h07dwnbGDyhEAVOzV674+8JG9b+4mvH49cuB4guMFPZYwR28croACFBjzLVShoSEO7VyWHcXuPlFl/T+G1XvqbUmsvJNuGCK63BBYsorFm8yXTTmoZPnlsQkG0M00gsblEovqv00W/mNB7c/iNYqHq39gT9Ra0ovD3o9GMamDG4rUfhuYLcpndRuWrUv1VAqfCp4TnQ301PfaRgcMJ+PTYJjvgLZXCJ/mfi2DwMTKkU7Z9M3J/YgQMaKGB/M8ycHxLFwJdjJMdwqLL2ox1yD2fngmy0Ti/yTuh6Vtdx0HDABYAwcmwIAtMMmxWWlgD7xhI8ZNA1mKKicNZMADqFGEPe4oAADAgFm3OKNhBgrw+l3eAjNK+a/P1AOGZcvlm6CYGww44j3f8AE+2OC9Lu/+vFhgSS05thwhBA6fxfaoP/CAy8/lAQEOLAFAAhIQghSkYAQycAQWXMHtXD7PDC+wwhtkeIE9Xm3kncquc1t5VyqbALf2MDP8gIUlvbfsqK5zzbzbXBT1yTKzrCybqAw//XN/2198V93wjz/oT15ELnB0MTdgAawLfAR90jneTSAAvLW8GwCwrvxqmPcQwPDg10kZsGZ9JshBDsG8v/gDwBfDvnqXMG95hdvV6BX5z3kRFQeVyyzwlt9dDm7gC70hGAN4IQUM/t3xI77BZ/gE64Hpw3dlAJZXjlwQYdqvleXzvwMAvEoiYfMd8I0vZg5ffORTeHupXt6QWYNv/Gc4pP/6NDeeKShhMQAjBjO48mYVntBX3NNl6+r9hW5f/JOnc6GMzHXl728LkwA8AEAIE4APjMAYGLACWD6KByxYHcUHN5AdJQB7GHIUgWEQ+WOEYAtHYCikQxrEQCzIYSqoIA2yYch6K6UaAH5aE1FC37obfTa3cqr85Y4zIBayIBsSp/vK2108Ip9T47BYSIG4640HFSTDXteXQyD4Qbde+D3+k+fDLwAAAA==) format("woff2");font-display:swap;}
/* UTOPIA glass cards: light living field + glass product/category cards on every listing page,
   and the home "collection doors". Runtime: cards.js. */

/* Light field behind listing pages (home, collections, search). */
html.ut-glass{background:#f4f6fd!important;}
/* 100vw sections include the scrollbar width: clip the extra so no sideways scrollbar appears. */
html.ut-glass body{overflow-x:clip!important;}
html.ut-glass body,
html.ut-glass .app_container,
html.ut-glass .app_container>div:not(footer),
html.ut-glass main{background:transparent!important;}
.ut-glass-field{position:fixed;inset:0;z-index:-1;pointer-events:none;background:
 radial-gradient(120% 70% at 50% 118%,#c9d6ff 0%,#e7edff 38%,transparent 70%),
 radial-gradient(60% 40% at 85% 0%,#ebe6ff 0%,transparent 70%),#f4f6fd;}
.ut-glass-field canvas{width:100%;height:100%;display:block;}
html:not(.ut-glass) .ut-glass-field{display:none;}

/* The page is always light here: the header uses plain dark type instead of the colour-difference blend
   (that blend can turn the header into a black band over the fixed field). Over the footer the original rule returns. */
html.ut-glass:not(.ut-footer-header-overlap) body div[data-utopia-scroll-header="active"]{mix-blend-mode:normal!important;}
html.ut-glass:not(.ut-footer-header-overlap) header.default_header,
html.ut-glass:not(.ut-footer-header-overlap) header.default_header a,
html.ut-glass:not(.ut-footer-header-overlap) header.default_header button{color:#00033d!important;}
html.ut-glass:not(.ut-footer-header-overlap) header.default_header .default_header_logo img{filter:none!important;}

/* Glass recipe shared by every card (no backdrop-filter: the field is soft enough to read through). */
html.ut-glass .app_container .group.bg-white.overflow-hidden.flex-col,
html.ut-glass .app_container .default_category_card,
.utd__door{
 background:linear-gradient(180deg,#ffffffa6,#ffffff59)!important;
 border:1px solid #ffffffd9!important;
 box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #00033d0d,0 28px 56px -34px #00033d59,0 2px 6px -2px #00033d14!important;
}

/* Product cards (collections, search, related products). */
html.ut-glass .app_container .group.bg-white.overflow-hidden.flex-col{
 border-radius:26px!important;padding:8px 8px 20px!important;
 transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s!important;}
html.ut-glass .app_container .group.bg-white.overflow-hidden.flex-col:hover{
 transform:translateY(-6px);
 box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #00033d0d,0 40px 70px -36px #0033ff52,0 2px 6px -2px #00033d14!important;}
html.ut-glass .app_container .group.bg-white.overflow-hidden.flex-col img,
html.ut-glass .app_container .group.bg-white.overflow-hidden.flex-col .rounded-\[14px\]{border-radius:19px!important;}
/* Same frame for every picture: one 4:5 shape, no fill behind it (the product pictures are cut-outs),
   and the whole figure shown, standing on the frame's bottom. */
html.ut-glass .app_container .group.bg-white.overflow-hidden.flex-col .overflow-hidden.rounded-\[14px\]{background:transparent!important;aspect-ratio:4/5;width:100%;}
html.ut-glass .app_container .group.bg-white.overflow-hidden.flex-col .overflow-hidden.rounded-\[14px\] img{height:100%!important;object-fit:contain!important;object-position:50% 100%!important;}
html.ut-glass .app_container .group.bg-white.overflow-hidden.flex-col>.flex.relative{width:100%;}
html.ut-glass .category_products_grid_container .group h3{text-transform:capitalize;}
/* Between phone and wide desktop: two columns, so no card is left alone on a row. */
@media (min-width:821px) and (max-width:1279px){
 html.ut-glass .category_products_grid_container{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:880px;margin-inline:auto;gap:24px!important;}
}
/* Wide screens: always four columns (the theme jumps to six and leaves holes). */
@media (min-width:1280px){
 html.ut-glass .category_products_grid_container{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important;}
}
/* Short landscape screens (laptops ~768 tall): square pictures and a tighter head keep the whole card on screen. */
@media (min-width:1280px) and (max-height:880px){
 html.ut-glass .app_container .group.bg-white.overflow-hidden.flex-col .overflow-hidden.rounded-\[14px\]{aspect-ratio:1/1;}
 html.ut-glass .ut-colhead h1{font-size:clamp(48px,5vw,80px)!important;}
 html.ut-glass .category_section_header.ut-colhead{margin-bottom:12px!important;gap:2px;}
 html.ut-glass .ut-colhead .ut-colhead__sub{margin-top:2px!important;}
 html.ut-glass main.mx-auto{padding-top:24px!important;}
 html.ut-glass .app_container .group.bg-white.overflow-hidden.flex-col{padding-bottom:14px!important;}
}
/* Cards in one row share one height. */
html.ut-glass .category_products_grid_container>*{display:flex;}
html.ut-glass .category_products_grid_container>*>.group{width:100%;height:100%;}
/* Colour chips: one tidy row. */
html.ut-glass .category_products_grid_container .group .w-7.h-7{width:24px!important;height:24px!important;border-radius:8px!important;}
html.ut-glass .category_products_grid_container .group .w-7.h-7 + .w-7,html.ut-glass .category_products_grid_container .group .flex-wrap{gap:8px!important;}
html.ut-glass .app_container .group.bg-white.overflow-hidden.flex-col img{transition:transform .8s cubic-bezier(.2,.8,.2,1)!important;}
html.ut-glass .app_container .group.bg-white.overflow-hidden.flex-col:hover img{transform:scale(1.04);}
/* Discount badge: brand navy capsule instead of the theme red. */
html.ut-glass .app_container .group .bg-\[\#C4301C\]{background:#00033d!important;border-radius:999px!important;box-shadow:inset 0 1px 0 #ffffff26;}

/* No quick view on any card: the eye + small cart capsule are removed, a tap opens the product page itself. */
.group.overflow-hidden.flex-col>.flex.relative>div.absolute.rounded-full:has(>button){display:none!important;}

/* ---------- Product rows outside the collection page (e.g. "similar products" on a product page) ----------
   The same glass cards on a light band of the field colours (CSS only, no canvas there),
   one card width and one picture frame, so no card is taller or cut. Desktop = the store's swiper, phone = a swipe row. */
body:has(.content_container>div>div>.carouselWrapper .group.bg-white.flex-col,.content_container>div>.flex.flex-row.overflow-x-auto .group.bg-white.flex-col){overflow-x:clip!important;}
.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col){position:relative;isolation:isolate;
 width:100vw!important;max-width:none!important;margin-inline:calc(50% - 50vw)!important;padding:clamp(40px,7vh,80px) clamp(16px,4vw,64px)!important;margin-bottom:0!important;}
.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col)::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:radial-gradient(120% 70% at 50% 118%,#c9d6ff 0%,#e7edff 38%,transparent 70%),radial-gradient(60% 40% at 85% 0%,#ebe6ff 0%,transparent 70%),#f4f6fd;
 -webkit-mask:linear-gradient(180deg,transparent,#000 36px);mask:linear-gradient(180deg,transparent,#000 36px);}
.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) .home_section_top_title{color:#00033d!important;}
.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) .home_section_top_container>span{color:#0033ff!important;font:500 11px/1 "UH Orbitron",Orbitron,monospace!important;letter-spacing:.32em;text-transform:uppercase;}
/* Desktop swiper: every slide as tall as the tallest; room for the hover lift and shadow. */
.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) .swiper{padding:10px 4px 72px!important;margin-bottom:-32px!important;}
.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) .swiper-wrapper{align-items:stretch;justify-content:safe center;}
.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) .swiper-slide{height:auto!important;}
.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) .swiper-slide>div{height:100%;}
/* Phone row: one card width, snaps to each card, centred when it fits. */
.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) .flex.flex-row.overflow-x-auto{justify-content:safe center;gap:14px!important;padding:10px 20px 40px!important;scroll-padding-inline:20px;scroll-snap-type:x mandatory;scrollbar-width:none;}
.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) .flex.flex-row.overflow-x-auto::-webkit-scrollbar{display:none;}
.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) .flex.flex-row.overflow-x-auto>*{flex:0 0 min(72vw,280px);display:flex;scroll-snap-align:center;}
.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) .group.bg-white.overflow-hidden.flex-col{width:100%;height:100%;min-width:0!important;
 background:linear-gradient(180deg,#ffffffa6,#ffffff59)!important;border:1px solid #ffffffd9!important;
 box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #00033d0d,0 28px 56px -34px #00033d59,0 2px 6px -2px #00033d14!important;
 border-radius:26px!important;padding:8px 8px 20px!important;}
.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) .group.bg-white.overflow-hidden.flex-col>.flex.relative{width:100%;}
.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) .group.bg-white.overflow-hidden.flex-col .overflow-hidden.rounded-\[14px\]{width:100%;aspect-ratio:4/5;background:transparent!important;}
.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) .group.bg-white.overflow-hidden.flex-col .overflow-hidden.rounded-\[14px\]>span.absolute{display:none!important;}
.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) .group.bg-white.overflow-hidden.flex-col .overflow-hidden.rounded-\[14px\] img{height:100%!important;object-fit:contain!important;object-position:50% 100%!important;}
.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) .group.bg-white.overflow-hidden.flex-col .text-\[\#61758A\]{display:none!important;}
.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) .group.bg-white.overflow-hidden.flex-col h3{text-transform:capitalize;color:#00033d!important;}
.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) .group.bg-white.overflow-hidden.flex-col .bg-\[\#C4301C\]{background:#00033d!important;}
.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) .group.bg-white.overflow-hidden.flex-col .w-7.h-7{width:24px!important;height:24px!important;border-radius:8px!important;}
/* No white strip between the band and the footer. */
.content_container:has(>div>div>.carouselWrapper .group.bg-white.flex-col,>div>.flex.flex-row.overflow-x-auto .group.bg-white.flex-col){padding-bottom:0!important;}
div:has(>.content_container>div>div>.carouselWrapper .group.bg-white.flex-col,>.content_container>div>.flex.flex-row.overflow-x-auto .group.bg-white.flex-col)+footer{margin-top:0!important;}
/* Arrows + "view all": the brand's clear-glass capsule; hover = navy fill, white type, arrow nudges (like the home doors). */
.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) [aria-label=prev-button],.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) [aria-label=next-button]{width:44px;height:44px;border-radius:50%;opacity:1!important;color:#00033d;
 border:1px solid #ffffffed;background:linear-gradient(145deg,#ffffffa8,#ffffff70 50%,#eaedf86b);
 box-shadow:inset 0 1px #fff,inset 0 -1px #ffffff70,0 8px 22px #00033d14;transition:background .4s,color .4s,border-color .4s,box-shadow .4s!important;}
.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) [aria-label=prev-button] svg,.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) [aria-label=next-button] svg{width:18px!important;height:18px!important;transition:translate .4s;}
.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) .gap-\[84px\]{gap:14px!important;margin-top:4px;}
.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) .w-fit.mx-auto.cursor-pointer{min-height:50px;padding:12px 30px!important;border-radius:999px!important;color:#00033d!important;
 font:500 15px/1.6 Alexandria,Arial,sans-serif!important;border:1px solid #ffffffed!important;
 background:linear-gradient(145deg,#ffffffa8,#ffffff70 50%,#eaedf86b)!important;
 box-shadow:inset 0 1px #fff,inset 0 -1px #ffffff70,0 8px 22px #00033d14;transition:background .4s,color .4s,border-color .4s,box-shadow .4s!important;}
.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) .w-fit.mx-auto.cursor-pointer *{font-family:inherit!important;color:inherit!important;}
@media (hover:hover){
 .content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) [aria-label=prev-button]:hover,.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) [aria-label=next-button]:hover,.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) .w-fit.mx-auto.cursor-pointer:hover{color:#fff!important;border-color:#00033d!important;
  background:linear-gradient(145deg,#252760ed,#00033df0)!important;box-shadow:inset 0 1px #ffffff8f,0 12px 28px -8px #0033ff59!important;}
 .content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) [aria-label=prev-button]:hover svg{translate:-3px 0;}
 .content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) [aria-label=next-button]:hover svg{translate:3px 0;}
}
.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) [aria-label=prev-button]:focus-visible,.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) [aria-label=next-button]:focus-visible,.content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) .w-fit.mx-auto.cursor-pointer:focus-visible{outline:2px solid #0033ff;outline-offset:3px;}
/* Phone: the swipe row runs edge to edge, so the next card peeks from the screen edge. */
@media (max-width:820px){
 .content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col){padding-inline:0!important;}
}
/* Short landscape screens: square pictures, so a whole card fits on the screen. */
@media (min-width:1280px) and (max-height:880px){
 .content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col) .group.bg-white.overflow-hidden.flex-col .overflow-hidden.rounded-\[14px\]{aspect-ratio:1/1;}
 .content_container>div:has(>div>.home_section_top_container):has(.group.bg-white.flex-col){padding-block:32px!important;}
}

/* The small category name on each card repeats the page title: removed. */
html.ut-glass .category_products_grid_container .group .text-\[\#61758A\]{display:none!important;}

/* Collection page head: label, big title, one short line, sort capsule at the side. */
html.ut-glass .category_section_header.ut-colhead{position:relative;display:flex!important;flex-direction:column;align-items:center;text-align:center;
 gap:6px;margin:0 0 clamp(16px,3vh,32px)!important;padding-top:0!important;}
.ut-colhead__label{font:500 11px/1 "UH Orbitron",Orbitron,monospace!important;letter-spacing:.32em;color:#00033d99;direction:ltr;}
.ut-colhead__label b{color:#0033ff;font-weight:500;}
html.ut-glass .ut-colhead h1{margin:0!important;padding:0!important;font:400 clamp(56px,6.4vw,112px)/.82 "UT Conde",Impact,sans-serif!important;
 text-transform:uppercase;letter-spacing:.01em;color:#00033d!important;}
.ut-colhead__sub{margin:6px 0 0!important;font:400 15px/1.7 Alexandria,Arial,sans-serif!important;color:#00033db3;}
html.ut-glass .ut-colhead>div:last-child{position:absolute;inset-inline-start:0;bottom:4px;margin:0!important;}
html.ut-glass .ut-colhead>div:last-child>button{border-radius:999px!important;border:1px solid #ffffffd9!important;background:#ffffff8c!important;
 box-shadow:inset 0 1px 0 #fff,0 10px 24px -16px #00033d59;color:#00033d!important;}
html.ut-glass .ut-colhead>div:last-child>button{min-height:44px;padding-inline:18px!important;font:500 14px/1.6 Alexandria,Arial,sans-serif!important;
 transition:background .3s,box-shadow .3s!important;}
html.ut-glass .ut-colhead>div:last-child>button:hover,
html.ut-glass .ut-colhead>div:last-child>button[aria-expanded="true"]{background:#ffffffd0!important;box-shadow:inset 0 1px 0 #fff,0 14px 30px -16px #0033ff59!important;}
/* Sort list: the same glass, a little more solid so it reads over the cards. */
html.ut-glass .ut-colhead [role=listbox]{margin-top:8px!important;padding:6px!important;border-radius:20px!important;
 background:linear-gradient(180deg,#fffffff2,#f6f8ffeb)!important;border:1px solid #ffffffd9!important;
 box-shadow:inset 0 1px 0 #fff,0 30px 60px -28px #00033d73,0 2px 8px -2px #00033d1f!important;--tw-ring-shadow:0 0 #0000!important;}
html.ut-glass .ut-colhead [role=option]{border-radius:14px;padding-block:10px!important;color:#00033d!important;background:transparent!important;
 font:400 14px/1.6 Alexandria,Arial,sans-serif!important;transition:background .2s;}
html.ut-glass .ut-colhead [role=option] span{font-family:inherit!important;}
html.ut-glass .ut-colhead [role=option][data-headlessui-state~="active"]{background:#0033ff12!important;}
html.ut-glass .ut-colhead [role=option][aria-selected="true"]{font-weight:600!important;}
html.ut-glass .ut-colhead [role=option] .check-icon{color:#0033ff!important;}
@media (max-width:820px){
 html.ut-glass .ut-colhead [role=listbox]{left:50%!important;transform:translateX(-50%);}
 html.ut-glass .ut-colhead h1{font-size:clamp(56px,19vw,96px)!important;}
 .ut-colhead__sub{font-size:14px!important;}
 html.ut-glass .ut-colhead>div:last-child{position:static;margin-top:8px!important;}
}

/* Native category cards outside the home doors. */
html.ut-glass .app_container .default_category_card{border-radius:26px!important;padding:8px 8px 14px!important;}
html.ut-glass .app_container .default_category_card img{border-radius:19px!important;}

/* Home: the native categories swiper is replaced by the doors.
   Hidden from first paint; revealed again after 4 s if cards.js never runs. */
html body .content_container>div:has(.default_category_card){animation:ut-native-back 0s 4s both;visibility:hidden;}
html.ut-doors-ready body .content_container>div:has(.default_category_card){display:none!important;}
@keyframes ut-native-back{to{visibility:visible}}

/* ---------- Collection doors ---------- */
.utd{--utd-head:var(--utopia-native-header-height,104px);
 position:relative;box-sizing:border-box;direction:rtl;
 width:100vw;margin-inline:calc(50% - 50vw);
 height:calc(100svh - var(--utd-head));min-height:540px;
 padding:clamp(8px,2vh,24px) clamp(16px,3.4vw,64px) clamp(20px,4vh,44px);
 display:flex;flex-direction:column;gap:clamp(14px,2.4vh,28px);
 font-family:Alexandria,Arial,sans-serif;color:#00033d;}
.utd *{box-sizing:border-box;}
.utd__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;}
.utd__title{margin:0!important;font:700 clamp(30px,3.2vw,52px)/1.4 Alexandria,Arial,sans-serif!important;color:#00033d!important;letter-spacing:0!important;}
.utd__label{font:500 11px/1 "UH Orbitron",Orbitron,monospace!important;letter-spacing:.32em;color:#00033d99;direction:ltr;padding-bottom:12px;}
.utd__label b{color:#0033ff;font-weight:500;}
.utd__row{flex:1;min-height:0;display:flex;gap:clamp(10px,1.2vw,20px);}

.utd__door{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;
 border-radius:30px;padding:9px;text-decoration:none!important;color:#00033d!important;
 container-type:inline-size;overflow:hidden;
 transition:flex-grow .7s cubic-bezier(.2,.8,.2,1),opacity .5s,box-shadow .5s!important;
 opacity:0;transform:translateY(28px);animation:utd-in .9s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i)*90ms + 120ms);}
@keyframes utd-in{to{opacity:1;transform:none}}
/* Top specular streak on the glass. */
.utd__door::before{content:"";position:absolute;inset:0 18% auto;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent);z-index:3;}

/* Cut-out pictures stand whole on the glass: no fill, never cropped. */
.utd__media{position:relative;flex:1;min-height:0;border-radius:22px;overflow:hidden;background:transparent;}
.utd__media img{position:absolute;inset:14px 0 0;width:100%!important;height:calc(100% - 14px)!important;object-fit:contain;object-position:50% 100%;
 transform:scale(1.001);transform-origin:50% 100%;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)!important;}
/* Blue scan line, plays once each time a door opens. */
.utd__scan{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden;border-radius:inherit;}
.utd__scan::after{content:"";position:absolute;top:0;bottom:0;right:-20%;width:2px;background:#0033ff;
 box-shadow:0 0 18px 4px #0033ff73,0 0 60px 14px #0033ff26;opacity:0;}

.utd__foot{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:14px 10px 6px;}
.utd__text{display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:0;}
/* Same size on every door: fitted to the longest word (--utd-len, set by cards.js). */
.utd__word{font:400 clamp(30px,calc((100cqi - 96px) / (var(--utd-len,6) * .34)),112px)/.8 "UT Conde",Impact,sans-serif!important;
 text-transform:uppercase;letter-spacing:.01em;direction:ltr;text-align:right;color:#00033d;}
.utd__price{font:500 13px/1.4 Alexandria,Arial,sans-serif!important;color:#00033d99;direction:rtl;white-space:nowrap;}
.utd__price b{font:600 15px/1.4 Alexandria,Arial,sans-serif!important;color:#0033ff;}
.utd__meta{display:flex;flex-direction:column;align-items:flex-start;gap:10px;flex:none;direction:ltr;}
.utd__num{font:500 10px/1 "UH Orbitron",Orbitron,monospace!important;letter-spacing:.24em;color:#00033d80;}
.utd__go{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;
 border:1px solid #00033d26;background:#ffffff8c;color:#00033d;transition:background .4s,color .4s,border-color .4s;}
.utd__go svg{width:18px;height:18px;transition:transform .4s;}

@media (hover:hover) and (min-width:821px){
 .utd__row:has(.utd__door:hover) .utd__door:not(:hover){opacity:.72;}
 .utd__door:hover{flex-grow:1.75;box-shadow:inset 0 1px 0 #fff,0 44px 80px -40px #0033ff5c,0 2px 6px -2px #00033d14!important;}
 .utd__door:hover .utd__media img{transform:scale(1.05);}
 .utd__door:hover .utd__scan::after{animation:utd-scan 1.1s cubic-bezier(.5,0,.3,1) .1s;}
 .utd__door:hover .utd__go{background:#00033d;color:#fff;border-color:#00033d;}
 .utd__door:hover .utd__go svg{transform:translateX(-3px);}
}
.utd__door:focus-visible{outline:2px solid #0033ff;outline-offset:3px;}
@keyframes utd-scan{0%{right:-4%;opacity:1}85%{opacity:1}100%{right:104%;opacity:0}}

.utd__hint{display:none;}

/* Portrait screens (tall monitor, tablet): doors in a 2 x 2 grid, no widening on hover. */
@media (min-width:821px) and (max-aspect-ratio:1/1){
 .utd__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);}
 .utd__door:hover{flex-grow:1;}
}

/* Phone: the doors become a swipeable row, one door ~78% of the screen, the next one peeking. */
@media (max-width:820px){
 .utd{--utd-head:var(--utopia-native-header-height,64px);min-height:560px;padding:6px 0 18px;gap:14px;}
 .utd__head{padding-inline:20px;}
 .utd__title{font-size:26px!important;white-space:nowrap;}
 .utd__label{padding-bottom:12px;letter-spacing:.14em;font-size:9px!important;white-space:nowrap;}
 .utd__row{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 20px 30px;gap:12px;scroll-padding-inline:20px;}
 .utd__row::-webkit-scrollbar{display:none;}
 .utd__door{flex:0 0 76vw;scroll-snap-align:start;border-radius:26px;padding:8px;}
 .utd__media{border-radius:19px;}
 .utd__word{font-size:clamp(46px,21cqi,96px);}
 .utd__hint{display:flex;align-items:center;justify-content:center;gap:10px;margin:-14px 0 0;font:500 13px/1.6 Alexandria,Arial,sans-serif!important;color:#00033d99;}
 .utd__hint svg{width:22px;height:22px;animation:utd-nudge 1.6s ease-in-out infinite;}
}
@keyframes utd-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(-6px)}}

@media (prefers-reduced-motion:reduce){
 .utd__door{animation:none;opacity:1;transform:none;}
 .utd__hint svg,.utd__door:hover .utd__scan::after{animation:none;}
}