/* ===== SINGLE PRODUCT ===== */
.single-product-layout{display:grid;gap:var(--space-xl)}
@media(min-width:992px){.single-product-layout{grid-template-columns:1fr 1fr;gap:var(--space-3xl)}}
.product-gallery{position:relative}

/* Main Image */
.product-gallery-main{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--c-surface);margin-bottom:var(--space-md);cursor:zoom-in}
.product-gallery-main img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .4s ease}
.product-gallery-main:hover img{transform:scale(1.05)}

/* Zoom Icon Overlay */
.gallery-zoom-btn{position:absolute;top:var(--space-md);left:var(--space-md);width:40px;height:40px;background:rgba(255,255,255,.9);border:none;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;box-shadow:0 2px 8px rgba(0,0,0,.12);transition:var(--transition-fast)}
.gallery-zoom-btn:hover{background:var(--c-white);box-shadow:0 4px 16px rgba(0,0,0,.18);transform:scale(1.08)}
.gallery-zoom-btn svg{width:20px;height:20px;color:var(--c-text)}

/* Thumbnail Strip Wrapper (arrows + thumbnails) */
.product-gallery-thumbs-wrap{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);position:relative;margin:0 auto;max-width:360px}

/* Thumbnail Navigation Arrows */
.thumb-nav-btn{width:28px;height:28px;min-width:28px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--c-text-secondary);transition:var(--transition-fast);z-index:2}
.thumb-nav-btn:hover{color:var(--c-primary)}
.thumb-nav-btn svg{width:20px;height:20px}

/* Thumbnail Track */
.product-gallery-thumbs{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:1;scroll-behavior:smooth}
.product-gallery-thumbs::-webkit-scrollbar{display:none}

