/* JuliDecals – Custom WooCommerce Overrides
   Зарежда се след demo37.min.css
   ─────────────────────────────────────────── */

/* FontAwesome font-display override — all.min.css използва "auto", което може
   да причини FOIT (invisible text) докато шрифтът зарежда */
@font-face { font-family: "Font Awesome 5 Free";   font-style: normal; font-weight: 400; font-display: swap; src: url('../vendor/fontawesome-free/webfonts/fa-regular-400.woff2') format('woff2'); }
@font-face { font-family: "Font Awesome 5 Free";   font-style: normal; font-weight: 900; font-display: swap; src: url('../vendor/fontawesome-free/webfonts/fa-solid-900.woff2')   format('woff2'); }
@font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: 400; font-display: swap; src: url('../vendor/fontawesome-free/webfonts/fa-brands-400.woff2')  format('woff2'); }

/* ── Currency Switcher (WOOCS) ─────────────────────────────────────────── */
.jd-currency-switcher {
    display: flex;
    align-items: center;
}

/* Strip the outer WOOCS widget box */
.jd-currency-switcher .woocs_selector,
.jd-currency-switcher .woocs_payment_methods_selector_wrap {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: 0 !important;
    width: auto !important;
}

/* Hide flag, description, and any extra elements */
.jd-currency-switcher .woocs_selector img,
.jd-currency-switcher .woocs_selector .woocs_flag,
.jd-currency-switcher .woocs_selector .woocs_ descended,
.jd-currency-switcher .woocs_selector .woocs_description,
.jd-currency-switcher .woocs_selector .woocs_arrow {
    display: none !important;
}

/* Style the select itself to match header links */
.jd-currency-switcher select,
.jd-currency-switcher select.woocs_payment_methods_selector {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #777 !important;
    font-size: 1.2rem !important;
    font-family: inherit !important;
    font-weight: 400 !important;
    cursor: pointer !important;
    padding: 0 1.4rem 0 0 !important;
    outline: none !important;
    appearance: auto;
    -webkit-appearance: auto;
    line-height: 1;
}

/* Скрий header currency switcher на мобилен — показва се в mobile menu */
@media (max-width: 767px) {
    .header-top .jd-currency-switcher { display: none !important; }
}
.header-top {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

/* Currency switcher в mobile menu */
.mobile-currency-switcher {
    padding: 1rem 0 0.5rem;
    border-top: 1px solid rgba(255,255,255,0.1);
    margin-top: 0.5rem;
    margin-left: 1.5rem;
}
.mobile-currency-switcher select {
    background: transparent !important;
    border: 1px solid rgba(255,255,255,0.3) !important;
    border-radius: 3px !important;
    color: #fff !important;
    font-size: 1.3rem !important;
    padding: 0.5rem 1rem !important;
    cursor: pointer !important;
    width: 100% !important;
    outline: none !important;
}
.mobile-currency-switcher .woocs_selector,
.mobile-currency-switcher .woocs_payment_methods_selector_wrap {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}
.mobile-currency-switcher .woocs_selector img,
.mobile-currency-switcher .woocs_selector .woocs_flag,
.mobile-currency-switcher .woocs_selector .woocs_description,
.mobile-currency-switcher .woocs_selector .woocs_arrow {
    display: none !important;
}

/* Mobile off-canvas menu */
.mobile-menu > li > a {
    font-size: 1.5rem;
}

.mobile-menu li ul li a {
    font-size: 1.5rem;
}

/* WooCommerce breadcrumb */
.woocommerce-breadcrumb {
    font-size: 1.3rem;
    padding: 1rem 0;
}
.woocommerce-breadcrumb a {
    color: inherit;
}

/* Product grid на shop страница */
.woocommerce ul.products li.product {
    margin-bottom: 2rem;
}

/* Бутон добавяне в кошница */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background-color: #FF7108;
    color: #fff;
    border-radius: 0;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    padding: .8rem 2rem;
    font-size: 1.2rem;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: #b8872a;
    color: #fff;
}

/* Sale badge */
.woocommerce span.onsale {
    background-color: #FF7108;
    border-radius: 0;
    min-height: auto;
    min-width: auto;
    padding: .3rem .6rem;
    font-size: 1rem;
    line-height: 1;
}

/* Ratings */
.woocommerce .star-rating span::before {
    color: #FF7108;
}

/* Cart page */
.woocommerce table.cart td.actions .coupon .input-text {
    height: 4.6rem;
}

/* Checkout */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    border-radius: 0;
    border: 1px solid #ddd;
    padding: .8rem 1.2rem;
    font-size: 1.3rem;
}

/* Single product */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-size: 1.3rem;
    font-weight: 600;
    text-transform: uppercase;
}

/* ── SHOP PAGE ─────────────────────────────────────── */

/* WooCommerce pagination → Porto стил */
.woocommerce nav.woocommerce-pagination ul {
    border: none;
}
.woocommerce nav.woocommerce-pagination ul li {
    border: none;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    background: transparent;
    border: 1px solid #ddd;
    color: #777;
    min-width: 3rem;
    min-height: 3rem;
    line-height: 3rem;
    padding: 0;
    text-align: center;
    margin: 0 2px;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #FF7108;
    border-color: #FF7108;
    color: #fff;
}

/* WooCommerce price filter → Porto стил */
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background: #ddd;
    height: 4px;
}
.woocommerce .widget_price_filter .ui-slider-range {
    background: #FF7108;
}
.woocommerce .widget_price_filter .ui-slider-handle {
    background: #FF7108;
    border: none;
    width: 14px;
    height: 14px;
    top: -5px;
}
.woocommerce .widget_price_filter form .price_label {
    font-size: 1.3rem;
    color: #333;
}
.woocommerce .widget_price_filter .price_slider_amount .button {
    background: #FF7108;
    color: #fff;
    border-radius: 0;
    font-size: 1.2rem;
    padding: .5rem 1.5rem;
    border: none;
}

/* Toolbox sort select */
.toolbox .select-custom select {
    height: 3.4rem;
    font-size: 1.3rem;
}

