/* CaptainGreek account entry. Native form/provider/security behavior stays native.
   This stylesheet owns presentation only inside the two authentication routes. */
body.customer-account-login #maincontent,
body.customer-account-create #maincontent {
    background: linear-gradient(150deg, #f8f5ec 0%, #fcfbf7 52%, #f0eddf 100%);
}
body.customer-account-login #maincontent .column.main,
body.customer-account-create #maincontent .column.main {
    width: 100%;
    max-width: none;
    min-width: 0;
    padding-top: 0;
}
body.customer-account-login #maincontent .main-container,
body.customer-account-create #maincontent .main-container {
    padding-top: 32px;
    padding-bottom: 48px;
}
.cg-auth-shell {
    --auth-ink: #182c3d;
    --auth-muted: #5d665f;
    --auth-accent: #182c3d;
    --auth-border: #deded0;
    display: grid;
    grid-template-columns: minmax(0, .84fr) minmax(0, 1.16fr);
    align-items: start;
    gap: 24px;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: var(--auth-ink);
    box-shadow: none;
    font: 400 15px/1.55 Inter, "Work Sans", Arial, sans-serif;
}
.cg-auth-shell, .cg-auth-shell * { box-sizing: border-box; }
.cg-auth-aside { display: grid; gap: 18px; min-width: 0; align-content: start; }
.cg-auth-shell [hidden] { display: none !important; }
html body .cg-auth-shell .cg-auth-intro {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-width: 0;
    margin: 0;
    padding: 28px 28px 20px;
    border: 1px solid #e1d4ae;
    border-radius: 16px;
    background: linear-gradient(135deg, #fbf7e8 0%, #f3e4be 60%, #e7c185 100%);
    color: var(--auth-ink);
    box-shadow: inset 0 1px 0 #ffffffa6, 0 8px 24px #182c3d05;
}
html body .cg-auth-shell .cg-auth-intro__photograph {
    height: 150px;
    margin: 8px -28px 0;
    overflow: hidden;
    mix-blend-mode: multiply;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
    pointer-events: none;
}
html body .cg-auth-shell .cg-auth-intro__photo {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center 50%;
}
/* Existing leaf crops follow smooth, individually timed fall paths.
   Linear interpolation avoids restarting an ease-out at every bend. */
html body .cg-auth-shell .cg-auth-intro__photograph--leaves {
    position: relative;
    height: 150px;
    margin: 8px -28px 0;
    overflow: hidden;
    mix-blend-mode: multiply;
    pointer-events: none;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 10%, #000 91%, transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 10%, #000 91%, transparent);
}
html body .cg-auth-shell .cg-auth-intro__photograph--leaves .cg-auth-leaf {
    --leaf-angle: 20deg;
    --leaf-opacity: .82;
    position: absolute;
    display: block;
    width: 90px;
    aspect-ratio: 61 / 75;
    overflow: hidden;
    opacity: var(--leaf-opacity);
    transform: rotate(var(--leaf-angle));
    transform-origin: 50% 56%;
    -webkit-mask-image: radial-gradient(ellipse at 50% 51%, #000 48%, transparent 74%);
    mask-image: radial-gradient(ellipse at 50% 51%, #000 48%, transparent 74%);
    animation: cg-auth-leaf-fall-one 4.6s linear .1s both;
}
html body .cg-auth-shell .cg-auth-intro__photograph--leaves .cg-auth-leaf__image {
    display: block;
    position: absolute;
    left: -186.885246%;
    top: -83.333333%;
    width: 491.803279%;
    height: 266.666667%;
    min-width: 0;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    object-fit: fill;
}
html body .cg-auth-shell .cg-auth-intro__photograph--leaves .cg-auth-leaf--oak { aspect-ratio: 70 / 74; }
html body .cg-auth-shell .cg-auth-intro__photograph--leaves .cg-auth-leaf--oak .cg-auth-leaf__image { left: -58.571429%; top: -89.189189%; width: 428.571429%; height: 270.270270%; }
html body .cg-auth-shell .cg-auth-intro__photograph--leaves .cg-auth-leaf--dark { aspect-ratio: 64 / 80; }
html body .cg-auth-shell .cg-auth-intro__photograph--leaves .cg-auth-leaf--dark .cg-auth-leaf__image { left: -284.375%; top: -82.5%; width: 468.75%; height: 250%; }
html body .cg-auth-shell .cg-auth-intro__photograph--leaves .cg-auth-leaf--one { left: 52%; top: -4px; width: 102px; --leaf-angle: 37deg; }
html body .cg-auth-shell .cg-auth-intro__photograph--leaves .cg-auth-leaf--two { left: 27%; top: 65px; width: 71px; --leaf-angle: -34deg; --leaf-opacity: .84; animation-name: cg-auth-leaf-fall-two; animation-duration: 4.2s; animation-delay: 0.4s; }
html body .cg-auth-shell .cg-auth-intro__photograph--leaves .cg-auth-leaf--three { left: 7%; top: 10px; width: 47px; --leaf-angle: 24deg; --leaf-opacity: .58; animation-name: cg-auth-leaf-fall-three; animation-duration: 3.9s; animation-delay: 0.65s; }
html body .cg-auth-shell .cg-auth-intro__photograph--leaves .cg-auth-leaf--four { left: 81%; top: 87px; width: 47px; --leaf-angle: 69deg; --leaf-opacity: .65; animation-name: cg-auth-leaf-fall-four; animation-duration: 4.05s; animation-delay: 0.7s; }
html body .cg-auth-shell .cg-auth-intro__photograph--leaves .cg-auth-leaf--five { left: 90%; top: 17px; width: 27px; --leaf-angle: -47deg; --leaf-opacity: .48; animation-name: cg-auth-leaf-fall-five; animation-duration: 3.5s; animation-delay: 1.1s; }
@keyframes cg-auth-leaf-fall-one {
    0% { opacity: 0; transform: translate3d(5.143px,-160px,0) rotate(calc(var(--leaf-angle) - 14.731deg)); }
    2.5% { transform: translate3d(6.474px,-155.556px,0) rotate(calc(var(--leaf-angle) - 13.098deg)); }
    5% { transform: translate3d(7.644px,-151.111px,0) rotate(calc(var(--leaf-angle) - 11.431deg)); }
    7.5% { transform: translate3d(8.644px,-146.667px,0) rotate(calc(var(--leaf-angle) - 9.76deg)); }
    10% { opacity: var(--leaf-opacity); transform: translate3d(9.47px,-142.222px,0) rotate(calc(var(--leaf-angle) - 8.116deg)); }
    12.5% { transform: translate3d(10.116px,-137.778px,0) rotate(calc(var(--leaf-angle) - 6.525deg)); }
    15% { transform: translate3d(10.584px,-133.333px,0) rotate(calc(var(--leaf-angle) - 5.012deg)); }
    17.5% { transform: translate3d(10.875px,-128.889px,0) rotate(calc(var(--leaf-angle) - 3.599deg)); }
    20% { transform: translate3d(10.994px,-124.444px,0) rotate(calc(var(--leaf-angle) - 2.305deg)); }
    22.5% { transform: translate3d(10.951px,-120px,0) rotate(calc(var(--leaf-angle) - 1.147deg)); }
    25% { transform: translate3d(10.754px,-115.556px,0) rotate(calc(var(--leaf-angle) - 0.135deg)); }
    27.5% { transform: translate3d(10.416px,-111.111px,0) rotate(calc(var(--leaf-angle) + 0.722deg)); }
    30% { transform: translate3d(9.951px,-106.667px,0) rotate(calc(var(--leaf-angle) + 1.42deg)); }
    32.5% { transform: translate3d(9.376px,-102.222px,0) rotate(calc(var(--leaf-angle) + 1.958deg)); }
    35% { transform: translate3d(8.705px,-97.778px,0) rotate(calc(var(--leaf-angle) + 2.34deg)); }
    37.5% { transform: translate3d(7.959px,-93.333px,0) rotate(calc(var(--leaf-angle) + 2.572deg)); }
    40% { transform: translate3d(7.154px,-88.889px,0) rotate(calc(var(--leaf-angle) + 2.664deg)); }
    42.5% { transform: translate3d(6.31px,-84.444px,0) rotate(calc(var(--leaf-angle) + 2.63deg)); }
    45% { transform: translate3d(5.444px,-80px,0) rotate(calc(var(--leaf-angle) + 2.483deg)); }
    47.5% { transform: translate3d(4.576px,-75.556px,0) rotate(calc(var(--leaf-angle) + 2.241deg)); }
    50% { transform: translate3d(3.723px,-71.111px,0) rotate(calc(var(--leaf-angle) + 1.923deg)); }
    52.5% { transform: translate3d(2.9px,-66.667px,0) rotate(calc(var(--leaf-angle) + 1.548deg)); }
    55% { transform: translate3d(2.123px,-62.222px,0) rotate(calc(var(--leaf-angle) + 1.136deg)); }
    57.5% { transform: translate3d(1.406px,-57.778px,0) rotate(calc(var(--leaf-angle) + 0.708deg)); }
    60% { transform: translate3d(0.76px,-53.333px,0) rotate(calc(var(--leaf-angle) + 0.282deg)); }
    62.5% { transform: translate3d(0.196px,-48.889px,0) rotate(calc(var(--leaf-angle) - 0.123deg)); }
    65% { transform: translate3d(-0.28px,-44.444px,0) rotate(calc(var(--leaf-angle) - 0.489deg)); }
    67.5% { transform: translate3d(-0.661px,-40px,0) rotate(calc(var(--leaf-angle) - 0.802deg)); }
    70% { transform: translate3d(-0.944px,-35.556px,0) rotate(calc(var(--leaf-angle) - 1.049deg)); }
    72.5% { transform: translate3d(-1.128px,-31.111px,0) rotate(calc(var(--leaf-angle) - 1.22deg)); }
    75% { transform: translate3d(-1.214px,-26.667px,0) rotate(calc(var(--leaf-angle) - 1.306deg)); }
    77.5% { transform: translate3d(-1.205px,-22.222px,0) rotate(calc(var(--leaf-angle) - 1.303deg)); }
    80% { transform: translate3d(-1.108px,-17.778px,0) rotate(calc(var(--leaf-angle) - 1.21deg)); }
    82.5% { transform: translate3d(-0.932px,-13.39px,0) rotate(calc(var(--leaf-angle) - 1.032deg)); }
    85% { transform: translate3d(-0.71px,-9.332px,0) rotate(calc(var(--leaf-angle) - 0.798deg)); }
    87.5% { transform: translate3d(-0.48px,-5.883px,0) rotate(calc(var(--leaf-angle) - 0.549deg)); }
    90% { transform: translate3d(-0.278px,-3.23px,0) rotate(calc(var(--leaf-angle) - 0.324deg)); }
    92.5% { transform: translate3d(-0.129px,-1.439px,0) rotate(calc(var(--leaf-angle) - 0.153deg)); }
    95% { transform: translate3d(-0.041px,-0.443px,0) rotate(calc(var(--leaf-angle) - 0.049deg)); }
    97.5% { transform: translate3d(-0.005px,-0.057px,0) rotate(calc(var(--leaf-angle) - 0.007deg)); }
    100% { opacity: var(--leaf-opacity); transform: translate3d(0px,0px,0) rotate(calc(var(--leaf-angle) + 0deg)); }
}
@keyframes cg-auth-leaf-fall-two {
    0% { opacity: 0; transform: translate3d(10.772px,-155px,0) rotate(calc(var(--leaf-angle) + 18.634deg)); }
    2.5% { transform: translate3d(8.777px,-150.694px,0) rotate(calc(var(--leaf-angle) + 17.602deg)); }
    5% { transform: translate3d(6.763px,-146.389px,0) rotate(calc(var(--leaf-angle) + 16.389deg)); }
    7.5% { transform: translate3d(4.764px,-142.083px,0) rotate(calc(var(--leaf-angle) + 15.026deg)); }
    10% { opacity: var(--leaf-opacity); transform: translate3d(2.812px,-137.778px,0) rotate(calc(var(--leaf-angle) + 13.544deg)); }
    12.5% { transform: translate3d(0.936px,-133.472px,0) rotate(calc(var(--leaf-angle) + 11.977deg)); }
    15% { transform: translate3d(-0.837px,-129.167px,0) rotate(calc(var(--leaf-angle) + 10.357deg)); }
    17.5% { transform: translate3d(-2.483px,-124.861px,0) rotate(calc(var(--leaf-angle) + 8.718deg)); }
    20% { transform: translate3d(-3.981px,-120.556px,0) rotate(calc(var(--leaf-angle) + 7.092deg)); }
    22.5% { transform: translate3d(-5.314px,-116.25px,0) rotate(calc(var(--leaf-angle) + 5.508deg)); }
    25% { transform: translate3d(-6.468px,-111.944px,0) rotate(calc(var(--leaf-angle) + 3.994deg)); }
    27.5% { transform: translate3d(-7.435px,-107.639px,0) rotate(calc(var(--leaf-angle) + 2.574deg)); }
    30% { transform: translate3d(-8.208px,-103.333px,0) rotate(calc(var(--leaf-angle) + 1.27deg)); }
    32.5% { transform: translate3d(-8.786px,-99.028px,0) rotate(calc(var(--leaf-angle) + 0.1deg)); }
    35% { transform: translate3d(-9.171px,-94.722px,0) rotate(calc(var(--leaf-angle) - 0.923deg)); }
    37.5% { transform: translate3d(-9.367px,-90.417px,0) rotate(calc(var(--leaf-angle) - 1.789deg)); }
    40% { transform: translate3d(-9.385px,-86.111px,0) rotate(calc(var(--leaf-angle) - 2.492deg)); }
    42.5% { transform: translate3d(-9.236px,-81.806px,0) rotate(calc(var(--leaf-angle) - 3.031deg)); }
    45% { transform: translate3d(-8.935px,-77.5px,0) rotate(calc(var(--leaf-angle) - 3.41deg)); }
    47.5% { transform: translate3d(-8.5px,-73.194px,0) rotate(calc(var(--leaf-angle) - 3.634deg)); }
    50% { transform: translate3d(-7.95px,-68.889px,0) rotate(calc(var(--leaf-angle) - 3.713deg)); }
    52.5% { transform: translate3d(-7.305px,-64.583px,0) rotate(calc(var(--leaf-angle) - 3.661deg)); }
    55% { transform: translate3d(-6.588px,-60.278px,0) rotate(calc(var(--leaf-angle) - 3.495deg)); }
    57.5% { transform: translate3d(-5.821px,-55.972px,0) rotate(calc(var(--leaf-angle) - 3.231deg)); }
    60% { transform: translate3d(-5.027px,-51.667px,0) rotate(calc(var(--leaf-angle) - 2.891deg)); }
    62.5% { transform: translate3d(-4.229px,-47.361px,0) rotate(calc(var(--leaf-angle) - 2.495deg)); }
    65% { transform: translate3d(-3.448px,-43.056px,0) rotate(calc(var(--leaf-angle) - 2.065deg)); }
    67.5% { transform: translate3d(-2.704px,-38.75px,0) rotate(calc(var(--leaf-angle) - 1.623deg)); }
    70% { transform: translate3d(-2.017px,-34.444px,0) rotate(calc(var(--leaf-angle) - 1.19deg)); }
    72.5% { transform: translate3d(-1.402px,-30.139px,0) rotate(calc(var(--leaf-angle) - 0.786deg)); }
    75% { transform: translate3d(-0.875px,-25.833px,0) rotate(calc(var(--leaf-angle) - 0.43deg)); }
    77.5% { transform: translate3d(-0.447px,-21.528px,0) rotate(calc(var(--leaf-angle) - 0.136deg)); }
    80% { transform: translate3d(-0.127px,-17.222px,0) rotate(calc(var(--leaf-angle) + 0.079deg)); }
    82.5% { transform: translate3d(0.079px,-12.972px,0) rotate(calc(var(--leaf-angle) + 0.208deg)); }
    85% { transform: translate3d(0.177px,-9.04px,0) rotate(calc(var(--leaf-angle) + 0.25deg)); }
    87.5% { transform: translate3d(0.186px,-5.699px,0) rotate(calc(var(--leaf-angle) + 0.225deg)); }
    90% { transform: translate3d(0.142px,-3.129px,0) rotate(calc(var(--leaf-angle) + 0.16deg)); }
    92.5% { transform: translate3d(0.08px,-1.394px,0) rotate(calc(var(--leaf-angle) + 0.087deg)); }
    95% { transform: translate3d(0.03px,-0.429px,0) rotate(calc(var(--leaf-angle) + 0.031deg)); }
    97.5% { transform: translate3d(0.004px,-0.055px,0) rotate(calc(var(--leaf-angle) + 0.005deg)); }
    100% { opacity: var(--leaf-opacity); transform: translate3d(0px,0px,0) rotate(calc(var(--leaf-angle) + 0deg)); }
}
@keyframes cg-auth-leaf-fall-three {
    0% { opacity: 0; transform: translate3d(-10.459px,-148px,0) rotate(calc(var(--leaf-angle) - 6.859deg)); }
    2.5% { transform: translate3d(-10.713px,-143.889px,0) rotate(calc(var(--leaf-angle) - 7.938deg)); }
    5% { transform: translate3d(-10.821px,-139.778px,0) rotate(calc(var(--leaf-angle) - 8.863deg)); }
    7.5% { transform: translate3d(-10.788px,-135.667px,0) rotate(calc(var(--leaf-angle) - 9.62deg)); }
    10% { opacity: var(--leaf-opacity); transform: translate3d(-10.622px,-131.556px,0) rotate(calc(var(--leaf-angle) - 10.202deg)); }
    12.5% { transform: translate3d(-10.332px,-127.444px,0) rotate(calc(var(--leaf-angle) - 10.606deg)); }
    15% { transform: translate3d(-9.929px,-123.333px,0) rotate(calc(var(--leaf-angle) - 10.832deg)); }
    17.5% { transform: translate3d(-9.424px,-119.222px,0) rotate(calc(var(--leaf-angle) - 10.883deg)); }
    20% { transform: translate3d(-8.831px,-115.111px,0) rotate(calc(var(--leaf-angle) - 10.766deg)); }
    22.5% { transform: translate3d(-8.163px,-111px,0) rotate(calc(var(--leaf-angle) - 10.494deg)); }
    25% { transform: translate3d(-7.433px,-106.889px,0) rotate(calc(var(--leaf-angle) - 10.078deg)); }
    27.5% { transform: translate3d(-6.658px,-102.778px,0) rotate(calc(var(--leaf-angle) - 9.535deg)); }
    30% { transform: translate3d(-5.851px,-98.667px,0) rotate(calc(var(--leaf-angle) - 8.883deg)); }
    32.5% { transform: translate3d(-5.027px,-94.556px,0) rotate(calc(var(--leaf-angle) - 8.142deg)); }
    35% { transform: translate3d(-4.2px,-90.444px,0) rotate(calc(var(--leaf-angle) - 7.332deg)); }
    37.5% { transform: translate3d(-3.384px,-86.333px,0) rotate(calc(var(--leaf-angle) - 6.474deg)); }
    40% { transform: translate3d(-2.592px,-82.222px,0) rotate(calc(var(--leaf-angle) - 5.59deg)); }
    42.5% { transform: translate3d(-1.836px,-78.111px,0) rotate(calc(var(--leaf-angle) - 4.7deg)); }
    45% { transform: translate3d(-1.126px,-74px,0) rotate(calc(var(--leaf-angle) - 3.825deg)); }
    47.5% { transform: translate3d(-0.473px,-69.889px,0) rotate(calc(var(--leaf-angle) - 2.982deg)); }
    50% { transform: translate3d(0.116px,-65.778px,0) rotate(calc(var(--leaf-angle) - 2.188deg)); }
    52.5% { transform: translate3d(0.633px,-61.667px,0) rotate(calc(var(--leaf-angle) - 1.457deg)); }
    55% { transform: translate3d(1.074px,-57.556px,0) rotate(calc(var(--leaf-angle) - 0.803deg)); }
    57.5% { transform: translate3d(1.435px,-53.444px,0) rotate(calc(var(--leaf-angle) - 0.234deg)); }
    60% { transform: translate3d(1.713px,-49.333px,0) rotate(calc(var(--leaf-angle) + 0.243deg)); }
    62.5% { transform: translate3d(1.91px,-45.222px,0) rotate(calc(var(--leaf-angle) + 0.624deg)); }
    65% { transform: translate3d(2.026px,-41.111px,0) rotate(calc(var(--leaf-angle) + 0.909deg)); }
    67.5% { transform: translate3d(2.063px,-37px,0) rotate(calc(var(--leaf-angle) + 1.098deg)); }
    70% { transform: translate3d(2.027px,-32.889px,0) rotate(calc(var(--leaf-angle) + 1.198deg)); }
    72.5% { transform: translate3d(1.923px,-28.778px,0) rotate(calc(var(--leaf-angle) + 1.214deg)); }
    75% { transform: translate3d(1.758px,-24.667px,0) rotate(calc(var(--leaf-angle) + 1.157deg)); }
    77.5% { transform: translate3d(1.541px,-20.556px,0) rotate(calc(var(--leaf-angle) + 1.037deg)); }
    80% { transform: translate3d(1.279px,-16.444px,0) rotate(calc(var(--leaf-angle) + 0.869deg)); }
    82.5% { transform: translate3d(0.988px,-12.386px,0) rotate(calc(var(--leaf-angle) + 0.668deg)); }
    85% { transform: translate3d(0.698px,-8.632px,0) rotate(calc(var(--leaf-angle) + 0.465deg)); }
    87.5% { transform: translate3d(0.441px,-5.442px,0) rotate(calc(var(--leaf-angle) + 0.285deg)); }
    90% { transform: translate3d(0.24px,-2.988px,0) rotate(calc(var(--leaf-angle) + 0.149deg)); }
    92.5% { transform: translate3d(0.105px,-1.331px,0) rotate(calc(var(--leaf-angle) + 0.061deg)); }
    95% { transform: translate3d(0.031px,-0.41px,0) rotate(calc(var(--leaf-angle) + 0.017deg)); }
    97.5% { transform: translate3d(0.004px,-0.052px,0) rotate(calc(var(--leaf-angle) + 0.002deg)); }
    100% { opacity: var(--leaf-opacity); transform: translate3d(0px,0px,0) rotate(calc(var(--leaf-angle) + 0deg)); }
}
@keyframes cg-auth-leaf-fall-four {
    0% { opacity: 0; transform: translate3d(15.993px,-158px,0) rotate(calc(var(--leaf-angle) - 8.918deg)); }
    2.5% { transform: translate3d(15.366px,-153.611px,0) rotate(calc(var(--leaf-angle) - 8.748deg)); }
    5% { transform: translate3d(14.507px,-149.222px,0) rotate(calc(var(--leaf-angle) - 8.365deg)); }
    7.5% { transform: translate3d(13.446px,-144.833px,0) rotate(calc(var(--leaf-angle) - 7.79deg)); }
    10% { opacity: var(--leaf-opacity); transform: translate3d(12.212px,-140.444px,0) rotate(calc(var(--leaf-angle) - 7.046deg)); }
    12.5% { transform: translate3d(10.839px,-136.056px,0) rotate(calc(var(--leaf-angle) - 6.16deg)); }
    15% { transform: translate3d(9.36px,-131.667px,0) rotate(calc(var(--leaf-angle) - 5.159deg)); }
    17.5% { transform: translate3d(7.81px,-127.278px,0) rotate(calc(var(--leaf-angle) - 4.072deg)); }
    20% { transform: translate3d(6.223px,-122.889px,0) rotate(calc(var(--leaf-angle) - 2.929deg)); }
    22.5% { transform: translate3d(4.634px,-118.5px,0) rotate(calc(var(--leaf-angle) - 1.758deg)); }
    25% { transform: translate3d(3.074px,-114.111px,0) rotate(calc(var(--leaf-angle) - 0.589deg)); }
    27.5% { transform: translate3d(1.573px,-109.722px,0) rotate(calc(var(--leaf-angle) + 0.553deg)); }
    30% { transform: translate3d(0.158px,-105.333px,0) rotate(calc(var(--leaf-angle) + 1.641deg)); }
    32.5% { transform: translate3d(-1.147px,-100.944px,0) rotate(calc(var(--leaf-angle) + 2.653deg)); }
    35% { transform: translate3d(-2.321px,-96.556px,0) rotate(calc(var(--leaf-angle) + 3.569deg)); }
    37.5% { transform: translate3d(-3.348px,-92.167px,0) rotate(calc(var(--leaf-angle) + 4.374deg)); }
    40% { transform: translate3d(-4.216px,-87.778px,0) rotate(calc(var(--leaf-angle) + 5.054deg)); }
    42.5% { transform: translate3d(-4.916px,-83.389px,0) rotate(calc(var(--leaf-angle) + 5.599deg)); }
    45% { transform: translate3d(-5.445px,-79px,0) rotate(calc(var(--leaf-angle) + 6.004deg)); }
    47.5% { transform: translate3d(-5.803px,-74.611px,0) rotate(calc(var(--leaf-angle) + 6.267deg)); }
    50% { transform: translate3d(-5.996px,-70.222px,0) rotate(calc(var(--leaf-angle) + 6.39deg)); }
    52.5% { transform: translate3d(-6.03px,-65.833px,0) rotate(calc(var(--leaf-angle) + 6.378deg)); }
    55% { transform: translate3d(-5.919px,-61.444px,0) rotate(calc(var(--leaf-angle) + 6.24deg)); }
    57.5% { transform: translate3d(-5.678px,-57.056px,0) rotate(calc(var(--leaf-angle) + 5.987deg)); }
    60% { transform: translate3d(-5.324px,-52.667px,0) rotate(calc(var(--leaf-angle) + 5.633deg)); }
    62.5% { transform: translate3d(-4.877px,-48.278px,0) rotate(calc(var(--leaf-angle) + 5.194deg)); }
    65% { transform: translate3d(-4.36px,-43.889px,0) rotate(calc(var(--leaf-angle) + 4.689deg)); }
    67.5% { transform: translate3d(-3.793px,-39.5px,0) rotate(calc(var(--leaf-angle) + 4.136deg)); }
    70% { transform: translate3d(-3.201px,-35.111px,0) rotate(calc(var(--leaf-angle) + 3.554deg)); }
    72.5% { transform: translate3d(-2.607px,-30.722px,0) rotate(calc(var(--leaf-angle) + 2.963deg)); }
    75% { transform: translate3d(-2.032px,-26.333px,0) rotate(calc(var(--leaf-angle) + 2.382deg)); }
    77.5% { transform: translate3d(-1.497px,-21.944px,0) rotate(calc(var(--leaf-angle) + 1.829deg)); }
    80% { transform: translate3d(-1.021px,-17.556px,0) rotate(calc(var(--leaf-angle) + 1.322deg)); }
    82.5% { transform: translate3d(-0.624px,-13.223px,0) rotate(calc(var(--leaf-angle) + 0.878deg)); }
    85% { transform: translate3d(-0.326px,-9.215px,0) rotate(calc(var(--leaf-angle) + 0.523deg)); }
    87.5% { transform: translate3d(-0.134px,-5.809px,0) rotate(calc(var(--leaf-angle) + 0.271deg)); }
    90% { transform: translate3d(-0.033px,-3.19px,0) rotate(calc(var(--leaf-angle) + 0.115deg)); }
    92.5% { transform: translate3d(0.004px,-1.421px,0) rotate(calc(var(--leaf-angle) + 0.036deg)); }
    95% { transform: translate3d(0.007px,-0.438px,0) rotate(calc(var(--leaf-angle) + 0.006deg)); }
    97.5% { transform: translate3d(0.002px,-0.056px,0) rotate(calc(var(--leaf-angle) + 0deg)); }
    100% { opacity: var(--leaf-opacity); transform: translate3d(0px,0px,0) rotate(calc(var(--leaf-angle) + 0deg)); }
}
@keyframes cg-auth-leaf-fall-five {
    0% { opacity: 0; transform: translate3d(-1.407px,-150px,0) rotate(calc(var(--leaf-angle) + 0.155deg)); }
    2.5% { transform: translate3d(-2.854px,-145.833px,0) rotate(calc(var(--leaf-angle) - 0.975deg)); }
    5% { transform: translate3d(-4.177px,-141.667px,0) rotate(calc(var(--leaf-angle) - 2.105deg)); }
    7.5% { transform: translate3d(-5.36px,-137.5px,0) rotate(calc(var(--leaf-angle) - 3.209deg)); }
    10% { opacity: var(--leaf-opacity); transform: translate3d(-6.39px,-133.333px,0) rotate(calc(var(--leaf-angle) - 4.266deg)); }
    12.5% { transform: translate3d(-7.257px,-129.167px,0) rotate(calc(var(--leaf-angle) - 5.253deg)); }
    15% { transform: translate3d(-7.955px,-125px,0) rotate(calc(var(--leaf-angle) - 6.153deg)); }
    17.5% { transform: translate3d(-8.482px,-120.833px,0) rotate(calc(var(--leaf-angle) - 6.949deg)); }
    20% { transform: translate3d(-8.837px,-116.667px,0) rotate(calc(var(--leaf-angle) - 7.627deg)); }
    22.5% { transform: translate3d(-9.025px,-112.5px,0) rotate(calc(var(--leaf-angle) - 8.179deg)); }
    25% { transform: translate3d(-9.052px,-108.333px,0) rotate(calc(var(--leaf-angle) - 8.598deg)); }
    27.5% { transform: translate3d(-8.927px,-104.167px,0) rotate(calc(var(--leaf-angle) - 8.88deg)); }
    30% { transform: translate3d(-8.663px,-100px,0) rotate(calc(var(--leaf-angle) - 9.024deg)); }
    32.5% { transform: translate3d(-8.272px,-95.833px,0) rotate(calc(var(--leaf-angle) - 9.035deg)); }
    35% { transform: translate3d(-7.772px,-91.667px,0) rotate(calc(var(--leaf-angle) - 8.916deg)); }
    37.5% { transform: translate3d(-7.178px,-87.5px,0) rotate(calc(var(--leaf-angle) - 8.678deg)); }
    40% { transform: translate3d(-6.51px,-83.333px,0) rotate(calc(var(--leaf-angle) - 8.331deg)); }
    42.5% { transform: translate3d(-5.787px,-79.167px,0) rotate(calc(var(--leaf-angle) - 7.888deg)); }
    45% { transform: translate3d(-5.028px,-75px,0) rotate(calc(var(--leaf-angle) - 7.363deg)); }
    47.5% { transform: translate3d(-4.251px,-70.833px,0) rotate(calc(var(--leaf-angle) - 6.773deg)); }
    50% { transform: translate3d(-3.476px,-66.667px,0) rotate(calc(var(--leaf-angle) - 6.133deg)); }
    52.5% { transform: translate3d(-2.721px,-62.5px,0) rotate(calc(var(--leaf-angle) - 5.461deg)); }
    55% { transform: translate3d(-2px,-58.333px,0) rotate(calc(var(--leaf-angle) - 4.774deg)); }
    57.5% { transform: translate3d(-1.331px,-54.167px,0) rotate(calc(var(--leaf-angle) - 4.089deg)); }
    60% { transform: translate3d(-0.725px,-50px,0) rotate(calc(var(--leaf-angle) - 3.421deg)); }
    62.5% { transform: translate3d(-0.193px,-45.833px,0) rotate(calc(var(--leaf-angle) - 2.784deg)); }
    65% { transform: translate3d(0.255px,-41.667px,0) rotate(calc(var(--leaf-angle) - 2.192deg)); }
    67.5% { transform: translate3d(0.614px,-37.5px,0) rotate(calc(var(--leaf-angle) - 1.656deg)); }
    70% { transform: translate3d(0.88px,-33.333px,0) rotate(calc(var(--leaf-angle) - 1.184deg)); }
    72.5% { transform: translate3d(1.051px,-29.167px,0) rotate(calc(var(--leaf-angle) - 0.783deg)); }
    75% { transform: translate3d(1.129px,-25px,0) rotate(calc(var(--leaf-angle) - 0.456deg)); }
    77.5% { transform: translate3d(1.118px,-20.833px,0) rotate(calc(var(--leaf-angle) - 0.207deg)); }
    80% { transform: translate3d(1.023px,-16.667px,0) rotate(calc(var(--leaf-angle) - 0.034deg)); }
    82.5% { transform: translate3d(0.857px,-12.553px,0) rotate(calc(var(--leaf-angle) + 0.067deg)); }
    85% { transform: translate3d(0.648px,-8.749px,0) rotate(calc(var(--leaf-angle) + 0.106deg)); }
    87.5% { transform: translate3d(0.435px,-5.515px,0) rotate(calc(var(--leaf-angle) + 0.1deg)); }
    90% { transform: translate3d(0.25px,-3.028px,0) rotate(calc(var(--leaf-angle) + 0.07deg)); }
    92.5% { transform: translate3d(0.115px,-1.349px,0) rotate(calc(var(--leaf-angle) + 0.037deg)); }
    95% { transform: translate3d(0.036px,-0.415px,0) rotate(calc(var(--leaf-angle) + 0.013deg)); }
    97.5% { transform: translate3d(0.005px,-0.053px,0) rotate(calc(var(--leaf-angle) + 0.002deg)); }
    100% { opacity: var(--leaf-opacity); transform: translate3d(0px,0px,0) rotate(calc(var(--leaf-angle) + 0deg)); }
}

html body .cg-auth-shell .cg-auth-intro__eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 15px;
    color: #515947;
    font: 600 10px/1.4 Inter, "Work Sans", Arial, sans-serif;
    letter-spacing: .12em;
    text-transform: uppercase;
}
html body .cg-auth-shell .cg-auth-intro__eyebrow::before {
    content: "";
    width: 22px;
    height: 1px;
    background: #9b753d;
}
html body .cg-auth-shell .cg-auth-intro h1 {
    max-width: 310px;
    margin: 0 0 15px;
    color: var(--auth-ink);
    font: 600 32px/1.15 Inter, "Work Sans", Arial, sans-serif;
    letter-spacing: -.045em;
    text-transform: none;
}
html body .cg-auth-shell .cg-auth-intro__copy p {
    max-width: 290px;
    margin: 0;
    color: #465347;
    font: 400 14px/1.6 Inter, "Work Sans", Arial, sans-serif;
}
html body .cg-auth-shell .cg-auth-intro__alternate svg {
    display: block; flex: 0 0 18px; width: 18px; height: 18px; margin: 0; padding: 0; fill: none; stroke: currentColor; opacity: 1;
}
html body .cg-auth-shell .cg-auth-intro__alternate {
    margin: 0;
    padding: 12px 0 0;
    border-top: 1px solid #9f84424a;
    font: 400 13px/1.5 Inter, "Work Sans", Arial, sans-serif;
}
html body .cg-auth-shell .cg-auth-intro__alternate > span {
    display: block;
    margin-bottom: 2px;
    color: #465347;
}
html body .cg-auth-shell .cg-auth-intro__alternate a {
    display: inline-flex;
    position: static;
    align-items: center;
    gap: 12px;
    min-height: 40px;
    margin: 0;
    color: var(--auth-ink);
    font: 600 14px/1.4 Inter, "Work Sans", Arial, sans-serif;
    text-decoration: none;
}
html body .cg-auth-shell .cg-auth-intro__alternate a:hover { text-decoration: underline; text-underline-offset: 4px; }
html body .cg-auth-shell .cg-auth-content {
    min-width: 0;
    width: 100%;
    margin: 0;
    padding: 28px;
    border: 1px solid var(--auth-border);
    border-radius: 16px;
    background: #fffefa;
    box-shadow: 0 14px 36px #182c3d07;
}
/* Release native desktop column widths and decorative legacy form surfaces. */
html body .cg-auth-shell .login-container,
html body .cg-auth-shell .block-customer-login,
html body .cg-auth-shell .block-new-customer,
html body .cg-auth-shell .block-content,
html body .cg-auth-shell form.form-login,
html body .cg-auth-shell form.form-create-account,
html body .cg-auth-shell .amsl-login-page,
html body .cg-auth-shell .amsl-registration-page {
    display: block;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
html body .cg-auth-shell .fieldset {
    display: block;
    float: none;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}
html body .cg-auth-shell .fieldset::after,
html body .cg-auth-shell legend::after,
html body .cg-auth-shell .legend::after,
html body .cg-auth-shell .actions-toolbar::before,
html body .cg-auth-shell .actions-toolbar::after,
html body .cg-auth-shell .block-customer-login::before,
html body .cg-auth-shell .block-customer-login::after,
html body .cg-auth-shell .block-new-customer::before,
html body .cg-auth-shell .block-new-customer::after { content: none !important; }
html body .cg-auth-shell .cg-auth-form-title {
    display: block;
    float: none;
    width: 100%;
    margin: 0 0 20px;
    padding: 0;
    border: 0;
    color: var(--auth-ink);
    font: 600 21px/1.35 Inter, "Work Sans", Arial, sans-serif;
    letter-spacing: -.015em;
    text-transform: none;
}
html body .cg-auth-shell .field { min-width: 0; margin: 0 0 14px; padding: 0; }
html body .cg-auth-shell .field > .label,
html body .cg-auth-shell .field > label,
html body .cg-auth-shell .field > .label span {
    display: block;
    position: static;
    width: auto;
    margin: 0 0 7px;
    padding: 0;
    color: var(--auth-ink) !important;
    font: 500 14px/1.45 Inter, "Work Sans", Arial, sans-serif !important;
    letter-spacing: 0 !important;
    text-align: left;
    text-transform: none !important;
}
html body .cg-auth-shell .field > .label span { margin: 0; display: inline; }
html body .cg-auth-shell .field.required > .label::after { color: #9b3f35; margin-left: 4px; font-size: 12px; }
html body .cg-auth-shell .field .control { min-width: 0; width: 100%; margin: 0; }
html body .cg-auth-shell input.input-text,
html body .cg-auth-shell select,
html body .cg-auth-shell textarea {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: 48px;
    margin: 0;
    padding: 11px 13px;
    border: 1px solid #c9cdc3 !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: var(--auth-ink) !important;
    box-shadow: none !important;
    font: 400 16px/1.4 Inter, "Work Sans", Arial, sans-serif !important;
    letter-spacing: 0;
    text-align: left;
    transition: border-color .15s ease;
}
html body .cg-auth-shell textarea { min-height: 96px; height: auto; }
html body .cg-auth-shell input.input-text:focus,
html body .cg-auth-shell select:focus,
html body .cg-auth-shell textarea:focus {
    border-color: var(--auth-accent) !important;
    outline: 2px solid rgba(120, 129, 99, .35);
    outline-offset: 2px;
}
html body .cg-auth-shell input.mage-error { border-color: #a13c31 !important; }
html body .cg-auth-shell div.mage-error,
html body .cg-auth-shell .field-error { color: #9b332b; margin-top: 6px; font-size: 13px; font-weight: 400; }
html body .cg-auth-shell .cg-auth-password { position: relative; }
html body .cg-auth-shell .cg-auth-password__input { padding-right: 52px; }
html body .cg-auth-shell .cg-auth-password__toggle {
    display: grid;
    place-items: center;
    position: absolute;
    top: 2px;
    right: 2px;
    width: 44px;
    height: 44px;
    min-width: 44px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--auth-muted);
    box-shadow: none;
    transform: none;
    cursor: pointer;
}
html body .cg-auth-shell .cg-auth-password__toggle svg:not([hidden]) {
    display: block !important;
    width: 21px !important;
    height: 21px !important;
    max-width: none;
    margin: 0;
    padding: 0;
    opacity: 1 !important;
    visibility: visible !important;
    fill: none !important;
    stroke: currentColor !important;
    color: var(--auth-ink) !important;
    transform: none !important;
}
html body .cg-auth-shell .cg-auth-password__toggle svg path,
html body .cg-auth-shell .cg-auth-password__toggle svg circle {
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.7;
}
html body .cg-auth-shell .cg-auth-password__toggle:hover { background: #f0f1e9; }
.cg-auth-password__slash { display: none; }
.cg-auth-password__toggle[aria-pressed="true"] .cg-auth-password__slash { display: block; }
html body .cg-auth-shell a { color: var(--auth-accent); transform: none !important; }
html body .cg-auth-shell a:hover { text-decoration: underline; }
html body .cg-auth-shell a::after { transition: none; }
html body .cg-auth-shell a:focus-visible,
html body .cg-auth-shell button:focus-visible,
html body .cg-auth-shell input[type="checkbox"]:focus-visible {
    outline: 2px solid var(--auth-accent);
    outline-offset: 3px;
}
html body .cg-auth-shell .cg-auth-intro a:focus-visible { outline-color: var(--auth-ink); }
/* The legacy .forgot-password/.remind classes position links outside the form.
   The template uses dedicated hooks, keeping recovery in normal document flow. */
html body .cg-auth-shell .cg-auth-recovery {
    display: flex;
    justify-content: flex-end;
    position: static;
    width: 100%;
    margin: -8px 0 8px;
    padding: 0;
    text-align: right;
}
html body .cg-auth-shell .cg-auth-recovery__link {
    display: inline-flex;
    position: static;
    align-items: center;
    min-height: 40px;
    margin: 0;
    padding: 0;
    color: var(--auth-ink);
    font: 500 13px/1.4 Inter, "Work Sans", Arial, sans-serif;
    text-decoration: underline;
    text-underline-offset: 4px;
}
html body .cg-auth-shell .actions-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin: 18px 0 0; padding: 0; }
html body .cg-auth-shell .actions-toolbar > .primary { width: 100%; float: none; margin: 0; }
html body .cg-auth-shell .actions-toolbar button.action.primary {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 48px;
    margin: 0;
    padding: 12px 20px;
    border: 1px solid #182c3d !important;
    border-radius: 9px !important;
    background: linear-gradient(110deg, #182c3d 0%, #293e4d 72%, #405548 100%) !important;
    color: #fff !important;
    box-shadow: none !important;
    font: 600 15px/1.4 Inter, "Work Sans", Arial, sans-serif !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    transform: none !important;
}
html body .cg-auth-shell .actions-toolbar button.action.primary:hover { filter: brightness(.95); }
html body .cg-auth-shell .actions-toolbar button.action.primary:disabled { opacity: .55; cursor: wait; }
html body .cg-auth-shell .actions-toolbar > .secondary { float: none; margin: 0; }
html body .cg-auth-shell .actions-toolbar .action.back { display: inline-flex; min-height: 40px; align-items: center; font-size: 14px; margin: 0; }
html body .cg-auth-shell .actions-toolbar button::before,
html body .cg-auth-shell .actions-toolbar button::after { content: none !important; }
/* Preserve real checkbox controls, including required consent, and their validation. */
html body .cg-auth-shell .field.choice:not([hidden]) {
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 6px 10px;
    align-items: start;
    min-height: 44px;
    margin: 0 0 12px;
    padding: 8px 0;
    clear: both;
}
html body .cg-auth-shell .field.choice input[type="checkbox"]:not([hidden]) {
    appearance: auto !important;
    -webkit-appearance: checkbox !important;
    display: block !important;
    position: static !important;
    clip: auto !important;
    clip-path: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px;
    margin: 1px 0 0 !important;
    padding: 0 !important;
    accent-color: var(--auth-accent);
    grid-column: 1;
    grid-row: 1;
    cursor: pointer;
}
html body .cg-auth-shell .field.choice label.label {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    padding: 0 !important;
    font-weight: 400 !important;
    cursor: pointer;
}
html body .cg-auth-shell .field.choice label.label::before,
html body .cg-auth-shell .field.choice label.label::after,
html body .cg-auth-shell .field.password .control::before,
html body .cg-auth-shell .field.password .control::after,
html body .cg-auth-shell .field.confirmation .control::before,
html body .cg-auth-shell .field.confirmation .control::after { content: none !important; }
html body .cg-auth-shell .field.choice .mage-error { grid-column: 2; margin: 0; }
html body .cg-auth-shell .privacy-container-customer { margin: 8px 0 16px; padding-top: 10px; border-top: 1px solid var(--auth-border); }
/* Legacy enhancement can prepend the same consent phrase a second time.
   Hide only that injected prefix when the template's prefix follows it. */
html body .cg-auth-shell .privacy-container-customer label .cg-terms-prefix:has(+ .cg-auth-consent-prefix) { display: none !important; }
html body .cg-auth-shell .privacy-container-customer .mb-tooltip { position: static; display: inline; color: inherit; font: inherit; white-space: normal; }
html body .cg-auth-shell .privacy-container-customer a { font-weight: 500; text-decoration: underline; text-underline-offset: 3px; }
html body .cg-auth-shell .field.choice.persistent > .note { grid-column: 2 / -1; width: auto; margin: 0; color: var(--auth-muted); font-size: 12px; line-height: 1.5; }
html body .cg-auth-shell .field.choice.persistent > .tooltip.wrapper { grid-column: 2 / -1; position: relative; width: auto; }
html body .cg-auth-shell .field.choice.persistent .tooltip.content { max-width: min(300px, 70vw); }
html body .cg-auth-shell .customer-assistance-notice { margin: 0 0 14px; padding: 8px 10px; border-radius: 7px; background: #f6f4ec; color: var(--auth-muted); font-size: 12px; line-height: 1.5; }
html body .cg-auth-shell .customer-assistance-notice span { color: inherit; font: inherit; }
html body .cg-auth-shell .fieldset.create.info { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 16px; }
html body .cg-auth-shell .fieldset.create.info > * { grid-column: 1 / -1; }
html body .cg-auth-shell .fieldset.create.info > .field-name-firstname,
html body .cg-auth-shell .fieldset.create.info > .field-name-lastname { grid-column: auto; }
html body .cg-auth-shell .password-strength-meter { height: auto; min-height: 28px; margin-top: 8px; padding: 5px 8px; border-radius: 5px; font: 400 12px/1.4 Inter, "Work Sans", Arial, sans-serif; }
html body .cg-auth-shell .password-strength-meter::before { border-radius: inherit; }
html body .cg-auth-shell .cf-turnstile { margin: 16px 0 0; min-width: 0; }
/* Provider configuration and enablement remain native; the dedicated aside
   owns placement. Grid and wrapper sizing release legacy column widths. */
html body .cg-auth-shell .cg-auth-social {
    margin: 0;
    padding: 22px;
    border: 1px solid var(--auth-border);
    border-radius: 16px;
    background: linear-gradient(140deg, #fffefa, #f7f6ee);
    box-shadow: 0 8px 22px #182c3d04;
}
html body .cg-auth-shell .amsl-social-login { display: block; width: 100%; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
html body .cg-auth-shell .cg-auth-social__heading { margin: 0 0 5px; color: var(--auth-ink); font: 600 17px/1.4 Inter, "Work Sans", Arial, sans-serif; text-align: left; letter-spacing: -.01em; }
html body .cg-auth-shell .cg-auth-social__copy { margin: 0 0 15px; color: var(--auth-muted); font: 400 12px/1.5 Inter, "Work Sans", Arial, sans-serif; }
html body .cg-auth-shell .amsl-social-login .amsl-buttons:not([hidden]) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    grid-auto-rows: auto;
    flex-direction: row;
    align-items: stretch;
    justify-content: stretch;
    gap: 9px;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 0;
}
html body .cg-auth-shell .amsl-social-login .amsl-buttons .amsl-button-wrapper {
    display: block;
    flex: none;
    float: none;
    width: 100% !important;
    max-width: none;
    min-width: 0;
    height: auto;
    min-height: 0;
    margin: 0 !important;
    padding: 0;
}
html body .cg-auth-shell .amsl-social-login .amsl-button-wrapper .amsl-button:not([hidden]) {
    display: flex !important;
    position: relative;
    align-items: center;
    justify-content: center;
    gap: 11px;
    width: 100% !important;
    min-width: 0;
    max-width: none;
    height: auto !important;
    min-height: 47px;
    margin: 0;
    padding: 11px 16px !important;
    border: 1px solid #c9cdc3 !important;
    border-radius: 9px !important;
    background: #fff !important;
    color: var(--auth-ink) !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transform: none !important;
}
html body .cg-auth-shell .amsl-social-login .amsl-button-wrapper .amsl-button:hover { background: #f6f4ec !important; border-color: #788163 !important; }
html body .cg-auth-shell .amsl-social-login .amsl-button-wrapper .amsl-button .amsl-social-icon {
    display: block;
    position: static !important;
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    max-width: 24px !important;
    max-height: 24px !important;
    margin: 0;
    padding: 0;
    border: 0;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    transform: none;
    opacity: 1;
}
html body .cg-auth-shell .amsl-social-login .amsl-button-wrapper .amsl-button.-apple .amsl-social-icon { filter: none !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; }
html body .cg-auth-shell .amsl-social-login .amsl-button-wrapper .amsl-button .amsl-text:not([hidden]) {
    display: block !important;
    position: static;
    width: auto;
    height: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    color: inherit !important;
    font: 500 14px/1.4 Inter, "Work Sans", Arial, sans-serif;
    letter-spacing: 0;
    text-transform: none;
    text-overflow: clip;
    white-space: normal;
    overflow: visible;
}
html body .cg-auth-shell .cg-auth-social__compact { display: none; }
html body .cg-auth-shell .amsl-error:empty { display: none; }
@media (min-width: 600px) {
    html body .cg-auth-shell .fieldset.create.account { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; }
    html body .cg-auth-shell .fieldset.create.account > * { grid-column: 1 / -1; }
    html body .cg-auth-shell .fieldset.create.account > .field.password,
    html body .cg-auth-shell .fieldset.create.account > .field.confirmation { grid-column: auto; }
}
@media (min-width: 900px) and (max-width: 1099px) {
    .cg-auth-shell { gap: 20px; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); }
    html body .cg-auth-shell .cg-auth-intro { padding: 26px 24px 18px; }
    html body .cg-auth-shell .cg-auth-intro h1 { font-size: 30px; }
    html body .cg-auth-shell .cg-auth-content { padding: 28px; }
}
@media (max-width: 899px) {
    body.customer-account-login #maincontent .main-container,
    body.customer-account-create #maincontent .main-container { padding-top: 24px; padding-bottom: 32px; }
    .cg-auth-shell { grid-template-columns: minmax(0, 1fr); max-width: 660px; gap: 18px; }
    .cg-auth-aside { gap: 14px; }
    html body .cg-auth-shell .cg-auth-intro { min-height: 0; padding: 22px 26px 18px; border-radius: 16px; }
    html body .cg-auth-shell .cg-auth-intro__photograph { position: absolute; z-index: -1; right: -50px; bottom: -18px; width: 225px; height: 150px; margin: 0; opacity: .32; -webkit-mask-image: radial-gradient(ellipse at center, #000 35%, transparent 72%); mask-image: radial-gradient(ellipse at center, #000 35%, transparent 72%); }
    html body .cg-auth-shell .cg-auth-intro__photograph--leaves { position: absolute; z-index: -1; right: -36px; bottom: -8px; width: 245px; height: 155px; margin: 0; opacity: .2; -webkit-mask-image: radial-gradient(ellipse at center, #000 36%, transparent 75%); mask-image: radial-gradient(ellipse at center, #000 36%, transparent 75%); }
    html body .cg-auth-shell .cg-auth-intro__photograph--leaves .cg-auth-leaf--one { left: 67%; top: 25px; width: 90px; }
    html body .cg-auth-shell .cg-auth-intro__photograph--leaves .cg-auth-leaf--two { left: 40%; top: 95px; width: 46px; }
    html body .cg-auth-shell .cg-auth-intro__photograph--leaves .cg-auth-leaf--three, html body .cg-auth-shell .cg-auth-intro__photograph--leaves .cg-auth-leaf--four, html body .cg-auth-shell .cg-auth-intro__photograph--leaves .cg-auth-leaf--five { display: none; }
    html body .cg-auth-shell .cg-auth-social { padding: 18px 22px; }
    html body .cg-auth-shell .cg-auth-social__copy { margin-bottom: 12px; }
    html body .cg-auth-shell .cg-auth-intro__eyebrow { margin-bottom: 13px; font-size: 9px; }
    html body .cg-auth-shell .cg-auth-intro h1 { max-width: 400px; font-size: 30px; margin-bottom: 8px; }
    html body .cg-auth-shell .cg-auth-intro__copy p { max-width: 390px; font-size: 14px; line-height: 1.55; }
    html body .cg-auth-shell .cg-auth-intro__alternate { display: flex; flex-wrap: wrap; align-items: center; gap: 0 9px; margin-top: 12px; padding-top: 0; border: 0; }
    html body .cg-auth-shell .cg-auth-intro__alternate > span { margin: 0; }
    html body .cg-auth-shell .cg-auth-intro__alternate a { min-height: 36px; font-size: 13px; }
    html body .cg-auth-shell .cg-auth-content { padding: 30px; border-radius: 16px; }
}
@media (max-width: 479px) {
    body.customer-account-login #maincontent .main-container,
    body.customer-account-create #maincontent .main-container { padding-top: 16px; padding-bottom: 24px; }
    .cg-auth-shell { gap: 14px; }
    html body .cg-auth-shell .cg-auth-intro { padding: 20px 20px 14px; border-radius: 13px; }
    html body .cg-auth-shell .cg-auth-intro h1 { max-width: 285px; font-size: 27px; }
    html body .cg-auth-shell .cg-auth-intro__copy p { max-width: 290px; font-size: 13px; }
    html body .cg-auth-shell .cg-auth-intro__eyebrow { max-width: 260px; font-size: 8px; letter-spacing: .11em; }
    html body .cg-auth-shell .cg-auth-content { padding: 22px 20px; border-radius: 13px; }
    html body .cg-auth-shell .cg-auth-social { padding: 17px 20px; border-radius: 13px; }
    html body .cg-auth-shell .cg-auth-form-title { font-size: 19px; margin-bottom: 22px; }
}
@media (prefers-reduced-motion: reduce) {
    .cg-auth-shell *, .cg-auth-shell *::before, .cg-auth-shell *::after { transition: none !important; animation: none !important; }
}
/* Keep the existing fixed 300px verification widget usable on narrow phones. */
@media (max-width: 359px) {
    body.customer-account-login #maincontent .main-container,
    body.customer-account-create #maincontent .main-container { width: 100%; max-width: none; padding-left: 5px; padding-right: 5px; }
    body.customer-account-login #maincontent .columns.row,
    body.customer-account-create #maincontent .columns.row { margin-left: 0; margin-right: 0; }
    body.customer-account-login #maincontent .column.main,
    body.customer-account-create #maincontent .column.main { padding-left: 0; padding-right: 0; }
    html body .cg-auth-shell .cg-auth-content { padding-left: 14px; padding-right: 14px; }
    html body .cg-auth-shell .cf-turnstile { margin-left: -10px; margin-right: -10px; }
}
/* Registration has two later checkbox-fix modules with ID selectors and
   !important declarations. Own this route's controls explicitly; their native
   input names, defaults and validators remain intact. */
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .field > .label,
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .field > .label > span {
    color: #182c3d !important;
    font-family: Inter, "Work Sans", Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 1.4 !important;
    text-transform: none !important;
}
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration input.input-text {
    height: 48px !important;
    padding: 11px 13px !important;
    color: #182c3d !important;
    border-color: #c9cdc3 !important;
    background: #fff !important;
    font: 400 16px/1.4 Inter, "Work Sans", Arial, sans-serif !important;
}
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration input.input-text:focus { border-color: #182c3d !important; }
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration input.input-text.mage-error { border-color: #a13c31 !important; }
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration input.cg-auth-password__input { padding-right: 52px !important; }
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration p.back-link { display: none !important; }
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration #remember-me-box.cg-auth-device:not([hidden]) {
    display: block !important;
    position: relative !important;
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    padding: 7px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration #remember-me-box.cg-auth-device input.cg-auth-device__input:not([hidden]) {
    appearance: auto !important;
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 7px !important;
    width: 42px !important;
    height: 44px !important;
    min-width: 42px !important;
    min-height: 44px !important;
    max-width: 42px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    clip: auto !important;
    clip-path: none !important;
    pointer-events: auto !important;
    visibility: visible !important;
    cursor: pointer !important;
    z-index: 2 !important;
}
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration #remember-me-box.cg-auth-device label.cg-auth-device__label {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    position: relative !important;
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #182c3d !important;
    font: 500 13px/1.4 Inter, "Work Sans", Arial, sans-serif !important;
    cursor: pointer !important;
}
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration #remember-me-box.cg-auth-device label.cg-auth-device__label::before,
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration #remember-me-box.cg-auth-device label.cg-auth-device__label::after {
    content: none !important;
    display: none !important;
}
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration #remember-me-box.cg-auth-device .cg-auth-device__label > span { margin: 0 !important; color: inherit !important; font: inherit !important; }
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration #remember-me-box.cg-auth-device .cg-auth-device__track {
    display: block !important;
    position: relative !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 24px !important;
    border: 1px solid #bcc5bc !important;
    border-radius: 20px !important;
    background: #e5e9e2 !important;
}
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration #remember-me-box.cg-auth-device .cg-auth-device__track::after {
    content: "";
    position: absolute;
    left: 2px;
    top: 2px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px #182c3d26;
    transition: transform .15s ease;
}
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration #remember-me-box.cg-auth-device input:checked ~ label .cg-auth-device__track { background: #263f40 !important; border-color: #263f40 !important; }
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration #remember-me-box.cg-auth-device input:checked ~ label .cg-auth-device__track::after { transform: translateX(18px); }
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration #remember-me-box.cg-auth-device input:focus-visible ~ label .cg-auth-device__track { outline: 2px solid #182c3d; outline-offset: 3px; }
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration #remember-me-box.cg-auth-device .note.cg-auth-device__note {
    display: block !important;
    position: static !important;
    width: auto !important;
    max-width: none !important;
    margin: 3px 0 0 52px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #5d665f !important;
    font: 400 12px/1.45 Inter, "Work Sans", Arial, sans-serif !important;
}
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-news {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    grid-column: 1 / -1;
    gap: 8px 14px;
    margin: 0 0 6px;
    padding: 5px 0;
}
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-news__title { color: #182c3d; font: 500 13px/1.4 Inter, "Work Sans", Arial, sans-serif; }
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-news__options { display: inline-flex; gap: 3px; padding: 3px; border: 1px solid #dce0d5; border-radius: 9px; background: #f4f5ee; }
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-news__option { position: relative; }
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-news__option input:not([hidden]) { position: absolute !important; display: block !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; opacity: 0 !important; cursor: pointer !important; z-index: 2; }
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-news__option label { display: grid; place-items: center; min-width: 46px; min-height: 44px; margin: 0; padding: 6px 10px; border-radius: 6px; color: #5d665f; font: 500 13px/1.3 Inter, "Work Sans", Arial, sans-serif; cursor: pointer; }
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-news__option input:checked + label { color: #182c3d; background: #fff; box-shadow: 0 1px 4px #182c3d12; }
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-news__option input:focus-visible + label { outline: 2px solid #182c3d; outline-offset: 2px; }
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-consent {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    grid-column: 1 / -1;
    gap: 9px;
    width: 100%;
    margin: 5px 0 0;
    padding: 13px 0 0;
    border-top: 1px solid #deded0;
}
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-consent input.cg-auth-consent__input:not([hidden]) {
    display: block !important;
    position: absolute !important;
    top: 13px !important;
    left: 0 !important;
    width: 94px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    clip: auto !important;
    clip-path: none !important;
    visibility: visible !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 2 !important;
}
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-consent__label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    gap: 7px;
    min-width: 94px;
    min-height: 44px;
    margin: 0;
    padding: 8px 11px;
    border: 1px solid #aeb9ad;
    border-radius: 9px;
    background: #fff;
    color: #182c3d;
    font: 600 13px/1.4 Inter, "Work Sans", Arial, sans-serif;
    cursor: pointer;
}
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-consent__mark { display: grid; place-items: center; width: 17px; height: 17px; border: 1px solid #b9c2b5; border-radius: 50%; }
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-consent__mark svg { display: block; width: 14px; height: 14px; opacity: 0; }
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-consent__input:checked ~ .cg-auth-consent__label { border-color: #263f40; background: #edf3ed; }
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-consent__input:checked ~ .cg-auth-consent__label .cg-auth-consent__mark { border-color: #263f40; background: #263f40; color: #fff; }
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-consent__input:checked ~ .cg-auth-consent__label svg { opacity: 1; }
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-consent__input:focus-visible ~ .cg-auth-consent__label { outline: 2px solid #182c3d; outline-offset: 3px; }
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-consent__documents { flex: 1 1 220px; color: #5d665f; font: 400 12px/1.6 Inter, "Work Sans", Arial, sans-serif; }
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-consent__documents a { display: inline !important; position: static !important; color: #182c3d !important; font: inherit !important; font-weight: 500 !important; text-decoration: underline !important; text-underline-offset: 3px; }
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-consent__label::before,
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-consent__label::after { content: none !important; display: none !important; }
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-consent .cg-terms-prefix { display: none !important; }
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-consent .mage-error { order: 3; flex: 0 0 100%; margin: 0; font-size: 12px; color: #9b332b; }
/* Native hidden state must outrank presentation, including the older repair sheets. */
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration [hidden],
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration #remember-me-box[hidden],
html body.customer-account-create #maincontent form#form-validate.cg-auth-registration input[hidden] { display: none !important; }
@media (max-width: 479px) {
    html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-news__title { font-size: 12px; }
    html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-consent { gap: 8px; }
    html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-consent__documents { flex-basis: 160px; }
}
@media (prefers-reduced-motion: reduce) {
    html body.customer-account-create #maincontent form#form-validate.cg-auth-registration .cg-auth-device__track::after { transition: none; }
}

/* Short provider names keep all configured sign-in choices visible on phones.
   The native label, provider URL and handler remain; aria-label supplies the
   complete action even while its long visual label is hidden. */
@media (max-width: 599px) {
    html body #maincontent .cg-auth-shell .amsl-social-login .amsl-buttons:not([hidden]) { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
    html body #maincontent .cg-auth-shell .amsl-social-login .amsl-button-wrapper .amsl-button:not([hidden]) { flex-direction: column; gap: 7px; min-height: 80px; padding: 10px 5px !important; }
    html body #maincontent .cg-auth-shell .amsl-social-login .amsl-button-wrapper .amsl-button .amsl-text:not([hidden]) { display: none !important; }
    html body #maincontent .cg-auth-shell .amsl-button .cg-auth-social__compact { display: block; color: inherit; font: 500 12px/1.3 Inter, "Work Sans", Arial, sans-serif; text-align: center; overflow-wrap: anywhere; }
}
@media (max-width: 359px) {
    html body .cg-auth-shell .fieldset.create.info { display: block; }
}