.login-topbar{display:flex;justify-content:space-between}.login-topbar span+span:before{content:"";border-left:1px solid #fff8;margin-right:38px}.brand{min-width:265px}.brand b{font-size:37px}.brand-mark{width:52px;height:52px;font-size:29px}.header-main{height:105px}.header-actions{gap:20px}.header-actions .labeled,.cart-link{display:flex;align-items:center;gap:6px;position:relative;border:0;background:none}.header-actions .labeled span,.cart-link span{font-size:13px}.action-count,.cart-link b{position:absolute;right:0;top:-8px;background:var(--wine);color:#fff;border-radius:50%;font-size:10px;width:18px;height:18px;display:grid;place-items:center}.desktop-nav{height:52px}.desktop-nav .container{height:100%}.all-cat{min-width:155px;text-align:center}.login-breadcrumb{height:45px;display:flex;align-items:center;gap:12px;font-size:12px}.login-breadcrumb i{font-size:9px;color:var(--wine)}.login-breadcrumb span{color:var(--wine)}
.login-card{max-width:1165px;height:646px;display:grid;grid-template-columns:53% 47%;padding:0;border:1px solid var(--border);border-radius:8px;overflow:hidden}.login-visual{position:relative;overflow:hidden}.login-visual>img{width:100%;height:100%;object-fit:cover;object-position:center 34%}.login-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff6ebf7 0%,#fff6eba8 33%,transparent 62%)}.visual-copy,.visual-benefits{position:absolute;z-index:2;left:34px}.visual-copy{top:45px}.visual-copy p{font:600 24px 'Playfair Display';color:var(--wine);margin:0}.visual-copy h1{font:600 47px 'Playfair Display';color:var(--wine);margin:0}.visual-copy>i{display:block;width:148px;height:15px;border-top:1px solid var(--gold);margin-top:16px}.visual-copy>span{font-size:13px;line-height:1.55}.visual-benefits{top:315px}.visual-benefits article{display:flex;gap:12px;margin-bottom:24px}.visual-benefits article>i{width:33px;height:33px;border-radius:50%;background:#fff6ee;color:var(--wine);display:grid;place-items:center}.visual-benefits b{font:600 12px 'Playfair Display'}.visual-benefits p{font-size:9px;line-height:1.5;margin:3px 0}.login-form-panel{display:grid;place-items:center;padding:30px 58px}.login-form-panel>div{width:100%}.login-form-panel h2{font:600 27px 'Playfair Display';color:var(--wine);margin:0 0 5px}.login-form-panel>div>p{font-size:12px;margin-bottom:25px}.login-form-panel label{display:block;font:600 12px 'Playfair Display';margin-bottom:17px}.login-form-panel label>div{position:relative}.login-form-panel input:not([type=checkbox]){width:100%;height:45px;border:1px solid #ddd;border-radius:5px;padding:12px 42px 12px 14px;margin-top:8px;font:11px 'DM Sans'}.login-form-panel label>div>i,.login-form-panel label>div>button{position:absolute;right:14px;top:22px;border:0;background:none;color:#666}.remember{display:flex;justify-content:space-between;font:11px 'DM Sans';margin:-2px 0 18px}.remember label{font:11px 'DM Sans';margin:0}.remember input{width:18px;height:18px;vertical-align:middle;margin-right:7px}.remember a,.create a{color:var(--wine);font-weight:600}.sign-in,.social-login{width:100%;height:44px;border-radius:5px}.sign-in{border:0;background:var(--wine);color:#fff;font:600 14px 'Playfair Display'}.or{height:56px;display:flex;align-items:center;color:#777;font-size:10px}.or:before,.or:after{content:"";height:1px;background:#ddd;flex:1}.or span{padding:0 15px}.social-login{border:1px solid #ddd;background:#fff;margin-bottom:11px;font-size:12px}.social-login b,.social-login i{font-size:20px;margin-right:16px}.google b{color:#4285f4}.facebook i{color:#1877f2}.create{text-align:center;font-size:11px;margin:20px 0 0}
.login-benefits{max-width:1165px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:7px;margin-top:24px;padding:18px}.login-benefits article{display:flex;justify-content:center;align-items:center;gap:16px;border-right:1px solid #decdbf}.login-benefits article:last-child{border:0}.login-benefits article>i{width:58px;height:58px;border-radius:50%;background:#fff7f0;border:1px solid var(--border);display:grid;place-items:center;color:var(--wine);font-size:27px}.login-benefits h3{font:600 13px 'Playfair Display';margin:0}.login-benefits p{font-size:10px;line-height:1.5;margin:4px 0}.confidence-wide{max-width:1165px;margin-top:24px;margin-bottom:23px;border:1px solid var(--border);border-radius:7px;background:#fff9f4;display:grid;grid-template-columns:70px 2fr repeat(4,1fr);align-items:center;padding:18px 28px;gap:12px}.confidence-wide>i{font-size:47px;color:var(--wine)}.confidence-wide h2{font:600 18px 'Playfair Display';color:var(--wine);margin:0}.confidence-wide p{font-size:9px;margin:5px 0}.confidence-wide article{border-left:1px solid #decdbf;padding-left:24px;display:flex;gap:10px}.confidence-wide article>i{color:var(--wine);font-size:20px}.confidence-wide article b{color:var(--wine)}.login-newsletter{padding:22px 0}.login-footer{grid-template-columns:1.45fr .8fr 1fr .7fr 1.3fr 1fr;gap:22px}.login-footer .brand{min-width:0}.login-footer .brand b{font-size:31px}.login-footer .brand-mark{width:43px;height:43px}.login-footer>div+div{border-left:1px solid #ffffff16;padding-left:18px}#footer{padding-top:30px}#footer .copyright{margin-top:20px}
@media(max-width:991px){.login-topbar span:nth-child(n+3){display:none}.brand{min-width:0}.header-main{height:72px}.login-card{height:auto;grid-template-columns:1fr}.login-visual{height:570px}.login-form-panel{padding:45px}.login-footer{grid-template-columns:repeat(2,1fr)}.login-footer>div+div{border:0}.confidence-wide{grid-template-columns:60px 1fr 1fr}.login-benefits{grid-template-columns:1fr 1fr;gap:20px}}
@media(max-width:767px){.login-topbar{justify-content:center}.login-topbar span:nth-child(n+2){display:none}.header-actions .labeled span,.cart-link span{display:none}.login-card{margin:0 15px;width:auto}.login-visual{height:520px}.login-form-panel{padding:35px 20px}.login-benefits{margin-left:15px;margin-right:15px;grid-template-columns:1fr}.login-benefits article{border:0;border-bottom:1px solid #ddd;padding-bottom:12px}.confidence-wide{margin-left:15px;margin-right:15px;grid-template-columns:45px 1fr}.confidence-wide article{grid-column:1/-1}.login-footer{grid-template-columns:1fr}}
