:root{--tml-bg:#031813;--tml-bg2:#061e18;--tml-panel:#08251d;--tml-panel2:#0a2d23;--tml-gold:#d79a3b;--tml-gold2:#f0bd65;--tml-text:#f8f2e8;--tml-muted:#b8c2bd;--tml-line:rgba(215,154,59,.3);--tml-soft:rgba(255,255,255,.045);--tml-shadow:0 22px 60px rgba(0,0,0,.24)}
body:has(.tml-page) .app-main-shell{padding:0!important;margin:0!important;max-width:none!important;background:var(--tml-bg)!important}
.tml-page,.tml-page *{box-sizing:border-box}.tml-page{min-height:100vh;background:linear-gradient(180deg,#02140f 0,#052019 45%,#031712 100%);color:var(--tml-text);font-family:'Cairo','Tajawal',sans-serif;padding-bottom:118px}.tml-page a{text-decoration:none}.tml-page button{font-family:inherit}.tml-wrap{width:min(1180px,calc(100% - 36px));margin-inline:auto}
.tml-header{border-bottom:1px solid var(--tml-line);background:rgba(2,19,14,.97)}.tml-header-main{height:100px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.tml-header-actions{display:flex;gap:24px}.tml-icon-btn,.tml-cart{width:48px;height:48px;display:grid;place-items:center;color:var(--tml-gold2);background:transparent;border:0;font-size:1.55rem}.tml-brand{display:flex;align-items:center;gap:14px;color:var(--tml-gold2);text-align:center}.tml-brand-mark{width:58px;height:58px;display:grid;place-items:center;border:1px solid var(--tml-gold);transform:rotate(45deg);font-size:2rem}.tml-brand-mark::first-letter{transform:rotate(-45deg)}.tml-brand b,.tml-brand small{display:block}.tml-brand b{font-family:'El Messiri','Cairo';font-size:2rem}.tml-brand small{color:var(--tml-text);font-size:.8rem}.tml-cart{position:relative;justify-self:end}.tml-cart .cart-badge{position:absolute;top:0;right:0;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--tml-gold);color:#13251e;font-size:.72rem;font-weight:900}.tml-perks{min-height:100px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;border-top:1px solid rgba(215,154,59,.12)}.tml-perks article{display:flex;align-items:center;justify-content:center;gap:14px;border-inline-start:1px solid rgba(215,154,59,.2)}.tml-perks article:first-child{border-inline-start:0}.tml-perks i{color:var(--tml-gold);font-size:1.65rem}.tml-perks b,.tml-perks small{display:block}.tml-perks b{color:var(--tml-gold2);font-size:1rem}.tml-perks small{margin-top:3px;color:var(--tml-text);font-size:.72rem}
.tml-breadcrumb{height:54px;display:flex;align-items:center;gap:12px;color:var(--tml-muted);font-size:.85rem}.tml-breadcrumb a{color:var(--tml-muted)}.tml-breadcrumb i{font-size:.55rem;color:var(--tml-gold)}
.tml-hero{display:grid;grid-template-columns:1.05fr .95fr;max-width:1360px;margin:auto;border-top:1px solid rgba(215,154,59,.12);background:radial-gradient(circle at 20% 20%,rgba(215,154,59,.06),transparent 30%),#031a14}.tml-hero-media{min-height:730px;position:relative;overflow:hidden}.tml-photo-stage{position:absolute;inset:0}.tml-photo-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 52%,#031a14 100%),linear-gradient(0deg,rgba(3,26,20,.34),transparent 45%);pointer-events:none}.tml-photo-stage>img{width:100%;height:100%;object-fit:cover}.tml-made-badge{position:absolute;z-index:2;right:28px;bottom:210px;width:106px;height:106px;border-radius:50%;display:grid;place-content:center;text-align:center;border:2px solid var(--tml-gold);background:rgba(3,27,21,.87);color:var(--tml-text);line-height:1.3}.tml-made-badge b{color:var(--tml-gold2);font-size:1.2rem}.tml-counter{position:absolute;z-index:2;left:24px;bottom:22px;padding:8px 15px;border-radius:22px;background:rgba(0,0,0,.5);color:white}.tml-hero-copy{padding:54px 48px;align-self:center}.tml-best{display:inline-flex;gap:7px;align-items:center;padding:7px 13px;border-radius:18px;background:rgba(215,154,59,.11);color:var(--tml-gold2);font-weight:800;font-size:.82rem}.tml-hero-copy h1{margin:18px 0 13px;color:var(--tml-text);font:800 clamp(2.3rem,4vw,4.1rem)/1.2 'El Messiri','Cairo'}.tml-hero-copy>p{margin:0;max-width:520px;color:#d4ddd8;font-size:1.05rem;line-height:2}.tml-rating{display:flex;align-items:center;gap:10px;margin-top:20px;color:var(--tml-gold2)}.tml-rating>span:first-child{font-size:1.2rem;font-weight:900}.tml-stars{display:flex;gap:3px;color:var(--tml-gold)}.tml-rating small{color:var(--tml-gold2)}.tml-price-line{display:flex;align-items:flex-end;gap:25px;margin-top:24px}.tml-price-line>strong{color:var(--tml-gold2);font:800 3.3rem/1 'El Messiri','Cairo'}.tml-price-line>strong small{display:block;margin-top:8px;font:700 1rem 'Cairo';text-align:center}.tml-price-line>div{display:grid;gap:8px}.tml-price-line del{color:#88948e}.tml-price-line>div span{padding:6px 12px;border-radius:12px;background:rgba(39,127,80,.25);color:#bce0c9;font-weight:800}.tml-mini-benefits{display:flex;gap:12px;margin-top:22px}.tml-mini-benefits span{display:flex;align-items:center;gap:8px;padding:11px 15px;border:1px solid var(--tml-line);border-radius:13px;color:var(--tml-text);font-size:.86rem}.tml-mini-benefits i{color:var(--tml-gold)}.tml-actions{display:grid;grid-template-columns:1fr 1fr 58px;gap:12px;margin-top:22px}.tml-actions button,.tml-wish{height:62px;border-radius:14px;font-weight:900;font-size:1rem}.tml-buy-now{border:0;background:linear-gradient(135deg,#ebb755,#bd7723);color:#fff}.tml-add-cart{border:1px solid var(--tml-gold);background:transparent;color:var(--tml-gold2)}.tml-wish{display:grid;place-items:center;border:1px solid var(--tml-gold);color:var(--tml-gold2);font-size:1.3rem}.tml-wish.active{background:rgba(215,154,59,.15)}.tml-sales{margin-top:19px!important;color:var(--tml-muted)!important;font-size:.88rem!important}.tml-sales i,.tml-sales b{color:var(--tml-gold2)}.tml-promise-grid{grid-column:1/-1;margin:0 42px 22px;padding:22px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--tml-line);border-radius:20px;background:rgba(8,42,32,.94)}.tml-promise-grid article{text-align:center;border-inline-start:1px solid var(--tml-line)}.tml-promise-grid article:first-child{border:0}.tml-promise-grid i,.tml-promise-grid b,.tml-promise-grid span{display:block}.tml-promise-grid i{color:var(--tml-gold);font-size:1.8rem;margin-bottom:9px}.tml-promise-grid b{color:var(--tml-gold2);font-size:.9rem}.tml-promise-grid span{color:var(--tml-text);font-size:.73rem;margin-top:4px}
.tml-section{margin-top:22px;padding:26px;border:1px solid rgba(215,154,59,.18);border-radius:22px;background:rgba(7,37,29,.66)}.tml-section-title{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:22px}.tml-section-title h2{margin:0;color:var(--tml-text);font:800 1.55rem 'El Messiri','Cairo'}.tml-section-title>span{color:var(--tml-gold2);font-size:.8rem}.tml-section-title.centered,.tml-section-title.ornament{justify-content:center;text-align:center}.tml-section-title.ornament h2:before,.tml-section-title.ornament h2:after{content:'—  ◇';color:var(--tml-gold);margin:0 20px;font-size:.8rem}.tml-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.tml-thumb{height:190px;padding:0;overflow:hidden;border:2px solid transparent;border-radius:18px;background:#0b251d}.tml-thumb.active{border-color:var(--tml-gold)}.tml-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.tml-thumb:hover img{transform:scale(1.04)}
.tml-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tml-feature-grid article,.tml-spec-grid article{text-align:center;padding:22px 12px;border-inline-start:1px solid var(--tml-line)}.tml-feature-grid article:first-child,.tml-spec-grid article:first-child{border:0}.tml-feature-grid i,.tml-spec-grid i{display:block;color:var(--tml-gold);font-size:2rem;margin-bottom:13px}.tml-feature-grid b,.tml-feature-grid span,.tml-spec-grid b,.tml-spec-grid span{display:block}.tml-feature-grid b,.tml-spec-grid b{color:var(--tml-gold2)}.tml-feature-grid span,.tml-spec-grid span{margin-top:6px;color:var(--tml-text);font-size:.8rem;line-height:1.6}
.tml-offers{padding:30px 20px}.tml-offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tml-offer{position:relative;min-width:0;padding:23px 16px 16px;text-align:center;border:1px solid var(--tml-line);border-radius:22px;background:rgba(2,24,18,.67);overflow:hidden}.tml-offer.featured,.tml-offer.selected{border:2px solid var(--tml-gold);box-shadow:0 0 35px rgba(215,154,59,.1)}.tml-ribbon{position:absolute;top:20px;left:-38px;width:145px;padding:6px;background:var(--tml-gold);color:#122019;font-size:.7rem;font-weight:900;transform:rotate(-45deg)}.tml-offer h3{margin:0;color:var(--tml-text);font-size:1.5rem}.tml-offer-label{display:inline-block;margin-top:5px;padding:6px 14px;border-radius:8px;background:rgba(215,154,59,.11);color:var(--tml-gold2);font-size:.8rem}.tml-product-stack{height:260px;display:flex;align-items:center;justify-content:center;direction:ltr}.tml-product-stack img{width:42%;height:230px;object-fit:contain;filter:drop-shadow(0 15px 17px rgba(0,0,0,.4));mix-blend-mode:lighten}.tml-product-stack.stack-1 img{width:65%}.tml-product-stack.stack-3 img{width:36%;margin-inline:-2%}.tml-offer-price{padding:14px;border-radius:14px;background:rgba(8,48,36,.8)}.tml-offer-price>div{display:flex;justify-content:center;gap:10px;font-size:.75rem}.tml-offer-price>div span{padding:3px 8px;border-radius:7px;background:#0f5237;color:#d8f3df}.tml-offer-price del{color:#89948f}.tml-offer-price strong{display:block;margin-top:8px;color:var(--tml-gold2);font-size:2rem}.tml-offer-price strong small{font-size:.8rem}.tml-offer-price p{margin:3px 0 0;color:var(--tml-text);font-size:.75rem}.tml-offer>button{width:100%;height:54px;margin-top:12px;border:1px solid var(--tml-gold);border-radius:12px;background:transparent;color:var(--tml-text);font-weight:900;font-size:1rem}.tml-offer.featured>button,.tml-offer.selected>button{background:linear-gradient(135deg,#e2a748,#b97120);color:#fff}.tml-offer>small{display:block;margin-top:9px;color:var(--tml-gold2)}.tml-offer-buy{display:grid;grid-template-columns:130px 1fr;gap:18px;margin-top:26px}.tml-offer-buy>.tml-wish{height:76px}.tml-offer-buy>button{height:76px;display:flex;align-items:center;justify-content:center;gap:18px;border:0;border-radius:16px;background:linear-gradient(135deg,#e3aa4c,#bd7723);color:white;font-size:1.7rem}.tml-offer-buy button span,.tml-offer-buy button small{display:block}.tml-offer-buy button small{font-size:.72rem;font-weight:500}
.tml-trust-strip{margin-top:20px;padding:21px;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid rgba(215,154,59,.18);border-radius:20px;background:rgba(7,37,29,.7)}.tml-trust-strip article{display:flex;align-items:center;justify-content:center;gap:10px;border-inline-start:1px solid var(--tml-line)}.tml-trust-strip article:first-child{border:0}.tml-trust-strip i{color:var(--tml-gold);font-size:1.5rem}.tml-trust-strip b,.tml-trust-strip small{display:block}.tml-trust-strip b{color:var(--tml-gold2);font-size:.83rem}.tml-trust-strip small{color:var(--tml-text);font-size:.65rem}
.tml-spec-grid{display:grid;grid-template-columns:repeat(6,1fr)}.tml-description{margin-top:20px;padding:22px;border-top:1px solid var(--tml-line)}.tml-description h3{color:var(--tml-gold2)}.tml-description p{color:var(--tml-muted);line-height:1.9}.tml-review-summary{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:20px}.tml-review-summary strong{color:var(--tml-gold2);font-size:3rem}.tml-review-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tml-review-list>article{padding:18px;border:1px solid var(--tml-line);border-radius:16px;background:var(--tml-soft)}.tml-review-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px}.tml-avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:var(--tml-gold);color:#15231d}.tml-review-head b,.tml-review-head small{display:block}.tml-review-head small{color:var(--tml-muted);font-size:.65rem}.tml-review-list h3{color:var(--tml-gold2);font-size:.9rem}.tml-review-list p{color:var(--tml-text);font-size:.8rem;line-height:1.8}.tml-review-images img{width:65px;height:65px;object-fit:cover;border-radius:9px}.tml-faq{max-width:1180px}.tml-faq details{margin-top:8px;border:1px solid rgba(215,154,59,.2);border-radius:12px;background:rgba(2,25,19,.62)}.tml-faq summary{padding:16px;display:flex;justify-content:space-between;color:var(--tml-gold2);font-weight:800;cursor:pointer;list-style:none}.tml-faq summary::-webkit-details-marker{display:none}.tml-faq details p{margin:0;padding:0 16px 16px;color:var(--tml-muted);font-size:.85rem}.tml-faq details[open] summary i{transform:rotate(180deg)}
.tml-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tml-related-card{overflow:hidden;border:1px solid var(--tml-line);border-radius:15px;background:rgba(3,24,19,.75)}.tml-related-card>a{display:block;height:220px}.tml-related-card img{width:100%;height:100%;object-fit:cover}.tml-related-card>div{padding:13px}.tml-related-card h3{height:44px;margin:0;color:var(--tml-text);font-size:.88rem}.tml-related-card span{display:block;color:var(--tml-gold2);font-weight:900}.tml-card-add{width:100%;height:34px;margin-top:9px;border:1px solid var(--tml-gold);border-radius:8px;background:transparent;color:var(--tml-gold2);font-size:.72rem}
.tml-sticky-buy{position:fixed;z-index:1000;right:50%;bottom:14px;transform:translateX(50%);width:min(1130px,calc(100% - 30px));height:90px;padding:10px 14px;display:grid;grid-template-columns:75px 75px 1fr 280px;align-items:center;gap:11px;border:1px solid var(--tml-line);border-radius:20px;background:rgba(3,27,21,.95);backdrop-filter:blur(18px);box-shadow:0 20px 50px rgba(0,0,0,.4)}.tml-sticky-cart,.tml-sticky-wish{height:68px;border:1px solid var(--tml-gold);border-radius:14px;background:transparent;color:var(--tml-text);font-size:1.4rem}.tml-sticky-cart{position:relative}.tml-sticky-cart span{position:absolute;top:4px;right:5px;width:20px;height:20px;border-radius:50%;background:var(--tml-gold);color:#142019;font-size:.65rem}.tml-sticky-buy>div{text-align:center}.tml-sticky-buy>div b{display:block;color:var(--tml-text);font-size:1.55rem}.tml-sticky-buy>div span{display:block;color:var(--tml-muted);font-size:.8rem}.tml-sticky-main{height:68px;border:0;border-radius:14px;background:linear-gradient(135deg,#e3aa4c,#b97221);color:white;font-size:1.3rem;font-weight:900}.tml-toast{position:fixed;z-index:1200;left:50%;bottom:120px;transform:translate(-50%,30px);padding:12px 20px;border-radius:12px;background:#176a49;color:white;opacity:0;pointer-events:none;transition:.2s}.tml-toast.show{opacity:1;transform:translate(-50%,0)}.tml-toast.error{background:#a43e3e}
.tml-page.light-mode{--tml-bg:#f5efe3;--tml-bg2:#fffaf0;--tml-panel:#fffaf2;--tml-panel2:#f3eadb;--tml-text:#193b30;--tml-muted:#66756d;--tml-line:rgba(130,91,35,.25);--tml-soft:rgba(24,74,58,.045);background:linear-gradient(#f7f1e7,#fffaf2)}body:has(.tml-page.light-mode),body:has(.tml-page.light-mode) .app-main-shell{background:#f5efe3!important}.tml-page.light-mode .tml-header{background:#fffaf2}.tml-page.light-mode .tml-hero{background:#f7f0e4}.tml-page.light-mode .tml-photo-stage:after{background:linear-gradient(90deg,transparent 55%,#f7f0e4 100%)}.tml-page.light-mode .tml-section,.tml-page.light-mode .tml-trust-strip{background:rgba(255,250,242,.9)}.tml-page.light-mode .tml-offer,.tml-page.light-mode .tml-faq details,.tml-page.light-mode .tml-related-card{background:#fffaf2}.tml-page.light-mode .tml-offer-price{background:#f1e8d8}.tml-page.light-mode .tml-sticky-buy{background:rgba(255,250,242,.95)}.tml-page.light-mode .tml-product-stack img{mix-blend-mode:multiply}
.tml-page.light-mode .tml-hero-copy>p,.tml-page.light-mode .tml-description p,.tml-page.light-mode .tml-review-list p,.tml-page.light-mode .tml-faq details p{color:#5e6d65}.tml-page.light-mode .tml-promise-grid{background:#fffaf2;box-shadow:0 14px 34px rgba(74,52,22,.08)}.tml-page.light-mode .tml-promise-grid span{color:#42584e}.tml-page.light-mode .tml-promise-grid b{color:#93631f}.tml-page.light-mode .tml-thumb{background:#eee4d4}.tml-page.light-mode .tml-offer.featured,.tml-page.light-mode .tml-offer.selected{box-shadow:0 12px 34px rgba(151,103,35,.12)}.tml-page.light-mode .tml-offer-price>div span{background:#dceee3;color:#246044}.tml-page.light-mode .tml-offer-price p,.tml-page.light-mode .tml-offer>button{color:#25473b}.tml-page.light-mode .tml-offer.featured>button,.tml-page.light-mode .tml-offer.selected>button{color:#fff}.tml-page.light-mode .tml-trust-strip small,.tml-page.light-mode .tml-feature-grid span,.tml-page.light-mode .tml-spec-grid span{color:#50645b}.tml-page.light-mode .tml-review-list>article{background:#fffdf8}.tml-page.light-mode .tml-review-head small{color:#65776e}.tml-page.light-mode .tml-made-badge{background:rgba(6,42,32,.92);color:#fff}.tml-page.light-mode .tml-sales{color:#5b6e65!important}.tml-page.light-mode .tml-mini-benefits span{background:rgba(255,255,255,.45)}
@media(max-width:900px){.tml-header-main{height:66px}.tml-brand-mark{width:38px;height:38px}.tml-brand b{font-size:1.2rem}.tml-brand small{font-size:.55rem}.tml-icon-btn,.tml-cart{width:38px;height:38px;font-size:1.1rem}.tml-perks{display:none}.tml-breadcrumb{display:none}.tml-hero{grid-template-columns:1fr}.tml-hero-media{min-height:600px}.tml-photo-stage:after{background:linear-gradient(0deg,#031a14 0,transparent 45%)}.tml-page.light-mode .tml-photo-stage:after{background:linear-gradient(0deg,#f7f0e4 0,transparent 45%)}.tml-hero-copy{padding:28px 20px}.tml-promise-grid{margin:0 18px 18px}.tml-gallery{grid-template-columns:repeat(3,1fr)}.tml-thumb{height:150px}.tml-feature-grid,.tml-spec-grid{grid-template-columns:repeat(2,1fr)}.tml-feature-grid article:nth-child(odd),.tml-spec-grid article:nth-child(odd){border:0}.tml-offer-grid{grid-template-columns:1fr}.tml-offer{max-width:520px;width:100%;margin:auto}.tml-product-stack{height:220px}.tml-product-stack img{height:205px}.tml-trust-strip{grid-template-columns:repeat(2,1fr);gap:18px}.tml-trust-strip article{border:0}.tml-review-list{grid-template-columns:1fr}.tml-sticky-buy{grid-template-columns:55px 55px 1fr 180px;height:76px}.tml-sticky-cart,.tml-sticky-wish,.tml-sticky-main{height:56px}.tml-related-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.tml-page{padding-bottom:90px}.tml-wrap{width:calc(100% - 20px)}.tml-header-actions{gap:2px}.tml-brand{gap:8px}.tml-brand-mark{width:30px;height:30px;font-size:1rem}.tml-hero-media{min-height:470px}.tml-made-badge{width:76px;height:76px;right:14px;bottom:95px;font-size:.72rem}.tml-hero-copy h1{font-size:2rem}.tml-hero-copy>p{font-size:.9rem}.tml-price-line>strong{font-size:2.5rem}.tml-actions{grid-template-columns:1fr 58px}.tml-buy-now{grid-column:1/-1}.tml-add-cart{grid-column:1}.tml-promise-grid{grid-template-columns:repeat(2,1fr);gap:22px 0}.tml-promise-grid article:nth-child(3){border:0}.tml-section{padding:18px 12px;border-radius:15px}.tml-section-title.ornament h2:before,.tml-section-title.ornament h2:after{margin:0 7px}.tml-gallery{display:flex;overflow:auto;scroll-snap-type:x mandatory}.tml-thumb{flex:0 0 45%;height:150px;scroll-snap-align:start}.tml-feature-grid article,.tml-spec-grid article{padding:16px 7px}.tml-offers{padding-inline:10px}.tml-offer-buy{grid-template-columns:68px 1fr}.tml-offer-buy>button{font-size:1.25rem}.tml-trust-strip{padding:15px 8px}.tml-trust-strip article{justify-content:flex-start}.tml-related-grid{grid-template-columns:repeat(3,1fr);gap:7px}.tml-related-card>a{height:130px}.tml-related-card>div{padding:8px}.tml-related-card h3{font-size:.68rem;height:38px}.tml-related-card span{font-size:.72rem}.tml-sticky-buy{bottom:6px;width:calc(100% - 12px);height:68px;padding:6px;grid-template-columns:48px 48px 1fr;border-radius:13px}.tml-sticky-buy>div{display:none}.tml-sticky-cart,.tml-sticky-wish,.tml-sticky-main{height:54px;border-radius:10px}.tml-sticky-main{font-size:1rem}.tml-toast{bottom:85px;white-space:nowrap;max-width:90%;font-size:.8rem}.tml-review-head{grid-template-columns:auto 1fr}.tml-review-head>.tml-stars{grid-column:2}}
@media(prefers-reduced-motion:reduce){.tml-page *{scroll-behavior:auto!important;transition:none!important}}
.tml-actions .tml-buy-now,.tml-actions .tml-add-cart{display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;font-size:.92rem}
.tml-hero-copy{min-width:0;overflow:hidden}.tml-hero-copy h1,.tml-hero-copy p{max-width:100%;white-space:normal!important;overflow-wrap:anywhere}.tml-rating,.tml-price-line{max-width:100%;flex-wrap:wrap}
@media(max-width:560px){.tml-hero-copy h1{font-size:1.72rem!important;line-height:1.45!important}.tml-rating{font-size:.78rem}.tml-price-line{align-items:center}.tml-mini-benefits{flex-wrap:wrap}}
.tml-photo-stage{cursor:zoom-in;overflow:hidden}.tml-photo-stage>img{transition:transform .18s ease,filter .18s ease;will-change:transform}.tml-photo-stage.zooming>img{transform:scale(1.85);filter:saturate(1.05)}
body.tml-lightbox-open{overflow:hidden}.tml-lightbox[hidden]{display:none!important}.tml-lightbox{position:fixed;z-index:10050;inset:0;display:grid;grid-template-columns:80px minmax(0,1fr) 80px;align-items:center;padding:34px;background:rgba(0,12,9,.94);backdrop-filter:blur(12px)}.tml-lightbox figure{min-width:0;max-width:min(1100px,100%);max-height:88vh;margin:auto;text-align:center}.tml-lightbox figure img{display:block;max-width:100%;max-height:82vh;margin:auto;object-fit:contain;border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.55)}.tml-lightbox figcaption{margin-top:10px;color:#f0bd65;font-weight:800}.tml-lightbox-close,.tml-lightbox-nav{display:grid;place-items:center;border:1px solid rgba(240,189,101,.55);background:rgba(3,31,23,.86);color:#f8f2e8;cursor:pointer}.tml-lightbox-close{position:absolute;top:20px;left:20px;width:48px;height:48px;border-radius:50%;font-size:1.2rem}.tml-lightbox-nav{width:58px;height:58px;border-radius:50%;justify-self:center;font-size:1.15rem}.tml-lightbox-close:hover,.tml-lightbox-nav:hover{background:#d79a3b;color:#071a14}.tml-thumb{cursor:zoom-in}
@media(max-width:680px){.tml-lightbox{grid-template-columns:46px minmax(0,1fr) 46px;padding:16px 6px}.tml-lightbox-nav{width:42px;height:42px}.tml-lightbox-close{top:12px;left:12px;width:42px;height:42px}.tml-lightbox figure img{max-height:76vh}.tml-photo-stage.zooming>img{transform:none}}

/* Light theme: royal green is the primary reading color; gold remains an accent. */
.tml-page.light-mode{--tml-bg:#f2f7f4;--tml-bg2:#fff;--tml-panel:#fff;--tml-panel2:#edf5f1;--tml-text:#123f31;--tml-muted:#526b61;--tml-line:rgba(22,98,74,.22);--tml-soft:rgba(22,98,74,.055);--tml-gold:#16624a;--tml-gold2:#0d4b38;background:linear-gradient(180deg,#f7faf8 0%,#edf5f1 100%)}
body:has(.tml-page.light-mode),body:has(.tml-page.light-mode) .app-main-shell{background:#f2f7f4!important}.tml-page.light-mode .tml-hero{background:#fff}.tml-page.light-mode .tml-photo-stage:after{background:linear-gradient(90deg,transparent 55%,#fff 100%)}.tml-page.light-mode .tml-section,.tml-page.light-mode .tml-trust-strip,.tml-page.light-mode .tml-promise-grid{background:#fff;border-color:rgba(22,98,74,.18);box-shadow:0 12px 34px rgba(16,67,51,.06)}.tml-page.light-mode .tml-offer,.tml-page.light-mode .tml-faq details,.tml-page.light-mode .tml-related-card,.tml-page.light-mode .tml-review-list>article{background:#fbfdfc;border-color:rgba(22,98,74,.2)}.tml-page.light-mode .tml-offer-price{background:#edf5f1}.tml-page.light-mode .tml-sticky-buy{background:rgba(255,255,255,.97);border-color:rgba(22,98,74,.28)}.tml-page.light-mode .tml-section-title h2,.tml-page.light-mode .tml-hero-copy h1,.tml-page.light-mode .tml-offer h3,.tml-page.light-mode .tml-related-card h3,.tml-page.light-mode .tml-description h3{color:#123f31}.tml-page.light-mode .tml-section-title>span,.tml-page.light-mode .tml-feature-grid b,.tml-page.light-mode .tml-spec-grid b,.tml-page.light-mode .tml-trust-strip b,.tml-page.light-mode .tml-promise-grid b,.tml-page.light-mode .tml-faq summary,.tml-page.light-mode .tml-related-card span,.tml-page.light-mode .tml-offer-price strong,.tml-page.light-mode .tml-price-line>strong,.tml-page.light-mode .tml-rating,.tml-page.light-mode .tml-stars{color:#16624a}.tml-page.light-mode .tml-section-title.ornament h2:before,.tml-page.light-mode .tml-section-title.ornament h2:after,.tml-page.light-mode .tml-feature-grid i,.tml-page.light-mode .tml-spec-grid i,.tml-page.light-mode .tml-trust-strip i,.tml-page.light-mode .tml-promise-grid i{color:#176d52}.tml-page.light-mode .tml-best,.tml-page.light-mode .tml-offer-label{background:#e3f0ea;color:#155b45}.tml-page.light-mode .tml-price-line>div span,.tml-page.light-mode .tml-offer-price>div span{background:#dceee5;color:#14553f}.tml-page.light-mode .tml-hero-copy>p,.tml-page.light-mode .tml-description p,.tml-page.light-mode .tml-review-list p,.tml-page.light-mode .tml-faq details p,.tml-page.light-mode .tml-feature-grid span,.tml-page.light-mode .tml-spec-grid span,.tml-page.light-mode .tml-trust-strip small,.tml-page.light-mode .tml-promise-grid span{color:#526b61}.tml-page.light-mode .tml-mini-benefits span{background:#f7faf8;color:#174c3a}.tml-page.light-mode .tml-thumb{background:#edf4f0}.tml-page.light-mode .tml-made-badge{background:rgba(8,61,45,.94);border-color:#d79a3b}.tml-page.light-mode .tml-made-badge b{color:#f0bd65}
@media(max-width:900px){.tml-page.light-mode .tml-photo-stage:after{background:linear-gradient(0deg,#fff 0%,transparent 45%)}}
.tml-ribbon,.tml-page.light-mode .tml-ribbon{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.24)}
.tml-sticky-wish{display:grid!important;place-items:center!important;padding:0!important;line-height:1!important}.tml-sticky-wish i{display:block;margin:0!important;line-height:1!important}
.tml-lightbox{box-sizing:border-box!important;position:fixed!important;z-index:2147483647!important;inset:0!important;width:100vw!important;height:100dvh!important;transform:none!important;contain:none!important;background:rgba(0,12,9,.96)!important;backdrop-filter:blur(8px)}
.tml-color-picker{margin-top:20px;padding:16px;border:1px solid var(--tml-line);border-radius:16px;background:var(--tml-soft)}.tml-option-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.tml-option-title span{color:var(--tml-muted);font-size:.82rem;font-weight:800}.tml-option-title strong{color:var(--tml-gold2);font-size:.86rem}.tml-color-options{display:flex;flex-wrap:wrap;gap:9px}.tml-color-option{min-width:72px;min-height:54px;display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 10px;border:1px solid var(--tml-line);border-radius:13px;background:transparent;color:var(--tml-text)}.tml-color-option span{width:26px;height:26px;flex:0 0 26px;border-radius:50%;background:var(--swatch);border:2px solid rgba(255,255,255,.76);box-shadow:0 0 0 1px rgba(0,0,0,.25)}.tml-color-option small{font-size:.72rem}.tml-color-option.selected{border-color:var(--tml-gold);background:rgba(215,154,59,.13);box-shadow:0 0 0 2px rgba(215,154,59,.12)}
.tml-package-intro{margin:-10px 0 20px;text-align:center;color:var(--tml-muted);font-size:.86rem}.tml-package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tml-package-grid article{min-width:0;display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--tml-line);border-radius:16px;background:var(--tml-soft)}.tml-package-icon{position:relative;width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:15px;background:rgba(215,154,59,.12);color:var(--tml-gold);font-size:1.15rem}.tml-package-icon span{position:absolute;top:-6px;inset-inline-end:-6px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--tml-gold);color:#fff;font-size:.62rem;font-weight:900}.tml-package-grid b,.tml-package-grid small{display:block}.tml-package-grid b{color:var(--tml-text);font-size:.88rem}.tml-package-grid small{margin-top:4px;color:var(--tml-muted);font-size:.68rem;line-height:1.5}
.tml-sticky-product{min-width:0;text-align:center}.tml-sticky-product span,.tml-sticky-product small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tml-sticky-product span{color:var(--tml-muted);font-size:.78rem}.tml-sticky-product small{margin-top:3px;color:var(--tml-gold2);font-size:.68rem}.tml-sticky-main{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 16px;line-height:1.25}.tml-sticky-main>i{font-size:1.25rem}.tml-sticky-main>span,.tml-sticky-main b,.tml-sticky-main small{display:block}.tml-sticky-main b{color:#fff;font-size:1.05rem}.tml-sticky-main b strong{font-size:1.05rem}.tml-sticky-main small{margin-top:4px;color:rgba(255,255,255,.92);font-size:.67rem;font-weight:700}.tml-sticky-main small i{margin-inline-end:4px}
.tml-page.light-mode .tml-color-picker,.tml-page.light-mode .tml-package-grid article{background:#f7faf8;border-color:rgba(22,98,74,.18)}.tml-page.light-mode .tml-color-option{color:#174c3a}.tml-page.light-mode .tml-color-option.selected{background:#e4f1eb;border-color:#176d52}.tml-page.light-mode .tml-package-icon{background:#e3f0ea;color:#176d52}
@media(max-width:900px){.tml-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.tml-color-picker{padding:13px}.tml-color-option{min-width:64px;min-height:48px}.tml-color-option span{width:23px;height:23px;flex-basis:23px}.tml-package-grid{grid-template-columns:1fr 1fr;gap:8px}.tml-package-grid article{padding:12px;gap:9px}.tml-package-grid article:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 4px);justify-self:center}.tml-package-icon{width:42px;height:42px;flex-basis:42px}.tml-sticky-main{padding-inline:8px;gap:7px}.tml-sticky-main>i{font-size:1rem}.tml-sticky-main b,.tml-sticky-main b strong{font-size:.84rem}.tml-sticky-main small{font-size:.58rem}}

/* Final product readability pass: stronger price contrast and mobile/tablet fixed buy bar. */
.tml-price-line>strong,
.tml-offer-price strong,
.tml-related-card span {
  color: #ffd979 !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .35);
}

.tml-price-line>strong {
  display: inline-block;
  padding: 10px 16px 12px;
  border: 1px solid rgba(255, 217, 121, .24);
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255, 217, 121, .13), rgba(255, 255, 255, .035));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .10), 0 16px 34px rgba(0, 0, 0, .18);
}

.tml-hero-copy>p,
.tml-sales,
.tml-mini-benefits span,
.tml-offer-price p,
.tml-trust-strip small,
.tml-feature-grid span,
.tml-spec-grid span {
  color: #dbe7e1 !important;
}

.tml-buy-now,
.tml-offer-buy>button,
.tml-sticky-main {
  background: linear-gradient(135deg, #f2b447 0%, #d68121 46%, #b96616 100%) !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(191, 104, 22, .30), inset 0 1px 0 rgba(255, 255, 255, .22) !important;
}

.tml-buy-now *,
.tml-offer-buy>button *,
.tml-sticky-main * {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(82, 37, 0, .32);
}

.tml-add-cart,
.tml-sticky-cart,
.tml-sticky-wish,
.tml-wish {
  color: #ffe5a4 !important;
  border-color: rgba(255, 217, 121, .58) !important;
  background: rgba(255, 255, 255, .055) !important;
}

.tml-page.light-mode .tml-price-line>strong,
.tml-page.light-mode .tml-offer-price strong,
.tml-page.light-mode .tml-related-card span {
  color: #0d4b38 !important;
  text-shadow: none;
}

.tml-page.light-mode .tml-price-line>strong {
  border-color: rgba(13, 75, 56, .18);
  background: linear-gradient(135deg, #edf7f2, #ffffff);
  box-shadow: 0 14px 30px rgba(16, 67, 51, .08);
}

.tml-page.light-mode .tml-hero-copy>p,
.tml-page.light-mode .tml-sales,
.tml-page.light-mode .tml-mini-benefits span,
.tml-page.light-mode .tml-offer-price p,
.tml-page.light-mode .tml-trust-strip small,
.tml-page.light-mode .tml-feature-grid span,
.tml-page.light-mode .tml-spec-grid span {
  color: #405e52 !important;
}

.tml-page.light-mode .tml-add-cart,
.tml-page.light-mode .tml-sticky-cart,
.tml-page.light-mode .tml-sticky-wish,
.tml-page.light-mode .tml-wish {
  color: #0d4b38 !important;
  border-color: rgba(13, 75, 56, .28) !important;
  background: rgba(255, 255, 255, .82) !important;
}

@media(max-width:1024px){
  .tml-page {
    padding-bottom: calc(116px + env(safe-area-inset-bottom)) !important;
  }

  .tml-sticky-buy {
    position: fixed !important;
    z-index: 7200 !important;
    right: 50% !important;
    bottom: calc(10px + env(safe-area-inset-bottom)) !important;
    transform: translateX(50%) !important;
    width: min(760px, calc(100% - 18px)) !important;
    min-height: 76px !important;
    height: auto !important;
    padding: 9px !important;
    grid-template-columns: 54px minmax(0, 1fr) 54px !important;
    gap: 9px !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, rgba(4, 33, 25, .96), rgba(7, 56, 42, .94)) !important;
    border: 1px solid rgba(255, 217, 121, .34) !important;
    box-shadow: 0 22px 55px rgba(0, 0, 0, .42), inset 0 1px 0 rgba(255, 255, 255, .10) !important;
    backdrop-filter: blur(20px) saturate(1.25);
    -webkit-backdrop-filter: blur(20px) saturate(1.25);
  }

  .tml-sticky-product {
    display: none !important;
  }

  .tml-sticky-cart {
    order: 1;
  }

  .tml-sticky-main {
    order: 2;
    min-width: 0;
    height: 58px !important;
    border-radius: 15px !important;
    font-size: 1rem !important;
  }

  .tml-sticky-wish {
    order: 3;
  }

  .tml-sticky-cart,
  .tml-sticky-wish {
    height: 58px !important;
    border-radius: 15px !important;
    background: rgba(255, 255, 255, .09) !important;
  }

  .tml-sticky-main b,
  .tml-sticky-main b strong {
    font-size: .98rem !important;
    line-height: 1.2 !important;
  }

  .tml-sticky-main small {
    display: block;
    color: rgba(255, 255, 255, .96) !important;
    font-size: .66rem !important;
    line-height: 1.35 !important;
  }
}

/* Quantity package cards: replace repeated product photos with clear parcel bundles. */
.tml-offer {
  display: flex;
  flex-direction: column;
  direction: rtl;
}

.tml-offer-grid {
  direction: ltr;
}

.tml-package-stack {
  height: 118px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  direction: ltr;
}

.tml-package-box {
  position: relative;
  width: 58px;
  height: 52px;
  border: 2px solid #9b7650;
  border-radius: 8px;
  background:
    linear-gradient(135deg, transparent 50%, rgba(105, 62, 23, 0.13) 50%),
    linear-gradient(180deg, #f5cf9c 0%, #d79a5d 100%);
  filter: drop-shadow(0 12px 12px rgba(55, 32, 10, 0.18));
}

.tml-package-box::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    linear-gradient(90deg, transparent calc(50% - 3px), #f8e4c5 calc(50% - 3px), #f8e4c5 calc(50% + 3px), transparent calc(50% + 3px)),
    linear-gradient(180deg, rgba(96, 55, 18, 0.14) 0 35%, transparent 35%);
}

.tml-package-stack .tml-package-box:nth-child(2) {
  transform: translateY(-8px);
}

.tml-package-stack .tml-package-box:nth-child(3) {
  transform: translateY(3px);
}

.tml-offer-shipping {
  min-height: 34px;
  margin: auto -16px -16px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: rgba(13, 91, 67, 0.9);
  color: #fff !important;
  font-weight: 900;
}

.tml-shipping-note {
  margin-top: 18px;
  min-height: 72px;
  display: grid;
  grid-template-columns: 58px 1fr auto;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  border: 1px solid var(--tml-line);
  border-radius: 16px;
  background: var(--tml-soft);
}

.tml-shipping-note > i {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: rgba(215, 154, 59, 0.13);
  color: var(--tml-gold2);
  font-size: 1.45rem;
}

.tml-shipping-note b,
.tml-shipping-note small {
  display: block;
}

.tml-shipping-note b {
  color: var(--tml-text);
}

.tml-shipping-note small {
  margin-top: 3px;
  color: var(--tml-muted);
  font-size: 0.78rem;
}

.tml-shipping-note .tml-shipping-regions-trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  border: 0;
  background: transparent;
  color: var(--tml-gold2);
  font: inherit;
  font-weight: 900;
  white-space: nowrap;
  cursor: pointer;
}

.tml-shipping-note .tml-shipping-regions-trigger i {
  font-size: 0.68rem;
  transition: transform 0.2s ease;
}

.tml-shipping-note .tml-shipping-regions-trigger:hover i,
.tml-shipping-note .tml-shipping-regions-trigger:focus-visible i {
  transform: translateX(-3px);
}

.tml-shipping-note .tml-shipping-regions-trigger:focus-visible {
  outline: 2px solid var(--tml-gold);
  outline-offset: 5px;
  border-radius: 6px;
}

.tml-page.light-mode .tml-offer-shipping {
  background: #0d5b43;
}

.tml-page.light-mode .tml-shipping-note {
  background: #f5faf7;
  border-color: rgba(13, 75, 56, 0.18);
}

@media(max-width:900px){
  .tml-offer-grid {
    grid-template-columns: repeat(3, minmax(112px, 1fr)) !important;
    gap: 8px;
    overflow-x: auto;
    padding: 2px 2px 8px;
    scroll-snap-type: x mandatory;
  }

  .tml-offer {
    min-width: 112px;
    padding: 26px 8px 12px;
    border-radius: 16px;
    scroll-snap-align: start;
  }

  .tml-ribbon {
    top: 11px;
    left: -38px;
    width: 126px;
    font-size: 0.58rem;
  }

  .tml-offer h3 {
    font-size: 0.9rem;
  }

  .tml-offer-label {
    padding: 3px 8px;
    font-size: 0.66rem;
  }

  .tml-package-stack {
    height: 70px;
    gap: 2px;
  }

  .tml-package-box {
    width: 28px;
    height: 26px;
    border-width: 1px;
    border-radius: 5px;
  }

  .tml-offer-price {
    padding: 8px 4px;
  }

  .tml-offer-price > div {
    flex-direction: column;
    gap: 3px;
    font-size: 0.56rem;
  }

  .tml-offer-price strong {
    font-size: 1.05rem !important;
  }

  .tml-offer-price p,
  .tml-offer > button {
    font-size: 0.58rem;
  }

  .tml-offer > button {
    height: 38px;
    margin-top: 8px;
    border-radius: 10px;
  }

  .tml-offer-shipping {
    min-height: 29px;
    margin-inline: -8px;
    margin-bottom: -12px;
    font-size: 0.55rem;
  }

  .tml-shipping-note {
    grid-template-columns: 44px 1fr;
    padding: 12px;
  }

  .tml-shipping-note > i {
    width: 40px;
    height: 40px;
    font-size: 1.1rem;
  }

  .tml-shipping-note .tml-shipping-regions-trigger {
    grid-column: 1 / -1;
    justify-self: start;
    font-size: 0.78rem;
  }
}

@media(max-width:560px){
  .tml-page {
    padding-bottom: calc(104px + env(safe-area-inset-bottom)) !important;
  }

  .tml-sticky-buy {
    width: calc(100% - 12px) !important;
    bottom: calc(6px + env(safe-area-inset-bottom)) !important;
    grid-template-columns: 48px minmax(0, 1fr) 48px !important;
    gap: 7px !important;
    padding: 7px !important;
    border-radius: 18px !important;
  }

  .tml-sticky-cart,
  .tml-sticky-wish,
  .tml-sticky-main {
    height: 54px !important;
    border-radius: 14px !important;
  }

  .tml-sticky-main {
    gap: 7px !important;
    padding-inline: 8px !important;
  }

  .tml-sticky-main>i {
    font-size: 1rem !important;
  }

  .tml-sticky-main b,
  .tml-sticky-main b strong {
    font-size: .83rem !important;
  }

  .tml-sticky-main small {
    font-size: .56rem !important;
  }
}

.tml-sticky-buy {
  position: fixed !important;
}

html[data-theme='dark'] .tml-sticky-buy,
.tml-page:not(.light-mode) .tml-sticky-buy {
  background: linear-gradient(135deg, rgba(4, 33, 25, .97), rgba(7, 56, 42, .95)) !important;
  border-color: rgba(255, 217, 121, .36) !important;
}

html[data-theme='light'] .tml-sticky-buy,
.tml-page.light-mode .tml-sticky-buy {
  background: linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(239, 248, 244, .96)) !important;
  border-color: rgba(13, 75, 56, .24) !important;
  box-shadow: 0 18px 44px rgba(16, 67, 51, .16), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

html[data-theme='light'] .tml-sticky-cart,
html[data-theme='light'] .tml-sticky-wish,
.tml-page.light-mode .tml-sticky-cart,
.tml-page.light-mode .tml-sticky-wish {
  background: #ffffff !important;
  color: #0d4b38 !important;
  border-color: rgba(13, 75, 56, .26) !important;
  box-shadow: 0 8px 18px rgba(16, 67, 51, .08) !important;
}

html[data-theme='light'] .tml-sticky-cart span,
.tml-page.light-mode .tml-sticky-cart span {
  background: #0d4b38 !important;
  color: #fff !important;
}

html[data-theme='light'] .tml-sticky-main,
.tml-page.light-mode .tml-sticky-main {
  background: linear-gradient(135deg, #0f6a4e 0%, #0d8b64 58%, #0b6f50 100%) !important;
  box-shadow: 0 14px 30px rgba(13, 107, 78, .28), inset 0 1px 0 rgba(255, 255, 255, .20) !important;
}

html[data-theme='dark'] .tml-page:not(.light-mode) .tml-sticky-cart,
html[data-theme='dark'] .tml-page:not(.light-mode) .tml-sticky-wish {
  background: rgba(255, 255, 255, .09) !important;
  color: #ffe5a4 !important;
  border-color: rgba(255, 217, 121, .52) !important;
}

/* Same-page authentication checkout flow. */
body.tml-auth-open{overflow:hidden}body.figma-heritage-ui>.tml-auth-modal,.tml-auth-modal{position:fixed!important}.tml-auth-modal[hidden]{display:none!important}.tml-auth-modal{z-index:2147483647;inset:0;display:grid;place-items:center;padding:18px;direction:rtl;font-family:'Cairo','Tajawal',sans-serif;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}.tml-auth-modal.open{opacity:1;visibility:visible}.tml-auth-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(0,14,10,.78);backdrop-filter:blur(9px);cursor:default}.tml-auth-card{position:relative;width:min(500px,100%);max-height:min(760px,calc(100dvh - 36px));overflow:auto;padding:30px;border:1px solid rgba(215,154,59,.34);border-radius:26px;background:linear-gradient(155deg,#092a21 0%,#031a14 100%);color:#f8f2e8;box-shadow:0 34px 100px rgba(0,0,0,.55);outline:none;transform:translateY(14px) scale(.985);transition:transform .2s ease}.tml-auth-modal.open .tml-auth-card{transform:none}.tml-auth-close{position:absolute;top:15px;left:15px;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(215,154,59,.3);border-radius:50%;background:rgba(255,255,255,.04);color:#f8f2e8;cursor:pointer}.tml-auth-mark{width:56px;height:56px;margin:0 auto 12px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#e5ad50,#b87322);color:#fff;font-size:1.35rem;box-shadow:0 10px 26px rgba(201,133,38,.22)}.tml-auth-eyebrow{display:block;text-align:center;color:#efbd69;font-size:.75rem;font-weight:900}.tml-auth-card h2{margin:6px 0;text-align:center;color:#fff;font:800 1.45rem/1.45 'El Messiri','Cairo'}.tml-auth-lead{max-width:390px;margin:0 auto 16px;text-align:center;color:#bdcbc5;font-size:.82rem;line-height:1.7}.tml-auth-product{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:11px;padding:10px;border:1px solid rgba(215,154,59,.18);border-radius:15px;background:rgba(255,255,255,.04)}.tml-auth-product img{width:50px;height:50px;object-fit:cover;border-radius:11px}.tml-auth-product b,.tml-auth-product span{display:block}.tml-auth-product b{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:.78rem}.tml-auth-product span{margin-top:3px;color:#90aaa0;font-size:.64rem}.tml-auth-product strong{color:#efbd69;white-space:nowrap;font-size:.85rem}.tml-google-wrap{min-height:50px;margin-top:16px;display:grid;place-items:center}.tml-google-button{width:100%;display:grid;place-items:center;min-height:44px}.tml-google-button>div{margin-inline:auto!important}.tml-google-unavailable{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px dashed rgba(215,154,59,.3);border-radius:11px;color:#adbbb5;font-size:.73rem}.tml-auth-divider{display:flex;align-items:center;gap:12px;margin:13px 0;color:#849890;font-size:.67rem}.tml-auth-divider:before,.tml-auth-divider:after{content:'';height:1px;flex:1;background:rgba(215,154,59,.18)}.tml-email-toggle{width:100%;height:46px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(215,154,59,.42);border-radius:12px;background:transparent;color:#f0bd65;font-weight:800;cursor:pointer}.tml-email-login{display:none;gap:10px;margin-top:12px}.tml-email-login.shown{display:grid}.tml-email-login label>span:first-child{display:block;margin-bottom:5px;color:#d8e0dc;font-size:.68rem;font-weight:800}.tml-email-login input{width:100%;height:45px;padding:0 13px;border:1px solid rgba(215,154,59,.25);border-radius:11px;background:rgba(0,0,0,.18);color:#fff;font:inherit;font-size:.8rem;outline:none}.tml-email-login input:focus{border-color:#d79a3b;box-shadow:0 0 0 3px rgba(215,154,59,.12)}.tml-password-field{position:relative;display:block}.tml-password-field input{padding-left:44px}.tml-password-field button{position:absolute;left:4px;top:4px;width:37px;height:37px;border:0;background:transparent;color:#c9d4cf;cursor:pointer}.tml-email-submit{height:48px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;background:linear-gradient(135deg,#e4aa4b,#b97120);color:#fff;font-weight:900;cursor:pointer}.tml-auth-error{margin-top:11px;padding:10px 12px;border:1px solid rgba(255,125,125,.35);border-radius:10px;background:rgba(156,35,35,.18);color:#ffd4d4;font-size:.72rem;line-height:1.6}.tml-auth-error[hidden]{display:none}.tml-auth-trust{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:15px;color:#aebdb7;font-size:.62rem}.tml-auth-trust i{margin-inline-end:4px;color:#e2aa4c}.tml-auth-legal{display:block;margin-top:10px;text-align:center;color:#71867d;font-size:.58rem}.tml-auth-modal.is-busy .tml-auth-card:after{content:'';position:absolute;inset:0;border-radius:inherit;background:rgba(2,20,15,.32);pointer-events:none}.tml-auth-modal.is-busy .tml-auth-mark i{animation:tmlAuthPulse .8s ease infinite alternate}@keyframes tmlAuthPulse{to{transform:scale(1.18)}}
html[data-theme="light"] .tml-auth-backdrop{background:rgba(12,40,31,.58)}html[data-theme="light"] .tml-auth-card{border-color:rgba(22,98,74,.24);background:linear-gradient(155deg,#fff 0%,#f1f7f4 100%);color:#123f31;box-shadow:0 34px 100px rgba(12,55,41,.28)}html[data-theme="light"] .tml-auth-close{border-color:rgba(22,98,74,.2);background:#f4f8f6;color:#174c3a}html[data-theme="light"] .tml-auth-eyebrow,html[data-theme="light"] .tml-auth-product strong{color:#16624a}html[data-theme="light"] .tml-auth-card h2,html[data-theme="light"] .tml-auth-product b{color:#123f31}html[data-theme="light"] .tml-auth-lead,html[data-theme="light"] .tml-auth-product span{color:#5a7067}html[data-theme="light"] .tml-auth-product{border-color:rgba(22,98,74,.16);background:#f7faf8}html[data-theme="light"] .tml-google-unavailable{border-color:rgba(22,98,74,.25);color:#536d63}html[data-theme="light"] .tml-auth-divider{color:#71847c}html[data-theme="light"] .tml-auth-divider:before,html[data-theme="light"] .tml-auth-divider:after{background:rgba(22,98,74,.16)}html[data-theme="light"] .tml-email-toggle{border-color:rgba(22,98,74,.35);color:#155b45}html[data-theme="light"] .tml-email-login label>span:first-child{color:#31594a}html[data-theme="light"] .tml-email-login input{border-color:rgba(22,98,74,.2);background:#fff;color:#123f31}html[data-theme="light"] .tml-email-login input:focus{border-color:#16624a;box-shadow:0 0 0 3px rgba(22,98,74,.1)}html[data-theme="light"] .tml-password-field button{color:#31594a}html[data-theme="light"] .tml-auth-trust{color:#597066}html[data-theme="light"] .tml-auth-trust i{color:#16624a}html[data-theme="light"] .tml-auth-legal{color:#70837b}html[data-theme="light"] .tml-auth-modal.is-busy .tml-auth-card:after{background:rgba(238,247,243,.46)}
@media(max-width:560px){.tml-auth-modal{padding:10px;align-items:end}.tml-auth-card{width:100%;max-height:calc(100dvh - 20px);padding:24px 17px 18px;border-radius:24px 24px 18px 18px}.tml-auth-close{top:12px;left:12px;width:37px;height:37px}.tml-auth-mark{width:49px;height:49px;border-radius:15px}.tml-auth-card h2{padding-inline:28px;font-size:1.22rem}.tml-auth-lead{font-size:.76rem}.tml-auth-product{grid-template-columns:46px 1fr auto}.tml-auth-product img{width:46px;height:46px}.tml-auth-trust{gap:9px;font-size:.56rem}.tml-google-wrap{margin-top:13px}.tml-auth-legal{margin-bottom:2px}}
@media(prefers-reduced-motion:reduce){.tml-auth-modal,.tml-auth-card{transition:none}.tml-auth-modal.is-busy .tml-auth-mark i{animation:none}}