/* Inspired by ramz-brand. The user's original palette and Thmanyah fonts take precedence. */
:root { --muted:#5a6678; --line:#dce2ea; --soft:#eff2f5; --radius:16px; }
body { font-size:16px; line-height:1.8; }
.ramz-english { line-height:1.6; }
h1,h2,h3 { letter-spacing:0; }
.announcement { font-size:12px; }
.announcement-note { font-size:11px; letter-spacing:.5px; }
.search-form,.button,.woocommerce .button { border-radius:10px; }
.search-form input,.language-links,.main-nav { font-size:14px; }
.header-actions { gap:20px; }
.main-nav { gap:30px; }
.eyebrow { color:var(--muted); font-size:13px; letter-spacing:0; }
.hero { padding-block:48px 56px; }
.hero h1 { font-size:58px; line-height:1.35; margin-block:18px; letter-spacing:0; }
.hero-copy>p { font-size:17px; line-height:1.8; }
.ramz-english .hero-copy>p { line-height:1.6; }
.button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button { font-size:15px; min-height:48px; }
.primary { background:var(--navy); }
.primary:hover { background:#25354e; }
.text-link,.hero-buttons .text-link { font-size:14px; }
.text-link:hover,.main-nav a:hover { color:var(--navy); text-decoration:underline; text-underline-offset:6px; }
.hero-caption { color:var(--muted); font-size:12px; }
.hero-art { min-height:400px; border-radius:16px; background:var(--soft); border:1px solid var(--line); }
.art-grid { opacity:.3; }
.laptop-visual { top:17%; transform:rotate(-3deg); filter:drop-shadow(0 18px 12px #101e3a12); }
.screen-art { background:var(--navy); }
.screen-curve { background:none; box-shadow:none; border:1px solid #ffffff16; }
.curve-one { right:-32%; top:-74%; }
.curve-two { right:-15%; top:-91%; }
.curve-three { width:10px; height:10px; border:0; border-radius:0; background:var(--teal); right:9%; top:14%; transform:none; }
.screen-label { top:32%; font-size:clamp(24px,3.2vw,42px); font-weight:500; line-height:1.1; letter-spacing:-.5px; }
.art-tag { left:25px; top:18px; bottom:auto; color:var(--muted); font-size:11px; letter-spacing:0; }
.ramz-arabic .art-tag { left:auto; right:25px; direction:rtl; }
.section-heading h2 { font-size:32px; }
.section-heading p { font-size:14px; }
.category-card { border-radius:16px; transition:border-color 220ms; }
.category-card:hover { border-color:var(--navy); transform:none; box-shadow:none; }
.category-icon { color:var(--navy); background:var(--soft); border-radius:10px; }
.category-card h3 { font-size:19px; font-weight:500; }
.category-card p { font-size:14px; line-height:1.8; }
.collection-empty { border-radius:16px; }
.collection-empty .eyebrow { font-size:13px; letter-spacing:0; }
.collection-empty p { font-size:14px; line-height:1.8; }
.empty-symbol { border-radius:10px; color:var(--muted); }
.about-section { border-radius:16px; background:var(--soft); }
.about-brand { min-height:320px; display:flex; align-items:center; }
.about-brand>span { font-size:52px; line-height:1.15; letter-spacing:-1px; font-weight:500; }
.about-brand i { width:12px; height:12px; border:0; border-radius:0; background:var(--teal); transform:none; right:40px; top:40px; bottom:auto; }
.about-copy p { font-size:15px; line-height:1.8; }
.footer-original-logo { display:block; width:180px; max-width:100%; height:auto; background:transparent; padding:0; border-radius:0; }
.footer-main h3,.footer-brand p { font-size:14px; }
.footer-main>div>a { font-size:13px; }
.footer-bottom { font-size:12px; }
.footer-bottom>span:last-child { letter-spacing:0; }
.cart-link span { border-radius:4px; background:var(--navy); }
.woocommerce ul.products li.product { background:white; border-radius:16px; }
.woocommerce ul.products img { aspect-ratio:1; }
.woocommerce ul.products h2 { font-size:17px; font-weight:500; }
.woocommerce ul.products .price { font-size:20px; }
.woocommerce .summary .price,.woocommerce .price ins { color:var(--navy); }
.woocommerce .onsale { background:var(--navy); font-size:13px; padding:5px 10px; }
.woocommerce .woocommerce-breadcrumb,.woocommerce-result-count { font-size:14px; }
.woocommerce ul.products .button { font-size:14px; }
.woocommerce input,.woocommerce textarea,.woocommerce select { border-radius:10px; }
.woocommerce form .form-row label { font-size:14px; }
.woocommerce .stock.in-stock { color:var(--navy); }
.woocommerce .stock.in-stock::before { content:''; display:inline-block; width:7px; height:7px; background:var(--teal); margin-inline-end:8px; }
.woocommerce .woocommerce-info { background:var(--soft); border-color:var(--navy); }
.woocommerce .cart_totals,.woocommerce #payment { background:white; border:1px solid var(--line); border-radius:16px; }
.woocommerce-Price-amount,bdi { unicode-bidi:isolate; }
.demo-notice { color:var(--muted); font-size:14px; padding:16px 20px; border:1px solid var(--line); border-radius:10px; background:var(--soft); margin-bottom:32px; }
.demo-group { margin-block:0 48px; }
.demo-group-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:20px; }
.demo-group-heading h3 { font-size:25px; font-weight:500; }
.demo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.demo-card { min-width:0; border:1px solid var(--line); border-radius:16px; background:white; padding:20px; transition:border-color 220ms; }
.demo-card:hover { border-color:var(--navy); }
.demo-badge { display:inline-block; border:1px solid var(--line); color:var(--muted); background:white; padding:3px 9px; font-size:11px; border-radius:4px; }
.demo-open { display:block; width:100%; border:0; padding:0; text-align:start; color:var(--navy); background:white; }
.demo-open img { display:block; width:100%; aspect-ratio:4/3; object-fit:contain; margin-block:12px 18px; }
.demo-brand { display:block; font-size:12px; color:var(--muted); margin-bottom:6px; }
.demo-card h4 { font-size:20px; font-weight:500; line-height:1.45; margin:0 0 20px; min-height:58px; }
.demo-view { display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--line); padding-top:15px; font-size:14px; }
.demo-view svg { width:18px; height:18px; }
.ramz-arabic .demo-view svg { transform:rotate(180deg); }
.demo-dialog { border:1px solid var(--line); border-radius:16px; max-width:760px; width:calc(100% - 32px); max-height:90vh; padding:30px; color:var(--navy); background:white; }
.demo-dialog::backdrop { background:#101e3a99; }
.demo-close { display:flex; padding:10px; background:var(--soft); border:1px solid var(--line); border-radius:10px; color:var(--navy); margin-inline-start:auto; }
.demo-dialog-image { width:100%; height:330px; object-fit:contain; margin:10px 0 20px; }
.demo-dialog h2 { margin:12px 0; font-size:28px; }
.demo-dialog p { font-size:15px; line-height:1.8; margin-bottom:16px; }
.demo-source { font-size:13px; color:var(--muted); text-decoration:underline; text-underline-offset:4px; }
@media (max-width:1100px) {
  .main-nav { gap:20px; font-size:13px; }
  .main-nav .all-laptops { padding-inline-end:20px; }
  .hero h1 { font-size:48px; }
  .hero-art { min-height:350px; }
  .category-card { padding:22px 17px; }
  .category-card h3 { font-size:18px; }
}
@media (max-width:800px) {
  .header-actions { gap:16px; }
  .announcement { font-size:11px; }
  .main-nav { font-size:15px; gap:0; }
  .hero { padding-block:32px 40px; }
  .hero h1 { font-size:46px; }
  .hero-art { min-height:380px; }
  .laptop-visual { top:17%; }
  .hero-buttons { flex-wrap:wrap; gap:20px; }
  .hero-caption { font-size:12px; margin-top:24px; }
  .section-heading h2 { font-size:27px; }
  .category-card { padding:20px 16px; }
  .category-card h3 { font-size:18px; line-height:1.5; }
  .category-card p { font-size:13px; }
  .collection-empty { align-items:flex-start; }
  .collection-empty h3 { font-size:20px; }
  .collection-empty p { font-size:14px; }
  .about-brand { min-height:240px; }
  .about-brand>span { font-size:44px; }
  .about-copy p { font-size:15px; }
  .footer-bottom { gap:12px; font-size:11px; }
  .demo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
  .demo-card { padding:14px; border-radius:12px; }
  .demo-card h4 { font-size:17px; min-height:74px; }
  .demo-group-heading h3 { font-size:22px; }
  .demo-group-heading .text-link { font-size:12px; }
  .demo-notice { padding:14px; font-size:13px; }
  .demo-view { font-size:13px; }
  .demo-dialog { padding:20px; }
  .demo-dialog-image { height:240px; }
  .demo-dialog h2 { font-size:24px; }
}
@media (max-width:420px) {
  .hero h1 { font-size:40px; }
  .hero-copy>p { font-size:16px; }
  .hero-buttons .primary { padding:12px 17px; }
  .hero-buttons .text-link { font-size:13px; }
  .hero-art { min-height:285px; }
  .laptop-visual { top:18%; }
  .screen-label { font-size:27px; }
  .art-tag { font-size:10px; top:14px; bottom:auto; }
  .category-card { padding:18px 13px; }
  .category-card h3 { font-size:17px; }
  .collection-empty .empty-symbol { display:none; }
}