/*
 Theme Name:   Seoul AN Dental - Astra Child
 Template:     astra
 Version:      5.0.0
*/
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');

:root{
  --bg:#060606;--s1:#0e0e0e;--s2:#151515;--s3:#1d1d1d;--bdr:#222;--bdr2:#2e2e2e;
  --am:#d4741e;--am2:#e8882f;--am3:rgba(212,116,30,.08);--am4:rgba(212,116,30,.25);
  --t1:#f2f0ec;--t2:#c4c0b9;--t3:#918c85;--t4:#5e5a54;
  --ff:'Pretendard Variable','Pretendard',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --mw:1100px;--ease:cubic-bezier(.22,1,.36,1);
  --ast-global-color-0:#d4741e;--ast-global-color-1:#e8882f
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden}
body,body.home,body.page,body.single{background:var(--bg)!important;color:var(--t2)!important;font:400 15px/1.75 var(--ff)!important;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,.entry-title,.page-title{color:var(--t1)!important;font-weight:700!important;letter-spacing:-.03em;line-height:1.15}
a{color:inherit;text-decoration:none}
ul{list-style:none;padding:0}
img{display:block;max-width:100%}
table,td,th,.entry-content table,.entry-content td,.entry-content th{border:none!important}

/* grain */
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-size:128px}

/* === WORDPRESS OVERRIDES === */
.site-content,.entry-content,#content,.ast-container{background:transparent!important;color:var(--t2)!important}
.entry-content h1,.entry-content h2,.entry-content h3{color:var(--t1)!important}
.home .site-content>.ast-container{max-width:100%!important;padding:0!important}
.home .entry-content{margin:0!important;padding:0!important}
.home .ast-article-single{padding:0!important;margin:0!important}
.home .entry-header{display:none!important}
.entry-content p:empty{display:none!important}
.hero p,.sec p,.bento__card p,.tx__card p,.faq__a-inner p,.doc__quote p,.info__addr p,.cta p,.stats p,.ft p{margin:0!important}

/* links: NO underline anywhere by default */
a,a:hover,a:visited,a:active,a:focus,
.entry-content a,.entry-content a:hover,.entry-content a:visited{text-decoration:none!important;color:inherit!important}

/* === ASTRA HEADER === */
.ast-primary-header-bar,.ast-primary-header,.main-header-bar,.site-header,#masthead{background:transparent!important;border:none!important;box-shadow:none!important}
.site-header{position:fixed!important;top:0!important;left:0!important;width:100%!important;z-index:999!important;transition:all .5s var(--ease)!important}
.site-header.scrolled{background:rgba(6,6,6,.85)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important}
.site-title{display:none!important}
.ast-builder-menu .menu-item>.menu-link,.main-header-menu .menu-link{color:#fff!important;font-size:15px!important;font-weight:500!important;transition:color .25s!important}
.ast-builder-menu .menu-item>.menu-link:hover,.main-header-menu .menu-link:hover{color:var(--am)!important}
.ast-mobile-header-content,.ast-mobile-popup-content{background:var(--bg)!important}
.ast-mobile-header-content .menu-link{color:var(--t2)!important;border-color:var(--bdr)!important}
.menu-toggle .ast-mobile-svg{color:var(--t1)!important}

/* === ASTRA FOOTER === */
.site-footer,.ast-footer-overlay,.site-below-footer-wrap,.ast-builder-footer-grid-columns{background:var(--bg)!important;border:none!important}
.ast-small-footer,.ast-footer-copyright,.site-below-footer-wrap .ast-builder-html-element{display:none!important}

/* === ASTRA SCROLL TOP === */
#ast-scroll-top{background-color:var(--am)!important;background:var(--am)!important;color:#fff!important}
#ast-scroll-top:hover{background-color:var(--am2)!important;background:var(--am2)!important}

/* === NAV === */
.nav{position:fixed;top:0;left:0;width:100%;z-index:100;padding:18px clamp(20px,5vw,48px);display:flex;align-items:center;justify-content:space-between;transition:all .5s var(--ease)}
.nav.stuck{background:rgba(6,6,6,.85);backdrop-filter:blur(24px)}
.nav__logo img{height:28px;width:auto}
.nav__links{display:flex;gap:32px}
.nav__links a{font-size:13px;font-weight:500;color:var(--t3);transition:color .25s}
.nav__links a:hover{color:var(--t1)}
.nav__cta{font-size:13px;font-weight:600;color:var(--am)!important;display:flex;align-items:center;gap:6px}
.nav__cta svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}