/* Individual Thumbnails */
.product-gallery-thumb{width:calc(33.333% - 4px);aspect-ratio:3/4;flex-shrink:0;scroll-snap-align:start;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .25s ease}
.product-gallery-thumb.active{border-color:#000}
.product-gallery-thumb:hover{border-color:#000}
.product-gallery-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center}

/* Fullscreen Zoom Overlay */
.gallery-zoom-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.gallery-zoom-overlay.active{opacity:1;visibility:visible}
.gallery-zoom-overlay img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-md);animation:zoomFadeIn .3s ease}
.gallery-zoom-close{position:absolute;top:var(--space-xl);right:var(--space-xl);width:48px;height:48px;background:rgba(255,255,255,.15);border:none;border-radius:var(--radius-full);color:var(--c-white);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}
.gallery-zoom-close:hover{background:rgba(255,255,255,.3)}
@keyframes zoomFadeIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
.product-info{padding:var(--space-md) 0}
.product-breadcrumb{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--fs-xs);color:var(--c-text-light);margin-bottom:var(--space-lg);flex-wrap:wrap}
.product-breadcrumb a{color:var(--c-text-secondary);transition:var(--transition-fast)}
.product-breadcrumb a:hover{color:var(--c-primary)}
.product-breadcrumb svg{width:12px;height:12px}
.product-title{font-size:var(--fs-2xl);margin-bottom:var(--space-md)}
@media(min-width:768px){.product-title{font-size:var(--fs-3xl)}}
.product-price-wrap{display:flex;align-items:baseline;gap:var(--space-md);margin-bottom:var(--space-xl)}
.product-price{font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--c-primary)}
.product-price-old{font-size:var(--fs-lg);color:var(--c-text-light);text-decoration:line-through}
.product-discount{padding:var(--space-xs) var(--space-sm);background:var(--c-success);color:var(--c-white);font-size:var(--fs-xs);font-weight:var(--fw-bold);border-radius:var(--radius-sm)}
.product-short-desc{color:var(--c-text-secondary);margin-bottom:var(--space-xl);line-height:var(--lh-relaxed)}
.product-fabric{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--c-surface);border-radius:var(--radius-md);margin-bottom:var(--space-xl);font-size:var(--fs-sm)}
.product-fabric svg{width:20px;height:20px;color:var(--c-primary);flex-shrink:0}
.product-fabric strong{color:var(--c-text)}
.product-variations{margin-bottom:var(--space-xl)}
.variation-group{margin-bottom:var(--space-lg)}
.variation-label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-bottom:var(--space-sm);color:var(--c-text)}
.variation-options{display:flex;flex-wrap:wrap;gap:var(--space-sm)}
.variation-option{padding:.5rem 1rem;border:1px solid var(--c-border);border-radius:var(--radius-sm);font-size:var(--fs-sm);cursor:pointer;transition:var(--transition-fast)}
.variation-option:hover,.variation-option.selected{border-color:var(--c-primary);color:var(--c-primary);background:rgba(var(--c-primary-rgb),.05)}
.color-option{width:32px;height:32px;border-radius:var(--radius-full);border:2px solid var(--c-border);cursor:pointer;transition:var(--transition-fast)}
.color-option:hover,.color-option.selected{border-color:var(--c-primary);box-shadow:0 0 0 2px rgba(var(--c-primary-rgb),.3)}
.product-quantity{display:block;margin-bottom:var(--space-xl)}
.qty-selector{display:inline-flex;align-items:center;border:1px solid var(--c-border);border-radius:var(--radius-sm);overflow:hidden}
.qty-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:var(--fs-lg);color:var(--c-text);background:var(--c-surface);transition:var(--transition-fast)}
.qty-btn:hover{background:var(--c-primary);color:var(--c-white)}
.qty-input{width:60px;height:44px;text-align:center;border:none;border-left:1px solid var(--c-border);border-right:1px solid var(--c-border);font-size:var(--fs-base);font-weight:var(--fw-medium)}
.qty-input:focus{outline:none}
.product-actions{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}
.product-actions .btn{flex:1;min-width:200px}
.wishlist-btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text);transition:var(--transition-fast);flex-shrink:0}
.wishlist-btn:hover,.wishlist-btn.active{color:var(--c-error);border-color:var(--c-error);background:rgba(220,38,38,.05)}
.wishlist-btn svg{width:22px;height:22px}
.product-meta{padding-top:var(--space-xl);border-top:1px solid var(--c-border-light)}
.product-meta p{font-size:var(--fs-sm);margin-bottom:var(--space-sm)}
.product-meta strong{color:var(--c-text)}
.product-tabs{margin-top:var(--space-3xl)}
.product-tabs-nav{display:flex;border-bottom:2px solid var(--c-border-light);gap:var(--space-xl);overflow-x:auto}
.product-tab-btn{padding:var(--space-md) 0;font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-secondary);border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:var(--transition-fast);cursor:pointer;background:none;border-top:none;border-left:none;border-right:none}
.product-tab-btn.active,.product-tab-btn:hover{color:var(--c-primary);border-bottom-color:var(--c-primary)}
.product-tab-content{padding:var(--space-xl) 0;display:none}
.product-tab-content.active{display:block}
.related-products{margin-top:var(--space-4xl)}