/* Product label badges */
.product-label {
    display: inline-block;
    padding: .3rem .7rem;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.label-sale { background: #FF7108; }
.label-new  { background: #26c6da; }
.label-hot  { background: #ef5350; }

/* ── SIDEBAR ────────────────────────────────────────── */
.sidebar-shop .widget-title a {
    color: #333;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.sidebar-shop .cat-list {
    list-style: none;
    padding: 0;
    margin: 0 -.3rem 0 0;
}
.sidebar-shop .cat-list li a {
    display: flex;
    justify-content: space-between;
    padding: .5rem 0;
    color: #666;
    font-size: 1.3rem;
    border-bottom: 1px solid #f5f5f5;
}
.sidebar-shop .cat-list li a:hover,
.sidebar-shop .cat-list li.active a {
    color: #FF7108;
}
.sidebar-shop .products-count {
    color: #aaa;
    font-size: 1.2rem;
}

/* Fix header z-index above WooCommerce notices */
.header {
    z-index: 1000;
    position: relative;
}

/* Loading overlay скрий бързо */
.loading-overlay {
    background: #fff;
}

/* ── SINGLE PRODUCT ─────────────────────────────────── */

.product-single-container {
    padding: 0;
}

/* Gallery */
.product-single-gallery .product-slider-container {
    position: relative;
    border: 1px solid #eee;
    margin-bottom: 1rem;
}
.product-single-carousel .product-item {
    text-align: center;
}
.product-single-carousel img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* Product details */
.product-single-details .product-title {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1.3;
}
.product-single-details .short-divider {
    margin: 1.5rem 0;
    border-color: #eee;
}
.product-single-details .divider {
    margin: 1.5rem 0;
    border-color: #eee;
}
.product-single-details .price-box {
    font-size: 2.4rem;
    font-weight: 700;
    color: #FF7108;
    margin-bottom: 1.5rem;
}
.product-single-details .price-box .woocommerce-Price-amount {
    color: #FF7108;
}
.product-single-details .price-box del {
    color: #aaa;
    font-size: 1.8rem;
    margin-right: 1rem;
}
.product-single-details .product-desc {
    color: #666;
    font-size: 1.4rem;
    line-height: 1.8;
    margin-bottom: 1.5rem;
}
.single-info-list {
    list-style: none;
    padding: 0;
    margin: 0 0 2rem;
    font-size: 1.5rem;
}
.single-info-list li {
    padding: .4rem 0;
    color: #666;
}
.single-info-list li strong,
.single-info-list li a {
    color: #333;
    font-weight: 600;
}

/* WooCommerce Add to Cart on single product */
.product-single-details .woocommerce-variation-add-to-cart,
.product-single-details form.cart {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 2rem 0;
}
.product-single-details .quantity input {
    width: 6rem;
    height: 4.4rem;
    text-align: center;
    border: 1px solid #ddd;
    font-size: 1.4rem;
}
.product-single-details .single_add_to_cart_button {
    background: #333 !important;
    color: #fff !important;
    border-radius: 0 !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
    padding: 1.2rem 3rem !important;
    border: none !important;
    height: 4.4rem;
    line-height: 1;
}
.product-single-details .single_add_to_cart_button:hover {
    background: #FF7108 !important;
}

/* Social share */
.product-single-share {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.5rem 0;
}

/* Tabs */
.product-single-tabs {
    margin: 3rem 0;
}
.product-single-tabs .nav-tabs {
    border-bottom: 2px solid #eee;
}
.product-single-tabs .nav-tabs .nav-link {
    font-size: 1.5rem !important;
    font-weight: 600;
    text-transform: uppercase;
    color: #666;
    border: none;
    padding: 1rem 2rem;
    letter-spacing: .05em;
}
.product-single-tabs .nav-tabs .nav-link.active {
    color: #FF7108;
    border-bottom: 2px solid #FF7108;
    background: transparent;
}
.product-single-tabs .tab-content {
    padding: 0;
    font-size: 1.5rem;
    line-height: 1.8;
    color: #000000 !important;
}
.product-single-tabs .tab-pane {
    color: #000000 !important;
}

/* Related products slider */
.related-products {
    margin-top: 3rem;
    border-top: 1px solid #eee;
    padding-top: 3rem !important;
}
.related-products .section-title {
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 2rem !important;
}
.related-products .product-default figure {
    position: relative;
    overflow: hidden;
    background: #f9f9f9;
}
.related-products .product-default figure img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    transition: transform .3s;
}
.related-products .product-default:hover figure img {
    transform: scale(1.05);
}
.related-products .product-details {
    padding: 1rem 0;
}
.related-products .product-title {
    font-size: 1.4rem;
    margin-bottom: .5rem;
}
.related-products .product-title a {
    color: #333;
}
.related-products .product-title a:hover {
    color: #FF7108;
}

/* Hide default WooCommerce related products (we use our own) */
.woocommerce-page .related.products {
    display: none !important;
}

/* ── SINGLE PRODUCT FIXES ───────────────────────────── */

/* Main gallery image — по-голяма */
.product-single-carousel .product-item img,
.product-single-image {
    width: 100%;
    height: 400px !important;
    object-fit: contain;
    background: #f9f9f9;
}

/* Thumbnails — по-малки и наредени */

/* Fix top notice bar HTML */
.top-notice b,
.top-notice strong {
    font-weight: 800;
}

/* Tags — без подчертаване */
.single-info-list li a {
    text-decoration: none;
}
.single-info-list li a:hover {
    color: #FF7108;
    text-decoration: underline;
}

/* Related products — стрелки */
.related-products .owl-nav {
    display: block !important;
}
.related-products .owl-prev,
.related-products .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #fff !important;
    border: 1px solid #ddd !important;
    width: 36px;
    height: 36px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    color: #333 !important;
}
.related-products .owl-prev { left: -18px; }
.related-products .owl-next { right: -18px; }
.related-products .owl-prev:hover,
.related-products .owl-next:hover {
    background: #FF7108 !important;
    color: #fff !important;
    border-color: #FF7108 !important;
}

/* Fix WooCommerce stock text */
.woocommerce-product-details__short-description {
    display: none;
}
.stock.in-stock {
    color: #2ecc71 !important;
    font-weight: 600;
}

/* Add to cart area */
.product-single-details .cart {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

/* ── SINGLE PRODUCT FIXES v2 ────────────────────────── */

/* Скрий WooCommerce "X in stock" текст — показваме сами */
.woocommerce-product-details__short-description,
p.stock.in-stock,
p.stock.out-of-stock {
    display: none !important;
}

/* Main gallery image — по-голяма */
.product-slider-container {
    background: #f9f9f9;
    padding: 1rem;
}
.product-single-carousel {
    min-height: 380px;
}
.product-single-carousel .product-item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 380px;
}
.product-single-image {
    max-height: 380px !important;
    width: auto !important;
    max-width: 100%;
    object-fit: contain !important;
}

/* Fix owl carousel за single product */
.product-single-carousel.owl-carousel .owl-item img {
    width: auto;
    max-width: 100%;
    max-height: 380px;
    margin: 0 auto;
    object-fit: contain;
}

/* ── PRODUCT BADGES FIX ─────────────────────────────── */
.product-label {
    display: inline-block;
    padding: .4rem .8rem;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .05em;
    border-radius: 2px;          /* почти правоъгълен */
    margin-bottom: 4px;
}
.label-sale,
.product-label.label-sale { background: #ef5350; }   /* червен */
.label-new,
.product-label.label-new  { background: #26c6da; }   /* циан */
.label-hot,
.product-label.label-hot  { background: #ef5350; }   /* червен */

/* ── WOOCOMMERCE VARIATIONS FORM → Porto product-filters-container ──────── */

/* form.cart за прости продукти → flex ред (quantity + бутон на един ред) */
.product-single-details form.cart:not(.variations_form) {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
}

/* Quantity + бутон в variable продукт → flex ред */
.product-single-details .woocommerce-variation-add-to-cart {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    margin-top: 1.5rem !important;
}

/* form.cart → вертикален flex контейнер */
.product-single-details form.variations_form.cart {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
    margin: 1.5rem 0 !important;
}

/* table.variations → product-filters-container */
.product-single-details table.variations {
    display: block !important;
    width: 100% !important;
    border: none !important;
    padding-bottom: 0.5rem !important;
    margin: 0 !important;
}
.product-single-details table.variations tbody {
    display: block !important;
}

/* Всеки ред → product-single-filter */
.product-single-details table.variations tr {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 1.2rem !important;
    border: none !important;
    background: none !important;
}

/* Label клетка — фиксирана ширина за подравняване */
label {
   font-size: 1.5rem !important;
}
.product-single-details table.variations th.label {
    display: block !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    width: 16rem !important;
    min-width: 16rem !important;
    flex-shrink: 0 !important;
}
.product-single-details table.variations th.label label {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #222529 !important;
    font-weight: 700 !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 1.5rem !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

/* Value клетка */
.product-single-details table.variations td.value {
    display: flex !important;
    align-items: center !important;
    gap: 1.5rem !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    flex: 1 !important;
    max-width: 400px !important;
}

/* Select → Porto select-custom стил — фиксирана ширина */
.product-single-details table.variations td.value select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    height: 42px !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    font-family: "Open Sans", sans-serif !important;
    border: 1px solid #000000 !important;
    border-radius: 0 !important;
    padding: 0 3.5rem 0 1.5rem !important;
    background-color: #fff !important;
    background-repeat: no-repeat !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M5 6L0 0h10z' fill='%23222529'/%3E%3C/svg%3E") !important;
    background-position: right 1.4rem center !important;
    color: #333 !important;
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
    cursor: pointer !important;
    transition: border-color .2s !important;
    flex-shrink: 0 !important;
}
.product-single-details table.variations td.value select:focus {
    outline: none !important;
    border-color: #aaa !important;
}

/* Clear / Reset бутон */
.product-single-details .reset_variations {
    display: inline-block;
    color: #777;
    font-size: 1.2rem;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    white-space: nowrap;
    text-decoration: none;
    transition: color .2s;
}
.product-single-details .reset_variations:hover {
    color: #FF7108;
    text-decoration: none;
}

/* Variation price/stock info */
.product-single-details .woocommerce-variation.single_variation {
    margin-bottom: 0.8rem;
}
.product-single-details .woocommerce-variation .woocommerce-variation-price,
.product-single-details .woocommerce-variation .price {
    font-size: 2.4rem;
    font-weight: 700;
    color: #FF7108;
}
.product-single-details .woocommerce-variation .woocommerce-Price-amount {
    color: #FF7108;
}

/* Add to cart ред (qty + бутон) */
.product-single-details .woocommerce-variation-add-to-cart {
    display: flex !important;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin: 0.5rem 0 1.5rem;
}

/* Sale % badge в single product */
.product-single-container .label-sale {
    background: #ef5350;
}
.product-single-container .label-hot {
    background: #ef5350;
}

/* Label group позициониране */
.label-group {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* Thumbnail container */

/* ── CATEGORY SHOWCASE SECTIONS (front-page) ─────────── */

.cat-showcase {
    padding: 4rem 0 2rem;
    border-top: 1px solid #eee;
}
.cat-showcase:first-of-type {
    border-top: none;
}

/* Header */
.cat-showcase-header {
    margin-bottom: 2.5rem;
}
.cat-showcase-title {
    font-size: 2.6rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #222529;
}
.cat-showcase-title a {
    color: inherit;
    text-decoration: none;
}
.cat-showcase-title a:hover {
    color: #FF7108;
}
.cat-showcase-desc {
    font-size: 1.4rem;
    color: #777;
    line-height: 1.7;
    margin: 0 auto;
}
.header-search-inline.header-search .submit-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    height: 3.8rem;
    padding: 3px;
    border: 2px solid #2c2630 !important;
    border-radius: 999px;
    background: #fbf9f7;
    box-shadow: 0 1px 0 rgba(0,0,0,.04);
}
.header-search-inline.header-search .form-control {
    flex: 1 1 auto;
    min-width: 0;
    height: 4rem;
    margin: 0;
    padding: 0 1rem 0 1.4rem;
    border: 0 !important;
    background: transparent;
    color: #595363;
    font-size: 1.3rem;
    font-style: italic;
    line-height: 3.8rem;
    letter-spacing: 0.003em;
}
.header-search-inline.header-search .form-control::placeholder {
    color: #595363;
    opacity: 1;
}
.header-search-inline.header-search .form-control:focus {
    box-shadow: none;
}
.header-search-inline.header-search .btn {
    display: flex;
    flex: 0 0 4rem;
    align-items: center;
    justify-content: center;
    width: 3.8rem;
    height: 3.8rem;
    min-width: 0;
    margin: 4px -.25rem 4px 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #FF7108;
    color: #fff;
    line-height: 1;
}
.header-search-inline.header-search .btn i {
    color: inherit;
    font-size: 1.8rem;
}
.header-search-inline.header-search .btn:hover,
.header-search-inline.header-search .btn:focus {
    background: #e95f00;
    color: #fff;
}
.newsletter-section .form-control {
    padding: 0px 10px;
    border: 2px solid #000 !important;
    height: 40px;
    margin-bottom: 0;
    font-size: 1.3rem;
    font-style: italic;
    letter-spacing: 0.003em;
    background-color: transparent;
}
.newsletter-section .submit-wrapper {
    border-bottom: 0 !important;
}

.jd-mobile-search-row {
    display: none;
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #e8e8e8;
    z-index: 1039;
}
.jd-mobile-search-row .container {
    padding-top: .6rem;
    padding-bottom: .8rem;
}
.jd-mobile-search-form {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 3px;
    border: 2px solid #2c2630;
    border-radius: 999px;
    background: #fbf9f7;
    box-shadow: 0 1px 0 rgba(0,0,0,.04);
}
.jd-mobile-search-form .form-control {
    flex: 1 1 auto;
    min-width: 0;
    height: 3.8rem;
    margin: 0;
    padding: 0 .8rem 0 1.6rem;
    border: 0;
    background: transparent;
    color: #595363;
    font-size: 1.5rem;
    font-style: normal;
    line-height: 3.8rem;
}
.jd-mobile-search-form .form-control::placeholder {
    color: #595363;
    opacity: 1;
}
.jd-mobile-search-form .form-control:focus {
    box-shadow: none;
}
.jd-mobile-search-submit {
    display: flex;
    flex: 0 0 4rem;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #FF7108;
    color: #fff;
    line-height: 1;
}
.jd-mobile-search-submit i {
    font-size: 1.9rem;
}
.jd-mobile-search-submit:hover,
.jd-mobile-search-submit:focus {
    background: #e95f00;
    color: #fff;
}
@media (max-width: 575px) {
    .jd-mobile-search-row {
        display: block;
    }
    .jd-mobile-search-row.fixed {
        box-shadow: 0 2px 8px rgba(0,0,0,.08);
    }
    .header-middle {
        padding-bottom: 1rem;
    }
    .home .new-products-section {
        margin-top: 3rem;
    }
}

/* Products row — 5 равни колони на desktop, 2 на mobile */
.cat-showcase-products {
    flex-wrap: nowrap;
    margin-bottom: 2.5rem;
}
.cat-showcase-products .col {
    min-width: 0;
    padding: 0 8px;
}
.cat-showcase-products .product-default figure img {
    height: 220px;
    object-fit: cover;
}

/* 6-ият продукт е скрит на desktop, видим само на mobile */
@media (min-width: 992px) {
    .cat-showcase-products .cat-extra-product {
        display: none !important;
    }
}

/* Footer */
.cat-showcase-footer {
    padding-top: .5rem;
}
.cat-showcase-btn {
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    padding: 1.1rem 3.5rem !important;
    text-transform: uppercase !important;
}

@media (max-width: 991px) {
    .cat-showcase-products {
        flex-wrap: wrap;
    }
    .cat-showcase-products .col {
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 1.5rem;
    }
}
@media (max-width: 767px) {
    .cat-showcase-title {
        font-size: 2rem;
    }
}

/* ── CUSTOM (non-variation) ATTRIBUTE SELECTS ───────── */

.custom-variations table.variations {
    width: 100%;
    border-collapse: collapse;
}
.custom-variations table.variations tr td.label {
    width: 16rem;
    font-weight: 700;
    font-size: 1.7rem !important;
    text-transform: uppercase;
    color: #222529;
    letter-spacing: .05em;
    padding: 6px 0;
    vertical-align: middle;
}
.custom-variations table.variations tr td.value {
    padding: 6px 0;
    vertical-align: middle;
}
.custom-variations table.variations tr td.value select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 280px;
    height: 42px;
    padding: 0 3.5rem 0 1.5rem;
    border: 1px solid #ddd;
    border-radius: 0;
    font-size: 1.3rem;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    color: #333;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M5 6L0 0h10z' fill='%23222529'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1.4rem center;
    cursor: pointer;
    transition: border-color .2s;
}
.custom-variations table.variations tr td.value select:focus {
    outline: none;
    border-color: #aaa;
}

/* ── GALLERY BADGES — Porto Demo37 стил ─────────────── */

.product-slider-container .label-group {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.product-slider-container .product-label {
    display: inline-block;
    padding: .4rem .9rem;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .05em;
    border-radius: 2rem;  /* закръглени като в демото */
}

.product-slider-container .label-hot  { background: #26c6da; }
.product-slider-container .label-sale { background: #ef5350; }
.product-slider-container .label-new  { background: #26c6da; }

/* Thumbnails — по-светли и по-ясни */

/* Главна снимка — запълва контейнера */
.product-slider-container {
    background: #f9f9f9;
    position: relative;
    overflow: hidden;
}
.product-single-carousel .owl-item {
    background: #f9f9f9;
}

/* ── THUMBNAILS — финална версия ───────────────────── */
.prod-thumbnail {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 1rem;
}
.prod-thumbnail .owl-dot {
    width: 110px !important;
    height: 110px !important;
    border: 2px solid #ddd !important;
    cursor: pointer;
    overflow: hidden;
    flex-shrink: 0;
    background: #f9f9f9;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
}
.prod-thumbnail .owl-dot span {
    display: none !important;
}
.prod-thumbnail .owl-dot img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    opacity: 0.8;
    transition: opacity .2s;
}
.prod-thumbnail .owl-dot.active,
.prod-thumbnail .owl-dot:hover {
    border-color: #333 !important;
    border-width: 2px !important;
}
.prod-thumbnail .owl-dot.active img,
.prod-thumbnail .owl-dot:hover img {
    opacity: 1;
}

/* Иконата "All" */
.thumbs-nav .thumb-item a i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 1.4rem;
    color: #fff;
    margin-bottom: 4px;
}
/* Preview image при hover */
.thumbs-nav .thumb-info-image {
    display: block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    background-color: #f5f5f5;
    border: 2px solid #eee;
    transition: border-color .2s;
}
.thumbs-nav .thumb-item:hover .thumb-info-image,
.thumbs-nav .thumb-item.active .thumb-info-image {
    border-color: #FF7108;
}

/* ── HOMEPAGE ────────────────────────────────────────── */

/* Hero slider */
.home-slider .slide-bg {
    width: 100%;
    height: 500px;
    object-fit: cover;
}
.home-slider .banner-layer {
    position: absolute;
    left: 6%;
    top: 50%;
    transform: translateY(-50%);
    max-width: 500px;
}
.home-slider .banner-layer h4 {
    font-size: 1.8rem;
    color: #fff;
    margin-bottom: .5rem;
}
.home-slider .banner-layer h2 {
    font-size: 4.5rem;
    font-weight: 800;
    color: #fff;
    line-height: 1.1;
}

/* Info boxes */
.info-boxes-slider .info-box {
    padding: 2rem;
    border: 1px solid #eee;
    height: 100%;           /* равна височина на всички boxes в реда */
}
.info-boxes-slider .info-box i {
    font-size: 3.5rem;
    margin-right: 1.5rem;
    flex-shrink: 0;
}
.info-boxes-slider .info-box h4 {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: .3rem;
}
.info-boxes-slider .info-box p {
    font-size: 1.2rem;
    margin: 0;
}

/* Number badge */
.product-label.label-number {
    background: #FF7108;
    border-radius: 2rem;
    padding: .3rem .8rem;
    font-size: 1.2rem;
    font-weight: 800;
}
.product-label.label-number span {
    font-size: .8rem;
    vertical-align: super;
}

/* Category banners */
.banner.banner-overlay {
    position: relative;
    overflow: hidden;
}
.banner.banner-overlay .banner-layer-middle {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.5);
    padding: .8rem;
}

/* Newsletter */
.newsletter-section {
    background: #f5f5f5;
    padding: 3rem 0;
    margin-top: 3rem;
}
.newsletter-popup-form .form-control {
    border-radius: 0;
    height: 4.4rem;
    font-size: 1.3rem;
}
.newsletter-popup-form .btn {
    border-radius: 0;
    white-space: nowrap;
}

/* Big sale banner */
.banner-big-sale {
    padding: 2rem 0;
}

/* Scroll section */
.custom-srcollbar {
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
}
.custom-srcollbar::-webkit-scrollbar {
    height: 4px;
}
.custom-srcollbar::-webkit-scrollbar-thumb {
    background: #FF7108;
    border-radius: 2px;
}

/* ── HOMEPAGE FIXES ──────────────────────────────────── */

/* Slider — fix позицията на текста */
.home-slider {
    position: relative;
}
.home-slide {
    position: relative;
    overflow: hidden;
}
.home-slide .slide-bg {
    width: 100%;
    object-fit: cover;
    display: block;
}
.home-slide .container {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.home-slide .banner-layer {
    position: relative;
    z-index: 2;
    padding: 2rem;
}
.home-slide .banner-layer h4 {
    font-size: 1.8rem;
    font-weight: 400;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0,0,0,.5);
    margin-bottom: .5rem;
    text-transform: none;
}
.home-slide .banner-layer h2 {
    font-size: 4rem;
    font-weight: 800;
    color: #fff;
    text-shadow: 2px 2px 6px rgba(0,0,0,.4);
    line-height: 1.1;
    margin-bottom: 1.5rem;
}

/* Category thumbnails — placeholder когато няма снимка */
.banner.banner-overlay img {
    background: #e0e0e0;
}

/* Top products — horizontal scroll на мобилен */
.products-scroll-section .custom-srcollbar {
    display: flex;
    overflow-x: auto;
    padding-bottom: 1rem;
}
.products-scroll-section .custom-srcollbar .col-lg-3 {
    min-width: 220px;
}

/* Sale badge — по-видим */
.product-default .label-sale {
    background: #ef5350 !important;
    color: #fff !important;
    border-radius: 2rem;
    padding: .3rem .8rem;
    font-size: 1.1rem;
    font-weight: 700;
}
.product-default .label-hot {
    background: #26c6da !important;
    color: #fff !important;
    border-radius: 2rem;
    padding: .3rem .8rem;
    font-size: 1.1rem;
    font-weight: 700;
}
.product-default .label-new {
    background: #26c6da !important;
    color: #fff !important;
    border-radius: 2rem;
    padding: .3rem .8rem;
    font-size: 1.1rem;
    font-weight: 700;
}

/* Newsletter — по-добър layout */
.newsletter-section .newsletter-popup-form {
    display: flex;
    gap: 0;
}
.newsletter-section .newsletter-popup-form .form-control {
    flex: 1;
    border-right: none;
}
.newsletter-section .newsletter-popup-form .btn {
    padding: 0 2.5rem;
    background: #333;
    color: #fff;
    border: 1px solid #333;
}
.newsletter-section .newsletter-popup-form .btn:hover {
    background: #FF7108;
    border-color: #FF7108;
}

/* ── CATEGORY NAV THUMBNAILS — кръгли ───────────────── */
.thumbs-nav .thumb-info-image.fixed-image {
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    display: block;
    background-size: cover !important;
    background-position: center !important;
    background-color: #e0e0e0;
    margin: 0 auto 4px;
    flex-shrink: 0;
}
.thumbs-nav .thumb-info {
    display: block;
}

/* ── SLIDER — точно като demo37 ─────────────────────── */

/* Price badge */
.coupon-sale-text {
    display: inline-flex;
    align-items: center;
    padding: .3rem .8rem;
    font-size: 2.4rem;
    font-weight: 800;
    line-height: 1;
    vertical-align: middle;
    margin-left: .8rem;
    border-radius: 3px;
}
.coupon-sale-text sup {
    font-size: 1.2rem;
    font-weight: 700;
    align-self: flex-start;
    margin-top: .3rem;
}
.coupon-sale-text em {
    font-style: normal;
    font-size: 3rem;
}
.coupon-sale-text sup:last-child {
    font-size: 1rem;
    align-self: flex-end;
    margin-bottom: .3rem;
}

/* Slide banner-layer — ляво наляво */
.home-slide1 .banner-layer {
    text-align: left;
}
.home-slide2 .banner-layer {
    text-align: left;
    margin-left: auto;    /* slide 2 текстът е вдясно в демото */
}

/* "Starting At" текст */
.home-slide .banner-layer h5 {
    font-size: 1.4rem;
    color: #555;
    display: flex;
    align-items: center;
    gap: .5rem;
    text-transform: none;
    font-weight: 400;
    margin: 0;
}
.home-slide .banner-layer h5 span {
    white-space: nowrap;
}

/* Подчертаваща линия (icon1.png) */
.home-slide .banner-layer img {
    display: block;
    margin: .5rem 0 1rem;
}

/* ── КАТЕГОРИИ — принудително кръгли ────────────────── */
.thumbs-nav .thumb-item .thumb-info-image,
.thumbs-nav .thumb-item .fixed-image,
.thumbs-nav .thumb-info-image.fixed-image {
    width: 60px !important;
    height: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    max-width: 60px !important;
    max-height: 60px !important;
    border-radius: 50% !important;
    background-size: cover !important;
    background-position: center !important;
    display: block !important;
    margin: 0 auto 4px auto !important;
}

/* ── SLIDER — fix позиция на текста ─────────────────── */
.home-slider .home-slide {
    position: relative !important;
}
.home-slider .home-slide .slide-bg {
    display: block;
    width: 100%;
    object-fit: cover;
}
.home-slider .home-slide .container {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: flex !important;
    align-items: center !important;
    bottom: auto !important;
}
.home-slider .home-slide1 .container {
    justify-content: flex-start;
}
.home-slider .home-slide2 .container {
    justify-content: flex-end;
}
.home-slider .banner-layer {
    position: relative !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
    max-width: 480px;
    padding: 0;
}
.home-slider .banner-layer h4 {
    font-size: 1.6rem !important;
    color: #333 !important;
    font-weight: 400 !important;
    text-shadow: none !important;
    margin-bottom: .5rem;
    text-transform: none !important;
}
.home-slider .banner-layer h2 {
    font-size: 4.5rem !important;
    font-weight: 800 !important;
    color: #222 !important;
    text-shadow: none !important;
    line-height: 1.1;
    margin-bottom: 0 !important;
    text-transform: uppercase !important;
}
/* Shop Now бутон — тъмен */
.home-slider .banner-layer .btn.btn-dark {
    background: #222 !important;
    border-color: #222 !important;
    color: #fff !important;
    opacity: 1 !important;
    font-size: 1.3rem !important;
    padding: 1rem 2.5rem !important;
}
.home-slider .banner-layer .btn.btn-dark:hover {
    background: #FF7108 !important;
    border-color: #FF7108 !important;
}

/* ── CATEGORY CIRCLES — независим клас ──────────────── */
.julidecals-cat-circle {
    display: block !important;
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    background-color: #e8e8e8 !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    margin: 0 auto 6px auto !important;
    border: 2px solid #ddd !important;
    padding: 0 !important;
    padding-top: 0 !important;
    box-sizing: border-box !important;
    transition: border-color .2s !important;
}
.thumb-item:hover .julidecals-cat-circle,
.thumb-item.active .julidecals-cat-circle {
    border-color: #FF7108 !important;
}
.thumb-item a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    font-size: 1.4rem !important;
    color: #555 !important;
    text-decoration: none !important;
    padding: .8rem .3rem !important;
}
.thumb-item.active a,
.thumb-item a:hover {
    color: #FF7108 !important;
}

/* ── CATEGORIES ALL бутон ───────────────────────────── */
.julidecals-cat-all {
    background-color: #3d4c5e !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-image: none !important;
}
.julidecals-cat-all i {
    color: #fff !important;
    font-size: 1.8rem !important;
}

/* ── SHOP PAGE IMPROVEMENTS ─────────────────────────── */

/* Sidebar категории — по-компактни */
.sidebar-shop .cat-list li a {
    padding: .3rem 0;
    font-size: 1.6rem;
}
.sidebar-shop .cat-list {
    max-height: none;
    overflow-y: visible;
}

/* Product grid — еднакви размери на снимките */
.archive-product .product-default figure,
.col-6.col-sm-4 .product-default figure {
    display: block;       /* override Porto's display:flex — fixes mobile thumbnail visibility */
    position: relative;
    overflow: hidden;
    background: #f9f9f9;
    padding-top: 100%;    /* 1:1 aspect ratio, works on all browsers incl. older iOS Safari */
}
/* Image link fills the full figure */
.archive-product .product-default figure > a:first-child,
.col-6.col-sm-4 .product-default figure > a:first-child {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
}
.archive-product .product-default figure img,
.col-6.col-sm-4 .product-default figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
}
.product-default:hover figure img {
    transform: scale(1.05);
}

/* Porto demo37 CSS hides img:first-child on hover (designed for 2-image crossfade).
   Our product cards output only 1 image, so we force it to stay fully visible. */
.product-default figure img {
    opacity: 1 !important;
}
.product-default:hover figure img {
    opacity: 1 !important;
}

/* ── Category wrap + YITH Wishlist button ──────────────────────────────────── */
.product-default .category-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 0.4rem;
}

/* YITH outer wrapper */
.product-default .yith-add-to-wishlist-button-block {
    flex-shrink: 0;
    line-height: 1;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
}

/* The anchor — styled like Porto's btn-icon-wish */
.product-default .yith-wcwl-add-to-wishlist-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    cursor: pointer;
    color: #aaa;
    text-decoration: none;
    transition: color 0.2s;
}
.product-default .yith-wcwl-add-to-wishlist-button:hover {
    color: #FF7108;
    text-decoration: none;
}

/* SVG heart icon */
.product-default .yith-wcwl-icon {
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    flex-shrink: 0;
    stroke: currentColor;
    fill: none;
    overflow: visible;
}

/* Added to wishlist — filled orange heart */
.product-default .yith-wcwl-add-to-wishlist-button--added .yith-wcwl-icon,
.product-default .yith-wcwl-add-to-wishlist-button--exists .yith-wcwl-icon {
    fill: #FF7108;
    stroke: #FF7108;
}

/* Hide label text */
.product-default .yith-wcwl-add-to-wishlist-button__label {
    display: none;
}

/* Product title — 2 реда максимум */
.product-default .product-title {
    font-size: 1.6rem;
    line-height: 1.4;
    max-height: 3.6rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* Price стил */
.product-default .price-box {
    font-size: 1.8rem;
    font-weight: 700;
    color: #333;
    margin-top: .5rem;
}
.product-default .price-box .woocommerce-Price-amount {
    color: #333;
}
.product-default .price-box del .woocommerce-Price-amount {
    color: #aaa;
    font-weight: 400;
    font-size: 1.2rem;
}
.product-default .price-box ins {
    text-decoration: none;
    color: #FF7108;
}

/* Toolbox */
.toolbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    gap: 1rem;
}
.toolbox .toolbox-sort label,
.toolbox .toolbox-show label {
    font-size: 1.3rem;
    font-weight: 600;
    margin-right: .5rem;
    color: #333;
}
.toolbox .select-custom select {
    border: 1px solid #ddd;
    padding: .4rem 1rem;
    font-size: 1.3rem;
    color: #555;
    cursor: pointer;
}

/* Layout toggle buttons */
.layout-modes .layout-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border: 1px solid #ddd;
    color: #aaa;
    font-size: 1.4rem;
    margin-left: 3px;
}
.layout-modes .layout-btn.active,
.layout-modes .layout-btn:hover {
    border-color: #FF7108;
    color: #FF7108;
}

