/* Brand itself is the menu trigger; no decorative arrow. */
.cinema-header .logo .logo-menu-arrow{display:none!important}
#care-film .home-service-shortcuts{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0;width:max-content;max-width:100%;margin:30px 0 0 auto;padding:4px;border:1px solid #ffffff35;border-radius:40px;background:#1115163d;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#care-film .home-service-shortcuts::before{display:none}
#care-film .home-service-shortcuts>button{display:flex;align-items:center;justify-content:center;gap:0;width:130px;min-width:0;min-height:54px;margin:0;padding:13px 16px;font-size:15px;line-height:1.3;letter-spacing:0;color:white;background:transparent!important;border:0;border-radius:36px;backdrop-filter:none;white-space:nowrap;transition:background .2s,color .2s}
#care-film .home-service-shortcuts>button.active{color:#171b1d;background:#f58b32!important}
#care-film .home-service-shortcuts>button:hover{background:#ffffff18!important}
#care-film .home-service-shortcuts>button.active:hover{background:#f58b32!important}
#care-film .home-service-shortcuts>button:focus-visible{outline:2px solid white;outline-offset:-3px}
@media(max-width:850px){#care-film .home-service-shortcuts>button{width:110px;padding:12px 9px;font-size:13px}}
@media(max-width:700px){#care-film .home-service-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(440px,100%);margin:24px auto 0;border-radius:30px;gap:2px}#care-film .home-service-shortcuts>button{width:auto;min-height:44px;padding:12px 8px;font-size:12px;border-radius:26px}}
/* Hit zones each cover half the photo. Keep the original 38px chevron at the edge. */
.company-carousel .company-carousel-arrow{width:50%!important;max-width:none!important}
.company-carousel .company-carousel-arrow>span{position:absolute;top:50%;font:38px Georgia,serif;pointer-events:none}
.company-carousel .company-carousel-arrow.prev>span{left:clamp(22px,10%,44px);transform:translate(-50%,-50%)}
.company-carousel .company-carousel-arrow.next>span{right:clamp(22px,10%,44px);transform:translate(50%,-50%)}

/* Shared sliding orange capsule follows the current service. */
#care-film .home-service-shortcuts::before{display:block;content:"";position:absolute;left:var(--service-x,4px);top:var(--service-y,4px);bottom:auto;width:var(--service-w,130px);height:var(--service-h,54px);border-radius:36px;background:#f58b32;transform:none!important;transition:left .35s cubic-bezier(.22,.8,.25,1),top .35s cubic-bezier(.22,.8,.25,1),width .35s cubic-bezier(.22,.8,.25,1),height .35s cubic-bezier(.22,.8,.25,1);pointer-events:none;z-index:0}
#care-film .home-service-shortcuts>button.active,#care-film .home-service-shortcuts>button.active:hover,#care-film .home-service-shortcuts>button:hover{background:transparent!important}
#rental-film .scene-actions{overflow:hidden}
#rental-film .scene-actions::before{transition:transform .35s cubic-bezier(.22,.8,.25,1)}
#rental-film .scene-actions:hover::before,#rental-film .scene-actions:focus-within::before{animation:rental-slider-enter .35s cubic-bezier(.22,.8,.25,1)}
@keyframes rental-slider-enter{from{transform:translateX(105%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){#care-film .home-service-shortcuts::before,#rental-film .scene-actions::before{transition:none;animation:none!important}}

.cinema-header .logo-menu-label{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);font-size:9px;line-height:12px;letter-spacing:2px;font-weight:400;color:#fff;white-space:nowrap}
@media(max-width:700px){.cinema-header .logo-menu-label{bottom:0;font-size:8px;line-height:10px;letter-spacing:1.5px}}

/* Home chapter actions share one size, track and right alignment. */
.cinematic{--home-action-width:160px;--home-action-height:54px;--home-action-font:17px}
.cinematic .scene-actions{margin-left:auto!important;margin-right:0!important;border-radius:40px;padding:4px;gap:0;border:1px solid #ffffff35;background:#1115163d}
.cinematic .scene-actions>:is(a,button),.cinematic .scene-actions>:is(a,button):only-child,#care-film .home-service-shortcuts>button,#rental-film .scene-actions>[data-action="rental"]{width:var(--home-action-width)!important;min-width:var(--home-action-width)!important;min-height:var(--home-action-height)!important;box-sizing:border-box;padding:13px 16px!important;font-size:var(--home-action-font)!important;line-height:1.3!important;letter-spacing:0!important;border-radius:36px;gap:0;justify-content:center}
#care-film .home-service-shortcuts{max-width:100%;margin-right:0!important;grid-template-columns:repeat(3,minmax(0,1fr))}
.cinematic .scene-actions:has(>:is(a,button):only-child)::before{width:calc(100% - 8px);transform:none}
.cinematic .scene-actions:has(>:is(a,button):only-child):hover::before,.cinematic .scene-actions:has(>:is(a,button):only-child):focus-within::before{animation:rental-slider-enter .35s cubic-bezier(.22,.8,.25,1)}
@media(max-width:1100px){.cinematic{--home-action-width:140px;--home-action-font:15px}}
@media(max-width:980px){#care-film .home-service-shortcuts{display:grid;width:calc(var(--home-action-width)*3 + 8px);gap:0}}
@media(max-width:700px){.cinematic{--home-action-width:130px;--home-action-font:14px}#care-film .home-service-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr));width:calc(var(--home-action-width)*2 + 8px);margin-left:auto!important;margin-right:0!important;border-radius:32px}.cinematic .scene-actions{max-width:100%}}
@media(prefers-reduced-motion:reduce){.cinematic .scene-actions::before{animation:none!important;transition:none!important}}

/* Preserve the logo's native ratio rather than squeezing it into a 56px box. */
.cinema-header>.logo img,.cinema-header.scrolled>.logo img{width:100%;height:auto!important;max-height:none!important;object-fit:contain}
.cinema-header .logo-menu-label{width:0;height:0;bottom:-8px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor;transition:transform .2s;line-height:0}
.cinema-header .logo-menu-label.is-open{transform:translateX(-50%) rotate(180deg)}
@media(max-width:700px){.cinema-header .logo-menu-label{bottom:-4px;border-left-width:4px;border-right-width:4px;border-top-width:5px}}
/* Centre the monthly payment result within its existing right-hand column. */
#finance .monthly-result{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
#finance .monthly-result>.eyebrow,#finance .monthly-result>.monthly-amount,#finance .monthly-result>.small-note{width:100%;text-align:center}
#finance .monthly-result .monthly-amount{display:flex;align-items:baseline;justify-content:center;gap:12px}
#finance .monthly-result .payment-bar,#finance .monthly-result .payment-breakdown{width:100%}
#finance .monthly-result>.primary{align-self:center;margin-left:auto;margin-right:auto}
#finance .monthly-result>.small-note{max-width:52ch;margin-left:auto;margin-right:auto}
#finance .editorial-heading>p{text-align:center}

/* Complete centered payment summary and compact vertical rhythm. */
#finance .finance-studio{align-items:center}
#finance .monthly-result{align-self:center;min-height:0;height:auto;padding:28px 30px;justify-content:flex-start}
#finance .monthly-result>.eyebrow{margin:0 0 16px}
#finance .monthly-result .monthly-amount{margin:0 0 12px}
#finance .monthly-result .payment-bar{margin:20px 0 14px}
#finance .monthly-result .payment-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 8px}
#finance .monthly-result .payment-breakdown p{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:12px 8px;border-bottom:0;font-size:11px;line-height:1.4}
#finance .monthly-result .payment-breakdown p+p{border-left:1px solid #ffffff20}
#finance .monthly-result .payment-breakdown strong{font-size:18px;color:#f4eee6;font-weight:400}
#finance .monthly-result>.right-actions{margin-top:18px;justify-content:center;width:100%}
#finance .monthly-result .right-actions .primary,#finance .monthly-result>.primary{margin:0 auto;float:none;min-height:48px}
#finance .monthly-result>.small-note{margin-top:18px;margin-bottom:0;font-size:10px;line-height:1.6}
/* The indicator sits below the header rule rather than below the logo image. */
header.cinema-header{height:110px}
header.cinema-header.scrolled{height:104px}
.cinema-header>.logo{width:280px!important;height:auto!important;top:50%!important;transform:translate(-50%,-50%)!important}
.cinema-header>.logo-menu-label{position:absolute;left:50%;top:auto;bottom:-7px!important;transform:translateX(-50%);z-index:25;pointer-events:none}
.cinema-header>.logo-menu-label.is-open{transform:translateX(-50%) rotate(180deg)}
/* Reserve a safe text size inside the menu's narrow glass column. */
.cinema-header nav.open{padding-top:126px;justify-content:safe center;overflow-x:hidden;overflow-y:auto}
.cinema-header nav>a,.cinema-header nav>button{height:auto!important;min-height:46px;font-size:26px!important;line-height:1.2;padding:10px 4px!important;letter-spacing:0!important}
.cinema-header nav>[data-menu-distance="0"]{font-size:36px!important;min-height:62px;font-weight:600}
.cinema-header nav>[data-menu-distance="1"]{font-size:30px!important;min-height:52px}
.cinema-header nav>[data-menu-distance="2"]{font-size:27px!important}
.cinema-header nav>a>span,.cinema-header nav>button>span{white-space:normal!important;overflow-wrap:normal;max-width:100%;text-wrap:balance;transform:none!important;line-height:1.2}
@media(max-width:800px){header.cinema-header{height:88px}header.cinema-header.scrolled{height:82px}.cinema-header>.logo{left:16px!important;width:210px!important;transform:translateY(-50%)!important}.cinema-header nav.open{padding-top:106px;padding-bottom:24px}.cinema-header nav>a,.cinema-header nav>button{font-size:24px!important;min-height:44px}.cinema-header nav>[data-menu-distance="0"]{font-size:32px!important;min-height:58px}.cinema-header nav>[data-menu-distance="1"]{font-size:27px!important}#finance .monthly-result{padding:26px 20px}#finance .monthly-result .payment-breakdown strong{font-size:16px}}
@media(max-width:360px){.cinema-header>.logo{width:180px!important}.cinema-header nav>a,.cinema-header nav>button{font-size:21px!important}.cinema-header nav>[data-menu-distance="0"]{font-size:28px!important}.cinema-header nav>[data-menu-distance="1"]{font-size:24px!important}}
/* The additional home salon chapter follows the same capsule as the film chapters. */
#home-collection .home-trust-copy{width:100%;max-width:none;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start}
#home-collection .home-salon-action{position:relative;isolation:isolate;overflow:hidden;align-self:flex-end;margin:26px 0 0 auto;padding:4px;border:1px solid #ffffff35;border-radius:40px;background:#1115163d;backdrop-filter:blur(14px)}
#home-collection .home-salon-action::before{content:"";position:absolute;inset:4px;background:#f58b32;border-radius:36px;z-index:-1}
#home-collection .home-salon-action>.pill{display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative;min-height:54px!important;width:160px!important;min-width:160px!important;padding:13px 16px!important;border:0!important;border-radius:36px!important;background:transparent!important;color:#171b1d!important;font-size:17px!important;line-height:1.3!important;margin:0!important;letter-spacing:0!important;text-align:center;white-space:normal;transform:none!important}
#home-collection .home-salon-action:hover::before,#home-collection .home-salon-action:focus-within::before{animation:rental-slider-enter .35s cubic-bezier(.22,.8,.25,1)}
@media(max-width:1100px){#home-collection .home-salon-action>.pill{width:140px!important;min-width:140px!important;font-size:15px!important}}
@media(max-width:700px){#home-collection .home-salon-action>.pill{width:130px!important;min-width:130px!important;font-size:14px!important}}
@media(prefers-reduced-motion:reduce){#home-collection .home-salon-action::before{animation:none!important}}
.cinematic .scene-actions>:is(a,button),#care-film .home-service-shortcuts>button,#home-collection .home-salon-action>.pill{height:54px!important;max-height:54px!important;padding:8px!important}
#home-collection{padding-left:6vw!important;padding-right:6vw!important}
#home-collection .home-salon-action>.pill{gap:0!important}
#home-collection .home-salon-action>.pill>span:empty{display:none}