/*
Theme Name: VNB Native
Theme URI: https://vnb3d.com/
Author: VNB Productions
Description: Native VNB presentation, with no page builder or frontend framework dependency.
Version: 1.3.1
Requires at least: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: vnb-native
*/
:root{--purple:#291b3e;--deep:#17132c;--pink:#f01146;--pink-hover:#c70b38;--paper:#f7f3f6;--ink:#252132;--line:#dcd4df;--muted:#706a77;--width:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.7 system-ui,-apple-system,"Segoe UI",sans-serif}img{max-width:100%;height:auto;vertical-align:middle}a{color:#ce174e;text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button,summary{cursor:pointer}button{border:0}h1,h2,h3,h4{line-height:1.15;color:var(--deep);margin:0 0 24px;font-weight:750}h1{font-size:clamp(2.4rem,5.2vw,4.8rem);letter-spacing:-.035em}h2{font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.025em}h3{font-size:1.45rem}p{margin:0 0 22px}small,.meta{font-size:.88rem;color:var(--muted)}:focus-visible{outline:3px solid #ffad16;outline-offset:5px}.wrap{width:min(var(--width),calc(100% - 64px));margin-inline:auto}.skip-link{position:fixed;left:16px;top:-100px;z-index:1000;background:white;padding:12px}.skip-link:focus{top:12px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.site-header{background:var(--purple);color:white;position:sticky;top:0;z-index:50;box-shadow:0 3px 15px #0002}.admin-bar .site-header{top:32px}.header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand{display:flex;align-items:center;gap:18px;color:white;font-weight:750;font-size:1.5rem;line-height:1.1}.brand:hover{text-decoration:none}.brand img{width:56px;height:56px}.brand span{max-width:170px}.site-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:26px;align-items:center}.site-nav a{color:white;font-size:.95rem}.site-nav li{position:relative}.site-nav .sub-menu{display:none;position:absolute;top:100%;left:-16px;min-width:180px;background:var(--purple);padding:20px 16px;flex-direction:column;align-items:flex-start;gap:14px}.site-nav li:hover>.sub-menu,.site-nav li:focus-within>.sub-menu{display:flex}.menu-toggle{display:none;background:transparent;color:white;font-size:1.7rem;padding:6px 10px}.site-footer{background:var(--purple);color:white;padding:32px 0}.footer-inner{display:flex;justify-content:space-between;gap:24px;align-items:center}.site-footer p{margin:0;font-size:.9rem}.social-links{display:flex;flex-wrap:wrap;gap:20px}.social-links a{color:white;font-size:.85rem}
.button,.wp-element-button,.wp-block-button__link{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:var(--pink);color:white;padding:13px 24px;font-size:1rem;font-weight:600;border:2px solid transparent;border-radius:3px;line-height:1.4;text-decoration:none}.button:hover,.wp-element-button:hover{background:var(--pink-hover);color:white;text-decoration:none}.button.secondary{background:transparent;color:var(--pink);border-color:var(--pink)}.button.secondary:hover{background:var(--pink);color:white}.actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.eyebrow{font-size:.9rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}.section{padding:76px 0}.section-title{text-transform:uppercase;text-align:center;margin-bottom:40px}.hero{min-height:770px;background-size:cover;background-position:center;display:flex;align-items:stretch;position:relative}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000b 0%,#0009 52%,#0001 100%)}.hero .wrap{position:relative;display:flex;align-items:center}.hero-copy{max-width:630px;padding:90px 0;color:white}.hero h1{color:white;font-size:clamp(3.5rem,6.5vw,6rem)}.hero .intro{max-width:570px;font-size:1.06rem}.hero .price{color:#ff5986;font-weight:750;font-size:1.35rem}.hero .free-note{margin-top:34px;font-size:.95rem}.hero a:not(.button){color:#ff759a}.benefits{background:white;display:grid;grid-template-columns:repeat(4,1fr);padding-block:40px;gap:25px;text-align:center}.benefits h2{font-size:1.06rem;margin:10px 0 0;letter-spacing:0}.benefits span{font-size:1.8rem;color:var(--pink)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.category-tile{min-height:310px;background-position:center;background-size:cover;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;color:white;position:relative;isolation:isolate}.category-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000d,#0001);z-index:-1}.category-tile:hover{text-decoration:none}.category-tile h3{color:white;font-size:1.6rem}.category-tile p{font-size:.8rem;letter-spacing:.07em;margin-bottom:12px}.category-tile span{font-size:.9rem;font-weight:650}.white{background:white}.cta{background:var(--purple);color:white;text-align:center;padding:72px 24px}.cta h2{color:white;text-transform:uppercase}.cta p{max-width:780px;margin:0 auto 28px}.page-banner{padding:76px 0 72px;background:var(--purple);color:white;position:relative;overflow:hidden}.page-banner:after{content:"";height:26px;width:110%;position:absolute;bottom:-16px;left:-5%;background:var(--paper);border-radius:50%}.page-banner h1{color:white;margin:0 0 14px;text-transform:uppercase;font-size:clamp(2.3rem,4vw,3.8rem)}.page-banner p{margin:0;color:#eee3f4}.catalog-controls{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end;margin-bottom:26px}.catalog-controls label{flex:1;min-width:160px;font-size:.85rem;font-weight:650}.catalog-controls input,.catalog-controls select{margin-top:7px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 35px}.filter{padding:7px 16px;border:1px solid var(--line);border-radius:30px;color:var(--ink);font-size:.88rem;background:white}.filter.active{background:var(--pink);border-color:var(--pink);color:white}.filter:hover{text-decoration:none;border-color:var(--pink)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.asset-card{background:white;box-shadow:0 2px 12px #291b3e0c;display:flex;flex-direction:column;overflow:hidden;border:1px solid #e9e2eb}.asset-card .cover{display:block;overflow:hidden;aspect-ratio:1/1;background:#e8e1eb}.asset-card .cover img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.asset-card .cover:hover img{transform:scale(1.025)}.asset-card-content{padding:25px;display:flex;flex-direction:column;flex:1}.asset-card h2,.asset-card h3{font-size:1.55rem;margin-bottom:13px}.asset-card h2 a,.asset-card h3 a{color:var(--deep)}.asset-card p{font-size:.93rem}.asset-card .actions{margin-top:auto;padding-top:14px}.asset-card .price{font-weight:750;color:var(--pink);margin-bottom:15px}.asset-card .button{padding:10px 15px;font-size:.86rem}.count{margin-bottom:20px;color:var(--muted);font-size:.9rem}.pagination{display:flex;gap:12px;justify-content:center;margin-top:45px}.page-numbers{padding:8px 15px;background:white}.page-numbers.current{background:var(--pink);color:white}.empty{padding:70px 20px;text-align:center;border:1px dashed var(--line);grid-column:1/-1}
.product-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:52px;align-items:start}.product-main h1{font-size:clamp(2.5rem,4vw,4.5rem)}.product-gallery{position:sticky;top:125px}.gallery-main{display:block;background:white;border:1px solid var(--line)}.gallery-main img{width:100%;aspect-ratio:1/1;object-fit:contain}.gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.gallery-thumbs button{padding:0;border:2px solid transparent;background:white}.gallery-thumbs button[aria-pressed=true]{border-color:var(--pink)}.gallery-thumbs img{aspect-ratio:4/3;object-fit:cover;width:100%}.product-intro{font-style:italic;border-top:1px solid var(--line);padding-top:25px;margin-top:25px}.purchase-panel{border:1px solid var(--line);padding:24px;margin:28px 0;background:white}.purchase-panel .price{font-size:1.5rem;color:var(--pink);font-weight:750;margin-bottom:18px}.purchase-panel small{display:block;margin-top:15px}.product-sections details,.faq details{border:1px solid var(--line);margin-bottom:14px;background:white}.product-sections summary,.faq summary{font-weight:700;padding:17px 22px}.product-sections .entry-content,.faq details p{padding:8px 22px 22px}.product-sections h2{font-size:1.7rem}.product-sections h3{font-size:1.35rem}.product-sections .entry-content p:last-child{margin-bottom:0}.product-sections ul{padding-left:22px}.entry-content{overflow-wrap:anywhere}.entry-content>*{max-width:100%}.entry-content img{border-radius:3px}.entry-content figure{margin:30px 0}.entry-content figcaption{text-align:center;color:var(--muted);font-size:.85rem;margin-top:10px}.entry-content h2,.entry-content h3{margin-top:42px}.entry-content h2:first-child{margin-top:0}.entry-content iframe{width:100%;aspect-ratio:16/9;height:auto;border:0}.entry-content blockquote{border-left:4px solid var(--pink);margin-left:0;padding:5px 25px;background:white}.entry-content hr{border:0;border-top:1px solid var(--line);margin:35px 0}.entry-content a{text-decoration:underline}.page-content{max-width:1000px}.page-content>h1{margin-bottom:40px}.page-content.entry-content>img{margin-block:20px}.blog-surface{background:linear-gradient(120deg,#a71948,#491060);padding:0 0 70px}.blog-inner{background:var(--paper);padding:55px 35px}.blog-inner>h1{font-size:3rem;text-transform:uppercase;margin-bottom:10px}.post-list{display:grid;gap:35px}.post-card{background:white;box-shadow:0 2px 9px #0001;overflow:hidden}.post-card .post-cover{display:block;aspect-ratio:2.8/1;overflow:hidden;background:#e4dce8}.post-cover img{width:100%;height:100%;object-fit:cover}.post-card-copy{padding:28px}.post-card h2,.post-card h3{font-size:1.6rem;margin:0 0 13px}.post-card .meta{margin-bottom:15px}.post-card p{font-size:.96rem}.post-card .tags{font-size:.82rem}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.post-grid .post-cover{aspect-ratio:16/9}.post-grid .post-card-copy{padding:24px}.post-grid h3{font-size:1.25rem}.article{max-width:900px;padding:55px 45px;background:var(--paper)}.article-head h1{font-size:clamp(2.2rem,4vw,3.6rem)}.article-head .meta{margin-bottom:28px}.article-featured{width:100%;max-height:440px;object-fit:cover;margin-bottom:35px}.article .entry-content{font-size:1.06rem}.toc{border:1px solid var(--line);padding:20px 25px;background:white;margin-bottom:35px}.toc ol{margin-bottom:0;padding-left:24px}.toc summary{font-weight:700}.toc a{font-size:.95rem}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.vnb-form{display:grid;gap:18px}.vnb-form label{display:grid;gap:7px;font-weight:650;font-size:.95rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]),select,textarea{width:100%;background:white;border:1px solid #cfc5d5;color:var(--ink);padding:12px 14px;border-radius:3px}textarea{resize:vertical}.vnb-form button{justify-self:start}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-status{padding:15px;background:white;border-left:4px solid var(--pink)}.not-found{min-height:70vh;display:grid;place-items:center;text-align:center;padding:80px 25px}.not-found strong{font-size:clamp(7rem,20vw,15rem);line-height:1;color:var(--pink);letter-spacing:-.08em}.not-found h1{font-size:2rem;margin:20px 0 30px}.portfolio-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.portfolio-content>h1,.portfolio-content>h2,.portfolio-content>h3,.portfolio-content>p,.portfolio-content>ul{grid-column:1/-1}.portfolio-content>a:has(img){display:block}.portfolio-content img{width:100%;aspect-ratio:4/3;object-fit:cover}.portfolio-content figure{margin:0}.portfolio-content iframe{grid-column:1/-1}.wp-block-gallery{display:flex;flex-wrap:wrap;gap:15px}.wp-block-gallery figure{flex:1;min-width:180px}.woocommerce .woocommerce-MyAccount-navigation ul{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:15px}.woocommerce .woocommerce-MyAccount-content{padding:24px;background:white}.woocommerce table{width:100%;border-collapse:collapse}.woocommerce th,.woocommerce td{padding:10px;border-bottom:1px solid var(--line);text-align:left}.woocommerce form.woocommerce-form{max-width:600px}.woocommerce form p{margin-bottom:15px}.woocommerce form.woocommerce-form button{background:var(--pink);color:white;padding:12px 22px}.woocommerce-error{color:#a80027}.woocommerce-notices-wrapper:empty{display:none}.alignwide{max-width:1100px}.aligncenter{margin-inline:auto}.site-search{display:flex;gap:12px}
@media(min-width:1500px){.hero-copy{padding-block:115px}.hero{min-height:860px}}
@media(max-width:1100px){.site-nav ul{gap:17px}.site-nav a{font-size:.87rem}.brand{font-size:1.25rem}.header-inner{gap:20px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-layout{gap:30px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero:before{background:linear-gradient(90deg,#000b,#0007)}.hero-copy{max-width:600px}}
@media(max-width:850px){.wrap{width:calc(100% - 40px)}.menu-toggle{display:block}.header-inner{min-height:82px}.brand img{width:48px;height:48px}.site-nav{display:none;position:absolute;top:100%;left:0;width:100%;background:var(--purple);padding:15px 24px 25px;max-height:75vh;overflow:auto}.site-nav.is-open{display:block}.site-nav ul{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-nav a{display:block;padding:10px 0;font-size:1rem}.site-nav .sub-menu{display:flex;position:static;padding:0 0 0 20px;gap:0;min-width:0}.benefits{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:1fr}.category-tile{min-height:260px}.category-tile h3{margin-bottom:15px}.product-layout{grid-template-columns:1fr}.product-gallery{position:static;max-width:600px;margin:auto;width:100%}.product-main h1{font-size:2.8rem}.contact-layout{grid-template-columns:1fr;gap:35px}.footer-inner{flex-direction:column;text-align:center}.social-links{justify-content:center}.section{padding:50px 0}.hero{min-height:760px}.hero-copy{padding:65px 0}.portfolio-content{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){body{font-size:16px}.wrap{width:calc(100% - 32px)}.hero h1{font-size:3.4rem}.hero{min-height:720px;background-position:60% center}.hero:before{background:#0009}.hero .intro{font-size:.95rem}.hero .free-note{font-size:.88rem}.product-grid,.post-grid{grid-template-columns:1fr}.benefits{gap:25px;padding-block:30px}.benefits h2{font-size:.9rem}.blog-inner{padding:35px 18px}.blog-surface>.wrap{width:calc(100% - 20px)}.article{padding:35px 20px}.article.wrap{width:calc(100% - 20px)}.catalog-controls{gap:12px}.catalog-controls label{min-width:100%}.catalog-controls .button{width:100%}.page-banner{padding-block:48px}.product-main h1{font-size:2.5rem}.portfolio-content{grid-template-columns:1fr}.actions .button{flex-grow:1}.post-card-copy{padding:22px}.admin-bar .site-header{top:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}