/* Sidebar toggle за мобилен */
.sidebar-toggle {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
    cursor: pointer;
    padding: .5rem 1rem .5rem 0;
}
.sidebar-toggle svg {
    width: 20px;
    height: 20px;
}
.sidebar-toggle .cls-1 {
    fill: none;
    stroke: #333;
    stroke-width: 2;
}
.sidebar-toggle .cls-2 {
    fill: #333;
}

/* Pagination */
.pagination-container {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid #eee;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
    font-size: 1.3rem;
    min-width: 3.4rem;
    min-height: 3.4rem;
    line-height: 3.4rem;
}
.jd-see-more-wrap {
    margin: 3rem 0 1rem;
}
.jd-see-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .8rem;
    min-width: 22rem;
    min-height: 5.2rem;
    padding: 1.4rem 3.8rem;
    border: 0;
    border-radius: 999px;
    background: #FF7108;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    text-transform: none;
    transition: background-color .2s, transform .2s;
}
.jd-see-more-btn i {
    font-size: 1.1rem;
}
.jd-see-more-btn.is-loading {
    pointer-events: none;
    opacity: .75;
}
.jd-see-more-btn.is-loading i {
    animation: jd-see-more-spin .8s linear infinite;
}
.jd-see-more-btn:hover,
.jd-see-more-btn:focus {
    background: #e95f00;
    color: #fff;
    text-decoration: none;
    transform: translateY(-1px);
}
@keyframes jd-see-more-spin {
    to {
        transform: rotate(360deg);
    }
}

/* Breadcrumb */
.breadcrumb-nav {
    padding: 1rem 0;
    margin-bottom: 1rem;
}
.breadcrumb {
    background: transparent;
    padding: 0;
    margin: 0;
    font-size: 1.3rem;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: "›";
    color: #aaa;
}
.breadcrumb-item a {
    color: #777;
}
.breadcrumb-item.active {
    color: #333;
}

/* No products found */
.woocommerce-info {
    border-top: 3px solid #FF7108;
    background: #f9f9f9;
    padding: 2rem;
    font-size: 1.4rem;
    margin: 2rem 0;
}

