:root{--pink:#f20b59;--pink-dark:#c90946;--red:#c9143e;--orange:#ff8616;--gold:#ffbf22;--green:#18834d;--ink:#241c25;--muted:#77717c;--line:#f0e6eb;--soft:#fff5f7;--cream:#fff8ee;--shadow:0 14px 40px rgba(62,20,39,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid #f5e9ee;box-shadow:0 4px 22px rgba(40,10,25,.035)}.header-main{max-width:1450px;margin:auto;min-height:88px;padding:12px 26px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;flex:0 0 235px;min-width:0}.brand img{display:block;width:58px;height:58px;object-fit:contain;border-radius:14px;background:#fff}.brand-wordmark{display:flex;flex-direction:column;gap:4px;line-height:1}.brand-wordmark strong{font-size:19px;font-weight:900;letter-spacing:-.7px;color:var(--pink)}.brand-wordmark small{font-size:9px;font-weight:900;letter-spacing:3px;color:#39313a}.delivery{display:flex;align-items:center;gap:10px;flex:0 0 165px;min-width:0;padding:0;border:0;background:transparent;text-align:left;color:inherit;font:inherit;cursor:pointer}.delivery:focus-visible{outline:2px solid var(--pink);outline-offset:4px;border-radius:10px}.delivery-mark{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:13px;background:#fff0f4;color:var(--pink)}.delivery-mark svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.delivery-copy{display:block;min-width:0}.delivery small,.delivery strong{display:block}.delivery small{font-size:11px;color:#8a8188;margin-bottom:4px}.delivery strong{font-size:12px;font-weight:800;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.searchbox{display:flex;align-items:stretch;flex:1;min-width:120px;height:48px;border:1px solid #eee3e8;border-radius:15px;overflow:hidden;background:#f8f5f6;transition:.2s}.searchbox:focus-within{border-color:#ff9dbb;box-shadow:0 0 0 4px #f20b590e;background:#fff}.searchbox input[type=text]{flex:1;width:100%;min-width:0;border:0;outline:0;background:transparent;padding:0 17px;color:var(--ink);font-size:14px}.searchbox input[type=text]::placeholder{color:#8b858b}.search-submit{position:relative;width:58px;flex:0 0 58px;border:0;border-radius:0;background:var(--pink);color:transparent;font-size:0;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.8' cy='10.8' r='6.8'/%3E%3Cpath d='m16 16 4.5 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:22px}.search-submit:hover{background-color:var(--pink-dark)}.navlinks{display:flex;align-items:center;gap:17px;white-space:nowrap;font-size:13px;font-weight:800}.navlinks>a:not(.cartlink):not(.signup-link){padding:10px 0}.navlinks a:hover{color:var(--pink)}.cartlink{display:flex;align-items:center;gap:7px;background:#fff0f4;border:1px solid #ffd7e2;border-radius:12px;padding:12px 14px;color:var(--pink)!important}.cart-symbol{width:15px;height:13px;display:inline-block;border:2px solid currentColor;border-top:0;transform:skew(-8deg);position:relative}.cart-symbol:before{content:"";position:absolute;width:5px;height:5px;border-top:2px solid currentColor;border-left:2px solid currentColor;left:-5px;top:-3px}.account-link{color:#39313a}.signup-link{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(110deg,var(--pink),#ff5a69);color:#fff!important;padding:12px 14px;border-radius:11px;box-shadow:0 5px 14px #f20b591c}.page{max-width:1390px;min-height:68vh;margin:0 auto;padding:26px 26px 72px}.hero{position:relative;display:grid;grid-template-columns:1.04fr .96fr;min-height:340px;border-radius:28px;overflow:hidden;margin:0 0 38px;background:linear-gradient(120deg,#fff0f4 0%,#fff4e7 100%);isolation:isolate}.hero:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.5);right:31%;top:-180px;z-index:-1}.hero-copy{padding:43px clamp(25px,4vw,58px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{color:var(--pink);font-size:10px;font-weight:900;letter-spacing:2.2px;text-transform:uppercase}.hero h1{font-size:clamp(36px,4vw,58px);font-weight:900;line-height:1.04;letter-spacing:-2.1px;margin:13px 0 15px;color:#281e27}.hero h1 em{font-style:normal;color:var(--pink)}.hero p{max-width:480px;margin:0 0 22px;color:#766b75;font-size:15px;line-height:1.8}.btn,.btn:visited{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:13px;background:linear-gradient(105deg,var(--pink),#ff3c69);color:#fff;font-weight:850;padding:14px 21px;cursor:pointer;box-shadow:0 9px 20px #f20b5926;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 13px 24px #f20b5930}.btn.secondary{background:#fff;color:var(--pink);border:1px solid #ffd7e2;box-shadow:none}.hero-art{display:flex;align-items:center;justify-content:center;min-width:0;padding:24px;background:radial-gradient(ellipse at center,#fff9fb 0%,#ffe3eb 56%,#ffdfc4 100%)}.hero-art img{display:block;width:min(100%,340px);height:300px;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 15px 20px rgba(99,22,52,.09));border-radius:18px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:32px 0 17px}.section-head h2{font-size:clamp(21px,2vw,27px);line-height:1.2;font-weight:900;letter-spacing:-.8px;margin:0}.section-head p{margin:7px 0 0;color:var(--muted);font-size:13px}.text-link{color:var(--pink);font-weight:850;font-size:13px;white-space:nowrap}.text-link:hover{text-decoration:underline}.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.category{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:144px;background:linear-gradient(145deg,#fffafb,#fff5f6);border:1px solid #ffeaef;border-radius:19px;padding:17px 8px;text-align:center;transition:transform .2s,box-shadow .2s,border-color .2s}.category:hover{transform:translateY(-4px);border-color:#ffc0d2;box-shadow:var(--shadow)}.category .emoji{display:grid;place-items:center;width:66px;height:66px;border-radius:22px;background:linear-gradient(145deg,#fff,#ffeaf0);border:1px solid #ffdae5;color:var(--pink);font-family:Arial,sans-serif;font-size:14px;font-weight:900;letter-spacing:.4px;box-shadow:inset 0 1px 0 #fff}.category b{font-size:13px;font-weight:800}.banner-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:31px 0}.promo{position:relative;overflow:hidden;padding:22px 23px;border-radius:19px;min-height:126px;background:linear-gradient(115deg,#fff0f5,#ffe2eb)}.promo:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-30px;bottom:-52px;background:rgba(255,255,255,.55)}.promo:nth-child(2){background:linear-gradient(115deg,#fff7df,#ffe9bd)}.promo:nth-child(3){background:linear-gradient(115deg,#eff9f0,#dff4e5)}.promo strong{position:relative;z-index:1;display:block;font-size:17px;font-weight:900;letter-spacing:-.3px}.promo p{position:relative;z-index:1;max-width:250px;font-size:12px;line-height:1.6;color:#716770;margin:8px 0 0}.product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.product-card{position:relative;border:1px solid #f0e7eb;border-radius:19px;padding:12px;display:flex;flex-direction:column;min-width:0;background:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}.product-card:hover{border-color:#ffc0d0;box-shadow:0 13px 32px rgba(52,20,33,.08);transform:translateY(-3px)}.product-img{height:155px;border-radius:14px;background:linear-gradient(140deg,#fff8ef,#fff0f5);display:grid;place-items:center;overflow:hidden;margin-bottom:12px}.product-img img{width:100%;height:100%;object-fit:contain}.product-img .placeholder{font-family:Arial,sans-serif;font-size:17px;font-weight:900;color:var(--pink)}.tag{font-size:9px;color:var(--green);font-weight:900;letter-spacing:.7px;margin-bottom:7px}.product-card h3{font-size:14px;line-height:1.4;margin:0 0 5px;min-height:39px;font-weight:800}.unit{font-size:11px;color:var(--muted);margin-bottom:12px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.price{font-weight:900;font-size:15px}.old-price{color:#9b959a;text-decoration:line-through;font-size:11px;margin-left:4px}.add-btn{border:1px solid var(--pink);color:var(--pink);background:#fff4f7;border-radius:9px;padding:8px 13px;font-weight:900;cursor:pointer}.add-btn:hover{background:var(--pink);color:#fff}.form-wrap{max-width:520px;margin:22px auto;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow);background:#fff}.form-wrap h1{font-size:28px;font-weight:900;letter-spacing:-.8px;margin:0 0 8px}.muted{color:var(--muted);font-size:13px;line-height:1.65}.field{margin:16px 0}.field label{display:block;font-weight:800;font-size:12px;margin-bottom:7px}.input{width:100%;border:1px solid #e9dfe5;border-radius:11px;padding:13px 14px;font:inherit;outline:0}.input:focus{border-color:var(--pink);box-shadow:0 0 0 4px #f20b5910}.msg{display:block;padding:11px 13px;border-radius:10px;background:#fff0f3;color:#b20d3f;margin:12px 0;font-size:13px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:15px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--line)}th{background:#fff4f7;font-size:11px;text-transform:uppercase;letter-spacing:.5px}tr:last-child td{border-bottom:0}.cart-layout{display:grid;grid-template-columns:1.5fr .8fr;gap:22px}.panel{border:1px solid var(--line);border-radius:18px;padding:21px;background:#fff}.summary-row{display:flex;justify-content:space-between;padding:10px 0;color:#625b61;font-size:13px}.summary-row.total{font-size:17px;font-weight:900;color:var(--ink);border-top:1px dashed #e5dce1;margin-top:8px;padding-top:17px}.empty{text-align:center;padding:55px 20px;border:1px dashed #edcbd4;border-radius:20px;background:#fffafb}.empty .big{font-size:20px;font-weight:900;color:var(--pink)}.empty h2{font-size:23px;font-weight:900}.admin-nav{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 24px}.admin-nav a{background:#fff0f4;padding:10px 13px;border-radius:10px;color:var(--pink);font-weight:900;font-size:12px}.footer{padding:35px max(5vw,22px);background:#241c25;color:#fff}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:54px;height:54px;object-fit:contain;background:#fff;border-radius:12px}.footer-brand strong,.footer-brand span{display:block}.footer-brand strong{font-size:17px;letter-spacing:.4px}.footer-brand span{font-size:12px;color:#e0d5dc;margin-top:5px}.footer p{font-size:12px;color:#ded2d9;margin:19px 0}.footer>small{color:#bfb0ba;font-size:11px}.mobilebar{display:none}
@media(max-width:1180px){.header-main{gap:14px;padding:12px 18px}.brand{flex-basis:190px}.brand img{width:52px;height:52px}.brand-wordmark strong{font-size:17px}.delivery{display:flex;grid-column:1/-1;grid-row:2;flex:initial;padding:2px 0;gap:8px}.delivery-mark{width:32px;height:32px;flex-basis:32px;border-radius:10px}.delivery-mark svg{width:18px;height:18px}.delivery small{font-size:10px;margin-bottom:2px}.delivery strong{font-size:11px;max-width:230px}.searchbox{grid-column:1/-1;grid-row:3}.navlinks{gap:13px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.site-header{position:relative}.header-main{min-height:0;padding:10px 12px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.brand{grid-column:1;grid-row:1;flex-basis:auto;gap:7px}.brand img{width:43px;height:43px;border-radius:10px}.brand-wordmark strong{font-size:14px;letter-spacing:-.4px}.brand-wordmark small{font-size:7px;letter-spacing:2px}.navlinks{grid-column:2;grid-row:1;gap:7px;font-size:11px}.navlinks>a:not(.cartlink):not(.signup-link){display:none}.cartlink{padding:10px 11px;border-radius:10px}.cart-symbol{display:none}.account-link{display:inline-flex!important;align-items:center;justify-content:center;background:#fff5f7;border:1px solid #ffdae4;padding:10px;border-radius:10px}.signup-link{padding:10px!important;border-radius:10px;font-size:11px}.searchbox{grid-column:1/-1;grid-row:2;height:43px;border-radius:12px}.searchbox input[type=text]{font-size:12px;padding:0 12px}.search-submit{flex-basis:48px;width:48px}.page{padding:14px 12px 92px}.hero{grid-template-columns:1fr;border-radius:22px;margin-bottom:26px}.hero-copy{padding:26px 22px 20px}.eyebrow{font-size:9px;letter-spacing:1.7px}.hero h1{font-size:36px;letter-spacing:-1.3px;margin:10px 0 12px}.hero p{font-size:13px;line-height:1.7;margin-bottom:17px}.btn{padding:12px 16px;font-size:13px}.hero-art{min-height:175px;padding:12px}.hero-art img{width:min(100%,210px);height:170px}.section-head{margin:24px 0 13px;align-items:end}.section-head h2{font-size:20px}.section-head p{font-size:11px;max-width:270px;line-height:1.5}.text-link{font-size:11px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.category{min-height:113px;padding:11px 3px;border-radius:15px;gap:8px}.category .emoji{width:49px;height:49px;border-radius:16px;font-size:12px}.category b{font-size:10px;line-height:1.25}.banner-strip{grid-template-columns:1fr;gap:9px;margin:22px 0}.promo{min-height:96px;padding:17px 18px;border-radius:15px}.promo strong{font-size:15px}.promo p{font-size:11px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-card{padding:9px;border-radius:15px}.product-img{height:123px;border-radius:11px}.product-card h3{font-size:12px;min-height:34px}.product-bottom{align-items:center}.price{font-size:13px}.add-btn{padding:7px 9px;font-size:11px}.cart-layout{grid-template-columns:1fr}.form-wrap{padding:22px 17px;margin:14px auto}.form-wrap h1{font-size:24px}.footer{padding:26px 18px 100px}.mobilebar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;gap:3px;padding:8px 3px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.98);backdrop-filter:blur(12px);border-top:1px solid #f0e5ea;box-shadow:0 -6px 24px rgba(44,14,28,.05);z-index:100}.mobilebar a{display:flex;min-width:0;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#766c74;font-size:10px;font-weight:800}.mobilebar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobilebar a:active,.mobilebar a:hover{color:var(--pink)}.mobilebar small{font-size:9px;font-weight:800}.table-wrap{border-radius:12px}}
@media(max-width:360px){.brand-wordmark strong{font-size:12px}.navlinks{gap:5px}.cartlink{padding:9px}.account-link,.signup-link{padding:9px!important;font-size:10px}.hero h1{font-size:32px}.category-grid{gap:6px}.category b{font-size:9px}}

/* Reliable local category icons and product image fallbacks */
.category .emoji{display:grid;place-items:center;overflow:hidden;}
.category .emoji svg{display:block;width:34px;height:34px;max-width:100%;max-height:100%;}
@media(max-width:760px){.category .emoji svg{width:29px;height:29px;}}
.product-img{display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#fff7fa,#fff0e4);}
.product-img img{display:block;width:100%;height:100%;object-fit:contain;}
.product-img img.product-fallback{width:72%;height:72%;object-fit:contain;opacity:.95;}


/* Modern cart, account navigation, and authentication pages */
.cartlink{min-height:44px;gap:8px;padding:10px 14px!important;font-weight:850;transition:transform .18s,box-shadow .18s;background:linear-gradient(135deg,#fff2f6,#fff7f2)}
.cartlink:hover{transform:translateY(-1px);box-shadow:0 7px 18px #ed145b18}
.cart-icon{display:block;width:21px;height:21px;flex:0 0 21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.account-link,.signup-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border-radius:12px;font-weight:850;transition:transform .18s,box-shadow .18s,border-color .18s}
.account-link{padding:10px 12px!important;background:#fff;border:1px solid #f0e5e9;color:#3a2d36!important}
.account-link svg,.signup-link svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.account-link:hover{border-color:#ffc4d4;background:#fff7fa}
.signup-link{padding:10px 14px!important;background:linear-gradient(120deg,#ed145b,#ff4d73);box-shadow:0 7px 16px #ed145b26}
.signup-link:hover{transform:translateY(-1px);box-shadow:0 10px 20px #ed145b35}
.auth-shell{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);max-width:1080px;min-height:620px;margin:14px auto 28px;overflow:hidden;border:1px solid #f2e5eb;border-radius:30px;background:#fff;box-shadow:0 25px 70px rgba(55,19,37,.10)}
.auth-visual{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden;padding:54px clamp(30px,5vw,64px);background:radial-gradient(circle at 15% 12%,rgba(255,255,255,.95),transparent 27%),linear-gradient(145deg,#fff1f5 0%,#fff2e6 56%,#ffe2d6 100%);isolation:isolate}
.auth-visual:after{content:"";position:absolute;z-index:-1;width:420px;height:420px;right:-190px;bottom:-210px;border:1px solid rgba(237,20,91,.14);border-radius:50%;box-shadow:0 0 0 35px rgba(237,20,91,.035),0 0 0 75px rgba(237,20,91,.025)}
.auth-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(1px);pointer-events:none}.auth-glow-one{width:160px;height:160px;right:15px;top:20px;background:radial-gradient(circle,rgba(255,177,89,.25),transparent 70%)}.auth-glow-two{width:180px;height:180px;left:-90px;bottom:25px;background:radial-gradient(circle,rgba(237,20,91,.14),transparent 70%)}
.auth-kicker{display:inline-flex;align-items:center;gap:9px;color:#bd1749;font-size:10px;font-weight:900;letter-spacing:2px}
.auth-kicker-dot{width:7px;height:7px;border-radius:50%;background:#ed145b;box-shadow:0 0 0 5px rgba(237,20,91,.1)}
.auth-visual h1{font-size:clamp(38px,4vw,55px);line-height:1.04;letter-spacing:-2px;font-weight:950;margin:22px 0 16px;color:#281e27}
.auth-visual h1 em{font-style:normal;color:#ed145b}
.auth-visual>p{max-width:390px;margin:0;color:#786b75;font-size:14px;line-height:1.85}
.auth-logo-card{display:grid;place-items:center;width:210px;height:190px;margin:30px 0 22px;border:1px solid rgba(255,255,255,.9);border-radius:26px;background:rgba(255,255,255,.67);box-shadow:0 16px 36px rgba(117,33,64,.08),inset 0 1px 0 #fff;backdrop-filter:blur(8px)}
.auth-logo-card img{display:block;width:88%;height:88%;object-fit:contain;mix-blend-mode:multiply}
.auth-benefits{display:flex;flex-wrap:wrap;gap:10px 18px;color:#665b64;font-size:11px;font-weight:800}
.auth-benefits span{display:inline-flex;align-items:center;gap:6px}.auth-benefits b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#e6f6e9;color:#208347;font-size:11px}
.auth-form-panel{display:flex;flex-direction:column;justify-content:center;padding:45px clamp(28px,4vw,54px);background:#fff}
.auth-mobile-logo{display:none}.auth-step{color:#ed145b;font-size:10px;font-weight:900;letter-spacing:2px}
.auth-form-panel h2{margin:10px 0 8px;color:#271f27;font-size:30px;line-height:1.15;letter-spacing:-1.1px;font-weight:950}
.auth-subtitle{margin:0 0 22px;color:#827782;font-size:13px;line-height:1.6}
.auth-field{margin:16px 0}.auth-field label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;color:#352b34;font-size:12px;font-weight:850}
.optional-label{color:#a69aa3;font-size:9px;font-weight:900;letter-spacing:.7px}
.auth-input-wrap{position:relative;display:flex;align-items:center}
.auth-input-wrap>svg{position:absolute;left:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:#a89aa4;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;z-index:1}
.auth-input.input{height:49px;padding:0 14px 0 43px;border:1px solid #eee4e9;border-radius:13px;background:#fffdfd;font-size:13px;transition:border-color .2s,box-shadow .2s,background .2s}
.auth-input.input::placeholder{color:#b0a5ad}.auth-input.input:focus{border-color:#f2769a;background:#fff;box-shadow:0 0 0 4px rgba(237,20,91,.08);outline:none}
.auth-submit{width:100%;min-height:49px;margin-top:8px;border-radius:13px;font-size:14px;font-weight:900;letter-spacing:.1px}
.auth-switch{margin:22px 0 0;text-align:center;color:#8b8089;font-size:12px;line-height:1.7}
.auth-switch a{color:#ed145b;font-weight:900;white-space:nowrap}.auth-switch a span{font-size:14px}
.auth-safe{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:22px;color:#9b9099;font-size:10px;font-weight:700}
.auth-safe svg{width:15px;height:15px;fill:none;stroke:#38a267;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.auth-message{margin:0 0 16px!important;border:1px solid #ffd7e1;background:#fff3f6;color:#b20d3f;border-radius:12px}
.auth-register{grid-template-columns:minmax(0,1fr) minmax(440px,.95fr)}.auth-register .auth-visual{background:radial-gradient(circle at 15% 12%,rgba(255,255,255,.95),transparent 27%),linear-gradient(145deg,#fff2f4 0%,#fff3e8 60%,#f9ffe9 100%)}.auth-register .auth-logo-card{margin-top:24px;margin-bottom:18px}.auth-register .auth-form-panel{padding-top:35px;padding-bottom:35px}.auth-register .auth-subtitle{margin-bottom:12px}.auth-register .auth-field{margin:12px 0}.auth-register .auth-input.input{height:46px}.auth-register .auth-switch{margin-top:16px}.auth-register .auth-safe{margin-top:15px}
@media(max-width:900px){.header-main{gap:12px}.brand{flex-basis:175px}.delivery{flex-basis:145px}.navlinks{gap:9px}.account-link,.signup-link{padding:10px!important}.auth-shell{grid-template-columns:minmax(0,.85fr) minmax(390px,1fr);min-height:590px}.auth-visual{padding:36px 30px}.auth-logo-card{width:175px;height:160px}.auth-form-panel{padding:34px 30px}}
@media(max-width:760px){.cartlink{display:inline-flex!important;min-width:38px;min-height:37px;align-items:center;justify-content:center;gap:5px;padding:8px 10px!important}.cart-icon{width:18px;height:18px;flex:0 0 18px}.cartlink span{font-size:10px}.account-link{display:inline-flex!important;gap:4px;padding:8px 7px!important;min-height:37px;font-size:10px;border-radius:10px}.account-link svg{width:14px;height:14px}.signup-link{display:inline-flex!important;gap:4px;padding:8px 8px!important;min-height:37px;font-size:10px;border-radius:10px}.signup-link svg{width:14px;height:14px}.navlinks{gap:5px}.auth-shell,.auth-register{display:block;min-height:0;margin:2px 0 18px;border-radius:22px;overflow:hidden;box-shadow:0 14px 38px rgba(55,19,37,.08)}.auth-visual{display:none}.auth-form-panel,.auth-register .auth-form-panel{padding:25px 20px 27px}.auth-mobile-logo{display:flex;align-items:center;justify-content:center;width:78px;height:72px;margin:0 auto 16px;padding:4px;border:1px solid #ffdee8;border-radius:19px;background:linear-gradient(145deg,#fff,#fff1f5);box-shadow:0 7px 18px rgba(237,20,91,.08)}.auth-mobile-logo img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.auth-step{text-align:center;display:block;font-size:9px;letter-spacing:1.8px}.auth-form-panel h2{text-align:center;font-size:25px;margin-top:8px}.auth-subtitle{text-align:center;font-size:12px;margin-bottom:20px}.auth-field{margin:15px 0}.auth-input.input{height:47px}.auth-switch{margin-top:19px}.auth-safe{margin-top:18px}.auth-register .auth-form-panel{padding-top:20px}.auth-register .auth-mobile-logo{width:68px;height:63px;margin-bottom:12px}.auth-register .auth-form-panel h2{font-size:23px}.auth-register .auth-subtitle{margin-bottom:14px}.auth-register .auth-field{margin:12px 0}.auth-register .auth-input.input{height:44px}.auth-register .auth-submit{margin-top:10px}.auth-register .auth-safe{margin-top:14px}}
@media(max-width:380px){.brand img{width:38px;height:38px}.brand-wordmark strong{font-size:12px}.brand-wordmark small{font-size:6px;letter-spacing:1.5px}.navlinks{gap:4px}.cartlink{padding:7px!important}.cartlink span{font-size:9px}.account-link,.signup-link{font-size:9px;padding:7px 6px!important}.auth-form-panel,.auth-register .auth-form-panel{padding-left:16px;padding-right:16px}}
.account-link:before,.signup-link:before{content:"";display:inline-block;width:17px;height:17px;flex:0 0 17px;background-repeat:no-repeat;background-position:center;background-size:contain}
.account-link:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233a2d36' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M4.5 20a7.5 7.5 0 0 1 15 0'/%3E%3C/svg%3E")}
.signup-link:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
@media(max-width:760px){.account-link:before,.signup-link:before{width:13px;height:13px;flex-basis:13px}}

/* LADO LALLA MART: forgot/reset password links and pages */
.auth-forgot-row{display:flex;justify-content:flex-end;margin:-3px 0 10px;font-size:12px;line-height:1.5}
.auth-forgot-row a,.auth-back-link{color:#ed145b;font-weight:800;text-decoration:none}
.auth-forgot-row a:hover,.auth-back-link:hover{text-decoration:underline}
.auth-reset-note{padding:12px 14px;margin:0 0 16px;border:1px solid #ffe0e8;border-radius:12px;background:#fff6f8;color:#75616b;font-size:12px;line-height:1.65}
.auth-reset-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;font-size:12px}
.auth-reset-actions a{color:#ed145b;font-weight:800;text-decoration:none}
.auth-reset-actions a:hover{text-decoration:underline}

/* ===== LADO LALLA MART AUTHENTICATION PAGES ===== */
.login-page,
.register-page,
.forgot-page,
.reset-page {
    width: 100%;
    max-width: 480px;
    margin: 38px auto 70px;
    padding: 0 18px;
    box-sizing: border-box;
}

.login-card,
.register-card,
.forgot-card,
.reset-card {
    width: 100%;
    box-sizing: border-box;
    padding: 30px;
    background: #ffffff;
    border: 1px solid #f5e7ec;
    border-radius: 22px;
    box-shadow: 0 14px 40px rgba(47, 20, 35, 0.07);
}

.login-eyebrow {
    margin: 0 0 9px;
    color: #ed145b;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.login-card h1,
.register-card h1,
.forgot-card h1,
.reset-card h1 {
    margin: 0 0 10px;
    color: #241b24;
    font-size: 30px;
    line-height: 1.2;
    font-weight: 800;
}

.login-description,
.register-description,
.forgot-description,
.reset-description {
    margin: 0 0 24px;
    color: #817681;
    font-size: 14px;
    line-height: 1.7;
}

.login-card .form-group,
.register-card .form-group,
.forgot-card .form-group,
.reset-card .form-group {
    margin-bottom: 18px;
}

    .login-card .form-group label,
    .register-card .form-group label,
    .forgot-card .form-group label,
    .reset-card .form-group label {
        display: block;
        margin-bottom: 8px;
        color: #332832;
        font-size: 13px;
        font-weight: 700;
    }

.login-card input[type="text"],
.login-card input[type="email"],
.login-card input[type="password"],
.register-card input[type="text"],
.register-card input[type="email"],
.register-card input[type="password"],
.forgot-card input[type="text"],
.forgot-card input[type="email"],
.reset-card input[type="text"],
.reset-card input[type="password"] {
    display: block;
    width: 100%;
    height: 48px;
    box-sizing: border-box;
    padding: 0 14px;
    border: 1px solid #eee1e7;
    border-radius: 11px;
    outline: none;
    background: #fff;
    color: #241b24;
    font-family: Arial, sans-serif;
    font-size: 14px;
    transition: border-color .2s, box-shadow .2s;
}

.login-card input:focus,
.register-card input:focus,
.forgot-card input:focus,
.reset-card input:focus {
    border-color: #ed145b;
    box-shadow: 0 0 0 3px rgba(237, 20, 91, .09);
}

.login-links {
    display: flex;
    justify-content: flex-end;
    margin: -4px 0 18px;
}

    .login-links a,
    .register-link a,
    .auth-back-link {
        color: #ed145b;
        font-size: 13px;
        font-weight: 700;
        text-decoration: none;
    }

        .login-links a:hover,
        .register-link a:hover,
        .auth-back-link:hover {
            text-decoration: underline;
        }

.login-submit-btn,
.auth-submit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 48px;
    box-sizing: border-box;
    padding: 12px 18px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(100deg, #ed145b, #ff3864);
    color: #fff !important;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 800;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    box-shadow: 0 7px 16px rgba(237, 20, 91, .16);
    transition: transform .2s, box-shadow .2s;
}

    .login-submit-btn:hover,
    .auth-submit-btn:hover {
        color: #fff !important;
        transform: translateY(-1px);
        box-shadow: 0 10px 22px rgba(237, 20, 91, .22);
    }

    .login-submit-btn svg {
        flex-shrink: 0;
    }

.register-link {
    margin: 22px 0 0;
    color: #817681;
    font-size: 13px;
    line-height: 1.8;
    text-align: center;
}

.login-card #lblMsg,
.register-card #lblMsg,
.forgot-card #lblMsg,
.reset-card #lblMsg {
    display: block;
    margin: 0 0 16px;
    padding: 11px 13px;
    border-radius: 10px;
    background: #fff0f4;
    color: #bd1047;
    font-size: 13px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

@media (max-width: 600px) {
    .login-page,
    .register-page,
    .forgot-page,
    .reset-page {
        max-width: 100%;
        margin: 20px auto 35px;
        padding: 0 12px;
    }

    .login-card,
    .register-card,
    .forgot-card,
    .reset-card {
        padding: 23px 18px;
        border-radius: 18px;
    }

        .login-card h1,
        .register-card h1,
        .forgot-card h1,
        .reset-card h1 {
            font-size: 27px;
        }
}

/* ======================================
   LADO LALLA MART - PREMIUM AUTH DESIGN
   ====================================== */

.ll-auth {
    width: 100%;
    max-width: 1100px;
    margin: 44px auto 75px;
    padding: 0 20px;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

    .ll-auth *,
    .ll-auth *::before,
    .ll-auth *::after {
        box-sizing: border-box;
    }

.ll-auth-card {
    display: grid;
    grid-template-columns: 0.92fr 1.08fr;
    min-height: 590px;
    overflow: hidden;
    border: 1px solid #f4e5eb;
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(62, 22, 42, .09);
}

/* Left branded panel */
.ll-auth-visual {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    padding: 48px 42px;
    background: linear-gradient(145deg, #fff0f4 0%, #ffe6ed 52%, #fff0dc 100%);
}

.ll-auth-badge {
    position: relative;
    z-index: 1;
    align-self: flex-start;
    padding: 9px 13px;
    border: 1px solid rgba(237, 20, 91, .15);
    border-radius: 30px;
    background: rgba(255,255,255,.7);
    color: #ed145b;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.6px;
}

.ll-auth-logo {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 150px;
    margin: 32px 0 26px;
    border: 1px solid rgba(237,20,91,.08);
    border-radius: 32px;
    background: rgba(255,255,255,.78);
    box-shadow: 0 15px 35px rgba(183, 39, 87, .08);
}

    .ll-auth-logo img {
        display: block;
        width: 90%;
        height: 90%;
        object-fit: contain;
    }

.ll-auth-visual h2 {
    position: relative;
    z-index: 1;
    margin: 0 0 14px;
    color: #271a24;
    font-size: clamp(29px, 3vw, 40px);
    font-weight: 900;
    line-height: 1.12;
    letter-spacing: -1.3px;
}

    .ll-auth-visual h2 span {
        color: #ed145b;
    }

.ll-auth-visual > p {
    position: relative;
    z-index: 1;
    max-width: 340px;
    margin: 0;
    color: #786a76;
    font-size: 14px;
    line-height: 1.8;
}

.ll-benefits {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 13px;
    margin-top: 30px;
}

    .ll-benefits > div {
        display: flex;
        align-items: center;
        gap: 11px;
        color: #443440;
        font-size: 12px;
        font-weight: 700;
    }

.ll-benefit-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: 1px solid rgba(237,20,91,.12);
    border-radius: 9px;
    background: #fff;
}

    .ll-benefit-icon svg {
        width: 16px;
        height: 16px;
        fill: none;
        stroke: #ed145b;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.ll-decoration {
    position: absolute;
    width: 210px;
    height: 210px;
    border: 30px solid rgba(255,255,255,.32);
    border-radius: 50%;
    pointer-events: none;
}

.ll-decoration-one {
    top: -100px;
    right: -105px;
}

.ll-decoration-two {
    right: -125px;
    bottom: -130px;
    width: 280px;
    height: 280px;
    border-color: rgba(255,255,255,.24);
}

/* Right login form */
.ll-auth-form {
    align-self: center;
    width: 100%;
    max-width: 470px;
    margin: 0 auto;
    padding: 48px 48px 40px;
}

.ll-mobile-logo {
    display: none;
}

.ll-eyebrow {
    color: #ed145b;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
}

.ll-form-heading h1 {
    margin: 12px 0 9px;
    color: #241b24;
    font-size: 38px;
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -1.5px;
}

    .ll-form-heading h1 span {
        color: #ed145b;
    }

.ll-form-heading > p {
    margin: 0 0 30px;
    color: #837783;
    font-size: 13px;
    line-height: 1.7;
}

.ll-field {
    margin-bottom: 21px;
}

    .ll-field > label,
    .ll-label-row > label {
        display: block;
        margin-bottom: 9px;
        color: #352a34;
        font-size: 12px;
        font-weight: 800;
    }

.ll-label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

    .ll-label-row a {
        margin-bottom: 9px;
        color: #ed145b;
        font-size: 11px;
        font-weight: 700;
        text-decoration: none;
    }

        .ll-label-row a:hover {
            text-decoration: underline;
        }

.ll-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 51px;
    border: 1px solid #eee3e9;
    border-radius: 13px;
    background: #fff;
    transition: border-color .2s, box-shadow .2s;
}

    .ll-input-wrap:focus-within {
        border-color: #ed145b;
        box-shadow: 0 0 0 4px rgba(237,20,91,.075);
    }

    .ll-input-wrap > svg {
        flex: 0 0 19px;
        width: 19px;
        height: 19px;
        margin-left: 15px;
        fill: none;
        stroke: #b4a3b0;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .ll-input-wrap .ll-input {
        display: block;
        flex: 1 1 auto;
        width: 100%;
        min-width: 0;
        height: 49px;
        margin: 0;
        padding: 0 13px;
        border: 0 !important;
        outline: none !important;
        border-radius: 13px;
        background: transparent !important;
        box-shadow: none !important;
        color: #271d27;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
    }

        .ll-input-wrap .ll-input::placeholder {
            color: #b3a7b1;
            opacity: 1;
        }

    .ll-input-wrap .ll-password {
        padding-right: 5px;
    }

.ll-eye {
    display: flex;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    height: 44px;
    margin-right: 3px;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: #988694;
    cursor: pointer;
}

    .ll-eye:hover {
        background: #fff0f4;
        color: #ed145b;
    }

    .ll-eye svg {
        width: 19px;
        height: 19px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.ll-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    min-height: 51px;
    margin-top: 7px;
    padding: 13px 20px;
    border: 0;
    border-radius: 13px;
    background: linear-gradient(105deg, #ed145b, #ff3864);
    box-shadow: 0 9px 22px rgba(237,20,91,.19);
    color: #fff !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none !important;
    cursor: pointer;
    transition: transform .2s, box-shadow .2s;
}

    .ll-submit:hover {
        color: #fff !important;
        transform: translateY(-2px);
        box-shadow: 0 13px 26px rgba(237,20,91,.25);
    }

    .ll-submit svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.ll-divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 27px 0 21px;
    color: #b4a5b1;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.1px;
    text-align: center;
}

    .ll-divider::before,
    .ll-divider::after {
        flex: 1;
        height: 1px;
        background: #f1e7ec;
        content: "";
    }

.ll-register {
    margin: 0;
    color: #837783;
    font-size: 12px;
    line-height: 1.8;
    text-align: center;
}

    .ll-register a {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        margin-left: 3px;
        color: #ed145b;
        font-weight: 800;
        text-decoration: none;
    }

        .ll-register a:hover {
            text-decoration: underline;
        }

    .ll-register svg {
        width: 14px;
        height: 14px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.ll-secure-note {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 25px;
    color: #9b8d98;
    font-size: 10px;
}

    .ll-secure-note svg {
        width: 15px;
        height: 15px;
        fill: none;
        stroke: #ed145b;
        stroke-width: 1.6;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.ll-message {
    display: block;
    margin: 0 0 18px;
    padding: 12px 14px;
    border: 1px solid #ffd4e0;
    border-radius: 11px;
    background: #fff1f5;
    color: #b80d46;
    font-size: 12px;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

/* Tablet */
@media (max-width: 850px) {
    .ll-auth {
        max-width: 570px;
        margin-top: 28px;
    }

    .ll-auth-card {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .ll-auth-visual {
        display: none;
    }

    .ll-auth-form {
        max-width: 100%;
        padding: 36px 34px;
    }

    .ll-mobile-logo {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 32px;
    }

        .ll-mobile-logo img {
            display: block;
            width: 58px;
            height: 58px;
            object-fit: contain;
            border: 1px solid #f6e5ec;
            border-radius: 15px;
            background: #fff;
        }

        .ll-mobile-logo > span {
            color: #ed145b;
            font-size: 17px;
            font-weight: 900;
            letter-spacing: -.4px;
        }

        .ll-mobile-logo small {
            display: block;
            margin-top: 4px;
            color: #4a3946;
            font-size: 9px;
            letter-spacing: 3px;
        }
}

/* Mobile */
@media (max-width: 480px) {
    .ll-auth {
        margin: 17px auto 35px;
        padding: 0 12px;
    }

    .ll-auth-card {
        border-radius: 21px;
        box-shadow: 0 12px 35px rgba(62,22,42,.07);
    }

    .ll-auth-form {
        padding: 25px 19px 26px;
    }

    .ll-mobile-logo {
        margin-bottom: 28px;
    }

    .ll-form-heading h1 {
        font-size: 34px;
    }

    .ll-form-heading > p {
        margin-bottom: 25px;
    }

    .ll-field {
        margin-bottom: 18px;
    }

    .ll-submit {
        min-height: 49px;
    }

    .ll-divider {
        margin: 24px 0 18px;
    }

    .ll-secure-note {
        margin-top: 22px;
        font-size: 9px;
    }
}

.password-checklist {
    margin: 10px 0 18px;
    padding: 12px 14px;
    background: #fff5f6;
    border: 1px solid #ffe0e4;
    border-radius: 12px;
}

.pw-rule {
    font-size: 13px;
    color: #777;
    margin: 6px 0;
    transition: color .2s ease;
}

    .pw-rule.valid {
        color: #0a9872;
        font-weight: 600;
    }

        .pw-rule.valid::first-letter {
            color: #0a9872;
        }

/* ===== LADO LALLA MOBILE BOTTOM NAVIGATION ===== */
.ll-bottom-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    height: 64px;
    padding: 4px 8px calc(4px + env(safe-area-inset-bottom));
    display: flex;
    align-items: stretch;
    justify-content: space-around;
    background: #fff;
    border-top: 1px solid #f0e8ed;
    box-shadow: 0 -4px 18px rgba(35, 20, 40, .08);
}

.ll-bottom-nav a {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    position: relative;
    color: #777684;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none !important;
    -webkit-tap-highlight-color: transparent;
}

    .ll-bottom-nav a .nav-icon {
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .ll-bottom-nav a svg {
        width: 22px;
        height: 22px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .ll-bottom-nav a.active {
        color: #ff1760;
        font-weight: 600;
    }

        .ll-bottom-nav a.active::after {
            content: "";
            position: absolute;
            bottom: -4px;
            left: 22%;
            right: 22%;
            height: 3px;
            border-radius: 4px;
            background: #ff1760;
        }

.ll-bottom-nav .cart-count {
    position: absolute;
    top: -5px;
    right: -9px;
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    box-sizing: border-box;
    border-radius: 50px;
    background: #ff1760;
    color: #fff;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 768px) {
    body {
        padding-bottom: calc(76px + env(safe-area-inset-bottom));
    }

    .ll-bottom-nav {
        display: flex;
    }

    .footer {
        margin-bottom: 0;
    }
}

@media (min-width: 769px) {
    .ll-bottom-nav {
        display: none;
    }
}

/* Cart product thumbnail */
.cart-product {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 180px;
}

.cart-product-image {
    width: 64px;
    height: 64px;
    object-fit: contain;
    border-radius: 10px;
    background: #f7f7f7;
    border: 1px solid #eeeeee;
    padding: 4px;
    flex-shrink: 0;
}

.cart-product-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .cart-product-info strong {
        font-size: 14px;
        color: #222;
    }

    .cart-product-info small {
        font-size: 11px;
        color: #888;
    }

/* Quantity buttons */
.quantity-control {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 4px;
    border: 1px solid #e5e5e5;
    border-radius: 9px;
    background: #fff;
}

.qty-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 6px;
    background: #fff1f2;
    color: #c62828;
    text-decoration: none;
    font-size: 21px;
    font-weight: 700;
}

    .qty-btn:hover {
        background: #c62828;
        color: #fff;
    }

.qty-number {
    min-width: 20px;
    text-align: center;
    font-weight: 700;
}

.remove-link {
    color: #c62828;
    text-decoration: none;
}

@media (max-width: 600px) {
    .cart-product {
        min-width: 145px;
        gap: 8px;
    }

    .cart-product-image {
        width: 48px;
        height: 48px;
    }

    .cart-product-info strong {
        font-size: 12px;
    }

    .quantity-control {
        gap: 5px;
    }

    .qty-btn {
        width: 27px;
        height: 27px;
    }
}

/* LADO LALLA MART - payment method cards */
.payment-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
    margin-top: 8px;
}

    .payment-options > span,
    .payment-options > label {
        min-width: 0;
    }

    .payment-options input[type="radio"] {
        position: absolute;
        opacity: 0;
        width: 1px;
        height: 1px;
    }

    .payment-options label {
        position: relative;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        min-height: 91px;
        padding: 17px 12px 14px 48px;
        border: 1.5px solid #e5e5e5;
        border-radius: 14px;
        background: #fff;
        color: #252525;
        font-size: 13px;
        font-weight: 750;
        line-height: 1.4;
        cursor: pointer;
        transition: border-color .2s, background .2s, box-shadow .2s;
    }

        .payment-options label::before {
            content: "";
            position: absolute;
            left: 15px;
            top: 50%;
            transform: translateY(-50%);
            width: 19px;
            height: 19px;
            border: 1.5px solid #c9c9c9;
            border-radius: 50%;
            background: #fff;
            box-sizing: border-box;
        }

        .payment-options label::after {
            content: "";
            position: absolute;
            left: 20px;
            top: 50%;
            transform: translateY(-50%);
            width: 9px;
            height: 9px;
            border-radius: 50%;
            background: transparent;
        }

    .payment-options input[type="radio"]:checked + label {
        border-color: #bd2b43;
        background: #fff4f5;
        box-shadow: 0 0 0 2px rgba(189,43,67,.06);
        color: #a51e34;
    }

        .payment-options input[type="radio"]:checked + label::before {
            border-color: #bd2b43;
        }

        .payment-options input[type="radio"]:checked + label::after {
            background: #bd2b43;
        }

    .payment-options input[type="radio"]:focus + label {
        outline: 2px solid rgba(189,43,67,.35);
        outline-offset: 3px;
    }

    .payment-options label:hover {
        border-color: #bd2b43;
        background: #fffafa;
    }

    /* Icon-like payment markers using CSS */
    .payment-options label {
        background-repeat: no-repeat;
    }

    .payment-options > span:nth-child(1) label {
        background-image: none;
    }

.payment-status {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 17px;
    padding: 15px;
    border-radius: 12px;
    border: 1px solid #cfe9d8;
    background: #f0fbf4;
    color: #205b35;
}

.payment-status-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border-radius: 50%;
    background: #d8f2e0;
    font-weight: 800;
}

.payment-status strong {
    display: block;
    font-size: 13px;
}

.payment-status p {
    margin: 4px 0 0;
    font-size: 12px;
    line-height: 1.5;
}

.payment-note {
    margin-top: 13px;
    padding: 13px 15px;
    border: 1px solid #f0dfb9;
    border-radius: 12px;
    background: #fff9eb;
    color: #76551d;
    font-size: 12px;
    line-height: 1.6;
}

    .payment-note p {
        margin: 5px 0 0;
    }

@media (max-width: 480px) {
    .payment-options {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px;
    }

        .payment-options label {
            min-height: 84px;
            padding: 13px 8px 13px 36px;
            font-size: 12px;
            border-radius: 11px;
        }

            .payment-options label::before {
                left: 10px;
                width: 17px;
                height: 17px;
            }

            .payment-options label::after {
                left: 14px;
                width: 9px;
                height: 9px;
            }
}


/* LADO LALLA MART - saved address checkbox alignment */
.save-address-options {
    display: block !important;
    padding: 16px !important;
    margin-top: 18px;
    border: 1px solid #e8e8e8;
    border-radius: 13px;
    background: #fafafa;
}

    .save-address-options span {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        margin: 0 0 14px !important;
    }

        .save-address-options span:last-child {
            margin-bottom: 0 !important;
        }

    .save-address-options input[type="checkbox"] {
        position: static !important;
        float: none !important;
        display: inline-block !important;
        flex: 0 0 18px !important;
        width: 18px !important;
        height: 18px !important;
        margin: 0 !important;
        opacity: 1 !important;
        accent-color: #bd2b43;
    }

    .save-address-options label {
        display: inline !important;
        position: static !important;
        flex: 0 1 auto !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.5 !important;
        font-size: 13px !important;
        color: #333 !important;
        cursor: pointer;
    }

    .save-address-options br {
        display: none !important;
    }