/* === HERO === */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 clamp(24px,6vw,80px);position:relative;overflow:hidden;margin-top:-80px;padding-top:80px}
.hero::before{content:'';position:absolute;top:-20%;right:-10%;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(212,116,30,.04) 0%,transparent 70%);pointer-events:none}
.hero__inner{max-width:560px;position:relative;z-index:2}
.hero__badge{display:inline-flex;align-items:center;gap:8px;background:var(--s2);border:1px solid var(--bdr);border-radius:100px;padding:6px 16px 6px 8px;font-size:12px;font-weight:500;color:var(--t2)!important;margin-bottom:36px}
.hero__dot{width:8px;height:8px;border-radius:50%;background:var(--am);box-shadow:0 0 12px var(--am4)}
.hero h1{font-size:clamp(30px,5.5vw,54px)!important;font-weight:800!important;letter-spacing:-.045em;line-height:1.1;margin-bottom:20px!important}
.hero h1 span{color:var(--am2)!important}
.hero__desc{font-size:clamp(14px,1.6vw,16px);color:var(--t3)!important;max-width:400px;margin:0 auto;line-height:1.7}
.hero__actions{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:36px}

/* === BUTTONS === */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:8px;font-size:15px;font-weight:700;transition:all .3s var(--ease);text-decoration:none!important}
.btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}
.btn--fill,.entry-content a.btn--fill{background:var(--am)!important;color:#fff!important;box-shadow:0 4px 20px var(--am4);border:1px solid var(--am)!important;text-decoration:none!important}
.btn--fill:hover,.entry-content a.btn--fill:hover{transform:translateY(-2px);background:transparent!important;color:var(--am2)!important;box-shadow:none;border:1px solid var(--am)!important}
.btn--ghost,.entry-content a.btn--ghost{background:transparent!important;color:var(--t2)!important;border:1px solid var(--bdr2)!important;text-decoration:none!important}
.btn--ghost:hover,.entry-content a.btn--ghost:hover{border-color:var(--t3)!important;color:var(--t1)!important}

/* === STATS === */
.stats{border-top:1px solid var(--bdr);border-bottom:1px solid var(--bdr);padding:0 clamp(24px,6vw,80px)}
.stats__inner{max-width:var(--mw);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}
.stat{padding:36px 0;text-align:center;position:relative}
.stat+.stat::before{content:'';position:absolute;left:0;top:20%;height:60%;width:1px;background:var(--bdr)}
.stat__num{font-size:clamp(28px,3.5vw,42px);font-weight:800;color:var(--t1);letter-spacing:-.04em;line-height:1;margin-bottom:6px}
.stat__num em{font-style:normal;color:var(--am2)}
.stat__label{font-size:12px;color:var(--t3);font-weight:500}

/* === SECTIONS === */
.sec{padding:clamp(80px,12vw,140px) clamp(24px,6vw,80px)}
.sec--alt{background:var(--s1)!important}
.sec__inner{max-width:var(--mw);margin:0 auto}
.sec__top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:48px;gap:24px;flex-wrap:wrap}
.sec__label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--am);margin-bottom:12px}
.sec__h{font-size:clamp(24px,3.5vw,38px)!important;font-weight:800!important;letter-spacing:-.035em}
.sec__sub{font-size:15px;color:var(--t3)!important;max-width:400px;margin-top:12px;line-height:1.7}
.sec--c{text-align:center}
.sec--c .sec__sub{margin-left:auto;margin-right:auto}

