/*
Theme Name: Jahan Sodor Kala
Theme URI: https://jsk-export.com/
Author: Custom
Description: A pixel-focused bilingual corporate export website theme based on the supplied English and Persian references.
Version: 1.4.0
Text Domain: jsk
*/
:root{--brown:#3a2016;--gold:#b89417;--cream:#f7f6f1;--line:#e9e7df;--text:#171717;--muted:#77736e;--dark:#1c1c1b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf9f6;color:var(--text);font-family:Arial,Tahoma,sans-serif;font-size:17px;line-height:1.72}body.rtl{font-family:Tahoma,Arial,sans-serif;direction:rtl}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{margin:auto}
.site-header{min-height:65px;background:rgba(250,249,246,.78);border-bottom:1px solid rgba(233,231,223,.72);display:flex;align-items:center;position:sticky;top:0;z-index:1000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header-inner{width: min(1216px, calc(100% - 48px));display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;gap:10px;min-width:205px}.brand img{width:44px;height:44px;object-fit:contain;border-radius:2px;background:transparent}.brand strong{font-size:14px;line-height:1.1}.brand small{display:block;color:#8a8782;font-size:12px}.main-nav{display:flex;align-items:center;gap:5px;flex:1;justify-content:center}.main-nav a,.lang-switch{padding:10px 8px;border-radius:8px;color:#67635f;font-size:16px;white-space:nowrap}.main-nav a:hover,.main-nav a.active,.lang-switch:hover{background:#f2f0ea;color:#222}.header-actions{display:flex;align-items:center;gap:9px}.quote-btn,.btn-primary{background:var(--brown);color:#fff;border-radius:7px;padding:8px 12px;font-weight:700;font-size:12px;border:0}.quote-btn:hover,.btn-primary:hover{background:#24120c}.btn-gold{background:#c49b10;color:#fff}.mobile-toggle{display:none;border:1px solid var(--line);background:rgba(250,249,246,.72);border-radius:7px;padding:7px 10px}
.hero{min-height:535px;background-image:linear-gradient(90deg,rgba(42,17,10,.78),rgba(42,17,10,.43)),url("http://jahansodoor.com/wp-content/uploads/2026/10/741846.jpg");background-size:cover;background-position:center;display:flex;align-items:center;color:#fff}.hero-content{max-width:770px;padding:65px 0}.hero h1{font-size:52px;line-height:1.03;margin:0 0 26px;font-weight:800;letter-spacing:-1.5px} .hero p{font-size:19px;color:#f0eeea;max-width:750px;margin:0 0 30px}.hero-buttons{display:flex;gap:15px;margin-bottom:35px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 25px;border-radius:7px;border:1px solid transparent;font-weight:700;font-size:15px}.btn-outline{border-color:rgba(255,255,255,.45);color:#fff}.trust-row{display:flex;gap:32px;flex-wrap:wrap;color:#e9e3dc;font-size:15px}.trust-row span:before{content:"✓";color:#d0aa19;font-weight:800;margin-right:8px}
.section{padding:78px 0}.section.alt{background:#f4f3ee}.section-head{text-align:center;max-width:760px;margin:0 auto 48px}.section-head h2{font-size:32px;line-height:1.2;margin:0 0 16px;letter-spacing:-.7px}.section-head p{color:var(--muted);margin:0;font-size:17px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:25px;box-shadow:0 2px 8px rgba(0,0,0,.025)}.feature .icon,.service .icon,.quality .icon{color:var(--gold);font-size:28px;margin-bottom:10px}.card h3{font-size:18px;margin:0 0 7px}.card p{font-size:15px;color:var(--muted);margin:0}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:8px}.product-card img{width:100%;height:250px;object-fit:cover}.product-body{padding:17px}.product-body h3{font-size:18px;margin:0 0 5px}.product-body p{font-size:15px;color:var(--muted);margin:0 0 12px}.tags{display:flex;gap:5px;flex-wrap:wrap}.tag{font-size:12px;border:1px solid #e8dfc0;background:#fbf8eb;border-radius:20px;padding:2px 7px;color:#765d00}.product-filters{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 30px}.product-filter{appearance:none;border:1px solid #ded9cf;background:#fff;color:#514d47;border-radius:8px;padding:12px 21px;font:inherit;font-size:16px;font-weight:700;line-height:1;cursor:pointer;transition:all .18s ease}.product-filter:hover{border-color:#b89417;color:#765d00}.product-filter.is-active{background:var(--brown);border-color:var(--brown);color:#fff;box-shadow:0 3px 10px rgba(58,32,22,.12)}.product-card.is-hidden{display:none}.product-actions{display:flex;gap:8px;margin-top:15px}.product-actions .btn{padding:10px 14px;font-size:14px}.btn-light{border:1px solid #ddd8d0;background:#fff}.center{text-align:center}.link-arrow{font-size:16px;font-weight:700}.cta{background:var(--brown);color:white;text-align:center;padding:58px 20px} .home-cta{background:#faf9f6;padding:78px 0}.home-cta h2{font-size:32px;margin:0 0 8px}.home-cta p{color:var(--muted);margin:0 auto 22px;max-width:700px;font-size:17px}.home-cta-buttons{display:flex;justify-content:center;gap:10px}.piarom-feature{background:#faf9f6}.piarom-home{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.piarom-copy h2{font-size:31px;line-height:1.2;margin:0 0 17px}.piarom-copy p{color:var(--muted);font-size:17px;margin:0 0 18px}.piarom-image img{width:100%;height:430px;object-fit:cover;border-radius:10px}.mini-specs{display:grid;grid-template-columns:1fr 1fr;gap:13px 28px;margin:20px 0 24px}.mini-specs b{display:block;font-size:11px;color:#8b887f;letter-spacing:.04em}.mini-specs span{font-size:14px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process-step{background:#fff;border:1px solid var(--line);border-radius:8px;min-height:70px;padding:14px;display:flex;align-items:center;gap:12px}.process-step span{width:27px;height:27px;border-radius:50%;background:#f4f0dd;color:#8b6e00;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex:0 0 auto}.process-step strong{font-size:15px;font-weight:600}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.why-item{border:1px solid var(--line);border-radius:8px;background:#fff;min-height:62px;padding:13px 15px;display:flex;align-items:center;gap:10px}.why-item span{color:var(--gold);font-size:18px}.why-item strong{font-size:15px}.stats{background:#1b1b1a;color:#fff;padding:35px 0}.stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.stat{text-align:center}.stat strong{display:block;color:#d0a915;font-size:20px;line-height:1.1;margin-bottom:5px}.stat span{display:block;color:#e0ddd5;font-size:13px}.cta h2{font-size:30px;margin:0 0 8px}.cta p{color:#ddd3cd;margin:0 auto 22px;max-width:700px}
.page-title{padding:65px 0 25px;text-align:center}.page-title h1{font-size:38px;margin:0 0 8px}.page-title p{color:var(--muted);margin:0 auto;max-width:800px;font-size:17px}.product-page .page-title{text-align:center}.product-page .page-title p{margin-left:auto;margin-right:auto}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service.card{min-height:170px}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.standards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.standard{background:#fff;border:1px solid var(--line);border-radius:7px;padding:12px 14px;font-size:14px;display:flex;justify-content:space-between;gap:10px}.status{font-size:11px;background:#f3f0e6;border-radius:20px;padding:2px 7px;white-space:nowrap}.status.available{background:#4b2a1e;color:white}.table-wrap{overflow:auto}.grade-table{width:100%;border-collapse:collapse;background:#fff;font-size:15px}.grade-table th,.grade-table td{padding:13px;border-bottom:1px solid var(--line);text-align:left}.grade-table th{background:#f3f1eb}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{cursor:pointer;font-weight:700;font-size:16px}.contact-grid{display:grid;grid-template-columns:360px 1fr;gap:38px}.contact-card{margin-bottom:18px}.contact-card.whatsapp{background:#eef0e8}.contact-card a{color:#1e9c60;font-weight:700}.form-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{font-size:15px;font-weight:700;display:block;margin-bottom:5px}.field input,.field select,.field textarea{width:100%;border:1px solid #dedbd3;background:#fcfbf8;border-radius:6px;padding:12px 13px;font:inherit;font-size:15px}.field textarea{min-height:120px;resize:vertical}.field.full{grid-column:1/-1}.form-submit{margin-top:18px}.notice{padding:12px 15px;border-radius:7px;background:#edf6ed;border:1px solid #cfe4cf;margin-bottom:18px;font-size:14px}.product-hero{min-height:360px;background:linear-gradient(90deg,rgba(45,20,12,.74),rgba(45,20,12,.35)),url("https://jahansodoor.com/wp-content/uploads/2026/09/piarom-dates-plate-1.jpeg") center/cover;display:flex;align-items:center;color:white}.product-hero h1{font-size:42px;line-height:1.1;max-width:700px;margin:0 0 15px}.product-hero p{max-width:760px;color:#eee;margin:0;font-size:18px}.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.spec{background:#fff;border:1px solid var(--line);border-radius:7px;padding:18px}.spec b{display:block;font-size:12px;color:#8b887f;text-transform:uppercase}.spec span{font-size:17px}.site-footer{background:var(--dark);color:#e4e2dd;padding:52px 0 25px;font-size:.875rem;line-height:1.75}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-brand p{color:#aaa7a1;font-size:.875rem;max-width:330px}.footer-col h4{font-size:.875rem;color:#fff;margin:0 0 13px;text-transform:uppercase}.footer-col a{display:block;color:#aaa7a1;font-size:.875rem;margin:9px 0}.footer-bottom{border-top:1px solid #333;margin-top:38px;padding-top:16px;color:#777;font-size:.875rem}.rtl .header-inner{direction:rtl}.rtl .piarom-home{direction:rtl}.rtl .mini-specs,.rtl .process-grid,.rtl .why-grid,.rtl .stats-grid{direction:rtl}.rtl .piarom-copy{text-align:right}.rtl .main-nav{direction:rtl}.rtl .hero-content{text-align:right} .rtl .section-head{text-align:center}.rtl .page-title{text-align:center} .rtl .section-head{margin-right:auto;margin-left:auto}.rtl .trust-row span:before{margin-right:0;margin-left:8px}.rtl .grade-table th,.rtl .grade-table td{text-align:right}.rtl .brand{flex-direction:row}.rtl .footer-grid{direction:rtl}.rtl .form-card,.rtl .contact-card{direction:rtl}
@media(max-width:1050px){.main-nav a{padding:8px 7px;font-size:13px}.brand{min-width:145px}.features{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:45px}.footer-grid{grid-template-columns:2fr 1fr 1fr}}
@media(max-width:760px){.container{width:min(100% - 30px,600px)}.site-header{height:auto;min-height:72px}.header-inner{flex-wrap:wrap;padding:10px 0}.mobile-toggle{display:block;margin-left:auto}.main-nav{display:none;width:100%;order:5;flex-direction:column;align-items:stretch;padding:8px 0}.main-nav.open{display:flex}.main-nav a{text-align:center}.header-actions{margin-left:0}.quote-btn{display:none}.hero{min-height:610px}.hero h1{font-size:38px}.hero p{font-size:16px}.hero-buttons{flex-direction:column;align-items:flex-start}.trust-row{gap:13px;flex-direction:column}.section{padding:55px 0}.products-grid,.service-grid,.quality-grid,.grid-3,.grid-2,.features,.specs{grid-template-columns:1fr}.standards{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.product-hero h1{font-size:34px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.page-title{padding-top:45px}.piarom-home{grid-template-columns:1fr;gap:28px}.piarom-image{order:0}.piarom-copy{order:1}.piarom-image img{height:340px}.process-grid,.why-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(3,1fr);row-gap:24px}.home-cta-buttons{flex-direction:column;align-items:center}.home-cta-buttons .btn{width:min(280px,100%)}.home-cta{padding:55px 0}.product-filters{gap:8px}.product-filter{padding:10px 15px;font-size:14px}}

/* Product category controls follow document direction: English left, Persian right. */
.product-page .product-filters{justify-content:flex-start}
.rtl .product-page .product-filters{justify-content:flex-start;direction:rtl}
.product-page .page-title h1,.product-page .page-title p{text-align:center}
.feature h3,.feature p{line-height:1.65}

/* Final typography calibration against the supplied reference screenshots. */
.main-nav a,
.lang-switch{font-size:15px}
.section-head h2{font-size:34px}
.section-head p,.page-title p{font-size:17px}
.page-title h1{font-size:40px}
.product-filter{font-size:16px}
.product-body h3{font-size:18px}
.product-body p{font-size:15px}
.feature .icon,.service .icon,.quality .icon{font-size:30px}
.process-step strong,.why-item strong{font-size:15px}
.footer-col a,.footer-brand p,.footer-bottom{font-size:.875rem}
.rtl .section-head{text-align:center}
.rtl .product-page .product-filters{justify-content:flex-start;direction:rtl}
@media(max-width:1050px){
  .main-nav a,.lang-switch{font-size:15px}
}
@media(max-width:760px){
  .main-nav a,.lang-switch{font-size:16px}
  .section-head h2{font-size:30px}
  .page-title h1{font-size:34px}
}

/* ===== Dropdown menu (desktop hover) ===== */
.main-nav .nav-item {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.main-nav .dropdown {
  display: none !important;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  margin-top: 0;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
  padding: 8px 0;
  z-index: 1100;
}
.main-nav .nav-item:hover > .dropdown {
  display: block !important;
}
.main-nav .dropdown a {
  display: block;
  padding: 10px 16px;
  border-radius: 0;
  color: #67635f;
  font-size: 15px;
  white-space: nowrap;
  background: transparent;
}
.main-nav .dropdown a:hover {
  background: #f2f0ea;
  color: #222;
}
.main-nav .dropdown-item {
  position: relative;
}
.main-nav .dropdown-item > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.main-nav .sub-arrow {
  font-size: 14px;
  opacity: .55;
}
.main-nav .sub-dropdown {
  display: none !important;
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 190px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
  padding: 8px 0;
  z-index: 1200;
}
.main-nav .dropdown-item:hover > .sub-dropdown {
  display: block !important;
}

/* RTL: submenu opens to the left */
body.rtl .main-nav .dropdown {
  left: auto;
  right: 0;
}
body.rtl .main-nav .sub-dropdown {
  left: auto;
  right: 100%;
}
body.rtl .main-nav .sub-arrow {
  transform: scaleX(-1);
}

/* ===== Mobile ===== */
@media (max-width: 760px) {
  .main-nav .nav-item {
    display: block;
    width: 100%;
  }
  .main-nav .dropdown,
  .main-nav .sub-dropdown {
    position: static !important;
    display: none !important;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    background: transparent;
    min-width: 0;
    padding: 0;
    margin: 0;
  }
  .main-nav .nav-item.open > .dropdown,
  .main-nav .dropdown-item.open > .sub-dropdown {
    display: block !important;
  }
  .main-nav .dropdown a {
    text-align: center;
    padding: 10px 8px;
  }
  .main-nav .dropdown-item > a {
    justify-content: center;
  }
  body.rtl .main-nav .dropdown {
    padding: 0;
  }
}