/*
Theme Name: YSNPAW Pet Supplies
Theme URI: https://ysnpaw.com
Author: YSNPAW Team
Author URI: https://ysnpaw.com
Description: Premium pet supplies WooCommerce theme with Brutalist design. SEO optimized, mobile-first, fast loading.
Version: 3.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ysnpaw
Tags: woocommerce, e-commerce, pets, brutalist, responsive
*/

/* === RESET & BASE === */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --ys-yellow:#FFCC00;--ys-blue:#0055FF;--ys-black:#0A0A0A;--ys-white:#FFFFFF;--ys-red:#FF3333;
  --ys-font-head:'Poppins',sans-serif;--ys-font-body:'Space Grotesk',sans-serif;
  --ys-border:3px;--ys-border-thick:5px;
}
body{font-family:var(--ys-font-body);background:var(--ys-white);color:var(--ys-black);overflow-x:hidden;line-height:1.6}
h1,h2,h3,h4,h5,h6{font-family:var(--ys-font-head);font-weight:900;text-transform:uppercase}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}

/* === ANNOUNCEMENT BAR === */
.ys-announce{background:var(--ys-black);color:var(--ys-white);overflow:hidden;border-bottom:3px solid var(--ys-black)}
.ys-announce-inner{white-space:nowrap;padding:8px 0;font-family:var(--ys-font-head);font-weight:700;font-size:13px;letter-spacing:1px;animation:marquee 20s linear infinite;display:inline-block}
.ys-announce-inner span{margin:0 32px}
.ys-announce-inner .ys-highlight{color:var(--ys-yellow)}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* === NAVBAR === */
.ys-nav{background:var(--ys-yellow);border-bottom:5px solid var(--ys-black);padding:0 24px;position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;height:60px}

/* Fix sticky nav offset when WP admin bar is visible */
.admin-bar .ys-nav{top:32px}
@media screen and (max-width:782px){
  .admin-bar .ys-nav{top:46px}
  .admin-bar .ys-mobile-menu{top:calc(46px + 56px)}
}
@media screen and (min-width:783px){
  .admin-bar .ys-mobile-menu{top:calc(32px + 60px)}
}
.ys-logo{font-family:var(--ys-font-head);font-weight:900;font-size:28px;letter-spacing:-1px}
.ys-logo span{color:var(--ys-blue)}
.ys-nav-links{display:flex;gap:4px;align-items:center}
.ys-nav-link{font-family:var(--ys-font-head);font-weight:700;font-size:13px;padding:8px 14px;border:var(--ys-border) solid var(--ys-black);transition:all .15s}
.ys-nav-link:hover,.ys-nav-link.active{background:var(--ys-black);color:var(--ys-yellow)}
.ys-nav-actions{display:flex;gap:8px;align-items:center}
.ys-nav-btn{width:44px;height:44px;border:var(--ys-border) solid var(--ys-black);background:var(--ys-white);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all .15s;position:relative}
.ys-nav-btn:hover{background:var(--ys-black);color:var(--ys-yellow)}
.ys-cart-badge{position:absolute;top:-6px;right:-6px;background:var(--ys-red);color:#fff;font-family:var(--ys-font-head);font-weight:900;font-size:10px;width:20px;height:20px;border:2px solid var(--ys-black);display:flex;align-items:center;justify-content:center}

/* Mobile menu */
.ys-hamburger{display:none;flex-direction:column;gap:4px;padding:8px;border:var(--ys-border) solid var(--ys-black);background:var(--ys-white);cursor:pointer}
.ys-hamburger span{display:block;width:20px;height:2.5px;background:var(--ys-black)}
.ys-mobile-menu{display:none;position:fixed;top:60px;left:0;right:0;bottom:0;background:var(--ys-yellow);z-index:999;padding:16px;flex-direction:column;gap:8px;overflow-y:auto}
.ys-mobile-menu.active{display:flex}
.ys-mobile-link{font-family:var(--ys-font-head);font-weight:900;font-size:20px;padding:14px 20px;border:5px solid var(--ys-black);background:var(--ys-white);text-align:center}

@media(max-width:768px){
  .ys-nav-links{display:none!important}
  .ys-hamburger{display:flex}
  .ys-nav{padding:0 12px;height:56px}
  .ys-logo{font-size:22px}
  .ys-nav-btn{width:40px;height:40px;font-size:16px}
  .ys-mobile-menu{top:56px}
}

/* === GOOGLE TRANSLATE === */
.ys-translate-wrap{display:inline-flex;align-items:center}
#google_translate_element select{border:var(--ys-border) solid var(--ys-black);padding:6px 8px;font-family:var(--ys-font-body);font-size:12px;background:var(--ys-white);cursor:pointer}
.goog-te-banner-frame,.goog-te-gadget img,.goog-te-gadget span{display:none!important}
.goog-te-gadget{font-size:0!important}
/* Prevent Google Translate from pushing page down */
body{top:0!important}
.skiptranslate iframe{display:none!important;height:0!important;visibility:hidden!important}

/* === BRUTALIST UTILITIES === */
.ys-btn{font-family:var(--ys-font-head);font-weight:900;font-size:13px;padding:12px 28px;border:var(--ys-border) solid var(--ys-black);text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:transform .1s;display:inline-block;text-align:center}
.ys-btn:hover{transform:translate(-2px,-2px)}
.ys-btn:active{transform:translate(0,0)}
.ys-btn-yellow{background:var(--ys-yellow);color:var(--ys-black)}
.ys-btn-black{background:var(--ys-black);color:var(--ys-yellow)}
.ys-btn-white{background:var(--ys-white);color:var(--ys-black)}
.ys-btn-blue{background:var(--ys-blue);color:var(--ys-white)}
.ys-border{border:5px solid var(--ys-black)}
.ys-section{padding:48px 24px}
.ys-heading{font-size:clamp(28px,4vw,56px);line-height:.95;border-left:8px solid var(--ys-yellow);padding-left:16px}
.ys-heading span{color:var(--ys-blue)}
.ys-card{border:5px solid var(--ys-black);background:var(--ys-white);transition:transform .15s}
.ys-card:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--ys-black)}