/* ── LIST VIEW ───────────────────────────────────────── */
.product-list-view .col-6 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}
.product-list-view .product-default {
    display: flex;
    flex-direction: row;
    gap: 2rem;
    align-items: flex-start;
    border-bottom: 1px solid #eee;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}
.product-list-view .product-default figure {
    width: 200px;
    flex-shrink: 0;
}
.product-list-view .product-default .product-details {
    flex: 1;
}
.product-list-view .product-default .product-title {
    font-size: 1.6rem;
    max-height: none;
    -webkit-line-clamp: unset;
}

/* Price filter range inputs */
.julidecals-price-min,
.julidecals-price-max {
    accent-color: #FF7108;
    cursor: pointer;
}

/* ── FILTER toggle — само на мобилен ────────────────── */
@media (min-width: 992px) {
    .sidebar-toggle {
        display: none !important;
    }
}

/* ── CATEGORY NAV — еднакви размери ─────────────────── */
.thumbs-nav .thumb-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
.thumbs-nav .thumb-item a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    padding: .8rem .3rem !important;
    width: 100% !important;
}
.julidecals-cat-circle,
.julidecals-cat-all {
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    max-width: 80px !important;
    max-height: 80px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
    margin: 0 auto !important;
}
/* Текстът под circles */
.thumbs-nav .thumb-item a span:not(.julidecals-cat-circle):not(.julidecals-cat-all),
.thumbs-nav .thumb-item a > *:last-child {
    font-size: 1.2rem !important;
    text-align: center !important;
    line-height: 1.3 !important;
    margin-top: 0 !important;
}

/* ── CATEGORY NAV — подравняване отгоре ─────────────── */
.thumbs-nav .thumbs {
    align-items: flex-start !important;
}
.thumbs-nav .thumb-item {
    vertical-align: top !important;
    justify-content: flex-start !important;
}
.thumbs-nav .thumb-item a {
    justify-content: flex-start !important;
    padding-top: .8rem !important;
    padding-bottom: .8rem !important;
}

/* ── PRODUCT GALLERY THUMBNAILS — мобилен ───────────── */
@media (max-width: 767px) {
    .prod-thumbnail {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        gap: 6px !important;
        padding-bottom: 8px !important;
        -webkit-overflow-scrolling: touch !important;
    }
    .prod-thumbnail .owl-dot {
        width: 70px !important;
        height: 70px !important;
        min-width: 70px !important;
        flex-shrink: 0 !important;
    }
    .prod-thumbnail .owl-dot img {
        width: 70px !important;
        height: 70px !important;
        object-fit: cover !important;
    }
    /* Скролбар стил */
    .prod-thumbnail::-webkit-scrollbar {
        height: 3px;
    }
    .prod-thumbnail::-webkit-scrollbar-thumb {
        background: #FF7108;
        border-radius: 2px;
    }

    /* Главната снимка на мобилен */
    .product-single-carousel .product-item img,
    .product-single-image {
        max-height: 280px !important;
    }
    .product-single-carousel .product-item {
        min-height: 280px !important;
    }

    /* Product details на мобилен */
    .product-single-details .product-title {
        font-size: 1.8rem !important;
    }
    .product-single-details .price-box {
        font-size: 2rem !important;
    }
}

/* ── PRODUCT SLIDER CONTAINER — мобилен ─────────────── */
@media (max-width: 767px) {
    .product-slider-container {
        padding: 4px !important;
    }
}

/* ── PRODUCT GALLERY — премахни сивата зона ─────────── */
@media (max-width: 767px) {
    .product-slider-container {
        padding: 0 !important;
        background: transparent !important;
        overflow: visible !important;
    }
    .product-single-carousel {
        min-height: unset !important;
    }
    .product-single-carousel .owl-stage-outer,
    .product-single-carousel .owl-stage,
    .product-single-carousel .owl-item {
        height: auto !important;
    }
    .product-single-carousel .product-item {
        min-height: unset !important;
        height: auto !important;
        aspect-ratio: 1 / 1;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
    }
    .product-single-carousel .owl-item {
        background: transparent !important;
    }
    .product-single-carousel .product-item img,
    .product-single-image {
        max-height: 100% !important;
        height: 100% !important;
        width: 100% !important;
        object-fit: contain !important;
        display: block !important;
        margin: 0 auto !important;
        background: transparent !important;
    }
    .product-slider-container + .prod-thumbnail,
    .prod-thumbnail {
        margin-top: .8rem !important;
    }
}

/* ══════════════════════════════════════════════════════
   CART & CHECKOUT — Porto Demo37 стил
   ══════════════════════════════════════════════════════ */

/* ── Checkout Progress Steps ───────────────────────── */
.checkout-progress {
    list-style: none;
    padding: 0;
    margin: 2rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
}
.checkout-progress li {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    flex: 1;
    max-width: 200px;
}
.checkout-progress li::before {
    content: '';
    position: absolute;
    top: 18px;
    left: -50%;
    width: 100%;
    height: 2px;
    background: #ddd;
    z-index: 0;
}
.checkout-progress li:first-child::before {
    display: none;
}
.checkout-progress li.active::before,
.checkout-progress li.completed::before {
    background: #FF7108;
}
.checkout-progress .step-number {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #ddd;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    font-weight: 700;
    position: relative;
    z-index: 1;
    margin-bottom: .5rem;
}
.checkout-progress li.active .step-number {
    background: #FF7108;
}
.checkout-progress li.completed .step-number {
    background: #FF7108;
}
.checkout-progress .step-title {
    font-size: 1.2rem;
    color: #aaa;
    text-align: center;
}
.checkout-progress li.active .step-title,
.checkout-progress li.completed .step-title {
    color: #FF7108;
    font-weight: 600;
}

/* ── CART TABLE ─────────────────────────────────────── */
.woocommerce table.cart {
    width: 100%;
    border-collapse: collapse;
}
.woocommerce table.cart th {
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    padding: 1.2rem 1rem;
    border-bottom: 2px solid #eee;
    color: #333;
}
.woocommerce table.cart td {
    padding: 1.5rem 1rem;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
}
/* Product image в cart */
.woocommerce table.cart td.product-thumbnail img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: 1px solid #eee;
}
/* Product name */
.woocommerce table.cart td.product-name a {
    font-size: 1.4rem;
    font-weight: 600;
    color: #333;
}
.woocommerce table.cart td.product-name a:hover {
    color: #FF7108;
}
/* Remove button */
.woocommerce table.cart td.product-remove a {
    font-size: 1.8rem;
    color: #aaa;
    font-weight: 300;
    line-height: 1;
}
.woocommerce table.cart td.product-remove a:hover {
    color: #ef5350;
}
/* Quantity input */
.woocommerce table.cart td.product-quantity .qty {
    width: 70px;
    height: 3.8rem;
    text-align: center;
    border: 1px solid #ddd;
    font-size: 1.4rem;
    border-radius: 0;
}
/* Price */
.woocommerce table.cart td.product-price,
.woocommerce table.cart td.product-subtotal {
    font-size: 1.4rem;
    font-weight: 600;
    color: #FF7108;
}
.wc-block-components-product-price__value, .wc-block-components-totals-footer-item-tax-value, .woocommerce-Price-amount {
    color: #FF7108 !important;
    font-weight: bold;
}

/* Cart actions */
.woocommerce table.cart td.actions {
    padding: 1.5rem 1rem;
}
.woocommerce table.cart td.actions .coupon {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}
.woocommerce table.cart td.actions .coupon label {
    font-size: 1.3rem;
    font-weight: 600;
    align-self: center;
    margin: 0;
}
.woocommerce table.cart td.actions .coupon .input-text {
    height: 4rem;
    border: 1px solid #ddd;
    padding: 0 1.2rem;
    font-size: 1.3rem;
    border-radius: 0;
    flex: 1;
    min-width: 150px;
}
.woocommerce table.cart td.actions .button {
    height: 4rem;
    border-radius: 0 !important;
    font-size: 1.3rem !important;
    padding: 0 2rem !important;
}

/* Cart totals */
.woocommerce-cart .cart-collaterals {
    margin-top: 3rem;
}
.woocommerce .cart_totals h2 {
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #eee;
}
.woocommerce .cart_totals table {
    width: 100%;
    border-collapse: collapse;
}
.woocommerce .cart_totals table th,
.woocommerce .cart_totals table td {
    padding: 1rem;
    border-bottom: 1px solid #eee;
    font-size: 1.4rem;
}
.woocommerce .cart_totals table th {
    font-weight: 600;
    color: #333;
    width: 40%;
}
.woocommerce .cart_totals table .order-total th,
.woocommerce .cart_totals table .order-total td {
    font-size: 1.6rem;
    font-weight: 700;
    color: #333;
    border-bottom: none;
    padding-top: 1.5rem;
}
.woocommerce .cart_totals table .order-total .woocommerce-Price-amount {
    color: #FF7108;
    font-size: 2rem;
}

/* Proceed to checkout button */
.woocommerce .wc-proceed-to-checkout .checkout-button {
    display: block;
    width: 100%;
    background: #333 !important;
    color: #fff !important;
    border-radius: 0 !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
    padding: 1.4rem 2rem !important;
    text-align: center;
    margin-top: 1.5rem;
    transition: background .2s;
}
.woocommerce .wc-proceed-to-checkout .checkout-button:hover {
    background: #FF7108 !important;
}

/* ── CHECKOUT FORM ──────────────────────────────────── */
.woocommerce-checkout .col2-set {
    display: flex;
    gap: 3rem;
    flex-wrap: wrap;
}
.woocommerce-checkout .col2-set .col-1,
.woocommerce-checkout .col2-set .col-2 {
    flex: 1;
    min-width: 280px;
}
.woocommerce-checkout .form-row {
    margin-bottom: 1.5rem;
}
.woocommerce-checkout .form-row label {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
    margin-bottom: .5rem;
    display: block;
}
.woocommerce-checkout .form-row .required {
    color: #ef5350;
}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select {
    width: 100%;
    height: 4.4rem;
    border: 1px solid #ddd;
    padding: 0 1.2rem;
    font-size: 1.3rem;
    border-radius: 0;
    color: #555;
    transition: border-color .2s;
}
.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row textarea:focus,
.woocommerce-checkout .form-row select:focus {
    border-color: #FF7108;
    outline: none;
}
.woocommerce-checkout .form-row textarea {
    height: 120px;
    padding: 1rem 1.2rem;
    resize: vertical;
}

/* Order Review */
#order_review_heading {
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #eee;
}
.woocommerce-checkout-review-order-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 2rem;
}
.woocommerce-checkout-review-order-table th {
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 1rem;
    background: #f9f9f9;
    border-bottom: 2px solid #eee;
}
.woocommerce-checkout-review-order-table td {
    padding: 1rem;
    border-bottom: 1px solid #eee;
    font-size: 1.3rem;
}
.woocommerce-checkout-review-order-table .order-total td,
.woocommerce-checkout-review-order-table .order-total th {
    font-size: 1.6rem;
    font-weight: 700;
    border-bottom: none;
}
.woocommerce-checkout-review-order-table .order-total .woocommerce-Price-amount {
    color: #FF7108;
    font-size: 2rem;
}

/* Payment methods */
#payment {
    background: #f9f9f9;
    padding: 2rem;
    border: 1px solid #eee;
}
#payment .wc_payment_methods {
    list-style: none;
    padding: 0;
    margin: 0 0 2rem;
}
#payment .wc_payment_methods li {
    padding: 1rem;
    border: 1px solid #eee;
    margin-bottom: .5rem;
    background: #fff;
    cursor: pointer;
    transition: border-color .2s;
}
#payment .wc_payment_methods li:hover {
    border-color: #FF7108;
}
#payment .wc_payment_methods li label {
    font-size: 1.4rem;
    font-weight: 600;
    cursor: pointer;
    margin: 0;
}
#payment .payment_box {
    background: #f5f5f5;
    padding: 1.5rem;
    margin-top: 1rem;
    font-size: 1.3rem;
    color: #666;
}

/* Place order button */
#place_order {
    display: block;
    width: 100%;
    background: #FF7108 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    font-size: 1.6rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
    padding: 1.6rem !important;
    cursor: pointer;
    transition: background .2s !important;
}
#place_order:hover {
    background: #333 !important;
}

/* Notices */
.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
    padding: 1.5rem 2rem;
    margin-bottom: 2rem;
    font-size: 1.3rem;
    list-style: none;
}
.woocommerce-error {
    background: #fff3f3;
    border-left: 4px solid #ef5350;
    color: #ef5350;
}
.woocommerce-message {
    background: #f3fff3;
    border-left: 4px solid #2ecc71;
    color: #2ecc71;
}

/* Empty cart */
.woocommerce-cart .cart-empty {
    font-size: 1.6rem;
    text-align: center;
    padding: 4rem 0;
    color: #666;
}
.woocommerce-cart .return-to-shop .button {
    background: #333 !important;
    color: #fff !important;
    border-radius: 0 !important;
    font-size: 1.4rem !important;
    padding: 1rem 3rem !important;
}
.woocommerce-cart .return-to-shop .button:hover {
    background: #FF7108 !important;
}

/* Mobile cart */
@media (max-width: 767px) {
    .woocommerce table.cart thead {
        display: none;
    }
    .woocommerce table.cart td {
        display: block;
        width: 100%;
        text-align: right;
        padding: .8rem 1rem;
        border-bottom: none;
    }
    .woocommerce table.cart td::before {
        content: attr(data-title);
        float: left;
        font-weight: 600;
        font-size: 1.2rem;
    }
    .woocommerce table.cart tr {
        display: block;
        border-bottom: 1px solid #eee;
        padding: 1rem 0;
        margin-bottom: 1rem;
    }
    .woocommerce table.cart td.product-thumbnail {
        text-align: center;
    }
    .woocommerce table.cart td.product-thumbnail::before {
        display: none;
    }
    .checkout-progress .step-title {
        font-size: 1rem;
    }
    .woocommerce-checkout .col2-set {
        flex-direction: column;
        gap: 1rem;
    }
}

/* ── CART PAGE FIXES ─────────────────────────────────── */

/* Progress steps — правилен стил */
.checkout-progress {
    list-style: none !important;
    padding: 0 !important;
    gap: 0 !important;
}
.checkout-progress li {
    flex: 1 !important;
    max-width: 200px !important;
}

