/* YOLO responsive layout and supplied brand artwork. Loaded after page styles. */
html{width:100%;min-width:0}body{min-width:0}body :is(main,section,article,nav,form){min-width:0}body :is(img,video,iframe){max-width:100%}body :is(input,textarea,select){max-width:100%}body :is(button,.button){overflow-wrap:break-word}
body #header.yh-header{padding-inline:clamp(20px,4vw,160px)!important;height:100px!important;min-height:100px!important;gap:20px}:root{--yolo-header-h:100px}
body #header.yh-header .logo,body #header.yh-header .logo img{width:110px!important;height:84px!important;max-height:84px!important;object-fit:contain!important}#header.yh-header .yh-nav a{font-size:clamp(13px,.9vw,16px)}body #header.yh-header .yh-right{gap:clamp(18px,2vw,40px)!important}
.yolo-shop-page .ys-shell{width:calc(100% - 2 * clamp(20px,4vw,160px));max-width:2400px;padding-inline:0;margin-inline:auto}.yolo-shop-page .ys-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,36px)}.yolo-shop-page .ys-products{padding-block:clamp(28px,3vw,60px) 72px}.yolo-shop-page .ys-products-head,.yolo-shop-page .ys-toolbar{width:100%}.yolo-shop-page .ys-toolbar{justify-content:space-between}.yolo-shop-page .ys-card-body{padding:clamp(18px,1.6vw,30px)}.yolo-shop-page .ys-card-name{font-size:clamp(21px,1.6vw,30px)}
body:not(#yolo-image-fit-override):not(#yolo-image-fit-override-2) .yolo-shop-page .ys-grid .ys-card .ys-card-image{height:auto!important;min-height:0!important;flex-basis:auto!important;aspect-ratio:1!important;padding:0!important}
body:not(#yolo-image-fit-override):not(#yolo-image-fit-override-2) .yolo-shop-page .ys-grid .ys-card .ys-card-image img{position:absolute!important;inset:0!important;margin:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;padding:0!important;object-fit:contain!important;object-position:center!important;transform:none!important}
#yolo-archive .ya-logo-rail,#yolo-archive .ya-logo-track,#yolo-archive .ya-logo-set,#yolo-archive .ya-logo-item{background:#fff!important}#yolo-archive .ya-logo-item img{background:#fff!important;object-fit:contain!important;filter:none!important;mix-blend-mode:normal!important;box-shadow:none!important;width:100%!important;max-width:220px!important;height:82px!important;padding:4px!important}
.yolo-footer-logo{display:inline-block}.yolo-footer-logo img{display:block;width:118px;height:90px;object-fit:contain}.yolo-footer-main{gap:clamp(24px,4vw,80px)}
.yca-account .yca-brand{margin:0 0 24px}.yca-account .yca-brand img{width:105px;height:80px;object-fit:contain}.yca-account .yca-brand>span{display:none}.yca-account{overflow-wrap:anywhere}.yca-account form{min-width:0}.yca-account input{font-size:16px!important}.yca-dialog{overscroll-behavior:contain}
@media(min-width:2000px){.yolo-shop-page .ys-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:2600px){.yolo-shop-page .ys-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1024px){:root{--yolo-header-h:84px}body #header.yh-header{height:84px!important;min-height:84px!important;padding-inline:24px!important}body #header.yh-header .logo,body #header.yh-header .logo img{width:88px!important;height:68px!important;max-height:68px!important}.yolo-shop-page .ys-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yolo-shop-page .ys-category-inner{gap:12px;flex-wrap:wrap}.yolo-shop-page .ys-filters{max-width:100%}.yolo-shop-page .ys-card-name{font-size:22px}}
@media(max-width:600px){body #header.yh-header{padding-inline:20px!important}body #header.yh-header .yh-right{gap:10px!important}.yolo-shop-page .ys-shell{width:calc(100% - 40px)}.yolo-shop-page .ys-grid{grid-template-columns:1fr;gap:24px}.yolo-shop-page .ys-toolbar{gap:16px;align-items:center}.yolo-shop-page .ys-toolbar .woocommerce-ordering{max-width:65%}.yolo-shop-page .ys-toolbar select{width:100%;min-width:0!important;font-size:14px}.yolo-shop-page .ys-card-body{padding:20px}.yolo-shop-page .ys-card-name{font-size:24px}.yolo-shop-page .ys-category-label{display:none}.yolo-shop-page .ys-category-inner{display:block;padding-block:12px}.yolo-shop-page .ys-filters{gap:3px;scrollbar-width:none}.yolo-shop-page .ys-filter{padding-inline:14px}.yca-form-links{flex-wrap:wrap;row-gap:14px}.yca-account .yca-brand img{width:94px;height:72px}.yca-mode{flex-wrap:wrap}.yolo-footer-main{grid-template-columns:1fr!important}.yolo-footer-bottom{flex-wrap:wrap;gap:14px}.yca-tracking .woocommerce form{max-width:100%;box-sizing:border-box}}
@media(max-width:360px){.yolo-shop-page .ys-shell{width:calc(100% - 32px)}body #header.yh-header{padding-inline:16px!important}.yca-account{padding-inline:20px}.yca-account h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

#yolo-archive .ya-logo-rail .ya-logo-item img{width:100%!important;max-width:220px!important;height:82px!important;max-height:82px!important;object-fit:contain!important;background:#fff!important;padding:4px!important} @media(max-width:640px){#yolo-archive .ya-logo-rail .ya-logo-item img{max-width:168px!important;height:60px!important;max-height:60px!important}}


/* Full-product collection fit: keep the existing panel dimensions. */
body:not(#yolo-image-fit-override):not(#yolo-image-fit-override-2) #yolo-archive .ya-panel .ya-card[class] .ya-card-media{overflow:hidden!important}
body:not(#yolo-image-fit-override):not(#yolo-image-fit-override-2) #yolo-archive .ya-panel .ya-card[class] .ya-card-media picture{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important}
body:not(#yolo-image-fit-override):not(#yolo-image-fit-override-2) #yolo-archive .ya-panel .ya-card[class] .ya-card-media picture img[src]{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:8px!important;object-fit:contain!important;object-position:center!important;transform:none!important;translate:none!important;scale:none!important}
/* Compact header lockup with comfortable clear space. */
:root{--yolo-header-h:88px}body #header.yh-header{height:88px!important;min-height:88px!important;padding-block:10px!important}
body #header.yh-header .logo,body #header.yh-header .logo img{width:96px!important;height:64px!important;max-height:64px!important;object-fit:contain!important}
/* Optical sizing accounts for the different white margins in each artwork. */
#yolo-archive .ya-logo-rail{height:112px!important;background:#fff!important}
#yolo-archive .ya-logo-rail .ya-logo-item{position:relative!important;flex:0 0 240px!important;width:240px!important;height:112px!important;padding:0!important;overflow:hidden!important;background:#fff!important}
#yolo-archive .ya-logo-rail .ya-logo-item img{position:absolute!important;left:50%!important;top:50%!important;inset:auto!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:var(--partner-art-width,260px)!important;height:auto!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;object-fit:contain!important;mix-blend-mode:normal!important;filter:none!important}
#yolo-archive .ya-logo-rail .ya-logo-item.axiom{--partner-art-width:260px}#yolo-archive .ya-logo-rail .ya-logo-item.all-day{--partner-art-width:280px}#yolo-archive .ya-logo-rail .ya-logo-item.emirates{--partner-art-width:250px}#yolo-archive .ya-logo-rail .ya-logo-item.myshop{--partner-art-width:250px}#yolo-archive .ya-logo-rail .ya-logo-item.ethiopian-airlines{--partner-art-width:206px}
@media(max-width:1024px){:root{--yolo-header-h:72px}body #header.yh-header{height:72px!important;min-height:72px!important;padding-block:6px!important}body #header.yh-header .logo,body #header.yh-header .logo img{width:84px!important;height:58px!important;max-height:58px!important}}
@media(max-width:640px){#yolo-archive .ya-logo-rail{height:86px!important}#yolo-archive .ya-logo-rail .ya-logo-item{flex-basis:190px!important;width:190px!important;height:86px!important}#yolo-archive .ya-logo-rail .ya-logo-item img{width:calc(var(--partner-art-width,260px) * .78)!important}}

body #header.yh-header .logo img{transform:none!important;translate:none!important;scale:none!important;filter:none!important}
body:not(#yolo-logo-size-override) #yolo-archive .ya-logo-rail .ya-logo-item[class] img{position:absolute!important;left:50%!important;top:50%!important;width:var(--partner-art-width,260px)!important;height:auto!important;max-width:none!important;max-height:none!important;padding:0!important;margin:0!important;transform:translate(-50%,-50%)!important;object-fit:contain!important}
@media(max-width:640px){body:not(#yolo-logo-size-override) #yolo-archive .ya-logo-rail .ya-logo-item[class] img{width:calc(var(--partner-art-width,260px) * .78)!important}}


/* Borderless product artwork over a full-frame studio surface. Frame geometry stays unchanged. */
body:not(#yolo-image-fit-override):not(#yolo-image-fit-override-2) #yolo-archive .ya-panel .ya-card[class] .ya-card-media:has(.yolo-mobile-thumbnail),
body:not(#yolo-image-fit-override):not(#yolo-image-fit-override-2) :is(.ys-card-image,.yolo-cat-image,.yt-product-media,.yk-product-media,.yl-product-media):has(.yolo-mobile-thumbnail){background:radial-gradient(ellipse at 50% 42%,#fbfcfd 0%,#edf0f3 62%,#e3e7eb 100%)!important;isolation:isolate}
body:not(#yolo-image-fit-override):not(#yolo-image-fit-override-2) :is(.ys-card-image,.yolo-cat-image,.yt-product-media,.yk-product-media,.yl-product-media) .yolo-mobile-thumbnail{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important}
body:not(#yolo-image-fit-override):not(#yolo-image-fit-override-2) #yolo-archive .ya-panel .ya-card[class] .ya-card-media picture img[src],
body:not(#yolo-image-fit-override):not(#yolo-image-fit-override-2) :is(.ys-card-image,.yolo-cat-image,.yt-product-media,.yk-product-media,.yl-product-media) picture img[src]{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;padding:clamp(10px,2vw,24px)!important;object-fit:contain!important;object-position:center!important;mix-blend-mode:normal!important;transform:none!important;filter:drop-shadow(0 14px 12px #18243816)!important;background:transparent!important}
@media(max-width:760px){body:not(#yolo-image-fit-override):not(#yolo-image-fit-override-2) #yolo-archive .ya-panel .ya-card[class] .ya-card-media picture img[src]{padding:10px!important}}

body:not(#yolo-image-fit-override):not(#yolo-image-fit-override-2):not(#yolo-seamless-canvas) #yolo-archive .ya-panel .ya-card[class] .ya-card-media:has(.yolo-mobile-thumbnail),body:not(#yolo-image-fit-override):not(#yolo-image-fit-override-2):not(#yolo-seamless-canvas) :is(.ys-card-image,.yolo-cat-image,.yt-product-media,.yk-product-media,.yl-product-media):has(.yolo-mobile-thumbnail){background:radial-gradient(ellipse at 50% 42%,#fbfcfd 0%,#edf0f3 62%,#e3e7eb 100%)!important}


body:not(#yolo-image-fit-override):not(#yolo-image-fit-override-2):not(#yolo-seamless-canvas) #yolo-archive .ya-panel .ya-card[class] .ya-card-media picture img[src*="studio-stylus-white"],body:not(#yolo-image-fit-override):not(#yolo-image-fit-override-2):not(#yolo-seamless-canvas) :is(.ys-card-image,.yolo-cat-image,.yt-product-media,.yk-product-media,.yl-product-media) picture img[src*="studio-stylus-white"]{transform:rotate(20deg)!important}

