/**
 * WARNING: Do not change this file. Your changes will be lost.
 * 2026-03-02 12:03:08 */

:root {
--theme-color: #000000; 
--border-search-color: #ccc;

--header-menu-bgcolor: transparent;
--header-menu-color:#141a1f;
--header-menu-hover-bgcolor:transparent;
--header-menu-hover-color:#000000;
}
html .background-color-primary {
    background-color: #000000 !important;
}
.theme-color{color:#000000 !important;}
.theme-hover-color:hover{color:#000000 !important;}
.theme-bg-color{background-color:#000000 !important;}
.theme-border-color{border-color:#000000 !important;}
.theme-hover-bg-color:hover{background-color:#000000 !important;}
a,a:hover, .minicart-wrapper .action.showcart:before, .minicart-wrapper .action.showcart.active:before, .owl-theme .owl-controls .owl-nav [class*=owl-], .recent-posts .post-date .day, .minicart-wrapper .action.showcart:hover:before, .minicart-wrapper .action.showcart:active:before, .minicart-wrapper .action.showcart.active:before, .minicart-wrapper .action.showcart.active:hover:before, .sorter-action:hover:before, .page-main > .page-title-wrapper .page-title, .cart.table-wrapper .actions-toolbar > .action-edit:hover:before, .cart.table-wrapper .actions-toolbar > .action-delete:hover:before, .paypal-review-discount .block > .title strong, .cart-discount .block > .title strong, .authentication-wrapper button.action-auth-toggle, .abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-discount-block .action.check:hover, .popup .actions-toolbar .action.cancel:hover, .paypal-button-widget .paypal-button:hover, .bundle-options-container .action.back:hover, .block.related .action.select:hover, .cart.table-wrapper .actions-toolbar > .action-delete:hover, .cart.table-wrapper .action.help.map:hover, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .payment-method-billing-address .action-cancel:hover, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address:hover, .checkout-agreements-block .action-show:hover, .gift-options .actions-toolbar .action-cancel:hover, .gift-summary .action-edit:hover, .gift-summary .action-delete:hover, .gift-wrapping-title .action-remove:hover, .wishlist.split.button > .action:hover, .abs-add-fields .action.remove:hover, .paypal-review-discount .action.check:hover, .cart-discount .action.check:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover, .form.send.friend .action.remove:hover, .opc-progress-bar-item._complete > span, .checkout-payment-method .payment-option-title .action-toggle, .checkout-payment-method .payment-option-title .action-toggle:after, .opc-block-shipping-information .shipping-information-title .action-edit:before, .opc-block-shipping-information .shipping-information-title .action-edit:hover:before, .block-collapsible-nav .item.current a, .block-collapsible-nav .item.current strong, .block-collapsible-nav .item a:hover, .block-collapsible-nav .item a:active, .block-collapsible-nav .item a:focus, .magento-rma-returns-returns .page-main .page-title-wrapper .page-title, .magento-rma-returns-view .page-main .page-title-wrapper .page-title, .magento-rma-guest-returns .page-main .page-title-wrapper .page-title, .account .page-main .page-title-wrapper .page-title, [class^="sales-guest-"] .page-main .page-title-wrapper .page-title, .sales-guest-view .page-main .page-title-wrapper .page-title, .magento-rma-guest-returns .page-main .page-title-wrapper .page-title, p .alternative-font, .entry-content h3, .history h4, .nav-.block-search .label:before, .block-search .label:hover:before, .fotorama .fotorama-sprite, .page-header.type5 .search-area > a, .page-header.type5 .search-area > a:hover, .page-header.type5 .minicart-wrapper .action.showcart:before, .page-header.type5 .minicart-wrapper .action.showcart.active:before, .filterproducts-tab .data.items > .item.title[aria-expanded=true] a.switch, .qty.field .qty-changer > a:hover, .post-holder .post-date .day, .widget.block-recent-posts ul li a, .post-list .post-content .post-read-more, .post-header .post-title a, .alink:visited, a:active, .alink:active, .block-category-event > div.event-desc, .block-category-event .event-ticker .dates > div > span.desc, #ln_slider_price .ui-slider-handle, .abs-action-remove, .abs-discount-block .action.check, .popup .actions-toolbar .action.cancel, .paypal-button-widget .paypal-button, .bundle-options-container .action.back, .block.related .action.select, .cart.table-wrapper .actions-toolbar > .action-delete, .cart.table-wrapper .action.help.map, .checkout-index-index .modal-popup .modal-footer .action-hide-popup, .opc-wrapper .edit-address-link, .opc-block-shipping-information .shipping-information-title .action-edit, .action-auth-toggle, .checkout-payment-method .payment-method-billing-address .action-cancel, .checkout-payment-method .payment-method-billing-address .billing-address-details .action-edit-address, .checkout-agreements-block .action-show, .gift-options .actions-toolbar .action-cancel, .gift-summary .action-edit, .gift-summary .action-delete, .gift-wrapping-title .action-remove, .wishlist.split.button > .action, .abs-add-fields .action.remove, .paypal-review-discount .action.check, .cart-discount .action.check, .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove, .form-create-return .action.remove, .form.send.friend .action.remove,.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span,html .heading-primary, html .lnk-primary, html .text-color-primary,.modes-mode.active, .modes-mode:hover,.sidebar-main .porto-icon {color:#000000;}
html .text-color-primary,html .text-primary,.main-toggle-menu:not(.without-color-theme) .menu-title.closed:not(:hover) {color:#000000 !important;}
.action.primary, .action.primary:hover, .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .recent-posts .post-date .month, .footer-ribbon, button:hover,.action-primary:hover, .action.primary:focus, .action.primary:active, .btn-primary, .contact-index-index .page-main .contact-info [class^="porto-icon-"], .contact-index-index .page-main .contact-info [class*=" porto-icon-"], .btn-default, .cms-index-index blockquote.testimonial, .btn-default:hover, .products-grid .product-item-info:hover .product-item-details .product-item-actions .tocart, .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart, .post-holder .post-date .month, .page-header.type8 .header.content,.page-header.type8.header-newskin .header.content, .iwd-summary-cart, #ln_slider_price .ui-slider-handle, .filter-toggle.active,.products-grid .product-item .product-item-info .weltpixel-quickview.weltpixel_quickview_button_v2, .products-upsell .owl-middle-narrow.owl-theme .owl-controls .owl-dots .owl-dot.active span:before,.product-item-info.type3 .product-item-photo .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type3 .product-item-photo .product-item-inner .product-item-actions>.action.tocompare:hover,.product-item-info.type4 .product-item-actions .towishlist:hover, .product-item-info.type4 .product-item-actions .tocompare:hover,.product-item-info.type5 .product-item-photo .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type5 .product-item-photo .product-item-inner .product-item-actions>.action.tocompare:hover,.product-item-info.type6 .product-item-photo .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type6 .product-item-photo .product-item-inner .product-item-actions>.action.tocompare:hover,.product-item-info.type7 .product-item-inner .product-item-actions>.action:hover,.product-item-info.type7 .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type9 .product-item-inner .product-item-actions>.actions-primary .tocart:hover, .product-item-info.type9 .product-item-inner .product-item-actions>.action:hover,.sw-dailydeal,.catalog-product-view .sw-dailydeal .number-wrapper,.swatch-attribute.size .swatch-option.selected, .swatch-attribute.manufacturer .swatch-option.selected,.sidebar-main .product-banner .sale-text:before, .sidebar-main .product-banner .sale-text:after,.product-item-info.type0:hover .product-item-details .product-item-actions .tocart,.page-header.type17 .navigation:not(.side-megamenu) .level0 .level-top::before
    {background-color:#000000;}
.swatch-attribute.size .swatch-option.selected, .swatch-attribute.manufacturer .swatch-option.selected
        {background-color:#000000 !important;}
.action.primary, .action.primary:hover, .pages strong.page, .pages .action:hover, .pages a.page:hover, button:hover,.action-primary:hover, .action.primary:focus, .action.primary:active, .products-grid .product-item-info:hover .product-item-details .product-item-actions .tocart, .products-grid.products.grid.flex-grid .product-item-details .product-item-actions .tocart, .filter-toggle.active,i.ajax-loader, .swatch-attribute.size .swatch-option.selected, .swatch-attribute.manufacturer .swatch-option.selected, .swatch-option.image:not(.disabled):hover, .swatch-option.color:not(.disabled):hover, .swatch-option:not(.disabled):hover,.products-grid .swatch-option.color:hover::after,.products-grid .swatch-option.image:hover::after,.product-item-info.type3 .product-item-photo .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type3 .product-item-photo .product-item-inner .product-item-actions>.action.tocompare:hover,.product-item-info.type4 .product-item-actions .towishlist:hover, .product-item-info.type4 .product-item-actions .tocompare:hover,.product-item-info.type5 .product-item-photo .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type5 .product-item-photo .product-item-inner .product-item-actions>.action.tocompare:hover,.product-item-info.type6 .product-item-photo .product-item-inner .product-item-actions>.actions-primary .tocart:hover,.product-item-info.type6 .product-item-photo .product-item-inner .product-item-actions>.action.tocompare:hover,.product-item-info.type0:hover .product-item-details .product-item-actions .tocart,.page-header.type18 .navigation:not(.side-megamenu) .level0 > .submenu
{border-color:#000000;}
.page-header, .authentication-dropdown, .login-container, .form.password.reset, .form.send.confirmation, .form.password.forget, .form.create.account, .form.form-edit-account, .form-address-edit, .form-newsletter-manage, .featured-box .box-content, .history .featured-box .box-content, .form.search.advanced, .homepage-grid-banner .ribbon:before, .testimonial .testimonial-arrow-down, #newsletter_popup, .iwd-one-page-checkout-sidebar .iwd-opc-block-summary, .block-header-customer-login, .mfp-preloader, .ln_overlay .loader
    {border-top-color:#000000;}
.minicart-wrapper .block-minicart:before, .iwd-one-page-checkout-sidebar .iwd-opc-block-summary:before, .block-header-customer-login:before
    {border-bottom-color:#000000;}
@media (max-width: 991px) {
    .navigation a {
        color: #777 !important;
    }
    .navigation a:hover, .nav-sections .header.links a:hover {
        color: #000000 !important;
    }
    header.page-header .nav-sections-item-title.active > a, header.page-header .nav-sections-item-title.active > a:hover, header.page-header .nav-sections-item-title.active > a:focus{
        color: #000000;
    }
    header.page-header .nav-sections-item-title, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default:hover, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:hover, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-top-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-top-block a.btn-default:focus, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-left-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-left-block a.btn-default:focus, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-right-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-right-block a.btn-default:focus, .sw-megamenu.navigation li.level0.fullwidth .submenu .menu-bottom-block a.btn-default:focus, .sw-megamenu.navigation li.level0.staticwidth .submenu .menu-bottom-block a.btn-default:focus {
        background-color: #000000;
    }
}
@media (min-width: 992px) {
    .page-header .navigation li.level0 {
        color: #000000;
    }
    .page-header.type24 .navigation li.level0 > a:before {
        background-color: #000000;
    }
    .navigation .level0 .submenu {
        border-color:#000000;
    }
    .main-toggle-menu:not(.without-color-theme) .menu-title:hover, .main-toggle-menu:not(.without-color-theme) .menu-title:not(.closed) {
        background: #000000;
        border-right-color: #000000;
    }
}
button.action.primary{
}
button.action.primary:hover{
}
.page-wrapper > .breadcrumbs{background-color:#FFFFFF}
.page-wrapper > .breadcrumbs{color:#8e8e8e}
.page-wrapper > .breadcrumbs a, .page-wrapper > .breadcrumbs a:focus{color:#8e8e8e}
.page-wrapper > .breadcrumbs a:hover{color:#8e8e8e}
#ln_slider_price.ui-slider-horizontal{background-color:#eee}
#ln_slider_price .ui-slider-handle{background-color:#000000}
    .page-header.type1, .page-header.type23, .page-header,header.page-header.sticky-header .header-main {
        background-color: #fff;
    }
    @media (max-width: 767px){
      header.page-header.sticky-header .header-main {
          background-color: #fff;
      }
    }
    .page-header .header-main {
        color: #141a1f;
    }
    .page-header .header-main a, .page-header.type5 .search-area a.search-toggle-icon{
        color: #141a1f;
    }
    .cart-design-2 .action.showcart .minicart-icon {border-color: #141a1f;}
    .page-header .panel.wrapper,.main-panel-top {
        background-color: #fff;
    }
    .page-header .panel.wrapper, .page-header.type23 .panel.header a, .page-header.type23 .panel.header a:hover, .page-header.type23 > .panel.wrapper, .page-header.type23 .header.panel .switcher,.page-header.type24 .top-links-icon a, .page-header.type24 .top-links-icon, .page-header.type24 .panel.header .switcher {
        color: #141a1f;
    }
@media (min-width: 992px){
    .page-header.type1 .nav-sections,.page-header.type2 .nav-sections, .page-header .navigation:not(.side-megamenu) > ul, .page-header.type16.sticky-header .navigation:not(.side-megamenu) > ul, .page-header.type18 .main-menu-wrap{
        background-color: transparent;
    }
    .page-header.type16 .navigation:not(.side-megamenu) > ul {border-color: transparent;}
}
@media (min-width: 992px){
    .page-header .navigation li.level0 {
        color: #141a1f;
    }
}
@media (min-width: 992px){
  .sw-megamenu.navigation.side-megamenu li.level0 {color: #141a1f;}
}
@media (min-width: 992px){
    .page-header.type1 .navigation li.level0.active, .page-header.type1 .navigation li.level0:hover,
    .page-header .navigation li.level0.active, .page-header .navigation li.level0:hover {
        background-color: transparent;
    }
    .page-header.type19 .navigation:not(.side-megamenu) .level0 > .submenu {
        border-color: transparent;
    }
}
@media (min-width: 992px){
  .sw-megamenu.navigation.side-megamenu li.level0:hover,
  .sw-megamenu.navigation.side-megamenu li.level0.active {
    background-color: #000000;
  }
}
@media (min-width: 992px){
    .page-header .navigation li.level0.active,
    .page-header .navigation li.level0:hover {
        color: #000000;
    }
    .page-header.type2 .navigation .level0 .level-top:before {
        background-color: #000000;
    }
}
@media (min-width: 992px){
  .sw-megamenu.navigation.side-megamenu li.level0:hover,
  .sw-megamenu.navigation.side-megamenu li.level0.active {
    color: #FFFFFF;
  }
}
@media (min-width: 992px){
    .navigation .level0 .submenu a {
        color: #696969;
    }
}
@media (min-width: 992px){
    .navigation .level0 .submenu a:hover, .navigation .level0 .submenu a.ui-state-focus {
        background-color: #f4f4f4;
    }
}
@media (min-width: 992px){
    .navigation .level0 .submenu a:hover, .navigation .level0 .submenu a.ui-state-focus {
        color: #696969;
    }
}
@media (min-width: 992px){
    .sw-megamenu.navigation li.level0.fullwidth > .submenu a, .sw-megamenu.navigation li.level0.staticwidth > .submenu a {
        color: #696969;
    }
}
@media (min-width: 992px){
    .sw-megamenu.navigation li.level0.fullwidth > .submenu a:hover, .sw-megamenu.navigation li.level0.staticwidth > .submenu a:hover {
        color: #696969;
    }
}
.search-area .block.block-search {
  background-color: #fff;
}
.search-area {
  color: #777;
}
.search-area {
  border-color: #ccc;
}
@media (min-width: 768px){
    .header.panel .minicart-wrapper .action.showcart .counter.qty {
        color: #141a1f;
    }
}
@media (min-width: 992px){
     .page-header .minicart-wrapper .action.showcart, .page-header .minicart-wrapper .action.showcart:before, .page-header .minicart-wrapper .action.showcart.active:before, .page-header.type18 .wishlist {
        color: #141a1f;
    }
    .cart-design-2 .action.showcart .minicart-icon {border-color: #141a1f;}
}
.footer-middle{
    background-color:#fff;
}
.footer-middle, .footer-middle p{
    color:#777;
}
.footer-middle a{
    color:#777;
}
.footer-middle a:hover,.footer .widget .tagcloud a:hover{
    color:#777;
}
.footer .widget .tagcloud a:hover {border-color: #777;}
.footer-middle .block .block-title strong, .footer .widget-title,.footer .contact-details strong{
    color:#2b2b2d;
}
.footer-middle [class^="porto-icon-"].theme-color, .footer-middle [class*=" porto-icon-"].theme-color{
    color:#777 !important;
}
.footer .footer-ribbon{
    background-color:#000000;
}
.footer .footer-ribbon:before{
    border-right-color:#000000;
    border-left-color:#000000;
}
.footer-ribbon span{
    color:#fff;
}
.footer-bottom{
    background-color:#fff;
}
.footer-bottom, .footer-bottom p{
    color:#90969a;
}
.footer-bottom a{
    color:#90969a;
}
.footer-bottom a:hover{
    color:#90969a;
}


/* ── POC: Global ── */

.btn-v-dark,
button.btn-v-dark,
a.btn-v-dark {
    background-color: #3bb64a !important;
    border-color: #3bb64a !important;
    color: #ffffff !important;
}
.btn-v-dark:hover,
button.btn-v-dark:hover,
a.btn-v-dark:hover {
    background-color: #3bb64a !important;
    border-color: #3bb64a !important;
    color: #ffffff !important;
}
.block-new-customer .btn-v-dark,
.block-new-customer a.btn-v-dark {
    background-color: #0d6e48 !important;
    border-color: #0d6e48 !important;
    color: #ffffff !important;
}
.block-new-customer .btn-v-dark:hover,
.block-new-customer a.btn-v-dark:hover {
    background-color: #0a5a3a !important;
    border-color: #0a5a3a !important;
}

/* ── POC: Header ── */

.header-main {
    background: #ffffff !important;
    border-bottom: 1px solid #f4f4f4 !important;
    box-shadow: none !important;
}
.main-panel-top { display: none !important; }

.header-main .header.content.header-row {
    display: flex !important;
    align-items: center !important;
    height: 80px !important;
    min-height: 80px !important;
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    gap: 0 !important;
}
.header-main .header-left {
    display: flex !important;
    align-items: center !important;
    flex: 1 !important;
    gap: 0 !important;
    min-width: 0 !important;
}
.header-main .header-left .logo {
    flex-shrink: 0 !important;
    margin: 0 40px 0 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}
.header-main .header-left .logo img,
.header-main .logo img {
    height: 75px !important;
    max-height: 47px !important;
    width: auto !important;
    max-width: none !important;
    display: block !important;
}
@media (min-width: 992px) {
    .header-main .header-left .sections.nav-sections {
        flex: 1 !important;
        display: flex !important;
        align-items: center !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        position: static !important;
        height: auto !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}
@media (min-width: 992px) {
    .header-main .header-left .nav-sections-items {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
    }
    .header-main .header-left .navigation {
        background: transparent !important;
        width: 100% !important;
    }
    .header-main .header-left .navigation > ul {
        display: flex !important;
        align-items: center !important;
        gap: 2px !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .header-main .header-left .navigation ul li.level0 > a {
        font-size: 13.5px !important;
        font-weight: 600 !important;
        color: #374151 !important;
        text-transform: none !important;
        letter-spacing: 0 !important;
        padding: 6px 13px !important;
        border-radius: 8px !important;
        height: 36px !important;
        display: flex !important;
        align-items: center !important;
        transition: all 0.18s !important;
        white-space: nowrap !important;
        line-height: 1 !important;
    }
    .header-main .header-left .navigation ul li.level0 > a:hover,
    .header-main .header-left .navigation ul li.level0.active > a {
        color: #3bb64a !important;
        background: #eef2fb !important;
        text-decoration: none !important;
    }
    .header-main .header-left .navigation ul li.level0 .submenu {
        border: 1px solid #e5e7eb !important;
        border-radius: 12px !important;
        box-shadow: 0 8px 32px rgba(0,0,0,0.12) !important;
        padding: 8px !important;
        min-width: 180px !important;
    }
    .header-main .header-left .navigation ul li.level0 .submenu li a {
        font-size: 13.5px !important;
        color: #374151 !important;
        padding: 9px 12px !important;
        border-radius: 8px !important;
        transition: all 0.15s !important;
        font-weight: 500 !important;
    }
    .header-main .header-left .navigation ul li.level0 .submenu li a:hover {
        background: #f9fafb !important;
        color: #3bb64a !important;
    }
}
.header-main .header-right {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
    position: relative !important;
}
.header-main .header-right a.wishlist,
.header-main a.my-account {
    display: none !important;
}

/* Hide Porto search toggle — replaced by poc-search-form */
.header-main .search-area,
.header-main .search-toggle-icon,
.header-main .block.block-search {
    display: none !important;
}

/* POC inline search bar */
.poc-search-form {
    flex-shrink: 0 !important;
}
.poc-search-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}
.poc-search-icon {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    flex-shrink: 0 !important;
}
.poc-search-input {
    width: 300px !important;
    height: 44px !important;
    padding: 0 38px 0 14px !important;
    border: 1.5px solid #e5e7eb !important;
    border-radius: 8px !important;
    font-size: 13.5px !important;
    color: #0d1117 !important;
    background: #f9fafb !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: border-color 0.18s, background 0.18s, box-shadow 0.18s !important;
    font-family: 'Cairo', sans-serif !important;
}
.poc-search-input::placeholder {
    color: #9ca3af !important;
}
.poc-search-input:focus {
    border-color: #3bb64a !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(74,222,158,0.1) !important;
    width: 380px !important;
    padding: 0 38px 0 14px !important;
}
@media (max-width: 1200px) {
    .poc-search-input { width: 180px !important; }
    .poc-search-input:focus { width: 220px !important; }
}
@media (max-width: 991px) {
    .poc-search-form { display: none !important; }
}

/* Sign In link button */
.poc-header-signin {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    padding: 0 16px !important;
    border-radius: 8px !important;
    border: 1.5px solid #d1d5db !important;
    background: transparent !important;
    text-decoration: none !important;
    transition: all 0.18s !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 36px !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}
.poc-header-signin:hover {
    border-color: #3bb64a !important;
    color: #3bb64a !important;
    background: #eef2fb !important;
    text-decoration: none !important;
}

/* Primary CTA / Sign In button — teal */
.poc-header-cta,
a.poc-header-cta {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    padding: 0 28px !important;
    border-radius: 8px !important;
    border: none !important;
    background: #3bb64a !important;
    text-decoration: none !important;
    transition: all 0.18s !important;
    white-space: nowrap !important;
    align-items: center !important;
    height: 44px !important;
    cursor: pointer !important;
    box-shadow: 0 1px 4px rgba(74,222,158,0.3) !important;
    box-sizing: border-box !important;
}
.poc-header-cta:hover,
.poc-header-cta:focus,
.poc-header-cta:visited,
a.poc-header-cta:hover {
    background: #3bb64a !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(74,222,158,0.4) !important;
    transform: translateY(-1px) !important;
}
#poc-header-signin-btn,
a#poc-header-signin-btn,
a#poc-header-signin-btn:hover {
    font-weight: 600 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
}

/* Logged-in state */
.customer-logged-in .poc-header-signin,
.customer-logged-in .poc-header-cta-guest { display: none !important; }
.poc-header-cta-loggedin { display: none !important; }
.customer-logged-in .poc-header-cta-loggedin { display: inline-flex !important; }

/* Cart counter badge */
.minicart-wrapper .counter.qty {
    background: #3bb64a !important;
    color: #fff !important;
}
.minicart-wrapper .counter.qty .counter-number {
    color: #fff !important;
}
.header-main .minicart-wrapper .counter.qty {
    font-size: 10px !important;
    font-weight: 700 !important;
    min-width: 17px !important;
    height: 17px !important;
    border-radius: 20px !important;
    line-height: 17px !important;
    text-align: center !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
}
.header-main .minicart-wrapper .action.showcart {
    width: 44px !important;
    height: 44px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #374151 !important;
    background: transparent !important;
    transition: all 0.18s !important;
    position: relative !important;
}
.header-main .minicart-wrapper .action.showcart:hover {
    background: #f3f4f6 !important;
    color: #3bb64a !important;
}

@media (max-width: 991px) {
    .header-main .header.content.header-row {
        padding: 0 16px !important;
        height: 56px !important;
    }
    .poc-header-signin { display: none !important; }
}

/* ── POC: Login Popup ── */

#poc-modal-form button[type=submit],
#poc-create-form button[type=submit],
#poc-login-modal .poc-modal-btn-primary,
#poc-create-modal .poc-modal-btn-primary {
    width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.poc-modal-btn-primary,
.poc-modal-btn-primary:hover {
    color: #ffffff !important;
}

/* ── POC: Login Page ── */

body.customer-account-login,
.customer-account-login .page-main,
.customer-account-login .columns,
.customer-account-login .column.main,
.customer-account-login .page-wrapper {
    background: #ffffff !important;
    background-color: #ffffff !important;
}
.customer-account-login .login-container {
    display: block !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.customer-account-login .block-new-customer {
    display: none !important;
}
.customer-account-login .column.main > .actions-toolbar {
    display: none !important;
}
.customer-account-login .page-title-wrapper {
    display: none !important;
}
.customer-account-login .action.remind {
    background: none !important;
    border: none !important;
    color: #3bb64a !important;
    padding: 0 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    display: inline !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    width: auto !important;
}
.customer-account-login .action.remind:hover {
    background: none !important;
    color: #3bb64a !important;
    text-decoration: underline !important;
    transform: none !important;
    box-shadow: none !important;
}
.customer-account-login .action.login {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
}
.poc-btn-primary,
#login-form .poc-btn-primary,
#login-form button[type="submit"] {
    width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    float: none !important;
}

/* ── POC: Category Page ── */

.products .product-item {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.toolbar.toolbar-products {
    display: none !important;
}
.product-item-info:hover {
    box-shadow: none !important;
    transform: none !important;
    z-index: auto !important;
}
.product-item-inner,
.product-item-actions,
.action.tocart,
.action.tocompare {
    display: none !important;
}

/* ── POC: Product Page ── */

.product-add-form .box-tocart {
    padding: 0 !important;
    border-top: none !important;
    border-bottom: none !important;
    margin-bottom: 0px !important;
}
.box-tocart .fieldset {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px !important;
    padding: 0 !important;
    border: none !important;
}
.box-tocart .field.qty {
    display: none !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    width: auto !important;
}
.box-tocart .field.qty .label {
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    white-space: nowrap !important;
}
.box-tocart .field.qty .control {
    display: flex !important;
    align-items: center !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    height: 46px !important;
    width: auto !important;
    background: #fff !important;
}
.box-tocart .input-text.qty {
    width: 95px !important;
    height: 44px !important;
    border: none !important;
    border-left: 1px solid #e5e7eb !important;
    border-right: 1px solid #e5e7eb !important;
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #0d1117 !important;
    padding: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    outline: none !important;
}
.box-tocart .qty-changer {
    display: flex !important;
    flex-direction: column !important;
    border-left: 1.5px solid #e5e7eb !important;
    height: 44px !important;
}
.box-tocart .qty-changer a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 44px !important;
    color: #6b7280 !important;
    text-decoration: none !important;
    transition: background 0.15s !important;
}
.box-tocart .qty-changer a:hover {
    background: #f3f4f6 !important;
    color: #0d1117 !important;
}
.box-tocart .actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.box-tocart .action.tocart {
    height: 46px !important;
    padding: 0 28px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-radius: 8px !important;
    background: #3bb64a !important;
    color: #ffffff !important;
    border: none !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}
.box-tocart .action.tocart:hover {
    background: #3bb64a !important;
    color: #ffffff !important;
}
.paypal.product-page,
#instant-purchase {
    display: none !important;
}
.product.data.items {
    border: none !important;
    border-radius: 0 !important;
    margin-top: 0px !important;
    border-top: 1px solid #e5e7eb !important;
}
.product.data.items > .item.title {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    float: none !important;
    display: inline-block !important;
}
.product.data.items > .item.title > .switch {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #6b7280 !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 3px solid transparent !important;
    padding: 14px 24px !important;
    border-radius: 0 !important;
    display: inline-block !important;
    text-transform: uppercase !important;
    letter-spacing: 0.07em !important;
    margin-bottom: -1px !important;
    transition: all 0.18s !important;
}
.product.data.items > .item.title > .switch:hover {
    color: #0d1117 !important;
    background: transparent !important;
    border-bottom-color: #d1d5db !important;
}
.product.data.items > .item.title.active > .switch {
    color: #3bb64a !important;
    background: transparent !important;
    border-bottom-color: #3bb64a !important;
    font-weight: 700 !important;
}
.product.data.items > .item.content {
    border: none !important;
    border-top: 0 !important;
    border-radius: 0 !important;
    padding: 32px 0 !important;
    font-size: 14px !important;
    line-height: 1.8 !important;
    color: #374151 !important;
    background: transparent !important;
}

/* ── POC: Misc ── */

.minisearch .field.search {
    margin: 0 !important;
}


/* ══ My Account Page ══ */
.account { background: #f4f6f9 !important; }

/* Sidebar nav */
.account .block-collapsible-nav {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}
.account .block-collapsible-nav .title {
    background: #0d1117 !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    padding: 14px 20px !important;
    border: none !important;
    cursor: default !important;
}
.account .block-collapsible-nav .content {
    display: block !important;
    padding: 6px 0 !important;
}
.account .block-collapsible-nav .item {
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.account .block-collapsible-nav .item a,
.account .block-collapsible-nav .item strong {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 11px 18px !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #374151 !important;
    text-decoration: none !important;
    border-left: 3px solid transparent !important;
    transition: all 0.15s !important;
    position: relative !important;
}
.account .block-collapsible-nav .item a:hover {
    background: #f0fdf8 !important;
    color: #0d1117 !important;
    border-left-color: #3bb64a !important;
    text-decoration: none !important;
}
.account .block-collapsible-nav .item.current a,
.account .block-collapsible-nav .item.current strong {
    background: #f0fdf8 !important;
    color: #0d1117 !important;
    font-weight: 700 !important;
    border-left-color: #3bb64a !important;
}

/* Nav icons */

/* Content blocks */
.account .block {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 0px !important;
    margin-bottom: 0px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}
.account .block-title {
    background: #f9fafb !important;
    border-bottom: 1px solid #e5e7eb !important;
    padding: 14px 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin: 0 !important;
}
.account .block-title strong {
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: #0d1117 !important;
}
.account .block-title .action {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #3bb64a !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    padding: 6px 14px !important;
    border: 1.5px solid #3bb64a !important;
    border-radius: 6px !important;
    transition: all 0.15s !important;
}
.account .block-title .action:hover {
    background: #3bb64a !important;
    color: #fff !important;
}
.account .block-content {
    padding: 0px !important;
}

/* Info boxes */
.account .box {
    background: #f9fafb !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 10px !important;
    padding: 18px 20px !important;
    height: 100% !important;
    box-sizing: border-box !important;
}
.account .box-title span {
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: #9ca3af !important;
    display: block !important;
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #e5e7eb !important;
}
.account .box-content {
    font-size: 14px !important;
    color: #374151 !important;
    line-height: 1.8 !important;
}
.account .box-actions {
    margin-top: 16px !important;
    padding-top: 12px !important;
    border-top: 1px solid #f0f0f0 !important;
    display: flex !important;
    gap: 10px !important;
}
.account .box-actions .action {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #374151 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    padding: 6px 14px !important;
    border: 1.5px solid #e5e7eb !important;
    border-radius: 6px !important;
    transition: all 0.15s !important;
}
.account .box-actions .action:hover {
    border-color: #3bb64a !important;
    color: #0d1117 !important;
}

/* Orders table */
.account .table-wrapper {
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 1px solid #e5e7eb !important;
    margin: 0 !important;
}
.account .data.table thead th {
    background: #f9fafb !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: #6b7280 !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid #e5e7eb !important;
    border-top: none !important;
}
.account .data.table tbody td {
    font-size: 13.5px !important;
    color: #374151 !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid #f3f4f6 !important;
    vertical-align: middle !important;
    border-top: none !important;
}
.account .data.table tbody tr:last-child td {
    border-bottom: none !important;
}
.account .data.table tbody tr:hover td {
    background: #fafafa !important;
}
.account .data.table .col.status span {
    display: inline-block !important;
    padding: 3px 10px !important;
    border-radius: 20px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    background: #f0fdf8 !important;
    color: #0d6e48 !important;
}
.account .data.table .action {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #3bb64a !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin-right: 8px !important;
    padding: 5px 12px !important;
    border: 1.5px solid #3bb64a !important;
    border-radius: 6px !important;
    transition: all 0.15s !important;
    display: inline-block !important;
}
.account .data.table .action:hover {
    background: #3bb64a !important;
    color: #fff !important;
}

/* Primary buttons */
.account .action.primary,
.account button.action.primary {
    background: #3bb64a !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 11px 24px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    cursor: pointer !important;
    transition: background 0.18s !important;
}
.account .action.primary:hover {
    background: #3bb64a !important;
    color: #ffffff !important;
}

/* Form fields */
.account .field .label span {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #6b7280 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
}
.account .field .input-text,
.account .field select {
    border: 1.5px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    font-size: 14px !important;
    color: #0d1117 !important;
    background: #f9fafb !important;
    width: 100% !important;
    box-sizing: border-box !important;
    transition: border-color 0.18s !important;
    height: auto !important;
}
.account .field .input-text:focus,
.account .field select:focus {
    border-color: #3bb64a !important;
    background: #fff !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(74,222,158,0.15) !important;
}

/* ── Account Tabs (layout controlled in redesign section) ── */
.poc-account-tabs {
    margin-left: 0px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-bottom: 28px !important;
    flex-wrap: nowrap !important;
    box-shadow: none !important;
}
.poc-account-tab {
    display: inline-flex !important;
    align-items: center !important;
    padding: 10px 20px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #6b7280 !important;
    text-decoration: none !important;
    border-radius: 6px !important;
    border: 1.5px solid #e5e7eb !important;
    background: transparent !important;
    transition: all 0.18s !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
}
.poc-account-tab:hover {
    color: #0d1117 !important;
    border-color: #3bb64a !important;
    background: transparent !important;
    text-decoration: none !important;
}
.poc-account-tab.active {
    color: #0d1117 !important;
    border-color: #3bb64a !important;
    border-width: 2px !important;
    background: transparent !important;
    font-weight: 800 !important;
    box-shadow: 0 2px 8px rgba(74,222,158,0.2) !important;
}

button:focus,
button:active,
a:focus,
a:active,
input:focus,
select:focus,
textarea:focus,
*:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: inherit !important;
}


/* ===== POC ACCOUNT PAGE - REDESIGN ===== */

.account .page-wrapper {
    background: #f0f2f5;
}

.account .page-main {
    max-width: 1100px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
}

.account .columns {
    display: flex !important;
    flex-direction: row !important;
    gap: 28px !important;
    align-items: flex-start !important;
    padding: 40px 0 60px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Kill Porto clearfix pseudos that break flex */
.account .columns::after,
.account .columns::before {
    display: none !important;
}

.account .sidebar.sidebar-main {
    display: block !important;
    width: 260px !important;
    min-width: 260px !important;
    flex-shrink: 0 !important;
    order: -1 !important;
    float: none !important;
}

.account .column.main {
    flex: 1 !important;
    min-width: 0 !important;
    width: auto !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Hide default Magento collapsible nav — replaced by our own */
.account .sidebar.sidebar-main .block.block-collapsible-nav {
    display: none !important;
}

/* ── LEFT SIDEBAR CARD ── */
.poc-account-sidebar {
    display: block !important;
    position: sticky;
    top: 100px;
}

.poc-account-sidebar-card {
    background: #fff;
    border-radius: 14px;
    padding: 8px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.04);
    border: 1px solid #f0f0f0;
}

.poc-account-sidebar-user {
    padding: 16px 12px 14px;
    border-bottom: 1px solid #f3f4f6;
    margin-bottom: 8px;
}

.poc-account-sidebar-user-name {
    font-size: 15px;
    font-weight: 700;
    color: #0d1117;
}

.poc-account-sidebar-user-email {
    font-size: 12px;
    color: #9ca3af;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.poc-account-sidebar-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

.poc-account-sidebar-nav li {
    margin: 0;
}

.poc-account-sidebar-nav a {
    display: flex;
    align-items: center;
    padding: 11px 16px;
    border-radius: 0px;
    font-size: 14px;
    font-weight: 500;
    color: #374151;
    text-decoration: none;
    transition: all 0.2s;
}

.poc-account-sidebar-nav a:hover {
    background: #f0fdf8;
    color: #0d1117;
    text-decoration: none;
}

.poc-account-sidebar-nav li.current a,
.poc-account-sidebar-nav a.active {
    background: #f0fdf8;
    color: #0d1117;
    font-weight: 700;
    border-left: 3px solid #3bb64a;
    padding-left: 13px;
}

.poc-account-sidebar-divider {
    height: 1px;
    background: #f3f4f6;
    margin: 6px 8px;
}

.poc-account-sidebar-logout {
    padding: 8px;
    margin-top: 4px;
}

.poc-account-sidebar-logout a {
    display: flex;
    align-items: center;
    padding: 10px 16px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #ef4444;
    text-decoration: none;
    transition: all 0.2s;
}

.poc-account-sidebar-logout a:hover {
    background: #fef2f2;
    text-decoration: none;
}

/* ── CONTENT AREA ── */
.account .column.main .block,
.account .column.main .order-details-items,
.account .column.main .table-wrapper,
.account .column.main form {
    background: #fff;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.04);
    border: 0px solid #f0f0f0 !important;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .account .columns {
        flex-direction: column !important;
        padding: 16px 0 !important;
        gap: 16px !important;
    }
    /* Hide sidebar on mobile */
    body.account .sidebar.sidebar-main {
        display: none !important;
    }
    .poc-account-sidebar {
        display: none !important;
    }
    /* Show horizontal slide tabs on mobile */
    .poc-account-tabs-wrap {
        display: flex !important;
        padding: 16px 16px 0 !important;
        margin-bottom: 16px !important;
        margin-left: 20px !important;
        gap: 8px !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
    .poc-account-tabs {
        display: flex !important;
    }
}

@media (min-width: 769px) {
    /* Hide slide tabs on desktop */
    .poc-account-tabs-wrap {
        display: none !important;
    }
}

/* ── Account column width fixes ── */
body.account .page-main > .columns {
    max-width: 1200px !important;
    padding: 40px 40px 60px !important;
}

body.account .sidebar.sidebar-main {
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
    flex: 0 0 280px !important;
}

body.account .page-main {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}

body.account .column.main .block {
    max-width: 100% !important;
}

/* 2 column grid for account info — contact + billing side by side */
body.account .block-dashboard-info .block-content {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
}

/* Hide newsletter */
body.account .block-dashboard-info .box-newsletter {
    display: none !important;
}

/* Show billing address block inside info section */
body.account .block-dashboard-info .block-dashboard-addresses {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;
    border-radius: 0 !important;
}

body.account .block-dashboard-info .block-dashboard-addresses .block-title {
    display: none !important;
}

/* Hide separate address book section */
body.account .column.main > .block-dashboard-addresses {
    display: none !important;
}

/* Fix individual box — remove float and set full width inside grid */
body.account .block-content .box {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    background: #f9fafb !important;
    border-radius: 10px !important;
    padding: 16px !important;
    border: 1px solid #f0f0f0 !important;
}

/* Box actions below each box */
body.account .block-content .box-actions {
    margin-top: 12px !important;
}

/* Make sure Porto's clearfix doesn't break grid */
body.account .block-content::after,
body.account .block-content::before {
    display: none !important;
    content: none !important;
}
.account .box.box-shipping-address {
    display: none;
}

/* Custom dashboard grid */
.poc-dashboard-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    margin-bottom: 24px !important;
}

.poc-dashboard-box {
    background: #ffffff !important;
    border-radius: 14px !important;
    padding: 20px !important;
    border: 1px solid #f0f0f0 !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

.poc-dashboard-box-title {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    color: #9ca3af !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #f3f4f6 !important;
    margin-bottom: 14px !important;
}

.poc-dashboard-box-content p,
.poc-dashboard-box-content address {
    font-size: 14px !important;
    color: #374151 !important;
    line-height: 1.8 !important;
    margin: 0 !important;
    font-style: normal !important;
}

.poc-dashboard-box-content p strong {
    font-size: 15px !important;
    color: #0d1117 !important;
    font-weight: 700 !important;
}

.poc-dashboard-box-actions {
    margin-top: auto !important;
    padding-top: 16px !important;
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.poc-dash-action {
    display: inline-flex !important;
    align-items: center !important;
    padding: 7px 16px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border: 1.5px solid #e5e7eb !important;
    color: #374151 !important;
    background: #fff !important;
    transition: all 0.2s !important;
}

.poc-dash-action:hover {
    border-color: #3bb64a !important;
    color: #0d1117 !important;
    background: #f0fdf8 !important;
}

/* Hide default blocks — custom template renders them */
body.account .block-dashboard-info,
body.account .block-dashboard-addresses {
    display: none !important;
}

/* Strip wrapper card styles from column.main */
body.account .column.main > .block,
body.account .column.main > .block-dashboard-info + *,
body.account .column.main {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}

/* Recent orders section as its own card */
body.account .block-dashboard-orders,
body.account .block-recent-orders {
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 24px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.04) !important;
    border: 1px solid #f0f0f0 !important;
    margin-bottom: 20px !important;
}

/* Section title */
body.account .block-dashboard-orders .block-title,
body.account .block-recent-orders .block-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #f3f4f6 !important;
    margin-bottom: 16px !important;
}

body.account .block-dashboard-orders .block-title strong,
body.account .block-recent-orders .block-title strong {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0d1117 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* View All link */
body.account .block-dashboard-orders .block-title .action,
body.account .block-recent-orders .block-title .action {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #3bb64a !important;
    border: none !important;
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

body.account .block-dashboard-orders .block-title .action:hover,
body.account .block-recent-orders .block-title .action:hover {
    color: #3bb64a !important;
    background: none !important;
    border: none !important;
}

/* Orders table — headers */
body.account .orders-recent th,
body.account .table-order-items th {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #9ca3af !important;
    border-bottom: 1px solid #f3f4f6 !important;
    padding: 8px 12px !important;
    background: transparent !important;
    border-top: none !important;
}

/* Orders table — cells */
body.account .orders-recent td,
body.account .table-order-items td {
    font-size: 14px !important;
    color: #374151 !important;
    padding: 14px 12px !important;
    border-bottom: 1px solid #f9fafb !important;
    border-top: none !important;
    vertical-align: middle !important;
}

body.account .orders-recent tr:last-child td,
body.account .table-order-items tr:last-child td {
    border-bottom: none !important;
}

body.account .orders-recent tr:hover td,
body.account .table-order-items tr:hover td {
    background: #f9fafb !important;
}

body.account .orders-recent .col.status,
body.account td .col.status {
    font-size: 12px !important;
    font-weight: 600 !important;
}

/* Action buttons in table */
body.account .orders-recent .action.view,
body.account .orders-recent .action.order {
    padding: 6px 14px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    border-radius: 7px !important;
    border: 1.5px solid #e5e7eb !important;
    color: #374151 !important;
    background: #fff !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
    margin-right: 4px !important;
}

body.account .orders-recent .action.view:hover,
body.account .orders-recent .action.order:hover {
    border-color: #3bb64a !important;
    color: #0d1117 !important;
    background: #f0fdf8 !important;
}

@media (max-width: 768px) {
    .poc-dashboard-grid {
        grid-template-columns: 1fr !important;
    }
}

/* My Orders — clean single card, no box inside box */
body.account.sales-order-history .column.main {
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 28px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.04) !important;
    border: 1px solid #f0f0f0 !important;
}

/* Remove inner table wrapper box */
body.account.sales-order-history .table-wrapper {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Page title */
body.account.sales-order-history .page-title-wrapper {
    display: none !important;
    margin-bottom: 20px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #f3f4f6 !important;
}

body.account.sales-order-history .page-title {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #0d1117 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

body.account.sales-order-history .page-title::before {
    content: '' !important;
    display: inline-block !important;
    width: 4px !important;
    height: 18px !important;
    background: #3bb64a !important;
    border-radius: 2px !important;
    flex-shrink: 0 !important;
}

/* Table header */
body.account.sales-order-history .orders-history thead th {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #9ca3af !important;
    border-bottom: 1px solid #f3f4f6 !important;
    border-top: none !important;
    padding: 10px 14px !important;
    background: transparent !important;
}

/* Table rows */
body.account.sales-order-history .orders-history tbody td {
    font-size: 14px !important;
    color: #374151 !important;
    padding: 16px 14px !important;
    border-bottom: 1px solid #f9fafb !important;
    border-top: none !important;
    vertical-align: middle !important;
    background: transparent !important;
}

body.account.sales-order-history .orders-history tbody tr:last-child td {
    border-bottom: none !important;
}

body.account.sales-order-history .orders-history tbody tr:hover td {
    background: #f9fafb !important;
}

/* Order number bold */
body.account.sales-order-history .orders-history .col.id {
    font-weight: 700 !important;
    color: #0d1117 !important;
}

/* Status badge */
body.account.sales-order-history .orders-history .col.status {
    font-size: 12px !important;
    font-weight: 700 !important;
}

/* VIEW button — teal filled */
body.account.sales-order-history .orders-history .action.view {
    display: inline-flex !important;
    align-items: center !important;
    padding: 7px 16px !important;
    background: #3bb64a !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
    margin-right: 6px !important;
}

body.account.sales-order-history .orders-history .action.view:hover {
    background: #3bb64a !important;
    color: #ffffff !important;
}

/* REORDER button — ghost */
body.account.sales-order-history .orders-history .action.order {
    display: inline-flex !important;
    align-items: center !important;
    padding: 6px 14px !important;
    background: #fff !important;
    color: #374151 !important;
    border: 1.5px solid #e5e7eb !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
}

body.account.sales-order-history .orders-history .action.order:hover {
    border-color: #3bb64a !important;
    color: #0d1117 !important;
    background: #f0fdf8 !important;
}

/* Toolbar */
body.account.sales-order-history .toolbar {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 16px 14px 0 !important;
    border-top: 1px solid #f3f4f6 !important;
    margin-top: 4px !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

body.account.sales-order-history .toolbar .limiter-label {
    font-size: 13px !important;
    color: #6b7280 !important;
    font-weight: 500 !important;
}

body.account.sales-order-history .toolbar select.limiter-options {
    padding: 6px 12px !important;
    border: 1.5px solid #e5e7eb !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    color: #0d1117 !important;
    outline: none !important;
    background: #fff !important;
    box-shadow: none !important;
}

/* ── ADDRESS BOOK PAGE ── */

/* Main card */
body.account.customer-address-index .column.main {
    background: #ffffff !important;
    border-radius: 16px !important;
    padding: 28px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.04) !important;
    border: 1px solid #f0f0f0 !important;
}

/* Remove inner box wrappers */
body.account.customer-address-index .block-addresses-default,
body.account.customer-address-index .block-addresses-list {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 28px !important;
}

/* Page title */
body.account.customer-address-index .page-title-wrapper {
    display: none !important;
    margin-bottom: 20px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #f3f4f6 !important;
}

body.account.customer-address-index .page-title {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #0d1117 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

body.account.customer-address-index .page-title::before {
    content: '' !important;
    display: inline-block !important;
    width: 4px !important;
    height: 18px !important;
    background: #3bb64a !important;
    border-radius: 2px !important;
    flex-shrink: 0 !important;
}

/* Hide shipping address completely */
body.account.customer-address-index .block-addresses-default .box-address-shipping {
    display: none !important;
}

/* Billing address box — full width clean card */
body.account.customer-address-index .block-addresses-default .box-address-billing {
    background: #f9fafb !important;
    border: 1.5px solid #3bb64a !important;
    border-radius: 12px !important;
    padding: 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
    position: relative !important;
}

body.account.customer-address-index .block-addresses-default .box-address-billing::before {
    content: 'Default Billing Address' !important;
    display: block !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #3bb64a !important;
    margin-bottom: 12px !important;
}

body.account.customer-address-index .block-addresses-default .box-address-billing .box-title {
    display: none !important;
}

body.account.customer-address-index .block-addresses-default .box-address-billing address {
    font-size: 14px !important;
    color: #374151 !important;
    line-height: 1.8 !important;
    font-style: normal !important;
}

body.account.customer-address-index .block-addresses-default .box-address-billing .box-actions {
    margin-top: 16px !important;
}

/* Block title for default addresses section */
body.account.customer-address-index .block-addresses-default .block-title {
    display: block !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0d1117 !important;
    margin-bottom: 16px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #f3f4f6 !important;
}

body.account.customer-address-index .block-addresses-default .block-title strong {
    font-size: 15px !important;
    border: none !important;
    padding: 0 !important;
}

/* Block content — remove flex/float */
body.account.customer-address-index .block-addresses-default .block-content {
    display: block !important;
    float: none !important;
}

/* Additional addresses section */
body.account.customer-address-index .block-addresses-list {
    border-top: 1px solid #f3f4f6 !important;
    padding-top: 24px !important;
}

body.account.customer-address-index .block-addresses-list .block-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0d1117 !important;
    margin-bottom: 16px !important;
}

body.account.customer-address-index .block-addresses-list .block-title strong {
    font-size: 15px !important;
    border: none !important;
    padding: 0 !important;
}

/* Additional address items as cards */
body.account.customer-address-index .block-addresses-list .items.addresses {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 20px !important;
}

body.account.customer-address-index .block-addresses-list .items.addresses .item {
    background: #f9fafb !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 12px !important;
    padding: 18px !important;
}

body.account.customer-address-index .block-addresses-list .items.addresses address {
    font-size: 14px !important;
    color: #374151 !important;
    line-height: 1.8 !important;
    font-style: normal !important;
    margin-bottom: 12px !important;
}

/* Empty message */
body.account.customer-address-index .block-addresses-list .empty {
    font-size: 14px !important;
    color: #9ca3af !important;
    margin-bottom: 16px !important;
}

/* Add New Address button */
body.account.customer-address-index .action.primary.add {
    display: inline-flex !important;
    align-items: center !important;
    padding: 10px 20px !important;
    background: #3bb64a !important;
    color: #fff !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
    letter-spacing: 0.3px !important;
}

body.account.customer-address-index .action.primary.add:hover {
    background: #3bb64a !important;
    color: #fff !important;
}

/* Action buttons */
body.account.customer-address-index .action.edit,
body.account.customer-address-index .action.delete {
    display: inline-flex !important;
    align-items: center !important;
    padding: 6px 14px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
    margin-right: 6px !important;
    border: 1.5px solid #e5e7eb !important;
    color: #374151 !important;
    background: #fff !important;
}

body.account.customer-address-index .action.edit:hover {
    border-color: #3bb64a !important;
    color: #0d1117 !important;
    background: #f0fdf8 !important;
}

body.account.customer-address-index .action.delete:hover {
    border-color: #ef4444 !important;
    color: #ef4444 !important;
    background: #fef2f2 !important;
}

@media (max-width: 768px) {
    body.account.customer-address-index .block-addresses-list .items.addresses {
        grid-template-columns: 1fr !important;
    }
}

/* Hide downloadable samples block on product page */
.catalog-product-view .product-info-main .samples-item,
.catalog-product-view .product-info-main .block-title.samples-title,
.catalog-product-view .samples-item,
.catalog-product-view [class*="samples"] {
    display: none !important;
}

.catalog-product-view dl.items.samples {
    display: none !important;
}
/* ===== PRODUCT PAGE — 2-COLUMN REDESIGN ===== */

/* Hide the original product-info-main after restructuring */
.poc-product-main-hidden {
    display: none !important;
}

/* 2-column layout */
.poc-product-layout {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: 32px;
    align-items: start;
    margin-bottom: 32px;
}

/* Left column */
.poc-product-left {
    min-width: 0;
}

.poc-product-left .product.media {
    margin-bottom: 24px;
}

.poc-product-left .page-title-wrapper {
    margin-bottom: 8px;
}

.poc-product-left .page-title-wrapper h1.page-title {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #0d1117 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
}

.poc-product-left .product-social-links {
    margin-bottom: 12px;
}

.poc-product-left .product-reviews-summary {
    margin-bottom: 16px;
}

.poc-product-left .product.attribute.overview {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

/* Right column */
.poc-product-right {
    position: relative;
}

/* Sticky card */
.poc-product-card {
    position: sticky;
    top: 100px;
    background: #ffffff;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.04);
    border: 1px solid #f0f0f0;
}

/* Price inside card */
.poc-product-card .product-info-price {
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #f3f4f6;
}

.poc-product-card .price-box .price {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #0d1117 !important;
}

/* Options inside card */
.poc-product-card .product-options-wrapper {
    margin-bottom: 16px;
}

.poc-product-card .product-options-wrapper .field {
    margin-bottom: 14px;
}

.poc-product-card .product-options-wrapper .field label,
.poc-product-card .product-options-wrapper .field .label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #374151 !important;
    margin-bottom: 6px !important;
    display: block !important;
}

.poc-product-card .product-options-wrapper .field input,
.poc-product-card .product-options-wrapper .field select,
.poc-product-card .product-options-wrapper .field textarea {
    border: 1.5px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 12px 14px !important;
    font-size: 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    height: 46px !important;
    transition: border-color 0.2s !important;
}

.poc-product-card .product-options-wrapper .field textarea {
    height: auto !important;
    min-height: 80px !important;
}

.poc-product-card .product-options-wrapper .field input:focus,
.poc-product-card .product-options-wrapper .field select:focus {
    border-color: #3bb64a !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(74,222,158,0.1) !important;
}

/* Checkbox options (Installation) */
.poc-product-card .product-options-wrapper .field.choice {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 14px 16px !important;
    background: #f9fafb !important;
    border-radius: 10px !important;
    border: 1.5px solid #e5e7eb !important;
    margin-bottom: 14px !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}

.poc-product-card .product-options-wrapper .field.choice:hover {
    border-color: #3bb64a !important;
    background: #f0fdf8 !important;
}

.poc-product-card .product-options-wrapper .field.choice label {
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    flex: 1 !important;
}

.poc-product-card .product-options-wrapper .field.choice input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
    margin-bottom: 4px;
}

/* Links section styling */
.poc-product-card .downloads-no-separately .field.choice {
    padding: 10px 14px;
    background: #f9fafb;
    border-radius: 8px;
    border: 1px solid #f0f0f0;
    margin-bottom: 8px;
}

.poc-product-card .downloads-no-separately .field.choice label {
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* Legend/Links title */
.poc-product-card .product-options-wrapper .legend {
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #9ca3af !important;
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid #f3f4f6 !important;
}

/* Add to Cart button inside card */
.poc-product-card .box-tocart {
    margin-top: 20px !important;
    padding-top: 0 !important;
    border-top: none !important;
}

.poc-product-card .box-tocart .actions {
    width: 100% !important;
}

.poc-product-card .box-tocart .action.primary.tocart {
    width: 100% !important;
    padding: 16px !important;
    background: #3bb64a !important;
    color: #0d1117 !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
    box-shadow: 0 4px 14px rgba(74,222,158,0.3) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.poc-product-card .box-tocart .action.primary.tocart:hover {
    background: #3bb64a !important;
    color: #fff !important;
    box-shadow: 0 6px 20px rgba(42,184,122,0.45) !important;
}

/* Hide qty on downloadable products */
.poc-product-card .box-tocart .field.qty {
    display: none !important;
}

/* Stock/SKU inside card */
.poc-product-card .product-info-stock-sku {
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #f3f4f6;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.poc-product-card .product-info-stock-sku .stock {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #16a163 !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.poc-product-card .product-info-stock-sku .stock::before {
    content: '✓' !important;
    font-size: 11px !important;
}

.poc-product-card .product-info-stock-sku .product.attribute.sku {
    font-size: 12px !important;
    color: #9ca3af !important;
}

.poc-product-card .product-info-stock-sku .product.attribute.sku .type {
    font-weight: 600 !important;
    margin-right: 4px !important;
}

/* Samples hidden */
.poc-product-card dl.items.samples {
    display: none !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .poc-product-layout {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .poc-product-card {
        position: static !important;
    }

    .poc-product-left .page-title-wrapper h1.page-title {
        font-size: 22px !important;
    }
}

/* ===== REQUEST CUSTOMIZATION BUTTON ===== */
.poc-request-custom-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 14px !important;
    margin-top: 10px !important;
    background: transparent !important;
    color: #374151 !important;
    border: 1.5px solid #e5e7eb !important;
    border-radius: 10px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    transition: all 0.2s !important;
}

.poc-request-custom-btn:hover {
    border-color: #3bb64a !important;
    color: #0d1117 !important;
    background: #f0fdf8 !important;
}

/* ===== PRODUCT PAGE POLISH FIXES ===== */

/* Fix 1: Hide Stock/SKU in card */
.poc-product-card .product-info-stock-sku {
    display: none !important;
}

/* Fix 2: Add to Cart — white text, no icon */
.poc-product-card .box-tocart .action.primary.tocart {
    color: #ffffff !important;
    background: #3bb64a !important;
}

.poc-product-card .box-tocart .action.primary.tocart:hover {
    color: #ffffff !important;
    background: #3bb64a !important;
}

.poc-product-card .box-tocart .action.primary.tocart .porto-icon-bag-2,
.poc-product-card .box-tocart .action.primary.tocart i,
.poc-product-card .box-tocart .action.primary.tocart svg {
    display: none !important;
}

/* ===== PRODUCT PAGE — hide originals, show wrapper blocks ===== */

/* Hide original product blocks — wrapper template re-renders them */
.catalog-product-view .column.main > .product.media:not(.poc-product-left .product.media),
.catalog-product-view .column.main > .product-info-main,
.catalog-product-view .column.main > .product-add-form:not(.poc-product-card .product-add-form) {
    display: none !important;
}

/* Show blocks inside our wrapper */
.poc-product-left .product.media,
.poc-product-card .product-add-form {
    display: block !important;
}