/* ===== CART PAGE ===== */
.cart-layout{padding-top:calc(var(--header-h) + var(--space-2xl))}
.cart-page-title{text-align:center;margin-bottom:var(--space-2xl)}
.cart-grid{display:grid;gap:var(--space-2xl)}
@media(min-width:992px){.cart-grid{grid-template-columns:1fr 380px}}
.cart-items{display:flex;flex-direction:column;gap:var(--space-lg)}
.cart-item{display:grid;grid-template-columns:100px 1fr;gap:var(--space-md);padding:var(--space-lg);border:1px solid var(--c-border-light);border-radius:var(--radius-md);background:var(--c-white);align-items:start}
@media(min-width:576px){.cart-item{grid-template-columns:120px 1fr auto auto;align-items:center}}
.cart-item-image{aspect-ratio:3/4;border-radius:var(--radius-sm);overflow:hidden;background:var(--c-surface)}
.cart-item-image img{width:100%;height:100%;object-fit:cover}
.cart-item-info h4{font-family:var(--ff-body);font-size:var(--fs-base);font-weight:var(--fw-medium);margin-bottom:var(--space-xs)}
.cart-item-info .cart-item-variant{font-size:var(--fs-sm);color:var(--c-text-secondary);margin-bottom:var(--space-sm)}
.cart-item-info .cart-item-price-mobile{font-weight:var(--fw-bold);color:var(--c-primary);display:block}
@media(min-width:576px){.cart-item-info .cart-item-price-mobile{display:none}}
.cart-item-qty .qty-selector{transform:scale(.85);transform-origin:center}
.cart-item-price{font-weight:var(--fw-bold);color:var(--c-text);font-size:var(--fs-md);display:none}
@media(min-width:576px){.cart-item-price{display:block}}
.cart-item-remove{position:absolute;top:var(--space-sm);right:var(--space-sm);color:var(--c-text-light);transition:var(--transition-fast)}
.cart-item-remove:hover{color:var(--c-error)}
.cart-item{position:relative}
.cart-empty{text-align:center;padding:var(--space-4xl) var(--space-xl)}
.cart-empty svg{width:80px;height:80px;color:var(--c-border);margin:0 auto var(--space-xl)}
.cart-empty h3{margin-bottom:var(--space-md)}
.cart-summary{position:sticky;top:calc(var(--header-h) + var(--space-xl));background:var(--c-surface);border-radius:var(--radius-lg);padding:var(--space-xl);align-self:start}
.cart-summary h3{font-size:var(--fs-lg);margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--c-border)}
.cart-summary-row{display:flex;justify-content:space-between;margin-bottom:var(--space-md);font-size:var(--fs-sm);color:var(--c-text-secondary)}
.cart-summary-row.total{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--c-text);padding-top:var(--space-md);border-top:2px solid var(--c-border);margin-top:var(--space-md)}
.cart-summary .btn{width:100%;margin-top:var(--space-xl)}
.cart-summary .coupon-form{display:flex;gap:var(--space-sm);margin-top:var(--space-lg)}
.cart-summary .coupon-form input{flex:1;padding:.625rem .75rem;border:1px solid var(--c-border);border-radius:var(--radius-sm);font-size:var(--fs-sm)}

/* ===== CHECKOUT PAGE ===== */
.checkout-layout{padding-top:calc(var(--header-h) + var(--space-2xl))}
.checkout-grid{display:grid;gap:var(--space-2xl)}
@media(min-width:992px){.checkout-grid{grid-template-columns:1fr 420px}}
.checkout-section{margin-bottom:var(--space-2xl)}
.checkout-section-title{font-size:var(--fs-lg);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--c-primary)}
.checkout-form-grid{display:grid;gap:var(--space-md)}
@media(min-width:576px){.checkout-form-grid{grid-template-columns:1fr 1fr}}
.checkout-form-grid .form-group.full-width{grid-column:1/-1}
.order-review{position:sticky;top:calc(var(--header-h) + var(--space-xl));background:var(--c-surface);border-radius:var(--radius-lg);padding:var(--space-xl);align-self:start}
.order-review h3{font-size:var(--fs-lg);margin-bottom:var(--space-xl)}
.order-review-item{display:flex;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--c-border-light);align-items:center}
.order-review-item-img{width:60px;height:75px;border-radius:var(--radius-sm);overflow:hidden;background:var(--c-white);flex-shrink:0}
.order-review-item-img img{width:100%;height:100%;object-fit:cover}
.order-review-item-info{flex:1;font-size:var(--fs-sm)}
.order-review-item-info h4{font-family:var(--ff-body);font-size:var(--fs-sm);font-weight:var(--fw-medium)}
.order-review-item-info .qty{color:var(--c-text-secondary)}
.order-review-item-price{font-weight:var(--fw-bold);font-size:var(--fs-sm);white-space:nowrap}
.payment-methods{margin-top:var(--space-xl)}
.payment-method{padding:var(--space-md);border:1px solid var(--c-border);border-radius:var(--radius-md);margin-bottom:var(--space-sm);cursor:pointer;transition:var(--transition-fast)}
.payment-method:hover,.payment-method.selected{border-color:var(--c-primary);background:rgba(var(--c-primary-rgb),.03)}
.payment-method label{display:flex;align-items:center;gap:var(--space-md);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer}
.payment-method input[type="radio"]{accent-color:var(--c-primary)}
.place-order-btn{width:100%;margin-top:var(--space-xl);padding:var(--space-md)}