/* Скрий описанието на продуктите в cart */
.woocommerce-cart-form .product-description,
.woocommerce td.product-name .product-description,
.woocommerce-cart .woocommerce-cart-form__cart-item .product-name p,
.cart_item .product-name p {
    display: none !important;
}

/* Cart table */
.woocommerce-cart-form table {
    border-collapse: collapse;
    width: 100%;
}
.woocommerce-cart-form table thead th {
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 1rem;
    border-bottom: 2px solid #eee;
    background: #f9f9f9;
}
.woocommerce-cart-form table tbody td {
    padding: 1.5rem 1rem;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
    font-size: 1.3rem;
}
.woocommerce-cart-form .product-thumbnail img {
    width: 80px !important;
    height: 80px !important;
    object-fit: cover;
    border: 1px solid #eee;
}
.woocommerce-cart-form .product-name a {
    font-weight: 600;
    color: #333;
    font-size: 1.4rem;
}
.woocommerce-cart-form .product-name a:hover {
    color: #FF7108;
}
.woocommerce-cart-form .product-remove a {
    font-size: 2rem;
    color: #aaa !important;
    font-weight: 300;
}
.woocommerce-cart-form .product-remove a:hover {
    color: #ef5350 !important;
}

/* Cart totals box */
.cart_totals {
    background: #f9f9f9;
    padding: 2rem;
    border: 1px solid #eee;
}
.cart_totals h2 {
    font-size: 1.6rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin-bottom: 1.5rem !important;
    padding-bottom: 1rem !important;
    border-bottom: 2px solid #eee !important;
}
.cart_totals .shop_table td,
.cart_totals .shop_table th {
    padding: .8rem 0 !important;
    border: none !important;
    border-bottom: 1px solid #eee !important;
    font-size: 1.3rem !important;
}
.cart_totals .order-total td,
.cart_totals .order-total th {
    font-size: 1.6rem !important;
    font-weight: 700 !important;
    color: #333 !important;
    border-bottom: none !important;
    padding-top: 1.5rem !important;
}
.cart_totals .order-total .woocommerce-Price-amount {
    color: #FF7108 !important;
}
.cart_totals .wc-proceed-to-checkout .checkout-button {
    display: block;
    width: 100%;
    text-align: center;
    background: #333 !important;
    color: #fff !important;
    padding: 1.4rem !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
    border-radius: 0 !important;
    margin-top: 1.5rem;
    transition: background .2s;
}
.cart_totals .wc-proceed-to-checkout .checkout-button:hover {
    background: #FF7108 !important;
}

/* Coupon */
.coupon {
    display: flex !important;
    gap: .5rem !important;
    flex-wrap: wrap !important;
    margin-bottom: 1rem !important;
}
.coupon .input-text {
    flex: 1 !important;
    height: 4rem !important;
    border: 1px solid #ddd !important;
    padding: 0 1rem !important;
    font-size: 1.3rem !important;
    border-radius: 0 !important;
    min-width: 150px !important;
}
.coupon .button {
    height: 4rem !important;
    padding: 0 1.5rem !important;
    font-size: 1.3rem !important;
    border-radius: 0 !important;
}

/* ── PROCEED TO CHECKOUT BUTTON FIX ─────────────────── */
a.checkout-button,
.wc-proceed-to-checkout a,
.wc-proceed-to-checkout a.button,
.cart_totals a.checkout-button {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    background: #333 !important;
    color: #fff !important;
    padding: 1.4rem 2rem !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
    border-radius: 0 !important;
    margin-top: 1.5rem !important;
    text-decoration: none !important;
    transition: background .2s !important;
    border: none !important;
}
a.checkout-button:hover,
.wc-proceed-to-checkout a:hover,
.cart_totals a.checkout-button:hover {
    background: #FF7108 !important;
    color: #fff !important;
}

/* ── CHECKOUT FIXES ──────────────────────────────────── */

/* Скрий описания в order summary */
.wc-block-order-summary-item__description,
.wc-block-components-order-summary-item__description,
.wc-block-order-summary__product-details {
    display: none !important;
}

/* Place Order бутон */
.wc-block-components-checkout-place-order-button,
button#place_order,
.wc-block-checkout__place-order-button button {
    background: #FF7108 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
    padding: 1.4rem 2rem !important;
    width: 100% !important;
    cursor: pointer !important;
    transition: background .2s !important;
}
.wc-block-components-checkout-place-order-button:hover,
button#place_order:hover {
    background: #333 !important;
}

/* Return to Cart link */
.wc-block-checkout__return-to-cart-link {
    font-size: 1.3rem;
    color: #666;
}

/* ── CHECKOUT & FOOTER FIXES ─────────────────────────── */

/* Скрий описания в checkout order summary */
.wc-block-order-summary-item__description,
.wc-block-components-order-summary-item__description,
.wc-block-order-summary__product-details,
.wc-block-components-order-summary-item__individual-prices,
.wc-block-cart-item__description,
.wc-block-components-order-summary-item p {
    display: none !important;
}

/* Footer widget списъци — вертикално наредени */
.footer .widget-content ul,
.footer .widget-content .menu {
    display: block !important;
    columns: 1 !important;
    column-count: 1 !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.footer .widget-content ul li,
.footer .widget-content .menu li {
    display: block !important;
    float: none !important;
    width: 100% !important;
    flex: none !important;
    margin-bottom: .75rem !important;
}

/* Footer линкове — нормален цвят, без highlight */
.footer-ribbon,
.footer-bottom a,
footer a,
.footer a {
    color: inherit !important;
    background: transparent !important;
    padding: 0 !important;
    font-weight: normal !important;
}

/* ── PLACE ORDER — намален и центриран ──────────────── */
.wc-block-components-checkout-place-order-button {
    padding: 1rem 2rem !important;
    font-size: 1.3rem !important;
    min-height: unset !important;
    height: auto !important;
    line-height: 1.4 !important;
}

/* Return to Cart + Place Order — flex ред */
.wc-block-checkout__actions {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    flex-wrap: nowrap !important;
}
.wc-block-checkout__return-to-cart-link {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    font-size: 1.2rem !important;
}

/* ── CHECKOUT ACTIONS ROW — финална версия ──────────── */
.wc-block-checkout__actions_row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 1rem !important;
    width: 100% !important;
}
.wc-block-checkout__return-to-cart-link {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    font-size: 1.3rem !important;
    color: #555 !important;
    text-decoration: none !important;
    display: flex !important;
    align-items: center !important;
    gap: .4rem !important;
}
.wc-block-components-checkout-place-order-button {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 180px !important;
    max-width: 320px !important;
    padding: 1rem 2rem !important;
    text-align: center !important;
    justify-content: center !important;
}

/* ── CHECKOUT ACTIONS — WooCommerce Blocks ───────────── */
.wp-block-woocommerce-checkout-actions-block > div,
.wc-block-checkout__actions_row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 1rem !important;
    width: 100% !important;
}
.wc-block-checkout__return-to-cart-link {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    font-size: 1.3rem !important;
    color: #555 !important;
}
.wc-block-components-checkout-place-order-button {
    flex-shrink: 0 !important;
    min-width: 160px !important;
    width: auto !important;
}

/* Скрий actions вътре в sidebar на мобилен */
.wc-block-checkout.is-mobile .wc-block-checkout__sidebar .wc-block-checkout__actions_row {
    display: none !important;
}
/* Покажи actions след main form */
.wc-block-checkout.is-mobile .wc-block-checkout__main .wc-block-checkout__actions_row {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 1rem !important;
    margin-top: 1.5rem !important;
}

/* ── CHECKOUT МОБИЛЕН — финален ─────────────────────── */
@media (max-width: 767px) {
    /* Actions row — flex ред с return + button */
    .wc-block-checkout__actions_row {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        gap: 1rem !important;
        padding: 1rem 0 !important;
    }
    .wc-block-checkout__return-to-cart-link {
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        font-size: 1.2rem !important;
    }
    .wc-block-components-checkout-place-order-button {
        flex-shrink: 0 !important;
        min-width: 140px !important;
        width: auto !important;
        font-size: 1.2rem !important;
        padding: .9rem 1.5rem !important;
    }
}

/* ══════════════════════════════════════════════════════
   CHECKOUT — Porto стил
   ══════════════════════════════════════════════════════ */

/* Billing полета */
.woocommerce-checkout .woocommerce-billing-fields .form-row,
.woocommerce-checkout .woocommerce-additional-fields .form-row {
    margin-bottom: 1rem !important;
}
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last {
    width: 48% !important;
    float: left !important;
}
.woocommerce-checkout .form-row-last {
    float: right !important;
}
.woocommerce-checkout .form-row-wide {
    width: 100% !important;
    float: none !important;
    clear: both !important;
}
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: .8rem 1rem !important;
    border: 1px solid #ddd !important;
    font-size: 1.4rem !important;
}
.woocommerce-checkout .form-row textarea {
    height: 120px !important;
}

/* Order Summary вдясно */
.woocommerce-checkout .order-summary {
    background: #f9f9f9 !important;
    padding: 2rem !important;
    border: 1px solid #eee !important;
}
.woocommerce-checkout .order-summary h3 {
    font-size: 1.8rem !important;
    font-weight: 700 !important;
    margin-bottom: 1.5rem !important;
    padding-bottom: 1rem !important;
    border-bottom: 1px solid #eee !important;
}
.woocommerce-checkout .shop_table {
    width: 100% !important;
}

/* Place Order бутон */
.woocommerce-checkout #place_order {
    background: #FF7108 !important;
    color: #fff !important;
    width: 100% !important;
    padding: 1.2rem !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    margin-top: 1rem !important;
    display: block !important;
}
.woocommerce-checkout #place_order:hover {
    background: #333 !important;
}

/* Checkout steps list */
.checkout-steps {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.checkout-steps li {
    margin-bottom: 2rem !important;
}
.checkout-steps .step-title {
    font-size: 1.8rem !important;
    font-weight: 700 !important;
    margin-bottom: 1.5rem !important;
    text-transform: uppercase !important;
}

/* Coupon bar */
.checkout-discount .woocommerce-info {
    background: #fff8e7 !important;
    border-left: 3px solid #FF7108 !important;
    margin-bottom: 2rem !important;
}

/* Мобилен */
@media (max-width: 767px) {
    .woocommerce-checkout .form-row-first,
    .woocommerce-checkout .form-row-last {
        width: 100% !important;
        float: none !important;
    }
}

/* ── CHECKOUT — полета пълна ширина (финален fix) ────── */
.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
.woocommerce-checkout .form-row-first input.input-text,
.woocommerce-checkout .form-row-last input.input-text {
    width: 100% !important;
}
.woocommerce-checkout textarea#order_comments {
    width: 100% !important;
    height: 120px !important;
    box-sizing: border-box !important;
}

/* ── CHECKOUT — FORCE input ширина ──────────────────── */
body.woocommerce-checkout .col-lg-7 input[type="text"],
body.woocommerce-checkout .col-lg-7 input[type="email"],
body.woocommerce-checkout .col-lg-7 input[type="tel"],
body.woocommerce-checkout .col-lg-7 input[type="password"],
body.woocommerce-checkout .col-lg-7 select,
body.woocommerce-checkout .col-lg-7 textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
}
body.woocommerce-checkout .col-lg-7 .form-row {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
body.woocommerce-checkout .col-lg-7 .form-row-first {
    width: 48% !important;
    display: inline-block !important;
    vertical-align: top !important;
    margin-right: 3% !important;
}
body.woocommerce-checkout .col-lg-7 .form-row-last {
    width: 48% !important;
    display: inline-block !important;
    vertical-align: top !important;
}

/* ── CHECKOUT — Select fields fix ───────────────────── */
body.woocommerce-checkout .col-lg-7 select,
body.woocommerce-checkout .col-lg-7 .select2-container,
body.woocommerce-checkout .col-lg-7 .select2-container--default .select2-selection--single {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    border: 1px solid #ddd !important;
    border-radius: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    background: #fff !important;
    height: auto !important;
    min-height: 38px !important;
}
body.woocommerce-checkout .col-lg-7 .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px !important;
    padding-left: 1rem !important;
    color: #333 !important;
}
body.woocommerce-checkout .col-lg-7 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px !important;
}
/* Coupon bar — само до края на контейнера */
.checkout-discount {
    margin-bottom: 2rem !important;
}
.checkout-discount .woocommerce-info {
    margin: 0 !important;
    border-radius: 0 !important;
}

/* ── CHECKOUT — Coupon bar ───────────────────────────── */
.checkout-discount .woocommerce-info {
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 0 2rem 0 !important;
    padding: 1rem 1.5rem !important;
    background: #fff8e7 !important;
    border-top: none !important;
    border-left: 3px solid #FF7108 !important;
    border-right: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    font-size: 1.4rem !important;
}
.checkout-discount .woocommerce-info::before, .woocommerce-error::before, .woocommerce-info::before,
.checkout-discount .woocommerce-info::after, .woocommerce-message::before {
    display: none !important;
}
.woocommerce-info {
   background: none !important;
}

/* ── CHECKOUT — Payment methods info box ─────────────── */
.woocommerce-checkout .woocommerce-no-payment-methods-found,
.woocommerce-checkout .wc_payment_methods .payment_box p,
.woocommerce-checkout ul.wc_payment_methods {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}
.woocommerce-checkout .woocommerce-info.wc-no-payment-methods,
.woocommerce-checkout .payment-methods-error {
    border: 1px solid #f5c6cb !important;
    background: #fff3f3 !important;
    padding: 1.5rem !important;
    margin-bottom: 1rem !important;
    box-shadow: none !important;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
   border-top:0px !important;
}
form h2 {
   margin-top: 0px !important;
}
/* ══════════════════════════════════════════════════════
   MY ACCOUNT — Porto Login/Register стил
   ══════════════════════════════════════════════════════ */
