/*
Theme Name: CVIKE Studio
Theme URI: https://cvike.com.hr/
Author: CVIKE
Description: Minimal, premium-inspired WooCommerce storefront starter for CVIKE eyewear. Includes a bespoke responsive homepage and WooCommerce integration.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: cvike-studio
*/
:root{--cv-ink:#0b0d12;--cv-navy:#0c1735;--cv-blue:#2449c6;--cv-blue2:#496cff;--cv-cream:#f4f1eb;--cv-paper:#fffdfa;--cv-muted:#777b86;--cv-gold:#d6b575;--cv-line:#e7e5e1;--cv-radius:22px;--cv-max:1240px;--cv-shadow:0 18px 60px rgba(9,17,37,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cv-paper);color:var(--cv-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit}.cv-wrap{width:min(calc(100% - 40px),var(--cv-max));margin-inline:auto}.cv-topbar{background:var(--cv-ink);color:#f4f1eb;text-align:center;font-size:12px;letter-spacing:.13em;text-transform:uppercase;padding:9px 16px}.cv-header{background:rgba(255,253,250,.94);border-bottom:1px solid rgba(12,23,53,.08);position:relative;z-index:5}.cv-header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.cv-brand{display:flex;align-items:center;gap:11px;min-width:175px}.cv-brand-word{font-family:Georgia,"Times New Roman",serif;font-size:31px;letter-spacing:.025em;line-height:1}.cv-fish{width:39px;height:23px;color:var(--cv-navy);flex:none}.cv-nav{display:flex;align-items:center;gap:30px;font-size:13px;text-transform:uppercase;letter-spacing:.09em}.cv-menu{display:flex;align-items:center;gap:30px;list-style:none;padding:0;margin:0}.cv-menu li{list-style:none;margin:0;padding:0}.cv-nav a{padding:10px 0}.cv-nav a:hover,.cv-nav a:focus{color:var(--cv-blue)}.cv-head-actions{display:flex;align-items:center;gap:12px;font-size:13px}.cv-icon-link{border:1px solid var(--cv-line);border-radius:50px;padding:9px 13px}.cv-menu-toggle{display:none;background:none;border:1px solid var(--cv-line);border-radius:50%;width:42px;height:42px}.cv-hero{padding:24px 0 0}.cv-hero-panel{min-height:510px;border-radius:26px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 86% 10%,rgba(89,119,255,.45),transparent 34%),radial-gradient(ellipse at 68% 98%,rgba(51,73,158,.60),transparent 37%),linear-gradient(125deg,#070a14 0%,#101a36 51%,#19285c 100%);color:#fff;display:grid;grid-template-columns:1fr 1fr;isolation:isolate}.cv-hero-panel:after{content:"";position:absolute;z-index:-1;width:54%;height:64%;right:3%;top:19%;border-radius:50%;border:1px solid rgba(214,181,117,.17);box-shadow:0 0 0 35px rgba(214,181,117,.025),0 0 0 75px rgba(214,181,117,.02);transform:rotate(-12deg)}.cv-hero-copy{padding:clamp(32px,6vw,78px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:1}.cv-eyebrow{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--cv-gold);font-weight:600}.cv-hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(42px,5.8vw,76px);letter-spacing:-.045em;line-height:.99;margin:25px 0 20px;max-width:560px}.cv-hero p{max-width:385px;color:rgba(255,255,255,.74);font-size:15px;margin:0 0 28px}.cv-hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.cv-btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;border-radius:99px;padding:13px 23px;border:1px solid transparent;background:#fff;color:#10121a;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:transform .2s,background .2s}.cv-btn:hover{transform:translateY(-2px)}.cv-btn-primary{background:var(--cv-gold);color:#10121a}.cv-btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}.cv-hero-note{font-size:11px;color:rgba(255,255,255,.58);margin-top:28px;letter-spacing:.06em}.cv-hero-visual{display:flex;align-items:center;justify-content:center;padding:34px 42px;position:relative;z-index:1}.cv-hero-glasses{width:min(100%,520px);filter:drop-shadow(0 30px 30px rgba(0,0,0,.38));transform:rotate(-7deg)}.cv-hero-glasses .lens{fill:url(#cvLens);stroke:#d5b679;stroke-width:3}.cv-hero-glasses .bridge,.cv-hero-glasses .arm{fill:none;stroke:#d5b679;stroke-width:7;stroke-linecap:round}.cv-hero-glasses .arm{stroke:#b99c66;stroke-width:5}.cv-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:24px 0 50px}.cv-trust-item{display:flex;align-items:center;justify-content:center;text-align:center;gap:10px;padding:14px 10px;color:#555b67;font-size:12px}.cv-trust-mark{height:28px;width:28px;display:grid;place-items:center;border:1px solid #d8d8d5;color:var(--cv-blue);border-radius:50%;font-size:13px}.cv-section{padding:34px 0 76px}.cv-section-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:27px}.cv-section-kicker{font-size:10px;letter-spacing:.22em;color:var(--cv-muted);text-transform:uppercase}.cv-section h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(31px,4vw,47px);letter-spacing:-.04em;line-height:1.06;margin:10px 0 0}.cv-section-lead{max-width:375px;margin:0;color:var(--cv-muted);font-size:13px}.cv-link-arrow{font-size:12px;text-transform:uppercase;letter-spacing:.09em;border-bottom:1px solid var(--cv-ink);padding-bottom:5px;white-space:nowrap}.cv-collections{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cv-collection{min-height:305px;border-radius:var(--cv-radius);padding:30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;overflow:hidden;position:relative;color:#fff;isolation:isolate}.cv-collection:after{content:"";position:absolute;z-index:-1;width:270px;height:270px;right:-50px;bottom:-100px;border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 0 0 25px rgba(255,255,255,.03),0 0 0 50px rgba(255,255,255,.03)}.cv-collection-signature{background:radial-gradient(circle at 86% 20%,#5571db 0,#304ab3 29%,#0a1230 79%)}.cv-collection-bold{background:radial-gradient(circle at 78% 14%,#8c6d50 0,#4b3a2e 35%,#171514 86%)}.cv-collection h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:36px;margin:14px 0 8px}.cv-collection p{max-width:300px;font-size:13px;color:rgba(255,255,255,.72);margin:0}.cv-collection .cv-btn{background:transparent;color:#fff;border-color:rgba(255,255,255,.44)}.cv-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.cv-product-card{min-width:0}.cv-product-media{border-radius:16px;overflow:hidden;position:relative;background:#f0f0ef;aspect-ratio:4/4.7;display:flex;align-items:center;justify-content:center}.cv-product-media img{width:100%;height:100%;object-fit:cover}.cv-product-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#e7e9ee,#f8f7f4 55%,#dfe2e8);position:relative;overflow:hidden}.cv-product-placeholder:before{content:"";position:absolute;inset:12% 10%;border:1px solid rgba(13,25,53,.04);border-radius:50%;transform:rotate(-20deg)}.cv-product-placeholder svg{width:84%;height:auto;position:relative;filter:drop-shadow(0 13px 10px rgba(22,26,37,.19))}.cv-product-badge{position:absolute;top:12px;left:12px;background:rgba(255,253,250,.94);border-radius:99px;padding:5px 8px;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.cv-product-fav{position:absolute;top:10px;right:10px;background:rgba(255,253,250,.94);height:30px;width:30px;display:grid;place-items:center;border-radius:50%;font-size:15px}.cv-product-info{padding:13px 1px}.cv-product-name{font-size:13px;font-weight:650;margin:0 0 4px}.cv-product-type{font-size:11px;color:var(--cv-muted);margin-bottom:8px}.cv-product-price{font-size:13px;font-weight:700}.cv-product-note{font-size:11px;color:var(--cv-muted);margin-top:4px}.cv-section-products{padding-top:20px}.cv-quiz{border-radius:24px;overflow:hidden;background:radial-gradient(circle at 86% 6%,#496aff 0,#2545be 30%,#091331 80%);color:#fff;display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;padding:clamp(25px,5vw,58px);align-items:center}.cv-quiz h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,4.5vw,54px);font-weight:400;letter-spacing:-.04em;line-height:1.04;margin:16px 0}.cv-quiz p{color:rgba(255,255,255,.72);font-size:13px;max-width:340px}.cv-quiz-card{background:rgba(255,255,255,.97);color:var(--cv-ink);padding:24px;border-radius:17px}.cv-quiz-card label{display:block;font-size:12px;font-weight:700;margin:0 0 10px}.cv-quiz-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px}.cv-quiz select{width:100%;border:1px solid #e4e3e0;border-radius:10px;padding:12px;background:#fff;font-size:12px;color:#333}.cv-quiz-result{display:none;margin-top:14px;padding:13px;border-radius:10px;background:#f4f1eb;font-size:12px}.cv-quiz-result.is-visible{display:block}.cv-quiz-card .cv-btn{width:100%;background:var(--cv-ink);color:#fff;margin-top:3px;cursor:pointer}.cv-reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.cv-reason{border-top:1px solid var(--cv-line);padding-top:20px}.cv-reason-index{font-size:10px;color:var(--cv-blue);letter-spacing:.15em}.cv-reason h3{font-family:Georgia,"Times New Roman",serif;font-size:24px;line-height:1.1;font-weight:400;margin:19px 0 9px}.cv-reason p{font-size:13px;color:var(--cv-muted);margin:0}.cv-banner-cta{background:#101218;color:#fff;border-radius:22px;padding:clamp(27px,5vw,54px);display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}.cv-banner-cta h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(33px,4.6vw,52px);font-weight:400;line-height:1.03;letter-spacing:-.04em;max-width:620px;margin:0 0 12px}.cv-banner-cta p{color:rgba(255,255,255,.62);font-size:13px;margin:0}.cv-footer{margin-top:75px;background:var(--cv-cream);padding:48px 0 20px}.cv-footer-main{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:35px;padding-bottom:45px}.cv-footer-intro p{max-width:250px;color:var(--cv-muted);font-size:12px}.cv-footer-col h4{font-size:11px;text-transform:uppercase;letter-spacing:.14em;margin:4px 0 17px}.cv-footer-col a{display:block;font-size:12px;color:#5b5e66;margin:10px 0}.cv-footer-bottom{padding-top:18px;border-top:1px solid #dedbd5;display:flex;justify-content:space-between;gap:15px;color:#757780;font-size:10px}.cv-notice{margin:20px auto;padding:14px 17px;border:1px dashed #b8bfd6;border-radius:12px;color:#555d72;font-size:12px;max-width:var(--cv-max)}.cv-notice strong{color:var(--cv-ink)}.cv-page-content{padding:52px 0;max-width:820px;min-height:42vh}.cv-page-content h1,.cv-page-content h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.03em}.cv-page-content h1{font-size:42px}.cv-page-content p{color:#555b67}.woocommerce .woocommerce-breadcrumb{font-size:11px;color:var(--cv-muted)}.woocommerce div.product .product_title{font-family:Georgia,serif;font-weight:400}.woocommerce ul.products li.product{background:transparent}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--cv-ink);color:#fff;border-radius:99px;font-size:11px;padding:13px 18px}.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--cv-blue);color:#fff}.woocommerce span.onsale{background:var(--cv-blue);min-height:38px;min-width:38px;line-height:38px}.woocommerce-message{border-top-color:var(--cv-blue)}.woocommerce-message::before{color:var(--cv-blue)}
@media(max-width:980px){.cv-nav{gap:16px;font-size:11px}.cv-brand{min-width:auto}.cv-head-actions .cv-icon-link{display:none}.cv-hero-panel{min-height:450px}.cv-hero-copy{padding:36px}.cv-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.cv-footer-main{grid-template-columns:1.2fr 1fr 1fr;}.cv-footer-col:last-child{grid-column:2 / 4}.cv-quiz{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.cv-wrap{width:min(calc(100% - 28px),var(--cv-max))}.cv-topbar{font-size:9px;letter-spacing:.1em}.cv-header-inner{min-height:68px}.cv-brand-word{font-size:28px}.cv-fish{width:31px}.cv-menu-toggle{display:block}.cv-nav{display:none;position:absolute;left:14px;right:14px;top:calc(100% + 1px);padding:18px;background:var(--cv-paper);box-shadow:var(--cv-shadow);border-radius:0 0 16px 16px;flex-direction:column;align-items:flex-start;gap:7px}.cv-nav.is-open{display:flex}.cv-nav.is-open .cv-menu{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:7px}.cv-nav a{width:100%;padding:10px 2px;border-bottom:1px solid var(--cv-line)}.cv-head-actions{gap:6px}.cv-brand{gap:7px}.cv-hero{padding-top:12px}.cv-hero-panel{grid-template-columns:1fr;min-height:auto}.cv-hero-copy{padding:29px 25px 10px}.cv-hero h1{font-size:51px;margin:18px 0 14px;max-width:420px}.cv-hero p{font-size:13px;max-width:300px}.cv-hero-actions{gap:10px}.cv-btn{padding:12px 17px;font-size:10px}.cv-hero-visual{padding:3px 25px 27px;max-height:245px}.cv-hero-glasses{width:min(100%,420px)}.cv-trust-row{padding:10px 0 30px;grid-template-columns:1fr;gap:0}.cv-trust-item{justify-content:flex-start;padding:7px 4px}.cv-section{padding:25px 0 48px}.cv-section-head{align-items:flex-start;flex-direction:column;margin-bottom:21px;gap:14px}.cv-section h2{font-size:35px}.cv-section-lead{font-size:12px}.cv-collections{grid-template-columns:1fr;gap:13px}.cv-collection{min-height:260px;padding:25px}.cv-collection h3{font-size:32px}.cv-product-grid{gap:17px 12px}.cv-product-media{border-radius:12px}.cv-product-badge{top:8px;left:8px;font-size:8px}.cv-product-fav{top:7px;right:7px;width:27px;height:27px}.cv-product-info{padding:10px 0}.cv-product-name{font-size:12px}.cv-product-type,.cv-product-note{font-size:10px}.cv-quiz{grid-template-columns:1fr;padding:25px 20px;gap:12px}.cv-quiz h2{font-size:39px;margin:12px 0}.cv-quiz-card{padding:17px}.cv-quiz-row{gap:8px}.cv-reasons{grid-template-columns:1fr;gap:24px}.cv-reason h3{margin-top:13px}.cv-banner-cta{grid-template-columns:1fr;gap:23px;padding:26px 21px}.cv-footer{margin-top:48px;padding-top:35px}.cv-footer-main{grid-template-columns:1fr 1fr;gap:27px 16px}.cv-footer-intro{grid-column:1 / -1}.cv-footer-col:last-child{grid-column:auto}.cv-footer-bottom{flex-direction:column}.cv-notice{margin-top:12px}}