/* Twenty Store identity refinements — measured against 20a.sa, 2026-10-28. */
html body{font-family:system-ui,-apple-system,'SF Arabic','Segoe UI','Noto Sans Arabic',Tahoma,sans-serif!important;--theme-font-family:system-ui,-apple-system,'SF Arabic','Segoe UI','Noto Sans Arabic',Tahoma,sans-serif}
.ts-wrap{width:min(1296px,calc(100% - 48px))}.ts-top{min-height:76px;gap:28px}.ts-brand{flex-shrink:0}.ts-brand img{width:132px;height:60px;object-fit:contain}.ts-search{max-width:none;flex:1;border-radius:12px;min-height:46px}.ts-search input{font-size:13px}.ts-actions{gap:10px;flex-shrink:0;color:#68bae7}.ts-account-link{font-size:13px}.ts-actions>a[aria-label="سلة المشتريات"]{border:1px solid var(--ts-line);border-radius:50%;width:42px;height:42px;justify-content:center;position:relative}.ts-cart-count{position:absolute;top:-5px;inset-inline-end:-5px;min-width:15px;height:15px;font-size:9px}.ts-nav .ts-wrap{min-height:53px;justify-content:flex-start;gap:25px}.ts-nav .ts-main-store{font-size:12px}.ts-nav a{font-size:13px}.ts-catalog-intro{padding:26px 0 8px}.ts-catalog-intro h1{font-size:24px;font-weight:800;margin:0 0 6px}.ts-catalog-intro p{font-size:13px;color:#8b9dba;margin:0}.ts-shortcuts{margin-top:16px}.ts-pill{font-size:12px;padding:5px 15px;border-radius:10px}.ts-section{padding:24px 0 32px}.ts-section-head{margin-bottom:20px}.ts-section-head h2{font-size:23px;font-weight:800}.ts-section-head p{font-size:13px;color:#8b9dba}.ts-section+.ts-section{border-top:0}.ts-subhead{font-size:17px;font-weight:700}.woocommerce ul.products,.products{gap:16px!important}.woocommerce ul.products li.product{background:#172236;border-radius:16px;padding:0 12px 12px!important;border-color:rgba(148,174,214,.16);box-shadow:0 8px 20px #00000014}.woocommerce ul.products li.product figure,.woocommerce ul.products li.product .ct-media-container{margin:0 -12px 12px!important;width:calc(100% + 24px)!important}.woocommerce ul.products li.product .ct-media-container{background:#121b2d}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px!important;font-weight:600;min-height:50px;margin-bottom:6px!important}.woocommerce ul.products li.product .price{flex-direction:column;align-items:flex-start;gap:1px;font-size:19px!important;font-weight:700;min-height:46px;line-height:1.5;margin-bottom:10px!important}.woocommerce ul.products li.product .price del{font-size:12px;font-weight:400;color:#8b9dba}.woocommerce ul.products li.product .price ins{font-size:19px}.ts-stock{font-size:10px;color:#8b9dba;margin-bottom:6px}.woocommerce ul.products li.product .button{font-size:13.5px!important;font-weight:600;min-height:44px;padding:8px!important;border-radius:10px!important;display:flex;align-items:center;justify-content:center;gap:6px}.woocommerce ul.products li.product .add_to_cart_button:before{content:'';width:17px;height:18px;border:1.5px solid currentColor;border-radius:4px;display:inline-block;clip-path:polygon(0 20%,25% 20%,25% 0,75% 0,75% 20%,100% 20%,100% 100%,0 100%)}.woocommerce span.onsale{font-size:10px!important;border-radius:7px!important;inset-inline-start:10px!important;top:10px!important;padding:3px 8px!important;line-height:1.8;background:#d63c41!important}.woocommerce ul.products li.outofstock .button{background:#27334a!important;color:#b8c6dc!important}.woocommerce ul.products li.product .ct-woo-card-extra{display:none}.ts-section-netflix .products{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:640px!important}.ts-section-netflix:after{display:none!important}.ts-footer{margin-top:28px;padding-top:32px}.ts-footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:60px;padding-bottom:25px}.ts-footer .ts-brand{margin-bottom:12px}.ts-footer .ts-brand img{width:120px;height:55px}.ts-footer .ts-about-title{margin:0 0 10px;font-size:18px}.ts-footer h3{font-size:16px}.ts-footer p,.ts-footer-links{font-size:13px;color:#b8c6dc}.ts-footer-bottom{font-size:12px}.ts-local-footer{font-size:11px;color:#8b9dba;margin:0 0 10px}.ts-riyal{width:13px;height:15px;display:inline-block;vertical-align:-2px;margin-inline-start:3px}.price .amount{white-space:nowrap;unicode-bidi:isolate}.ts-page h1,.woocommerce div.product .product_title{font-weight:800}.woocommerce div.product p.price{font-size:25px!important}.woocommerce div.product .summary{background:transparent}.woocommerce div.product .woocommerce-product-gallery{border:1px solid var(--ts-line);border-radius:16px}.woocommerce-tabs .panel{background:#121b2d}.ts-mobile-nav{background:#0e1627;border-color:rgba(148,174,214,.16)}.ts-mobile-nav a{color:#b8c6dc}.ts-mobile-nav .ts-icon{color:#68bae7}
@media(min-width:1000px){.ts-section-netflix .products{max-width:calc((100% - 16px)/2)!important}}
@media(max-width:640px){.ts-wrap{width:calc(100% - 24px)}.ts-top{padding:8px 0 12px;gap:5px;min-height:60px}.ts-brand img{width:100px;height:46px}.ts-search{flex-basis:100%;min-height:42px;margin-top:6px}.ts-search input{min-height:42px;font-size:12px}.ts-actions{gap:7px}.ts-actions>a[aria-label="سلة المشتريات"]{width:36px;height:36px}.ts-menu summary{padding:6px}.ts-catalog-intro{padding:20px 0 4px}.ts-catalog-intro h1{font-size:20px}.ts-catalog-intro p{font-size:12px}.ts-shortcuts{margin-top:12px;max-width:calc(100vw - 24px)}.ts-pill{font-size:11px;padding:5px 11px}.ts-section{padding:20px 0 22px}.ts-section-head h2{font-size:20px}.ts-section-head p{font-size:12px}.ts-section-head{margin-bottom:16px}.woocommerce ul.products,.products{gap:12px!important}.woocommerce ul.products li.product{border-radius:14px;padding:0 10px 10px!important}.woocommerce ul.products li.product figure,.woocommerce ul.products li.product .ct-media-container{margin:0 -10px 10px!important;width:calc(100% + 20px)!important}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:12.5px!important;line-height:1.65!important;min-height:62px}.woocommerce ul.products li.product .price{font-size:17px!important;min-height:43px}.woocommerce ul.products li.product .price ins{font-size:17px}.woocommerce ul.products li.product .price del{font-size:11px}.woocommerce ul.products li.product .button{font-size:12px!important;gap:5px}.ts-section-netflix .products{max-width:none!important}.ts-footer-grid{grid-template-columns:1fr 1fr;gap:26px}.ts-footer-grid>div:first-child{grid-column:1/-1}.ts-footer{margin-top:18px;padding-top:25px}.ts-footer h3{font-size:15px}.ts-riyal{width:12px;height:14px}}
.woocommerce ul.products li.product .add_to_cart_button:before{display:none}.woocommerce ul.products li.product .button .ts-icon{width:18px;height:18px;flex-shrink:0}
@media(min-width:1200px){.woocommerce ul.products,.products{grid-template-columns:repeat(5,minmax(0,1fr))!important}.ts-section-netflix .products{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:calc((100% - 64px)/5*2 + 16px)!important}}
.woocommerce ul.products li.product .entry-meta{display:none!important}.woocommerce ul.products li.product .price .sale-price{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.woocommerce ul.products li.product .price del{order:0}.woocommerce ul.products li.product .price ins{order:1}.woocommerce ul.products li.product .ct-woo-card-actions{margin-top:auto!important}.woocommerce ul.products li.product .ts-stock{margin-bottom:6px}.woocommerce ul.products li.product .price .sale-price del .amount{font-size:12px}.woocommerce ul.products li.product .price .sale-price ins .amount{font-size:19px}@media(max-width:640px){.woocommerce ul.products li.product .price .sale-price ins .amount{font-size:17px}.woocommerce ul.products li.product .price .sale-price del .amount{font-size:11px}}
/* v1.1.1 — fixes found on the live store */
@media(min-width:1200px){.ts-section-netflix .woocommerce ul.products,.woocommerce .ts-section-netflix ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.woocommerce .quantity[data-type] input.qty{width:100%}
.woocommerce .quantity .ct-increase,.woocommerce .quantity .ct-decrease{color:var(--ts-muted)}
.woocommerce .quantity .ct-increase:hover,.woocommerce .quantity .ct-decrease:hover{color:var(--ts-accent)}
.single-product form.cart .ct-cart-actions{flex-wrap:wrap}
.single-product form.cart .added_to_cart{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid var(--ts-accent);border-radius:10px;color:var(--ts-accent);background:none;font-size:14px}
.woocommerce-cart-form .coupon{flex-wrap:wrap;row-gap:8px}
.woocommerce-cart-form .coupon .coupon-error-notice{flex:1 0 100%;order:5;margin:0;color:#ff9a9a;font-size:13px}
.woo-listing-top .woocommerce-ordering select{width:auto!important;min-width:170px}
.woocommerce-checkout .ct-order-review{border:1px solid var(--ts-line);border-radius:16px;background:var(--ts-surface);padding:24px}
.woocommerce-checkout .ct-order-review #order_review{padding:0!important;border:0!important;background:none!important}
.ts-footer-trust{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;padding:18px 0;border-top:1px solid var(--ts-line)}
.ts-footer-trust img{display:block;height:auto}
.ts-trust-badge img{width:190px;border-radius:10px}
.ts-pay-logos{background:#fff;border-radius:10px;padding:6px 10px}
.ts-pay-logos img{width:230px}
.ts-social{display:flex;gap:8px;margin-inline-start:auto}
.ts-social a{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--ts-line);border-radius:50%;color:var(--ts-muted)}
.ts-social a:hover{color:var(--ts-accent);border-color:var(--ts-accent)}
@media(max-width:640px){#ht-ctc-chat{bottom:calc(74px + env(safe-area-inset-bottom))!important}.woocommerce-checkout .ct-order-review{padding:16px}.ts-social{margin-inline-start:0}.ts-pay-logos img{width:200px}}
/* v1.1.5 — compact mobile UI modelled on 20a.sa */
/* Product cards: square image box (no side cropping), tight rhythm, button pinned so cards in a row match */
body .woocommerce ul.products li.product{display:flex;flex-direction:column;padding:0 10px 10px!important;overflow:hidden}
body .woocommerce ul.products li.product figure{margin:0 -10px 8px!important;width:calc(100% + 20px)!important;position:relative}
body .woocommerce ul.products li.product figure .ct-media-container{display:block;margin:0!important;width:100%!important;aspect-ratio:1/1;background:#121b2d}
body .woocommerce ul.products li.product figure .ct-media-container img{width:100%;height:100%;aspect-ratio:1/1!important;object-fit:contain}
body .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13.5px!important;font-weight:700;line-height:1.55!important;min-height:3.1em;margin:0 0 4px!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body .woocommerce ul.products li.product .ts-stock{font-size:11px;line-height:1.6;margin:0 0 2px!important}
body .woocommerce ul.products li.product .price{display:flex;min-height:0!important;margin:0 0 6px!important;font-size:16px!important;line-height:1.45}
body .woocommerce ul.products li.product .price .sale-price{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:0}
body .woocommerce ul.products li.product .price .sale-price ins{order:0}
body .woocommerce ul.products li.product .price .sale-price del{order:1}
body .woocommerce ul.products li.product .price .sale-price ins .amount{font-size:16.5px}
body .woocommerce ul.products li.product .price .sale-price del .amount{font-size:11.5px}
body .woocommerce ul.products li.product .ct-woo-card-rating{margin:0 0 6px!important;line-height:1}
body .woocommerce ul.products li.product .star-rating{font-size:11px;margin:0}
body .woocommerce ul.products li.product .ct-woo-card-actions{margin-top:auto!important;width:100%}
body .woocommerce ul.products li.product .ct-woo-card-actions .button{width:100%;min-height:40px!important;font-size:13px!important;padding:6px 8px!important;border-radius:10px!important}
body .woocommerce ul.products li.product .onsale,body .woocommerce ul.products li.product .out-of-stock-badge{top:8px!important;inset-inline-start:8px!important;font-size:11px!important;line-height:1.6!important;padding:2px 9px!important;border-radius:99px!important;min-height:0!important}
/* Category pills: finger-sized, wrap evenly, current one in cyan */
.ts-shortcuts{display:flex;flex-wrap:wrap;gap:8px}
.ts-pill{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 18px;font-size:14px;font-weight:600;border-radius:12px;color:var(--ts-muted);transition:background-color .15s,color .15s,border-color .15s}
.ts-pill:hover,.ts-pill.is-active{border-color:var(--ts-accent);color:var(--ts-accent)}
.ts-pill.is-active{background:rgba(104,186,231,.14)}
@media(max-width:640px){
/* Header: 44px targets, 26px icons, logo right / cart + menu left */
.ts-top{padding:8px 0 10px;gap:8px;min-height:64px}
.ts-brand img{width:104px;height:48px}
.ts-actions{gap:4px}
.ts-actions .ts-icon{width:26px;height:26px;stroke-width:1.7}
.ts-actions>a[aria-label="سلة المشتريات"]{width:44px;height:44px}
.ts-menu summary{display:grid;place-items:center;width:44px;height:44px;padding:0}
.ts-cart-count{min-width:18px;height:18px;font-size:10.5px;top:-3px}
.ts-search{min-height:44px;margin-top:2px}
.ts-search input{min-height:44px;font-size:14px}
.ts-search .ts-icon{width:22px;height:22px}
/* Intro and sections */
.ts-catalog-intro{padding:18px 0 2px}
.ts-shortcuts{margin-top:14px}
.ts-pill{flex:1 1 auto;min-height:44px;padding:9px 12px;font-size:13.5px}
.ts-section{padding:18px 0 22px}
.ts-section-head{margin-bottom:14px}
.ts-subhead{margin:18px 0 12px}
/* Cards on phones: two per row */
body .woocommerce ul.products,body .woocommerce .products{gap:10px!important}
body .woocommerce ul.products li.product{padding:0 8px 8px!important;border-radius:14px}
body .woocommerce ul.products li.product figure{margin:0 -8px 8px!important;width:calc(100% + 16px)!important}
body .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:13px!important}
/* Bottom bar like 20a.sa: dark, filled icons, cyan current page, safe area aware */
body{padding-bottom:calc(58px + env(safe-area-inset-bottom))}
.ts-mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);align-items:stretch;padding:0 4px env(safe-area-inset-bottom);background:#0e1627;border-top:1px solid rgba(148,174,214,.16);box-shadow:0 -6px 18px rgba(0,0,0,.25)}
.ts-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:58px;padding:7px 2px 6px;font-size:11.5px;line-height:1.2;color:#8b9dba}
.ts-mobile-nav .ts-fill-icon{width:23px;height:23px}
.ts-mobile-nav a.is-active{color:#68bae7}
/* WhatsApp lives in the bottom bar on phones, so the floating bubble never covers products or buttons */
#ht-ctc-chat{display:none!important}
/* Footer: shorter, centred trust row */
.ts-footer{margin-top:8px;padding-top:22px}
.ts-footer-grid{gap:18px 16px;padding-bottom:14px}
.ts-footer .ts-brand{margin-bottom:6px}
.ts-footer .ts-brand img{width:96px;height:44px}
.ts-footer .ts-about-title{font-size:16px;margin:0 0 6px}
.ts-footer p{font-size:12.5px;line-height:1.8;margin:0 0 6px}
.ts-footer h3{font-size:14px;margin:0 0 6px}
.ts-footer-links a{padding-block:4px}
.ts-footer-trust{justify-content:center;gap:10px 12px;padding:14px 0}
.ts-social{width:100%;justify-content:center}
.ts-footer-bottom{padding:12px 0 14px;gap:2px;font-size:11.5px;align-items:center;text-align:center}
}
/* v1.1.6 — card price block like 20a.sa: current price, then old price + discount pill */
body .woocommerce ul.products li.product .price{flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:2px}
body .woocommerce ul.products li.product .price .sale-price{display:contents}
body .woocommerce ul.products li.product .price ins{flex-basis:100%;order:0}
body .woocommerce ul.products li.product .price del{order:1}
.ts-price-off{order:2;display:inline-block;padding:0 8px;border-radius:99px;background:#d63c41;color:#fff;font-size:11px;font-weight:700;line-height:1.75}
body .woocommerce ul.products li.product .onsale{display:none!important}
/* v1.1.7 — nothing the browser scrolls into view (anchors, checkout notices, focused fields) lands under the bottom bar */
@media(max-width:640px){html{scroll-padding-bottom:calc(72px + env(safe-area-inset-bottom))}body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}}