/* ===== ABOUT PAGE ===== */
.about-hero{position:relative;height:50vh;min-height:300px;margin-top:var(--header-h);overflow:hidden}
.about-hero img{width:100%;height:100%;object-fit:cover}
.about-hero-overlay{position:absolute;inset:0;background:rgba(var(--c-primary-rgb),.7);display:flex;align-items:center;justify-content:center}
.about-hero-overlay h1{color:var(--c-white);font-size:var(--fs-4xl)}
.about-content{max-width:800px;margin:0 auto;padding:var(--space-4xl) var(--space-md)}
.about-content h2{margin-bottom:var(--space-lg)}
.about-content p{font-size:var(--fs-md);line-height:var(--lh-relaxed);margin-bottom:var(--space-xl)}
.about-values{display:grid;gap:var(--space-xl);margin:var(--space-3xl) 0}
@media(min-width:768px){.about-values{grid-template-columns:repeat(3,1fr)}}
.about-value{text-align:center;padding:var(--space-xl);border-radius:var(--radius-lg);background:var(--c-surface)}
.about-value-icon{width:60px;height:60px;margin:0 auto var(--space-lg);background:var(--c-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--c-white)}
.about-value-icon svg{width:28px;height:28px}
.about-value h3{font-size:var(--fs-lg);margin-bottom:var(--space-md)}
.about-value p{font-size:var(--fs-sm);margin:0}

/* ===== CONTACT PAGE ===== */
.contact-layout{padding-top:calc(var(--header-h) + var(--space-3xl));max-width:800px;margin:0 auto}
.contact-layout h1{text-align:center;margin-bottom:var(--space-sm)}
.contact-subtitle{text-align:center;color:var(--c-text-secondary);margin-bottom:var(--space-3xl)}
.contact-form{background:var(--c-surface);padding:var(--space-2xl);border-radius:var(--radius-lg)}
.contact-form-grid{display:grid;gap:var(--space-md)}
@media(min-width:576px){.contact-form-grid{grid-template-columns:1fr 1fr}}
.contact-form-grid .form-group.full-width{grid-column:1/-1}
.contact-instagram{text-align:center;margin-top:var(--space-3xl);padding:var(--space-2xl);background:var(--c-primary);border-radius:var(--radius-lg);color:var(--c-white)}
.contact-instagram svg{width:40px;height:40px;margin:0 auto var(--space-md)}
.contact-instagram h3{color:var(--c-white);margin-bottom:var(--space-sm)}
.contact-instagram p{color:rgba(255,255,255,.8);margin-bottom:var(--space-lg)}
.contact-instagram a{color:var(--c-accent);font-weight:var(--fw-semibold);font-size:var(--fs-lg);transition:var(--transition-fast)}
.contact-instagram a:hover{color:var(--c-accent-light)}

/* ===== PAGE HERO BANNER ===== */
.page-hero{background:var(--c-primary);color:var(--c-white);padding:var(--space-4xl) var(--space-md);margin-top:var(--header-h);text-align:center}
.page-hero h1{color:var(--c-white);margin-bottom:var(--space-md)}
.page-hero .breadcrumb{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:var(--fs-sm);color:rgba(255,255,255,.7)}
.page-hero .breadcrumb a{color:rgba(255,255,255,.7);transition:var(--transition-fast)}
.page-hero .breadcrumb a:hover{color:var(--c-white)}