/* === BENTO === */
.bento{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bento__card{background:var(--s1);border:1px solid var(--bdr);border-radius:16px;padding:36px 32px;transition:all .4s var(--ease);position:relative;overflow:hidden}
.bento__card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--am),transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.bento__card:hover{border-color:var(--bdr2);transform:translateY(-3px);box-shadow:0 20px 60px rgba(0,0,0,.3)}
.bento__card:hover::after{transform:scaleX(1)}
.bento__card--wide{grid-column:1/-1;background:linear-gradient(135deg,var(--s1) 0%,rgba(212,116,30,.03) 100%)}
.bento__card--wide .bento__body{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center}
.bento__icon{width:44px;height:44px;border-radius:12px;background:var(--am3);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.bento__icon svg{width:22px;height:22px;stroke:var(--am2);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.bento__card h3{font-size:18px!important;letter-spacing:-.02em;margin-bottom:10px!important}
.bento__card p{font-size:14px;color:var(--t3)!important;line-height:1.7}

/* === DOCTOR === */
.doc__grid{display:grid;grid-template-columns:320px 1fr;gap:48px;align-items:start}
.doc__photo{aspect-ratio:3/4;background:linear-gradient(160deg,var(--s2) 0%,#1a150f 100%);border:1px solid var(--bdr);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.doc__photo svg{width:64px;height:64px;stroke:var(--t4);fill:none;stroke-width:.8}
.doc__photo span{font-size:11px;color:var(--t4);font-weight:500}
.doc__name{font-size:clamp(26px,3vw,34px)!important;font-weight:800!important;margin-bottom:2px!important}
.doc__eng{font-size:13px;color:var(--am)!important;font-weight:500;margin-bottom:32px}
.doc__group{margin-bottom:24px}
.doc__group-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--t4);margin-bottom:10px;padding-bottom:8px}
.doc__list li{padding:7px 0;font-size:14px;color:var(--t2);display:flex;align-items:baseline;gap:10px}
.doc__list li::before{content:'';width:3px;height:3px;border-radius:50%;background:var(--am);flex-shrink:0;margin-top:7px}
.doc__quote{margin-top:32px;padding:24px;background:var(--am3);border-left:2px solid var(--am);border-radius:0 12px 12px 0;font-size:16px;line-height:1.8;color:var(--t1)!important}

/* === TREATMENT === */
.tx__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tx__card,.entry-content a.tx__card{background:var(--s1)!important;border:1px solid var(--bdr)!important;border-radius:16px!important;padding:32px 24px!important;transition:all .4s var(--ease);display:block;text-align:left;text-decoration:none!important;color:inherit!important}
.tx__card:hover{border-color:var(--am)!important;transform:translateY(-4px);box-shadow:0 16px 48px rgba(212,116,30,.06)}
.tx__icon{width:48px;height:48px;border-radius:14px;background:var(--am3);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.tx__icon svg{width:24px;height:24px;stroke:var(--am2);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tx__card h3{font-size:17px!important;margin-bottom:8px!important;color:var(--t1)!important}
.tx__card p{font-size:13px;color:var(--t3)!important;line-height:1.65;margin-bottom:16px}
.tx__link{font-size:12px;font-weight:600;color:var(--am)!important;display:inline-flex;align-items:center;gap:4px;transition:gap .3s var(--ease)}
.tx__card:hover .tx__link{gap:8px}

/* === COLUMNS === */
.col__grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important;max-width:var(--mw)!important;margin:0 auto!important}
.col__card,.entry-content a.col__card{display:block!important;background:var(--s2)!important;border:1px solid var(--bdr)!important;border-radius:14px!important;overflow:hidden!important;text-decoration:none!important;color:inherit!important;transition:all .4s var(--ease)!important;text-align:left!important}
.col__card:hover{border-color:var(--bdr2)!important;transform:translateY(-3px)!important}
.col__thumb{height:180px!important;background-color:var(--s3)!important;background-size:cover!important;background-position:center!important;display:block!important}
.col__thumb--empty{background:linear-gradient(135deg,var(--s2),var(--s3))!important}
.col__body{padding:20px!important}
.col__body h3{font-size:15px!important;font-weight:600!important;color:var(--t1)!important;margin-bottom:6px!important;line-height:1.4!important}
.col__date{font-size:12px!important;color:var(--t4)!important}
.col__empty{text-align:center;padding:60px 24px;color:var(--t3)}
#column .sec__label,#column .sec__h,#column .sec__sub{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
#column .sec__sub{margin-bottom:40px!important}

/* === FAQ === */
.faq__list{max-width:720px;margin:90px auto 0!important;display:flex;flex-direction:column;gap:6px}
details.faq__item{background:var(--s2);border:1px solid var(--bdr);border-radius:12px;overflow:hidden}
details.faq__item:hover{background:var(--s3)}
details.faq__item[open]{background:var(--s3);border-color:var(--bdr2)}
summary.faq__q{position:relative;z-index:2;padding:20px 24px;cursor:pointer;color:var(--t1)!important;font-size:15px;font-weight:600;font-family:var(--ff);letter-spacing:-.01em;list-style:none;display:flex;align-items:center;justify-content:space-between;user-select:none;line-height:1.5}
summary.faq__q::-webkit-details-marker{display:none}
summary.faq__q::marker{display:none;content:''}
summary.faq__q::after{content:'+';font-size:18px;font-weight:300;color:var(--t4);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.04);flex-shrink:0;transition:all .3s;line-height:1}
details.faq__item[open] summary.faq__q::after{content:'\2212';color:var(--am);background:var(--am3)}
details.faq__item .faq__a-inner{padding:0 24px 22px;font-size:14px;color:var(--t2);line-height:1.85;text-align:right}
#faq .sec__label,#faq .sec__h,#faq .sec__sub{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
#faq .sec__sub{margin-bottom:0!important}
summary.faq__q svg{display:none!important}

/* === INFO === */
.info__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.info__map{background:var(--s1);border:1px solid var(--bdr);border-radius:16px;overflow:hidden;min-height:380px}
.info__map iframe{width:100%;height:100%;border:0;min-height:380px}
.info__detail{background:var(--s1)!important;border:1px solid var(--bdr)!important;border-radius:16px!important;padding:32px!important}
.info__detail h3{font-size:16px!important;margin-bottom:24px!important;color:var(--t1)!important;font-weight:700!important}
.info__table{width:100%;border-collapse:collapse;margin-bottom:24px}
.info__table th,.info__table td{padding:14px 16px!important;font-size:14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.04)!important;font-variant-numeric:tabular-nums}
.info__table th{color:var(--t1)!important;font-weight:600;width:110px;background:rgba(255,255,255,.02);border-radius:8px 0 0 8px}
.info__table td{color:var(--t2);border-radius:0 8px 8px 0}
.info__table tr:last-child th,.info__table tr:last-child td{border-bottom:none!important}
.info__table tr.hi th,.info__table tr.hi td{background:rgba(212,116,30,.06)!important;color:var(--am2)!important;font-weight:700!important}
.info__addr{display:flex;flex-direction:column;gap:12px}
.info__addr-item{font-size:14px;display:flex;align-items:baseline;gap:10px}
.info__addr-item svg{width:16px;height:16px;stroke:var(--am);fill:none;stroke-width:1.6;flex-shrink:0;margin-top:3px}
.info__addr-item a{color:var(--am)!important;font-weight:600}

/* === CTA === */
.cta{text-align:center;padding:80px 24px;position:relative;overflow:hidden}
.cta::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(212,116,30,.04) 0%,transparent 60%);pointer-events:none}
.cta__label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--am);margin-bottom:16px}
.cta h2{font-size:clamp(20px,3vw,28px)!important;margin-bottom:8px!important}
.cta__num{font-size:clamp(32px,5vw,48px);font-weight:800;color:var(--am)!important;letter-spacing:-.04em;margin-bottom:28px;font-variant-numeric:tabular-nums}