.login-container {
    padding-top: 3rem !important;
    padding-bottom: 5rem !important;
}
.login-container .title {
    font-size: 2.4rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin-bottom: 2rem !important;
    padding-bottom: 1rem !important;
    border-bottom: 2px solid #eee !important;
}
.porto-login-col,
.porto-register-col {
    padding: 0 2rem !important;
}
.porto-login-col {
    border-right: 1px solid #eee !important;
}
.login-container label {
    display: block !important;
    font-weight: 600 !important;
    margin-bottom: .5rem !important;
    font-size: 1.4rem !important;
}
.login-container .form-input.form-wide {
    width: 100% !important;
    padding: .9rem 1rem !important;
    border: 1px solid #ddd !important;
    font-size: 1.4rem !important;
    margin-bottom: 1.5rem !important;
    box-sizing: border-box !important;
    display: block !important;
}
.login-container .form-footer {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 1.5rem !important;
}
.login-container .forget-password {
    font-size: 1.3rem !important;
    color: #666 !important;
}
.login-container .btn.btn-dark {
    background: #FF7108 !important;
    border-color: #FF7108 !important;
    color: #fff !important;
    padding: 1rem !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
    border-radius: 0 !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
}
.login-container .btn.btn-dark:hover {
    background: #333 !important;
    border-color: #333 !important;
}

/* Dashboard (logged in) */
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: left !important;
    width: 25% !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
    float: right !important;
    width: 72% !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    padding: 0 !important;
    border: 1px solid #eee !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: block !important;
    padding: 1rem 1.5rem !important;
    border-bottom: 1px solid #eee !important;
    color: #333 !important;
    font-size: 1.4rem !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    background: #FF7108 !important;
    color: #fff !important;
    font-weight: 700 !important;
}

@media (max-width: 767px) {
    .porto-login-col {
        border-right: none !important;
        border-bottom: 1px solid #eee !important;
        margin-bottom: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        float: none !important;
        width: 100% !important;
    }
}

/* ── MY ACCOUNT — Content area fix ──────────────────── */
.woocommerce-account .woocommerce {
    display: flex !important;
    gap: 3rem !important;
    align-items: flex-start !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: none !important;
    width: 220px !important;
    flex-shrink: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
    float: none !important;
    width: auto !important;
    flex: 1 !important;
    min-width: 0 !important;
}
/* Address boxes */
.woocommerce-account .woocommerce-Addresses {
    display: flex !important;
    gap: 3rem !important;
}
.woocommerce-account .woocommerce-Address {
    flex: 1 !important;
    min-width: 0 !important;
}
.woocommerce-account .woocommerce-Address-title h3 {
    font-size: 1.6rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin-bottom: 1rem !important;
}

@media (max-width: 767px) {
    .woocommerce-account .woocommerce {
        flex-direction: column !important;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100% !important;
    }
    .woocommerce-account .woocommerce-Addresses {
        flex-direction: column !important;
    }
}

/* ── MY ACCOUNT — Addresses fix ─────────────────────── */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses,
.woocommerce-account .addresses .woocommerce-Addresses {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 3rem !important;
}
.woocommerce-account .woocommerce-MyAccount-content .col-1,
.woocommerce-account .woocommerce-MyAccount-content .col-2 {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
}
.woocommerce-account .woocommerce-Address-title {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-bottom: 2px solid #eee !important;
    padding-bottom: .5rem !important;
    margin-bottom: 1rem !important;
}
.woocommerce-account .woocommerce-Address-title h3 {
    font-size: 1.6rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin: 0 !important;
}
@media (max-width: 767px) {
    .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses,
    .woocommerce-account .addresses .woocommerce-Addresses {
        grid-template-columns: 1fr !important;
    }
}

/* ── MY ACCOUNT — Addresses ul/li fix ───────────────── */
.woocommerce-account .woocommerce-MyAccount-content ul.woocommerce-Addresses {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 3rem !important;
}
.woocommerce-account .woocommerce-MyAccount-content ul.woocommerce-Addresses li.woocommerce-Address {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}
.woocommerce-account .woocommerce-MyAccount-content ul.woocommerce-Addresses li * {
    word-break: normal !important;
    overflow-wrap: normal !important;
    white-space: normal !important;
}

/* ── MY ACCOUNT — Addresses col2-set fix ────────────── */
.woocommerce-account .woocommerce-MyAccount-content .col2-set {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 3rem !important;
    width: 100% !important;
}
.woocommerce-account .woocommerce-MyAccount-content .col2-set .col-1,
.woocommerce-account .woocommerce-MyAccount-content .col2-set .col-2 {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
@media (max-width: 767px) {
    .woocommerce-account .woocommerce-MyAccount-content .col2-set {
        grid-template-columns: 1fr !important;
    }
}

/* ── MY ACCOUNT — col-1/col-2 force width ───────────── */
.woocommerce-account .woocommerce-MyAccount-content .col2-set .col-1,
.woocommerce-account .woocommerce-MyAccount-content .col2-set .col-2,
.woocommerce-account .col2-set .col-1,
.woocommerce-account .col2-set .col-2 {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    float: none !important;
    flex: none !important;
}

/* ── MY ACCOUNT — Address title fix ─────────────────── */
.woocommerce-account .woocommerce-Address-title.title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-bottom: 2px solid #eee !important;
    padding-bottom: .8rem !important;
    margin-bottom: 1rem !important;
}
.woocommerce-account .woocommerce-Address-title h2 {
    font-size: 1.6rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    letter-spacing: .05em !important;
}
.woocommerce-account .woocommerce-Address-title .edit {
    font-size: 1.2rem !important;
    color: #FF7108 !important;
    white-space: nowrap !important;
}
/* col2-set — само 2 колони на един ред */
.woocommerce-account .woocommerce-MyAccount-content .col2-set {
    grid-template-columns: 1fr 1fr !important;
    grid-template-rows: auto !important;
    align-items: start !important;
}