/* ===== ANIMATIONS ===== */
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes slideInRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
.animate-fadeInUp{animation:fadeInUp .6s ease both}
.animate-fadeIn{animation:fadeIn .6s ease both}
[data-animate]{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
[data-animate].visible{opacity:1;transform:translateY(0)}

/* ===== BREADCRUMB SEO ===== */
.breadcrumb-nav{padding:var(--space-md) 0;font-size:var(--fs-xs);color:var(--c-text-light)}
.breadcrumb-nav ol{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}
.breadcrumb-nav a{color:var(--c-text-secondary);transition:var(--transition-fast)}
.breadcrumb-nav a:hover{color:var(--c-primary)}
.breadcrumb-nav .separator{color:var(--c-border)}

/* ===== BACK TO TOP ===== */
.back-to-top{position:fixed;bottom:var(--space-xl);right:var(--space-xl);width:48px;height:48px;background:var(--c-primary);color:var(--c-white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:var(--transition);z-index:99;cursor:pointer}
.back-to-top.visible{opacity:1;visibility:visible}
.back-to-top:hover{background:var(--c-primary-dark);transform:translateY(-3px)}
.back-to-top svg{width:20px;height:20px}

/* ===== LOADING ===== */
.skeleton{background:linear-gradient(90deg,var(--c-surface) 25%,var(--c-surface-alt) 50%,var(--c-surface) 75%);background-size:200% 100%;animation:skeleton 1.5s infinite;border-radius:var(--radius-sm)}
@keyframes skeleton{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ===== ADD TO CART TOAST ===== */
.added_to_cart.wc-forward {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--c-success);
    color: var(--c-white);
    padding: 12px 24px;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
    font-size: var(--fs-sm);
    font-weight: var(--fw-bold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    z-index: 99999;
    text-align: center;
    white-space: nowrap;
    animation: slideDownToast 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}
.added_to_cart.wc-forward::before {
    content: '✓';
    margin-right: 8px;
    font-size: 1.1em;
}
.added_to_cart.wc-forward:hover {
    background: #047857;
    color: var(--c-white);
    transform: translateX(-50%) translateY(-2px);
    box-shadow: var(--shadow-xl);
}
@keyframes slideDownToast {
    0% { top: -60px; opacity: 0; }
    100% { top: 20px; opacity: 1; }
}

/* ===== SIZE CHART MODAL ===== */
.size-chart-wrap { text-align: left; margin-bottom: var(--space-xl); }
.btn-size-chart { background: none; border: none; color: var(--c-text); font-size: var(--fs-md); font-weight: var(--fw-medium); cursor: pointer; text-decoration: underline; display: inline-flex; align-items: center; gap: 8px; transition: var(--transition-fast); padding: 0; }
.btn-size-chart:hover { color: var(--c-primary); }
.size-chart-modal { position: fixed; inset: 0; background: rgba(0,0,0,0.7); z-index: 999999; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: var(--transition); }
.size-chart-modal.active { opacity: 1; visibility: visible; }
.size-chart-content { background: var(--c-white); padding: var(--space-xl); border-radius: var(--radius-lg); max-width: 90vw; max-height: 90vh; overflow-y: auto; position: relative; width: 500px; text-align: center; transform: translateY(20px); transition: var(--transition); }
.size-chart-modal.active .size-chart-content { transform: translateY(0); }
.close-size-chart { position: absolute; top: var(--space-md); right: var(--space-md); width: 32px; height: 32px; font-size: 24px; background: var(--c-surface); border: none; border-radius: var(--radius-full); cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--c-text); transition: var(--transition-fast); }
.close-size-chart:hover { background: var(--c-border); color: var(--c-error); }
.size-chart-content h3 { margin-bottom: var(--space-md); color: var(--c-primary); font-size: var(--fs-lg); text-transform: uppercase; letter-spacing: 0.05em; }
.size-chart-content img { width: 100%; height: auto; border-radius: var(--radius-sm); margin-bottom: var(--space-md); }
.size-chart-note { margin-top: var(--space-sm); font-size: var(--fs-sm); color: var(--c-text-secondary); font-style: italic; }

/* Checkout and Place Order Buttons (Classic & Blocks) */
.woocommerce .wc-proceed-to-checkout a.checkout-button, 
.woocommerce #place_order,
.wc-block-cart .wc-block-cart__submit-button,
.wc-block-checkout .wc-block-components-checkout-place-order-button,
.wc-block-components-button:not(.is-link) { 
    background-color: var(--c-primary) !important; 
    border-color: var(--c-primary) !important; 
    color: var(--c-white) !important; 
    transition: var(--transition);
}
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover, 
.woocommerce #place_order:hover,
.wc-block-cart .wc-block-cart__submit-button:hover,
.wc-block-checkout .wc-block-components-checkout-place-order-button:hover,
.wc-block-components-button:not(.is-link):hover { 
    background-color: var(--c-primary-dark) !important; 
    border-color: var(--c-primary-dark) !important; 
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}



/* ========================================================
   WOOCOMMERCE MY ACCOUNT - PREMIUM REDESIGN
   ======================================================== */
.woocommerce-account .woocommerce { max-width: 1200px; margin: 60px auto; padding: 0 20px; }
.woocommerce-account .woocommerce-MyAccount-navigation { width: 25%; float: left; margin-right: 5%; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.05); padding: 20px 0; border: 1px solid #f0f0f0; }
.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li { margin: 0; border-bottom: 1px solid #f5f5f5; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child { border-bottom: none; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a { display: block; padding: 15px 25px; color: var(--c-text-primary, #333); font-weight: 500; text-decoration: none; transition: all 0.3s ease; border-left: 3px solid transparent; }
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a { background-color: #f8fafe; color: var(--c-primary, #1a3b8b); border-left: 3px solid var(--c-primary, #1a3b8b); }
.woocommerce-account .woocommerce-MyAccount-content { width: 70%; float: left; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.05); padding: 40px; border: 1px solid #f0f0f0; }
.woocommerce-account .woocommerce-MyAccount-content p { color: var(--c-text-secondary, #555); line-height: 1.6; }
.woocommerce-account .woocommerce-MyAccount-content a { color: var(--c-primary, #1a3b8b); text-decoration: underline; font-weight: 500; }
.woocommerce-account #customer_login, .woocommerce-account .u-columns.col2-set { display: flex !important; flex-wrap: wrap !important; gap: 40px !important; justify-content: center !important; margin-bottom: 60px !important; align-items: flex-start !important; }
.woocommerce-account #customer_login .u-column1, .woocommerce-account #customer_login .u-column2, .woocommerce-account .col2-set .col-1, .woocommerce-account .col2-set .col-2, .woocommerce-account.woocommerce-page .woocommerce > form.login { background: #ffffff; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); padding: 50px 40px; border: 1px solid #f0f0f0; flex: 1 1 400px !important; width: 100% !important; max-width: 480px !important; margin: 0 !important; float: none !important; }
.woocommerce-account h2 { font-family: var(--f-heading, serif); color: var(--c-primary, #1a3b8b); font-size: 28px; margin-bottom: 30px; text-align: center; }
.woocommerce-account form .form-row { margin-bottom: 24px; }
.woocommerce-account form label { display: block; margin-bottom: 8px; font-weight: 500; color: var(--c-text-primary, #333); }
.woocommerce-account form input.input-text { width: 100%; padding: 14px 15px; border: 1px solid #e0e0e0; border-radius: 8px; font-family: inherit; font-size: 15px; transition: border-color 0.3s; background: #fafafa; }
.woocommerce-account form input.input-text:focus { border-color: var(--c-primary, #1a3b8b); outline: none; box-shadow: 0 0 0 3px rgba(26,59,139,0.1); background: #fff; }
.woocommerce-account form button.button { width: 100%; background-color: var(--c-primary, #1a3b8b); color: #fff; border: none; padding: 16px; font-size: 16px; font-weight: 600; border-radius: 8px; cursor: pointer; transition: background-color 0.3s, transform 0.2s; text-transform: uppercase; letter-spacing: 1px; margin-top: 10px; }
.woocommerce-account form button.button:hover { background-color: #122861; transform: translateY(-2px); box-shadow: 0 6px 15px rgba(26,59,139,0.2); }
.woocommerce-account .woocommerce-form-login__rememberme { margin-bottom: 20px; display: inline-block; }
.woocommerce-account .lost_password { text-align: center; margin-top: 20px; }
.woocommerce-account .lost_password a { color: var(--c-text-secondary, #666); text-decoration: none; font-size: 14.5px; transition: color 0.3s; }
.woocommerce-account .lost_password a:hover { color: var(--c-primary, #1a3b8b); }
.woocommerce-account .woocommerce::after { content: ""; display: table; clear: both; }
@media (max-width: 768px) { .woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content { width: 100%; float: none; margin-right: 0; margin-bottom: 30px; } .woocommerce-account .woocommerce-MyAccount-content { padding: 25px; } .woocommerce-account #customer_login .u-column1, .woocommerce-account #customer_login .u-column2, .woocommerce-account.woocommerce-page .woocommerce > form.login { padding: 30px 20px; } }