/* === HERO === */
.ys-hero{background:var(--ys-blue);border-bottom:5px solid var(--ys-black);padding:48px 24px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;min-height:500px}
.ys-hero-tag{font-family:var(--ys-font-head);font-weight:900;font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--ys-yellow);margin-bottom:16px;display:block}
.ys-hero h1{font-size:clamp(36px,6vw,84px);line-height:.95;color:var(--ys-white)}
.ys-hero h1 em{color:var(--ys-yellow);font-style:normal}
.ys-hero p{font-size:15px;color:rgba(255,255,255,.8);margin:16px 0 32px;max-width:480px;line-height:1.6}
.ys-hero-img{background:var(--ys-yellow);border:5px solid var(--ys-black);height:380px;display:flex;align-items:center;justify-content:center;font-size:120px;position:relative}
.ys-hero-badge{position:absolute;top:20px;right:20px;background:var(--ys-black);color:var(--ys-yellow);font-family:var(--ys-font-head);font-weight:900;font-size:11px;padding:8px 12px;letter-spacing:2px}
@media(max-width:768px){
  .ys-hero{grid-template-columns:1fr;padding:32px 16px;min-height:auto;gap:24px}
  .ys-hero-img{height:220px;font-size:80px}
  .ys-hero-badge{top:12px;right:12px;font-size:10px;padding:6px 10px}
}

/* === SLIDESHOW === */
.ys-slideshow{position:relative;width:100%;overflow:hidden;border-bottom:5px solid var(--ys-black)}
.ys-slideshow-inner{position:relative;height:420px}
.ys-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .7s;opacity:0}
.ys-slide.active{opacity:1}
.ys-slideshow-overlay{position:absolute;inset:0;background:rgba(10,10,10,.3)}
.ys-slideshow-dots{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.ys-dot{width:12px;height:12px;border:2px solid var(--ys-white);background:rgba(255,255,255,.4);cursor:pointer;transition:all .2s}
.ys-dot.active{background:var(--ys-yellow)}
@media(max-width:768px){.ys-slideshow-inner{height:220px}}

/* === BLOG === */
.ys-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ys-blog-card{border:5px solid var(--ys-black);background:var(--ys-white);transition:transform .15s}
.ys-blog-card:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--ys-black)}
.ys-blog-thumb{height:200px;display:flex;align-items:center;justify-content:center;font-size:80px;border-bottom:5px solid var(--ys-black);background:rgba(0,85,255,.08)}
.ys-blog-body{padding:20px 28px}
.ys-blog-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.ys-blog-tag{font-family:var(--ys-font-head);font-weight:900;font-size:10px;letter-spacing:2px;background:var(--ys-yellow);padding:4px 8px;border:2px solid var(--ys-black)}
.ys-blog-date{font-size:12px;color:#666}
.ys-blog-card h3{font-size:16px;margin-bottom:8px;line-height:1.2}
.ys-blog-card p{font-size:14px;color:#666;line-height:1.5}
@media(max-width:768px){.ys-blog-grid{grid-template-columns:1fr}}

/* === PRODUCT GRID === */
.ys-products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:992px){.ys-products{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){.ys-products{grid-template-columns:repeat(2,1fr);gap:8px}}

/* === CATEGORIES === */
.ys-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ys-cat-card{border:5px solid var(--ys-black);padding:40px;text-align:center;cursor:pointer;transition:transform .15s}
.ys-cat-card:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--ys-black)}
.ys-cat-card .emoji{font-size:64px;margin-bottom:16px;display:block}
.ys-cat-card .name{font-family:var(--ys-font-head);font-weight:900;font-size:28px}
@media(max-width:768px){
  .ys-cats{grid-template-columns:1fr}
  .ys-cat-card{padding:24px}
  .ys-cat-card .emoji{font-size:48px}
  .ys-cat-card .name{font-size:22px}
}

/* === WHY US === */
.ys-why{background:var(--ys-black);padding:48px 24px}
.ys-why .ys-heading{color:var(--ys-white)}
.ys-why .ys-heading span{color:var(--ys-yellow)}
.ys-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1200px;margin:0 auto}
.ys-why-card{background:var(--ys-white);border:5px solid var(--ys-black);padding:36px}
.ys-why-card .num{font-family:var(--ys-font-head);font-weight:900;font-size:72px;color:var(--ys-yellow);line-height:1}
.ys-why-card h3{font-size:22px;margin:12px 0}
.ys-why-card p{font-size:14px;color:#666;line-height:1.6}
@media(max-width:768px){
  .ys-why-grid{grid-template-columns:1fr}
  .ys-why-card{padding:24px}
  .ys-why-card .num{font-size:48px}
}

/* === EDITABLE AREA === */
.ys-editable-area{background:var(--ys-yellow);border-top:5px solid var(--ys-black);border-bottom:5px solid var(--ys-black);padding:48px 24px;min-height:200px}

/* === FOOTER === */
.ys-footer{background:var(--ys-black);color:var(--ys-white);padding:64px 24px 32px;border-top:5px solid var(--ys-black)}
.ys-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;max-width:1200px;margin:0 auto 48px}
.ys-footer h4{font-family:var(--ys-font-head);font-weight:900;font-size:12px;letter-spacing:3px;color:var(--ys-yellow);margin-bottom:16px}
.ys-footer a{color:#999;font-size:14px;transition:color .15s}
.ys-footer a:hover{color:var(--ys-yellow)}
.ys-footer ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.ys-footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding-top:24px;display:flex;justify-content:space-between;font-size:13px;color:#999;flex-wrap:wrap;gap:12px;max-width:1200px;margin:0 auto}
@media(max-width:768px){
  .ys-footer-grid{grid-template-columns:1fr;gap:24px}
  .ys-footer{padding:32px 16px 24px}
}

/* === WOOCOMMERCE OVERRIDES === */
.woocommerce ul.products li.product{border:5px solid var(--ys-black);padding:0;transition:transform .15s;background:var(--ys-white);display:flex;flex-direction:column}
.woocommerce ul.products li.product:hover{transform:translate(-3px,-3px);box-shadow:5px 5px 0 var(--ys-black)}
.woocommerce ul.products li.product a img{border-bottom:5px solid var(--ys-black);border-radius:0}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-family:var(--ys-font-head)!important;font-weight:900;font-size:14px;text-transform:uppercase;padding:12px 16px 0!important;flex:1}
.woocommerce ul.products li.product .price{font-family:var(--ys-font-head);font-weight:900;color:var(--ys-blue);padding:4px 16px;font-size:18px}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button{
  background:var(--ys-black)!important;color:var(--ys-yellow)!important;border-radius:0!important;font-family:var(--ys-font-head);font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:2px;padding:14px 16px;width:100%;border:none;margin:12px 0 0;transition:all .15s;display:block;text-align:center;box-sizing:border-box;line-height:1.2}
