/* Arabian Safari v1.1: 100%-browser-zoom desktop proportions and Figma-style controls.
 * This stylesheet is loaded after main.css. Content and native Gutenberg blocks are unchanged.
 * Breakpoints prevent the 1920px design coordinates from behaving as literal desktop CSS sizes.
 */
:root{--ads-container:1240px;--ads-radius:12px}
body.ads-site{font-size:14px;line-height:1.6}
body.ads-site .ads-container{width:min(calc(100% - 56px),var(--ads-container))}
body.ads-site h1,body.ads-site h2,body.ads-site h3{letter-spacing:-.025em}
body.ads-site h2{font-size:clamp(26px,2.2vw,35px);line-height:1.23}
body.ads-site h3{font-size:19px;line-height:1.32}
body.ads-site p{margin-bottom:14px}
/* Unified button design: no stretched/tall or heavily rounded buttons. */
body.ads-site .ads-button{
  box-sizing:border-box;min-height:40px;padding:10px 19px;
  border-radius:5px;border-width:1px;gap:7px;
  font-size:12px;line-height:1.25;font-weight:600;
  letter-spacing:.012em;box-shadow:none;transform:none;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease;
}
body.ads-site .ads-button:hover{transform:none}
body.ads-site .ads-button>span[aria-hidden]{font-size:14px;font-weight:400;line-height:1}
body.ads-site .ads-button--gold{background-color:#c88a3d;color:white}
body.ads-site .ads-button--gold:hover{background-color:#b47830;color:#fff}
body.ads-site .ads-button--outline{border-color:#c88a3d}
body.ads-site .ads-section{padding-top:67px;padding-bottom:67px}
body.ads-site .ads-section-heading{max-width:760px;margin-bottom:28px}
body.ads-site .ads-section-heading h2{margin-bottom:10px}
body.ads-site .ads-section-heading p{max-width:650px;font-size:13px;line-height:1.6}
body.ads-site .ads-eyebrow{margin-bottom:8px;font-size:11px;letter-spacing:.09em}
body.ads-site .ads-center{margin-top:23px}
/* Navigation and hero: compact at normal 100% browser zoom. */
body.ads-site .ads-header,body.ads-site .ads-header__in{height:72px}
body.ads-site .ads-header__in{gap:19px}
body.ads-site .ads-logo{min-width:70px}
body.ads-site .ads-logo img{width:65px;height:62px}
body.ads-site .ads-menu{gap:clamp(11px,1.5vw,24px)}
body.ads-site .ads-menu a{font-size:12px;font-weight:500}
body.ads-site .ads-header__actions .ads-button{font-size:11px;min-height:36px;padding:8px 14px}
body.ads-site .ads-hero{min-height:620px}
body.ads-site .ads-hero-grid{grid-template-columns:minmax(0,1fr) minmax(325px,375px);column-gap:clamp(28px,4.2vw,70px);padding-block:35px}
body.ads-site .ads-hero-copy{max-width:690px;padding:25px 0}
body.ads-site .ads-hero-kicker{font-size:13px;margin-bottom:13px}
body.ads-site .ads-hero h1{font-size:clamp(36px,3.2vw,49px);line-height:1.12;max-width:650px;margin-bottom:17px;font-weight:700}
body.ads-site .ads-hero-copy>p{font-size:14px;line-height:1.65;max-width:600px}
body.ads-site .ads-hero-actions{margin-top:20px;gap:10px}
body.ads-site .ads-hero-form{padding:23px 25px;border-radius:12px}
body.ads-site .ads-hero-form h2{font-size:23px;margin-bottom:6px}
body.ads-site .ads-hero-form>p{font-size:11px;line-height:1.6;margin-bottom:15px}
body.ads-site .ads-field{margin-bottom:9px}
body.ads-site .ads-field label{font-size:11px;margin-bottom:4px;font-weight:600}
body.ads-site .ads-field input,body.ads-site .ads-field select{height:38px;font-size:12px;border-radius:5px;padding:7px 11px}
body.ads-site .ads-form-row{gap:10px}
body.ads-site .ads-form-submit{width:100%;min-height:40px}
body.ads-site .ads-form-note{font-size:10px;margin-top:8px}
body.ads-site .ads-trust{padding:21px 0}
body.ads-site .ads-trust-grid{gap:14px}
body.ads-site .ads-trust-item{font-size:12px;gap:8px}
body.ads-site .ads-trust-symbol{font-size:18px}
/* Packages */
body.ads-site .ads-package-grid{gap:20px}
body.ads-site .ads-package-card{border-radius:11px;box-shadow:0 5px 18px rgba(54,35,10,.06)}
body.ads-site .ads-package-card__image{height:195px}
body.ads-site .ads-package-badge{font-size:9px;top:12px;left:12px;padding:6px 9px;border-radius:4px}
body.ads-site .ads-package-body{padding:19px 20px}
body.ads-site .ads-package-body h3{font-size:18px;margin-bottom:5px}
body.ads-site .ads-package-sub{font-size:11px;margin-bottom:11px;line-height:1.5}
body.ads-site .ads-price{padding-bottom:12px;gap:8px}
body.ads-site .ads-price strong{font-size:24px}
body.ads-site .ads-price del{font-size:12px}
body.ads-site .ads-mini-meta{padding:12px 0;font-size:10px;gap:7px 11px}
body.ads-site .ads-features{padding:14px 0 17px}
body.ads-site .ads-features li{font-size:11px;line-height:1.55;margin-bottom:7px;gap:8px}
body.ads-site .ads-features li span{font-size:14px}
body.ads-site .ads-package-actions .ads-button{width:100%;min-height:37px}
/* Secondary enquiry panel */
body.ads-site .ads-mid-lead{padding:18px 0 38px}
body.ads-site .ads-mid-lead-card{min-height:335px;gap:34px;border-radius:15px;padding:32px 45px}
body.ads-site .ads-mid-lead-card h2{font-size:30px;max-width:460px}
body.ads-site .ads-mid-lead-card p{font-size:12px}
body.ads-site .ads-mid-lead-fields{max-width:450px;border-radius:10px;padding:17px}
body.ads-site .ads-mid-lead-fields .ads-lead-form{gap:8px}
/* Four-card comparison and feature sections */
body.ads-site .ads-comparison-grid{gap:16px}
body.ads-site .ads-comparison-card{border-radius:10px}
body.ads-site .ads-comparison-img{height:157px}
body.ads-site .ads-comparison-body{padding:15px}
body.ads-site .ads-comparison-body h3{font-size:16px;margin-bottom:9px}
body.ads-site .ads-comparison-body p{font-size:11px;line-height:1.6;min-height:52px}
body.ads-site .ads-compare-feature{font-size:11px;padding:8px 0}
body.ads-site .ads-comparison-body>.ads-text-link{font-size:11px;margin-top:14px}
body.ads-site .ads-why-layout{gap:38px}
body.ads-site .ads-why .ads-section-heading{margin-bottom:21px}
body.ads-site .ads-benefits-grid{gap:13px}
body.ads-site .ads-benefit{padding:15px;border-radius:9px}
body.ads-site .ads-benefit-icon{width:38px;height:38px;font-size:19px;margin-bottom:10px;border-radius:8px}
body.ads-site .ads-benefit h3{font-size:14px}
body.ads-site .ads-benefit p{font-size:11px}
body.ads-site .ads-why-image img{height:475px;max-height:none;border-radius:12px}
body.ads-site .ads-experiences-grid{gap:18px}
body.ads-site .ads-experience-card{border-radius:11px}
body.ads-site .ads-experience-image{height:185px}
body.ads-site .ads-experience-body{padding:16px 18px 19px}
body.ads-site .ads-experience-body h3{font-size:17px}
body.ads-site .ads-experience-body p{font-size:12px}
body.ads-site .ads-gallery-grid{gap:15px}
body.ads-site .ads-gallery-image{height:185px}
body.ads-site .ads-gallery-card figcaption{font-size:12px}
body.ads-site .ads-check{padding:14px}
body.ads-site .ads-check h3{font-size:14px}
body.ads-site .ads-check p{font-size:11px}
body.ads-site .ads-faq-item summary{font-size:13px;padding:14px 2px}
body.ads-site .ads-faq-answer{font-size:12px}
body.ads-site .ads-faq-toggle{height:26px;width:26px}
body.ads-site .ads-final-cta{min-height:265px;padding:40px 0}
body.ads-site .ads-final-cta h2{font-size:35px}
body.ads-site .ads-final-cta p{font-size:13px}
body.ads-site .ads-footer{padding-top:45px}
body.ads-site .ads-footer-grid{gap:30px;padding-bottom:32px}
body.ads-site .ads-footer-brand img{width:110px;height:100px}
body.ads-site .ads-footer h3{font-size:15px;margin-bottom:13px}
body.ads-site .ads-footer p,body.ads-site .ads-footer li{font-size:12px}
body.ads-site .ads-footer li{margin-bottom:6px}
/* Laptop width: prevent form and nav from squeezing the hero headline. */
@media (min-width:901px) and (max-width:1279px){
  body.ads-site .ads-container{width:calc(100% - 52px)}
  body.ads-site .ads-hero-grid{grid-template-columns:minmax(0,1fr) minmax(305px,345px);gap:24px}
  body.ads-site .ads-hero h1{font-size:clamp(32px,3.6vw,44px)}
  body.ads-site .ads-menu{gap:11px}
  body.ads-site .ads-mid-lead-card{padding:28px 30px}
}
@media (min-width:768px) and (max-width:900px){
  body.ads-site .ads-header,body.ads-site .ads-header__in{height:66px}
  body.ads-site .ads-hero{min-height:0}
  body.ads-site .ads-hero-grid{grid-template-columns:1fr;gap:8px;padding-block:30px}
  body.ads-site .ads-hero-form{width:100%;max-width:490px;margin-inline:auto}
  body.ads-site .ads-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.ads-site .ads-why-image img{height:350px}
}
/* Mobile frame has its own explicit Figma breakpoint; retain its hierarchy. */
@media (max-width:767px){
 :root{--ads-container:100%}
 body.ads-site{font-size:12px}
 body.ads-site .ads-container{width:calc(100% - 40px)}
 body.ads-site .ads-header,body.ads-site .ads-header__in{height:53px}
 body.ads-site .ads-logo{min-width:0}
 body.ads-site .ads-logo img{width:46px;height:46px}
 body.ads-site .ads-menu a{font-size:16px}
 body.ads-site .ads-hero{min-height:0}
 body.ads-site .ads-hero-grid{display:block;padding:0 0 20px}
 body.ads-site .ads-hero-copy{min-height:347px;max-width:none;padding:15px 0 25px}
 body.ads-site .ads-hero-kicker{font-size:11px;margin:0 0 13px}
 body.ads-site .ads-hero h1{font-size:clamp(23px,6vw,30px);line-height:1.2;margin:0 0 12px}
 body.ads-site .ads-hero-copy>p{font-size:12px;line-height:1.6;margin:0}
 body.ads-site .ads-hero-actions{margin-top:15px;gap:8px}
 body.ads-site .ads-hero-actions .ads-button{min-height:35px;font-size:10px;padding:7px 12px}
 body.ads-site .ads-hero-form{margin-top:20px;padding:22px 21px;border-radius:16px}
 body.ads-site .ads-hero-form h2{font-size:23px}
 body.ads-site .ads-hero-form>p{font-size:12px;margin-bottom:18px}
 body.ads-site .ads-field{margin-bottom:11px}
 body.ads-site .ads-field label{font-size:12px}
 body.ads-site .ads-field input,body.ads-site .ads-field select{height:42px;font-size:12px}
 body.ads-site .ads-form-submit{min-height:43px}
 body.ads-site .ads-button{min-height:38px;font-size:11px;padding:9px 14px}
 body.ads-site .ads-section{padding:55px 0}
 body.ads-site .ads-section-heading{margin-bottom:26px}
 body.ads-site .ads-section-heading h2{font-size:clamp(23px,6vw,29px)}
 body.ads-site .ads-section-heading p{font-size:12px}
 body.ads-site .ads-package-grid,body.ads-site .ads-comparison-grid,body.ads-site .ads-experiences-grid{grid-template-columns:1fr;gap:20px}
 body.ads-site .ads-package-card__image{height:253px}
 body.ads-site .ads-package-body{padding:19px 22px}
 body.ads-site .ads-package-body h3{font-size:21px}
 body.ads-site .ads-price strong{font-size:28px}
 body.ads-site .ads-mini-meta{font-size:11px}
 body.ads-site .ads-features li{font-size:12px}
 body.ads-site .ads-mid-lead-card{grid-template-columns:1fr;min-height:0;padding:25px 19px;gap:20px}
 body.ads-site .ads-mid-lead-card h2{font-size:26px}
 body.ads-site .ads-mid-lead-fields{padding:17px}
 body.ads-site .ads-mid-lead-fields .ads-lead-form{grid-template-columns:1fr}
 body.ads-site .ads-comparison-img{height:188px}
 body.ads-site .ads-comparison-body{padding:22px}
 body.ads-site .ads-comparison-body p{min-height:0}
 body.ads-site .ads-why-image img{height:auto}
 body.ads-site .ads-benefit{padding:14px}
 body.ads-site .ads-experience-image{height:210px}
 body.ads-site .ads-experience-body{padding:16px 21px 23px}
 body.ads-site .ads-experience-body h3{font-size:19px}
 body.ads-site .ads-experience-body p{font-size:12px}
 body.ads-site .ads-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body.ads-site .ads-gallery-image{height:185px}
 body.ads-site .ads-check h3{font-size:15px}
 body.ads-site .ads-check p{font-size:12px}
 body.ads-site .ads-faq-item summary{font-size:13px;padding:16px 0}
 body.ads-site .ads-faq-answer{font-size:12px}
 body.ads-site .ads-final-cta{min-height:350px;padding:47px 0}
 body.ads-site .ads-final-cta h2{font-size:27px}
 body.ads-site .ads-final-cta p{font-size:12px}
 body.ads-site .ads-footer{padding-top:38px}
 body.ads-site .ads-footer-grid{gap:30px 19px;padding-bottom:30px}
 body.ads-site .ads-footer-brand img{width:115px;height:96px}
 body.ads-site .ads-footer h3{font-size:15px}
 body.ads-site .ads-footer p,body.ads-site .ads-footer li{font-size:12px}
}
@media(max-width:375px){body.ads-site .ads-container{width:calc(100% - 30px)}}
/* v1.2: Native editor content renders at full width on internal safari pages. */
body.ads-site .ads-page-heading{padding:48px 0 34px;background:#fcf7f1;border-bottom:1px solid #f0e7dd}
body.ads-site .ads-page-heading h1{font-size:clamp(29px,3vw,43px);line-height:1.19;margin:0}
body.ads-site .ads-editable-page>.wp-block-arabian-hero:first-child{margin-top:0}
body.ads-site .ads-page-prose{padding-top:50px;padding-bottom:80px;max-width:min(100% - 48px,900px)}
body.ads-site .ads-page-prose h1{font-size:clamp(28px,3vw,43px);margin-bottom:24px}
body.ads-site .ads-page-prose :is(p,ol,ul){line-height:1.8}
body.ads-site .ads-page-prose ul{list-style:disc;padding-left:22px}
body.ads-site .ads-page-prose ol{list-style:decimal;padding-left:22px}
@media(max-width:767px){body.ads-site .ads-page-heading{padding:28px 0 22px}body.ads-site .ads-page-heading h1{font-size:27px}body.ads-site .ads-page-prose{padding-top:30px;padding-bottom:55px}}