/*
Theme Name: Ayah Mukhsin Future
Theme URI: https://ayahmukhsin.store/
Author: Ayah Mukhsin
Description: Tema premium modern untuk branding personal, parenting Islami, artikel, kelas, dan toko digital Ayah Mukhsin. Logo resmi disertakan. WooCommerce compatible.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ayah-mukhsin-future
Tags: blog, e-commerce, custom-logo, featured-images, responsive-layout
*/
:root{--navy:#0c2444;--navy-2:#173455;--gold:#ffc44f;--gold-dark:#d9901c;--cream:#f9f6f1;--beige:#f1e9df;--line:#e8e4df;--muted:#637086;--white:#fff;--radius:22px;--shadow:0 14px 40px rgba(8,35,60,.07)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--cream);color:var(--navy);font-family:Inter,'Segoe UI',system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #efad36;outline-offset:4px}
.wrap{width:min(1220px,calc(100% - 76px));margin-inline:auto}.screen-reader-text{position:absolute;left:-9999px}.skip-link:focus{position:fixed;left:15px;top:15px;background:#fff;padding:12px;z-index:1000}
.top-strip{background:var(--navy);color:#f7e4bb;font-size:11px;letter-spacing:.04em;min-height:32px;display:flex;align-items:center}.top-strip .wrap{display:flex;align-items:center;gap:7px}.top-star{color:var(--gold);font-size:13px}.top-right{margin-left:auto;font-size:10px;letter-spacing:.16em;color:#abc0d5;font-weight:800}
.site-header{height:94px;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(12,36,68,.065);position:sticky;top:0;z-index:100;backdrop-filter:blur(16px)}.header-inner{height:100%;display:flex;align-items:center;gap:22px}.brand{flex:0 0 auto;display:block}.logo-image{width:310px;height:auto;max-height:70px;object-fit:contain}.main-nav{margin-left:auto}.nav-links{display:flex;align-items:center;gap:21px;list-style:none;margin:0;padding:0;font-size:13px;font-weight:750}.nav-links a{display:block;white-space:nowrap;transition:color .2s}.nav-links a:hover,.nav-links a:focus{color:#b27913}.nav-actions{display:flex;align-items:center;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:51px;border-radius:14px;padding:13px 21px;font-size:13px;font-weight:800;line-height:1.2;border:1px solid transparent;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-gold{background:linear-gradient(140deg,#ffda79,#ffba41);color:var(--navy);box-shadow:0 9px 22px rgba(225,148,34,.14)}.btn-gold:hover{background:#f2b034}.btn-navy{background:var(--navy);color:#fff;box-shadow:0 9px 25px rgba(12,36,68,.16)}.btn-navy:hover{background:var(--navy-2);color:#fff}.btn-outline{border-color:#abb5be;background:rgba(255,255,255,.65);color:var(--navy)}.btn-outline:hover{background:white}.menu-toggle{display:none;width:46px;height:46px;border:1px solid #dce4e9;border-radius:12px;background:white;flex-direction:column;gap:5px;align-items:center;justify-content:center}.menu-toggle span{height:2px;width:20px;background:var(--navy);border-radius:99px}
.hero{background:radial-gradient(circle at 62% 15%,#fff 0,transparent 54%),linear-gradient(124deg,#f8f2ed,#fff 48%,#f4ece4);overflow:hidden;position:relative}.hero:before{content:'';position:absolute;width:500px;height:500px;border:1px solid rgba(214,180,130,.25);border-radius:50%;left:-320px;top:-320px}.hero-grid{display:grid;grid-template-columns:.91fr 1.09fr;gap:35px;align-items:center;min-height:514px;padding-block:52px 62px}.hero-copy{position:relative;z-index:2}.eyebrow,.kicker{color:#c08824;font-size:11px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px}.sparkle{font-size:20px;color:#e7a126}.hero h1{font-size:clamp(38px,4vw,58px);line-height:1.11;letter-spacing:-.058em;font-weight:860;margin:21px 0 14px;max-width:650px}.gold-stroke{height:6px;width:116px;background:linear-gradient(to right,#eea63c,#ffcf31);display:block;border-radius:100%;transform:rotate(-2deg);margin-bottom:22px}.hero-copy>p{color:#52647b;line-height:1.83;max-width:550px;font-size:15px;margin:0 0 27px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-tags{display:flex;gap:17px;flex-wrap:wrap;margin-top:29px;color:#7b7d83;font-size:11px;font-weight:700}.hero-tags span{white-space:nowrap}.hero-visual{position:relative;min-height:400px;height:100%;align-content:center}.hero-visual img{border-radius:32px;object-fit:cover;object-position:58% 50%;width:100%;height:395px;box-shadow:0 24px 62px rgba(12,36,68,.11);background:#efe9e4}.hero-visual-note{position:absolute;left:24px;bottom:27px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.9);padding:11px 15px;font-size:11px;font-weight:750;border-radius:10px;box-shadow:var(--shadow)}.hero-visual-note span{color:#daa227}
.focus-strip{background:#fff;border-top:1px solid #eee9e4;border-bottom:1px solid #eee9e4}.focus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.focus-grid>div{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:15px;padding:23px 18px}.focus-grid>div+div{border-left:1px solid #ece6e0}.focus-number{font-weight:850;color:#ca9b45;font-size:16px;grid-row:span 2}.focus-grid strong{font-size:14px}.focus-grid div>span:last-child{font-size:11px;color:#83909e}
.section{padding:92px 0 96px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:29px}.section h2,.insight-band h2,.about-section h2{font-size:clamp(30px,3.3vw,43px);line-height:1.15;font-weight:850;letter-spacing:-.055em;margin:10px 0 12px}.section h2 em,.insight-band h2 em,.about-section h2 em{font-style:normal;color:#bc851f}.section-top p{font-size:14px;color:var(--muted);margin:0;max-width:670px;line-height:1.7}.section-more{font-size:12px;font-weight:800;white-space:nowrap;display:inline-flex;align-items:center;gap:9px;padding-bottom:8px;border-bottom:1px solid #bec6cf;transition:color .2s}.section-more:hover{color:#b97d22}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.product-card{background:white;border:1px solid #ebe6e1;border-radius:19px;overflow:hidden;box-shadow:0 8px 27px rgba(20,36,60,.045);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(20,36,60,.1)}.product-art{margin:11px 11px 0;border-radius:11px;min-height:208px;display:flex;flex-direction:column;justify-content:space-between;padding:22px 20px;position:relative;overflow:hidden}.product-art:after{content:'';position:absolute;border:30px solid rgba(255,255,255,.12);border-radius:50%;width:200px;height:200px;right:-100px;bottom:-90px}.book-one{background:linear-gradient(145deg,#173555,#071a33);color:white}.book-two{background:linear-gradient(145deg,#c79f80,#78513f);color:white}.book-three{background:linear-gradient(145deg,#f4e9d8,#d9bc88);color:#283c4b}.book-four{background:linear-gradient(145deg,#7f93a9,#31475d);color:white}.cover-upper,.cover-bottom{font-size:9px;letter-spacing:.16em;font-weight:800;position:relative;z-index:1}.cover-main{font-size:23px;line-height:1.12;font-weight:850;letter-spacing:-.06em;position:relative;z-index:1}.product-art-image{padding:0;background:#f4f0e9}.product-art-image img{width:100%;height:208px;object-fit:cover}.no-product-image{display:grid;place-items:center;text-align:center;width:100%;height:208px;background:#e6e9ec;color:#4e5d75;font-weight:900}.product-detail{padding:18px 19px 19px;display:flex;flex:1;flex-direction:column}.product-kind{letter-spacing:.13em;text-transform:uppercase;color:#b98026;font-size:10px;font-weight:850}.product-detail h3{font-size:18px;line-height:1.28;letter-spacing:-.03em;margin:10px 0 8px}.product-detail p{font-size:12px;line-height:1.65;color:#7b8794;margin:0 0 16px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.soon-text{font-size:11px;color:#956d34;font-weight:800}.round-arrow{width:35px;height:35px;display:grid;place-items:center;border:1px solid #e0b779;border-radius:50%;font-size:18px;color:#a27122}.disabled-arrow{opacity:.65}.product-price{font-size:14px;color:var(--navy);font-weight:850}.product-price del{font-size:11px;color:#8a8a8a}.product-price ins{text-decoration:none}.editor-hint{font-size:11px;color:#8b8e94;margin-top:18px}
.insight-band{background:var(--navy);padding:58px 0;color:white;position:relative;overflow:hidden}.insight-band:after{content:'';position:absolute;border:1px solid #365071;border-radius:50%;height:440px;width:440px;right:-220px;top:-280px;box-shadow:0 0 0 62px rgba(255,255,255,.025),0 0 0 122px rgba(255,255,255,.02)}.insight-grid{display:grid;grid-template-columns:80px 1.25fr 1fr;gap:29px;align-items:center;position:relative;z-index:1}.insight-icon{font-size:62px;color:#f3bc4a;line-height:1}.insight-band .kicker{color:#f7c969}.insight-band h2{font-size:clamp(28px,3vw,39px);margin:8px 0}.insight-band h2 em{color:#ffca66}.insight-grid>p{font-size:14px;line-height:1.86;color:#cdd8e4;max-width:435px}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.article-card{background:#fff;border:1px solid #ebe7e2;border-radius:19px;overflow:hidden;box-shadow:0 8px 25px rgba(12,36,68,.045);display:flex;flex-direction:column;transition:transform .18s}.article-card:hover{transform:translateY(-3px)}.article-thumb{height:206px;background:linear-gradient(120deg,#e1d2b8,#adbfcc);overflow:hidden;display:grid;place-items:center}.article-thumb img{width:100%;height:100%;object-fit:cover}.article-one{background:radial-gradient(circle at 70% 40%,#f8c56b,transparent 27%),linear-gradient(135deg,#d4d3c3,#6b90a4)}.article-two{background:radial-gradient(circle at 65% 29%,#fff5c7,transparent 28%),linear-gradient(155deg,#c8bb9a,#69827e)}.article-three{background:radial-gradient(circle at 72% 35%,#b6cfdc,transparent 27%),linear-gradient(135deg,#d0c7b8,#607487)}.article-placeholder{color:#fff9ed;font-size:100px;font-weight:300;text-shadow:0 12px 25px #36505d50}.article-body{padding:21px 22px 22px;display:flex;flex:1;flex-direction:column}.article-category{font-size:10px;font-weight:850;color:#b47e33;text-transform:uppercase;letter-spacing:.11em}.article-body h3,.article-body h2{font-size:19px;letter-spacing:-.034em;line-height:1.34;margin:10px 0}.article-body p{font-size:12px;color:#768397;line-height:1.7;margin:0 0 19px}.article-date{font-size:11px;color:#8a98a6;margin-top:auto}
.about-section{padding:16px 0 104px}.about-grid{background:linear-gradient(115deg,#f4e9de,#fff 75%);border:1px solid #efe7dd;border-radius:32px;display:grid;grid-template-columns:1fr .85fr;gap:65px;padding:55px 70px;overflow:hidden}.about-section h2{font-size:clamp(31px,3.4vw,46px);margin:16px 0}.about-section p{font-size:14px;line-height:1.85;color:#627188;margin-bottom:25px}.about-visual{position:relative;min-height:255px;display:flex;align-items:center;justify-content:center;flex-direction:column;isolation:isolate}.about-monogram{font-size:clamp(80px,10vw,140px);font-weight:900;letter-spacing:-.14em;color:#1a385a;line-height:1}.about-monogram span{font-size:43px;color:#e1ab48;letter-spacing:0;position:relative;bottom:57px;left:6px}.circle{position:absolute;border:1px solid #deccb5;border-radius:50%;z-index:-1}.circle-large{width:360px;height:360px;box-shadow:0 0 0 42px rgba(221,192,158,.12)}.circle-small{width:170px;height:170px;border-color:#f0d3a3}.about-visual p{color:#6b7380;font-size:13px;text-align:center;margin:0}.about-visual p strong{color:var(--navy)}
.site-footer{background:#0c2444;color:#f4f5f8;padding:50px 0 23px}.footer-top{display:grid;grid-template-columns:1.3fr 1fr .65fr;gap:60px;padding-bottom:37px;border-bottom:1px solid #36506d}.footer-brand img{width:280px;max-width:100%;border-radius:7px;background:white;padding:5px}.footer-brand p{font-size:11px;color:#b3c5d8;margin:17px 0 0}.footer-info strong,.footer-links strong{font-size:14px}.footer-info p{font-size:12px;color:#b3c5d8;line-height:1.7;margin:10px 0}.footer-contact{color:#ffcd6b;font-size:12px;font-weight:800}.footer-pending{color:#94a8bc;font-size:10px}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-links a{font-size:12px;color:#b3c5d8}.footer-links a:hover{color:#ffcd6b}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;color:#9cb0c5;font-size:10px}
.inner-page{padding:65px 0 100px;min-height:60vh}.inner-heading{margin-bottom:32px}.inner-heading h1,.page-title{font-size:clamp(36px,4.3vw,57px);letter-spacing:-.06em;line-height:1.2;margin:13px 0}.inner-heading p{color:var(--muted);font-size:14px}.content-frame{max-width:890px}.content-frame article{background:white;border:1px solid #eae5df;border-radius:23px;padding:50px 55px}.entry-content{color:#35465d;font-size:16px;line-height:1.95;overflow-wrap:anywhere}.entry-content h2,.entry-content h3{color:var(--navy);line-height:1.25;margin-top:35px}.entry-content p{margin:0 0 20px}.entry-content a{text-decoration:underline;text-decoration-color:#d9ac5c}.entry-content img{border-radius:12px}.post-meta{font-size:12px;color:#8190a1;margin:10px 0 26px}.post-image{margin-bottom:32px}.post-image img{border-radius:15px}.article-end{margin-top:30px;border-top:1px solid var(--line);padding-top:23px}.pagination{margin-top:32px}.pagination a,.pagination span{display:inline-block;padding:8px 13px;border:1px solid #ddd;border-radius:6px;margin:0 3px}.not-found{padding:60px 0}.articles-loop .article-card h2{font-size:19px}.woocommerce-frame{max-width:1150px}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0!important;padding:0!important}.woocommerce ul.products li.product{width:auto!important;float:none!important;margin:0!important;background:#fff;border-radius:16px;padding:15px!important;overflow:hidden}.woocommerce ul.products li.product img{border-radius:10px}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--navy)!important;color:#fff!important;border-radius:10px!important}.woocommerce span.onsale{background:#bf8d38}.woocommerce div.product{background:white;border-radius:20px;padding:27px}.woocommerce div.product .product_title{font-size:32px;letter-spacing:-.04em}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{padding:12px;border:1px solid #ced4db;border-radius:8px}
@media(max-width:1120px){.wrap{width:min(1060px,calc(100% - 48px))}.logo-image{width:250px}.nav-links{gap:13px;font-size:12px}.nav-cta{padding-inline:15px}.hero h1{font-size:clamp(38px,4.35vw,51px)}.hero-grid{gap:25px}.hero-visual img{height:365px}.product-grid{gap:12px}.product-detail{padding:15px}.product-detail h3{font-size:17px}}
@media(max-width:900px){.site-header{height:76px}.logo-image{width:245px}.menu-toggle{display:flex}.nav-cta{display:none}.main-nav{display:none;position:absolute;top:76px;left:24px;right:24px;padding:14px;background:white;border:1px solid #e5e5e5;border-radius:14px;box-shadow:var(--shadow)}.main-nav.open{display:block}.main-nav .nav-links{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav-links a{padding:12px 16px;border-bottom:1px solid #f2f1ef}.nav-links li:last-child a{border-bottom:0}.nav-actions{margin-left:auto}.hero-grid{grid-template-columns:1fr;gap:36px;padding-block:62px}.hero h1{font-size:55px;max-width:740px}.hero-copy>p{max-width:700px}.hero-visual{min-height:unset}.hero-visual img{height:350px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.product-art,.product-art-image img{min-height:240px;height:240px}.article-grid{gap:12px}.about-grid{padding:50px;gap:30px}.insight-grid{grid-template-columns:50px 1fr;gap:22px}.insight-grid>p{grid-column:2}.insight-icon{font-size:46px}.footer-top{gap:25px}}
@media(max-width:640px){.wrap{width:calc(100% - 34px)}.top-strip{font-size:9px}.top-right{display:none}.site-header{height:69px}.main-nav{top:69px;left:17px;right:17px}.logo-image{width:207px;max-height:60px}.header-inner{gap:8px}.menu-toggle{width:42px;height:42px}.hero-grid{padding-block:43px 45px;gap:31px}.eyebrow{font-size:9px;letter-spacing:.11em}.hero h1{font-size:clamp(37px,10.1vw,53px);margin:16px 0 14px}.gold-stroke{margin-bottom:19px}.hero-copy>p{font-size:13px;line-height:1.8}.hero-actions{gap:9px}.btn{min-height:47px;padding:12px 16px;font-size:12px}.hero-tags{gap:12px;margin-top:24px;font-size:9px}.hero-visual img{height:247px;border-radius:20px}.hero-visual-note{font-size:9px;padding:8px 10px;left:11px;bottom:12px}.focus-grid{grid-template-columns:1fr}.focus-grid>div{padding:14px 8px;grid-template-columns:25px 1fr}.focus-grid>div+div{border-left:0;border-top:1px solid #ece6e0}.focus-grid strong{font-size:12px}.focus-grid div>span:last-child{font-size:10px}.section{padding:62px 0}.section-top{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:23px}.section h2{font-size:35px}.section-top p{font-size:12px}.section-more{font-size:11px}.product-grid{gap:10px}.product-card{border-radius:14px}.product-art{margin:7px 7px 0;min-height:165px;height:165px;padding:15px 12px}.product-art-image img,.no-product-image{height:165px;min-height:165px}.cover-upper,.cover-bottom{font-size:7px}.cover-main{font-size:18px}.product-detail{padding:12px 11px 13px}.product-kind{font-size:8px;letter-spacing:.08em}.product-detail h3{font-size:14px;margin:7px 0}.product-detail p{font-size:10px}.soon-text{font-size:9px}.round-arrow{width:29px;height:29px}.editor-hint{font-size:10px}.insight-band{padding:45px 0}.insight-grid{grid-template-columns:1fr;gap:10px}.insight-grid>p{grid-column:auto;font-size:12px}.insight-icon{font-size:35px}.insight-band h2{font-size:32px}.article-grid{grid-template-columns:1fr;gap:15px}.article-thumb{height:198px}.article-body{padding:18px}.article-body h3{font-size:20px}.about-section{padding:0 0 66px}.about-grid{grid-template-columns:1fr;padding:35px 25px;gap:12px;border-radius:22px}.about-section h2{font-size:34px}.about-section p{font-size:12px}.about-visual{min-height:190px}.about-monogram{font-size:96px}.about-monogram span{font-size:28px;bottom:43px}.circle-large{width:220px;height:220px}.circle-small{width:130px;height:130px}.site-footer{padding-top:36px}.footer-top{grid-template-columns:1fr;gap:28px;padding-bottom:28px}.footer-brand img{width:245px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:6px}.inner-page{padding:40px 0 75px}.content-frame article{padding:28px 22px}.page-title{font-size:36px}.entry-content{font-size:15px}.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}.woocommerce div.product{padding:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}