/*
Theme Name: Portal Haji Modern
Theme URI: https://abdimstore.com/
Author: Abdim Store
Description: Theme portal informasi Haji & Umrah bergaya resmi, clean, modern, dan responsif.
Version: 1.0.22
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: portal-haji
*/

:root{
  --ph-green:#1f4f3a;
  --ph-green-2:#2f6a51;
  --ph-gold:#BB982B;
  --ph-gold-dark:#9B7B1F;
  --ph-cream:#f7f4ec;
  --ph-bg:#f7f8fa;
  --ph-text:#182132;
  --ph-muted:#6f7783;
  --ph-border:#e8e8e8;
  --ph-white:#fff;
  --ph-radius:10px;
  --ph-shadow:0 8px 24px rgba(0,0,0,.06);
  --ph-container:1690px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ph-text);background:#fff;line-height:1.55}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.ph-container{width:min(var(--ph-container),calc(100% - 40px));margin-inline:auto}
.ph-section{padding:54px 0}
.ph-section.alt{background:var(--ph-bg)}
.ph-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}
.ph-section-title{font-size:28px;line-height:1.2;margin:0;font-weight:800;letter-spacing:-.02em}
.ph-see-all{font-size:13px;color:var(--ph-gold-dark);font-weight:700}
.ph-card{background:#fff;border:1px solid var(--ph-border);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.03)}
.ph-card-media{aspect-ratio:16/10;background:#dde3df;overflow:hidden}
.ph-card-media img{width:100%;height:100%;object-fit:cover}
.ph-card-body{padding:16px}
.ph-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;color:#8a9098;margin-bottom:8px}
.ph-badge{display:inline-flex;align-items:center;gap:5px;background:#f7f0df;color:#99711f;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:800}
.ph-card h3{font-size:16px;line-height:1.45;margin:0 0 8px;font-weight:800}
.ph-card p{font-size:13px;line-height:1.6;color:var(--ph-muted);margin:0 0 12px}
.ph-readmore{color:var(--ph-gold-dark);font-size:12px;font-weight:700}

/* header */
.ph-topbar{height:86px;background:#fff;border-bottom:1px solid #f1f1f1;position:sticky;top:0;z-index:80}
.ph-topbar .ph-container{height:100%;display:flex;align-items:center;gap:34px}
.ph-brand{display:flex;align-items:center;gap:14px;min-width:420px;flex:0 0 auto}
.ph-brand-logo{width:48px;height:48px;object-fit:contain;flex:0 0 48px}
.ph-brand-text{display:flex;flex-direction:column;justify-content:center;min-width:0}
.ph-brand-text strong{display:block;font-size:17px;line-height:1.18;letter-spacing:.005em;font-weight:800;color:#111827;white-space:nowrap}
.ph-brand-text small{display:block;margin-top:3px;font-size:12px;line-height:1.2;color:#64748b;font-weight:500}
.ph-nav{display:flex;align-items:center;gap:30px;flex:1;justify-content:center;min-width:0}
.ph-nav a{font-size:14px;font-weight:600;color:#111827;white-space:nowrap;transition:color .2s ease}
.ph-nav a:hover{color:var(--ph-gold)}
.ph-head-actions{display:flex;align-items:center;gap:28px;flex:0 0 auto}
.ph-lang{display:grid;place-items:center;background:var(--ph-gold);color:#fff;font-size:14px;font-weight:800;width:46px;height:46px;padding:0;border-radius:8px}
.ph-search{display:flex;align-items:center;background:#fff;border:0;overflow:visible;width:310px}
.ph-search input{width:100%;border:0;background:transparent;padding:12px 14px;outline:none;font-size:16px;color:#64748b}
.ph-search input::placeholder{color:#64748b;opacity:1}
.ph-search button{border:0;background:var(--ph-gold);color:#fff;width:106px;height:58px;border-radius:999px;cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 18px rgba(187,152,43,.22)}
.ph-search-icon{width:23px;height:23px;border:3px solid #fff;border-radius:50%;display:block;position:relative}
.ph-search-icon:after{content:"";position:absolute;width:10px;height:3px;background:#fff;border-radius:3px;right:-8px;bottom:-4px;transform:rotate(45deg);transform-origin:left center}
.ph-menu-toggle{display:none;border:0;background:#f5f5f5;width:42px;height:42px;border-radius:8px;font-size:18px;cursor:pointer}

/* hero */
.ph-hero{position:relative;min-height:510px;background:#27483d;overflow:hidden}
.ph-hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s ease;pointer-events:none}
.ph-hero-slide.active{opacity:1;pointer-events:auto}
.ph-hero-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,30,29,.78) 0%,rgba(11,30,29,.55) 45%,rgba(11,30,29,.18) 100%);z-index:1}
.ph-hero-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ph-hero-content{position:relative;z-index:2;max-width:720px;padding:96px 0 110px;color:#fff}
.ph-hero .ph-badge{background:var(--ph-gold);color:#fff;margin-bottom:14px}
.ph-hero h1{font-size:50px;line-height:1.02;margin:0 0 14px;font-weight:900;letter-spacing:-.03em;text-wrap:balance}
.ph-hero p{font-size:14px;line-height:1.6;color:rgba(255,255,255,.9);max-width:640px;margin:0 0 24px}
.ph-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;padding:11px 18px;font-weight:800;font-size:12px;border:0;cursor:pointer}
.ph-btn-gold{background:var(--ph-gold);color:#fff}
.ph-hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.18);color:#fff;cursor:pointer;font-size:22px}
.ph-hero-prev{left:18px}.ph-hero-next{right:18px}
.ph-hero-dots{position:absolute;z-index:7;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:7px}
.ph-hero-dots button{width:7px;height:7px;border-radius:50%;border:0;background:rgba(255,255,255,.45);padding:0;cursor:pointer}.ph-hero-dots button.active{background:#fff}

/* popular */
.ph-popular-wrap{display:grid;grid-template-columns:1.7fr .85fr;gap:28px}
.ph-popular-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.ph-side-block h3{font-size:16px;margin:0 0 14px}
.ph-announcement-list{display:flex;flex-direction:column;gap:15px}
.ph-ann-item{display:grid;grid-template-columns:78px 1fr;gap:10px;align-items:start}
.ph-ann-thumb{aspect-ratio:4/3;background:#ece8da;border-radius:6px;overflow:hidden}.ph-ann-thumb img{width:100%;height:100%;object-fit:cover}
.ph-ann-item strong{font-size:12px;line-height:1.45;display:block;margin-bottom:4px}.ph-ann-item small{color:#90959c;font-size:9px}
.ph-hoax{margin-top:26px}.ph-empty{background:#fafafa;border:1px solid #f0f0f0;color:#9a9ea5;padding:22px;border-radius:6px;text-align:center;font-size:11px}

/* grids */
.ph-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ph-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.ph-video-card video,.ph-video-placeholder{width:100%;aspect-ratio:16/9;background:#000;display:block}
.ph-video-placeholder{display:grid;place-items:center;color:#fff;font-size:38px}
.ph-media-title{padding:12px 14px 3px;font-weight:800;font-size:13px}.ph-media-date{padding:0 14px 14px;color:#90959c;font-size:10px}
.ph-infographic .ph-card-media{aspect-ratio:16/9}.ph-photo .ph-card-media{aspect-ratio:16/10}
.ph-regulation-empty{padding:60px 0;color:#999;text-align:center;font-size:12px}

/* footer */
.ph-footer{background:linear-gradient(180deg,#C5A343,#BB982B);color:#fff;padding:46px 0 18px}
.ph-footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr .8fr;gap:30px}
.ph-footer h4{font-size:12px;margin:0 0 12px}.ph-footer p,.ph-footer a{font-size:10px;color:rgba(255,255,255,.88);line-height:1.7}.ph-footer a{display:block;margin-bottom:5px}
.ph-footer .ph-brand-logo{width:44px;height:44px;filter:drop-shadow(0 2px 5px rgba(0,0,0,.14))}
.ph-footer .ph-brand-text small{color:rgba(255,255,255,.7)}
.ph-social{margin-top:25px;display:flex;gap:10px}.ph-social a{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.55);display:grid;place-items:center;margin:0}
.ph-copyright{border-top:1px solid rgba(255,255,255,.25);margin-top:32px;padding-top:16px;text-align:center;font-size:9px;color:rgba(255,255,255,.75)}

/* archives */
.ph-page-hero{background:linear-gradient(135deg,#173f31,#2d6b51);color:#fff;padding:60px 0}.ph-page-hero h1{margin:0;font-size:36px}.ph-page-hero p{margin:8px 0 0;color:rgba(255,255,255,.8)}
.ph-content-wrap{padding:48px 0}.ph-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ph-article{max-width:820px;margin:auto}.ph-article h1{font-size:38px;line-height:1.2}.ph-article-content{font-size:16px;line-height:1.85;color:#303844}.ph-article-content img{border-radius:8px;margin:24px 0}.ph-pagination{margin-top:28px;display:flex;justify-content:center}

/* mobile */
@media(max-width:1400px){
  .ph-topbar .ph-container{gap:20px}.ph-brand{min-width:350px}.ph-brand-text strong{font-size:14px}.ph-nav{gap:18px}.ph-nav a{font-size:12px}.ph-head-actions{gap:14px}.ph-search{width:230px}.ph-search button{width:76px;height:48px}
}
@media(max-width:1100px){
  .ph-topbar{height:72px}.ph-brand{min-width:0;flex:1}.ph-brand-logo{width:42px;height:42px;flex-basis:42px}.ph-brand-text strong{font-size:13px}.ph-brand-text small{font-size:10px}.ph-nav,.ph-search,.ph-lang{display:none}.ph-menu-toggle{display:block}
  .ph-nav.mobile-open{display:flex;position:absolute;top:72px;left:0;right:0;background:#fff;padding:18px 20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid #eee;box-shadow:0 12px 25px rgba(0,0,0,.08)}
  .ph-hero{min-height:440px}.ph-hero-content{padding:78px 0 92px;max-width:85%}.ph-hero h1{font-size:40px}
  .ph-popular-wrap{grid-template-columns:1fr}.ph-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .ph-container{width:min(100% - 28px,var(--ph-container))}.ph-section{padding:38px 0}.ph-section-title{font-size:22px}
  .ph-hero{min-height:430px}.ph-hero-content{padding:68px 0 88px;max-width:92%}.ph-hero h1{font-size:34px}.ph-hero p{font-size:12px}.ph-hero-arrow{width:34px;height:34px}.ph-hero-prev{left:7px}.ph-hero-next{right:7px}
  .ph-popular-grid,.ph-grid-3,.ph-grid-2,.ph-archive-grid{grid-template-columns:1fr}.ph-footer-grid{grid-template-columns:1fr}.ph-card h3{font-size:15px}
  .ph-ann-item{grid-template-columns:70px 1fr}.ph-page-hero h1{font-size:30px}.ph-article h1{font-size:30px}
}

/* v1.0.4 — Header typography/alignment refinement */
html,body,button,input,select,textarea{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
}
.ph-topbar{height:86px}
.ph-topbar .ph-container{
  max-width:1690px;
  padding-left:34px;
  padding-right:34px;
  gap:24px;
}
.ph-brand{min-width:390px;gap:13px}
.ph-brand-logo{width:46px;height:46px;flex-basis:46px}
.ph-brand-text strong{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  font-size:15px;
  line-height:18px;
  font-weight:700;
  color:rgb(31,41,55);
  letter-spacing:0;
}
.ph-brand-text small{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  margin-top:3px;
  font-size:13px;
  line-height:21px;
  font-weight:500;
  color:rgb(156,163,175);
}
.ph-nav{
  gap:28px;
  justify-content:flex-start;
  flex:1 1 auto;
}
.ph-nav a{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  font-size:13px;
  line-height:21px;
  font-weight:500;
  color:rgb(31,41,55);
  letter-spacing:0;
}
.ph-nav .menu-item-has-children>a::after{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  margin-left:7px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
}
.ph-nav .menu-item-has-children>a svg,
.ph-nav .menu-item-has-children>a i{display:none}
.ph-head-actions{gap:24px}
.ph-lang{
  width:46px;height:46px;border-radius:8px;
  font-size:14px;line-height:46px;font-weight:700;
  background:#BB982B;
}
.ph-search{width:300px}
.ph-search input{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  font-size:15px;
  line-height:21px;
  font-weight:400;
}
.ph-search button{background:#BB982B}

/* v1.0.6 — Hero slider typography follows reference */
.ph-hero,
.ph-hero button,
.ph-hero a{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
}
.ph-hero h1,
.ph-hero .ph-hero-title{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  font-size:48px;
  line-height:58px;
  font-weight:700;
  letter-spacing:0;
  color:#fff;
}
.ph-hero p,
.ph-hero .ph-hero-excerpt{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  font-size:19px;
  line-height:31px;
  font-weight:400;
  letter-spacing:0;
  color:#fff;
}
.ph-hero .ph-badge,
.ph-hero .ph-hero-badge{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  font-weight:600;
}
.ph-hero .ph-btn,
.ph-hero .ph-hero-button{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  font-weight:600;
}
@media(max-width:1100px){
  .ph-hero h1,.ph-hero .ph-hero-title{font-size:38px;line-height:46px}
  .ph-hero p,.ph-hero .ph-hero-excerpt{font-size:17px;line-height:28px}
}
@media(max-width:640px){
  .ph-hero h1,.ph-hero .ph-hero-title{font-size:29px;line-height:36px}
  .ph-hero p,.ph-hero .ph-hero-excerpt{font-size:15px;line-height:24px}
}

/* v1.0.7 — slider now driven by latest WordPress posts */
.ph-hero .ph-hero-content{max-width:1040px}
.ph-hero .ph-badge{background:#BB982B;color:#fff}
.ph-hero .ph-btn-gold{background:#BB982B;color:#fff}
.ph-hero .ph-btn-gold:hover{background:#9B7B1F;color:#fff}

/* v1.0.8 — Halaman Berita */
.ph-news-page{background:#fff}
.ph-news-hero{padding:56px 0 30px;background:#fff}
.ph-news-kicker{font-size:13px;line-height:21px;font-weight:500;color:#BB982B;margin-bottom:8px}
.ph-news-hero h1{font-size:36px;line-height:44px;font-weight:700;color:#111827;margin:0 0 8px}
.ph-news-hero p{margin:0;color:#6b7280;font-size:15px;line-height:24px}
.ph-news-content{padding:16px 0 80px}
.ph-news-toolbar{margin-bottom:32px}
.ph-news-search{display:flex;max-width:640px;margin-bottom:22px}
.ph-news-search input{flex:1;height:46px;border:1px solid #e5e7eb;border-right:0;border-radius:8px 0 0 8px;padding:0 16px;font:400 14px/21px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;outline:none}
.ph-news-search input:focus{border-color:#BB982B;box-shadow:0 0 0 2px rgba(187,152,43,.08)}
.ph-news-search button{height:46px;border:0;border-radius:0 8px 8px 0;padding:0 24px;background:#BB982B;color:#fff;font-weight:600;cursor:pointer}
.ph-news-filters{display:flex;gap:9px;flex-wrap:wrap}
.ph-news-filters a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 17px;border:1px solid #e5e7eb;border-radius:999px;color:#4b5563;background:#fff;font-size:13px;font-weight:500;transition:.2s}
.ph-news-filters a:hover,.ph-news-filters a.active{background:#BB982B;border-color:#BB982B;color:#fff}
.ph-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.ph-news-card{background:#fff;border:1px solid #e8e8e8;border-radius:7px;overflow:hidden;box-shadow:0 3px 10px rgba(17,24,39,.035);display:flex;flex-direction:column}
.ph-news-image{display:block;aspect-ratio:16/9;overflow:hidden;background:#f3f4f6}
.ph-news-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.ph-news-card:hover .ph-news-image img{transform:scale(1.025)}
.ph-news-card-body{padding:17px 18px 18px;display:flex;flex-direction:column;flex:1}
.ph-news-meta{display:flex;align-items:center;gap:9px;margin-bottom:11px;color:#9ca3af;font-size:11px;line-height:18px}
.ph-news-category{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#f7edcf;color:#9B7B1F;font-size:10px;font-weight:600}
.ph-news-card h2{font-size:16px;line-height:23px;font-weight:700;margin:0 0 9px;color:#1f2937}
.ph-news-card h2 a{color:inherit}
.ph-news-card p{font-size:13px;line-height:21px;color:#6b7280;margin:0 0 12px}
.ph-news-tags{display:flex;flex-wrap:wrap;gap:5px 9px;margin:0 0 13px;color:#BB982B;font-size:10px;line-height:17px}
.ph-news-more{margin-top:auto;color:#BB982B;font-size:12px;line-height:20px;font-weight:500}
.ph-news-more span{margin-left:2px}
.ph-news-pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:42px;flex-wrap:wrap}
.ph-news-pagination .page-numbers{min-width:36px;height:36px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;font-size:12px;background:#fff}
.ph-news-pagination .page-numbers.current,.ph-news-pagination .page-numbers:hover{background:#BB982B;border-color:#BB982B;color:#fff}
.ph-news-empty{text-align:center;padding:70px 20px;background:#fafafa;border-radius:8px;color:#6b7280}
.ph-news-empty strong{display:block;color:#1f2937;margin-bottom:6px}
@media(max-width:1000px){.ph-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .ph-news-hero{padding:34px 0 20px}.ph-news-hero h1{font-size:29px;line-height:36px}
  .ph-news-content{padding-bottom:55px}.ph-news-grid{grid-template-columns:1fr;gap:18px}
  .ph-news-search{max-width:none}.ph-news-card h2{font-size:16px}
}

/* v1.0.10 — Single Berita */
.ph-article-page{padding:0 0 80px;background:#fff}
.ph-breadcrumb{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:24px 0;color:#9ca3af;font-size:12px;line-height:20px}
.ph-breadcrumb a{color:#6b7280}.ph-breadcrumb a:hover{color:#BB982B}
.ph-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:56px;align-items:start}
.ph-article-category{display:inline-flex;padding:6px 14px;border-radius:999px;background:#f7edcf;color:#9B7B1F;font-size:12px;font-weight:600;margin-bottom:14px}
.ph-article h1{max-width:900px;margin:0 0 13px;color:#1f2937;font-size:38px;line-height:48px;font-weight:700;letter-spacing:-.3px}
.ph-article-meta{display:flex;gap:9px;align-items:center;color:#9ca3af;font-size:12px;margin-bottom:27px}
.ph-article-cover{margin:0 0 27px;border-radius:9px;overflow:hidden;background:#f3f4f6}
.ph-article-cover img{width:100%;height:auto;display:block}
.ph-article-lead{margin:0 0 22px;padding:17px 20px;border-left:3px solid #BB982B;background:#faf8f0;color:#4b5563;font-size:16px;line-height:27px;font-weight:500}
.ph-article-content{color:#374151;font-size:15px;line-height:28px}
.ph-article-content p{margin:0 0 20px}.ph-article-content h2{font-size:24px;line-height:33px;color:#1f2937;margin:32px 0 13px}.ph-article-content h3{font-size:19px;line-height:28px;color:#1f2937;margin:27px 0 10px}
.ph-article-content img{max-width:100%;height:auto;border-radius:7px}
.ph-article-tags{display:flex;gap:8px;flex-wrap:wrap;padding-top:20px;margin-top:25px;border-top:1px solid #eee}
.ph-article-tags a{padding:6px 11px;border-radius:999px;background:#f8f8f8;color:#BB982B;font-size:11px}
.ph-article-share{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:25px;padding:18px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;font-size:12px}
.ph-article-share>div{display:flex;gap:8px;flex-wrap:wrap}
.ph-article-share a,.ph-copy-link{border:1px solid #e5e7eb;background:#fff;color:#4b5563;border-radius:6px;padding:7px 11px;font:500 11px/18px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;cursor:pointer}
.ph-article-share a:hover,.ph-copy-link:hover{border-color:#BB982B;color:#BB982B}
.ph-sidebar-box{border:1px solid #e8e8e8;border-radius:8px;padding:20px;position:sticky;top:105px}
.ph-sidebar-box h2{font-size:17px;line-height:24px;color:#1f2937;margin:0 0 15px;padding-bottom:12px;border-bottom:2px solid #BB982B}
.ph-sidebar-news{display:grid;grid-template-columns:82px 1fr;gap:11px;padding:12px 0;border-bottom:1px solid #eee}
.ph-sidebar-news:last-child{border-bottom:0}
.ph-sidebar-news img{width:82px;height:58px;object-fit:cover;border-radius:5px}
.ph-sidebar-news strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#374151;font-size:12px;line-height:18px}
.ph-sidebar-news small{display:block;color:#9ca3af;font-size:10px;margin-top:4px}
.ph-related-news{padding-top:62px}
@media(max-width:960px){.ph-article-layout{grid-template-columns:1fr}.ph-article-sidebar{display:none}.ph-article h1{font-size:32px;line-height:41px}}
@media(max-width:640px){.ph-article-page{padding-bottom:55px}.ph-breadcrumb{padding:18px 0}.ph-article h1{font-size:27px;line-height:35px}.ph-article-cover{margin-left:-16px;margin-right:-16px;border-radius:0}.ph-article-share{align-items:flex-start;flex-direction:column}.ph-related-news{padding-top:45px}}

/* v1.0.11 — Modern language + search component */
.ph-head-actions{display:flex;align-items:center;gap:14px}
.ph-search-shell{
  display:flex;
  align-items:center;
  height:52px;
  min-width:430px;
  border:1px solid #e5e7eb;
  border-radius:15px;
  background:#fff;
  box-shadow:0 8px 26px rgba(31,41,55,.08);
  overflow:hidden;
}
.ph-lang-modern{
  height:100%;
  min-width:108px;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  background:#BB982B;
  color:#fff;
  font-size:14px;
  font-weight:700;
  border-right:1px solid rgba(255,255,255,.16);
}
.ph-lang-modern:hover{background:#a88622;color:#fff}
.ph-globe-icon{
  position:relative;
  width:20px;
  height:20px;
  border:2px solid currentColor;
  border-radius:50%;
  flex:0 0 20px;
}
.ph-globe-icon:before,
.ph-globe-icon:after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}
.ph-globe-icon:before{
  width:8px;
  height:16px;
  border-left:1.7px solid currentColor;
  border-right:1.7px solid currentColor;
  border-radius:50%;
}
.ph-globe-icon:after{
  width:16px;
  height:1.7px;
  background:currentColor;
  box-shadow:0 -5px 0 -0.3px currentColor,0 5px 0 -0.3px currentColor;
}
.ph-lang-chevron{
  width:7px;
  height:7px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
  opacity:.95;
}
.ph-search-modern{
  flex:1 1 auto;
  height:100%;
  display:flex;
  align-items:center;
  min-width:0;
}
.ph-search-prefix{
  position:relative;
  width:20px;
  height:20px;
  margin-left:16px;
  flex:0 0 20px;
}
.ph-search-prefix:before{
  content:"";
  position:absolute;
  width:11px;
  height:11px;
  border:2px solid #9ca3af;
  border-radius:50%;
  left:0;
  top:0;
}
.ph-search-prefix:after{
  content:"";
  position:absolute;
  width:7px;
  height:2px;
  background:#9ca3af;
  transform:rotate(45deg);
  left:11px;
  top:13px;
  border-radius:2px;
}
.ph-search-modern input{
  flex:1 1 auto;
  min-width:0;
  height:100%;
  border:0;
  outline:0;
  background:transparent;
  padding:0 16px 0 11px;
  color:#475569;
  font:400 14px/21px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
  box-shadow:none;
}
.ph-search-modern input::placeholder{color:#7c8aa0;opacity:1}
.ph-search-modern button{
  align-self:stretch;
  min-width:104px;
  border:0;
  border-radius:999px 0 0 999px;
  background:#BB982B;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 19px;
  font:700 14px/21px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  cursor:pointer;
  box-shadow:-8px 0 24px rgba(187,152,43,.14);
  transition:.2s ease;
}
.ph-search-modern button:hover{background:#a88622;transform:translateX(-1px)}
.ph-search-button-icon{
  position:relative;
  width:18px;
  height:18px;
  flex:0 0 18px;
}
.ph-search-button-icon:before{
  content:"";
  position:absolute;
  width:10px;
  height:10px;
  border:2px solid currentColor;
  border-radius:50%;
  left:0;top:0;
}
.ph-search-button-icon:after{
  content:"";
  position:absolute;
  width:7px;
  height:2px;
  background:currentColor;
  transform:rotate(45deg);
  left:10px;top:12px;
  border-radius:2px;
}
@media(max-width:1320px){
  .ph-search-shell{min-width:360px}
  .ph-lang-modern{min-width:92px;padding:0 13px}
  .ph-search-modern button{min-width:84px}
  .ph-search-modern button span:last-child{display:none}
}
@media(max-width:1100px){
  .ph-search-shell{height:46px;min-width:290px}
  .ph-lang-modern{min-width:78px}
  .ph-globe-icon{display:none}
  .ph-search-prefix{margin-left:12px}
}
@media(max-width:640px){
  .ph-head-actions{gap:8px}
  .ph-search-shell{min-width:0;width:auto;height:42px;border-radius:12px}
  .ph-lang-modern{min-width:58px;padding:0 10px}
  .ph-lang-chevron{display:none}
  .ph-search-modern{width:42px;flex:0 0 42px}
  .ph-search-prefix,.ph-search-modern input{display:none}
  .ph-search-modern button{min-width:42px;width:42px;padding:0;border-radius:0;background:#BB982B}
  .ph-search-modern button span:last-child{display:none}
}

/* v1.0.12 — Premium modern footer */
.ph-footer-modern{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 85% 8%,rgba(255,231,145,.28),transparent 24%),
    linear-gradient(112deg,#866817 0%,#a98520 38%,#BB982B 72%,#d4b44d 100%);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
.ph-footer-modern:before{
  content:"";position:absolute;inset:auto 0 0;height:44%;
  background:linear-gradient(to top,rgba(56,43,11,.22),transparent);
  pointer-events:none
}
.ph-footer-pattern{
  position:absolute;inset:0 auto 0 0;width:260px;opacity:.11;
  background-image:
    linear-gradient(30deg,transparent 40%,#fff 41%,#fff 43%,transparent 44%),
    linear-gradient(150deg,transparent 40%,#fff 41%,#fff 43%,transparent 44%);
  background-size:54px 54px;pointer-events:none
}
.ph-footer-silhouette{
  position:absolute;right:-20px;bottom:74px;width:400px;height:180px;opacity:.08;pointer-events:none;
  background:
    radial-gradient(ellipse at 70% 88%,#111 0 31%,transparent 32%),
    radial-gradient(circle at 83% 42%,#111 0 17%,transparent 18%),
    linear-gradient(90deg,transparent 74%,#111 74% 77%,transparent 77%);
}
.ph-footer-main{
  position:relative;z-index:2;display:grid;
  grid-template-columns:1.18fr 1.12fr 1fr .8fr 1.22fr;
  gap:0;padding-top:58px;padding-bottom:50px
}
.ph-footer-col{padding:0 30px;border-left:1px solid rgba(255,255,255,.14);min-width:0}
.ph-footer-col:first-child{border-left:0;padding-left:0}
.ph-footer-col:last-child{padding-right:0}
.ph-footer-brand{display:flex;align-items:center;gap:14px;color:#fff;margin-bottom:22px}
.ph-footer-brand img{width:60px;height:60px;object-fit:contain;flex:0 0 60px}
.ph-footer-brand span{min-width:0}
.ph-footer-brand strong{display:block;color:#fff;font-size:18px;line-height:23px;font-weight:700;word-break:break-word}
.ph-footer-brand small{display:block;margin-top:4px;color:#f2d77f;font-size:12px;font-weight:600}
.ph-footer-tagline{max-width:320px;margin:0 0 22px;color:rgba(255,255,255,.9);font-size:13px;line-height:22px}
.ph-footer-socials{display:flex;gap:10px;flex-wrap:wrap}
.ph-footer-socials a{width:40px;height:40px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:700;background:rgba(255,255,255,.035);transition:.2s}
.ph-footer-socials a:hover{background:#fff;color:#9B7B1F;transform:translateY(-2px)}
.ph-footer-motto{position:relative;max-width:330px;margin-top:24px;padding-top:16px;color:#fff;font-size:12px;line-height:20px;font-style:italic}
.ph-footer-motto:before{content:"";position:absolute;top:0;left:0;width:42px;height:2px;background:#f4d56c;border-radius:3px}
.ph-footer-heading{display:flex;align-items:center;gap:11px;margin-bottom:20px}
.ph-footer-heading-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.14);color:#fff;font-size:15px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.ph-footer-heading h4{margin:0;color:#fff;font-size:14px;line-height:20px;font-weight:700}
.ph-footer-col>p{margin:0;color:rgba(255,255,255,.9);font-size:12px;line-height:21px}
.ph-footer-outline-btn{display:inline-flex;align-items:center;gap:9px;margin-top:18px;border:1px solid rgba(255,255,255,.65);border-radius:999px;padding:9px 14px;color:#fff;font-size:11px;font-weight:600}
.ph-footer-outline-btn b{margin-left:4px}.ph-footer-outline-btn:hover{background:#fff;color:#9B7B1F}
.ph-footer-contact{list-style:none;padding:0;margin:0;display:grid;gap:17px}
.ph-footer-contact li{display:grid;grid-template-columns:24px 1fr;gap:9px;color:#fff}
.ph-footer-contact li>span{color:#f6dd8e;font-size:16px;line-height:20px}
.ph-footer-contact small{display:block;color:#f2d77f;font-size:10px;line-height:15px;margin-bottom:1px}
.ph-footer-contact strong,.ph-footer-contact a{display:block;color:#fff;font-size:11px;line-height:18px;font-weight:500;word-break:break-word}
.ph-footer-nav{display:grid;gap:5px}
.ph-footer-nav a{display:flex;justify-content:space-between;align-items:center;gap:12px;color:rgba(255,255,255,.94);padding:5px 0;font-size:12px;line-height:19px}
.ph-footer-nav a span{color:#f4d56c;transition:.2s}.ph-footer-nav a:hover{color:#fff}.ph-footer-nav a:hover span{transform:translateX(3px)}
.ph-footer-info-col p{margin-bottom:18px}
.ph-footer-primary-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:250px;padding:11px 14px;border-radius:9px;background:#fff;color:#9B7B1F;font-size:11px;font-weight:700;box-shadow:0 9px 22px rgba(62,44,0,.12)}
.ph-footer-primary-btn:hover{color:#7a5f15;transform:translateY(-1px)}
.ph-footer-secure{margin-top:11px;color:rgba(255,255,255,.72);font-size:9px;line-height:15px}
.ph-footer-bottom{position:relative;z-index:3;background:#171c25;border-top:2px solid rgba(244,213,108,.65)}
.ph-footer-bottom .ph-container{min-height:72px;display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center}
.ph-footer-copy{color:rgba(255,255,255,.78);font-size:10px;line-height:18px}
.ph-footer-legal{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
.ph-footer-legal a{color:rgba(255,255,255,.75);font-size:10px}.ph-footer-legal a:hover{color:#f4d56c}
.ph-footer-legal span{width:1px;height:12px;background:rgba(255,255,255,.25)}
.ph-footer-top{display:flex;align-items:center;gap:9px;color:#fff;font-size:10px;font-weight:600}
.ph-footer-top b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#BB982B;color:#fff;font-size:16px;box-shadow:0 6px 18px rgba(187,152,43,.23)}
.ph-footer-top:hover{color:#f4d56c}
@media(max-width:1250px){
  .ph-footer-main{grid-template-columns:1.2fr 1fr 1fr 1fr}
  .ph-footer-info-col{grid-column:1/-1;border-left:0;border-top:1px solid rgba(255,255,255,.14);margin-top:30px;padding:28px 0 0}
}
@media(max-width:900px){
  .ph-footer-main{grid-template-columns:1fr 1fr;gap:30px 0;padding-top:46px}
  .ph-footer-col{border-left:0;padding:0 24px 0 0}
  .ph-footer-col:nth-child(even){border-left:1px solid rgba(255,255,255,.14);padding-left:24px;padding-right:0}
  .ph-footer-info-col{grid-column:1/-1!important;padding-left:0!important;border-left:0!important}
  .ph-footer-bottom .ph-container{grid-template-columns:1fr auto}
  .ph-footer-legal{grid-column:1/-1;grid-row:2;justify-content:flex-start;padding-bottom:18px}
}
@media(max-width:600px){
  .ph-footer-main{grid-template-columns:1fr;padding-top:38px;padding-bottom:34px}
  .ph-footer-col,.ph-footer-col:nth-child(even){border-left:0;border-top:1px solid rgba(255,255,255,.13);padding:26px 0 0;margin-top:2px}
  .ph-footer-brand-col{border-top:0!important;padding-top:0!important}
  .ph-footer-brand img{width:54px;height:54px;flex-basis:54px}
  .ph-footer-brand strong{font-size:17px}
  .ph-footer-info-col{grid-column:auto!important}
  .ph-footer-bottom .ph-container{grid-template-columns:1fr auto;gap:14px;min-height:auto;padding-top:18px;padding-bottom:18px}
  .ph-footer-legal{display:none}.ph-footer-top span{display:none}
}

/* v1.0.13 — Footer refinement */
.ph-footer-modern{
  background:
    radial-gradient(circle at 88% 6%,rgba(255,238,171,.30),transparent 24%),
    linear-gradient(115deg,#856817 0%,#9d7b1c 30%,#BB982B 68%,#d4b34a 100%);
}
.ph-footer-main{
  grid-template-columns:1.22fr 1.08fr 1fr .78fr 1.18fr;
  max-width:1760px;
  padding-top:48px;
  padding-bottom:42px;
}
.ph-footer-col{padding-left:28px;padding-right:28px}
.ph-footer-brand-col{padding-right:34px}
.ph-footer-brand{margin-bottom:18px}
.ph-footer-brand img{width:58px;height:58px;flex-basis:58px}
.ph-footer-brand strong{font-size:18px;line-height:22px}
.ph-footer-brand small{font-size:11px;line-height:18px;color:#f1d477}
.ph-footer-tagline{font-size:12px;line-height:20px;margin-bottom:18px}
.ph-footer-socials{gap:9px}
.ph-footer-socials a{width:38px;height:38px}
.ph-footer-socials a.is-disabled{opacity:.58;cursor:default}
.ph-footer-socials a.is-disabled:hover{background:rgba(255,255,255,.035);color:#fff;transform:none}
.ph-footer-motto{font-size:11px;line-height:18px;margin-top:20px}
.ph-footer-heading{margin-bottom:17px}
.ph-footer-heading-icon{width:32px;height:32px;border-radius:8px}
.ph-footer-heading h4{font-size:13px}
.ph-footer-col>p{font-size:11px;line-height:19px}
.ph-footer-contact{gap:14px}
.ph-footer-contact strong,.ph-footer-contact a{font-size:10.5px}
.ph-footer-nav{gap:3px}
.ph-footer-nav a{font-size:11px;padding:4px 0}
.ph-footer-primary-btn{max-width:235px;padding:10px 13px}
.ph-footer-secure{font-size:8.5px}
.ph-footer-silhouette{right:-35px;bottom:72px;width:360px;height:160px;opacity:.065}
.ph-footer-pattern{width:300px;opacity:.085}
.ph-footer-bottom .ph-container{
  max-width:1760px;
  min-height:64px;
}
.ph-footer-copy,.ph-footer-legal a,.ph-footer-top{font-size:9.5px}
@media(max-width:1250px){
  .ph-footer-main{max-width:none}
}

/* v1.0.14 — Modern SVG icon system */
.ph-footer-modern svg{
  width:18px;height:18px;display:block;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.ph-footer-heading-icon{
  width:36px;height:36px;border-radius:10px;
  background:linear-gradient(145deg,rgba(255,255,255,.19),rgba(255,255,255,.08));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 6px 18px rgba(82,58,0,.08);
  backdrop-filter:blur(8px);
}
.ph-footer-heading-icon svg{width:17px;height:17px}
.ph-footer-socials a{
  width:40px;height:40px;
  background:rgba(255,255,255,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.ph-footer-socials a svg{width:17px;height:17px}
.ph-footer-socials a:hover{
  background:#fff;color:#9B7B1F;
  box-shadow:0 9px 20px rgba(62,44,0,.15)
}
.ph-footer-socials .ph-icon-fill{fill:currentColor;stroke:none}
.ph-contact-icon{
  width:28px;height:28px;border-radius:8px;
  display:grid;place-items:center;
  color:#f7df8e;
  background:rgba(255,255,255,.06);
  flex:0 0 28px;
}
.ph-contact-icon svg{width:15px;height:15px}
.ph-footer-contact li{
  grid-template-columns:28px 1fr;
  align-items:start;
  gap:10px;
}
.ph-footer-nav a span{
  width:24px;height:24px;display:grid;place-items:center;
  border-radius:7px;background:rgba(255,255,255,.055);
  color:#f4d56c;transition:.2s;
}
.ph-footer-nav a span svg{width:13px;height:13px}
.ph-footer-nav a:hover span{
  transform:translateX(2px);
  background:rgba(255,255,255,.12);
}
.ph-footer-outline-btn{
  background:rgba(255,255,255,.045);
  backdrop-filter:blur(8px);
}
.ph-footer-outline-btn .ph-btn-icon{
  width:23px;height:23px;border-radius:50%;
  display:grid;place-items:center;
  background:rgba(255,255,255,.10)
}
.ph-footer-outline-btn .ph-btn-icon svg{width:13px;height:13px}
.ph-footer-outline-btn b{display:grid;place-items:center;margin-left:auto}
.ph-footer-outline-btn b svg{width:13px;height:13px}
.ph-footer-primary-btn span{display:grid;place-items:center}
.ph-footer-primary-btn span svg{width:14px;height:14px}
.ph-footer-top b{
  width:38px;height:38px;
  background:linear-gradient(145deg,#d2aa2d,#BB982B);
  box-shadow:0 10px 24px rgba(187,152,43,.28),inset 0 1px 0 rgba(255,255,255,.25);
}
.ph-footer-top b svg{width:16px;height:16px}


/* =========================================================
   v1.0.19 — Hero Slider proportion & spacing refinement
   ========================================================= */
.ph-hero{
  height:720px !important;
  min-height:720px !important;
  max-height:none !important;
}
.ph-hero-slide{
  height:100% !important;
  min-height:100% !important;
}
.ph-hero-slide:before{
  background:linear-gradient(90deg,
    rgba(8,25,25,.80) 0%,
    rgba(8,25,25,.67) 34%,
    rgba(8,25,25,.34) 66%,
    rgba(8,25,25,.12) 100%) !important;
}
.ph-hero-slide img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}
.ph-hero-slide > .ph-container{
  height:100%;
  display:flex;
  align-items:center;
}
.ph-hero .ph-hero-content{
  width:min(100%, 1050px);
  max-width:1050px !important;
  padding:58px 0 78px !important;
}
.ph-hero .ph-badge{
  margin-bottom:20px !important;
}
.ph-hero h1,
.ph-hero .ph-hero-title{
  max-width:1020px;
  margin:0 0 18px !important;
  font-size:52px !important;
  line-height:1.12 !important;
  letter-spacing:-.025em !important;
  font-weight:800 !important;
}
.ph-hero p,
.ph-hero .ph-hero-excerpt{
  max-width:760px !important;
  margin:0 0 28px !important;
  font-size:18px !important;
  line-height:1.65 !important;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.ph-hero-arrow{
  width:46px !important;
  height:46px !important;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.16) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  backdrop-filter:blur(8px);
  transition:background .2s ease, transform .2s ease;
}
.ph-hero-arrow:hover{
  background:rgba(187,152,43,.92) !important;
}
.ph-hero-prev{left:24px !important}
.ph-hero-next{right:24px !important}
.ph-hero-dots{
  bottom:26px !important;
  gap:8px !important;
}
.ph-hero-dots button{
  width:9px !important;
  height:9px !important;
  transition:width .2s ease,border-radius .2s ease,background .2s ease;
}
.ph-hero-dots button.active{
  width:30px !important;
  border-radius:999px !important;
  background:#fff !important;
}

@media (max-width:1366px){
  .ph-hero{
    height:660px !important;
    min-height:660px !important;
  }
  .ph-hero h1,
  .ph-hero .ph-hero-title{
    font-size:46px !important;
  }
  .ph-hero .ph-hero-content{
    max-width:930px !important;
  }
}
@media (max-width:900px){
  .ph-hero{
    height:580px !important;
    min-height:580px !important;
  }
  .ph-hero .ph-hero-content{
    max-width:88% !important;
    padding:48px 0 68px !important;
  }
  .ph-hero h1,
  .ph-hero .ph-hero-title{
    font-size:38px !important;
    line-height:1.15 !important;
  }
  .ph-hero p,
  .ph-hero .ph-hero-excerpt{
    font-size:16px !important;
    line-height:1.55 !important;
  }
  .ph-hero-prev{left:12px !important}
  .ph-hero-next{right:12px !important}
}
@media (max-width:600px){
  .ph-hero{
    height:520px !important;
    min-height:520px !important;
  }
  .ph-hero-slide:before{
    background:linear-gradient(90deg,rgba(8,25,25,.82),rgba(8,25,25,.52)) !important;
  }
  .ph-hero .ph-hero-content{
    max-width:100% !important;
    padding:40px 8px 64px !important;
  }
  .ph-hero h1,
  .ph-hero .ph-hero-title{
    font-size:30px !important;
    line-height:1.16 !important;
    margin-bottom:14px !important;
  }
  .ph-hero p,
  .ph-hero .ph-hero-excerpt{
    font-size:15px !important;
    line-height:1.5 !important;
    -webkit-line-clamp:3;
    margin-bottom:22px !important;
  }
  .ph-hero-arrow{
    width:36px !important;
    height:36px !important;
  }
  .ph-hero-prev{left:8px !important}
  .ph-hero-next{right:8px !important}
  .ph-hero-dots{bottom:18px !important}
}


/* =========================================================
   v1.0.20 — Hero content safe area
   Geser konten sedikit ke tengah agar tidak bertabrakan
   dengan tombol navigasi slider.
   ========================================================= */
.ph-hero-slide > .ph-container{
  width:min(1320px, calc(100% - 160px)) !important;
  margin-inline:auto !important;
}

.ph-hero .ph-hero-content{
  margin-left:38px !important;
  max-width:980px !important;
}

.ph-hero-prev{
  left:28px !important;
}
.ph-hero-next{
  right:28px !important;
}

@media (max-width:1366px){
  .ph-hero-slide > .ph-container{
    width:min(1180px, calc(100% - 140px)) !important;
  }
  .ph-hero .ph-hero-content{
    margin-left:28px !important;
    max-width:900px !important;
  }
}

@media (max-width:900px){
  .ph-hero-slide > .ph-container{
    width:calc(100% - 96px) !important;
  }
  .ph-hero .ph-hero-content{
    margin-left:18px !important;
    max-width:100% !important;
  }
  .ph-hero-prev{
    left:10px !important;
  }
  .ph-hero-next{
    right:10px !important;
  }
}

@media (max-width:600px){
  .ph-hero-slide > .ph-container{
    width:calc(100% - 56px) !important;
  }
  .ph-hero .ph-hero-content{
    margin-left:0 !important;
    padding-left:8px !important;
    padding-right:8px !important;
  }
}

/* v1.0.21 — Hero final */
:root{--ph-header-height:106px}
.ph-hero{position:relative!important;height:calc(100svh - var(--ph-header-height))!important;min-height:calc(100svh - var(--ph-header-height))!important;max-height:calc(100svh - var(--ph-header-height))!important;overflow:hidden!important}
.ph-hero-slider,.ph-hero-slide{height:100%!important;min-height:100%!important}
.ph-hero-slide{position:relative!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
.ph-hero-slide img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
.ph-hero-slide::before{content:""!important;position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(90deg,rgba(8,25,28,.76) 0%,rgba(8,25,28,.68) 32%,rgba(8,25,28,.47) 58%,rgba(8,25,28,.22) 100%)!important}
.ph-hero-slide>.ph-container{position:relative!important;z-index:2!important;width:100%!important;max-width:none!important;height:100%!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important}
.ph-hero .ph-hero-content{position:relative!important;width:min(950px,60vw)!important;max-width:950px!important;margin-left:11.5%!important;margin-top:-5px!important;padding:0!important;color:#fff!important}
.ph-hero .ph-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-height:49px!important;padding:0 25px!important;margin:0 0 28px!important;border:0!important;border-radius:999px!important;background:#c9a33a!important;color:#fff!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif!important;font-size:14px!important;line-height:23px!important;font-weight:600!important;white-space:nowrap!important;box-shadow:none!important}
.ph-hero h1,.ph-hero .ph-hero-title{width:100%!important;max-width:950px!important;margin:0 0 20px!important;padding:0!important;color:#fff!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif!important;font-size:48px!important;line-height:58px!important;font-weight:700!important;letter-spacing:0!important}
.ph-hero p,.ph-hero .ph-hero-excerpt{width:100%!important;max-width:850px!important;margin:0 0 30px!important;padding:0!important;color:rgba(255,255,255,.96)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif!important;font-size:19px!important;line-height:31px!important;font-weight:400!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}
.ph-hero .ph-btn,.ph-hero .ph-hero-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:58px!important;padding:0 28px!important;margin:0!important;border:0!important;border-radius:999px!important;background:#c9a33a!important;color:#fff!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;font-size:15px!important;line-height:23px!important;font-weight:600!important;text-decoration:none!important}
.ph-hero-arrow{position:absolute!important;top:50%!important;width:58px!important;height:58px!important;transform:translateY(-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:10!important;padding:0!important;border:1px solid rgba(255,255,255,.20)!important;border-radius:50%!important;background:rgba(255,255,255,.17)!important;color:#fff!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
.ph-hero-prev{left:28px!important}.ph-hero-next{right:28px!important}
.ph-hero-dots{position:absolute!important;left:50%!important;bottom:20px!important;transform:translateX(-50%)!important;z-index:10!important;display:flex!important;align-items:center!important;gap:9px!important}
.ph-hero-dots button{width:10px!important;height:10px!important;min-width:10px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.52)!important}
.ph-hero-dots button.active{width:34px!important;border-radius:999px!important;background:#fff!important}
@media (max-height:800px) and (min-width:901px){
.ph-hero .ph-badge{min-height:43px!important;padding:0 22px!important;margin-bottom:18px!important}
.ph-hero h1,.ph-hero .ph-hero-title{font-size:42px!important;line-height:50px!important;margin-bottom:15px!important}
.ph-hero p,.ph-hero .ph-hero-excerpt{font-size:17px!important;line-height:27px!important;margin-bottom:22px!important}
}
@media (max-width:900px){
:root{--ph-header-height:72px}
.ph-hero .ph-hero-content{width:auto!important;max-width:none!important;margin-left:70px!important;margin-right:70px!important;margin-top:0!important}
.ph-hero h1,.ph-hero .ph-hero-title{font-size:36px!important;line-height:43px!important}
.ph-hero p,.ph-hero .ph-hero-excerpt{font-size:16px!important;line-height:26px!important}
.ph-hero-arrow{width:44px!important;height:44px!important}
.ph-hero-prev{left:12px!important}.ph-hero-next{right:12px!important}
}
@media (max-width:600px){
:root{--ph-header-height:64px}
.ph-hero .ph-hero-content{width:auto!important;margin-left:40px!important;margin-right:40px!important}
.ph-hero .ph-badge{min-height:38px!important;padding:0 17px!important;margin-bottom:16px!important;font-size:12px!important;line-height:20px!important}
.ph-hero h1,.ph-hero .ph-hero-title{font-size:29px!important;line-height:35px!important;margin-bottom:14px!important}
.ph-hero p,.ph-hero .ph-hero-excerpt{font-size:15px!important;line-height:23px!important;margin-bottom:20px!important;-webkit-line-clamp:3!important}
.ph-hero .ph-btn,.ph-hero .ph-hero-btn{min-height:48px!important;padding:0 21px!important;font-size:13px!important}
.ph-hero-arrow{width:36px!important;height:36px!important}
.ph-hero-prev{left:6px!important}.ph-hero-next{right:6px!important}
.ph-hero-dots{bottom:14px!important}
}