/* === QUICK MENU === */
.qm{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:9999;display:flex;flex-direction:column;border-radius:12px 0 0 12px;overflow:hidden;box-shadow:-4px 0 24px rgba(0,0,0,.4);border:1px solid var(--bdr);border-right:none}
.qm a{width:44px;height:44px;background:var(--s2);display:flex;align-items:center;justify-content:center;transition:all .25s var(--ease);border-left:2px solid transparent;position:relative}
.qm a+a{border-top:1px solid var(--bdr)}
.qm a svg{width:17px;height:17px;stroke:var(--t3);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s}
.qm a:hover{background:var(--s3);border-left-color:var(--am)}
.qm a:hover svg{stroke:var(--am2)}
.qm a:last-child{border-left-color:var(--am)}
.qm a:last-child svg{stroke:var(--am)}
.qm a .tip{position:absolute;right:52px;background:var(--s2);color:var(--t2);font-size:11px;font-weight:600;padding:5px 10px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;transform:translateX(4px);border:1px solid var(--bdr)}
.qm a:hover .tip{opacity:1;transform:translateX(0)}

/* === MOBILE BAR === */
.mob{position:fixed;bottom:0;left:0;width:100%;height:60px;background:var(--s1);display:none;z-index:9999;border-top:1px solid var(--bdr);box-shadow:0 -4px 24px rgba(0,0,0,.5)}
.mob a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--t1)!important;font-size:14px;font-weight:600}
.mob a svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}
.mob a:last-child{background:var(--am)}