.woocommerce ul.products li.product .button:hover{background:var(--ys-blue)!important;color:var(--ys-white)!important}

/* Mobile product card fixes */
@media(max-width:768px){
  .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:11px!important;padding:8px 10px 0!important;line-height:1.3;word-break:break-word}
  .woocommerce ul.products li.product .price{font-size:14px;padding:4px 10px}
  .woocommerce ul.products li.product .button,
  .woocommerce ul.products li.product .add_to_cart_button{font-size:10px!important;letter-spacing:1px;padding:12px 8px!important;margin:8px 0 0}
  .woocommerce ul.products li.product a img{border-bottom:3px solid var(--ys-black)}
  .woocommerce ul.products{gap:8px!important}
}

/* Single product */
.woocommerce div.product div.images{border:5px solid var(--ys-black)}
.woocommerce div.product .product_title{font-family:var(--ys-font-head);font-size:clamp(28px,4vw,48px)}
.woocommerce div.product p.price{font-family:var(--ys-font-head);font-weight:900;font-size:32px;color:var(--ys-blue)}
.woocommerce div.product .single_add_to_cart_button{background:var(--ys-black)!important;color:var(--ys-yellow)!important;border-radius:0!important;font-family:var(--ys-font-head);font-weight:900;letter-spacing:2px;padding:16px 32px;font-size:14px;border:var(--ys-border) solid var(--ys-black);transition:all .15s}
.woocommerce div.product .single_add_to_cart_button:hover{background:var(--ys-blue)!important;color:var(--ys-white)!important}
.woocommerce div.product .quantity .qty{border:var(--ys-border) solid var(--ys-black);border-radius:0;font-family:var(--ys-font-head);font-weight:700;padding:8px}

/* Cart */
.woocommerce-cart table.cart{border:5px solid var(--ys-black)}
.woocommerce-cart table.cart th{background:var(--ys-black);color:var(--ys-yellow);font-family:var(--ys-font-head);font-weight:900;text-transform:uppercase;letter-spacing:2px}
.woocommerce-cart .checkout-button,.woocommerce-cart .wc-proceed-to-checkout a{background:var(--ys-black)!important;color:var(--ys-yellow)!important;border-radius:0!important;font-family:var(--ys-font-head);font-weight:900;letter-spacing:2px;border:var(--ys-border) solid var(--ys-black)}

/* Checkout */
.woocommerce-checkout #payment{border:5px solid var(--ys-black);border-radius:0}
.woocommerce-checkout #place_order{background:var(--ys-black)!important;color:var(--ys-yellow)!important;border-radius:0!important;font-family:var(--ys-font-head);font-weight:900;letter-spacing:2px;padding:16px 32px;font-size:14px;border:var(--ys-border) solid var(--ys-black)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{border:var(--ys-border) solid var(--ys-black);border-radius:0;padding:12px;font-family:var(--ys-font-body)}
.woocommerce form .form-row label{font-family:var(--ys-font-head);font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:1px}

/* My Account */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a{display:block;padding:12px 16px;border:var(--ys-border) solid var(--ys-black);margin-bottom:-3px;font-family:var(--ys-font-head);font-weight:700;font-size:13px;text-transform:uppercase;transition:all .15s}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover{background:var(--ys-black);color:var(--ys-yellow)}

/* Search */
.ys-search-overlay{position:fixed;inset:0;background:rgba(10,10,10,.85);z-index:2000;display:none;align-items:flex-start;justify-content:center;padding-top:120px}
.ys-search-overlay.active{display:flex}
.ys-search-box{background:var(--ys-white);border:5px solid var(--ys-black);padding:24px;width:90%;max-width:600px}
.ys-search-box input{width:100%;padding:16px;border:var(--ys-border) solid var(--ys-black);font-family:var(--ys-font-body);font-size:16px;outline:none}
.ys-search-box .ys-search-close{background:var(--ys-black);color:var(--ys-yellow);border:none;font-family:var(--ys-font-head);font-weight:900;padding:12px 24px;cursor:pointer;font-size:13px;margin-top:12px;letter-spacing:2px}

/* Responsive global */
@media(max-width:480px){
  .ys-section{padding:32px 12px}
  .ys-btn{font-size:11px;padding:10px 20px}
}

/* === SHOP CATEGORY TABS === */
.ys-shop-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px;padding-bottom:24px;border-bottom:5px solid var(--ys-black)}
.ys-shop-tab{display:inline-flex;align-items:center;gap:8px;font-family:var(--ys-font-head);font-weight:900;font-size:13px;text-transform:uppercase;letter-spacing:2px;padding:12px 20px;border:3px solid var(--ys-black);background:var(--ys-white);color:var(--ys-black);cursor:pointer;transition:all .15s;text-decoration:none}
.ys-shop-tab:hover,.ys-shop-tab.active{background:var(--ys-black);color:var(--ys-yellow)}
.ys-shop-tab-emoji{font-size:18px;line-height:1}
@media(max-width:768px){
  .ys-shop-tabs{gap:6px;margin-bottom:20px;padding-bottom:16px;border-bottom-width:3px}
  .ys-shop-tab{font-size:11px;padding:10px 12px;gap:5px;letter-spacing:1px}
  .ys-shop-tab-emoji{font-size:15px}
}
@media(max-width:480px){
  .ys-shop-tabs{display:grid;grid-template-columns:1fr 1fr}
  .ys-shop-tab{justify-content:center}
}