/* ── MY ACCOUNT — Force grid positions ──────────────── */
.woocommerce-account .woocommerce-MyAccount-content .col2-set .u-column1,
.woocommerce-account .woocommerce-MyAccount-content .col2-set .col-1 {
    grid-column: 1 !important;
    grid-row: 1 !important;
}
.woocommerce-account .woocommerce-MyAccount-content .col2-set .u-column2,
.woocommerce-account .woocommerce-MyAccount-content .col2-set .col-2 {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

/* ── MY ACCOUNT — Edit Address форма ────────────────── */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .form-row {
    margin-bottom: 1rem !important;
    padding: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 1.5rem !important;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row-wide {
    grid-column: 1 / -1 !important;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row-first {
    grid-column: 1 !important;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row-last {
    grid-column: 2 !important;
}
/* Input полета */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields input[type="text"],
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields input[type="email"],
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields input[type="tel"],
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields select {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: .8rem 1rem !important;
    border: 1px solid #ddd !important;
    font-size: 1.4rem !important;
}
/* Select2 */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .select2-container {
    width: 100% !important;
}
/* Save button */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .button {
    background: #FF7108 !important;
    color: #fff !important;
    padding: 1rem 2.5rem !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    margin-top: 1rem !important;
    letter-spacing: .05em !important;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .button:hover {
    background: #333 !important;
}

/* ── MY ACCOUNT — Edit Address полета (override Porto) ── */
.woocommerce-account .edit-account,
.woocommerce-account .woocommerce-address-fields {
    width: 100% !important;
}
.woocommerce-account .woocommerce-address-fields .form-row-first,
.woocommerce-account .woocommerce-address-fields .form-row-last {
    width: 48% !important;
    float: left !important;
    clear: none !important;
    box-sizing: border-box !important;
}
.woocommerce-account .woocommerce-address-fields .form-row-last {
    float: right !important;
}
.woocommerce-account .woocommerce-address-fields .form-row-wide {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box !important;
}
.woocommerce-account .woocommerce-address-fields input.input-text,
.woocommerce-account .woocommerce-address-fields select {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: .8rem 1rem !important;
    border: 1px solid #ddd !important;
    font-size: 1.4rem !important;
    display: block !important;
}
.woocommerce-account .woocommerce-address-fields .select2-container {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ══════════════════════════════════════════════════════
   QUICK VIEW BUTTON (.jd-quickview)
   Собствен клас — Porto's JS не го разпознава
   ══════════════════════════════════════════════════════ */

@media (max-width: 767px) {
    .jd-quickview   { display: none !important; }
    .home-slider    { display: none !important; }
    /* Disable mobile animation work to avoid scroll-time layout reads. */
    .appear-animate { opacity: 1 !important; transform: none !important; animation: none !important; }
    .animated,
    [data-animation-name] {
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
        transition: none !important;
    }
}

.inner-quickview figure .jd-quickview,
.inner-icon figure .jd-quickview {
    position: absolute;
    padding: 0.8rem 1.4rem;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    color: #fff;
    background-color: #FF7108;
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    visibility: hidden;
    opacity: 0;
    margin: 0;
    border: none;
    line-height: 1.82;
    transition: opacity 0.2s, visibility 0.2s;
    z-index: 2;
    cursor: pointer;
    display: block;
    box-sizing: border-box;
}
.inner-quickview:hover figure .jd-quickview,
.inner-icon:hover figure .jd-quickview {
    visibility: visible;
    opacity: 0.92;
}
.inner-quickview figure .jd-quickview:hover,
.inner-icon figure .jd-quickview:hover {
    opacity: 1;
    color: #fff;
}

/* cat-showcase quick view бутон (не е вътре в inner-quickview) */
.cat-showcase .jd-quickview {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.8rem 1.4rem;
    background: #FF7108;
    color: #fff;
    font-size: 1.3rem;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s, visibility 0.2s;
    z-index: 2;
    display: block;
    box-sizing: border-box;
}
.cat-showcase .product-default:hover .jd-quickview {
    visibility: visible;
    opacity: 0.92;
}
.cat-showcase .jd-quickview:hover {
    opacity: 1;
    color: #fff;
}

/* ══════════════════════════════════════════════════════
   QUICK VIEW MODAL
   ══════════════════════════════════════════════════════ */

#jd-qv-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .55);
    z-index: 99999;
    overflow-y: auto;
    padding: 3rem 1.5rem;
}

#jd-qv-modal {
    position: relative;
    background: #fff;
    width: 100%;
    max-width: 900px;
    margin: auto;
    padding: 3rem 3rem 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.jd-qv-close {
    position: absolute;
    top: 1.2rem;
    right: 1.2rem;
    background: none;
    border: none;
    font-size: 1.8rem;
    line-height: 1;
    color: #aaa;
    cursor: pointer;
    padding: .4rem .8rem;
    transition: color .2s;
    z-index: 10;
}
.jd-qv-close:hover {
    color: #333;
}

/* Loading spinner */
.jd-qv-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
}
.jd-qv-spinner {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 3px solid #eee;
    border-top-color: #FF7108;
    border-radius: 50%;
    animation: jd-spin .7s linear infinite;
}
@keyframes jd-spin {
    to { transform: rotate(360deg); }
}

/* Body — two-column layout */
.jd-qv-body {
    display: flex;
    gap: 3rem;
    align-items: flex-start;
}

/* Images column */
.jd-qv-images {
    flex: 0 0 45%;
    max-width: 45%;
}
.jd-qv-main-img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    background: #f9f9f9;
}
.jd-qv-thumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 8px;
}
.jd-qv-thumb {
    width: 64px;
    height: 64px;
    object-fit: cover;
    cursor: pointer;
    border: 2px solid #ddd;
    transition: border-color .2s;
}
.jd-qv-thumb.active,
.jd-qv-thumb:hover {
    border-color: #FF7108;
}

/* Details column */
.jd-qv-details {
    flex: 1;
    min-width: 0;
}
.jd-qv-title {
    font-size: 2rem;
    font-weight: 700;
    color: #222529;
    margin: 0 0 1rem;
    line-height: 1.3;
}
.jd-qv-price {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 1.5rem;
}
.jd-qv-price .woocommerce-Price-amount {
    color: #333;
}
.jd-qv-price ins {
    text-decoration: none;
    color: #FF7108;
}
.jd-qv-price del {
    color: #aaa;
    font-size: 1.4rem;
    font-weight: 400;
    margin-right: .5rem;
}
.jd-qv-desc {
    font-size: 1.4rem;
    color: #555;
    line-height: 1.7;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #eee;
    padding-bottom: 1.5rem;
}
.jd-qv-desc p:last-child {
    margin-bottom: 0;
}
.jd-qv-meta {
    font-size: 1.3rem;
    color: #777;
    display: flex;
    flex-direction: column;
    gap: .4rem;
}

/* Variation selects клонирани в детайлите */
.jd-qv-variations table.variations,
.jd-qv-variations .variations {
    display: block !important;
    width: 100% !important;
    border: none !important;
    margin-top: 1.5rem !important;
}
.jd-qv-variations table.variations tbody { display: block !important; }
.jd-qv-variations table.variations tr,
.jd-qv-variations .variations .form-row {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 1.2rem !important;
}
.jd-qv-variations table.variations td.label,
.jd-qv-variations .variations label {
    width: 14rem;
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
    flex-shrink: 0;
}
.jd-qv-variations table.variations td.value,
.jd-qv-variations .variations .select-wrapper {
    flex: 1;
}
.jd-qv-variations select {
    width: 100% !important;
    height: 42px !important;
    border: 1px solid #ddd !important;
    padding: 0 3.5rem 0 1.2rem !important;
    font-size: 1.3rem !important;
    font-weight: 600 !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M5 6L0 0h10z' fill='%23222529'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 1.2rem center !important;
    background-color: #fff !important;
    cursor: pointer !important;
}
/* Скрий "Clear" бутона в клонираните selects */
.jd-qv-variations .reset_variations { display: none !important; }

/* Error съобщение над Quick View footer */
.jd-qv-error-msg {
    font-size: 1.3rem;
    color: #c0392b;
    background: #fdf0ee;
    border: 1px solid #e8b4ae;
    padding: .6rem 1.4rem;
    margin: 0 0 0 0;
    border-radius: 0;
}

/* Вариационна цена в детайлите */
.jd-qv-var-price {
    margin-top: 1rem;
    font-size: 2.2rem;
    font-weight: 700;
}
.jd-qv-var-price .woocommerce-Price-amount { color: #FF7108; }

/* Footer bar — quantity + ADD TO CART + ♥ + → */
.jd-qv-footer {
    display: flex;
    align-items: stretch;
    gap: 1rem;
    padding: 1.5rem 0 0;
    border-top: 1px solid #eee;
    margin-top: 1.5rem;
}
/* Скрий variation table в footer-а (показваме я само в детайлите) */
.jd-qv-footer table.variations,
.jd-qv-footer .variations,
.jd-qv-footer .single_variation,
.jd-qv-footer .woocommerce-variation-price {
    display: none !important;
}
.jd-qv-footer .jd-qv-cart {
    flex: 1;
    min-width: 0;
}
.jd-qv-footer .single_variation_wrap { width: 100% !important; }
.jd-qv-footer .woocommerce-variation-add-to-cart,
.jd-qv-footer .variations_button {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    width: 100% !important;
    margin: 0 !important;
}
.jd-qv-footer form.cart:not(.variations_form) {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    margin: 0 !important;
}
.jd-qv-footer .single_add_to_cart_button,
.jd-qv-footer .button {
    flex: 1 !important;
    background: #FF7108 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
    padding: 1.7rem 2rem !important;
    cursor: pointer !important;
    transition: background .2s !important;
    white-space: nowrap !important;
}
.jd-qv-footer .single_add_to_cart_button:hover,
.jd-qv-footer .button:hover {
    background: #e06300 !important;
}
.jd-qv-footer .single_add_to_cart_button.disabled {
    background: #aaa !important;
    cursor: default !important;
    opacity: 1 !important;
}
.jd-qv-footer .single_add_to_cart_button.disabled:hover {
    background: #aaa !important;
}
.jd-qv-view-link {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    border: 1px solid #333;
    font-size: 1.6rem;
    text-decoration: none;
    background: #333 !important;
    border-color: #333 !important;
    color: #fff !important;
    transition: background .2s, border-color .2s;
}
.jd-qv-view-link:hover {
    background: #FF7108 !important;
    border-color: #FF7108 !important;
}
.woocommerce .quantity .qty, .input-text .qty .text {
    width: 60px !important;
    padding: 0.9rem 0.5rem 0.9rem 0rem !important;
}

/* Mobile */
@media (max-width: 767px) {
    #jd-qv-overlay {
        padding: 1.5rem 1rem;
    }
    #jd-qv-modal {
        padding: 2rem 1.5rem;
    }
    .jd-qv-body {
        flex-direction: column;
        gap: 2rem;
    }
    .jd-qv-images {
        flex: none;
        max-width: 100%;
        width: 100%;
    }
}

/* ── MY ACCOUNT — Edit Address FORCE grid items ──────── */
body.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row-first,
body.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row-last {
    width: auto !important;
    max-width: 100% !important;
    float: none !important;
    min-width: 0 !important;
}
body.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row-first input,
body.woocommerce-account .woocommerce-address-fields__field-wrapper .form-row-last input {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ── MY ACCOUNT — Edit Address p.form-row fix ────────── */
.woocommerce-account .woocommerce-address-fields__field-wrapper p.form-row {
    width: auto !important;
    max-width: 100% !important;
    float: none !important;
    clear: none !important;
    margin: 0 0 1rem 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}
.woocommerce-account .woocommerce-address-fields__field-wrapper p.form-row .woocommerce-input-wrapper {
    display: block !important;
    width: 100% !important;
}
.woocommerce-account .woocommerce-address-fields__field-wrapper p.form-row .woocommerce-input-wrapper input,
.woocommerce-account .woocommerce-address-fields__field-wrapper p.form-row .woocommerce-input-wrapper select {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ── PRICE FILTER SLIDER — Porto стил ───────────────── */
.widget_price_filter .ui-slider {
    background: #e0e0e0 !important;
    border: none !important;
    height: 4px !important;
    border-radius: 2px !important;
}
.widget_price_filter .ui-slider .ui-slider-range {
    background: #1e88e5 !important;
    border-radius: 2px !important;
}
.widget_price_filter .ui-slider .ui-slider-handle {
    background: #1e88e5 !important;
    border: none !important;
    border-radius: 50% !important;
    width: 14px !important;
    height: 14px !important;
    top: -5px !important;
    cursor: pointer !important;
    box-shadow: 0 1px 3px rgba(0,0,0,.3) !important;
}
.widget_price_filter .ui-slider .ui-slider-handle:focus {
    outline: none !important;
}

/* ── PRICE FILTER — force override Porto ─────────────── */
.price_slider_wrapper .ui-widget-content,
.price_slider_wrapper .ui-slider-horizontal {
    background: #e0e0e0 !important;
    border: none !important;
}
.price_slider_wrapper .ui-slider-range,
.price_slider_wrapper .ui-widget-header {
    background: #1e88e5 !important;
}
.price_slider_wrapper .ui-slider-handle,
.price_slider_wrapper .ui-state-default {
    background: #1e88e5 !important;
    border-color: #1e88e5 !important;
}

/* ── NEWSLETTER ──────────────────────────────────────── */
/* Outer flex wrapper in front-page.php centers this div; width is constrained here. */
.julidecals-newsletter-cf7 {
    width: 480px !important;
    max-width: calc(100% - 2rem) !important;
    margin: 0 !important;
    padding: 0 !important;
}
.julidecals-newsletter-cf7 .wpcf7,
.julidecals-newsletter-cf7 .wpcf7-form {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
.julidecals-newsletter-cf7 .wpcf7-form > p {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}
.julidecals-newsletter-cf7 .wpcf7-spinner {
    position: absolute !important;
    top: 50% !important;
    right: .6rem !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    width: 18px !important;
    height: 18px !important;
}
.julidecals-newsletter-cf7 .wpcf7-form > p > .wpcf7-form-control-wrap {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: block !important;
}
.julidecals-newsletter-cf7 .wpcf7-form .wpcf7-email {
    width: 100% !important;
    padding: .9rem 1.2rem !important;
    border: 1px solid #ddd !important;
    border-right: none !important;
    border-radius: 0 !important;
    background: #fff !important;
    font-size: 1.4rem !important;
    box-sizing: border-box !important;
    height: 100% !important;
}
.julidecals-newsletter-cf7 .wpcf7-form .wpcf7-submit {
    flex: 0 0 auto !important;
    padding: .9rem 2rem !important;
    background: #FF7108 !important;
    color: #fff !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}
.julidecals-newsletter-cf7 .wpcf7-form .wpcf7-submit:hover {
    background: #333 !important;
}
.julidecals-newsletter-cf7 .wpcf7-not-valid-tip {
    display: none !important;
}
.julidecals-newsletter-cf7 .wpcf7-form.invalid .wpcf7-email,
.julidecals-newsletter-cf7 .wpcf7-form.unaccepted .wpcf7-email {
    border-color: #dc3232 !important;
}
.julidecals-newsletter-cf7 .wpcf7-response-output {
    margin-top: 1rem !important;
    font-size: 1.3rem !important;
    text-align: center !important;
    border: none !important;
    padding: 0 !important;
}
.julidecals-newsletter-cf7 .wpcf7-form.invalid .wpcf7-response-output,
.julidecals-newsletter-cf7 .wpcf7-form.spam .wpcf7-response-output {
    color: #dc3232 !important;
}
.julidecals-newsletter-cf7 .wpcf7-form.sent .wpcf7-response-output {
    color: #46b450 !important;
}
@media (max-width: 575px) {
    .julidecals-newsletter-cf7 .wpcf7-form > p {
        flex-direction: column !important;
    }
    .julidecals-newsletter-cf7 .wpcf7-form .wpcf7-email {
        border-right: 1px solid #ddd !important;
        border-bottom: none !important;
    }
    .julidecals-newsletter-cf7 .wpcf7-form .wpcf7-submit {
        width: 100% !important;
        padding: 1rem !important;
    }
}

.header .logo,
.sticky-header.fixed .logo {
    max-width: 180px !important;
    width: 180px;
    flex: 0 0 auto;
}
.header .logo img,
.header .logo .custom-logo {
    display: block;
    width: 100%;
    max-width: 180px !important;
    height: auto;
}

@media (max-width: 575px) {
    .header .logo,
    .sticky-header.fixed .logo {
        max-width: 160px !important;
        width: 160px;
    }
}

/* ── CONTACT PAGE ───────────────────────────────────── */
.contact-page {
    padding-bottom: 5rem;
}
.contact-page .section-heading {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: .5rem;
}
.contact-page .section-subtext {
    color: #777;
    font-size: 1.4rem;
    margin-bottom: 2.5rem;
}
.contact-info-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 2rem;
}
.contact-info-icon {
    flex: 0 0 4rem;
    height: 4rem;
    background: #FF7108;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1.5rem;
    color: #fff;
    font-size: 1.8rem;
}
.contact-info-label {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: .3rem;
}
.contact-info-text {
    font-size: 1.4rem;
    color: #555;
    margin: 0;
    line-height: 1.6;
}
.contact-info-text a {
    color: inherit;
}

/* ── CONTACT FORM ────────────────────────────────────── */
.julidecals-contact-cf7 .wpcf7-form p {
    margin-bottom: 1.5rem !important;
}
.julidecals-contact-cf7 .wpcf7-form label {
    display: block !important;
    font-size: 1.4rem !important;
    font-weight: 600 !important;
    color: #333 !important;
    margin-bottom: .5rem !important;
}
.julidecals-contact-cf7 .wpcf7-form input[type="text"],
.julidecals-contact-cf7 .wpcf7-form input[type="email"],
.julidecals-contact-cf7 .wpcf7-form input[type="tel"],
.julidecals-contact-cf7 .wpcf7-form textarea {
    width: 100% !important;
    padding: 1rem 1.4rem !important;
    font-size: 1.4rem !important;
    color: #333 !important;
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 3px !important;
    box-sizing: border-box !important;
    transition: border-color .2s !important;
    appearance: none !important;
}
.julidecals-contact-cf7 .wpcf7-form input[type="text"]:focus,
.julidecals-contact-cf7 .wpcf7-form input[type="email"]:focus,
.julidecals-contact-cf7 .wpcf7-form input[type="tel"]:focus,
.julidecals-contact-cf7 .wpcf7-form textarea:focus {
    border-color: #FF7108 !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(204,153,51,.12) !important;
}
.julidecals-contact-cf7 .wpcf7-form textarea {
    min-height: 160px !important;
    resize: vertical !important;
}
.julidecals-contact-cf7 .wpcf7-form .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
}
.julidecals-contact-cf7 .wpcf7-form input[type="submit"] {
    display: inline-block !important;
    padding: 1rem 3rem !important;
    background: #FF7108 !important;
    color: #fff !important;
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
    border: none !important;
    border-radius: 3px !important;
    cursor: pointer !important;
    transition: background .2s !important;
}
.julidecals-contact-cf7 .wpcf7-form input[type="submit"]:hover {
    background: #333 !important;
}
.julidecals-contact-cf7 .wpcf7-not-valid-tip {
    display: block !important;
    font-size: 1.2rem !important;
    color: #dc3232 !important;
    margin-top: .4rem !important;
}
.julidecals-contact-cf7 .wpcf7-form.invalid input,
.julidecals-contact-cf7 .wpcf7-form.invalid textarea {
    border-color: #ddd !important;
}
.julidecals-contact-cf7 .wpcf7-form.invalid .wpcf7-not-valid + .wpcf7-not-valid-tip,
.julidecals-contact-cf7 .wpcf7-form .wpcf7-not-valid {
    border-color: #dc3232 !important;
}
.julidecals-contact-cf7 .wpcf7-response-output {
    margin-top: 1.5rem !important;
    padding: 1rem 1.5rem !important;
    font-size: 1.4rem !important;
    border-radius: 3px !important;
    border: 1px solid transparent !important;
}
.julidecals-contact-cf7 .wpcf7-form.sent .wpcf7-response-output {
    background: #f0faf0 !important;
    border-color: #46b450 !important;
    color: #2d6e35 !important;
}
.julidecals-contact-cf7 .wpcf7-form.invalid .wpcf7-response-output,
.julidecals-contact-cf7 .wpcf7-form.spam .wpcf7-response-output {
    background: #fdf0f0 !important;
    border-color: #dc3232 !important;
    color: #a00 !important;
}
.julidecals-contact-cf7 .wpcf7-spinner {
    display: none !important;
}

.page-header {
  padding: 1.5rem 0;
  color: #222529;
  text-align: center;
  background: none !important;
}

/* ── FAQ PAGE ────────────────────────────────────────── */
.faq-page {
    padding-bottom: 5rem;
}
.faq-section-title {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1.5rem;
    padding-bottom: .75rem;
    border-bottom: 2px solid #FF7108;
}
.faq-card-header {
    cursor: pointer;
}
.faq-question-title {
    font-size: 1.5rem;
    font-weight: 600;
}
.faq-toggle-icon {
    font-size: 1.4rem;
    margin-top: .2rem;
}
.faq-answer {
    font-size: 1.4rem;
    color: #555;
    line-height: 1.7;
}
.faq-cta {
    background: #f5f0e8;
    padding: 3rem 2rem;
    border-radius: 4px;
}
.faq-cta-title {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
.faq-cta-text {
    font-size: 1.5rem;
    color: #555;
    margin-bottom: 2rem;
}
.btn-gold {
    background: #FF7108;
    border-color: #FF7108;
    color: #fff;
    font-size: 1.4rem;
    padding: .9rem 3rem;
}
.btn-gold:hover,
.btn-gold:focus {
    background: #a87c22;
    border-color: #a87c22;
    color: #fff;
}

/* ── MOBILE: variations & custom attr selects ─────────────────────────── */
@media (max-width: 575px) {
    .product-single-details table.variations tr {
        flex-direction: column !important;
        align-items: flex-start !important;
        margin-bottom: 1.5rem !important;
    }
    .product-single-details table.variations td.label,
    .product-single-details table.variations td.value {
        width: 100% !important;
        padding: 2px 0 !important;
    }
    .product-single-details table.variations td.value select {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
    .custom-variations table.variations tr td.label {
        width: 100% !important;
    }
    .custom-variations table.variations tr td.value {
        width: 100% !important;
    }
    .custom-variations table.variations tr td.value select {
        width: 100% !important;
    }
}

/* Product Tags (под табовете) */
.product-single-tabs + .product-tags {
    margin-top: -1rem;
}
.product-tags {
    margin-bottom: 3rem !important;
    padding-top: .5rem;
}
.product-tags .tags-label {
    margin: 0 0 1.2rem;
    color: #1f1b2d;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    text-transform: none;
}
.product-tags .tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: .8rem .7rem;
}
.product-tags .tag-link {
    display: inline-flex;
    align-items: center;
    min-height: 4.6rem;
    padding: 1.1rem 1.7rem;
    border-radius: 999px;
    background: #f2efef;
    color: #2f2d36;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.25;
    text-decoration: none;
    transition: background-color .2s, color .2s;
}
.product-tags .tag-link:hover {
    background: #FF7108;
    color: #fff;
    text-decoration: none;
}
@media (max-width: 575px) {
    .product-tags .tags-label {
        font-size: 2rem;
    }
    .product-tags .tag-link {
        min-height: 4rem;
        padding: .9rem 1.3rem;
        font-size: 1.25rem;
    }
}

/* Personalization field */
.personalization-field {
    margin: 1.2rem 0;
}
.personalization-field label {
    display: block;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .08em;
    color: #333;
    margin-bottom: .5rem;
}
.personalization-field .form-control {
    width: 100%;
    max-width: 400px;
    padding: .6rem 1rem;
    font-size: 1.4rem;
    border: 1px solid #000000;
    border-radius: 0;
    outline: none;
    transition: border-color .2s;
}
.personalization-field .form-control:focus {
    border-color: #FF7108;
    box-shadow: none;
}

/* ── PAGE CONTENT (index.php / About Us) ─────────────────────────────────── */
.page-title {
    font-size: 3rem;
    font-weight: 700;
    color: #222;
    margin-bottom: 2.5rem;
}
.entry-content {
    font-size: 1.5rem;
    line-height: 1.8;
    color: #555;
}
.entry-content h2 {
    font-size: 2.2rem;
    font-weight: 700;
    color: #222;
    margin-top: 3rem;
    margin-bottom: 1.2rem;
}
.entry-content h3 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #333;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.entry-content p {
    margin-bottom: 1.5rem;
}
.entry-content ul,
.entry-content ol {
    padding-left: 2rem;
    margin-bottom: 1.5rem;
}
.entry-content li {
    margin-bottom: .5rem;
}
.entry-content a {
    color: #FF7108;
    text-decoration: underline;
}
.entry-content a:hover {
    color: #e06300;
}
.entry-content .jdg-related-products a {
    text-decoration: none;
}
.entry-content .jdg-related-products .product-category {
    color: #FF7108;
}
.entry-content .jdg-related-products .product-title a {
    color: #333;
}
.entry-content .jdg-related-products .product-title a:hover {
    color: #FF7108;
}

/* ══════════════════════════════════════════════════════
   BLOG ARCHIVE (home.php / archive.php)
   ══════════════════════════════════════════════════════ */

.jd-blog-archive {
    padding-top: 3rem;
    padding-bottom: 6rem;
}
.jd-blog-archive .page-title {
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 3rem;
}
.jd-archive-desc {
    font-size: 1.5rem;
    color: #666;
    margin-bottom: 3rem;
}
.jd-blog-pagination {
    margin-top: 4rem;
    text-align: center;
}
.jd-blog-pagination .nav-links {
    display: inline-flex;
    gap: .4rem;
    flex-wrap: wrap;
    justify-content: center;
}
.jd-blog-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1.4rem;
    color: #555;
    text-decoration: none;
    transition: background .15s, color .15s;
}
.jd-blog-pagination .page-numbers:hover,
.jd-blog-pagination .page-numbers.current {
    background: #FF7108;
    border-color: #FF7108;
    color: #fff;
}

/* ══════════════════════════════════════════════════════
   SINGLE POST (single.php)
   ══════════════════════════════════════════════════════ */

.jd-single-post {
    padding-top: 3rem;
    padding-bottom: 6rem;
}

.jd-post-hero {
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 2.4rem;
}
.jd-post-hero img {
    width: 100%;
    display: block;
}

.jd-post-meta {
    display: flex;
    align-items: center;
    gap: 1.4rem;
    flex-wrap: wrap;
    margin-bottom: 1.2rem;
    font-size: 1.3rem;
}
.jd-post-meta__cat {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    font-size: 1.1rem;
    color: #FF7108;
    text-decoration: none;
}
.jd-post-meta__cat:hover { color: #e06300; }
.jd-post-meta__date,
.jd-post-meta__author { color: #aaa; }

.jd-post-title {
    font-size: 3.2rem;
    font-weight: 800;
    line-height: 1.25;
    color: #111;
    margin-bottom: 3rem;
}
@media (max-width: 767px) {
    .jd-post-title { font-size: 2.4rem; }
}

.jd-post-tags {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid #eee;
}
.jd-post-tag {
    display: inline-block;
    padding: .4rem 1rem;
    border: 1px solid #ddd;
    border-radius: 20px;
    font-size: 1.2rem;
    color: #555;
    text-decoration: none;
    transition: background .15s, color .15s, border-color .15s;
}
.jd-post-tag:hover {
    background: #FF7108;
    border-color: #FF7108;
    color: #fff;
}

.jd-post-nav {
    display: flex;
    gap: 2rem;
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid #eee;
}
.jd-post-nav__prev,
.jd-post-nav__next {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: .4rem;
}
.jd-post-nav__next { text-align: right; }
.jd-post-nav__prev span,
.jd-post-nav__next span {
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: #aaa;
}
.jd-post-nav__prev a,
.jd-post-nav__next a {
    font-size: 1.4rem;
    font-weight: 600;
    color: #222;
    text-decoration: none;
}
.jd-post-nav__prev a:hover,
.jd-post-nav__next a:hover { color: #FF7108; }

.jd-related-posts {
    margin-top: 6rem;
    padding-top: 4rem;
    border-top: 2px solid #eee;
}
.jd-related-posts__title {
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 3rem;
}

/* ══════════════════════════════════════════════════════
   BLOG SECTION (homepage)
   ══════════════════════════════════════════════════════ */

.jd-blog-section {
    padding: 5rem 0 4rem;
}

.jd-blog-card {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 6px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: box-shadow .2s;
    margin-bottom: 2.4rem;
}
.jd-blog-card:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,.09);
}

.jd-blog-card__img-wrap {
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 9;
}
.jd-blog-card__img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s;
}
.jd-blog-card:hover .jd-blog-card__img-wrap img {
    transform: scale(1.04);
}

.jd-blog-card__body {
    padding: 2rem 2rem 2.4rem;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.jd-blog-card__cat {
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #FF7108;
    text-decoration: none;
    margin-bottom: .6rem;
    display: inline-block;
}
.jd-blog-card__cat:hover {
    color: #e06300;
}

.jd-blog-card__title {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 .6rem;
}
.jd-blog-card__title a {
    color: #222;
    text-decoration: none;
}
.jd-blog-card__title a:hover {
    color: #FF7108;
}

.jd-blog-card__date {
    font-size: 1.2rem;
    color: #aaa;
    margin-bottom: 1rem;
}

.jd-blog-card__excerpt {
    font-size: 1.3rem;
    color: #666;
    line-height: 1.7;
    flex: 1;
    margin-bottom: 1.4rem;
}

.jd-blog-card__more {
    font-size: 1.3rem;
    font-weight: 600;
    color: #FF7108;
    text-decoration: none;
    align-self: flex-start;
}
.jd-blog-card__more:hover {
    color: #e06300;
    text-decoration: underline;
}

/* ══════════════════════════════════════════════════════
   ORDER TRACKING PAGE
   ══════════════════════════════════════════════════════ */

.order-tracking-page {
    padding-top: 3rem;
    padding-bottom: 6rem;
}
.order-tracking-intro {
    font-size: 1.5rem;
    color: #666;
    margin-bottom: 3rem;
    line-height: 1.7;
}

/* Form card */
#jd-tracking-form-wrap {
    background: #f9f9f9;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    padding: 3rem;
}

.jd-track-field {
    margin-bottom: 2rem;
}
.jd-track-field label {
    display: block;
    font-size: 1.3rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-bottom: .6rem;
    color: #333;
}
.jd-track-field label .req {
    color: #FF7108;
}
.jd-track-field label .opt {
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    color: #999;
    font-size: 1.2rem;
}
.jd-track-field input[type="text"],
.jd-track-field input[type="email"] {
    width: 100%;
    height: 46px;
    padding: 0 1.4rem;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 1.4rem;
    color: #333;
    background: #fff;
    box-sizing: border-box;
    transition: border-color .2s;
}
.jd-track-field input:focus {
    border-color: #FF7108;
    outline: none;
}

.jd-track-consent {
    margin-bottom: 2rem;
    font-size: 1.3rem;
    color: #555;
    line-height: 1.5;
}
.jd-track-consent label {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    cursor: pointer;
}
.jd-track-consent input[type="checkbox"] {
    margin-top: .2rem;
    flex-shrink: 0;
    accent-color: #FF7108;
}

.jd-track-error {
    color: #c00;
    font-size: 1.3rem;
    margin-bottom: 1.2rem;
    padding: .8rem 1.2rem;
    background: #fff0f0;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
}

.jd-track-submit {
    width: 100%;
    height: 50px;
    background: #FF7108;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    cursor: pointer;
    transition: background .2s;
}
.jd-track-submit:hover {
    background: #e06300;
}
.jd-track-submit:disabled {
    opacity: .7;
    cursor: default;
}

/* Result panel */
#jd-tracking-result {
    margin-top: 1rem;
}
.jd-track-result-bar {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1.2rem 1.6rem;
    background: #f9f9f9;
    border: 1px solid #e8e8e8;
    border-radius: 6px 6px 0 0;
    font-size: 1.4rem;
    color: #555;
}
.jd-track-result-bar strong {
    color: #333;
    font-size: 1.5rem;
}
.jd-track-result-bar #jd-track-new {
    margin-left: auto;
    font-size: 1.3rem;
    color: #FF7108;
    text-decoration: none;
    white-space: nowrap;
}
.jd-track-result-bar #jd-track-new:hover {
    text-decoration: underline;
}