/* === FOOTER === */
.ft{padding:48px 24px;border-top:1px solid var(--bdr);text-align:center;font-size:12px;color:var(--t4);line-height:2.2}
.ft strong{color:var(--t3);font-weight:600}

/* === SINGLE POST === */
.single .entry-content{max-width:760px!important;margin:0 auto!important;padding:120px 24px 80px!important}
.single .entry-title,{font-size:clamp(24px,4vw,36px)!important;font-weight:800!important;margin-bottom:16px!important}
.single .entry-content p p{font-size:16px!important;line-height:1.9!important;color:var(--t2)!important;margin-bottom:20px!important}
.single .entry-content h2{font-size:24px!important;margin:48px 0 16px!important}
.single .entry-content h3{font-size:20px!important;margin:36px 0 12px!important}
.single .entry-content ul,.single .entry-content ol ul ol{margin:16px 0 24px 24px!important;padding:0!important}
.single .entry-content li li{font-size:15px!important;line-height:1.8!important;color:var(--t2)!important;margin-bottom:8px!important;padding-left:8px!important;list-style:disc!important}
.single .entry-content ol li{list-style:decimal!important}
.single .entry-content img{border-radius:12px!important;margin:24px 0!important}
.single .entry-content blockquote{border-left:2px solid var(--am)!important;padding:16px 24px!important;margin:24px 0!important;background:var(--am3)!important;border-radius:0 12px 12px 0!important;color:var(--t1)!important}
.single .entry-content a{color:var(--t1)!important;text-decoration:underline!important;text-decoration-color:var(--t4)!important;text-underline-offset:3px!important}
.single .entry-content a:hover{color:var(--am2)!important;text-decoration-color:var(--am2)!important}
.single .entry-content strong{color:var(--t1)!important}
.single .entry-content hr{border:none!important;border-top:1px solid var(--bdr)!important;margin:40px 0!important}
.single .entry-meta{color:var(--t3)!important;font-size:13px!important}
.single .post-thumb-img-content img{border-radius:16px!important;margin-bottom:32px!important}

/* archive/blog list */
.archive .ast-article-post,.blog .ast-article-post{background:var(--s1)!important;border:1px solid var(--bdr)!important;border-radius:14px!important;overflow:hidden!important;margin-bottom:16px!important}
.archive .entry-title a,.blog .entry-title a{color:var(--t1)!important}
.archive .entry-title a:hover,.blog .entry-title a:hover{color:var(--am)!important}

/* hide comments */
.comments-area,.comment-respond,#comments{display:none!important}

/* === RESPONSIVE === */
@media(max-width:1024px){.tx__grid{grid-template-columns:repeat(2,1fr)}.doc__grid{grid-template-columns:1fr;gap:32px}.doc__photo{max-width:300px;margin:0 auto}.col__grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:768px){.nav__links{display:none}.bento{grid-template-columns:1fr}.bento__card--wide .bento__body{grid-template-columns:1fr}.stats__inner{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3)::before{display:none}.tx__grid{grid-template-columns:1fr}.info__grid{grid-template-columns:1fr}.qm{display:none}.mob{display:flex}body{padding-bottom:60px!important}.hero{min-height:auto;padding:120px 24px 80px!important}.sec{padding:64px 24px}}
@media(max-width:480px){.tx__grid{grid-template-columns:1fr}.col__grid{grid-template-columns:1fr!important}}

/* FORCE: home page full width */
.home .ast-container,.home .entry-content,.home .ast-article-single,.home #primary,.home .site-content,.home .site-content .ast-container{max-width:100%!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin:0!important}
.single .entry-content{max-width:760px!important}

