/*
Theme Name: ZIO Fashion Pro V2
Author: ZIO Fashion
Description: Premium, fast, mobile-first WooCommerce fashion store theme.
Version: 2.0.0
Text Domain: zio-fashion
*/
:root{--z-black:#111;--z-gold:#c9a24b;--z-cream:#f8f6f1;--z-border:#e8e4dc;--z-muted:#747474;--z-white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--z-black);font-family:Inter,Arial,sans-serif;font-size:15px;line-height:1.55}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}.z-container{width:min(1200px,94%);margin:auto}
.z-top{background:#111;color:#fff;text-align:center;font-size:11px;padding:7px}.z-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--z-border)}.z-nav{height:70px;display:flex;align-items:center;gap:24px}.z-logo{font:700 26px Georgia,serif;letter-spacing:1.5px;white-space:nowrap}.z-logo span{color:var(--z-gold)}.z-menu{display:flex;gap:22px;align-items:center;flex:1;justify-content:center}.z-menu a{font-size:12px;font-weight:800}.z-actions{display:flex;gap:8px}.z-icon{height:42px;min-width:42px;border:1px solid var(--z-border);border-radius:50%;display:grid;place-items:center;background:#fff}.z-badge{font-size:10px;background:#111;color:#fff;border-radius:20px;padding:1px 5px}
.z-hero{margin:20px 0;border-radius:18px;min-height:430px;padding:70px 8%;display:flex;align-items:center;background:linear-gradient(115deg,#101010,#403723);color:#fff}.z-eyebrow{color:#d8bd73;font-size:12px;font-weight:800;letter-spacing:2px}.z-hero h1{font:700 clamp(38px,6vw,68px) Georgia,serif;line-height:1.02;margin:13px 0}.z-hero p{max-width:520px;color:#ddd}.z-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:5px;padding:12px 19px;font-weight:800;cursor:pointer}.z-btn-gold{background:var(--z-gold);color:#111}.z-btn-black{background:#111;color:#fff}
.z-title{display:flex;align-items:end;justify-content:space-between;margin:30px 0 15px}.z-title h2{font:700 29px Georgia,serif;margin:0}.z-title a{font-size:12px;font-weight:800}.z-cats{display:flex;gap:9px;overflow:auto;padding-bottom:8px}.z-cat{white-space:nowrap;padding:9px 15px;border:1px solid var(--z-border);border-radius:30px;font-size:12px;font-weight:800}.z-cat:hover{background:#111;color:#fff}
.z-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.z-card{border:1px solid var(--z-border);border-radius:10px;overflow:hidden;background:#fff;transition:.18s}.z-card:hover{transform:translateY(-2px)}.z-img{aspect-ratio:3/4;background:#eee4d7;display:flex;align-items:center;justify-content:center}.z-img img{width:100%;height:100%;object-fit:cover}.z-placeholder{font:700 14px Georgia,serif;color:#746b61}.z-body{padding:12px}.z-catname{font-size:9px;color:#a27c2d;text-transform:uppercase;font-weight:800}.z-name{font-size:14px;font-weight:750;line-height:1.35;margin:3px 0}.z-price{font-weight:800;margin:7px 0}.z-old{text-decoration:line-through;color:#aaa;font-size:11px;margin-left:4px}.z-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.z-actions a{padding:9px 5px;text-align:center;border:1px solid #111;border-radius:5px;font-size:10px;font-weight:900}.z-add{background:#fff}.z-order{background:#111;color:#fff!important}
.z-features{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:38px 0}.z-feature{background:var(--z-cream);border-radius:9px;padding:17px;text-align:center;font-size:12px}.z-feature strong{display:block;margin-bottom:3px}
.z-news{background:#111;color:#fff;border-radius:14px;padding:32px;margin:35px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.z-news h3{font:700 26px Georgia,serif;margin:0}.z-news p{color:#ccc;font-size:12px}
.z-footer{background:#111;color:#fff;margin-top:45px;padding:45px 0}.z-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.z-footer h3{font:700 17px Georgia,serif}.z-footer p,.z-footer a{color:#c9c9c9;font-size:12px}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:18px;margin:0!important}.woocommerce ul.products:before,.woocommerce ul.products:after{display:none!important}.woocommerce ul.products li.product{width:auto!important;margin:0!important}.woocommerce .woocommerce-breadcrumb{font-size:11px;color:#777}.woocommerce div.product div.images img{border-radius:8px}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{padding:12px;border:1px solid var(--z-border);border-radius:6px}.woocommerce button.button,.woocommerce a.button,.woocommerce input.button{background:#111;color:#fff;border-radius:5px;padding:12px 18px}.woocommerce button.button:hover,.woocommerce a.button:hover{background:var(--z-gold);color:#111}.woocommerce-message{border-top-color:var(--z-gold)}
.z-mobilebar{display:none}
@media(max-width:850px){.z-menu{display:none}.z-nav{height:62px}.z-grid,.woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important;gap:10px}.z-hero{min-height:330px;padding:45px 7%;margin:12px 0}.z-features{grid-template-columns:repeat(2,1fr)}.z-footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){body{padding-bottom:62px}.z-container{width:94%}.z-logo{font-size:21px}.z-hero h1{font-size:39px}.z-title h2{font-size:23px}.z-card .z-actions{grid-template-columns:1fr}.z-news{display:block}.z-news .z-btn{margin-top:8px}.z-footer-grid{grid-template-columns:1fr}.z-mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;height:58px;background:#fff;border-top:1px solid var(--z-border);z-index:200;justify-content:space-around}.z-mobilebar a{font-size:10px;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.z-mobilebar b{font-size:18px}}

/* V3 visual polish */
.z-logo img{height:48px;width:48px;object-fit:contain;border-radius:50%}
.z-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32}
.z-hero-wrap{position:relative;overflow:hidden}
.z-hero-content{position:relative;z-index:2}
.z-story{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:stretch;margin:35px 0}
.z-story img{width:100%;height:100%;min-height:320px;object-fit:cover;border-radius:12px}
.z-story-copy{background:var(--z-cream);border-radius:12px;padding:35px;display:flex;flex-direction:column;justify-content:center}
.z-story-copy h2{font:700 32px Georgia,serif;margin:0 0 10px}
@media(max-width:700px){.z-story{grid-template-columns:1fr}.z-story img{min-height:260px}.z-story-copy{padding:24px}.z-logo img{height:42px;width:42px}}

/* V4 Premium Checkout */
.z-checkout-head{background:linear-gradient(135deg,#111,#292317);color:#fff;border-radius:14px;padding:26px 22px;margin:18px 0 22px}
.z-checkout-head .z-eyebrow{color:#d8bd73}.z-checkout-head h1{font:700 30px Georgia,serif;margin:6px 0}.z-checkout-head p{margin:0;color:#d8d8d8;font-size:12px}
.z-checkout-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 18px}.z-step{background:#f7f5f0;border-radius:8px;padding:10px;text-align:center;font-size:11px;font-weight:800;color:#777}.z-step.active{background:#111;color:#fff}
.woocommerce-checkout .col2-set,.woocommerce-checkout #order_review{width:100%;float:none}
.woocommerce-checkout .col2-set{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}
.woocommerce-checkout .col-1,.woocommerce-checkout .col-2{width:100%;float:none}
.z-checkout-panel{border:1px solid var(--z-border);border-radius:12px;padding:20px;background:#fff}
.woocommerce-checkout h3{font:700 21px Georgia,serif!important;margin:0 0 15px!important}
.woocommerce-checkout .form-row{margin-bottom:12px!important}.woocommerce-checkout .form-row label{font-size:11px;font-weight:800;margin-bottom:5px}
.woocommerce-checkout .form-row input.input-text,.woocommerce-checkout .form-row textarea,.woocommerce-checkout .form-row select{height:46px;padding:12px 13px!important;border:1px solid #ddd!important;border-radius:7px!important;background:#fff!important;font-size:15px!important}
.woocommerce-checkout .form-row textarea{height:auto;min-height:90px}
.woocommerce-checkout #order_review_heading{display:none}
.woocommerce-checkout #order_review{background:#f8f6f1;border-radius:12px;padding:20px}
.woocommerce-checkout table.shop_table{border:0!important;margin:0 0 12px!important}
.woocommerce-checkout table.shop_table td,.woocommerce-checkout table.shop_table th{border:0!important;border-bottom:1px solid #e4dfd5!important;padding:11px 0!important;font-size:12px}
.woocommerce-checkout table.shop_table .order-total td,.woocommerce-checkout table.shop_table .order-total th{font-size:18px;font-weight:900;border-bottom:0!important;padding-top:16px!important}
.woocommerce-checkout #payment{background:transparent!important;border-radius:0!important}
.woocommerce-checkout #payment ul.payment_methods{border:0!important;padding:0!important}
.woocommerce-checkout #payment div.payment_box{background:#fff!important;border:1px solid #e5e0d6;border-radius:7px;padding:11px;font-size:11px}
.woocommerce-checkout #place_order{width:100%;height:52px;background:#111!important;color:#fff!important;border:0!important;border-radius:7px!important;font-size:14px;font-weight:900;letter-spacing:.4px}
.woocommerce-checkout #place_order:hover{background:var(--z-gold)!important;color:#111!important}
.woocommerce-checkout .woocommerce-privacy-policy-text{font-size:10px;color:#777}
.woocommerce-checkout .woocommerce-form__label-for-checkbox{font-size:11px}
.woocommerce-checkout .woocommerce-additional-fields{margin-top:5px}
.woocommerce-checkout .woocommerce-checkout-review-order-table .product-name{font-weight:700}
@media(max-width:800px){
 .woocommerce-checkout .col2-set{display:block}.z-checkout-panel{padding:15px;margin-bottom:12px}
 .z-checkout-head{margin:12px 0;padding:22px 18px}.z-checkout-head h1{font-size:27px}
 .woocommerce-checkout #order_review{padding:15px}
}
