/* Customer account cards and its own overlay. No checkout or authentication logic. */
body#my-account #content .customer-link{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:17px!important;margin:0!important;width:100%;padding:0!important}
body#my-account #content .customer-link>*{min-width:0;max-width:none;width:auto!important;margin:0!important;flex:none!important}
body#my-account #content .customer-link>a{display:block!important;padding:21px!important;min-height:135px;border:1px solid #dce7df!important;border-radius:16px!important;background:#fff!important;color:#18291e!important;text-decoration:none!important;box-shadow:0 3px 13px #213b2907;transition:border-color .18s,box-shadow .18s,transform .18s}
body#my-account #content .customer-link>a:hover{background:#f8fcf9!important;border-color:#82ae8b!important;box-shadow:0 8px 22px #213b2910;transform:translateY(-2px)}
body#my-account #content .customer-link>a:focus-visible{outline:3px solid #a1cdaa!important;outline-offset:3px}
body#my-account #content .customer-link>a .link-item{display:flex!important;flex-direction:row!important;align-items:center;gap:15px;min-height:90px;line-height:1.5!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;color:inherit!important;text-align:left!important}
body#my-account #content .customer-link>a span{background:transparent!important;color:inherit!important;padding:0!important;border-radius:0!important}
body#my-account #content .customer-link>a .cs-account-card__icon{display:flex!important;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border-radius:13px!important;background:#eaf4ed!important;color:#487752!important}
body#my-account #content .customer-link>a i{padding:0!important;color:#487752!important;font-size:26px;line-height:1;flex-shrink:0}
body#my-account #content .customer-link>a .cs-account-card__content{display:flex;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;gap:5px;flex:1;min-width:0}
body#my-account #content .customer-link>a .cs-account-card__label{display:block;font-size:15px;font-weight:650;line-height:1.4;overflow-wrap:anywhere;color:#17291d!important;text-align:left!important}
body#my-account #content .customer-link>a .cs-account-card__description{display:block;font-size:12px;font-weight:400;line-height:1.65;color:#66786b!important;text-align:left!important}
body#my-account #content .customer-link>a .cs-account-card__arrow{flex:0 0 15px;width:15px;height:15px;stroke:#6b9475;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
#my-account .cs-account-eyebrow{color:#5c8a68!important;font-size:11px!important;letter-spacing:1.6px;font-weight:700;margin:0 0 8px!important;text-transform:uppercase}
#my-account .page-header{margin-bottom:25px!important}
#my-account .page-header h1,#my-account #main h1{color:#18291e;font-size:clamp(24px,2.4vw,31px);font-weight:650;letter-spacing:-.6px;line-height:1.25;margin-bottom:9px}
#my-account .cs-account-lead{font-size:14px;line-height:1.7;color:#66786b;max-width:650px;margin:0 0 25px}
.account-menu.d-md-flex{background:#fff;border:1px solid #e0e8e2;border-radius:16px;padding:21px 15px;gap:3px;box-shadow:0 3px 13px #213b2905}
.account-menu .account-menu__title{background:transparent!important;color:#203b29!important;text-align:left!important;padding:0 10px 15px!important;margin:0 0 8px!important;font-size:18px;font-weight:650;border-bottom:1px solid #e7eee9}
.account-menu .account-menu__line{display:block;border:0!important;border-radius:9px!important;padding:10px!important;color:#506257!important;background:transparent!important;text-decoration:none!important;font-size:13px;line-height:1.45}
.account-menu .account-menu__line .link-item{display:flex;align-items:center;gap:11px;min-width:0;overflow-wrap:anywhere;background:transparent!important;padding:0!important;color:inherit!important}
.account-menu .account-menu__line i{color:#668c70!important;font-size:21px;padding:0!important}
.account-menu .account-menu__line:hover,.account-menu .account-menu__line.active{background:#eaf4ed!important;color:#24492f!important}
.account-menu .account-menu__line:hover span,.account-menu .account-menu__line.active span{background:transparent!important;color:inherit!important}
.account-menu .account-menu--signout{margin-top:12px;border-top:1px solid #e7eee9!important;border-radius:0!important;padding-top:17px!important}
#my-account .customer-link__logout{margin-top:22px;padding:13px 18px;border-radius:11px;border:1px solid #dce7df;background:#f5faf6;color:#345e40;text-decoration:none;align-items:center;justify-content:center;min-height:46px}
/* The panel is moved to body by cliips-account.js, outside the transformed sticky header. */
body>#rightMenuCanvas.offcanvas{--bs-offcanvas-width:430px;z-index:1000001!important;top:0!important;bottom:0!important;right:0!important;left:auto!important;width:min(430px,100vw)!important;max-width:100vw!important;height:100dvh!important;height:100vh;margin:0!important;border:0!important;border-radius:24px 0 0 24px!important;background:#fff!important;color:#203b29!important;box-shadow:-14px 0 45px #112b2133!important;justify-content:flex-start!important;overflow:hidden}
body.cs-account-panel-open>.offcanvas-backdrop,body.cs-account-panel-open>.offcanvas-backdrop.fade.show{z-index:1000000!important;display:block!important;pointer-events:auto!important;background-color:#10241b!important;opacity:.42!important}
body #rightMenuCanvas .offcanvas-header{flex:0 0 auto;padding:23px 22px!important;border-bottom:1px solid #e5ede7!important;background:#f7fbf8!important;align-items:center;gap:14px}
body #rightMenuCanvas .offcanvas-title{font-size:22px;font-weight:650;letter-spacing:-.4px;color:#193d25;line-height:1.3}
body #rightMenuCanvas .btn-close{flex-shrink:0;width:38px;height:38px;margin:0!important;padding:0!important;background-size:14px;background-color:#e8f1eb;border-radius:50%;opacity:1}
body #rightMenuCanvas .offcanvas-body{flex:1 1 auto;padding:22px!important;overflow-y:auto!important;overscroll-behavior:contain;background:#fff!important}
body #rightMenuCanvas .cs-account-panel-intro{font-size:14px;line-height:1.75;color:#6a7d70;margin:0 0 20px}
body #rightMenuCanvas .list-group{display:flex;gap:11px;border:0!important;background:transparent}
body #rightMenuCanvas .list-group-item{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center;gap:15px!important;padding:17px 15px!important;min-height:79px;border:1px solid #e0e9e3!important;border-radius:13px!important;background:#fff!important;color:#233f2b!important;text-align:left!important;box-shadow:none!important;transition:background .18s,border-color .18s}
body #rightMenuCanvas .list-group-item:hover{background:#f2f8f4!important;border-color:#88ad91!important}
body #rightMenuCanvas .list-group-item>div{text-align:left!important;flex-direction:column!important;gap:4px}
body #rightMenuCanvas .list-group-item .text-right{text-align:left!important}
body #rightMenuCanvas .list-group-item>span:not(.material-icons),#rightMenuCanvas .list-group-item>div>span:first-child{font-size:14px;font-weight:600;color:#233f2b!important}
body #rightMenuCanvas .list-group-item .text-muted{color:#708077!important;font-size:12px!important;line-height:1.4}
body #rightMenuCanvas .list-group-item>.material-icons{order:-1!important;display:flex;align-items:center;justify-content:center;flex:0 0 40px;width:40px;height:40px;border-radius:11px;background:#eaf4ed;color:#4f7d5a!important;font-size:23px!important}
body #rightMenuCanvas .cs-header-flags{align-items:center!important;gap:5px!important}
body #rightMenuCanvas .cs-header-flags img{width:27px!important;height:27px!important;box-shadow:none}
body #rightMenuCanvas a:focus-visible,#rightMenuCanvas button:focus-visible{outline:3px solid #94bf9e;outline-offset:3px}
@media(max-width:991px){body#my-account #content .customer-link{grid-template-columns:minmax(0,1fr)}}
@media(max-width:767px){
 body#my-account #content .customer-link{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;overflow:visible!important;white-space:normal!important}
 body#my-account #content .customer-link>a{min-height:112px;padding:18px!important;max-width:100%!important}
 body#my-account #content .customer-link>a .link-item{min-height:73px;gap:13px}
 body#my-account #content .customer-link>a .cs-account-card__label{font-size:15px}
 body#my-account #content .customer-link>a .cs-account-card__description{font-size:12px;line-height:1.55}
 body#my-account #content .customer-link>a .cs-account-card__icon{flex-basis:44px;width:44px;height:44px;border-radius:12px!important}
 #my-account .cs-account-lead{font-size:13px;margin-bottom:21px}
 body>#rightMenuCanvas.offcanvas{width:calc(100vw - 14px)!important;max-width:430px!important;border-radius:18px 0 0 18px!important}
 body #rightMenuCanvas .offcanvas-header{padding:19px 18px!important}
 body #rightMenuCanvas .offcanvas-body{padding:19px 18px calc(24px + env(safe-area-inset-bottom))!important}
 body #rightMenuCanvas .offcanvas-title{font-size:21px}
}
@media(prefers-reduced-motion:reduce){body#my-account #content .customer-link>a,#rightMenuCanvas .list-group-item{transition:none!important;transform:none!important}}