:root{
      --ym-navy:#191b4d;
      --ym-blue:#51aee2;
      --ym-blue-dark:#178bc5;
      --ym-soft:#eef8fe;
      --ym-ice:#dff7ff;
      --ym-dark:#05070b;
      --ym-orange:#ff9f1c;
      --ym-text:#15213a;
      --ym-muted:#667085;
      --radius:24px;
    }
    *{box-sizing:border-box}
    body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ym-text);background:#fff;overflow-x:hidden}
	@font-face {
		  font-family: 'Aptos';
		  src: url('/assets/front/fonts/Aptos/Aptos.ttf') format('truetype');
		  font-weight: 400;
		  font-style: normal;
		}

		html[dir="ltr"] body{
			font-family: 'Aptos';
		 
		}
	@font-face {
	  font-family: 'Almarai';
	  src: url('/assets/front/fonts/Almarai/Almarai-Regular.ttf') format('truetype');
	  font-weight: 400;
	  font-style: normal;
	}


	@font-face {
	  font-family: 'Almarai-Bold';
	  src: url('/assets/front/fonts/Almarai/Almarai-Bold.ttf') format('truetype');
	  font-weight: 400;
	  font-style: normal;
	}
	
	html[dir="rtl"] body{
		font-family: 'Almarai';
	 
	}
    h1,h2,h3,h4,.display-font{font-family:Oswald,Inter,sans-serif;color:var(--ym-navy);letter-spacing:.15px}
	html[dir="rtl"]  h1,h2,h3,h4,.display-font , .ap-heading{
		font-family: 'Almarai-Bold' !important;
	 
	}
	
    a{text-decoration:none}.btn{border-radius:12px;font-weight:900;padding:.82rem 1.35rem;border:0}.btn-primary{background:var(--ym-blue);box-shadow:0 14px 30px rgba(81,174,226,.25)}.btn-primary:hover{background:var(--ym-blue-dark)}.btn-navy{background:var(--ym-navy);color:#fff}.btn-navy:hover{background:#0e113c;color:#fff}.btn-outline-navy{border:2px solid var(--ym-navy);color:var(--ym-navy);background:#fff}.btn-outline-navy:hover{background:var(--ym-navy);color:#fff}.section{padding:78px 0}.eyebrow{display:inline-block;color:var(--ym-blue-dark);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}
	.title-xl{font-size:clamp(2.2rem,4vw,4.6rem);line-height:1}.text-muted{color:var(--ym-muted)!important}

    /* Top bar */
    .top-strip{background:#050505;color:#fff;font-size:.84rem;font-weight:700;height:34px;display:flex;align-items:center}.top-strip a{color:#fff;display:inline-flex;gap:7px;align-items:center}.top-strip .accent{color:#ffd84a}.top-strip .divider{width:1px;height:18px;background:rgba(255,255,255,.48);display:inline-block}.top-line{display:flex;align-items:center;justify-content:space-between;gap:18px}
	.top-left,.top-right{display:flex;align-items:center;gap:18px;white-space:nowrap; position:relative}
	

    /* Header */
    .site-header{position:sticky;top:0;z-index:1050;background:#fff;box-shadow:0 8px 24px rgba(25,27,77,.08)}
    .main-nav{height:82px;display:flex;align-items:center}.brand img{height:58px;width:auto}.nav-menu{display:flex;align-items:center;gap:25px;margin:0 auto}.nav-menu>li{list-style:none}.nav-menu>li>a{color:#202436;font-weight:900;display:flex;align-items:center;gap:7px;height:82px}.nav-menu>li>a i{color:var(--ym-blue-dark);font-size:.72rem}.header-actions{display:flex;align-items:center;gap:12px}.icon-square{width:54px;height:54px;border-radius:14px;border:2px solid #1f2330;color:#111;display:inline-flex;align-items:center;justify-content:center;background:#fff;font-size:1.5rem;position:relative}
	.cart-badge{position:absolute;right:0px;top:0px;background:var(--ym-blue);font-size:.65rem}.donate-btn{min-width:150px;background:var(--ym-blue);color:#fff;border-radius:14px}.donate-btn:hover{background:var(--ym-blue-dark);color:#fff}

    .mega-menu{display:none;position:absolute;left:50%;top:116px;transform:translateX(-50%);width:min(1100px,calc(100vw - 70px));background:#fff;border-radius:0 0 22px 22px;box-shadow:0 28px 80px rgba(25,27,77,.18);padding:34px;z-index:1000}.nav-item-mega:hover .mega-menu{display:block}.mega-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:24px}.mega-card{background:#f7fbff;border:1px solid #e4f2fb;border-radius:20px;padding:22px}.mega-card h5{font-size:1.35rem}.mega-card a{display:block;color:#23304a;font-weight:800;margin:12px 0}.mega-card a:hover{color:var(--ym-blue-dark)}

    /* Mobile menu */
    .mobile-toggle{display:none}.mobile-drawer{position:fixed;top:116px;right:0;bottom:0;width:380px;max-width:100vw;background:#fafafa;z-index:2000;transform:translateX(110%);transition:.24s ease;box-shadow:-20px 20px 55px rgba(25,27,77,.2);overflow:auto}.mobile-drawer.show{transform:translateX(0)}.drawer-link{height:62px;padding:0 26px;display:flex;align-items:center;justify-content:space-between;color:#111;border-bottom:1px solid #eee;font-size:18px}.drawer-sub{display:none;padding:12px 26px 20px;border-bottom:1px solid #eee}.drawer-sub a{display:block;color:#23304a;padding:8px 0}.drawer-item.open .drawer-sub{display:block}.drawer-ctas{padding:20px 22px}.page-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.56);z-index:1500;display:none}.page-backdrop.show{display:block}

    /* Quick icon strip */
    .icon-donation-strip{background:linear-gradient(90deg,#fffaf0,#f7fbff);padding:26px 0;border-bottom:1px solid #e8edf2}.donation-icons{display:flex;align-items:center;gap:28px;overflow-x:auto;padding-bottom:4px}.donation-icon-card{min-width:105px;text-align:center}.donation-icon-card .ico{width:68px;height:68px;border-radius:18px;background:var(--ym-navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 11px;transition:.25s}.donation-icon-card.active .ico{background:#fff;color:var(--ym-blue-dark);border:3px solid var(--ym-blue);box-shadow:0 12px 30px rgba(81,174,226,.22)}.donation-icon-card span{font-size:.78rem;font-weight:900;color:#334155;display:block;white-space:nowrap}

    /* Hero slider */
    .hero-slide{position:relative;min-height:560px;background:#111;overflow:hidden}
	.hero-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}
	.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,27,77,.88),rgba(25,27,77,.42),rgba(25,27,77,.05))}
	.hero-content{position:relative;z-index:2;color:#fff;padding:90px 0}.hero-content h1{font-size:clamp(3.2rem,5vw,6.6rem);line-height:.95;color:#fff;max-width:860px}.hero-content p{max-width:620px;color:#edf9ff;font-size:1.13rem;line-height:1.8}
	.hero-chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);padding:8px 14px;border-radius:999px;font-weight:900}.carousel-control-prev,.carousel-control-next{width:48px;height:48px;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.18);border-radius:50%;backdrop-filter:blur(8px)}

    /* Hızlı Bağış bar */
    .quick-bar{background:var(--ym-ice);padding:18px 0}
	.quick-donation{background:#fff;border-radius:22px;padding:18px;box-shadow:0 12px 40px rgba(25,27,77,.1);display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr auto;gap:12px;align-items:center;margin-top:-50px;position:relative;z-index:4}
	.quick-title{display:flex;align-items:center;gap:12px}
	.quick-title i{width:50px;height:50px;border-radius:16px;background:var(--ym-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.45rem}
	.form-select,.form-control{border-radius:14px;border:1px solid #d8e8f4;padding:.52rem 1rem;font-weight:800}.amount-pills{display:flex;gap:8px}.amount-pills button{border:1px solid #d8e8f4;background:#fff;border-radius:12px;padding:.78rem 1rem;font-weight:900;color:#111}.amount-pills button.active{background:var(--ym-navy);color:#fff;border-color:var(--ym-navy)}

    /* About */
    .about-panel{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.about-image{position:relative}.about-image img{width:100%;border-radius:34px;box-shadow:0 30px 80px rgba(25,27,77,.16)}.about-float{position:absolute;left:-24px;bottom:30px;background:#fff;border-radius:24px;padding:22px;box-shadow:0 20px 55px rgba(25,27,77,.14);max-width:250px}.about-float strong{font-family:Oswald;font-size:2.3rem;color:var(--ym-blue-dark);line-height:1;display:block}.about-text-block{background:#fff}.values-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.value-mini{border-left:5px solid var(--ym-blue);background:#f7fbff;border-radius:16px;padding:16px}.value-mini strong{color:var(--ym-navy)}

    /* Kampanyalar */
    .campaigns{background:var(--ym-navy);color:#fff;position:relative;overflow:hidden}.campaigns h2,.campaigns h3{color:#fff}.campaign-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:22px}.campaign-card{position:relative;min-height:360px;border-radius:30px;overflow:hidden;background:#000;box-shadow:0 22px 70px rgba(0,0,0,.22)}.campaign-card.small{min-height:250px}.campaign-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72;transition:.35s}.campaign-card:hover img{transform:scale(1.06)}.campaign-card .content{position:absolute;inset:auto 0 0 0;padding:28px;background:linear-gradient(0deg,rgba(0,0,0,.82),transparent)}.campaign-card .tag{background:var(--ym-blue);color:#fff;font-weight:900;border-radius:999px;padding:6px 12px;font-size:.72rem;display:inline-block;margin-bottom:10px}.campaign-side{display:grid;gap:22px}

    /* News */
    .news-wrap{background:#fff}.news-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:22px}.news-card{border-radius:26px;overflow:hidden;background:#fff;border:1px solid #e9f1f8;box-shadow:0 14px 45px rgba(25,27,77,.08);height:100%}.news-card img{height:210px;width:100%;object-fit:cover}.news-card .body{padding:22px}.news-card h4{font-size:1.6rem}.news-card a{color:var(--ym-blue-dark);font-weight:900}

    /* Link strip */
    .links-strip{background:var(--ym-ice);padding:22px 0}.link-pills{display:flex;align-items:center;gap:14px;overflow-x:auto}.link-pills strong{font-family:Oswald;font-size:1.75rem;color:var(--ym-navy);white-space:nowrap;margin-right:12px}.link-pills a{background:#fff;color:var(--ym-blue-dark);font-weight:900;padding:14px 28px;border-radius:10px;white-space:nowrap;box-shadow:0 8px 22px rgba(25,27,77,.06)}

    /* donation methods */
    .methods{background:#f7fbff}.methods-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.method-card{background:#fff;border-radius:26px;padding:28px;border:1px solid #e5f0f8;height:100%;position:relative;overflow:hidden;transition:.25s}.method-card:before{content:"";position:absolute;right:-35px;top:-35px;width:100px;height:100px;background:var(--ym-soft);border-radius:50%}.method-card:hover{transform:translateY(-7px);box-shadow:0 20px 60px rgba(25,27,77,.1)}.method-card i{width:62px;height:62px;border-radius:18px;background:var(--ym-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.55rem;margin-bottom:18px;position:relative}.method-card h4{font-size:1.45rem;position:relative}.method-card p{position:relative}

    /* locations */
    .locations{background:#fff}.location-board{background:linear-gradient(135deg,#191b4d,#26336f);border-radius:36px;padding:34px;color:#fff;position:relative;overflow:hidden}.location-board:before{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border:70px solid rgba(81,174,226,.18);border-radius:50%}.location-board h2{color:#fff}.region-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px;position:relative}.region-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:20px}.region-card i{color:var(--ym-blue);font-size:1.7rem}.region-card h5{color:#fff;margin-top:12px}.region-card p{color:#dceeff;margin:0;font-size:.92rem;line-height:1.7}.dot-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;position:relative}.dot-list span{background:#fff;color:var(--ym-navy);font-weight:900;border-radius:999px;padding:8px 13px}

    .footer{background:var(--ym-blue);color:#fff;padding:60px 0 26px}
	.footer img{height:62px;filter:brightness(0) invert(1)}
	.footer img{height:62px;filter:brightness(0) invert(1)}
	.footer h5,.footer h6{color:#fff}.footer a{color:#fff;opacity:.9;display:block;margin-bottom:7px}.newsletter{display:flex; flex-direction: column;}.newsletter input{border-radius:999px 0 0 999px;border:0}.newsletter button{border-radius:0 999px 999px 0;background:var(--ym-navy);color:#fff}

    /* Panels: cart/search */
    .panel-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:3000;display:none}.panel-backdrop.show{display:block}.cart-panel{position:fixed;top:0;right:-430px;width:400px;max-width:100%;height:100vh;background:#fff;z-index:3010;box-shadow:-20px 0 55px rgba(0,0,0,.18);transition:right .25s ease;padding:34px 36px;overflow-y:auto}.cart-panel.show{right:0}.panel-close{width:42px;height:42px;border:1px solid #e3e7ec;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-left:auto}.cart-title{font-family:Oswald;font-size:2rem;color:var(--ym-navy);margin:20px 0}.cart-line{display:flex;justify-content:space-between;gap:15px;margin:18px 0}.cart-price{color:var(--ym-blue-dark);font-weight:900}.cart-extra{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:start;margin:16px 0}.cart-extra span:first-child{width:22px;height:22px;border:1px solid var(--ym-blue);color:var(--ym-blue);border-radius:50%;display:flex;align-items:center;justify-content:center}.search-panel{position:fixed;top:0;left:0;right:0;background:#fff;z-index:3010;transform:translateY(-110%);transition:.25s ease;padding:22px 0;box-shadow:0 20px 55px rgba(25,27,77,.14)}.search-panel.show{transform:translateY(0)}.search-box{height:58px;border:2px solid var(--ym-blue);border-radius:18px;display:flex;align-items:center;gap:12px;padding:0 18px;max-width:720px;margin:auto}.search-box input{border:0;outline:0;width:100%;font-weight:700}

    @media(max-width:1199.98px){.nav-menu{gap:14px}.brand img{height:48px}.donate-btn{min-width:120px}.quick-donation{grid-template-columns:1fr 1fr 1fr}.campaign-grid{grid-template-columns:1fr 1fr}.campaign-grid>.campaign-side:last-child{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.methods-grid,.region-grid{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:991.98px){.top-strip{display:none}.main-nav{height:74px}.brand img{height:42px}.nav-menu,.header-actions .donate-btn{display:none}.mobile-toggle{display:inline-flex}.mobile-drawer{top:74px}.section{padding:62px 0}.icon-donation-strip{padding-top:18px}.hero-slide{min-height:520px}.hero-content{padding:70px 0}.quick-donation{margin-top:0;grid-template-columns:1fr}.about-panel,.campaign-grid,.news-grid{grid-template-columns:1fr}.campaign-grid>.campaign-side:last-child{grid-template-columns:1fr}.about-float{left:15px}.location-board{padding:26px}.footer .row{gap:20px}}
    @media(max-width:575.98px){.hero-content h1{font-size:3.1rem}.donation-icons{gap:16px}.donation-icon-card{min-width:88px}.donation-icon-card .ico{width:58px;height:58px}.amount-pills{display:grid;grid-template-columns:repeat(3,1fr)}.values-row,.methods-grid,.region-grid{grid-template-columns:1fr}.newsletter{display:block}.newsletter input,.newsletter button{border-radius:999px!important;width:100%;margin-top:10px}.cart-panel{padding:25px 22px}.icon-square{width:46px;height:46px}.mobile-drawer{width:340px}}


    /* ===== Laptop / small desktop fit fixes ===== */
    @media (max-width:1399.98px){
      .container-fluid.px-xl-5{padding-left:34px!important;padding-right:34px!important}
      .top-strip{height:30px;font-size:.78rem}
      .top-left,.top-right{gap:13px}
      .main-nav{height:84px}
      .brand img{height:50px}
      .nav-menu{gap:18px}
      .nav-menu>li>a{height:84px;font-size:.94rem;line-height:1.15}
      .header-actions{gap:10px}
      .icon-square{width:50px;height:50px;border-radius:13px;font-size:1.35rem}
      .donate-btn{min-width:136px;padding:.72rem 1.15rem}
      .mega-menu{top:114px}
      .icon-donation-strip{padding:18px 0 16px}
      .donation-icons{gap:34px;justify-content:flex-start}
      .donation-icon-card{min-width:96px}
      .donation-icon-card .ico{width:58px;height:58px;border-radius:16px;font-size:1.65rem;margin-bottom:9px}
      .hero-slide{min-height:470px}
      .hero-content{padding:72px 0}
      .hero-content h1{font-size:clamp(3rem,6vw,5.2rem);max-width:840px}
      .hero-content p{font-size:1rem;max-width:540px}
      .quick-donation{margin-top:-36px}
    }
    @media (max-width:1240px){
      .container-fluid.px-xl-5{padding-left:10px!important;padding-right:10px!important}
      .brand img{height:44px}
      .nav-menu{gap:12px}
      .nav-menu>li>a{font-size:.86rem}
      .icon-square{width:46px;height:46px;font-size:1.25rem}
      .donate-btn{min-width:118px;font-size:.92rem}
      .donation-icons{gap:24px}
      .donation-icon-card{min-width:88px}
      .hero-slide{min-height:430px}
      .hero-content h1{font-size:clamp(2.7rem,5.5vw,4.7rem)}
    }



    /* Creative replacement: no horizontal scroll, no map */
    .help-hub{background:linear-gradient(180deg,#dff7ff 0%,#fff 100%);padding:58px 0 34px;overflow:hidden}
    .hub-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
    .hub-head h2{font-size:clamp(2.2rem,4vw,4.1rem);line-height:1;color:var(--ym-navy);margin:0}.hub-head p{max-width:560px;color:#566176;font-weight:700;line-height:1.75;margin:0}
    .help-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr 1.05fr;grid-template-rows:190px 190px;gap:18px}
    .help-tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:170px;padding:24px;border-radius:30px;text-decoration:none;color:#fff;overflow:hidden;box-shadow:0 18px 45px rgba(25,27,77,.12);transition:.25s ease}
    .help-tile:hover{transform:translateY(-7px);color:#fff}.help-tile:before{content:"";position:absolute;right:-45px;top:-45px;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.15)}.help-tile i{position:relative;width:60px;height:60px;border-radius:20px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:1.8rem}.help-tile strong{position:relative;font-family:Oswald;font-size:1.85rem;line-height:1.05;color:#fff}.help-tile span{position:relative;font-weight:800;font-size:.9rem;color:rgba(255,255,255,.88)}
    .help-tile.big{grid-row:span 2;background:linear-gradient(135deg,var(--ym-navy),#27337b)}.help-tile.water{background:linear-gradient(135deg,var(--ym-blue),#178bc5)}.help-tile.zakat{background:linear-gradient(135deg,#102048,#191b4d)}.help-tile.orphan{background:linear-gradient(135deg,#35b86b,#18884b)}.help-tile.food{background:linear-gradient(135deg,#ff9f1c,#dd7811)}.help-tile.health{background:linear-gradient(135deg,#3354b8,#51aee2)}
    .impact-month{background:#fff;padding:42px 0 70px}.impact-shell{background:linear-gradient(135deg,#191b4d 0%,#222c66 54%,#178bc5 100%);border-radius:42px;padding:42px;color:#fff;position:relative;overflow:hidden}.impact-shell:before{content:"";position:absolute;right:-170px;top:-170px;width:430px;height:430px;border:72px solid rgba(255,255,255,.09);border-radius:50%}.impact-shell h2{color:#fff;font-size:clamp(2rem,3.8vw,3.8rem);line-height:1}.impact-shell p{color:#dceeff;font-weight:650;line-height:1.8}.impact-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px;position:relative}.impact-number{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:24px}.impact-number i{font-size:1.8rem;color:var(--ym-blue)}.impact-number strong{font-family:Oswald;display:block;font-size:2.4rem;color:#fff;margin-top:15px;line-height:1}.impact-number span{display:block;color:#dceeff;font-weight:800;margin-top:8px}
    .serve-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:22px;position:relative}.serve-country{background:#fff;color:var(--ym-navy);border-radius:18px;padding:15px 12px;font-weight:900;text-align:center;box-shadow:0 12px 24px rgba(0,0,0,.10)}.serve-country small{display:block;color:var(--ym-blue-dark);font-weight:900;margin-top:5px}
    @media(max-width:1199.98px){.help-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.help-tile.big{grid-row:auto;grid-column:span 2}.impact-numbers{grid-template-columns:repeat(2,1fr)}.serve-strip{grid-template-columns:repeat(3,1fr)}}
    @media(max-width:767.98px){.hub-head{display:block}.hub-head p{margin-top:12px}.help-grid{grid-template-columns:1fr}.help-tile.big{grid-column:auto}.impact-shell{padding:26px;border-radius:30px}.impact-numbers,.serve-strip{grid-template-columns:1fr}}

  

    /* ===== Requested refinements ===== */
    @media(min-width:992px){
      .nav-item-mega{position:static}
      .mega-menu{top:116px;width:min(1088px,calc(100vw - 110px));padding:46px 64px;border-radius:0 0 22px 22px;background:#fff;box-shadow:0 25px 70px rgba(25,27,77,.16)}
      .mega-grid{grid-template-columns:repeat(4,1fr);gap:0}
      .mega-card{background:transparent;border:0;border-radius:0;padding:0 34px;min-height:260px;border-left:1px solid #dce5ed}
      .mega-card:first-child{border-left:0;padding-left:0}
      .mega-card h5{font-size:1.55rem;color:var(--ym-blue);margin-bottom:20px;text-transform:uppercase}
      .mega-card:nth-child(3) h5{color:#25b35b}.mega-card:nth-child(4) h5{color:var(--ym-orange)}
      .mega-card a{font-size:1rem;margin:0 0 18px;color:#062d43;font-weight:900}
    }
    .country-showcase{background:#172052;color:#fff;padding:76px 0}.country-showcase h2,.country-showcase h3{color:#fff}.country-shell{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(81,174,226,.12));border:1px solid rgba(255,255,255,.12);border-radius:38px;padding:38px;overflow:hidden}.country-showcase p{color:#dcecff}.country-slider{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.country-card{position:relative;overflow:hidden;min-height:235px;padding:26px;border-radius:28px;background:#fff;color:var(--ym-navy);box-shadow:0 18px 45px rgba(0,0,0,.18)}.country-card:after{content:"";position:absolute;right:-38px;top:-38px;width:135px;height:135px;border-radius:50%;background:rgba(81,174,226,.18)}.country-card .flag{font-size:2.4rem;display:block;margin-bottom:16px}.country-card h3{color:var(--ym-navy);font-size:2rem}.country-card p{color:#5d6b82}.country-card strong{display:inline-flex;margin-top:10px;background:var(--ym-blue);color:#fff;border-radius:999px;padding:8px 13px;font-size:.83rem}.country-card.sudan strong{background:var(--ym-orange)}.country-card.kenya strong,.country-card.bangladesh strong{background:#35b86b}
    @media(max-width:991.98px){
      .campaign-grid,.news-grid,.country-slider{display:flex!important;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;padding-bottom:14px;-webkit-overflow-scrolling:touch}.campaign-grid::-webkit-scrollbar,.news-grid::-webkit-scrollbar,.country-slider::-webkit-scrollbar{height:5px}.campaign-grid::-webkit-scrollbar-thumb,.news-grid::-webkit-scrollbar-thumb,.country-slider::-webkit-scrollbar-thumb{background:var(--ym-blue);border-radius:99px}.campaign-side{display:contents!important}.campaign-card,.news-card,.country-card{min-width:82vw;scroll-snap-align:start}.campaign-card,.campaign-card.small{min-height:430px}.news-card img{height:230px}.country-shell{padding:26px}.country-card{min-height:245px}.site-header{background:#eef4fb;box-shadow:none}.main-nav{height:66px;margin:10px 16px;padding:0 14px!important;background:#fff;border-radius:0;box-shadow:0 8px 22px rgba(25,27,77,.10)}.brand img{height:42px}.header-actions{margin-left:auto;gap:8px}.icon-square{width:38px;height:38px;border:0;background:#f4f8f7;border-radius:50%;font-size:1.15rem}
.cart-badge{top:-4px;right:-5px}.mobile-toggle{display:inline-flex!important}.mobile-drawer{top:86px}.icon-donation-strip{padding-top:14px}.donation-icons{justify-content:flex-start}.hero-slide{min-height:450px}.hero-content h1{font-size:3.35rem}.quick-donation{margin-top:-28px}}
    @media(max-width:575.98px){.main-nav{height:58px;margin:10px 18px}.brand img{height:34px}.icon-square{width:34px;height:34px}.mobile-drawer{top:78px}.campaign-card,.news-card,.country-card{min-width:86vw}.hero-content h1{font-size:2.8rem}.country-showcase{padding:58px 0}.country-shell{border-radius:28px;padding:20px}}

  

/* ===== Fixes requested: dropdowns, mobile value slider, countries redesign ===== */
.top-dropdown{position:relative;display:inline-flex;align-items:center}
.top-dd-btn{border:0;background:transparent;color:#fff;font-weight:800;padding:0;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.top-dd-menu{position:absolute;top:28px;left:0;min-width:185px;background:#fff;color:var(--ym-navy);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.22);padding:8px;display:none;z-index:5000;border:1px solid #eef3f7}
.top-dropdown.open .top-dd-menu{display:block}
.top-dd-menu a{display:block!important;color:var(--ym-navy)!important;padding:10px 12px;border-radius:10px;font-weight:900;white-space:nowrap}
.top-dd-menu a:hover{background:var(--ym-soft);color:var(--ym-blue-dark)!important}

.country-showcase-v2{background:linear-gradient(135deg,#12194b 0%,#1e2a64 58%,#172052 100%);padding:76px 0;color:#fff;overflow:hidden}
.country-head{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:end;margin-bottom:28px}
.country-head h2{color:#fff;font-size:clamp(2.1rem,4vw,4.3rem);line-height:.98;margin:8px 0 0}
.country-head p{color:#dcecff;font-weight:700;line-height:1.8;margin:0}
.country-board-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.country-tile-v2{background:rgba(255,255,255,.96);color:var(--ym-navy);border-radius:26px;padding:22px;min-height:215px;position:relative;overflow:hidden;box-shadow:0 18px 45px rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.16)}
.country-tile-v2:before{content:"";position:absolute;right:-45px;top:-45px;width:130px;height:130px;border-radius:50%;background:rgba(81,174,226,.16)}
.country-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}
.country-top .flag{width:54px;height:54px;border-radius:18px;background:#eef8fe;display:flex;align-items:center;justify-content:center;font-size:1.8rem}
.country-top .code{font-family:Oswald;font-size:1.75rem;color:var(--ym-blue-dark)}
.country-tile-v2 h3{font-size:2rem;margin:18px 0 12px;position:relative;z-index:1}
.support-tags{display:flex;flex-wrap:wrap;gap:8px;position:relative;z-index:1}
.support-tags span{background:#eef8fe;color:#1b375a;border-radius:999px;padding:7px 10px;font-size:.76rem;font-weight:900}
.country-foot{display:flex;align-items:baseline;gap:8px;margin-top:18px;position:relative;z-index:1}
.country-foot strong{font-family:Oswald;font-size:2.25rem;color:var(--ym-blue-dark);line-height:1}
.country-foot small{font-weight:900;color:#5d6b82}
.country-tile-v2.sudan .country-foot strong,.country-tile-v2.sudan .country-top .code{color:var(--ym-orange)}
.country-tile-v2.kenya .country-foot strong,.country-tile-v2.bangladesh .country-foot strong{color:#35b86b}

@media(max-width:991.98px){
  .values-row{display:flex!important;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;padding:4px 4px 14px;margin-left:-4px;margin-right:-4px;grid-template-columns:none!important}
  .values-row::-webkit-scrollbar{height:5px}.values-row::-webkit-scrollbar-thumb{background:var(--ym-blue);border-radius:999px}
  .value-mini{min-width:78%;scroll-snap-align:start;border-left:0;border-top:5px solid var(--ym-blue);box-shadow:0 12px 30px rgba(25,27,77,.08)}
  .country-showcase-v2{padding:58px 0}
  .country-head{grid-template-columns:1fr;gap:14px;margin-bottom:22px}
  .country-board-v2{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;padding:0 2px 16px;-webkit-overflow-scrolling:touch}
  .country-board-v2::-webkit-scrollbar{height:5px}.country-board-v2::-webkit-scrollbar-thumb{background:var(--ym-blue);border-radius:999px}
  .country-tile-v2{min-width:76vw;scroll-snap-align:start;min-height:210px;border-radius:24px}
}
@media(max-width:575.98px){
  .value-mini{min-width:86%}
  .country-tile-v2{min-width:84vw;padding:20px}
  .country-head h2{font-size:2.55rem}
}

  

/* ===== FINAL MOBILE WIDTH FIX + RADICAL COUNTRIES SECTION ===== */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
img,svg,video{max-width:100%;height:auto}
@media(max-width:991.98px){
  .top-strip{display:none!important}
  .site-header{padding:0!important;background:#eef4fb!important}
  .main-nav{width:calc(100% - 0px)!important;max-width:calc(100% - 0px)!important;margin:0px 0px!important;padding:0 12px!important;box-sizing:border-box!important}
  .brand{min-width:0!important;flex:1 1 auto!important}.brand img{max-width:155px!important;height:auto!important;display:block}
  .header-actions{flex:0 0 auto!important}.donate-btn{display:none!important}.icon-square{flex:0 0 auto!important}
  .icon-donation-strip{overflow:hidden}.donation-icons{gap:18px!important;padding-left:2px;padding-right:2px}.donation-icon-card{min-width:82px!important}.donation-icon-card .ico{width:58px!important;height:58px!important;border-radius:16px!important;font-size:1.55rem!important}.donation-icon-card span{font-size:.68rem!important}
  .hero-slide{width:100%!important}.hero-content{padding:54px 0!important}.hero-content h1{font-size:2.55rem!important;max-width:92vw!important}.hero-content p{max-width:90vw!important;font-size:.95rem!important}.carousel-control-prev,.carousel-control-next{display:none!important}
  .quick-donation{width:100%!important;margin-left:0!important;margin-right:0!important}
  .container,.container-fluid{max-width:100%!important}
}
@media(max-width:420px){
  .main-nav{width:calc(100% - 0px)!important;max-width:calc(100% - 0px)!important;margin:0px 0px!important;height:56px!important}
  .brand img{max-width:145px!important}.icon-square{width:32px!important;height:32px!important;font-size:1rem!important}.header-actions{gap:6px!important}
  .donation-icon-card{min-width:76px!important}.donation-icon-card .ico{width:54px!important;height:54px!important}.hero-content h1{font-size:2.25rem!important}
}
.field-routes{background:radial-gradient(circle at top right,rgba(81,174,226,.18),transparent 34%),linear-gradient(135deg,#111747 0%,#19235c 60%,#0d133d 100%);padding:82px 0;color:#fff;overflow:hidden}
.field-routes h2{color:#fff;font-size:clamp(2.2rem,4.5vw,4.8rem);line-height:.96;margin:8px 0 16px}.field-routes p{color:#dcecff;font-weight:700;line-height:1.8}.routes-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:end;margin-bottom:34px}.routes-intro .eyebrow{grid-column:1/-1;margin-bottom:-16px}.route-board{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:stretch}.route-map-card{min-height:545px;border-radius:40px;background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12);position:relative;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.22)}.route-map-card:before{content:"";position:absolute;inset:40px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 80px),repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 80px);border-radius:32px}.route-line{position:absolute;left:18%;right:18%;top:54%;height:4px;background:linear-gradient(90deg,var(--ym-blue),var(--ym-orange),#35b86b);border-radius:99px;transform:rotate(-17deg);box-shadow:0 0 30px rgba(81,174,226,.55)}.route-point{position:absolute;width:68px;height:68px;border-radius:50%;background:#fff;color:var(--ym-navy);display:flex;align-items:center;justify-content:center;font-family:Oswald;font-size:1.4rem;box-shadow:0 15px 40px rgba(0,0,0,.22);z-index:2}.route-point span{position:relative;z-index:2}.route-point:after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(255,255,255,.35)}.route-point.p1{left:13%;top:28%}.route-point.p2{right:18%;top:22%}.route-point.p3{left:24%;bottom:21%}.route-point.p4{right:17%;bottom:29%}.route-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:190px;border-radius:42px;background:#fff;color:var(--ym-navy);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 25px 70px rgba(0,0,0,.26);z-index:3}.route-center i{font-size:2.5rem;color:var(--ym-blue-dark)}.route-center strong{font-family:Oswald;font-size:2rem;line-height:1;margin-top:10px}.route-center small{font-weight:900;color:#617087;margin-top:7px}.route-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.route-card{background:#fff;color:var(--ym-navy);border-radius:30px;padding:24px;display:grid;grid-template-columns:auto 1fr;gap:16px;align-content:start;position:relative;overflow:hidden;min-height:260px;box-shadow:0 20px 55px rgba(0,0,0,.18)}.route-card:after{content:"";position:absolute;right:-40px;bottom:-40px;width:130px;height:130px;border-radius:50%;background:rgba(81,174,226,.12)}.route-icon{width:58px;height:58px;border-radius:20px;background:var(--ym-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.route-card.shelter .route-icon{background:var(--ym-orange)}.route-card.care .route-icon{background:#35b86b}.route-card h3{font-size:1.9rem;margin:6px 0;color:var(--ym-navy)}.route-card p{color:#58677f;margin:0;font-size:.96rem}.route-label{font-weight:900;color:var(--ym-blue-dark);text-transform:uppercase;font-size:.72rem;letter-spacing:.09em}.route-card.shelter .route-label{color:#bd6b00}.route-card.care .route-label{color:#18864a}.route-card>strong{grid-column:1/-1;align-self:end;justify-self:start;margin-top:12px;background:#eef8fe;color:var(--ym-blue-dark);border-radius:999px;padding:10px 14px;font-weight:900}.route-card.shelter>strong{background:#fff3df;color:#bd6b00}.route-card.care>strong{background:#e9fbf0;color:#18864a}
@media(max-width:991.98px){.field-routes{padding:62px 0}.routes-intro,.route-board{grid-template-columns:1fr}.route-map-card{min-height:360px;border-radius:30px}.route-center{width:150px;height:150px;border-radius:32px}.route-center strong{font-size:1.55rem}.route-point{width:52px;height:52px;font-size:1.05rem}.route-cards{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;padding:2px 2px 16px}.route-cards::-webkit-scrollbar{height:5px}.route-cards::-webkit-scrollbar-thumb{background:var(--ym-blue);border-radius:999px}.route-card{min-width:82vw;scroll-snap-align:start;min-height:245px}.routes-intro .eyebrow{grid-column:auto;margin-bottom:0}.field-routes h2{font-size:2.55rem}}
@media(max-width:420px){.route-map-card{min-height:320px}.route-card{min-width:86vw;padding:20px}.route-card h3{font-size:1.6rem}.route-center{width:132px;height:132px}.route-line{left:12%;right:12%}}

  

/* ===== User requested fixes: mega gap, many countries, desktop stories slider, compact mission cards ===== */
@media(min-width:992px){
  .site-header{position:sticky!important;}
  .site-header .mega-menu{top:100%!important;}
  .nav-item-mega:hover .mega-menu{display:block;}
  .news-wrap .container{position:relative;}
  .news-grid{display:flex!important;overflow-x:auto;gap:22px;scroll-snap-type:x mandatory;padding:8px 4px 22px;-webkit-overflow-scrolling:touch;}
  .news-grid::-webkit-scrollbar{height:7px}.news-grid::-webkit-scrollbar-thumb{background:var(--ym-blue);border-radius:999px}.news-grid::-webkit-scrollbar-track{background:#eef4fb;border-radius:999px}
  .news-card{min-width:355px;max-width:355px;scroll-snap-align:start;}
}
.route-country-strip{margin-top:24px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:22px;position:relative;overflow:hidden}
.route-country-strip h3{color:#fff;font-size:1.7rem;margin-bottom:6px}.route-country-strip p{margin-bottom:16px;color:#dcecff;max-width:780px}
.country-chip-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:stretch}
.country-chip{background:#fff;color:var(--ym-navy);border-radius:16px;padding:13px 12px;font-weight:900;display:flex;align-items:center;gap:9px;box-shadow:0 10px 24px rgba(0,0,0,.10);min-height:58px;transition:.22s ease;border:0;text-align:left;width:100%}.country-chip:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(0,0,0,.16)}.country-chip span{font-size:1.25rem}.country-chip small{display:block;color:var(--ym-blue-dark);font-size:.68rem;font-weight:900;margin-top:2px}
.country-chip.more-country{background:linear-gradient(135deg,var(--ym-blue),#178bc5);color:#fff;justify-content:center;cursor:pointer}.country-chip.more-country span{font-family:Oswald;font-size:1.55rem;line-height:1}.country-chip.more-country small{color:#fff;opacity:.9}.country-chip.extra-country{display:none}.route-country-strip.show-all .country-chip.extra-country{display:flex}.route-country-strip.show-all .more-country{display:none}
@media(max-width:1199.98px){.country-chip-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:991.98px){.country-chip-grid{display:flex;overflow-x:auto;gap:10px;scroll-snap-type:x mandatory;padding-bottom:14px}.country-chip-grid::-webkit-scrollbar{height:5px}.country-chip-grid::-webkit-scrollbar-thumb{background:var(--ym-blue);border-radius:999px}.country-chip{min-width:46vw;scroll-snap-align:start}.country-chip.extra-country{display:flex}.country-chip.more-country{display:none}.value-mini{padding:13px!important;min-height:128px}.value-mini strong{font-size:.95rem}.value-mini p{font-size:.82rem;line-height:1.55}.values-row{gap:10px!important}.route-country-strip{border-radius:24px;padding:16px}}
@media(max-width:575.98px){.value-mini{min-width:72vw!important;max-width:72vw!important}.country-chip{min-width:58vw}.about-text-block .title-xl{font-size:2.25rem}.route-country-strip h3{font-size:1.45rem}}


/* ===== News slider with clean left/right arrows ===== */
.news-slider-shell{position:relative;padding:0 48px;}
.news-grid{display:flex!important;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:8px 4px 26px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.news-grid::-webkit-scrollbar{display:none!important;}
.news-card{flex:0 0 calc((100% - 48px)/3);min-width:0!important;max-width:none!important;scroll-snap-align:start;}
.news-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:48px;height:48px;border-radius:50%;border:2px solid #e6eef6;background:#fff;color:var(--ym-navy);display:flex;align-items:center;justify-content:center;font-size:1.55rem;box-shadow:0 14px 35px rgba(25,27,77,.14);transition:.2s ease;}
.news-arrow:hover{background:var(--ym-blue);border-color:var(--ym-blue);color:#fff;}
.news-arrow.prev{left:0;}
.news-arrow.next{right:0;}
@media(max-width:991.98px){.news-slider-shell{padding:0 42px}.news-card{flex:0 0 78vw;}.news-arrow{width:40px;height:40px;font-size:1.25rem}}
@media(max-width:575.98px){.news-slider-shell{padding:0 34px}.news-card{flex:0 0 82vw;}.news-arrow{width:36px;height:36px}}



/* ===== Fix mobile horizontal scroll for Mission/Vision cards ===== */
@media(max-width:991.98px){
  .about-panel,
  .about-text-block{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  .values-row{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:scroll!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    scroll-snap-type:x mandatory!important;
    touch-action:pan-x!important;
    width:100%!important;
    max-width:100%!important;
    gap:12px!important;
    padding:4px 22px 18px 0!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  .values-row::-webkit-scrollbar{
    height:5px!important;
  }

  .values-row::-webkit-scrollbar-thumb{
    background:var(--ym-blue)!important;
    border-radius:999px!important;
  }

  .value-mini{
    flex:0 0 82%!important;
    min-width:82%!important;
    max-width:82%!important;
    scroll-snap-align:start!important;
  }
}

@media(max-width:420px){
  .value-mini{
    flex-basis:86%!important;
    min-width:86%!important;
    max-width:86%!important;
  }
}


/* ===== Final mobile polish: stop page sideways scroll, remove mobile header shadow, compact news, add slider text padding ===== */
@media(max-width:991.98px){
  html,body{overflow-x:hidden!important;max-width:100%!important;}
  .site-header{box-shadow:none!important;background:#eef4fb!important;}
  .main-nav{box-shadow:none!important;}
  .container,.container-fluid{overflow-x:clip;}
  .about-panel,.about-text-block,.about-image,.news-wrap,.news-slider-shell,.field-routes,.route-board{min-width:0!important;max-width:100%!important;}
  .values-row,.news-grid,.route-cards,.country-chip-grid,.donation-icons{max-width:100%!important;box-sizing:border-box!important;}
  .values-row{overflow-x:auto!important;overscroll-behavior-x:contain!important;}
  .hero-content{padding-left:22px!important;padding-right:22px!important;}
  .hero-content h1,.hero-content p{max-width:100%!important;}
}

.news-wrap.section{padding:48px 0!important;}
.news-wrap .mb-5{margin-bottom:1.8rem!important;}
.news-wrap .title-xl{font-size:clamp(2.2rem,4vw,3.8rem)!important;}
.news-slider-shell{padding:0 42px!important;}
.news-grid{gap:18px!important;padding-bottom:16px!important;}
.news-card{border-radius:22px!important;box-shadow:0 8px 24px rgba(25,27,77,.06)!important;}
.news-card img{height:165px!important;}
.news-card .body{padding:16px 18px!important;}
.news-card h4{font-size:1.35rem!important;margin-bottom:8px!important;}
.news-card p{font-size:.95rem!important;line-height:1.55!important;margin-bottom:12px!important;}
.news-arrow{width:42px!important;height:42px!important;box-shadow:0 8px 22px rgba(25,27,77,.12)!important;}

@media(max-width:575.98px){
  .news-wrap.section{padding:38px 0!important;}
  .news-wrap .title-xl{font-size:2.45rem!important;}
  .news-slider-shell{padding:0 30px!important;}
  .news-card{flex:0 0 78vw!important;}
  .news-card img{height:135px!important;}
  .news-card .body{padding:14px 16px!important;}
  .news-card h4{font-size:1.18rem!important;}
  .news-card p{font-size:.88rem!important;}
  .news-arrow{width:32px!important;height:32px!important;font-size:1rem!important;}
  .hero-content{padding-left:24px!important;padding-right:24px!important;}
}

  

/* ===== Better responsive footer layout ===== */
.footer{position:relative;overflow:hidden;background:linear-gradient(135deg,#51aee2 0%,#178bc5 100%)!important;padding:58px 0 26px!important;}
.footer:before{content:"";position:absolute;right:-90px;top:-120px;width:310px;height:310px;border:55px solid rgba(255,255,255,.12);border-radius:50%;}
.footer .container{position:relative;z-index:1;}
.footer-card{display:grid;grid-template-columns:1.15fr .85fr 1.15fr;gap:34px;align-items:start;}
.footer-brand-block p{max-width:360px;color:rgba(255,255,255,.92);font-weight:700;line-height:1.75;}
.footer-social{display:flex;gap:10px;flex-wrap:wrap;}
.footer-social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.18);display:inline-flex!important;align-items:center;justify-content:center;margin:0!important;opacity:1!important;transition:.2s ease;}
.footer-social a:hover{background:#fff;color:var(--ym-blue-dark);}
.footer-links-wrap{display:grid;grid-template-columns:1fr;gap:26px; text-align:Center}
.footer-link-box h6,.footer-newsletter-block h5{font-weight:900;margin-bottom:14px;}
.footer-link-box a{font-weight:750;margin-bottom:9px!important;}
.footer-newsletter-block{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:26px;padding:24px;backdrop-filter:blur(8px);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.24);margin-top:34px;padding-top:20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:rgba(255,255,255,.9);font-weight:700;}

@media(max-width:991.98px){
  .footer{padding:34px 0 20px!important;}
  .footer-card{grid-template-columns:1fr;gap:22px;}
  .footer-brand-block{text-align:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:24px 18px;}
  .footer-brand-block img{height:auto!important;max-width:190px;margin:0 auto;display:block;}
  .footer-brand-block p{max-width:100%;font-size:.95rem;line-height:1.65;}
  .footer-social{justify-content:center;gap:12px;}
  .footer-social a{width:42px;height:42px;font-size:1.1rem;}
  .footer-links-wrap{grid-template-columns:1fr ;gap:12px;}
  .footer-link-box{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:18px 16px;}
  .footer-link-box h6{font-size:1rem;margin-bottom:12px;}
  .footer-link-box a{font-size:.95rem;margin-bottom:8px!important;}
  .footer-newsletter-block{padding:20px 16px;border-radius:24px;text-align:center;}
  .newsletter{display:grid!important;grid-template-columns:1fr;gap:10px;}
  .newsletter input,.newsletter button{border-radius:999px!important;width:100%;margin-top:0!important;height:48px;}
  .footer-bottom{justify-content:center;text-align:center;margin-top:24px;font-size:.78rem;}
}
@media(max-width:420px){
  .footer .container{padding-left:18px!important;padding-right:18px!important;}
  .footer-brand-block{padding:22px 14px;}
  .footer-brand-block img{max-width:170px;}
  .footer-links-wrap{gap:10px;}
  .footer-link-box{padding:16px 13px;}
  .footer-link-box a{font-size:.9rem;}
}

  

/* ===== Clean desktop header requested: keep black top bar + lighter menu ===== */
@media (min-width: 992px){
  .top-strip{display:flex!important;height:34px!important;background:#050505!important;}
  .site-header{background:#fff!important;box-shadow:0 2px 10px rgba(0,0,0,.05)!important;}
  .main-nav{height:74px!important;padding-left:48px!important;padding-right:48px!important;}
  .brand img{height:52px!important;max-width:215px!important;object-fit:contain;}
  .nav-menu{gap:20px!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;}
  .nav-menu>li>a{height:74px!important;font-size:15px!important;font-weight:750!important;color:#05070b!important;white-space:nowrap!important;gap:5px!important;}
  .nav-menu>li>a i{font-size:.68rem!important;color:#51aee2!important;margin-top:2px;}
  .header-actions{gap:10px!important;}
  .donate-btn{min-width:136px!important;height:46px!important;border-radius:24px!important;padding:0 16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#51aee2!important;color:#fff!important;font-size:14px!important;box-shadow:0 10px 22px rgba(81,174,226,.18)!important;}
  .icon-square{width:46px!important;height:46px!important;border-radius:50%!important;border:0!important;background:#f5f9fd!important;color:#05070b!important;font-size:1.18rem!important;box-shadow:none!important;}
  .icon-square.js-cart-open{background:#fff!important;border:1px solid #eef2f6!important;}
  .cart-badge{right:-2px!important;top:-8px!important;
  background:#51aee2!important;font-size:.65rem!important;
  min-width:20px!important;height:20px!important;display:flex!important;align-items:center!important;justify-content:center!important;}
  .mega-menu{top:100%!important;width:min(980px,calc(100vw - 90px))!important;padding:30px 42px!important;border-radius:0 0 24px 24px!important;}
  .top-strip .cart-badge{right:0px!important;top: 0px!important; min-width:10px!important;height:10px!important; }
}
@media (min-width: 992px) and (max-width: 1240px){
  .main-nav{padding-left:24px!important;padding-right:24px!important;}
  .brand img{height:48px!important;max-width:195px!important;}
  .nav-menu{gap:14px!important;}
  .nav-menu>li>a{font-size:14px!important;}
  .donate-btn{min-width:126px!important;font-size:13px!important;}
  .icon-square{width:44px!important;height:44px!important;}
}

  

/* ===== Brand color harmonization: Yeryüzü Merhamet identity palette ===== */
:root{
  --ym-navy:#20264f;
  --ym-blue:#53afe4;
  --ym-blue-dark:#278fca;
  --ym-blue-deep:#1f6fa8;
  --ym-sky:#eaf7fd;
  --ym-soft:#f2fbff;
  --ym-ice:#e6f7ff;
  --ym-dark:#20264f;
  --ym-orange:#53afe4;
  --ym-text:#202942;
  --ym-muted:#68758a;
}

body{color:var(--ym-text)!important;background:#fff!important;}
h1,h2,h3,h4,.display-font{color:var(--ym-navy)!important;}
.btn-primary,.donate-btn,.quick-title i,.method-card i,.campaign-card .tag,.cart-badge{
  background:linear-gradient(135deg,var(--ym-blue),var(--ym-blue-dark))!important;
  color:#fff!important;
}
.btn-primary:hover,.donate-btn:hover{background:linear-gradient(135deg,var(--ym-blue-dark),var(--ym-blue-deep))!important;color:#fff!important;}
.btn-navy,.amount-pills button.active{background:var(--ym-blue-deep)!important;border-color:var(--ym-blue-deep)!important;color:#fff!important;}
.btn-outline-navy{border-color:var(--ym-blue-dark)!important;color:var(--ym-blue-dark)!important;}
.btn-outline-navy:hover{background:var(--ym-blue-dark)!important;color:#fff!important;}

/* keep top black bar, but make small accents from brand */
.top-strip .accent,.top-dd-btn i{color:var(--ym-blue)!important;}
.site-header{box-shadow:0 4px 18px rgba(32,38,79,.06)!important;}
.nav-menu>li>a{color:#232942!important;}
.nav-menu>li>a:hover,.nav-menu>li>a i,.mega-card a:hover{color:var(--ym-blue-dark)!important;}
.icon-square{border-color:#dbeef8!important;color:#202942!important;background:#fff!important;}
.icon-square:hover{background:var(--ym-soft)!important;color:var(--ym-blue-dark)!important;}

.icon-donation-strip{background:linear-gradient(90deg,#ffffff,var(--ym-soft))!important;}
.donation-icon-card .ico{background:linear-gradient(135deg,var(--ym-blue),var(--ym-blue-dark))!important;}
.donation-icon-card.active .ico{background:#fff!important;color:var(--ym-blue-dark)!important;border-color:var(--ym-blue)!important;}
.quick-bar,.links-strip,.methods{background:var(--ym-ice)!important;}
.value-mini{border-color:var(--ym-blue)!important;background:var(--ym-soft)!important;}

.hero-slide:after{background:linear-gradient(90deg,rgba(32,38,79,.82),rgba(39,143,202,.38),rgba(83,175,228,.06))!important;}
.campaigns,
.country-showcase,
.country-showcase-v2,
.field-routes{
  background:radial-gradient(circle at top right,rgba(255,255,255,.20),transparent 30%),linear-gradient(135deg,#20264f 0%,#278fca 58%,#53afe4 100%)!important;
}
.location-board,.impact-shell{
  background:linear-gradient(135deg,#20264f 0%,#278fca 66%,#53afe4 100%)!important;
}
.campaign-card .content{background:linear-gradient(0deg,rgba(32,38,79,.84),rgba(32,38,79,.05))!important;}

.help-hub{background:linear-gradient(180deg,var(--ym-ice) 0%,#fff 100%)!important;}
.help-tile.big,.help-tile.zakat{background:linear-gradient(135deg,#20264f,#278fca)!important;}
.help-tile.water,.help-tile.health{background:linear-gradient(135deg,var(--ym-blue),var(--ym-blue-dark))!important;}
.help-tile.orphan,.help-tile.food{background:linear-gradient(135deg,#2f9ed4,#53afe4)!important;}

/* remove unrelated orange/green accents and replace with brand blues */
.mega-card h5,
.mega-card:nth-child(3) h5,
.mega-card:nth-child(4) h5,
.country-card.sudan strong,
.country-card.kenya strong,
.country-card.bangladesh strong,
.country-tile-v2.sudan .country-foot strong,
.country-tile-v2.sudan .country-top .code,
.country-tile-v2.kenya .country-foot strong,
.country-tile-v2.bangladesh .country-foot strong,
.route-card.shelter .route-label,
.route-card.care .route-label{
  color:var(--ym-blue-dark)!important;
}
.route-card.shelter .route-icon,.route-card.care .route-icon{background:var(--ym-blue-dark)!important;}
.route-card.shelter>strong,.route-card.care>strong{background:var(--ym-soft)!important;color:var(--ym-blue-dark)!important;}
.country-card.sudan strong,.country-card.kenya strong,.country-card.bangladesh strong{background:var(--ym-blue-dark)!important;}
.route-line{background:linear-gradient(90deg,var(--ym-blue),var(--ym-blue-dark),#20264f)!important;}
.route-chip,.country-chip.more-country{background:linear-gradient(135deg,var(--ym-blue),var(--ym-blue-dark))!important;}

.news-arrow{color:var(--ym-blue-dark)!important;border-color:#dbeef8!important;}
.news-arrow:hover{background:var(--ym-blue)!important;border-color:var(--ym-blue)!important;color:#fff!important;}
.footer{background:linear-gradient(135deg,#53afe4 0%,#278fca 100%)!important;}
.news-card,.method-card,.mega-card,.quick-donation{box-shadow:0 12px 34px rgba(32,38,79,.08)!important;}



/* ===== HERO READABILITY FIX ===== */
.hero-slide img{
  opacity:.9!important;
}
.hero-slide:after{
  background:
    linear-gradient(90deg,rgba(15,22,55,.90) 0%,rgba(32,38,79,.74) 34%,rgba(39,143,202,.36) 68%,rgba(83,175,228,.08) 100%)!important;
}
.hero-content h1{
  color:#fff!important;
  text-shadow:0 4px 18px rgba(0,0,0,.42)!important;
  font-weight:900!important;
}
.hero-content p{
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.45)!important;
  font-weight:800!important;
}
.hero-chip{
  color:#fff!important;
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(8px)!important;
}
.hero-content .btn-primary{
  box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
}
@media(max-width:575.98px){
  .hero-slide:after{
    background:linear-gradient(90deg,rgba(15,22,55,.94) 0%,rgba(32,38,79,.78) 58%,rgba(39,143,202,.28) 100%)!important;
  }
}

  

/* ===== BRAND IDENTITY + READABILITY FIX ===== */
:root{
  --ym-navy:#1f2b5c;
  --ym-blue:#51aee2;
  --ym-blue-dark:#2d95cc;
  --ym-blue-soft:#eaf7fd;
  --ym-ice:#e8f8ff;
  --ym-dark:#18345c;
  --ym-text:#31435c;
  --ym-muted:#66768d;
}
body{color:var(--ym-text)!important;}
h1,h2,h3,h4,.display-font{color:var(--ym-dark);}
.btn-primary,.donate-btn{background:linear-gradient(135deg,#51aee2,#2d95cc)!important;color:#fff!important;box-shadow:0 14px 32px rgba(81,174,226,.28)!important;}
.btn-primary:hover,.donate-btn:hover{background:linear-gradient(135deg,#2d95cc,#2385b8)!important;color:#fff!important;}
.btn-navy{background:var(--ym-dark)!important;color:#fff!important;}
.btn-outline-navy{border-color:var(--ym-dark)!important;color:var(--ym-dark)!important;}
.btn-outline-navy:hover{background:var(--ym-dark)!important;color:#fff!important;}

/* readable hero */
.hero-slide:after{background:linear-gradient(90deg,rgba(20,42,82,.86) 0%,rgba(24,77,112,.62) 48%,rgba(9,26,44,.28) 100%)!important;}
.hero-slide img{opacity:.78!important;filter:saturate(.92) contrast(.96);}
.hero-content h1,.hero-content p,.hero-chip{color:#fff!important;text-shadow:0 3px 16px rgba(0,0,0,.38)!important;}
.hero-content h1{font-weight:800!important;}

/* dark / gradient sections: force white headings */
.campaigns,
.field-routes,
.location-board,
.impact-shell,
.country-showcase,
.country-showcase-v2{
  background:linear-gradient(135deg,#1f2b5c 0%,#266b99 58%,#51aee2 100%)!important;
}
.campaigns h1,.campaigns h2,.campaigns h3,.campaigns .title-xl,
.field-routes h1,.field-routes h2,.field-routes h3,
.location-board h1,.location-board h2,.location-board h3,
.impact-shell h1,.impact-shell h2,.impact-shell h3,
.country-showcase h1,.country-showcase h2,.country-showcase h3,
.country-showcase-v2 h1,.country-showcase-v2 h2,.country-showcase-v2 h3{
  color:#fff!important;
  text-shadow:0 3px 16px rgba(0,0,0,.28)!important;
}
.campaigns .eyebrow,
.field-routes .eyebrow,
.location-board .eyebrow,
.impact-shell .eyebrow,
.country-showcase .eyebrow,
.country-showcase-v2 .eyebrow{
  color:#dff7ff!important;
  text-shadow:0 2px 10px rgba(0,0,0,.28)!important;
}
.campaigns p,.field-routes p,.location-board p,.impact-shell p,.country-showcase p,.country-showcase-v2 p{color:#f2fbff!important;}

/* campaign title/top area visibility */
.campaigns .d-flex > div .title-xl{color:#fff!important;}
.campaign-card .content h3,.campaign-card .content p{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.45)!important;}
.campaign-card .tag{background:#51aee2!important;color:#fff!important;}
.campaign-card img{opacity:.68!important;filter:saturate(.95) contrast(.95);}

/* light sections: use brand dark, not old purple navy */
.help-hub{background:linear-gradient(180deg,#eaf7fd 0%,#ffffff 100%)!important;}
.hub-head h2,.news-wrap h2,.methods h2,.about-text-block h2{color:#1f2b5c!important;}
.hub-head p,.methods p,.about-text-block p{color:#52647d!important;}
.eyebrow{color:#2d95cc!important;}

/* impact cards: prevent text collision */
.help-tile{background:linear-gradient(135deg,#2a6693,#51aee2)!important;color:#fff!important;}
.help-tile.big,.help-tile.zakat{background:linear-gradient(135deg,#1f2b5c,#2d75a6)!important;}
.help-tile.orphan,.help-tile.water,.help-tile.food,.help-tile.health{background:linear-gradient(135deg,#36a4d8,#51aee2)!important;}
.help-tile > div{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px;align-items:flex-start;}
.help-tile strong{display:block;color:#fff!important;line-height:1.05!important;font-size:clamp(1.55rem,2.3vw,2.25rem)!important;max-width:100%;}
.help-tile span{display:block;color:#f3fbff!important;line-height:1.45!important;font-size:.92rem!important;font-weight:800!important;max-width:95%;}
.help-tile i{z-index:2;background:rgba(255,255,255,.18)!important;color:#fff!important;}

/* route cards keep text dark on white */
.route-card h3,.route-card p,.route-card .route-label{ text-shadow:none!important;}
.route-card h3{color:#1f2b5c!important;}
.route-card p{color:#52647d!important;}
.route-card{background:#fff!important;}
.route-icon{background:linear-gradient(135deg,#51aee2,#2d95cc)!important;}
.route-card>strong{background:#eaf7fd!important;color:#2d95cc!important;}
.route-map-card{background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.07))!important;}
.route-center strong{color:#1f2b5c!important;text-shadow:none!important;}

/* icons and chips */
.donation-icon-card .ico{background:var(--ym-dark)!important;}
.donation-icon-card.active .ico{background:#fff!important;color:#2d95cc!important;border-color:#51aee2!important;}
.amount-pills button.active{background:var(--ym-dark)!important;border-color:var(--ym-dark)!important;}

/* Header keep clean */
.site-header{box-shadow:0 3px 14px rgba(31,43,92,.07)!important;}
.nav-menu>li>a{color:#26334f!important;}
.icon-square{border-color:#d9e8f3!important;color:#1f2b5c!important;}

@media(max-width:991.98px){
  .campaigns h2,.field-routes h2{font-size:2.55rem!important;}
  .help-tile strong{font-size:1.75rem!important;}
  .help-tile span{font-size:.9rem!important;}
}

  

/* ===== Restore dropdown menu style as before ===== */
@media(min-width:992px){
  .nav-item-mega{position:static!important;}
  .mega-menu{
    top:100%!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    width:min(1088px,calc(100vw - 110px))!important;
    padding:46px 64px!important;
    border-radius:0 0 22px 22px!important;
    background:#fff!important;
    box-shadow:0 25px 70px rgba(32,38,79,.14)!important;
  }
  .mega-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;}
  .mega-card{background:transparent!important;border:0!important;border-radius:0!important;padding:0 34px!important;min-height:260px!important;border-left:1px solid #dce5ed!important;box-shadow:none!important;}
  .mega-card:first-child{border-left:0!important;padding-left:0!important;}
  .mega-card h5{font-size:1.55rem!important;color:var(--ym-blue)!important;margin-bottom:20px!important;text-transform:uppercase!important;}
  .mega-card:nth-child(3) h5{color:#4ab3dc!important;}
  .mega-card:nth-child(4) h5{color:var(--ym-blue-dark)!important;}
  .mega-card a{font-size:1rem!important;margin:0 0 18px!important;color:#1b3764!important;font-weight:900!important;}
  .mega-card a:hover{color:var(--ym-blue-dark)!important;}
}


/* ===== Mega menu like reference screenshot ===== */
@media(min-width:992px){
  .nav-item-mega{position:static!important;}
.nav-item-mega > .mega-menu{
    top:100%!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    width:auto!important;
    min-width:auto!important;
    max-width:calc(100vw - 140px)!important;
    padding:48px 58px 54px!important;
    background:#fff!important;
    border-radius:0 0 20px 20px!important;
    box-shadow:0 25px 60px rgba(31,43,92,.13)!important;
    border:0!important;
}
.nav-item-mega > .mega-menu:has(.mega-grid.cols-2){
    width:720px!important;
}

.nav-item-mega > .mega-menu:has(.mega-grid.cols-3){
    width:900px!important;
}

.nav-item-mega > .mega-menu:has(.mega-grid.cols-4){
    width:min(1060px, calc(100vw - 140px))!important;
}
  .nav-item-mega>.mega-menu:before{
    content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:#eef4fb;
  }
  .mega-grid{
    gap:0!important;
    align-items:start!important;
  }

    .mega-grid{
        display:grid !important;
        gap:0 !important;
        align-items:start !important;
    }

    .mega-grid.cols-2{
        grid-template-columns:1.05fr 1.12fr !important;
    }

    .mega-grid.cols-3{
        grid-template-columns:1.05fr 1.12fr 1fr !important;
    }

    .mega-grid.cols-4{
        grid-template-columns:1.05fr 1.12fr 1.15fr 1fr !important;
    }

  .mega-card{
    background:transparent!important;
    border:0!important;
    border-left:1px solid #dce7f1!important;
    border-radius:0!important;
    box-shadow:none!important;
    padding:0 36px!important;
    min-height:270px!important;
  }
  .mega-card:first-child{border-left:0!important;padding-left:0!important;}
  .mega-card h5{
    font-family:Oswald,Inter,sans-serif!important;
    font-size:1.45rem!important;
    line-height:1.08!important;
    margin:0 0 22px!important;
    color:#51aee2!important;
    text-transform:none!important;
    letter-spacing:.02em!important;
  }
  .mega-card:nth-child(3) h5{color:#37b76f!important;}
  .mega-card:nth-child(4) h5{color:#f39a21!important;}
  .mega-card a{
    display:block!important;
    color:#0b3248!important;
    font-size:1rem!important;
    font-weight:900!important;
    line-height:1.55!important;
    margin:0 0 14px!important;
  }
  .mega-card a:hover{color:#2d95cc!important;padding-left:3px;}
  .mega-promo h5{
    font-size:1.9rem!important;
    color:#51aee2!important;
    max-width:190px!important;
    margin-bottom:22px!important;
  }
  .mega-promo p{
    color:#6a6f7a!important;
    font-weight:750!important;
    line-height:1.65!important;
    margin:0 0 24px!important;
    max-width:180px!important;
  }
  .mega-promo .mega-cta{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    background:#51aee2!important;
    color:#fff!important;
    border-radius:999px!important;
    padding:12px 16px!important;
    font-size:.92rem!important;
    line-height:1!important;
    box-shadow:0 12px 24px rgba(81,174,226,.24)!important;
  }
  .mega-promo .mega-cta:hover{background:#2d95cc!important;color:#fff!important;padding-left:16px!important;}
}
@media(min-width:992px) and (max-width:1240px){
  .nav-item-mega>.mega-menu{width:min(980px,calc(100vw - 70px))!important;padding:42px 44px!important;}
  .mega-card{padding:0 28px!important;}
  .mega-card a{font-size:.95rem!important;}
  .mega-promo h5{font-size:1.65rem!important;}
}


  /* Compatibility layer حتى يشتغل cart القديم مع التصميم الجديد */
        [data-cart-count], .cart-badge { min-width: 18px; min-height: 18px; display: inline-flex; align-items: center; justify-content: center;      position: absolute;
    top: 3px;
    right: 18px;
    background: #fff;
    color: #53afe4;
    border-radius: 50%;
    border: 1px solid #53afe4; }
        .cart-drawer-overlay.js-cart-overlay { position: fixed; inset: 0; background: rgba(8,20,32,.55); z-index: 1050; opacity: 0; visibility: hidden; transition: .25s ease; }
        .cart-drawer-overlay.js-cart-overlay.is-open { opacity: 1; visibility: visible; }
        .cart-drawer.js-cart-drawer { position: fixed; top: 0; right: 0; width: min(420px, 92vw); height: 100vh; background: #fff; z-index: 1060; transform: translateX(105%); transition: .3s ease; padding: 24px; overflow-y: auto; box-shadow: -20px 0 50px rgba(0,0,0,.16); }
        html[dir="rtl"] .cart-drawer.js-cart-drawer { right: auto; left: 0; transform: translateX(-105%); }
        .cart-drawer.js-cart-drawer.is-open { transform: translateX(0); }
        .cart-drawer-close { border: 0; background: transparent; font-size: 30px; line-height: 1; }
        .cart-drawer-header { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-bottom: 20px; }
        .cart-drawer-header h3 { font-weight: 900; color: #081420; }
        .cart-drawer-empty { padding: 30px; border-radius: 18px; background: #f5f7fb; text-align: center; font-weight: 700; }
        .cart-drawer-item { position: relative; display: flex; gap: 14px; padding: 14px 0; border-bottom: 1px solid rgba(8,20,32,.08); }
        .cart-drawer-img img { width: 70px; height: 70px; object-fit: cover; border-radius: 14px; }
        .cart-drawer-info { flex: 1; }
        .cart-drawer-info h4 { font-size: 16px; font-weight: 900; color: #081420; }
        .cart-drawer-info p { font-size: 13px; color: #70798B; }
        .cart-drawer-info strong { color: #EE811D; }
        .cart-drawer-remove { position: absolute; top: 12px; right: 0; }
        html[dir="rtl"] .cart-drawer-remove { right: auto; left: 0; }
        .cart-drawer-remove button { border: 0; background: #fff3f3; border-radius: 10px; padding: 5px 8px; }
        .cart-drawer-footer { margin-top: 24px; }
        .cart-drawer-total { display: flex; justify-content: space-between; flex-direction: row-reverse; padding: 16px; background: #f5f7fb; border-radius: 16px; font-weight: 900; }
        .cart-drawer-checkout, .cart-drawer-view { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 46px; border-radius: 14px; margin-top: 12px; font-weight: 900; }
        .cart-drawer-checkout { background: #EE811D; color: #081420; }
        .cart-drawer-view { border: 1px solid rgba(8,20,32,.16); color: #081420; }
        .general-donation-drawer { position: fixed; inset: 0; z-index: 1070; pointer-events: none; }
        .general-donation-drawer.is-open { pointer-events: auto; }
        .general-donation-overlay { position: absolute; inset: 0; background: rgba(8,20,32,.55); opacity: 0; visibility: hidden; transition: .25s ease; }
        .general-donation-drawer.is-open .general-donation-overlay { opacity: 1; visibility: visible; }
        .general-donation-box { position: absolute; top: 0; right: 0; width: min(520px, 94vw); height: 100%; background: #fff; transform: translateX(105%); transition: .3s ease; padding: 30px; overflow-y: auto; }
        html[dir="rtl"] .general-donation-box { right: auto; left: 0; transform: translateX(-105%); }
        .general-donation-drawer.is-open .general-donation-box { transform: translateX(0); }
        .general-donation-close { border: 0; background: transparent; font-size: 34px; line-height: 1; }
        .general-donation-content h3 { font-weight: 900; color: #081420; }
        .mobile-bottom-bar { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1040; background: #fff; box-shadow: 0 -12px 30px rgba(0,0,0,.08); display: grid; grid-template-columns: repeat(4, 1fr); }
        .mobile-bottom-item { position:relative; min-height: 62px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #081420; font-size: 12px; border: 0; background: transparent; }
        .mobile-bottom-ico { font-size: 18px; color: #53afe4 ; }
        .mobile-bottom-select { border: 0; background: transparent; text-align: center; max-width: 68px; }
        .mobile-profile-sheet { position: fixed; inset: 0; z-index: 1080; pointer-events: none; }
        .mobile-profile-sheet.is-open { pointer-events: auto; }
        .mobile-profile-sheet-overlay { position: absolute; inset: 0; background: rgba(8,20,32,.55); opacity: 0; visibility: hidden; transition: .25s ease; }
        .mobile-profile-sheet.is-open .mobile-profile-sheet-overlay { opacity: 1; visibility: visible; }
        .mobile-profile-sheet-box { position: absolute; left: 0; right: 0; bottom: 0; background: #fff; border-radius: 24px 24px 0 0; padding: 24px; transform: translateY(105%); transition: .3s ease; }
        .mobile-profile-sheet.is-open .mobile-profile-sheet-box { transform: translateY(0); }
        .mobile-profile-sheet-close { border: 0; background: transparent; font-size: 30px; float: right; }
        .mobile-profile-sheet-user { clear: both; display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
        .mobile-profile-sheet-user i { font-size: 34px; color: #EE811D; }
        .mobile-profile-sheet-user small { display: block; color: #70798B; }
        .mobile-profile-sheet-link { display: flex; gap: 10px; align-items: center; padding: 14px 0; color: #081420; font-weight: 800; border-top: 1px solid rgba(8,20,32,.08); background: transparent; border-left: 0; border-right: 0; border-bottom: 0; width: 100%; }
        #app-toast-container { position: fixed; top: 20px; right: 20px; z-index: 2000; }
        html[dir="rtl"] #app-toast-container { right: auto; left: 20px; }
        @media (min-width: 992px) { .mobile-bottom-bar { display: none; } }
        @media (max-width: 991.98px) { body.donation_enabled { padding-bottom: 70px; } }

        /* =========================
           Toast notifications (donations.js -> showToast)
        ========================== */
        #js-toast-root.toast-container {
            position: fixed;
            top: 20px;
            right: 20px;
            z-index: 2000;
            display: flex;
            flex-direction: column;
            gap: 12px;
            max-width: 360px;
            width: calc(100% - 40px);
            pointer-events: none;
        }
        html[dir="rtl"] #js-toast-root.toast-container { right: auto; left: 20px; }

        #js-toast-root .theme-toast {
            pointer-events: auto;
            opacity: 0;
            transform: translateY(-12px);
            transition: opacity .25s ease, transform .25s ease;
        }
        #js-toast-root .theme-toast.show {
            opacity: 1;
            transform: translateY(0);
        }

        .theme-toast-inner {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            background: #fff;
            border-radius: 14px;
            padding: 14px 16px;
            box-shadow: 0 12px 32px rgba(8, 20, 32, .16);
            border-left: 4px solid var(--ym-blue, #51aee2);
        }
        html[dir="rtl"] .theme-toast-inner { border-left: 0; border-right: 4px solid var(--ym-blue, #51aee2); }

        .theme-toast-success { border-left-color: #1fa971; }
        .theme-toast-danger  { border-left-color: #e54848; }
        .theme-toast-warning { border-left-color: var(--ym-orange, #ff9f1c); }
        .theme-toast-info    { border-left-color: var(--ym-blue, #51aee2); }
        html[dir="rtl"] .theme-toast-success { border-right-color: #1fa971; }
        html[dir="rtl"] .theme-toast-danger  { border-right-color: #e54848; }
        html[dir="rtl"] .theme-toast-warning { border-right-color: var(--ym-orange, #ff9f1c); }
        html[dir="rtl"] .theme-toast-info    { border-right-color: var(--ym-blue, #51aee2); }

        .theme-toast-icon {
            flex: 0 0 auto;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .theme-toast-success .theme-toast-icon,
        .theme-toast-inner.theme-toast-success .theme-toast-icon { background: rgba(31,169,113,.12); color: #1fa971; }
        .theme-toast-danger .theme-toast-icon { background: rgba(229,72,72,.12); color: #e54848; }
        .theme-toast-warning .theme-toast-icon { background: rgba(255,159,28,.14); color: var(--ym-orange, #ff9f1c); }
        .theme-toast-info .theme-toast-icon { background: rgba(81,174,226,.14); color: var(--ym-blue-dark, #178bc5); }

        .theme-toast-content { flex: 1 1 auto; min-width: 0; }
        .theme-toast-title {
            font-weight: 800;
            font-size: 14px;
            color: var(--ym-text, #15213a);
            margin-bottom: 2px;
        }
        .theme-toast-text {
            font-size: 13px;
            color: var(--ym-muted, #667085);
            line-height: 1.5;
        }

        .theme-toast-close {
            flex: 0 0 auto;
            border: 0;
            background: transparent;
            opacity: .5;
            width: 18px;
            height: 18px;
            position: relative;
            cursor: pointer;
        }
        .theme-toast-close:hover { opacity: 1; }
        .theme-toast-close::before,
        .theme-toast-close::after {
            content: '';
            position: absolute;
            top: 50%; left: 50%;
            width: 14px; height: 2px;
            background: var(--ym-text, #15213a);
            transform-origin: center;
        }
        .theme-toast-close::before { transform: translate(-50%, -50%) rotate(45deg); }
        .theme-toast-close::after  { transform: translate(-50%, -50%) rotate(-45deg); }

        @media (max-width: 480px) {
            #js-toast-root.toast-container { left: 12px; right: 12px; width: auto; max-width: none; top: 12px; }
            html[dir="rtl"] #js-toast-root.toast-container { left: 12px; right: 12px; }
        }

        /* =========================
           Hero slider: video background
           (mirrors .hero-slide img exactly so video/image are interchangeable)
        ========================== */
        .hero-slide-video {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: .72;
        }

        /* ===========================================================
           Dynamic Page Sections (Campaign / Program / Sadaqah / Zakat / Orphan...)
           نظام تصميم موحّد وحديث لكل أنواع الأقسام الديناميكية.
        =========================================================== */

        /* ---- Section header (شائع لكل الأنواع) ---- */
        .page-section { position: relative; overflow: hidden; }

        .page-section .section-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            background: var(--ym-soft, #eef8fe);
            color: var(--ym-blue-dark, #178bc5);
            font-weight: 800;
            font-size: .8rem;
            letter-spacing: .03em;
            padding: 6px 16px;
            border-radius: 999px;
            margin-bottom: 14px;
        }

        .page-section .section-title {
            font-weight: 900;
            font-size: clamp(1.6rem, 3vw, 2.4rem);
            color: var(--ym-navy, #191b4d);
            letter-spacing: -.01em;
            position: relative;
        }

        .page-section .section-title-wrap {
            margin-bottom: 44px;
        }

        .page-section .section-title-underline {
            width: 64px;
            height: 4px;
            border-radius: 999px;
            background: linear-gradient(90deg, var(--ym-blue, #51aee2), var(--ym-orange, #ff9f1c));
            margin: 14px auto 0;
        }

        /* ===========================================================
           FAQ — accordion عصري بأيقونة دوّارة وحواف ناعمة
        =========================================================== */
        .page-section-faq .accordion-item {
            border: 1px solid rgba(8, 20, 32, .08);
            border-radius: 16px !important;
            overflow: hidden;
            margin-bottom: 14px;
            transition: box-shadow .25s ease, border-color .25s ease;
        }
        .page-section-faq .accordion-item:hover {
            border-color: rgba(81, 174, 226, .35);
        }
        .page-section-faq .accordion-button {
            font-weight: 800;
            color: var(--ym-navy, #191b4d);
            background: #fff;
            padding: 20px 24px;
            box-shadow: none !important;
        }
        .page-section-faq .accordion-button:not(.collapsed) {
            background: var(--ym-soft, #eef8fe);
            color: var(--ym-blue-dark, #178bc5);
        }
        .page-section-faq .accordion-button::after {
            background-size: 18px;
            width: 18px;
            height: 18px;
            flex-shrink: 0;
        }
        .page-section-faq .accordion-body {
            padding: 4px 24px 24px;
            color: var(--ym-muted, #667085);
            line-height: 1.85;
            font-size: 1rem;
        }

        /* ===========================================================
           Stats — بطاقات بتدرّج وأيقونة دائرية بارزة
        =========================================================== */
        .page-section-stats .stat-card {
            background: #fff;
            border-radius: 20px;
            padding: 32px 20px;
            text-align: center;
            height: 100%;
            border: 1px solid rgba(8, 20, 32, .06);
            box-shadow: 0 10px 30px rgba(8, 20, 32, .06);
            transition: transform .25s ease, box-shadow .25s ease;
            position: relative;
        }
        .page-section-stats .stat-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 18px 40px rgba(81, 174, 226, .18);
        }
        .page-section-stats .stat-icon-wrap {
            width: 64px;
            height: 64px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 16px;
            background: linear-gradient(135deg, var(--ym-blue, #51aee2), var(--ym-blue-dark, #178bc5));
            color: #fff;
            font-size: 1.6rem;
            box-shadow: 0 10px 24px rgba(81, 174, 226, .35);
        }
        .page-section-stats .stat-number {
            font-weight: 900;
            font-size: clamp(1.8rem, 4vw, 2.4rem);
            color: var(--ym-navy, #191b4d);
            line-height: 1.1;
            margin-bottom: 6px;
        }
        .page-section-stats .stat-label {
            color: var(--ym-muted, #667085);
            font-weight: 600;
            font-size: .95rem;
        }
        .page-section-stats .carousel-control-prev,
        .page-section-stats .carousel-control-next {
            width: 42px;
            height: 42px;
            top: 50%;
            transform: translateY(-50%);
            background: #fff;
            border-radius: 50%;
            box-shadow: 0 6px 18px rgba(8, 20, 32, .14);
            opacity: 1;
        }
        .page-section-stats .carousel-control-prev-icon,
        .page-section-stats .carousel-control-next-icon {
            filter: invert(1) grayscale(100);
            width: 18px;
            height: 18px;
        }

        /* ===========================================================
           Video — إطار أنيق بظل وحواف مدوّرة
        =========================================================== */
        .page-section-video .video-frame {
            border-radius: 24px;
            overflow: hidden;
            box-shadow: 0 24px 60px rgba(8, 20, 32, .18);
            border: 6px solid #fff;
        }

        /* ===========================================================
           HTML Widget
        =========================================================== */
        .page-section-html-content {
            line-height: 1.85;
            color: var(--ym-text, #15213a);
        }
        .page-section-html-content img {
            max-width: 100%;
            height: auto;
            border-radius: 16px;
        }

        /* ===========================================================
           Slider — بطاقات عصرية بحدود متدرّجة وأيقونة بارزة
        =========================================================== */
        .page-section-slider-card {
            background: #fff;
            border-radius: 22px;
            box-shadow: 0 10px 30px rgba(8, 20, 32, .07);
            border: 1px solid rgba(8, 20, 32, .06);
            transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }
        .page-section-slider-card::before {
            content: '';
            position: absolute;
            inset: 0 0 auto 0;
            height: 4px;
            background: linear-gradient(90deg, var(--ym-blue, #51aee2), var(--ym-orange, #ff9f1c));
            opacity: 0;
            transition: opacity .25s ease;
            z-index: 1;
        }
        .page-section-slider-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 20px 44px rgba(8, 20, 32, .14);
            border-color: transparent;
        }
        .page-section-slider-card:hover::before {
            opacity: 1;
        }
        .page-section-slider-card .slider-card-body {
            padding: 24px;
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .page-section-slider-card .slider-card-icon-wrap {
            width: 68px;
            height: 68px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 18px;
            background: var(--ym-soft, #eef8fe);
            color: var(--ym-blue-dark, #178bc5);
            font-size: 1.8rem;
            transition: background .25s ease, color .25s ease, transform .25s ease;
        }
        .page-section-slider-card:hover .slider-card-icon-wrap {
            background: linear-gradient(135deg, var(--ym-blue, #51aee2), var(--ym-blue-dark, #178bc5));
            color: #fff;
            transform: scale(1.08);
        }
        .page-section-slider-card .slider-card-image {
            width: 100%;
            aspect-ratio: 1 / 1;
            object-fit: cover;
            display: block;
        }
        .page-section-slider-card h4 {
            color: var(--ym-navy, #191b4d);
        }

        .page-section-item-slider .carousel-control-prev,
        .page-section-item-slider .carousel-control-next {
            width: 44px;
            height: 44px;
            top: 50%;
            transform: translateY(-50%);
            background: rgba(25, 27, 77, .9);
            border-radius: 50%;
            box-shadow: 0 8px 20px rgba(25, 27, 77, .25);
        }

        /* ===========================================================
           Mobile slider (1-1 true swipe via CSS scroll-snap)
           بديل خفيف عن Bootstrap carousel، كل صورة تاخذ الشاشة
           كاملة وتنتقل وحدة-وحدة بسحب الإصبع، بدون أي JS إضافي.
        =========================================================== */
        .page-section-item-slider-mobile .mobile-snap-track {
            display: flex;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            -webkit-overflow-scrolling: touch;
            gap: 16px;
            padding-bottom: 4px;
            margin: 0 -4px;
            scrollbar-width: none; /* Firefox */
        }
        .page-section-item-slider-mobile .mobile-snap-track::-webkit-scrollbar {
            display: none; /* Chrome/Safari */
        }
        .page-section-item-slider-mobile .mobile-snap-item {
            flex: 0 0 100%;
            scroll-snap-align: center;
            padding: 0 4px;
        }
        .page-section-item-slider-mobile .mobile-snap-dots {
            display: flex;
            justify-content: center;
            gap: 8px;
            margin-top: 16px;
        }
        .page-section-item-slider-mobile .mobile-snap-dot {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: rgba(8, 20, 32, .18);
            transition: background .2s ease, transform .2s ease;
        }
        .page-section-item-slider-mobile .mobile-snap-dot.active {
            background: var(--ym-blue, #51aee2);
            transform: scale(1.25);
        }

        /* ===========================================================
           Gallery — شبكة بتأثير Zoom + overlay عند الـ hover
        =========================================================== */
        .page-section-gallery .gallery-item {
            border-radius: 18px;
            overflow: hidden;
            position: relative;
            display: block;
            box-shadow: 0 8px 22px rgba(8, 20, 32, .08);
        }
        .page-section-gallery .gallery-item img {
            transition: transform .4s ease;
        }
        .page-section-gallery .gallery-item:hover img {
            transform: scale(1.12);
        }
        .page-section-gallery .gallery-item::after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(180deg, rgba(25,27,77,0) 40%, rgba(25,27,77,.55) 100%);
            opacity: 0;
            transition: opacity .3s ease;
        }
        .page-section-gallery .gallery-item:hover::after {
            opacity: 1;
        }
        .page-section-gallery .gallery-zoom-icon {
            position: absolute;
            bottom: 14px;
            right: 14px;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: #fff;
            color: var(--ym-navy, #191b4d);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            transform: translateY(8px);
            transition: opacity .3s ease, transform .3s ease;
            z-index: 1;
        }
        .page-section-gallery .gallery-item:hover .gallery-zoom-icon {
            opacity: 1;
            transform: translateY(0);
        }

        /* ===========================================================
           Button — CTA بارز بحركة hover سلسة
        =========================================================== */
        .page-section-button .section-cta-btn {
            border-radius: 999px;
            font-weight: 800;
            padding: 16px 44px;
            box-shadow: 0 14px 34px rgba(81, 174, 226, .3);
            transition: transform .25s ease, box-shadow .25s ease;
        }
        .page-section-button .section-cta-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 18px 40px rgba(81, 174, 226, .4);
        }

        /* ===========================================================
           Icon Picker (Admin) — قائمة منسدلة + معاينة حية
        =========================================================== */
        .ps-icon-picker .ps-icon-preview-box {
            width: 46px;
            height: 46px;
            border-radius: 12px;
            background: var(--ym-soft, #eef8fe);
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        .ps-icon-picker .ps-icon-preview {
            font-size: 1.3rem;
            color: var(--ym-blue-dark, #178bc5);
        }
        .ps-icon-picker select {
            flex: 1;
        }

        .ps-slider-image-current {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .ps-icon-picker img.ps-slider-image-preview,
        .ps-slider-image-current img.ps-slider-image-preview,
        img.ps-slider-image-preview {
            width: 56px !important;
            height: 56px !important;
            max-width: 56px !important;
            min-width: 56px !important;
            object-fit: cover !important;
            border-radius: 10px;
            border: 1px solid rgba(8, 20, 32, .12);
            display: block;
            flex-shrink: 0;
        }
		
		.btn.subscribe{
			padding: 4px;
    min-width: 35%;
		}
	
/* ===========================================================
   Blogs index + category pages polish
   Applies to: /blogs and /blogs/category/{slug}
=========================================================== */
.ym-blog-listing-section{
    background:#eef8fe;
    padding:72px 0 90px;
    min-height:560px;
}
.ym-blog-listing-section .main-container{
    max-width:1200px;
}
.ym-blog-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:28px;
    margin-bottom:34px;
}
.ym-blog-eyebrow{
    display:block;
    color:#2d95cc;
    font-size:13px;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
    margin-bottom:8px;
}
.ym-blog-title{
    margin:0;
    color:#1f2b5c;
    font-size:clamp(2.35rem,4.2vw,4.2rem);
    line-height:1;
    font-weight:900;
}
.ym-blog-subtitle{
    color:#52647d;
    font-weight:700;
    line-height:1.75;
    max-width:620px;
    margin:18px 0 0;
}
.ym-blog-tabs{
    display:flex!important;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:10px;
    margin:0!important;
}
.ym-blog-tabs .hub-tab{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:10px 18px!important;
    border:1px solid rgba(45,149,204,.32)!important;
    border-radius:999px!important;
    background:#fff!important;
    color:#073b76!important;
    font-weight:800!important;
    font-size:14px!important;
    line-height:1!important;
    box-shadow:0 8px 18px rgba(7,59,118,.04);
    text-decoration:none!important;
}
.ym-blog-tabs .hub-tab.active,
.ym-blog-tabs .hub-tab:hover{
    background:#2d95cc!important;
    border-color:#2d95cc!important;
    color:#fff!important;
}
.ym-blog-grid .hub-item{
    display:flex;
}
.ym-blog-card{
    width:100%;
    height:100%;
    min-height:430px;
    display:flex!important;
    flex-direction:column!important;
    background:#fff!important;
    border:1px solid rgba(7,59,118,.08)!important;
    border-radius:22px!important;
    overflow:hidden!important;
    box-shadow:0 18px 42px rgba(7,59,118,.08)!important;
    transition:transform .25s ease, box-shadow .25s ease;
    position:relative!important;
}
.ym-blog-card:hover{
    transform:translateY(-5px);
    box-shadow:0 24px 50px rgba(7,59,118,.13)!important;
}
.ym-blog-card-image{
    display:block!important;
    width:100%!important;
    height:220px!important;
    min-height:220px!important;
    max-height:220px!important;
    overflow:hidden!important;
    border-radius:0!important;
    position:relative!important;
    inset:auto!important;
}
.ym-blog-card-image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
    transition:transform .35s ease;
}
.ym-blog-card:hover .ym-blog-card-image img{
    transform:scale(1.06);
}
.ym-blog-card-body{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    padding:22px 24px 24px!important;
    position:static!important;
    background:#fff!important;
    color:#073b76!important;
}
.ym-blog-card-meta{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin:0 0 16px!important;
    position:static!important;
    transform:none!important;
}
.ym-blog-badge{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:8px 15px!important;
    border-radius:999px!important;
    background:#cfeeff!important;
    color:#073b76!important;
    font-size:12px!important;
    font-weight:900!important;
    text-decoration:none!important;
    white-space:nowrap;
}
.ym-blog-date{
    color:#23456e!important;
    font-size:13px!important;
    font-weight:700!important;
    white-space:nowrap;
}
.ym-blog-card-title{
    margin:0 0 14px!important;
    min-height:58px;
    color:#073b76!important;
    font-size:20px!important;
    font-weight:900!important;
    line-height:1.35!important;
}
.ym-blog-card-title a{
    color:#073b76!important;
    text-decoration:none!important;
}
.ym-blog-card-title a:hover{
    color:#2d95cc!important;
}
.ym-blog-card-text{
    color:#23456e!important;
    font-size:15px!important;
    font-weight:500!important;
    line-height:1.75!important;
    margin:0 0 20px!important;
}
.ym-blog-read-more{
    margin-top:auto;
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:#2d95cc!important;
    font-weight:900!important;
    text-decoration:none!important;
}
.ym-blog-read-more span{
    transition:transform .2s ease;
}
.ym-blog-read-more:hover span{
    transform:translateX(4px);
}
.ym-featured-blog{
    border-radius:24px!important;
    overflow:hidden!important;
    background:#fff!important;
    border:1px solid rgba(7,59,118,.08)!important;
    box-shadow:0 18px 42px rgba(7,59,118,.08)!important;
}
.ym-featured-blog .hub-featured-image{
    display:block!important;
    height:100%!important;
    min-height:330px!important;
}
.ym-featured-blog .hub-featured-image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
}
.ym-featured-blog .hub-featured-content{
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:42px!important;
    background:#fff!important;
}
.ym-blog-pagination nav{
    display:flex;
    justify-content:center;
}
html[dir="rtl"] .ym-blog-read-more span{
    transform:scaleX(-1);
}
html[dir="rtl"] .ym-blog-read-more:hover span{
    transform:scaleX(-1) translateX(4px);
}
@media(max-width:991.98px){
    .ym-blog-listing-section{
        padding:46px 0 70px;
    }
    .ym-blog-head{
        display:block;
    }
    .ym-blog-tabs{
        justify-content:flex-start;
        margin-top:22px!important;
        overflow-x:auto;
        flex-wrap:nowrap;
        padding-bottom:8px;
        scrollbar-width:none;
    }
    .ym-blog-tabs::-webkit-scrollbar{display:none;}
    .ym-blog-tabs .hub-tab{
        flex:0 0 auto;
    }
    .ym-blog-card{
        min-height:410px;
    }
}
@media(max-width:575.98px){
    .ym-blog-listing-section{
        padding:34px 0 56px;
    }
    .ym-blog-card-image{
        height:205px!important;
        min-height:205px!important;
        max-height:205px!important;
    }
    .ym-blog-card-body{
        padding:20px!important;
    }
    .ym-blog-card-title{
        min-height:0;
        font-size:19px!important;
    }
    .ym-blog-card-meta{
        align-items:flex-start!important;
        flex-direction:column!important;
    }
}

.ym-blog-listing-section .main-container{
	margin:auto;
}