/* === BLOCK EDITOR (GUTENBERG) STYLES === */
/* Ensure block editor content inherits theme fonts */
.entry-content,.wp-block-group,.wp-block-columns{font-family:var(--ys-font-body)}
.entry-content h1,.entry-content h2,.entry-content h3,
.entry-content h4,.entry-content h5,.entry-content h6{font-family:var(--ys-font-head);font-weight:900;text-transform:uppercase}
/* Wide & full alignment */
.wp-block-group.alignwide,.wp-block-columns.alignwide{max-width:1200px;margin-left:auto;margin-right:auto}
.wp-block-group.alignfull,.wp-block-cover.alignfull{margin-left:calc(-1 * var(--wp--style--global--content-size,0px));margin-right:calc(-1 * var(--wp--style--global--content-size,0px))}
/* Block editor color palette */
.has-ys-yellow-color{color:#FFCC00}
.has-ys-blue-color{color:#0055FF}
.has-ys-black-color{color:#0A0A0A}
.has-ys-white-color{color:#FFFFFF}
.has-ys-red-color{color:#FF3333}
.has-ys-yellow-background-color{background-color:#FFCC00}
.has-ys-blue-background-color{background-color:#0055FF}
.has-ys-black-background-color{background-color:#0A0A0A}
.has-ys-white-background-color{background-color:#FFFFFF}
/* Buttons in block editor */
.wp-block-button__link{font-family:var(--ys-font-head);font-weight:900;letter-spacing:2px;text-transform:uppercase;border-radius:0!important;border:3px solid var(--ys-black)}
/* Editable area widget wrapper */
.ys-editable-area .entry-content,.ys-editable-area .wp-block-group{padding:0}


/* === BREADCRUMBS === */
.ys-breadcrumbs{background:var(--ys-white);border-bottom:3px solid var(--ys-black);padding:12px 24px}
.ys-breadcrumbs-inner{max-width:1200px;margin:0 auto}
.ys-breadcrumb-nav{font-family:var(--ys-font-body);font-size:13px;color:#666}
.ys-breadcrumb-nav a{color:var(--ys-black);font-weight:700;transition:color .15s}
.ys-breadcrumb-nav a:hover{color:var(--ys-blue)}
.ys-breadcrumb-sep{margin:0 8px;color:#ccc;font-weight:400}
@media(max-width:768px){
  .ys-breadcrumbs{padding:10px 12px}
  .ys-breadcrumb-nav{font-size:12px}
  .ys-breadcrumb-sep{margin:0 5px}
}

/* === CART PAGE LAYOUT OPTIMIZATION === */
.woocommerce-cart .woocommerce{max-width:1200px;margin:0 auto;padding:32px 24px}
.woocommerce-cart table.cart{width:100%;border-collapse:collapse;border:3px solid var(--ys-black)}
.woocommerce-cart table.cart td{padding:16px 12px;border-bottom:2px solid #eee;vertical-align:middle}
.woocommerce-cart table.cart th{padding:12px;font-size:12px;letter-spacing:2px}
.woocommerce-cart table.cart td.product-thumbnail{width:100px;padding:10px}
.woocommerce-cart table.cart td.product-thumbnail img{width:80px;height:80px;object-fit:cover;border:2px solid var(--ys-black)}
.woocommerce-cart table.cart td.product-name{font-family:var(--ys-font-head);font-weight:700;font-size:14px}
.woocommerce-cart table.cart td.product-name a{color:var(--ys-black);transition:color .15s}
.woocommerce-cart table.cart td.product-name a:hover{color:var(--ys-blue)}
.woocommerce-cart table.cart td.product-price,
.woocommerce-cart table.cart td.product-subtotal{font-family:var(--ys-font-head);font-weight:900;font-size:15px}
.woocommerce-cart table.cart td.product-quantity .qty{width:60px;text-align:center;padding:8px;border:2px solid var(--ys-black);border-radius:0;font-family:var(--ys-font-head);font-weight:700;font-size:14px}
.woocommerce-cart table.cart td.product-remove a{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:2px solid var(--ys-black);background:var(--ys-white);font-size:16px;font-weight:900;color:var(--ys-red);transition:all .15s}
.woocommerce-cart table.cart td.product-remove a:hover{background:var(--ys-red);color:var(--ys-white)}

/* Cart totals */
.woocommerce-cart .cart_totals{max-width:420px;margin-left:auto;margin-top:32px}
.woocommerce-cart .cart_totals h2{font-family:var(--ys-font-head);font-weight:900;font-size:22px;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;border-left:6px solid var(--ys-yellow);padding-left:12px}
.woocommerce-cart .cart_totals table{width:100%;border:3px solid var(--ys-black);border-collapse:collapse}
.woocommerce-cart .cart_totals table th{background:var(--ys-black);color:var(--ys-yellow);font-family:var(--ys-font-head);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1px;padding:12px 16px;text-align:left;width:40%}
.woocommerce-cart .cart_totals table td{padding:12px 16px;font-family:var(--ys-font-head);font-weight:700;font-size:15px;border-bottom:2px solid #eee}
.woocommerce-cart .cart_totals .order-total td{font-size:20px;font-weight:900;color:var(--ys-blue)}
.woocommerce-cart .cart_totals .wc-proceed-to-checkout{margin-top:16px}
.woocommerce-cart .cart_totals .wc-proceed-to-checkout a{display:block;text-align:center;padding:16px 24px;font-size:14px;transition:all .15s}
.woocommerce-cart .cart_totals .wc-proceed-to-checkout a:hover{background:var(--ys-blue)!important;color:var(--ys-white)!important}

/* Coupon row */
.woocommerce-cart table.cart td.actions{padding:16px 12px;border-top:3px solid var(--ys-black)}
.woocommerce-cart table.cart td.actions .coupon{display:inline-flex;gap:8px;align-items:center}
.woocommerce-cart table.cart td.actions .coupon #coupon_code{border:2px solid var(--ys-black);border-radius:0;padding:10px 12px;font-family:var(--ys-font-body);font-size:13px;width:160px}
.woocommerce-cart table.cart td.actions .coupon .button{background:var(--ys-yellow);color:var(--ys-black);border:2px solid var(--ys-black);border-radius:0;font-family:var(--ys-font-head);font-weight:900;font-size:11px;letter-spacing:1px;padding:10px 16px;cursor:pointer;transition:all .15s}
.woocommerce-cart table.cart td.actions .coupon .button:hover{background:var(--ys-black);color:var(--ys-yellow)}
.woocommerce-cart table.cart td.actions button[name="update_cart"]{float:right;background:var(--ys-white);border:2px solid var(--ys-black);border-radius:0;font-family:var(--ys-font-head);font-weight:700;font-size:11px;letter-spacing:1px;padding:10px 16px;cursor:pointer;transition:all .15s}
.woocommerce-cart table.cart td.actions button[name="update_cart"]:hover{background:var(--ys-black);color:var(--ys-yellow)}

/* Cart mobile */
@media(max-width:768px){
  .woocommerce-cart .woocommerce{padding:16px 12px}
  .woocommerce-cart table.cart,
  .woocommerce-cart table.cart thead,
  .woocommerce-cart table.cart tbody,
  .woocommerce-cart table.cart tr,
  .woocommerce-cart table.cart td{display:block;width:100%}
  .woocommerce-cart table.cart thead{display:none}
  .woocommerce-cart table.cart tr{border:3px solid var(--ys-black);margin-bottom:12px;padding:12px;position:relative;background:var(--ys-white)}
  .woocommerce-cart table.cart td{border:none;padding:4px 0;text-align:left}
  .woocommerce-cart table.cart td.product-thumbnail{width:auto;padding:0 0 8px 0}
  .woocommerce-cart table.cart td.product-thumbnail img{width:70px;height:70px}
  .woocommerce-cart table.cart td.product-name{font-size:14px;padding-bottom:6px}
  .woocommerce-cart table.cart td.product-price::before{content:"Price: ";font-size:11px;color:#666;text-transform:uppercase;letter-spacing:1px}
  .woocommerce-cart table.cart td.product-subtotal::before{content:"Subtotal: ";font-size:11px;color:#666;text-transform:uppercase;letter-spacing:1px}
  .woocommerce-cart table.cart td.product-quantity::before{content:"Qty: ";font-size:11px;color:#666;text-transform:uppercase;letter-spacing:1px}
  .woocommerce-cart table.cart td.product-remove{position:absolute;top:8px;right:8px;padding:0}
  .woocommerce-cart table.cart td.product-remove a{width:24px;height:24px;font-size:14px}
  .woocommerce-cart table.cart td.actions{border-top:none;padding:0;margin-top:8px}
  .woocommerce-cart table.cart td.actions .coupon{display:flex;flex-wrap:wrap;gap:6px}
  .woocommerce-cart table.cart td.actions .coupon #coupon_code{width:100%;flex:1}
  .woocommerce-cart table.cart td.actions button[name="update_cart"]{float:none;width:100%;margin-top:8px}
  .woocommerce-cart .cart_totals{max-width:100%;margin-top:20px}
  .woocommerce-cart .cart_totals h2{font-size:18px}
}

/* === CHECKOUT PAGE LAYOUT OPTIMIZATION === */
.woocommerce-checkout .woocommerce{max-width:1200px;margin:0 auto;padding:32px 24px}
.woocommerce-checkout .col2-set{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:32px}
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2{padding:0}
.woocommerce-checkout h3{font-family:var(--ys-font-head);font-weight:900;font-size:18px;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;border-left:6px solid var(--ys-yellow);padding-left:12px}
.woocommerce-checkout .form-row{margin-bottom:16px}
.woocommerce-checkout .form-row label{margin-bottom:6px;display:block}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select{width:100%;padding:12px;border:2px solid var(--ys-black);border-radius:0;font-family:var(--ys-font-body);font-size:14px;background:var(--ys-white);-webkit-appearance:none}
.woocommerce-checkout .form-row select{padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%230A0A0A' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}

/* Order review table */
.woocommerce-checkout #order_review_heading{font-family:var(--ys-font-head);font-weight:900;font-size:22px;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;border-left:6px solid var(--ys-yellow);padding-left:12px}
.woocommerce-checkout table.woocommerce-checkout-review-order-table{width:100%;border:3px solid var(--ys-black);border-collapse:collapse;margin-bottom:24px}
.woocommerce-checkout table.woocommerce-checkout-review-order-table thead th{background:var(--ys-black);color:var(--ys-yellow);font-family:var(--ys-font-head);font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:2px;padding:12px 16px}
.woocommerce-checkout table.woocommerce-checkout-review-order-table td,
.woocommerce-checkout table.woocommerce-checkout-review-order-table th{padding:12px 16px;border-bottom:2px solid #eee;font-size:14px}
.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-name{font-family:var(--ys-font-head);font-weight:700;font-size:13px}
.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-total{font-family:var(--ys-font-head);font-weight:900;font-size:14px;text-align:right}
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot th{text-align:left;font-family:var(--ys-font-head);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:1px;background:var(--ys-white)}
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot td{text-align:right;font-family:var(--ys-font-head);font-weight:900;font-size:15px}
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total th,
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total td{border-top:3px solid var(--ys-black);font-size:18px;padding:16px}
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total td{color:var(--ys-blue);font-size:20px}

/* Payment box */
.woocommerce-checkout #payment{background:var(--ys-white);border:3px solid var(--ys-black);border-radius:0;padding:24px}
.woocommerce-checkout #payment .payment_methods{list-style:none;padding:0;margin:0 0 16px}
.woocommerce-checkout #payment .payment_methods li{padding:12px 0;border-bottom:2px solid #eee}
.woocommerce-checkout #payment .payment_methods li label{font-family:var(--ys-font-head);font-weight:700;font-size:14px;cursor:pointer}
.woocommerce-checkout #payment .place-order{padding-top:16px}
.woocommerce-checkout #place_order{width:100%;padding:18px 32px;font-size:15px;transition:all .15s}
.woocommerce-checkout #place_order:hover{background:var(--ys-blue)!important;color:var(--ys-white)!important}

/* Privacy text */
.woocommerce-checkout .woocommerce-privacy-policy-text{font-size:12px;color:#666;line-height:1.5;margin-bottom:16px}
.woocommerce-checkout .woocommerce-privacy-policy-text a{color:var(--ys-blue);font-weight:700}

/* Checkout mobile */
@media(max-width:768px){
  .woocommerce-checkout .woocommerce{padding:16px 12px}
  .woocommerce-checkout .col2-set{grid-template-columns:1fr;gap:24px}
  .woocommerce-checkout h3{font-size:16px}
  .woocommerce-checkout #order_review_heading{font-size:18px}
  .woocommerce-checkout table.woocommerce-checkout-review-order-table td,
  .woocommerce-checkout table.woocommerce-checkout-review-order-table th{padding:10px 12px;font-size:13px}
  .woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-name{font-size:12px}
  .woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total td{font-size:18px}
  .woocommerce-checkout #payment{padding:16px}
  .woocommerce-checkout #place_order{padding:16px 24px;font-size:14px}
  .woocommerce-checkout .form-row input.input-text,
  .woocommerce-checkout .form-row textarea,
  .woocommerce-checkout .form-row select{padding:10px;font-size:14px}
}
@media(max-width:480px){
  .woocommerce-checkout table.woocommerce-checkout-review-order-table{font-size:12px}
  .woocommerce-checkout table.woocommerce-checkout-review-order-table thead th{font-size:10px;padding:10px 8px;letter-spacing:1px}
  .woocommerce-checkout table.woocommerce-checkout-review-order-table td{padding:8px}
  .woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total td{font-size:16px}
}

/* === PRODUCT GALLERY: Thumbnails Horizontal Below Main Image === */
.woocommerce div.product div.images{display:flex;flex-direction:column;gap:12px}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper{order:1}
.woocommerce div.product div.images .flex-control-thumbs,
.woocommerce div.product div.images ol.flex-control-thumbs,
.woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder ~ ol{
  order:2;display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0
}
.woocommerce div.product div.images .flex-control-thumbs li{
  width:80px!important;height:80px!important;flex:0 0 80px;overflow:hidden;border:3px solid var(--ys-black);cursor:pointer;transition:all .15s
}
.woocommerce div.product div.images .flex-control-thumbs li img{
  width:100%!important;height:100%!important;object-fit:cover;display:block
}
.woocommerce div.product div.images .flex-control-thumbs li:hover,
.woocommerce div.product div.images .flex-control-thumbs li .flex-active{
  border-color:var(--ys-blue)
}
/* Ensure main product image fits well */
.woocommerce div.product div.images .woocommerce-product-gallery__image img{
  width:100%;max-height:500px;object-fit:contain;border:3px solid var(--ys-black);background:#f9f9f9
}
@media(max-width:768px){
  .woocommerce div.product div.images .flex-control-thumbs li{width:60px!important;height:60px!important;flex:0 0 60px}
  .woocommerce div.product div.images .woocommerce-product-gallery__image img{max-height:350px}
}

/* === PRODUCT RATING SUMMARY (in product summary area) === */
.ys-product-rating-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0;padding:14px 0;border-top:2px solid #eee;border-bottom:2px solid #eee}
.ys-stars-display{display:flex;gap:2px}
.ys-star{font-size:22px;line-height:1}
.ys-star.filled{color:#FFB800}
.ys-star.half{color:#FFB800;opacity:.7}
.ys-star.empty{color:#ddd}
.ys-rating-number{font-family:var(--ys-font-head);font-weight:900;font-size:16px;color:var(--ys-black)}
.ys-review-count{font-family:var(--ys-font-body);font-size:13px;color:#888}
.ys-write-review-link{font-family:var(--ys-font-head);font-weight:700;font-size:12px;color:var(--ys-blue);text-decoration:underline;letter-spacing:1px;text-transform:uppercase;margin-left:auto}
.ys-write-review-link:hover{color:var(--ys-black)}

/* === REVIEW TAB STYLES === */
.woocommerce #reviews{padding:32px 0}
.woocommerce #reviews #comments{margin-bottom:32px}
.woocommerce #reviews #comments h2{font-family:var(--ys-font-head);font-size:22px;font-weight:900;text-transform:uppercase;letter-spacing:2px;border-left:6px solid var(--ys-yellow);padding-left:12px;margin-bottom:24px}
.woocommerce #reviews #comments ol.commentlist{list-style:none;padding:0;margin:0}
.woocommerce #reviews #comments ol.commentlist li{border:3px solid var(--ys-black);padding:20px;margin-bottom:12px;background:var(--ys-white)}
.woocommerce #reviews #comments ol.commentlist li .comment-text{margin:0}
.woocommerce #reviews #comments ol.commentlist li .meta{font-family:var(--ys-font-head);font-weight:700;font-size:13px;margin-bottom:8px}
.woocommerce #reviews #comments ol.commentlist li .star-rating{color:#FFB800;font-size:14px;margin-bottom:8px}
.woocommerce #reviews #comments ol.commentlist li .description p{font-size:14px;line-height:1.6;color:#444}
.woocommerce #reviews #comments ol.commentlist li img.avatar{width:48px;height:48px;border:2px solid var(--ys-black);border-radius:0;float:left;margin-right:16px}

/* Review form */
.woocommerce #review_form_wrapper{border:3px solid var(--ys-black);padding:24px;background:var(--ys-white)}
.woocommerce #review_form .comment-reply-title{font-family:var(--ys-font-head);font-weight:900;font-size:18px;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px}
.woocommerce #review_form .comment-form label{font-family:var(--ys-font-head);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:4px}
.woocommerce #review_form .comment-form input[type="text"],
.woocommerce #review_form .comment-form input[type="email"],
.woocommerce #review_form .comment-form textarea{width:100%;border:2px solid var(--ys-black);border-radius:0;padding:12px;font-family:var(--ys-font-body);font-size:14px;margin-bottom:12px}
.woocommerce #review_form .comment-form textarea{min-height:120px;resize:vertical}
.woocommerce #review_form .comment-form .form-submit input[type="submit"]{background:var(--ys-black);color:var(--ys-yellow);border:3px solid var(--ys-black);border-radius:0;font-family:var(--ys-font-head);font-weight:900;font-size:13px;letter-spacing:2px;text-transform:uppercase;padding:14px 32px;cursor:pointer;transition:all .15s}
.woocommerce #review_form .comment-form .form-submit input[type="submit"]:hover{background:var(--ys-blue);border-color:var(--ys-blue);color:var(--ys-white)}

/* Star rating selector in review form */
.woocommerce #review_form .comment-form .stars{margin-bottom:12px}
.woocommerce #review_form .comment-form .stars a{font-size:24px;color:#ddd;text-decoration:none;transition:color .15s}
.woocommerce #review_form .comment-form .stars a:hover,
.woocommerce #review_form .comment-form .stars a.active{color:#FFB800}
.woocommerce #review_form .comment-form .stars span a{color:#FFB800}
.woocommerce #review_form .comment-form p.stars selected a{color:#FFB800}

/* No reviews yet */
.woocommerce #reviews .woocommerce-noreviews{font-family:var(--ys-font-body);font-size:14px;color:#888;padding:24px;border:2px dashed #ddd;text-align:center}

/* Review mobile */
@media(max-width:768px){
  .ys-product-rating-summary{gap:8px;padding:12px 0}
  .ys-star{font-size:18px}
  .ys-rating-number{font-size:14px}
  .ys-write-review-link{margin-left:0;width:100%;text-align:center;margin-top:6px}
  .woocommerce #review_form_wrapper{padding:16px}
  .woocommerce #reviews #comments ol.commentlist li{padding:14px}
  .woocommerce #reviews #comments ol.commentlist li img.avatar{width:36px;height:36px;margin-right:10px}
}

/* ============================================
   ENHANCED PRODUCT PAGE LAYOUT (3-column style)
   ============================================ */
/* Product page: image left, info center, price/cart right */
.woocommerce div.product{
  display:grid;
  grid-template-columns:420px 1fr 320px;
  gap:0 32px;
  align-items:start;
  max-width:1200px;
  margin:0 auto;
  padding:32px 24px;
}
.woocommerce div.product div.images{
  grid-column:1;
  grid-row:1/3;
  border:3px solid var(--ys-black);
  position:sticky;
  top:100px;
}
.woocommerce div.product .summary.entry-summary{
  grid-column:2;
}
/* Move price/cart/variations into a sidebar card look */
.woocommerce div.product .summary .price{
  font-size:24px!important;
  color:var(--ys-blue)!important;
}
/* Tabs & related products span full width below */
.woocommerce div.product .woocommerce-tabs,
.woocommerce div.product .related.products,
.woocommerce div.product .up-sells{
  grid-column:1/-1;
}

/* --- Product page tablet --- */
@media(max-width:1024px){
  .woocommerce div.product{
    grid-template-columns:1fr 1fr;
    gap:0 24px;
  }
  .woocommerce div.product div.images{
    grid-column:1;
    position:static;
  }
  .woocommerce div.product .summary.entry-summary{
    grid-column:2;
  }
}

/* --- Product page mobile --- */
@media(max-width:768px){
  .woocommerce div.product{
    display:flex;
    flex-direction:column;
    gap:16px;
    padding:16px 12px;
  }
  .woocommerce div.product div.images{
    border-width:2px;
  }
  .woocommerce div.product .summary .price{
    font-size:20px!important;
  }
}

/* ============================================
   ENHANCED REVIEWS SECTION (matching screenshot)
   ============================================ */
/* Reviews container: rating summary left, form right */
.woocommerce #reviews{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px;
  padding:40px 0;
}
.woocommerce #reviews #comments{
  grid-column:1/-1;
  order:3;
}
.woocommerce #reviews .woocommerce-Reviews-title,
.woocommerce #reviews > h2:first-child{
  grid-column:1/-1;
  order:0;
}

/* Rating breakdown (bars) */
.woocommerce #reviews .woocommerce-review-rating-summary{
  order:1;
}
.woocommerce #review_form_wrapper{
  order:2;
  border:2px solid #333;
  padding:24px;
  background:transparent;
}

/* Average rating big number */
.woocommerce #reviews .woocommerce-review-rating-summary .average-rating-number{
  font-family:var(--ys-font-head);
  font-weight:900;
  font-size:64px;
  text-align:center;
  line-height:1;
  margin-bottom:8px;
}
.woocommerce #reviews .woocommerce-review-rating-summary .average-stars{
  text-align:center;
  color:#FFB800;
  font-size:24px;
  margin-bottom:4px;
}
.woocommerce #reviews .woocommerce-review-rating-summary .review-count-text{
  text-align:center;
  font-family:var(--ys-font-body);
  font-size:14px;
  color:#888;
  margin-bottom:20px;
}

/* Star bars */
.ys-rating-bars{margin-top:16px}
.ys-rating-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.ys-rating-bar-row .bar-stars{font-size:14px;color:#FFB800;white-space:nowrap;min-width:90px}
.ys-rating-bar-row .bar-track{flex:1;height:14px;background:#444;border-radius:2px;overflow:hidden}
.ys-rating-bar-row .bar-fill{height:100%;background:var(--ys-blue);border-radius:2px;transition:width .3s}
.ys-rating-bar-row .bar-count{font-family:var(--ys-font-head);font-weight:700;font-size:13px;min-width:20px;text-align:right}

/* Review form heading */
.woocommerce #review_form .comment-reply-title{
  font-family:var(--ys-font-head);
  font-weight:900;
  font-size:20px;
  text-transform:uppercase;
  letter-spacing:2px;
  margin-bottom:20px;
}

/* Reviews mobile */
@media(max-width:768px){
  .woocommerce #reviews{
    grid-template-columns:1fr;
    gap:20px;
    padding:24px 0;
  }
  .woocommerce #review_form_wrapper{
    padding:16px;
  }
  .woocommerce #reviews .woocommerce-review-rating-summary .average-rating-number{
    font-size:48px;
  }
  .ys-rating-bar-row .bar-stars{font-size:12px;min-width:70px}
}

/* Comment list refinement */
.woocommerce #reviews #comments ol.commentlist li{
  border:2px solid #333;
  border-radius:0;
  padding:20px;
  margin-bottom:12px;
  background:transparent;
}
.woocommerce #reviews #comments ol.commentlist li .meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.woocommerce #reviews #comments ol.commentlist li .meta strong{
  font-family:var(--ys-font-head);
  font-weight:900;
}
.woocommerce #reviews #comments ol.commentlist li .meta time{
  font-size:13px;
  color:#888;
}

/* ============================================
   CART PAGE - COMPACT REFINED LAYOUT
   ============================================ */
/* Override: smaller cart table */
.woocommerce-cart table.cart{
  border:2px solid var(--ys-black)!important;
  font-size:14px;
}
.woocommerce-cart table.cart th{
  padding:10px 12px!important;
  font-size:11px!important;
  letter-spacing:1.5px!important;
}
.woocommerce-cart table.cart td{
  padding:12px 10px!important;
  border-bottom:1px solid #333!important;
}
.woocommerce-cart table.cart td.product-thumbnail{
  width:80px!important;
  padding:8px!important;
}
.woocommerce-cart table.cart td.product-thumbnail img{
  width:64px!important;
  height:64px!important;
  object-fit:cover;
  border:2px solid var(--ys-black);
}
.woocommerce-cart table.cart td.product-name{
  font-size:13px!important;
}
.woocommerce-cart table.cart td.product-price,
.woocommerce-cart table.cart td.product-subtotal{
  font-size:14px!important;
}
.woocommerce-cart table.cart td.product-quantity .qty{
  width:50px!important;
  padding:6px!important;
  font-size:13px!important;
}
.woocommerce-cart table.cart td.product-remove a{
  width:24px!important;
  height:24px!important;
  font-size:14px!important;
}

/* Cart page 2-column: table left, totals right */
.woocommerce-cart .woocommerce{
  display:grid;
  grid-template-columns:1fr 360px;
  gap:32px;
  align-items:start;
}
.woocommerce-cart .woocommerce > .woocommerce-notices-wrapper{
  grid-column:1/-1;
}
.woocommerce-cart .cart_totals{
  margin-top:0!important;
  max-width:100%!important;
  margin-left:0!important;
  position:sticky;
  top:100px;
}
.woocommerce-cart .cart_totals table{
  border:2px solid var(--ys-black)!important;
}
.woocommerce-cart .cart_totals table th{
  font-size:11px!important;
  padding:10px 14px!important;
}
.woocommerce-cart .cart_totals table td{
  padding:10px 14px!important;
  font-size:14px!important;
}
.woocommerce-cart .cart_totals .order-total td{
  font-size:18px!important;
}
.woocommerce-cart .cart_totals h2{
  font-size:18px!important;
}

/* Cart actions row compact */
.woocommerce-cart table.cart td.actions{
  padding:10px!important;
}
.woocommerce-cart table.cart td.actions .coupon #coupon_code{
  width:130px!important;
  padding:8px 10px!important;
  font-size:12px!important;
}
.woocommerce-cart table.cart td.actions .coupon .button{
  padding:8px 12px!important;
  font-size:10px!important;
}
.woocommerce-cart table.cart td.actions button[name="update_cart"]{
  padding:8px 12px!important;
  font-size:10px!important;
}

/* Cart mobile override */
@media(max-width:768px){
  .woocommerce-cart .woocommerce{
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
    padding:12px!important;
  }
  .woocommerce-cart table.cart{
    border-width:2px!important;
  }
  .woocommerce-cart table.cart tr{
    border-width:2px!important;
    padding:10px!important;
    margin-bottom:8px!important;
  }
  .woocommerce-cart table.cart td.product-thumbnail img{
    width:56px!important;
    height:56px!important;
  }
  .woocommerce-cart table.cart td.product-name{
    font-size:12px!important;
  }
  .woocommerce-cart .cart_totals{
    position:static;
  }
}

/* ============================================
   CHECKOUT PAGE - PRICE TABLE REFINED
   ============================================ */
/* Tighter checkout review table */
.woocommerce-checkout table.woocommerce-checkout-review-order-table{
  border:2px solid var(--ys-black)!important;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table thead th{
  padding:10px 14px!important;
  font-size:11px!important;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table td,
.woocommerce-checkout table.woocommerce-checkout-review-order-table th{
  padding:10px 14px!important;
  font-size:13px!important;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-name{
  font-size:13px!important;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot th{
  background:transparent!important;
  color:inherit!important;
  font-size:12px!important;
  text-transform:uppercase;
  letter-spacing:1px;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot td{
  font-size:14px!important;
  text-align:right;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total th,
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total td{
  border-top:2px solid var(--ys-black)!important;
  padding:14px!important;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total td{
  font-size:20px!important;
  color:var(--ys-blue)!important;
  font-weight:900;
}

/* Checkout payment box tighter */
.woocommerce-checkout #payment{
  border:2px solid var(--ys-black)!important;
  padding:20px!important;
}

/* Checkout mobile price refinement */
@media(max-width:768px){
  .woocommerce-checkout table.woocommerce-checkout-review-order-table td,
  .woocommerce-checkout table.woocommerce-checkout-review-order-table th{
    padding:8px 10px!important;
    font-size:12px!important;
  }
  .woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total td{
    font-size:16px!important;
  }
  .woocommerce-checkout #payment{
    padding:14px!important;
  }
}
@media(max-width:480px){
  .woocommerce-checkout table.woocommerce-checkout-review-order-table td,
  .woocommerce-checkout table.woocommerce-checkout-review-order-table th{
    padding:6px 8px!important;
    font-size:11px!important;
  }
  .woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot .order-total td{
    font-size:15px!important;
  }
}

/* ============================================
   FIX: Sticky announce bar + nav (desktop only)
   ============================================ */
@media(min-width:769px){
  .ys-announce{
    position:sticky;
    top:0;
    z-index:1001;
  }
  .ys-nav{
    position:sticky;
    top:34px;
    z-index:1000;
  }
  .admin-bar .ys-announce{top:32px}
  .admin-bar .ys-nav{top:66px}
  .admin-bar .woocommerce div.product .ys-product-rating-summary{top:172px}
  .woocommerce div.product div.images{top:120px}
  .woocommerce-cart .cart_totals{top:120px}
}

/* ============================================
   Product page: rating in 3rd column (desktop only)
   ============================================ */
@media(min-width:769px){
  .woocommerce div.product .ys-product-rating-summary{
    position:fixed;
    top:140px;
    right:40px;
    width:260px;
    z-index:100;
    border:3px solid var(--ys-black);
    padding:20px;
  }
  .woocommerce div.product .ys-product-rating-summary .ys-stars-display{
    display:flex;
    gap:2px;
    margin-bottom:8px;
  }
  .woocommerce div.product .ys-product-rating-summary .ys-star{
    font-size:22px;
  }
  .woocommerce div.product .ys-product-rating-summary .ys-rating-number{
    font-family:var(--ys-font-head);
    font-weight:900;
    font-size:36px;
    display:block;
    margin-bottom:4px;
  }
  .woocommerce div.product .ys-product-rating-summary .ys-review-count{
    display:block;
    font-size:13px;
    color:#888;
    margin-bottom:12px;
  }
  .woocommerce div.product .ys-product-rating-summary .ys-write-review-link{
    display:inline-block;
    background:var(--ys-black);
    color:var(--ys-yellow);
    padding:10px 20px;
    font-family:var(--ys-font-head);
    font-weight:900;
    font-size:12px;
    letter-spacing:1px;
    text-transform:uppercase;
    border:2px solid var(--ys-black);
    margin-top:8px;
  }
  .woocommerce div.product .ys-product-rating-summary .ys-write-review-link:hover{
    background:var(--ys-blue);
    border-color:var(--ys-blue);
    color:var(--ys-white);
  }

  /* Reduce whitespace: tabs */
  .woocommerce div.product .woocommerce-tabs{
    margin-top:0;
    padding-top:24px;
    border-top:3px solid var(--ys-black);
  }
  .woocommerce #reviews{
    padding:24px 0;
    gap:24px;
  }
}