:root {
    --color-primary: #024364;
    --color-accent: #ff6f00;
    --color-green: #36BA9B;
    --color-green-hover: #61DDBC;
    --color-blue: #39AED9;
    --color-red: #D94352;
    --color-dark: #1D2025;
    --color-text: #555;
    --color-light-bg: #f4f6f8;
    --radius: 10px;
    --shadow-sm: 0 1px 3px rgba(0,0,0,.08);
    --shadow-md: 0 4px 12px rgba(0,0,0,.1);
    --shadow-hover: 0 8px 24px rgba(0,0,0,.14);
    --transition: .3s ease;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Montserrat',sans-serif;background:#e6e6e6;color:var(--color-text);-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button{cursor:pointer;font-family:inherit}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* ==========================================
   GLOBAL ENHANCEMENTS
========================================== */
/* Smooth scroll */
html{scroll-behavior:smooth}

/* Focus states for accessibility */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
    outline:3px solid var(--color-blue);outline-offset:2px;
}

/* Loading spinner */
.ajax_load{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999;align-items:center;justify-content:center}
.ajax_load_box{text-align:center;color:#fff}
.ajax_load_box_circle{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;margin:0 auto 12px;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.ajax_load_box_title{font-size:13px;font-weight:600}

/* Flash messages */
.ajax_response{margin-bottom:16px}
.ajax_response .message{padding:12px 16px;border-radius:var(--radius);font-size:13px;font-weight:600}
.ajax_response .message.success,.ajax_response .success{background:rgba(54,186,155,.12);color:var(--color-green);border:1px solid var(--color-green);padding:12px 16px;border-radius:var(--radius);font-size:13px;font-weight:600;margin-bottom:10px}
.ajax_response .message.warning,.ajax_response .warning{background:rgba(255,111,0,.1);color:var(--color-accent);border:1px solid var(--color-accent);padding:12px 16px;border-radius:var(--radius);font-size:13px;font-weight:600;margin-bottom:10px}
.ajax_response .message.error,.ajax_response .error{background:rgba(217,67,82,.1);color:var(--color-red);border:1px solid var(--color-red);padding:12px 16px;border-radius:var(--radius);font-size:13px;font-weight:600;margin-bottom:10px}
.ajax_response .message.info,.ajax_response .info{background:rgba(57,174,217,.1);color:var(--color-blue);border:1px solid var(--color-blue);padding:12px 16px;border-radius:var(--radius);font-size:13px;font-weight:600;margin-bottom:10px}

/* WhatsApp float button */
.whatsapp-float{position:fixed;bottom:24px;right:24px;z-index:998;width:56px;height:56px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,211,102,.4);transition:all var(--transition);text-decoration:none}
.whatsapp-float:hover{transform:scale(1.08);box-shadow:0 6px 24px rgba(37,211,102,.5)}
.whatsapp-float svg{width:28px;height:28px;fill:#fff}

/* Skeleton loading */
.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ==========================================
   TOPBAR
========================================== */
.topbar{
    background:var(--color-dark);color:#fff;
    text-align:center;padding:8px 0;
    font-size:12px;font-weight:600;letter-spacing:.3px;
}
.topbar a{color:var(--color-green-hover);text-decoration:none}
.topbar a:hover{text-decoration:underline}

/* ==========================================
   HEADER
========================================== */
.header{
    background:var(--color-primary);padding:12px 0;
    position:sticky;top:0;z-index:100;
    box-shadow:0 2px 8px rgba(0,0,0,.2);
}
.header .container{
    display:flex;align-items:center;
    justify-content:space-between;gap:20px;
}
.header-logo{flex-shrink:0}
.header-logo-title{margin:0;line-height:0}
.header-logo img{height:42px}
.header-search{flex:1;max-width:450px;position:relative}
.header-search input{
    width:100%;padding:10px 44px 10px 18px;border:none;
    border-radius:25px;font-size:13px;outline:none;
    background:rgba(255,255,255,.95);color:#333;
}
.header-search input::placeholder{color:#999}
.header-search button{
    position:absolute;right:4px;top:50%;transform:translateY(-50%);
    width:34px;height:34px;border:none;border-radius:50%;
    background:var(--color-green);color:#fff;font-size:14px;
    transition:background var(--transition);
}
.header-search button:hover{background:var(--color-green-hover)}
.header-nav{display:flex;align-items:center;gap:6px}
.header-nav a{
    color:#fff;font-size:11px;font-weight:600;
    text-transform:uppercase;padding:8px 14px;
    border-radius:6px;transition:background var(--transition);
    white-space:nowrap;
}
.header-nav a:hover{background:rgba(255,255,255,.12)}
.header-nav .btn-account{background:var(--color-green);color:#fff}
.header-nav .btn-account:hover{background:var(--color-green-hover)}
.header-cart{position:relative;flex-shrink:0}
.header-cart a{
    display:flex;align-items:center;justify-content:center;
    width:42px;height:42px;background:rgba(255,255,255,.1);
    border-radius:10px;transition:background var(--transition);
}
.header-cart a:hover{background:rgba(255,255,255,.2)}
.header-cart svg{width:22px;height:22px;fill:#fff}
.header-cart .badge{
    position:absolute;top:-4px;right:-4px;
    background:var(--color-accent);color:#fff;
    font-size:10px;font-weight:900;width:20px;height:20px;
    border-radius:50%;display:flex;align-items:center;
    justify-content:center;box-shadow:0 2px 4px rgba(0,0,0,.3);
}

/* ==========================================
   CATEGORY NAV
========================================== */
.cat-nav{
    background:#fff;border-bottom:3px solid var(--color-primary);
    position:relative;
}
.cat-nav .container{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.cat-nav a{
    display:inline-block;padding:12px 16px;font-size:11px;
    font-weight:700;color:#333;text-transform:uppercase;
    letter-spacing:.3px;white-space:nowrap;
    border-bottom:3px solid transparent;margin-bottom:-3px;
    transition:all var(--transition);
}
.cat-nav a:hover{color:var(--color-primary);border-bottom-color:var(--color-primary)}
.cat-nav .all-products{color:var(--color-red);font-weight:900}
.cat-nav-dropdown{display:none;background:#fff;padding:20px;position:absolute;z-index:98;left:0;width:100%;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.cat-nav-dropdown-grid{display:flex;flex-wrap:wrap;gap:8px}
.cat-nav-dropdown a{padding:8px 14px;font-size:12px;font-weight:600;color:#333;border:1px solid #e0e0e0;border-radius:6px;margin:0;text-transform:none;letter-spacing:0}
.cat-nav-dropdown a:hover{background:var(--color-light-bg);border-color:var(--color-primary)}
.cat-nav-toggle{
    display:none;width:100%;padding:10px 20px;
    background:#fff;border:none;font-size:12px;
    font-weight:800;color:var(--color-primary);
    text-transform:uppercase;letter-spacing:.5px;
    text-align:left;cursor:pointer;
}
.cat-nav-toggle span{float:right;transition:transform var(--transition)}
.cat-nav-toggle.open span{transform:rotate(180deg)}
@media(max-width:768px){
    .cat-nav-toggle{display:block}
    .cat-nav .container{
        display:none;flex-direction:column;align-items:stretch;
        padding:0;
    }
    .cat-nav .container.open{display:flex}
    .cat-nav .container a{
        padding:12px 20px;margin-bottom:0;
        border-bottom:1px solid #f0f0f0;
        border-left:3px solid transparent;
    }
    .cat-nav .container a:hover{
        border-bottom:1px solid #f0f0f0;
        border-left-color:var(--color-primary);
        background:var(--color-light-bg);
    }
}

/* ==========================================
   SHARED ELEMENTS
========================================== */
.section-title{text-align:center;margin-bottom:36px}
.section-title h2{font-size:1.8em;font-weight:300;color:var(--color-dark)}
.section-title h2 strong{font-weight:800}
.section-title p{margin-top:8px;font-size:14px;color:#888}

/* ==========================================
   HERO
========================================== */
.hero{background:var(--color-primary);overflow:hidden;position:relative}
.hero-slide{
    display:flex;align-items:center;justify-content:center;
    min-height:340px;
    background:linear-gradient(135deg,#024364 0%,#035d8a 50%,#024364 100%);
    padding:40px;text-align:center;color:#fff;
}
.hero-slide h2{font-size:2.4em;font-weight:900;text-shadow:0 2px 4px rgba(0,0,0,.3);margin-bottom:12px}
.hero-slide p{font-size:1.1em;opacity:.85;margin-bottom:24px}
.hero-slide .btn-hero{
    display:inline-block;padding:14px 36px;
    background:var(--color-accent);color:#fff;
    font-weight:800;border-radius:30px;font-size:14px;
    text-transform:uppercase;letter-spacing:.5px;
    box-shadow:0 4px 12px rgba(255,111,0,.3);
    transition:all var(--transition);
}
.hero-slide .btn-hero:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,111,0,.4)}
.hero-dots{
    position:absolute;bottom:16px;left:50%;transform:translateX(-50%);
    display:flex;gap:8px;
}
.hero-dots span{
    width:10px;height:10px;border-radius:50%;
    background:rgba(255,255,255,.4);cursor:pointer;
    transition:background var(--transition);
}
.hero-dots span.active{background:#fff;width:24px;border-radius:5px}

/* ==========================================
   PRODUCTS GRID
========================================== */
.products-section{padding:50px 0 30px;background:var(--color-light-bg)}
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}
.product-card{
    background:#fff;border-radius:var(--radius);overflow:hidden;
    box-shadow:var(--shadow-sm);transition:all var(--transition);
    display:block;color:var(--color-text);
}
.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
.product-card img{width:100%;height:180px;object-fit:cover;transition:transform var(--transition)}
.product-card:hover img{transform:scale(1.03)}
.product-card-body{padding:14px 16px;text-align:center}
.product-card-body h3{font-size:13px;font-weight:700;color:#333;margin-bottom:6px;line-height:1.3}
.product-card-body .price{font-size:12px;color:var(--color-accent);font-weight:700}
.product-card-body .price small{font-weight:400;color:#999;font-size:11px}

/* ==========================================
   BEST SELLERS
========================================== */
.bestsellers-section{padding:50px 0;background:#fff}
.bestsellers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}
.best-card{
    background:var(--color-light-bg);border-radius:var(--radius);
    overflow:hidden;box-shadow:var(--shadow-sm);
    transition:all var(--transition);display:block;
    color:var(--color-text);position:relative;
}
.best-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
.best-card .tag-best{
    position:absolute;top:10px;left:10px;
    background:var(--color-accent);color:#fff;
    font-size:9px;font-weight:800;padding:4px 10px;
    border-radius:4px;text-transform:uppercase;letter-spacing:.5px;
}
.best-card img{width:100%;height:180px;object-fit:cover}
.best-card-body{padding:14px 16px;text-align:center}
.best-card-body h3{font-size:13px;font-weight:700;color:#333;margin-bottom:4px}
.best-card-body .qty{font-size:11px;color:#999}
.best-card-body .best-price{margin-top:6px;font-size:18px;font-weight:900;color:var(--color-primary)}

/* ==========================================
   TRUST BAR
========================================== */
.trust-bar{background:#fff;padding:30px 0;border-top:1px solid #eee;border-bottom:1px solid #eee}
.trust-bar .container{display:flex;justify-content:center;gap:50px;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:12px;color:var(--color-text)}
.trust-item .icon{
    width:44px;height:44px;background:var(--color-light-bg);
    border-radius:50%;display:flex;align-items:center;
    justify-content:center;font-size:18px;flex-shrink:0;
}
.trust-item h4{font-size:13px;font-weight:700}
.trust-item p{font-size:11px;color:#888;margin-top:2px}

/* ==========================================
   TESTIMONIALS
========================================== */
.testimonials-section{padding:50px 0;background:var(--color-light-bg)}
.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.testimonial-card{
    background:#fff;border-radius:var(--radius);
    padding:24px;box-shadow:var(--shadow-sm);
    border-top:3px solid transparent;transition:all var(--transition);
}
.testimonial-card:hover{border-top-color:var(--color-green);box-shadow:var(--shadow-md)}
.testimonial-card .stars{color:var(--color-accent);font-size:14px;margin-bottom:10px}
.testimonial-card p{font-size:13px;line-height:1.6;color:#666;margin-bottom:14px;font-style:italic}
.testimonial-card .author{font-size:12px;font-weight:700;color:#333}
.testimonial-card .date{font-size:10px;color:#aaa;margin-top:2px}

/* ==========================================
   FOOTER
========================================== */
.footer{background:var(--color-primary);color:#fff;padding:40px 0 20px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-bottom:30px}
.footer-col h3{font-size:14px;font-weight:700;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.15)}
.footer-col a{display:block;color:rgba(255,255,255,.7);font-size:12px;font-weight:600;margin-bottom:8px;transition:color var(--transition)}
.footer-col a:hover{color:var(--color-green-hover)}
.footer-col p{font-size:12px;color:rgba(255,255,255,.6);line-height:1.6}
.footer-cnpj{margin-top:12px;font-size:10px!important;opacity:.5}
.footer-subtitle{margin-top:16px}
.footer-social{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.footer-social-link{padding:6px 12px;background:rgba(255,255,255,.1);border-radius:4px;font-size:11px!important}
.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:10px;color:rgba(255,255,255,.4)}
.payment-icons{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.payment-icons span{display:inline-block;padding:4px 10px;background:rgba(255,255,255,.1);border-radius:4px;font-size:10px;font-weight:700;color:rgba(255,255,255,.7)}

/* ==========================================
   PRODUCT PAGE
========================================== */
.product-page{padding:30px 0}
.product-breadcrumb{font-size:12px;color:#888;margin-bottom:24px}
.product-breadcrumb a{color:#666}
.product-breadcrumb a:hover{color:var(--color-primary)}
.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.product-gallery{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}
.product-gallery-main{
    height:380px;background:linear-gradient(135deg,#e8f0fe,#f0f7ff);
    display:flex;align-items:center;justify-content:center;font-size:100px;
}
.product-gallery-thumbs{display:flex;gap:8px;padding:12px}
.product-gallery-thumbs .thumb{
    width:56px;height:56px;border-radius:6px;
    background:var(--color-light-bg);border:2px solid transparent;
    display:flex;align-items:center;justify-content:center;
    font-size:24px;cursor:pointer;transition:var(--transition);
}
.product-gallery-thumbs .thumb.active{border-color:var(--color-primary)}
.product-info{background:#fff;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm)}
.product-info h1{font-size:22px;font-weight:900;color:var(--color-dark);margin-bottom:6px}
.product-info .sku{font-size:11px;color:#999;margin-bottom:20px}

/* Configurator */
.config-step{margin-bottom:16px}
.config-step label{
    display:block;font-size:11px;font-weight:700;
    color:#666;margin-bottom:8px;text-transform:uppercase;
    letter-spacing:.5px;
}
.config-options{display:flex;flex-wrap:wrap;gap:6px}
.config-opt{
    padding:8px 14px;border:2px solid #e0e0e0;border-radius:6px;
    background:#fff;font-size:12px;font-weight:600;color:#555;
    transition:var(--transition);cursor:pointer;
}
.config-opt:hover{border-color:var(--color-blue);color:var(--color-primary)}
.config-opt.selected{border-color:var(--color-primary);background:rgba(2,67,100,.05);color:var(--color-primary)}

/* Summary */
.product-summary{
    background:var(--color-light-bg);border-radius:var(--radius);
    padding:16px;margin:20px 0;
}
.product-summary h3{font-size:12px;font-weight:700;color:#444;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}
.summary-row{display:flex;justify-content:space-between;font-size:12px;padding:5px 0}
.summary-row .label{color:#888}
.summary-row .value{font-weight:700;color:#333}
.product-price-box{
    background:rgba(255,111,0,.08);border-radius:var(--radius);
    padding:16px;display:flex;align-items:baseline;gap:6px;margin-bottom:16px;
}
.product-price-box .price{font-size:28px;font-weight:900;color:var(--color-accent)}
.product-price-box .unit{font-size:13px;color:#888}
.btn-addcart{
    width:100%;padding:14px;border:none;border-radius:var(--radius);
    background:var(--color-green);color:#fff;font-size:15px;
    font-weight:800;text-transform:uppercase;letter-spacing:.5px;
    transition:all var(--transition);
    box-shadow:0 4px 12px rgba(54,186,155,.3);
}
.btn-addcart:hover{background:var(--color-green-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(54,186,155,.4)}

/* Related Products */
.related-section{padding:40px 0;background:var(--color-light-bg)}

/* ==========================================
   CART PAGE
========================================== */
.cart-page{padding:30px 0}
.cart-page h1{font-size:22px;font-weight:900;color:var(--color-dark);margin-bottom:24px}
.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:24px}
.cart-items{display:flex;flex-direction:column;gap:12px}
.cart-item{
    background:#fff;border-radius:var(--radius);
    box-shadow:var(--shadow-sm);padding:16px;
    display:grid;grid-template-columns:70px 1fr auto;gap:14px;
    align-items:center;transition:var(--transition);
}
.cart-item:hover{box-shadow:var(--shadow-md)}
.cart-item-img{
    width:70px;height:70px;border-radius:8px;
    background:linear-gradient(135deg,#e8f0fe,#f0f7ff);
    display:flex;align-items:center;justify-content:center;font-size:30px;
}
.cart-item-info h3{font-size:13px;font-weight:700;color:#333;margin-bottom:3px}
.cart-item-info p{font-size:11px;color:#888;line-height:1.4}
.cart-item-info .design-tag{
    display:inline-block;padding:2px 8px;border-radius:4px;
    font-size:10px;font-weight:700;margin-top:5px;
    background:rgba(54,186,155,.12);color:var(--color-green);
}
.cart-item-right{text-align:right}
.cart-item-price{font-size:16px;font-weight:900;color:var(--color-primary);margin-bottom:8px}
.qty-ctrl{display:inline-flex;align-items:center;border:2px solid #e0e0e0;border-radius:6px;overflow:hidden}
.qty-ctrl button{width:30px;height:30px;border:none;background:#f8f8f8;font-size:14px;font-weight:700;color:#555;transition:var(--transition)}
.qty-ctrl button:hover{background:#e0e0e0}
.qty-ctrl span{padding:0 12px;font-size:13px;font-weight:700;min-width:36px;text-align:center}
.btn-remove{font-size:11px;color:var(--color-red);font-weight:700;background:none;border:none;margin-top:6px}

/* Cart Summary */
.cart-summary{
    background:#fff;border-radius:var(--radius);
    box-shadow:var(--shadow-sm);padding:24px;
    position:sticky;top:80px;
}
.cart-summary h2{font-size:16px;font-weight:900;color:var(--color-dark);margin-bottom:18px}
.cart-summary-row{display:flex;justify-content:space-between;font-size:13px;padding:8px 0;border-bottom:1px solid #f0f0f0}
.cart-summary-row .label{color:#888}
.cart-summary-row .value{font-weight:700;color:#333}
.cart-summary-row.total{border-bottom:none;border-top:2px solid var(--color-dark);padding-top:14px;margin-top:6px}
.cart-summary-row.total .label{font-size:15px;font-weight:900;color:var(--color-dark)}
.cart-summary-row.total .value{font-size:20px;font-weight:900;color:var(--color-accent)}
.cart-coupon{display:flex;gap:6px;margin:14px 0}
.cart-coupon input{flex:1;padding:9px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:12px;outline:none}
.cart-coupon input:focus{border-color:var(--color-primary)}
.cart-coupon button{padding:9px 14px;background:var(--color-dark);color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:700}
.btn-checkout{
    width:100%;padding:14px;border:none;border-radius:var(--radius);
    background:var(--color-green);color:#fff;font-size:14px;
    font-weight:800;text-transform:uppercase;letter-spacing:.5px;
    transition:all var(--transition);margin-top:12px;
    box-shadow:0 4px 12px rgba(54,186,155,.3);
}
.btn-checkout:hover{background:var(--color-green-hover)}
.cart-secure{text-align:center;font-size:11px;color:#aaa;margin-top:10px}

/* ==========================================
   LOGIN PAGE
========================================== */
.login-page{
    min-height:60vh;display:flex;align-items:center;justify-content:center;
    padding:40px 20px;background:var(--color-light-bg);
}
.login-card{
    background:#fff;border-radius:var(--radius);
    padding:36px;max-width:400px;width:100%;
    box-shadow:var(--shadow-md);
}
.login-card-header{text-align:center;margin-bottom:24px}
.login-card-logo{font-size:24px;font-weight:900;color:var(--color-primary);margin-bottom:6px}
.login-card-logo span{color:var(--color-green);font-weight:300}
.login-card-header p{font-size:13px;color:#888}
.login-field{margin-bottom:14px}
.login-field label{display:block;font-size:11px;font-weight:700;color:#666;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
.login-field input{
    width:100%;padding:12px 14px;border:2px solid #e0e0e0;
    border-radius:6px;font-size:13px;outline:none;
    transition:border-color var(--transition);
}
.login-field input:focus{border-color:var(--color-primary)}
.btn-login{
    width:100%;padding:14px;border:none;border-radius:var(--radius);
    background:var(--color-primary);color:#fff;font-size:14px;
    font-weight:800;text-transform:uppercase;letter-spacing:.5px;
    transition:all var(--transition);margin-top:6px;
}
.btn-login:hover{background:#035d8a}
.login-divider{text-align:center;font-size:12px;color:#bbb;margin:18px 0;position:relative}
.login-divider::before,.login-divider::after{content:'';position:absolute;top:50%;width:calc(50% - 16px);height:1px;background:#e0e0e0}
.login-divider::before{left:0}.login-divider::after{right:0}
.btn-whatsapp{
    width:100%;padding:12px;border:2px solid #25d366;
    background:#fff;color:#25d366;border-radius:var(--radius);
    font-size:13px;font-weight:700;transition:all var(--transition);
}
.btn-whatsapp:hover{background:#25d366;color:#fff}
.login-register{text-align:center;margin-top:16px;font-size:12px;color:#888}
.login-register a{color:var(--color-primary);font-weight:700}

/* ==========================================
   CHECKOUT PAGE
========================================== */
.checkout-page{padding:30px 0}
.checkout-page h1{font-size:22px;font-weight:900;color:var(--color-dark);margin-bottom:24px}
.checkout-steps{display:flex;gap:4px;margin-bottom:28px}
.checkout-step{flex:1;text-align:center;padding:10px;background:#fff;border-radius:6px;font-size:11px;font-weight:700;color:#aaa;border:2px solid #e0e0e0;position:relative}
.checkout-step.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}
.checkout-step.done{background:var(--color-green);color:#fff;border-color:var(--color-green)}
.checkout-layout{display:grid;grid-template-columns:1fr 340px;gap:24px}
.checkout-box{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px;margin-bottom:16px}
.checkout-box h2{font-size:16px;font-weight:900;color:var(--color-dark);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}
.checkout-main{min-width:0}
.checkout-options-layout{align-items:start}
.checkout-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px}
.checkout-choice-grid .item{width:auto;float:none;margin:0;min-height:74px}
.checkout-summary{position:sticky;top:96px}
.delivery-mode-grid{align-items:stretch}
.delivery-mode-card{border:2px solid #e0e0e0;background:#fff;border-radius:var(--radius);padding:16px;text-align:left;display:flex;align-items:center;gap:12px;line-height:1.3;color:#333}
.delivery-mode-card:hover,.delivery-mode-card.action{border-color:var(--color-primary);background:rgba(2,67,100,.05);color:var(--color-primary)}
.delivery-mode-icon{width:44px;height:44px;border-radius:8px;background:var(--color-light-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.delivery-mode-icon svg{width:24px;height:24px;fill:currentColor;margin:0}
.delivery-mode-card strong{display:block;font-size:14px;font-weight:900;margin-bottom:3px}
.delivery-mode-card small{display:block;font-size:11px;color:#777;font-weight:600}
.delivery-panel{display:none}
.delivery-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}
.delivery-section-head p,.checkout-help-text{font-size:12px;color:#777;line-height:1.6;margin-top:4px}
.pickup-select-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.pickup-select-grid label span{display:block;font-size:11px;font-weight:800;color:#666;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
.pickup-select-grid select{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:13px;font-family:inherit;outline:none;background:#fff}
.pickup-select-grid select:focus{border-color:var(--color-primary)}
.pickup-options-list,.shipping-options-list{display:grid;gap:10px}
.pickup-option{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border:2px solid #e0e0e0;border-radius:var(--radius);padding:14px;background:#fff;cursor:pointer;transition:var(--transition)}
.pickup-option:hover,.pickup-option.selected{border-color:var(--color-primary);background:rgba(2,67,100,.03)}
.pickup-option h4{font-size:13px;font-weight:900;color:var(--color-dark);margin-bottom:5px}
.pickup-option p{font-size:12px;color:#666;line-height:1.5;margin:0}
.pickup-option span{display:block;font-size:11px;color:#888;margin-top:5px}
.pickup-option strong{font-size:13px;color:var(--color-accent);white-space:nowrap}
.address-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}
.address-card-grid .address-card{margin:0}
.address-card button,.shipping-select-btn{margin-top:10px;padding:7px 11px;border:0;border-radius:6px;background:rgba(2,67,100,.08);color:var(--color-primary);font-size:11px;font-weight:800}
.address-card.selected button,.address-card:hover button,.shipping-option.selected .shipping-select-btn,.shipping-option:hover .shipping-select-btn{background:var(--color-primary);color:#fff}
.shipping-box{display:none;margin-top:18px}
.shipping-option{gap:14px}
.shipping-select-btn{margin-top:0;white-space:nowrap}
.checkout-summary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.checkout-summary-actions .btn,.checkout-summary-actions .btn-save{width:100%;margin:0;text-align:center}
.cart-summary-total td{font-size:18px!important;font-weight:900!important;background:#f3f3f3}
.checkout-actions{grid-column:1/-1;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px;text-align:right}
.finalize-layout{grid-template-columns:340px 1fr;align-items:start}
.finalize-layout .cart-summary{position:sticky;top:96px}
.finalize-summary-row td{background:#f3f3f3}
.finalize-summary-total td{background:#ddd!important;font-size:18px!important;font-weight:900!important}
.finalize-payment-response{clear:both}
.finalize-layout .detailscart{display:none}
.finalize-layout .detailscart td{font-size:11px!important}
.finalize-layout .checkout-box .subMenu{display:none}
.payment-error-chip{display:block;float:none;padding:10px;border:1px solid var(--color-red);border-radius:6px;color:var(--color-red);font-size:12px;margin-bottom:8px}
.cart-summary table{width:100%;border-collapse:collapse;font-size:12px;margin-top:10px}
.cart-summary table th{background:var(--color-light-bg);padding:10px;text-align:left;font-size:10px;text-transform:uppercase;color:#666}
.cart-summary table td{padding:10px;border-bottom:1px solid #f0f0f0;color:#444}
.cart-summary table button{padding:7px 10px;border:0;border-radius:6px;background:var(--color-primary);color:#fff;font-size:11px;font-weight:700}
.checkout-page .subMenu{box-shadow:var(--shadow-sm);border:0;padding:20px}
.checkout-page .subMenu h4{font-size:15px;font-weight:900;color:var(--color-dark);margin-bottom:8px}
.checkout-page .subMenu p{font-size:12px;color:#777;line-height:1.6;margin-bottom:14px}
.checkout-page .auth_content h4{font-size:12px;color:#888;font-weight:500;margin:-8px 0 16px}
.checkout-page .modal01{background:#fff!important;border:2px solid var(--color-green)!important;border-radius:var(--radius);box-shadow:var(--shadow-md);margin:14px 0}
.checkout-page .modal01 h1{font-size:18px!important;color:var(--color-dark)!important;margin-bottom:6px}
.address-card{border:2px solid #e0e0e0;border-radius:var(--radius);padding:14px;margin-bottom:10px;cursor:pointer;transition:var(--transition)}
.address-card:hover,.address-card.selected{border-color:var(--color-primary);background:rgba(2,67,100,.03)}
.address-card h4{font-size:13px;font-weight:700;color:#333;margin-bottom:4px}
.address-card p{font-size:12px;color:#888;line-height:1.5}
.shipping-option{display:flex;align-items:center;justify-content:space-between;border:2px solid #e0e0e0;border-radius:var(--radius);padding:14px;margin-bottom:8px;cursor:pointer;transition:var(--transition)}
.shipping-option:hover,.shipping-option.selected{border-color:var(--color-primary);background:rgba(2,67,100,.03)}
.shipping-option .ship-info h4{font-size:13px;font-weight:700;color:#333}
.shipping-option .ship-info p{font-size:11px;color:#888}
.shipping-option .ship-price{font-size:16px;font-weight:900;color:var(--color-primary)}

/* Payment methods */
.pay-method{display:flex;align-items:center;gap:12px;border:2px solid #e0e0e0;border-radius:var(--radius);padding:14px;margin-bottom:8px;cursor:pointer;transition:var(--transition)}
.pay-method:hover,.pay-method.selected{border-color:var(--color-primary);background:rgba(2,67,100,.03)}
.pay-method .pay-icon{width:40px;height:40px;border-radius:8px;background:var(--color-light-bg);display:flex;align-items:center;justify-content:center;font-size:20px}
.pay-method h4{font-size:13px;font-weight:700;color:#333}
.pay-method p{font-size:11px;color:#888}

/* ==========================================
   ACCOUNT PAGES
========================================== */
.account-page{padding:30px 0}
.account-layout{display:grid;grid-template-columns:220px 1fr;gap:24px}
.account-sidebar{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;position:sticky;top:80px;height:fit-content}
.account-sidebar h3{font-size:14px;font-weight:900;color:var(--color-dark);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}
.account-sidebar a{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:600;color:#555;border-radius:6px;margin-bottom:4px;transition:var(--transition)}
.account-sidebar a:hover{background:var(--color-light-bg);color:var(--color-primary)}
.account-sidebar a.active{background:rgba(2,67,100,.08);color:var(--color-primary);font-weight:800}
.account-content{min-height:400px}
.account-content h1{font-size:22px;font-weight:900;color:var(--color-dark);margin-bottom:6px}
.account-content .subtitle{font-size:13px;color:#888;margin-bottom:20px}

/* Orders table */
.orders-table{width:100%;border-collapse:collapse;font-size:12px}
.orders-table-wrap{overflow-x:auto;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.orders-table th{background:var(--color-light-bg);padding:10px 14px;text-align:left;font-weight:700;color:#666;font-size:11px;text-transform:uppercase;letter-spacing:.5px}
.orders-table td{padding:12px 14px;border-bottom:1px solid #f0f0f0;color:#444}
.orders-table tr:hover td{background:var(--color-light-bg)}
.orders-table-link{display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary);font-weight:800;font-size:12px;text-decoration:none;white-space:nowrap}
.orders-table-link:hover{color:var(--color-accent)}
.status-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:10px;font-weight:800;text-transform:uppercase}

/* Order detail */
.order-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}
.detail-box{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}
.detail-box h3{font-size:13px;font-weight:800;color:var(--color-dark);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}
.detail-row{display:flex;justify-content:space-between;font-size:12px;padding:6px 0;border-bottom:1px solid #f8f8f8}
.detail-row .label{color:#888}
.detail-row .value{font-weight:700;color:#333}
.order-detail-page .order-detail-grid{align-items:start}
.order-status-badge{align-self:flex-start;margin-top:4px}
.order-status-text{margin-top:14px;padding:12px;border-radius:6px;background:var(--color-light-bg);font-size:12px;color:#555;line-height:1.6}
.order-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.order-actions .btn,.order-item-card .btn{font-size:11px;text-decoration:none;text-align:center}
.order-payment-note{font-size:12px;line-height:1.7;color:#555;padding:14px;border-radius:var(--radius);background:var(--color-light-bg);margin-top:12px}
.order-upload-form{display:grid;gap:10px;margin-top:12px}
.order-upload-form label{font-size:11px;font-weight:800;text-transform:uppercase;color:#666}
.order-upload-form input[type=file]{padding:10px;border:2px dashed #d8dde4;border-radius:var(--radius);background:#fff}
.order-deadline-grid{display:flex;gap:12px;flex-wrap:wrap}
.order-warning{margin-bottom:16px}
.order-items-box{margin-top:20px}
.order-items-list{display:grid;gap:12px}
.order-item-card{display:grid;grid-template-columns:160px 1fr 180px;gap:16px;align-items:start;border:1px solid #eef0f2;border-radius:var(--radius);padding:16px;background:#fff}
.order-item-art{font-size:12px;color:#666;line-height:1.5}
.order-art-placeholder{height:92px;border-radius:8px;background:linear-gradient(135deg,#e8f0fe,#f0f7ff);display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--color-primary);margin-bottom:10px}
.order-item-info h4{font-size:14px;font-weight:900;color:var(--color-dark);margin-bottom:8px}
.order-item-info p{font-size:12px;color:#666;line-height:1.5;margin-bottom:5px}
.order-item-meta{text-align:right;display:grid;gap:10px;justify-items:end}
.order-item-qty{font-size:12px;color:#777;font-weight:700}
.order-item-price{font-size:18px;font-weight:900;color:var(--color-accent)}
.order-confirmation-page,.public-status-page{padding:30px 0}
.order-alert{background:rgba(54,186,155,.12);border:1px solid var(--color-green);color:var(--color-green);border-radius:var(--radius);padding:14px 16px;font-size:14px;font-weight:900;text-align:center;margin-bottom:16px}
.order-confirmation-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}
.order-confirmation-header h1,.public-status-page h1{font-size:24px;font-weight:900;color:var(--color-dark);margin:8px 0 6px}
.order-confirmation-header p,.public-status-page .subtitle{font-size:13px;color:#888}
.order-confirmation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px}
.order-total-box{margin-top:16px;margin-left:auto;max-width:360px;border-top:1px solid #eef0f2}
.order-total-box div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;font-size:13px;color:#555;border-bottom:1px solid #f0f0f0}
.order-total-box .total{font-size:18px;font-weight:900;color:var(--color-dark)}
.order-total-box .total strong{color:var(--color-accent)}
.order-item-art img{width:100%;max-height:120px;object-fit:contain;border-radius:8px;background:var(--color-light-bg)}
.public-status-table{margin-top:10px}
.status-search-form{display:grid;gap:12px}
.status-search-form input{width:100%;padding:12px 14px;border:2px solid #e0e0e0;border-radius:6px;font-size:13px;outline:none;font-family:inherit}
.status-search-form input:focus{border-color:var(--color-primary)}
.shopee-whatsapp-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--color-light-bg)}
.shopee-whatsapp-card{width:100%;max-width:560px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden}
.shopee-brand-row{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #eef0f2}
.shopee-brand{min-height:86px;display:flex;align-items:center;justify-content:center;padding:18px}
.shopee-brand.famagraf{background:var(--color-primary)}
.shopee-brand.famagraf img{max-width:292px;max-height:42px}
.shopee-brand.marketplace img{max-width:150px;max-height:48px}
.shopee-whatsapp-header,.shopee-success{padding:28px 28px 8px;text-align:center}
.shopee-whatsapp-header h1,.shopee-success h1{font-size:24px;font-weight:900;color:var(--color-dark);margin-bottom:8px}
.shopee-whatsapp-header p,.shopee-success p{font-size:13px;color:#666;line-height:1.7;margin:0}
.shopee-whatsapp-form{display:grid;gap:14px;padding:20px 28px 28px}
.shopee-whatsapp-form label{display:block;margin:0}
.shopee-whatsapp-form label span{display:block;font-size:11px;font-weight:800;color:#666;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
.shopee-whatsapp-form input{width:100%;padding:13px 14px;border:2px solid #e0e0e0;border-radius:6px;font-size:16px;outline:none;font-family:inherit}
.shopee-whatsapp-form input:focus{border-color:var(--color-primary)}
.shopee-whatsapp-form .btn-save{width:100%;margin-top:6px}
.shopee-success{padding-bottom:30px}
@media(max-width:560px){
    .shopee-brand-row{grid-template-columns:1fr}
    .shopee-brand{min-height:72px}
    .shopee-whatsapp-header,.shopee-success{padding:24px 20px 8px}
    .shopee-whatsapp-form{padding:18px 20px 24px}
}
.modal-custom{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,.5);padding:30px 20px}
.modal-custom-content{background:#fff;margin:0 auto;padding:24px;border-radius:var(--radius);width:100%;max-width:800px;position:relative;box-shadow:var(--shadow-md)}
.modal-custom-content h5{font-size:16px;font-weight:900;color:var(--color-dark);margin:0 40px 18px 0}
.modal-custom-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:#999;font-size:28px;font-weight:900;cursor:pointer;line-height:1}
.modal-custom-close:hover{color:var(--color-dark)}
.modal-art-item{border-top:1px solid #eef0f2;padding:14px 0;font-size:12px;color:#555}
.modal-art-item img{display:block;max-width:100%;height:auto;border:1px solid #eef0f2;border-radius:6px;margin:8px 0}
.modal-actions{text-align:right;margin-top:12px}
@media(max-width:900px){
    .order-item-card{grid-template-columns:1fr}
    .order-item-meta{text-align:left;justify-items:start}
    .order-confirmation-header{display:block}
    .order-confirmation-header .btn{margin-top:12px}
    .order-confirmation-grid{grid-template-columns:1fr}
    .order-total-box{max-width:100%}
}

/* Form fields */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-field{margin-bottom:0}
.form-field label{display:block;font-size:11px;font-weight:700;color:#666;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
.form-field input,.form-field select{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:13px;outline:none;font-family:inherit;transition:border-color var(--transition)}
.form-field input:focus,.form-field select:focus{border-color:var(--color-primary)}
.form-field.full{grid-column:1/-1}
.btn-save{padding:12px 28px;border:none;border-radius:var(--radius);background:var(--color-primary);color:#fff;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition);margin-top:16px}
.btn-save:hover{background:#035d8a}

/* ==========================================
   AUTH PAGES (Register, Forget)
========================================== */
.auth-page{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--color-light-bg)}
.auth-card{background:#fff;border-radius:var(--radius);padding:36px;max-width:440px;width:100%;box-shadow:var(--shadow-md)}
.auth-card h1{font-size:20px;font-weight:900;color:var(--color-dark);margin-bottom:6px;text-align:center}
.auth-card .auth-sub{font-size:13px;color:#888;text-align:center;margin-bottom:24px}
.auth-card .auth-sub a{color:var(--color-primary);font-weight:700}

/* ==========================================
   BLOG PAGE
========================================== */
.blog-page{padding:40px 0}
.blog-title{margin-top:20px}
.blog-search-form{max-width:500px;margin:0 auto 30px}
.blog-search-field{position:relative}
.blog-search-field input{width:100%;padding:12px 44px 12px 18px;border:2px solid #e0e0e0;border-radius:25px;font-size:13px;outline:none;font-family:inherit}
.blog-search-field input:focus{border-color:var(--color-primary)}
.blog-search-field button{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:none;border-radius:50%;background:var(--color-green);color:#fff;font-size:14px}
.blog-search-field button:hover{background:var(--color-green-hover)}
.empty-state{text-align:center;padding:40px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.empty-state h3{font-size:18px;font-weight:900;color:var(--color-dark);margin-bottom:8px}
.empty-state p{font-size:13px;color:#666;margin-bottom:16px}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.blog-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition)}
.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}
.blog-card-img{height:180px;background:linear-gradient(135deg,#e8f0fe,#f0f7ff);display:flex;align-items:center;justify-content:center;font-size:48px}
.blog-card-body{padding:18px}
.blog-card-body .blog-date{font-size:10px;font-weight:700;color:var(--color-green);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.blog-card-body h3{font-size:15px;font-weight:700;color:#333;margin-bottom:8px;line-height:1.4}
.blog-card-body p{font-size:12px;color:#888;line-height:1.6}

/* ==========================================
   STATUS PEDIDO (público)
========================================== */
.status-page{padding:40px 0}
.status-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:28px;max-width:500px;margin:0 auto}
.status-card h1{font-size:20px;font-weight:900;color:var(--color-dark);margin-bottom:6px;text-align:center}
.status-card p{font-size:13px;color:#888;text-align:center;margin-bottom:20px}

/* ==========================================
   ABOUT PAGE
========================================== */
.about-page{padding:40px 0}
.about-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.about-step{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:28px;text-align:center;transition:var(--transition)}
.about-step:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}
.about-step .step-icon{font-size:36px;margin-bottom:14px}
.about-step h3{font-size:14px;font-weight:800;color:var(--color-dark);margin-bottom:8px}
.about-step p{font-size:12px;color:#888;line-height:1.6}

/* ==========================================
   TERMS / ERROR PAGE
========================================== */
.text-page{padding:40px 0}
.text-content{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:32px;max-width:800px;margin:0 auto}
.text-content h1{font-size:22px;font-weight:900;color:var(--color-dark);margin-bottom:16px}
.text-content p{font-size:13px;color:#666;line-height:1.8;margin-bottom:12px}
.error-page{text-align:center;padding:80px 20px}
.error-page .error-code{font-size:100px;font-weight:900;color:var(--color-primary);opacity:.2;line-height:1}
.error-page h1{font-size:24px;font-weight:900;color:var(--color-dark);margin-top:10px}
.error-page p{font-size:14px;color:#888;margin-top:8px}
.btn-back{display:inline-block;padding:12px 28px;background:var(--color-primary);color:#fff;border-radius:var(--radius);font-size:13px;font-weight:800;margin-top:20px;text-transform:uppercase;transition:var(--transition)}
.btn-back:hover{background:#035d8a}

/* ==========================================
   PRODUCTS LISTING
========================================== */
.listing-page{padding:30px 0}
.listing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}
.listing-header h1{font-size:22px;font-weight:900;color:var(--color-dark)}
.listing-header p{font-size:13px;color:#888;margin-top:4px}
.listing-sort select{padding:8px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:12px;font-family:inherit;outline:none}

/* Finalize / PIX */
.pix-box{background:var(--color-light-bg);border-radius:var(--radius);padding:24px;text-align:center}
.pix-qr{width:180px;height:180px;background:#fff;border:2px solid #e0e0e0;border-radius:var(--radius);margin:16px auto;display:flex;align-items:center;justify-content:center;font-size:60px}
.pix-code{background:#fff;border:2px solid #e0e0e0;border-radius:6px;padding:10px;font-size:11px;color:#666;word-break:break-all;margin-top:12px}

/* Address */
.address-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
.addr-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px;border:2px solid transparent;transition:var(--transition)}
.addr-card:hover{border-color:var(--color-primary)}
.addr-card h4{font-size:13px;font-weight:800;color:var(--color-dark);margin-bottom:6px}
.addr-card p{font-size:12px;color:#888;line-height:1.5}
.addr-actions{display:flex;gap:8px;margin-top:10px}
.addr-actions button{padding:6px 12px;border:none;border-radius:4px;font-size:10px;font-weight:700;cursor:pointer;transition:var(--transition)}
.addr-actions .btn-edit-addr{background:rgba(2,67,100,.08);color:var(--color-primary)}
.addr-actions .btn-del-addr{background:rgba(217,67,82,.08);color:var(--color-red)}
.account-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}
.account-header-action{margin-top:0;white-space:nowrap}
.account-inline-modal{display:none;background:#fff!important;border:2px solid var(--color-green)!important;border-radius:var(--radius);box-shadow:var(--shadow-md);padding:24px!important;margin-bottom:20px}
.account-inline-modal-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}
.account-inline-modal-header h2,.account-edit-box h2{font-size:16px;font-weight:900;color:var(--color-dark);margin:0}
.account-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%!important}
.account-form-grid .form-field{margin:0}
.account-form-grid .form-field.full{grid-column:1/-1}
.account-form-grid .form-field.span-2{grid-column:span 2}
.account-form-grid .form-field span{display:block;font-size:11px;font-weight:700;color:#666;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
.account-form-grid input,.account-form-grid select{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:13px;outline:none;font-family:inherit;background:#fff}
.account-form-grid input:focus,.account-form-grid select:focus{border-color:var(--color-primary)}
.account-form-grid .form-actions{text-align:right}
.account-address-grid{margin-top:12px}
.account-empty-state{max-width:100%;text-align:center}
.account-edit-box{max-width:920px}
.account-profile-form{max-width:920px}
@media(max-width:768px){
    .account-header-row{display:block}
    .account-header-action{margin-top:14px}
    .account-form-grid{grid-template-columns:1fr}
    .account-form-grid .form-field.span-2{grid-column:1}
    .account-form-grid .form-actions{text-align:left}
}

/* Arte Approval */
.arte-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.arte-preview{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}
.arte-preview-img{height:400px;background:linear-gradient(135deg,#e8f0fe,#f0f7ff);display:flex;align-items:center;justify-content:center;font-size:80px}
.arte-preview-nav{display:flex;gap:8px;padding:12px}
.arte-preview-nav button{padding:8px 16px;border:2px solid #e0e0e0;border-radius:6px;background:#fff;font-size:11px;font-weight:700;cursor:pointer;transition:var(--transition)}
.arte-preview-nav button.active{border-color:var(--color-primary);background:rgba(2,67,100,.05);color:var(--color-primary)}
.clause{padding:12px;background:var(--color-light-bg);border-radius:6px;margin-bottom:8px;font-size:12px;color:#555;line-height:1.6}
.clause strong{color:var(--color-dark)}
.arte-obs textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:6px;font-size:13px;font-family:inherit;resize:vertical;min-height:80px;outline:none}
.arte-check{display:flex;align-items:flex-start;gap:10px;padding:14px;background:rgba(54,186,155,.06);border:2px solid var(--color-green);border-radius:var(--radius);margin:16px 0;font-size:12px;color:#444;line-height:1.5}
.arte-check input[type=checkbox]{margin-top:3px;width:18px;height:18px;flex-shrink:0}
.btn-approve{width:100%;padding:14px;border:none;border-radius:var(--radius);background:var(--color-green);color:#fff;font-size:15px;font-weight:800;text-transform:uppercase;transition:all var(--transition);box-shadow:0 4px 12px rgba(54,186,155,.3)}
.btn-approve:hover{background:var(--color-green-hover)}
.btn-reject{width:100%;padding:12px;border:2px solid var(--color-red);border-radius:var(--radius);background:#fff;color:var(--color-red);font-size:13px;font-weight:700;margin-top:8px;transition:var(--transition)}
.btn-reject:hover{background:var(--color-red);color:#fff}

/* FAQ */
.faq-list{max-width:700px;margin:0 auto}
.faq-item{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:8px;overflow:hidden}
.faq-q{padding:16px 20px;font-size:14px;font-weight:700;color:var(--color-dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center}
.faq-q:hover{background:var(--color-light-bg)}
.faq-a{padding:0 20px 16px;font-size:13px;color:#666;line-height:1.7;display:none}
.faq-item.open .faq-a{display:block}
.faq-item.open .faq-q span{transform:rotate(45deg)}

/* Models */
.models-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.model-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition);border:2px solid transparent}
.model-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}
.model-card-img{height:140px;background:linear-gradient(135deg,#e8f0fe,#f0f7ff);display:flex;align-items:center;justify-content:center;font-size:40px}
.model-card-body{padding:10px 12px;text-align:center;font-size:11px;font-weight:700;color:#555}
.art-choice-page{padding:30px 20px 42px}
.art-choice-header{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:stretch;margin-bottom:20px}
.art-choice-header h1{font-size:28px;font-weight:900;color:var(--color-dark);margin:6px 0}
.art-choice-header p{font-size:13px;color:#666;line-height:1.6;margin:0}
.art-product-summary{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px;display:grid;gap:8px}
.art-product-summary strong{font-size:14px;color:var(--color-dark);line-height:1.4}
.art-product-summary span{font-size:12px;color:#777}
.art-product-summary b{font-size:22px;color:var(--color-accent)}
.art-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}
.art-option-grid-two{grid-template-columns:repeat(2,minmax(0,360px));justify-content:start}
.art-option-card{background:#fff;border:2px solid #eef0f2;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:280px;color:var(--color-text);transition:var(--transition)}
.art-option-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.art-option-button{width:100%;font:inherit}
.art-option-card h2{font-size:17px;font-weight:900;color:var(--color-dark);margin:0}
.art-option-card p{font-size:13px;color:#666;line-height:1.6;margin:0;flex:1}
.art-option-card small{font-size:11px;line-height:1.5;color:#888}
.art-option-icon{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--color-light-bg);color:var(--color-primary);font-size:16px;font-weight:900;border:2px solid #e0e0e0}
.art-designer-image{height:68px;display:flex;align-items:center;justify-content:center}
.art-designer-image img{max-width:86px;max-height:68px;object-fit:contain}
.btn-green{background:var(--color-green);color:#fff}
.btn-green:hover{background:var(--color-green-hover)}
.btn-red{background:var(--color-red);color:#fff}
.btn-red:hover{background:#b93643}
.art-upload-panel{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;margin-top:18px}
.art-upload-panel.is-hidden{display:none}
.art-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.art-upload-box{border:1px solid #eef0f2;border-radius:var(--radius);padding:16px;background:var(--color-light-bg)}
.art-upload-box h2{font-size:15px;font-weight:900;color:var(--color-dark);margin-bottom:12px}
.art-upload-box form{display:grid;gap:10px}
.art-upload-box input[type=file]{background:#fff;border:2px dashed #d8dde4;border-radius:var(--radius);padding:12px;width:100%}
.art-upload-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;border-top:1px solid #eef0f2;padding-top:16px}
.art-upload-actions .ajax_response{flex:1;margin:0}
.art-upload-actions .btn-save{margin:0}
.progress{position:relative;width:100%;height:24px;border:1px solid #d8dde4;border-radius:var(--radius);background:#fff;overflow:hidden}
.bar{background:var(--color-green);width:0%;height:100%;transition:width .2s ease}
.percent{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;color:var(--color-dark)}
.modal .art-designer-modal{width:min(900px,calc(100vw - 32px))!important;max-height:calc(100vh - 48px);overflow:auto;top:50%;margin:0 auto;padding:26px;transform:translateY(-50%);font-family:'Montserrat',sans-serif}
.art-designer-modal h2{font-size:22px;font-weight:900;color:var(--color-dark);margin:0 36px 8px 0}
.art-modal-lead{font-size:13px;color:#666;line-height:1.7;margin:0 0 18px}
.art-modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.art-modal-grid>div{background:var(--color-light-bg);border-radius:var(--radius);padding:16px}
.art-modal-grid h3{font-size:14px;font-weight:900;color:var(--color-dark);margin-bottom:10px}
.art-modal-grid ul{margin:0 0 12px 18px}
.art-modal-grid li{font-size:12px;color:#555;line-height:1.6;margin:0 0 7px}
.art-modal-grid p{font-size:12px;color:#666;line-height:1.7;margin:0}
.art-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid #eef0f2}
.art-modal-actions span{font-size:13px;color:#666}
.art-modal-actions strong{font-size:18px;color:var(--color-accent)}

/* QR Code */
.qr-page{padding:40px 0}
.qr-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:28px;max-width:500px;margin:0 auto;text-align:center}
.qr-card h1{font-size:20px;font-weight:900;color:var(--color-dark);margin-bottom:6px}
.qr-card p{font-size:13px;color:#888;margin-bottom:20px}
.qr-card .btn-save{width:100%}
.qr-field{text-align:left;margin-bottom:14px}
.qr-output{margin:20px auto}
.qr-output img{max-width:200px;margin:0 auto;border-radius:var(--radius);border:2px solid #e0e0e0}
.qr-download{width:auto!important;background:var(--color-green);display:inline-block;text-decoration:none}
.qr-download:hover{background:var(--color-green-hover)}
.qr-result{width:200px;height:200px;background:var(--color-light-bg);border:2px solid #e0e0e0;border-radius:var(--radius);margin:20px auto;display:flex;align-items:center;justify-content:center;font-size:60px}

/* Change Payment */
.changepay-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
.change-payment-box .subMenu{display:none}
.change-payment-box .detailscart{display:none}
.change-payment-box .detailscart td{font-size:10px!important}

/* ==========================================
   RESPONSIVE
========================================== */
@media(max-width:768px){
    .topbar{padding:5px 8px;font-size:11px;line-height:1.25}
    .header{padding:8px 0}
    .header .container{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 8px;align-items:center}
    .header-logo{grid-column:1/-1;justify-self:center}
    .header-logo h1{line-height:0}
    .header-logo img{height:42px!important;max-width:min(100%,320px);width:auto}
    .header-cart{grid-column:2;grid-row:2;justify-self:end}
    .header-cart a{width:36px;height:36px;border-radius:9px}
    .header-cart svg{width:20px;height:20px}
    .header-cart .badge{width:18px;height:18px;font-size:9px;top:-3px;right:-3px}
    .header-search{max-width:100%;grid-column:1;grid-row:2;order:initial;flex-basis:auto;margin-top:0}
    .header-search input{height:36px;padding:8px 42px 8px 16px;font-size:12px}
    .header-search button{width:32px;height:32px}
    .header-nav{grid-column:1/-1;display:flex;gap:6px;overflow-x:auto;padding-top:2px;scrollbar-width:none}
    .header-nav::-webkit-scrollbar{display:none}
    .header-nav a{flex:0 0 auto;padding:7px 10px;font-size:10px;background:rgba(255,255,255,.1)}
    .header-nav .btn-account{background:var(--color-green)}
    .hero-slide h2{font-size:1.6em}
    .products-grid{grid-template-columns:repeat(2,1fr)}
    .product-layout{grid-template-columns:1fr}
    .cart-layout{grid-template-columns:1fr}
    .checkout-layout{grid-template-columns:1fr}
    .checkout-choice-grid{grid-template-columns:1fr}
    .checkout-summary,.finalize-layout .cart-summary{position:static}
    .checkout-actions{text-align:left}
    .delivery-section-head{display:block}
    .delivery-section-head .btn_optin_content{margin-top:12px}
    .pickup-select-grid,.address-card-grid{grid-template-columns:1fr}
    .pickup-option,.shipping-option{display:block}
    .pickup-option strong,.shipping-option .ship-price{display:block;margin-top:10px}
    .account-layout{grid-template-columns:1fr}
    .account-sidebar{position:static!important;width:100%;padding:12px;margin-bottom:16px;display:flex!important;align-items:center;gap:8px;overflow-x:auto;white-space:nowrap;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);scrollbar-width:none}
    .account-sidebar::-webkit-scrollbar{display:none}
    .account-sidebar h3{flex:0 0 auto;margin:0;padding:0 10px 0 0;border-bottom:0;border-right:1px solid #f0f0f0}
    .account-sidebar a{flex:0 0 auto;margin:0}
    .order-detail-grid{grid-template-columns:1fr}
    .art-choice-header{grid-template-columns:1fr}
    .art-option-grid,.art-option-grid-two,.art-upload-grid,.art-modal-grid{grid-template-columns:1fr}
    .art-choice-header h1{font-size:23px}
    .art-option-card{min-height:auto}
    .art-upload-actions,.art-modal-actions{display:block}
    .art-upload-actions .btn-save,.art-modal-actions .btn-save{width:100%;margin-top:12px}
    .modal .art-designer-modal{width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px);padding:20px;top:12px;transform:none}
    .form-grid{grid-template-columns:1fr}
    .about-steps{grid-template-columns:1fr}
    .arte-layout{grid-template-columns:1fr}
    .address-list{grid-template-columns:1fr}
    .changepay-options{grid-template-columns:1fr}
    .trust-bar .container{gap:20px}
    .cat-nav .container{padding:0 10px}
    .checkout-steps{flex-wrap:wrap}
    .whatsapp-float{bottom:16px;right:16px;width:50px;height:50px}
    .whatsapp-float svg{width:24px;height:24px}
}

/* ==========================================
   PAGINATION
========================================== */
.paginator{display:flex;justify-content:center;gap:4px;padding:30px 0;flex-wrap:wrap}
.paginator a,.paginator span{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:6px;font-size:12px;font-weight:700;color:#555;background:#fff;border:2px solid #e0e0e0;transition:var(--transition);text-decoration:none}
.paginator a:hover{border-color:var(--color-primary);color:var(--color-primary)}
.paginator span.paginator_item{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}

/* ==========================================
   MISC LEGACY COMPAT
========================================== */
.container-fluid{width:100%;padding:0 20px}
.row::after{content:'';display:table;clear:both}

/* ==========================================
   PRODUCT FILTER DYNAMIC ELEMENTS
   (gerados pelo ProductFilter.js)
========================================== */
#formulario{margin-bottom:16px}
#formulario .col-lg-12.ttt{margin-bottom:16px}
#formulario .labeltitle{display:block;font-size:11px;font-weight:700;color:#666;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}
#formulario .infosel{padding:8px 14px;border:2px solid #e0e0e0;border-radius:6px;background:#fff;font-size:12px;font-weight:600;color:#555;transition:.3s ease;cursor:pointer;display:inline-block;margin:3px}
#formulario .infosel:hover{border-color:var(--color-blue);color:var(--color-primary)}
#formulario .infosel.selected{border-color:var(--color-primary);background:rgba(2,67,100,.05);color:var(--color-primary)}
#formulario .infosel[style*="background:#024364"]{border-color:var(--color-primary)!important;background:rgba(2,67,100,.05)!important;color:var(--color-primary)!important}
#formulario .typepromo{padding:8px 14px;border:2px solid #e0e0e0;border-radius:6px;background:#fff;font-size:12px;font-weight:600;color:#555;cursor:pointer;margin:3px;display:inline-block}
#formulario .typepromo.selected{background:var(--color-accent)!important;color:#fff!important;border-color:var(--color-accent)!important}
#formulario .typepromo[style*="background:#ff6f00"]{background:var(--color-accent)!important;color:#fff!important;border-color:var(--color-accent)!important}
#formulario .return{background:#fff;border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm)}
#formulario .return h1.value{font-size:28px;font-weight:900;color:var(--color-accent);margin:12px 0}
#formulario .return button[type="submit"]{background:var(--color-green)!important;border-radius:var(--radius)!important;font-family:'Montserrat',sans-serif!important;letter-spacing:.5px;box-shadow:0 4px 12px rgba(54,186,155,.3)}
#formulario .return button[type="submit"]:hover{background:var(--color-green-hover)!important}

/* Detalhes do produto */
.detailsits p{color:#888;margin:4px 0;font-size:12px}
.detailsits p b{color:#333}
.detailsvalues{margin-top:8px}

/* Valor flutuante mobile */
.movel{z-index:999;border-radius:0!important;font-size:14px;display:none!important}
@media(max-width:768px){.movel{display:block!important}}

/* Legacy compat */
.gradient-green{background:var(--color-green)!important;color:#fff!important}
.gradient-green:hover,.gradient-hover:hover{background:var(--color-green-hover)!important}
.radius{border-radius:var(--radius)!important}
.transition{transition:.3s ease!important}
.btn{display:inline-block;padding:10px 18px;border:none;border-radius:var(--radius);font-size:13px;font-weight:700;cursor:pointer;transition:.3s ease}
.btn-blue{background:var(--color-primary);color:#fff}
.auth_form label{display:block;margin-bottom:12px;font-size:13px;font-weight:600;color:#555}
.auth_form input[type="text"],.auth_form input[type="email"],.auth_form input[type="password"],.auth_form select{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:13px;outline:none;font-family:inherit;transition:border-color .3s ease}
.auth_form input:focus,.auth_form select:focus{border-color:var(--color-primary)}
.auth_form_btn,.btn_optin_content{display:inline-block;padding:12px 28px;border:none;border-radius:var(--radius);background:var(--color-primary);color:#fff;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;cursor:pointer;margin-top:8px}
.auth_form_btn:hover,.btn_optin_content:hover{background:#035d8a}

/* Tables in checkout/cart legacy */
.products table{width:100%;border-collapse:collapse;font-size:12px;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}
.products table th{background:var(--color-light-bg);padding:10px 14px;text-align:left;font-weight:700;color:#666;font-size:11px;text-transform:uppercase;letter-spacing:.5px}
.products table td{padding:12px 14px;border-bottom:1px solid #f0f0f0;color:#444}
.products table tr:hover td{background:var(--color-light-bg)}
.products{padding:20px 0}
.products_descriptions{padding:10px 0}

/* Checkout specific */
.subMenu{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px;margin-bottom:16px}
.item,.item1{display:flex;align-items:center;padding:12px 16px;cursor:pointer;border-radius:var(--radius);transition:.3s ease;border:2px solid #e0e0e0;margin-bottom:8px}
.item:hover,.item1:hover{border-color:var(--color-primary)}
.item svg,.item1 svg{width:36px;margin-right:12px;fill:#555}
.action{background:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important}
.action svg{fill:#fff!important}
.address,.addresssel,.addresspickup{cursor:pointer;transition:.3s ease}
.address:hover,.addresssel:hover,.addresspickup:hover{background:var(--color-light-bg)}

/* Payment method legacy partial */
.checkout-box .wrapper{width:100%}
.checkout-box .wrapper>.mainMenu:first-of-type{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 14px!important;padding:0!important;float:none;width:100%}
.checkout-box .wrapper>.mainMenu:first-of-type .item{margin:0;min-height:72px;background:#fff}
.checkout-box .wrapper>.mainMenu:first-of-type .item svg{width:34px;height:28px;flex-shrink:0}
.checkout-box .wrapper>.mainMenu:nth-of-type(2){float:none;width:100%;padding:0!important;margin-top:0!important}
.checkout-box .subMenu{box-shadow:none;border:1px solid #eef0f2;margin-bottom:0}
.checkout-box .subMenu .home_optin{background:transparent!important;padding:0!important;margin:0!important}
.checkout-box .subMenu .home_optin_content{background:transparent!important;padding:0!important}
.checkout-box form label{display:block;margin-bottom:12px;font-size:12px;font-weight:700;color:#555}
.checkout-box form label .field{display:block;margin-bottom:6px;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:#666}
.checkout-box form input,
.checkout-box form select{width:100%;padding:10px 12px;border:2px solid #e0e0e0;border-radius:6px;font-size:13px;font-family:inherit;outline:none}
.checkout-box form input:focus,
.checkout-box form select:focus{border-color:var(--color-primary)}
.checkout-box .label_group{gap:12px}
.checkout-box .item1{float:none;width:auto;margin:0 8px 8px 0;background:#fff}
.checkout-box .responsecause span{display:block!important;float:none!important;margin-bottom:8px;border-radius:6px}
.checkout-box .message.warning{background:rgba(255,111,0,.1);border:1px solid var(--color-accent);color:#8a4300;border-radius:var(--radius);padding:14px;line-height:1.6}

@media(max-width:768px){
    .checkout-box .wrapper>.mainMenu:first-of-type{grid-template-columns:1fr}
    .checkout-box .label_group{display:block!important}
}

/* Account area legacy */
.pedidos{padding:20px 0}
.pedidos.container-fluid{max-width:1200px;margin:0 auto;padding:30px 20px}
.pedidos .account-sidebar{float:left;width:220px;margin-right:24px}
.pedidos .account-sidebar + .container-myaccount-content{float:left;width:calc(100% - 244px)}
.container-sidebarAccount{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;margin-bottom:16px}
.container-sidebarAccount h3{font-size:14px;font-weight:900;color:var(--color-dark);margin-bottom:14px}
.container-sidebarAccount ul{list-style:none;padding:0;margin:0}
.container-sidebarAccount ul li{margin-bottom:4px}
.container-sidebarAccount ul li a{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:600;color:#555;border-radius:6px;transition:.3s ease;text-decoration:none}
.container-sidebarAccount ul li a:hover{background:var(--color-light-bg);color:var(--color-primary)}
.container-sidebarAccount ul li a i{display:flex;align-items:center}
.container-sidebarAccount ul li a i svg{width:17px;height:22px;fill:#555}
.container-myaccount-content{background:#fff;border-radius:var(--radius)!important;box-shadow:var(--shadow-sm)!important;padding:20px!important;border:none!important}
.container-myaccount-content h2,.container-myaccount-content h3{font-weight:800;color:var(--color-dark)}
.container-myaccount-content h3{font-size:20px;margin-bottom:16px}
.breadcrumb{font-size:12px;color:#888;margin-bottom:16px}
.breadcrumb .separator{margin:0 6px;color:#ccc}

/* Legacy account/order screens */
.container-myaccount-content table,
.statuspedido table,
.details-its table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);font-size:12px}
.container-myaccount-content table th,
.statuspedido table th,
.details-its table th{background:var(--color-light-bg);padding:10px 12px;text-align:left;font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.4px}
.container-myaccount-content table td,
.statuspedido table td,
.details-its table td{padding:12px;border-bottom:1px solid #f0f0f0;color:#444;vertical-align:top}
.details-address>div,
.info-details>div{background:#fff!important;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px!important;margin-bottom:16px}
.details-address h3,
.info-details h3{font-size:15px;font-weight:900;color:var(--color-dark);margin-bottom:10px}
.container-myaccount-content .btn,
.details-its .btn{border-radius:var(--radius);font-weight:800;text-decoration:none}

/* Address cards and embedded address modal */
.container-myaccount-content .modal01{background:#fff!important;border:2px solid var(--color-green)!important;border-radius:var(--radius);box-shadow:var(--shadow-md);margin:16px 0}
.container-myaccount-content .modal01 h1{font-size:20px!important;color:var(--color-dark)!important;margin:0 0 8px}
.details-address{gap:8px}
.details-address a{font-size:12px;font-weight:700;color:var(--color-primary);text-decoration:none}
.pedidos .col-lg-3>div[style*="border:1px solid #DDD"]{border:1px solid #eef0f2!important;border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff}
.pedidos .col-lg-3 h4{font-size:13px;font-weight:900;color:var(--color-dark);margin-bottom:6px}
.pedidos .col-lg-3 p{font-size:12px!important;color:#666;line-height:1.5}
.details-address button{border:none!important;border-radius:6px;padding:7px 10px!important;background:rgba(2,67,100,.08);color:var(--color-primary);font-size:11px;font-weight:800;cursor:pointer}
.details-address button:hover{background:var(--color-primary)!important;color:#fff!important}
.calendar-icon{width:86px;border-radius:8px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm);margin:12px 10px 0 0;text-align:center;border:1px solid #eef0f2}
.calendar-icon__week{display:block;background:var(--color-primary);color:#fff;font-size:9px;font-weight:900;padding:5px;text-transform:uppercase}
.calendar-icon__day{display:block;font-size:28px;font-weight:900;color:var(--color-accent);line-height:1.2;padding-top:6px}
.calendar-icon__month{display:block;font-size:9px;font-weight:800;color:#777;padding:0 4px 8px;text-transform:uppercase}

@media(max-width:768px){
    .pedidos .account-sidebar,
    .pedidos .account-sidebar + .container-myaccount-content{float:none;width:100%;margin-right:0}
}

/* Art/model selection legacy flow */
.modelos.container{padding-top:30px;padding-bottom:30px}
.modelos .products_descriptions{padding:0}
.modelos .home_optin{background:transparent!important;border-radius:0!important;padding:0!important;margin:0!important}
.modelos .home_optin>.col-lg-5,
.modelos .home_optin>.col-lg-7{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px!important;margin-bottom:16px}
.modelos .home_optin>.col-lg-5 h1{font-size:22px;font-weight:900;color:var(--color-dark);margin-bottom:8px}
.modelos .home_optin>.col-lg-5 p{font-size:13px;color:#666;line-height:1.7}
.modelos .home_optin>.col-lg-7 p,
.modelos .home_optin>.col-lg-7 h3{font-size:13px;color:#777;margin-bottom:8px}
.modelos .home_optin>.col-lg-7 h2{font-size:24px!important;font-weight:900;color:var(--color-accent)!important;width:auto!important}
.modelos .home_optin_content{border-radius:var(--radius);transition:var(--transition)}
.modelos .home_optin_content.modelos,
.modelos .modelos.home_optin_content{box-shadow:var(--shadow-sm);border:2px solid transparent;padding:22px!important;margin:0 12px 12px 0!important}
.modelos .modelos.home_optin_content:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.modelos .modelos.home_optin_content img{max-height:88px;width:auto;margin:0 auto 12px;object-fit:contain}
.modelos .modelos.home_optin_content h5{font-size:14px;font-weight:900;color:var(--color-dark);margin:8px 0}
.modelos .modelos.home_optin_content p,
.modelos .modelos.home_optin_content h6{font-size:12px;color:#777;line-height:1.5;margin:6px 0}
.modelos .modelos.home_optin_content button,
.modelos .home_optin button{border:none;border-radius:var(--radius);padding:10px 16px;font-size:12px;font-weight:800;color:#fff;cursor:pointer;background:var(--color-green);transition:var(--transition)}
.modelos .modelos.home_optin_content button:hover,
.modelos .home_optin button:hover{background:var(--color-green-hover)}
.envioarquivo .home_optin_content{border:2px dashed #d8dde4!important}
.progress{background:#fff;border:1px solid #d8dde4!important;border-radius:var(--radius)!important;height:24px;overflow:hidden}
.bar{height:100%!important;background:var(--color-green)!important}
.percent{font-size:11px;font-weight:800;color:var(--color-dark)}
.modelos .modal_box{box-shadow:var(--shadow-md);border-radius:var(--radius)}
.modelos .modal_box h4{font-size:18px;font-weight:900;color:var(--color-dark)}
.modelos .modal_box h5{font-size:14px;font-weight:800;color:#333}
.modelos .modal_box p,
.modelos .modal_box li{font-size:12px!important;line-height:1.6;color:#555}

/* Blog/search small refinements */
.blog-page form[name="search"] .header-search input{border:2px solid #e0e0e0}
.blog-page form[name="search"] .header-search button{box-shadow:none}

/* Modal styles */
.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999;align-items:center;justify-content:center}
.modal_box{background:#fff;border-radius:var(--radius);padding:28px;max-width:500px;width:90%;margin:auto;position:relative;top:50%;transform:translateY(-50%);max-height:90vh;overflow-y:auto}

/* Grid compat */
.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left;padding:0 10px;box-sizing:border-box}
.col-lg-1{width:8.33%}.col-lg-2{width:16.66%}.col-lg-3{width:25%}.col-lg-4{width:33.33%}.col-lg-5{width:41.66%}.col-lg-6{width:50%}.col-lg-7{width:58.33%}.col-lg-8{width:66.66%}.col-lg-9{width:75%}.col-lg-10{width:83.33%}.col-lg-11{width:91.66%}.col-lg-12{width:100%}
@media(max-width:768px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{width:100%;float:none}}
.row::after{content:'';display:table;clear:both}