/* Dar Shafaq visual alignment with Egypt storefront. Presentation only. */
/* Keep prices and all promotion buttons at the same readable brand contrast. */
#shafaq-preview .sf-buy .amount,#shafaq-preview .sf-price-hero .amount{color:#b65013}
#shafaq-preview .sf-promo-pair .sf-blog-strip .sf-bundle-cta{background:#b65013;color:#fff}
body .product-grid-item .price .amount{color:#b65013}
body.woocommerce-shop .main-page-wrapper,body.tax-product_cat .main-page-wrapper{background:#faf8f1}
body.woocommerce-shop .page-title,body.tax-product_cat .page-title{background-color:#f3eadc}
body .product-grid-item .product-wrapper{background:#fff;border:1px solid #e8e1d8;border-radius:12px;padding:16px}
body .product-grid-item .product-element-bottom{padding-top:12px}
body .product-grid-item .wd-add-btn>a{font-size:16px;border-radius:8px}

:root{--sf-brand:#b65013;--sf-ink:#262521;--sf-muted:#6b645b;--sf-warm:#faf8f1;--sf-line:#e8e1d8;--wd-text-font:"IBM Plex Sans Arabic",Tahoma,sans-serif;--wd-title-font:"IBM Plex Sans Arabic",Tahoma,sans-serif;--wd-entities-title-font:"IBM Plex Sans Arabic",Tahoma,sans-serif;--wd-alternative-font:"IBM Plex Sans Arabic",Tahoma,sans-serif}
body{font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;color:#262521}
body h1,body h2,body h3,body h4,body input,body select,body textarea,body button,body .button,body .wd-entities-title{font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif}
body .product-grid-item .wd-entities-title{font-size:19px;line-height:1.65}
body .product-grid-item .price{font-size:20px;color:#b65013}
body .woocommerce-product-details__short-description,body .woocommerce-Tabs-panel{font-size:17px;line-height:1.95}
body .product_title{font-size:clamp(27px,3vw,38px);line-height:1.6}
body .wd-nav>li>a{font-size:16px}
#shafaq-preview{font-family:"IBM Plex Sans Arabic",Tahoma,sans-serif;--sf-paper:#faf8f1;--sf-cream:#f3eadc;--sf-orange:#b65013}
#shafaq-preview h1,#shafaq-preview h2,#shafaq-preview h3,#shafaq-preview p,#shafaq-preview a,#shafaq-preview button,#shafaq-preview input,#shafaq-preview .saj-banner{font-family:inherit}
#shafaq-preview .sf-site{max-width:1440px;background:#faf8f1}
#shafaq-preview .sf-top{font-size:13px;padding:4px 20px;background:#292720}
#shafaq-preview .sf-head{padding:10px 4%;gap:24px;background:#fff}
#shafaq-preview .sf-logo{width:49px;height:60px}
#shafaq-preview .sf-search{max-width:660px;margin-inline:auto;background:#faf8f1;border:1px solid #e8e1d8;border-radius:8px;padding:4px 16px}
#shafaq-preview .sf-search input{font-size:17px}
#shafaq-preview .sf-tool{font-size:16px}
#shafaq-preview .sf-nav{background:#fff;padding:3px 4%;gap:32px}
#shafaq-preview .sf-nav a{font-size:17px;font-weight:500}
#shafaq-preview .sf-section{padding:44px 4%}
#shafaq-preview .sf-title{margin-bottom:18px;gap:18px}
#shafaq-preview h2,#shafaq-preview .sf-title h2{font-size:36px;line-height:1.45;font-weight:700}
#shafaq-preview .sf-section-intro{font-size:19px;line-height:1.85;color:#6b645b;margin:0 0 28px}
#shafaq-preview .sf-eyebrow{font-size:16px;letter-spacing:0;margin-bottom:7px}
#shafaq-preview .sf-link{font-size:17px;display:inline-flex;align-items:center;font-weight:500}
#shafaq-preview .sf-cats{gap:16px}
#shafaq-preview .sf-cat{min-height:82px;border-radius:12px;font-size:18px;font-weight:600;padding:16px 10px;box-shadow:0 3px 12px #26252104}
#shafaq-preview .sf-cat:hover{border-color:#b65013;color:#b65013;background:#fffaf4}
#shafaq-preview .sf-promo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;padding:0 4% 12px}
#shafaq-preview .sf-promo-pair .sf-bundle-strip{width:100%;height:100%;margin:0;min-width:0;padding:20px;gap:14px;border-color:#e6d8c7;background:#f3eadc}
#shafaq-preview .sf-promo-pair .sf-bundle-copy{display:block}
#shafaq-preview .sf-promo-pair .sf-bundle-copy strong{display:block;font-size:25px;color:#262521;font-weight:700}
#shafaq-preview .sf-promo-pair .sf-bundle-copy small{display:block;font-size:16px;color:#6b645b;line-height:1.8}
#shafaq-preview .sf-promo-pair .sf-bundle-cta{font-size:16px;background:#b65013;color:#fff;padding:12px 16px;border-radius:8px}
#shafaq-preview .sf-books{gap:26px;grid-template-columns:repeat(4,minmax(0,1fr))}
#shafaq-preview .sf-book{background:#fff;border:1px solid #e8e1d8;border-radius:12px;padding:18px;box-shadow:0 3px 12px #26252104;text-align:center}
#shafaq-preview .sf-book-image{height:285px;background:#fff;padding:23px 8px 12px;border-radius:6px;margin-bottom:14px}
#shafaq-preview .sf-book-image img{filter:drop-shadow(0 10px 8px #26252124)}
#shafaq-preview .sf-book h3{font-size:19px;line-height:1.6;font-weight:600;min-height:61px;margin:0 0 7px;overflow-wrap:anywhere}
#shafaq-preview .sf-book h3 a{color:#262521}
#shafaq-preview .sf-book-author,#shafaq-preview .sf-new-section .sf-book-author{font-size:16px;min-height:29px;line-height:1.8;color:#6b645b}
#shafaq-preview .sf-availability{font-size:13px;line-height:1.8}
#shafaq-preview .sf-buy{flex-direction:column;gap:12px;font-size:22px;color:#b65013}
#shafaq-preview .sf-buy>span{display:block}
#shafaq-preview .sf-add{width:100%;font-size:17px;font-weight:500;border-color:#b65013;min-height:49px;border-radius:8px;padding:10px}
#shafaq-preview .sf-add:hover{background:#b65013;color:#fff}
#shafaq-preview .sf-new-label{font-size:12px;right:0;top:0;border-radius:5px}
#shafaq-preview .sf-publishing{background:#f3eadc}
#shafaq-preview #sf-home-slider .sf-slide{height:480px}
#shafaq-preview #sf-home-slider .saj-banner{background:linear-gradient(110deg,#faf8f1,#f3eadc);padding:30px 4%}
#shafaq-preview #sf-home-slider .saj-title{font-size:42px;color:#262521}
#shafaq-preview #sf-home-slider .saj-sub{font-size:20px;color:#6b645b}
#shafaq-preview .saj-eyebrow{font-size:17px;color:#b65013}
#shafaq-preview .saj-cta,#shafaq-preview .sf-primary{background:#b65013;color:#fff;border-color:#b65013;border-radius:28px;font-size:18px;padding:13px 25px}
#shafaq-preview #sf-home-slider .saj-book img{height:185px}
#shafaq-preview .saj-book span{font-size:14px}
#shafaq-preview .saj-unavailable{font-size:12px}
#shafaq-preview #sf-home-slider h1{font-size:52px;line-height:1.4}
#shafaq-preview .sf-desc{font-size:20px;max-width:470px;color:#6b645b}
#shafaq-preview .sf-author,#shafaq-preview .sf-price-hero{font-size:18px}
#shafaq-preview #sf-home-slider .sf-kids{background:#e9f4e8}
#shafaq-preview #sf-home-slider .sf-kids h2{font-size:44px;color:#27665d}
#shafaq-preview #sf-home-slider .sf-kids p{font-size:20px}
#shafaq-preview .sf-kids .sf-primary{background:#27665d;border-color:#27665d}
#shafaq-preview .sf-slider-controls{background:#f3eadc}
#shafaq-preview .sf-blog .sf-blog-card{border-radius:12px}
#shafaq-preview .sf-blog .sf-blog-copy p{font-size:17px;line-height:1.9}
#shafaq-preview .sf-blog h3{font-size:22px;font-weight:600}
#shafaq-preview .sf-foot{padding:40px 4%;gap:50px}
#shafaq-preview .sf-foot h2{font-size:26px}
#shafaq-preview .sf-foot p{font-size:17px}
#shafaq-preview .sf-bottom{padding:18px 4%;font-size:15px;gap:22px}
@container(max-width:900px){
#shafaq-preview .sf-books{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#shafaq-preview .sf-book-image{height:240px}
#shafaq-preview .sf-promo-pair .sf-bundle-strip{flex-direction:column;align-items:stretch}
#shafaq-preview .sf-promo-pair .sf-bundle-cta{align-self:flex-start}
}
@container(max-width:650px){
#shafaq-preview .sf-head{padding:12px 18px;gap:14px;flex-wrap:wrap}
#shafaq-preview .sf-search{max-width:none;width:100%;flex-basis:100%;order:5}
#shafaq-preview .sf-top{font-size:12px}
#shafaq-preview .sf-tool{font-size:15px}
#shafaq-preview .sf-nav{gap:4px 14px;padding:5px 14px}
#shafaq-preview .sf-nav a{font-size:14px}
#shafaq-preview .sf-menu-panel a{font-size:16px}
#shafaq-preview .sf-section{padding:30px 16px}
#shafaq-preview h2,#shafaq-preview .sf-title h2{font-size:27px}
#shafaq-preview .sf-title{align-items:center;gap:10px}
#shafaq-preview .sf-title .sf-link{font-size:14px;white-space:normal;flex-shrink:0;max-width:105px}
#shafaq-preview .sf-eyebrow{font-size:14px}
#shafaq-preview .sf-section-intro{font-size:16px}
#shafaq-preview .sf-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#shafaq-preview .sf-cats a{font-size:16px;min-height:65px}
#shafaq-preview .sf-promo-pair{grid-template-columns:1fr;padding:0 16px 4px;gap:12px}
#shafaq-preview .sf-promo-pair .sf-bundle-strip{flex-direction:row;align-items:center;padding:16px;gap:10px}
#shafaq-preview .sf-promo-pair .sf-bundle-copy strong{font-size:23px}
#shafaq-preview .sf-promo-pair .sf-bundle-copy small{font-size:14px}
#shafaq-preview .sf-promo-pair .sf-bundle-cta{font-size:14px;padding:11px;align-self:center}
#shafaq-preview .sf-books{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#shafaq-preview .sf-book{padding:10px;border-radius:10px}
#shafaq-preview .sf-book-image{height:195px;padding:27px 3px 8px}
#shafaq-preview .sf-book h3{font-size:17px;line-height:1.65;min-height:56px}
#shafaq-preview .sf-book-author,#shafaq-preview .sf-new-section .sf-book-author{font-size:14px}
#shafaq-preview .sf-availability{font-size:12px}
#shafaq-preview .sf-buy{font-size:19px;gap:10px;flex-wrap:nowrap}
#shafaq-preview .sf-add{font-size:15px;min-height:46px;padding:8px 4px;flex:auto}
#shafaq-preview .sf-new-label{font-size:10px;padding:3px 5px}
#shafaq-preview #sf-home-slider .sf-slide{height:580px}
#shafaq-preview #sf-home-slider .saj-banner{padding:24px 18px}
#shafaq-preview #sf-home-slider .saj-title{font-size:31px}
#shafaq-preview #sf-home-slider .saj-sub{font-size:17px}
#shafaq-preview #sf-home-slider .saj-books{gap:16px 12px}
#shafaq-preview #sf-home-slider .saj-book img{height:94px}
#shafaq-preview .saj-cta,#shafaq-preview .sf-primary{font-size:16px;padding:11px 20px}
#shafaq-preview #sf-home-slider h1{font-size:34px}
#shafaq-preview .sf-desc{font-size:17px}
#shafaq-preview .sf-author,#shafaq-preview .sf-price-hero{font-size:16px}
#shafaq-preview #sf-home-slider .sf-kids h2{font-size:32px}
#shafaq-preview #sf-home-slider .sf-kids p{font-size:17px}
#shafaq-preview .sf-blog h3{font-size:20px}
#shafaq-preview .sf-blog .sf-blog-copy p{font-size:16px}
#shafaq-preview .sf-foot{padding:30px 20px;gap:28px}
#shafaq-preview .sf-bottom{font-size:14px}
}
@media(max-width:650px){body .product-grid-item .wd-entities-title{font-size:17px}body .product-grid-item .price{font-size:18px}}