/* ARCHIVE/BLOG LIST - card grid like homepage */
.blog .ast-container,.archive .ast-container{max-width:var(--mw)!important;margin:0 auto!important;padding:120px 24px 80px!important}
.blog #primary,.archive #primary{width:100%!important}
.blog .ast-row,.archive .ast-row{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important}
.blog .ast-article-post,.archive .ast-article-post{background:var(--s2)!important;border:1px solid var(--bdr)!important;border-radius:14px!important;overflow:hidden!important;margin:0!important;padding:0!important;transition:all .4s var(--ease)!important;width:100%!important}
.blog .ast-article-post:hover,.archive .ast-article-post:hover{border-color:var(--bdr2)!important;transform:translateY(-3px)!important}
.blog .ast-article-post .post-thumb-img-content,.archive .ast-article-post .post-thumb-img-content{margin:0!important}
.blog .ast-article-post .post-thumb-img-content img,.archive .ast-article-post .post-thumb-img-content img{width:100%!important;height:180px!important;object-fit:cover!important;border-radius:0!important;margin:0!important}
.blog .ast-article-post .entry-header,.archive .ast-article-post .entry-header{padding:20px 20px 0!important}
.blog .ast-article-post .entry-title,.archive .ast-article-post .entry-title{font-size:15px!important;font-weight:600!important;line-height:1.4!important;margin:0 0 8px!important}
.blog .ast-article-post .entry-title a,.archive .ast-article-post .entry-title a{color:var(--t1)!important}
.blog .ast-article-post .entry-title a:hover,.archive .ast-article-post .entry-title a:hover{color:var(--am)!important}
.blog .ast-article-post .entry-content,.archive .ast-article-post .entry-content{padding:0 20px!important;margin:0!important;max-width:100%!important}
.blog .ast-article-post .entry-content p,.archive .ast-article-post .entry-content p{font-size:13px!important;color:var(--t3)!important;line-height:1.6!important;margin:0 0 4px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.blog .ast-article-post .entry-meta,.archive .ast-article-post .entry-meta{padding:12px 20px 16px!important;font-size:12px!important;color:var(--t4)!important}
.blog .ast-article-post .entry-meta a,.archive .ast-article-post .entry-meta a{color:var(--t4)!important}
.blog .ast-article-post .ast-blog-single-element.ast-taxonomy-container,.archive .ast-article-post .ast-blog-single-element.ast-taxonomy-container{display:none!important}
.blog .ast-pagination,.archive .ast-pagination{grid-column:1/-1!important;text-align:center!important;padding:40px 0!important}
.blog .ast-pagination a,.archive .ast-pagination a{color:var(--t2)!important;background:var(--s2)!important;border:1px solid var(--bdr)!important;border-radius:8px!important;padding:8px 16px!important;margin:0 4px!important}
.blog .ast-pagination a:hover,.archive .ast-pagination a:hover{border-color:var(--am)!important;color:var(--am)!important}
.blog .ast-pagination .current,.archive .ast-pagination .current{background:var(--am)!important;color:#fff!important;border-color:var(--am)!important;border-radius:8px!important;padding:8px 16px!important}
.blog .page-header,.archive .page-header{grid-column:1/-1!important;margin-bottom:24px!important}
.blog .ast-archive-title,.archive .ast-archive-title{font-size:28px!important;font-weight:800!important}
@media(max-width:1024px){.blog .ast-row,.archive .ast-row{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:480px){.blog .ast-row,.archive .ast-row{grid-template-columns:1fr!important}}

/* hide sidebar on archive */
.blog #secondary,.archive #secondary{display:none!important}

/* column card excerpt */
.col__excerpt{font-size:13px!important;color:var(--t3)!important;line-height:1.6!important;margin:0 0 8px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}

/* FIX: header width */
.site-header .ast-container,.site-header .site-primary-header-wrap{max-width:var(--mw)!important;margin:0 auto!important;padding:0 clamp(20px,4vw,40px)!important}
.ast-separate-container .ast-article-inner{background-color:var(--s2)!important;background:var(--s2)!important}
:root{--ast-global-color-4:var(--s2)!important}
.ast-separate-container .ast-article-single:not(.ast-related-post),.ast-separate-container .error-404,.ast-separate-container .no-results,.single.ast-separate-container .site-main .ast-author-meta,.ast-separate-container .related-posts-title-wrapper,.ast-separate-container .comments-count-wrapper,.ast-box-layout.ast-plain-container .site-content,.ast-padded-layout.ast-plain-container .site-content,.ast-separate-container .ast-archive-description,.ast-separate-container .comments-area{background-color:var(--s2)!important;background:var(--s2)!important}

/* BLOG LIST META */
.blog .entry-meta,.archive .entry-meta{padding:0 20px 16px!important;font-size:12px!important;color:var(--t4)!important;border-top:1px solid var(--bdr)!important;margin-top:12px!important;padding-top:12px!important}
.blog .entry-meta a,.archive .entry-meta a{color:var(--t4)!important}
.blog .entry-meta .posted-by,.archive .entry-meta .posted-by{display:none!important}
.blog .entry-meta .posted-on .published,.archive .entry-meta .posted-on .published{color:var(--t4)!important}
.blog .ast-blog-single-element,.archive .ast-blog-single-element{padding:0!important;margin:0!important}
.blog .entry-header,.archive .entry-header{padding:16px 20px 0!important}

/* === BLOG LIST FULL RESTYLE === */
.blog .ast-article-inner,.archive .ast-article-inner{background:var(--s2)!important;border-radius:14px!important;overflow:hidden!important;padding:0!important;margin:0!important}
.blog .post-content,.archive .post-content{padding:0!important;margin:0!important}

/* thumbnail */
.blog .ast-blog-featured-section,.archive .ast-blog-featured-section{margin:0!important;padding:0!important}
.blog .post-thumb-img-content,.archive .post-thumb-img-content{margin:0!important;padding:0!important}
.blog .post-thumb-img-content img,.archive .post-thumb-img-content img{width:100%!important;height:180px!important;object-fit:cover!important;border-radius:0!important;margin:0!important;display:block!important}

/* category tag */
.blog .ast-taxonomy-container,.archive .ast-taxonomy-container{padding:16px 20px 0!important;margin:0!important;display:block!important}
.blog .ast-taxonomy-container a,.archive .ast-taxonomy-container a{font-size:11px!important;font-weight:600!important;color:var(--am)!important;letter-spacing:.04em!important;text-transform:uppercase!important;text-decoration:none!important}

/* title */
.blog .entry-title,.archive .entry-title{padding:8px 20px 0!important;margin:0!important;font-size:15px!important;font-weight:600!important;line-height:1.4!important}
.blog .entry-title a,.archive .entry-title a{color:var(--t1)!important;text-decoration:none!important}
.blog .entry-title a:hover,.archive .entry-title a:hover{color:var(--am)!important}

/* meta (date) */
.blog .entry-header.ast-blog-meta-container,.archive .entry-header.ast-blog-meta-container{padding:8px 20px 0!important;margin:0!important}
.blog .entry-meta,.archive .entry-meta{font-size:12px!important;color:var(--t4)!important;padding:0!important;margin:0!important;border:none!important}
.blog .entry-meta .posted-by,.archive .entry-meta .posted-by{display:none!important}
.blog .entry-meta a,.archive .entry-meta a{color:var(--t4)!important;text-decoration:none!important}

/* excerpt */
.blog .ast-excerpt-container,.archive .ast-excerpt-container{padding:8px 20px 20px!important;margin:0!important}
.blog .ast-excerpt-container p,.archive .ast-excerpt-container p{font-size:13px!important;color:var(--t3)!important;line-height:1.6!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}

/* empty entry-content */
.blog .entry-content:empty,.archive .entry-content:empty,.blog .entry-content .ast-button-wrap,.archive .entry-content .ast-button-wrap{display:none!important}
.blog .entry-content,.archive .entry-content{padding:0!important;margin:0!important;max-width:100%!important}

/* grid container */
.blog .ast-row,.archive .ast-row{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important;margin:0!important;padding:0!important}
.blog .ast-article-post,.archive .ast-article-post{margin:0!important;padding:0!important;width:100%!important;border:1px solid var(--bdr)!important;border-radius:14px!important;overflow:hidden!important;transition:all .4s var(--ease)!important}
.blog .ast-article-post:hover,.archive .ast-article-post:hover{border-color:var(--bdr2)!important;transform:translateY(-3px)!important}

/* remove read more button */
.blog .ast-button-wrap,.archive .ast-button-wrap,.blog .read-more,.archive .read-more{display:none!important}

@media(max-width:1024px){.blog .ast-row,.archive .ast-row{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:480px){.blog .ast-row,.archive .ast-row{grid-template-columns:1fr!important}}