.jd-track-iframe-wrap {
    border: 1px solid #e8e8e8;
    border-top: none;
    border-radius: 0 0 6px 6px;
    overflow: hidden;
    background: #fff;
}
.jd-track-iframe-wrap iframe {
    display: block;
    width: 100%;
    height: 1200px;
    border: none;
}

.jd-track-fallback {
    margin-top: 1rem;
    font-size: 1.3rem;
    color: #888;
    text-align: center;
}
.jd-track-fallback a {
    color: #FF7108;
}
form#jd-tracking-form {
    margin-bottom: 0px !important;
}

/* Mobile sticky bottom navigation */
@media (max-width: 575px) {
    body {
        padding-bottom: calc(6.8rem + env(safe-area-inset-bottom));
    }
    .sticky-navbar {
        display: flex !important;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto;
        min-height: 6.8rem;
        padding: 0 0 env(safe-area-inset-bottom);
        border-top: 1px solid #e8e8e8;
        background: #fff;
        box-shadow: none;
        z-index: 1040;
    }
    .sticky-navbar .sticky-info {
        flex: 1 1 20%;
        min-width: 0;
        border-right: 1px solid #e8e8e8 !important;
    }
    .sticky-navbar .sticky-info:last-child {
        border-right: 0 !important;
    }
    .sticky-navbar .sticky-info a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: .35rem;
        min-height: 6.8rem;
        padding: .15rem .1rem 1.45rem;
        color: #111;
        font-size: 1.2rem;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0;
        text-transform: uppercase;
        text-decoration: none;
    }
    .sticky-navbar .sticky-info i {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2.9rem;
        height: 2.9rem;
        margin: 0;
        color: inherit;
        font-size: 2.75rem;
        line-height: 1;
    }
    .sticky-navbar .sticky-info .icon-location {
        font-size: 2.9rem;
    }
    .sticky-navbar .sticky-info .icon-help-circle {
        font-size: 2.65rem;
    }
    .sticky-navbar .sticky-info .icon-phone {
        color: #123a63;
        font-size: 2.6rem;
    }
    .sticky-navbar .sticky-info.active a,
    .sticky-navbar .sticky-info a:hover,
    .sticky-navbar .sticky-info a:focus {
        color: #FF7108;
    }
    .sticky-navbar .sticky-info.active .icon-phone,
    .sticky-navbar .sticky-info a:hover .icon-phone,
    .sticky-navbar .sticky-info a:focus .icon-phone {
        color: #FF7108;
    }
}