@import url('https://fonts.googleapis.com/css?family=Inter:400,500,600,700'); 
            :root {
                --b-color-ayon: #e1e1e1;
                --b-width-ayon: 1px;
                --b-r-ayon: 16px;
                --b-r-product: 16px;

                --link-effect: #3271e4;

                --b-color-input: #e1e1e1;
                --b-color-input-focus: #3271e4;

                --bg-content: #ffffff;

                --titles-ayon: #1c1c1c;
                --side-titles-ayon: #000000;

                --success-ayon: #00c293;
                --warning-ayon: #ffd52a;
                --danger-ayon: #f05377;

                
                
            }

        .loader-overlay { display:none!important; }
      
      .logo_loader { display:none!important; }
      
                  .loader-logo {
                  background-image: url(../upload/logo-loader-1.png); }.roy-loader { background-color: #2471ff }
      
            .roy-loader .icon_loader span {
                border-color: #3271e4; }
            
            .roy-loader .icon_loader:after {  
                content: "";  
                border-top: 2px solid #3271e4;
                border-right: 2px solid #3271e4;
                border-bottom: 2px solid #3271e4;
                border-left: 2px solid transparent;
                width: 30px;
                height: 30px;
                margin-top: -15px;
                margin-left: -15px;
                position: absolute;
                border-radius: 50%;
                animation: loader_rotation .6s linear infinite;
            }
            
              .bordered { border-color: #e1e1e1 }
              
                .quickview .right_col::-webkit-scrollbar-track {
                    background-color: transparent;
                    border-radius: 0;
                }
                .quickview .right_col::-webkit-scrollbar {
                    width: 2px;
                    background-color: #e1e1e1;
                }
                .quickview .right_col::-webkit-scrollbar-thumb {
                    border-radius: 4px;
                    background-color: #f2f2f2;
                }
            
      @media (min-width: 992px) {
        .mm_menus_ul {
          justify-content: flex-end;
        }
        #header .row.action > div.head_action ul:not(.dropdown-menu):not(.ui-widget-content) {
          padding-left:30px;
        }
        #header .row.action #_desktop_logo {
          flex-direction:row;
          align-items:center;
          justify-content: flex-start;
        }
        #header .row.action #_desktop_logo > a {
          margin-right:22px;
        }
      }
      
                #header .header-top > .container, #header .header-nav > .container { max-width:100%; width:auto; padding:0 90px; }
            
                @media(max-width: 1400px) {
                    #header .header-top > .container, #header .header-nav > .container { padding:0 30px; }
                }
            
      #header .row.action > div.head_action > ul > li:hover > div:not(.search4):not(.mob-select) { opacity:0.3; }
      #header .row.action > div.head_action > ul > li button.btn-unstyle {
          -webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
          transition: all .22s cubic-bezier(.07,.74,.56,.89); }
      #header .row.action > div.head_action > ul > li:hover button.btn-unstyle { opacity:0.3; }
      
            @media(min-width: 1500px) {
                #header .row.action > div.head_action > ul > li { margin-left:24px; }
            }
            @media(max-width: 1499px) {
                #header .row.action > div.head_action > ul > li { margin-left: 10px }
            }
      
                #header .row.action .layout_layout1 .mm_menus_li { 
                    padding-left: 24px; padding-right:24px; 
                }
            
              @media(min-width:992px) and (max-width:1400px) {
                #header .header-top>.container {
                  width:100%;
                }
                #header .container .ets_mm_megamenu .container {
                  width:auto!important;
                }
                #header .row.action .layout_layout1 .mm_menus_li {
                  padding-left:10px;
                  padding-right:10px;
                }
                #header .row.action .layout_layout1 .mm_menus_li a {
                  padding:0!important;
                }
                #header .row.action #_desktop_logo {
                    padding-right: 10px;
                }
              }
            
            body { background: #ffffff }

            #search_filters .custom-checkbox input[type=checkbox]:hover+span.color:before { 
                box-shadow: inset 0 0 0 var(--b-width-ayon) #3271e4, inset 0 0 0 3px #ffffff; 
                opacity:1;
            }
            #search_filters .facet-label.active .custom-checkbox input[type=checkbox]+span.color:before { 
                box-shadow: inset 0 0 0 var(--b-width-ayon) #3271e4, inset 0 0 0 3px #ffffff; 
                opacity:1;
            }


      
            
            .definition-list dl, #subcategories ul li .subcategory-image a, #blockcart-modal .divide-right, body#checkout section.checkout-step, .active_filters, .active_filters .filter-block, .product-features>dl.data-sheet dd.value, #module-smartblog-details #main .page-content ul.footer_links, .tags_block .block_content a, #tags_blog_block_left .block_content a, .sdstags-update .tags a, .page-my-account #content,  .cart-items .cart-item, .links a span.link-item, .card, .discover_qw, #authentication .logininstead { border-color: #e1e1e1 }
       .product-info:before, .product-add-to-cart:before, #main .page-footer:before { background: #e1e1e1 }
       #product_comments_block_tab button.usefulness_btn, #product_comments_block_tab div.comment {
         border-color: #e1e1e1!important
       }
       @media (max-width: 991px) {
        #order-confirmation .card-title, #category #search_filters .facet {
            border-color: #e1e1e1;
        } }
      body, p, #product_comments_block_tab button.usefulness_btn, .active_filters .filter-block .close, .products-sort-order .select-title, .products-sort-order .dropdown-menu { color: #1c1c1c }
      body#checkout section.checkout-step .delete-address, body#checkout section.checkout-step .edit-address, body#checkout section.checkout-step .address, .sdsarticleHeader .meta, .product-line-grid-right .cart-line-product-actions .remove-from-cart, .product-line-grid-right .product-price .remove-from-cart, .cart-grid-body .product-line-info.atts *, .sdsarticleHeader span, .sdsarticleHeader span a, .pagination .showing, .form-control-comment, #main .page-footer a i, .fl { color: #bbbbbb }
      .text-muted { color: #bbbbbb!important }
      a, a:visited, a.text-primary,  a.text-primary:visited, .quickview button.close, .active_filters .filter-block, #main .input-group.bootstrap-touchspin .input-group-btn>.btn, .quickview .input-group.bootstrap-touchspin .input-group-btn>.btn { color: #000000 }
      .cart-grid-right .cart-summary a:not(.bright):after, body#checkout .login-tabs a:after, body#checkout .condition-label label a:after { background:#000000}
      .underline {
        text-decoration: none!important;
        position: relative;
      }
      .underline:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: -2px;
        margin: 0 auto;
        -webkit-transition: all .4s cubic-bezier(.36,.76,0,.88);
        transition: all .4s cubic-bezier(.36,.76,0,.88);
        width: 100%;
        height: 2px;
        background:#000000;
      }
      a:hover, a:focus, a.text-primary:hover, a.text-primary:focus, .side-column a:hover, .myacc_left .links a:hover, #main h1:not(.active-filter-title) a i:before, #product .featured-products h2 a i:before, .products-section-title a i:before, h1.page-header a i:before, h2.page-header a i:before, h3.page-header a i:before, h4.page-header a i:before, h5.page-header a i:before, h6.page-header a i:before { color: #000000 }
            .cart-grid-right .cart-summary a:not(.bright):hover:after { background:#000000}
            .underline:hover:before {
                margin-right: 0;
                width: 0;
            }
            .goreviews:hover:after { background:#000000; }
            label, #blockcart-modal .modal-body p strong { color: #1c1c1c }
      .h1, .h2, .h3, .h4, #product .featured-products h2 a, .elementor-widget-roy_product_tabs .nav-tabs .nav-link, .elementor-widget-roy_product_tabs .nav-tabs .nav-link.active, .elementor-widget-roy_product_tabs .nav-tabs .nav-link.active:focus, .elementor-widget-roy_product_tabs .nav-tabs .nav-link.active:hover, .products-section-title a, #product_comments_block_tab .comment_author_infos strong, h4.title_block, #main h1:not(.active-filter-title), #new_comment_form .product .product_desc .product_name, #new_comment_form .title, #product .tabs .nav-tabs .nav-link, #product .tabs .nav-tabs .nav-link:active, #product .featured-products h2, .products-section-title, h1.page-header, h2.page-header, h3.page-header, h4.page-header, h5.page-header, h6.page-header, #category #left-column #search_filters .facet .navbar-toggler i { color: #1c1c1c }
      .flickity-button-icon { fill: #1c1c1c!important }
      .page-addresses .address, .page-addresses .address .address-footer, .tabs .nav-tabs .nav-link:hover, .tabs .nav-tabs .nav-link.active, .tabs .tab-pane .product-features .h6, .tabs .tab-pane label { border-color:#1c1c1c }
      .tabs .nav-tabs .nav-link:after, .elementor-widget-roy_product_tabs .nav-tabs .nav-link:after, .reviews-list-title h3:after { background: #1c1c1c }
      
      #roy_brands .flickity-prev-next-button { display:none }
      
      #roy_specials_col .flickity-prev-next-button {
        top: -16px;
        transform: translateY(-30px);
        width:26px;
        height:26px;
      }
      #roy_specials_col .flickity-prev-next-button.previous {
        left:auto;
        right:22px;
      }
      #roy_specials_col .flickity-prev-next-button.next {
        right:-10px;
      }
      
        #roy_specials_col .flickity-prev-next-button {
          top: -35px;
        }
      
      #roy_specials_col .flickity-prev-next-button { display:none }
      
      .featured-products .flickity-prev-next-button {
        width:26px;
        height:26px;
      }
      @media(max-width:992px) {
        .featured-products .flickity-prev-next-button {
          opacity:1;
          transform: translateY(-18px);
        }
        .featured-products .flickity-prev-next-button.previous {
          left:18px;
        }
        .featured-products .flickity-prev-next-button.next {
          right:18px;
        }
        #index #main h2.products-section-title, .products-section-title {
          padding-left:30px;
          padding-right:30px;
        }
      }
      
                @media(min-width:992px) {
                    .featured-products .flickity-prev-next-button {
                        transform: translateY(-30px);
                    }
                    .featured-products.pl_spa1 .flickity-prev-next-button {
                        top: -2rem;                    
                    }
                    .featured-products.pl_spa2 .flickity-prev-next-button {
                        top: -3rem;                    
                    }
                    .featured-products.pl_spa3 .flickity-prev-next-button {
                        top: -1.5rem;                    
                    }
                    .featured-products .flickity-prev-next-button.previous {
                        left:18px;
                    }
                    .featured-products .flickity-prev-next-button.next {
                        right:18px;
                    }
                }
                
                @media (max-width: 991px) {                
                    .featured-products.pl_spa1 .flickity-prev-next-button, 
                    .featured-products.pl_spa2 .flickity-prev-next-button, 
                    .featured-products.pl_spa3 .flickity-prev-next-button {                    
                        top: -1.5rem;
                    }
                    .featured-products .flickity-prev-next-button .flickity-button-icon {
                        width:44%;
                    }
                }

               
                    @media(min-width:992px) {
                        #index .featured-products .flickity-prev-next-button.previous {
                            left:auto;
                            right:50px;
                        }
                        #index .featured-products .flickity-prev-next-button.next {
                            right:18px;
                        }
                    } 
                #ui_tip { background: #ffffff }
      #ui_tip { color: #000000 }
            .table-bordered, .table-bordered th, .table-bordered td, .simpleblog__share ul li .btn { border-color: #f2f2f2 }

            .page-order-detail .myacc_content > section.box:last-of-type {
                border:none;
            }

            .product-description table td {
                border-color: #f2f2f2;
                border-width: var(--b-width-ayon);
                border-style: solid;
                padding: 6px 20px;
                line-height: 1.15;                
            }
      
      #history .table-bordered, #discount .table-bordered, #discount .table-bordered th, #discount .table-bordered td { border-color: #f2f2f2 }
      #product-modal .modal-content .modal-body .image-caption { background: #ffffff }#product-modal-name { color: #1c1c1c }
      #main .page-content a:not(.btn):not(.noeffect):not(.color):before, #footer:not(.block-social) a:before, .elementor-widget-text-editor p a:not(.btn):before, .side-column>.block-categories .category-sub-menu .category-sub-link:before, .side-column>.block-categories .category-sub-menu li[data-depth="0"]>a:before {
        background: #3271e4;
      } 
              #main .page-content a:not(.btn):not(.noeffect):not(.simpleblog__post-featured):not(.color):before, body#checkout section.checkout-step p a:before, #footer div:not(.block-social) a:before, .elementor-widget-text-editor p a:not(.btn):before, .side-column>.block-categories .category-sub-menu .category-sub-link:before, .side-column>.block-categories .category-sub-menu li[data-depth="0"]>a:before {
                left:0;
                height: var(--b-width-ayon);
                bottom:-4px;
                width: 0;
              }
              #main .page-content a:not(.btn):not(.noeffect):not(.color):hover:before, body#checkout section.checkout-step p a:hover:before, #footer div:not(.block-social) a:hover:before, .elementor-widget-text-editor p a:not(.btn):hover:before, .side-column>.block-categories .category-sub-menu .category-sub-link:hover:before, .side-column>.block-categories .category-sub-menu li[data-depth="0"]>a:hover:before {
                width: 100%;
                opacity:1;
              }
            
                .form-group .req {
                    top: auto;
                    bottom: 52px;
                    right: -2px;
                }
            
            @media (min-width: 992px) {                
                .myacc_left, 
                .cart-grid-body .cart-overview, 
                #product-comments-list, 
                #product .tabs, 
                .login-form, 
                #checkout #js-checkout-summary.cart-summary,
                .simpleblog__listing__post__wrapper__content,
                .cart-grid-right .cart-summary, 
                #contact .contact-form, 
                #checkout .cart-grid-body .cart-container {
                    border: var(--b-width-ayon) solid var(--b-color-ayon);
                    border-radius: var(--b-r-ayon);
                }                    
                .myacc_left {
                    padding: 2rem 3rem;
                }                
                .myacc_left > .row {
                    margin-bottom: 0;
                }
                .myacc_content {
                    padding-left: 4rem;
                }                
                .cart-grid-body .cart-overview {
                    padding: 1rem 2.25rem;
                }
                #cart .cart-grid-body .cart-container {
                    padding-right: 3rem;
                }
                #checkout .cart-grid-body .cart-container {
                    padding: 2rem 2.5rem!important;
                    margin-right: 3rem;
                }
                .login-form, 
                #contact .contact-form, 
                #product-comments-list {
                    padding: 2rem 3rem;
                }
                #product-comments-list {
                    margin-top: 1.5rem;
                }
                #module-ph_simpleblog-category .simpleblog__listing__post__wrapper__content, 
                body .simpleblog__listing__post__wrapper__content, 
                #phblogrecentposts .blogslider .simpleblog__listing__post__wrapper__content {
                    padding: 1.25rem 1.75rem;
                }
                #module-ph_simpleblog-category .simpleblog__listing__post__wrapper__content, 
                #phblogrecentposts .blogslider:not(.mini) .simpleblog__listing__post__wrapper__content {
                    margin-top: 0.75rem;
                }       
            }
            
            .myacc_left .myacc_name {
                padding-bottom: 1.5rem;
                width: 100%;
                border-bottom: var(--b-width-ayon) solid var(--b-color-ayon);
            }
            .side_menu #side_acc_wrap .acc_ul > span.name:not(.acc_text_create):not(.acc_text_login) {
                border-bottom: var(--b-width-ayon) solid var(--b-color-ayon);
                padding-bottom: 1.75rem;
                margin-bottom: 1.75rem;
            }
            .myacc_left .links a.logout, 
            .side_menu #side_acc_wrap .acc_ul > a.logout:not(.acc_text_create):not(.acc_text_login) {
                border-top: var(--b-width-ayon) solid var(--b-color-ayon);
                padding-top: 1.75rem;
                margin-top: 1.75rem;
            }
            #checkout #js-checkout-summary.cart-summary,
            .cart-grid-right .cart-summary {
                background: none; 
            }      

            @media (max-width: 992px) {                
                #product .tabs {
                    border-top: var(--b-width-ayon) solid var(--b-color-ayon);
                    border-radius: 0;
                }
                #product-comments-list {
                    border-bottom: var(--b-width-ayon) solid var(--b-color-ayon);
                    border-radius: 0;
                }   
                #checkout #js-checkout-summary.cart-summary,
                .cart-grid-right .cart-summary {
                    border-radius: 0;
                    border-left: none;
                    border-right: none;
                }    
            }
            
            .custom-radio input[type=radio]+span { left: 4px; top: 4px; }
            
                .tabs .nav-tabs .nav-link:after, .cart-grid-right .cart-summary a:not(.bright):after, body#checkout .condition-label label a:after, .products-sort-order .select-title:after, .reviews-list-title h3:after { height: var(--b-width-ayon)!important; }
                
                .definition-list dl, 
                #authentication .logininstead, #identity .logininstead, .custom-radio, 
                .btn, input:not(.btn), textarea, .form-control-select, body select.form-control:not([size]):not([multiple]), .custom-checkbox input[type=checkbox]+span, 
                .simpleblog__listing__post__wrapper__footer__block.date, .col-image .discount-amount, .col-image .discount-percentage, .product-miniature .product-flag, .col-image .online-only, .col-image .pack, .col-image .product-flags .new, .product-miniature .discount-amount, .product-miniature .discount-percentage, .product-miniature .product-flag.online-only, .product-miniature .product-flag.pack, .product-miniature .product-flags .product-flag.new, 
                #main .input-group.bootstrap-touchspin, .quickview .input-group.bootstrap-touchspin, 
                .product-features>dl.data-sheet dd.value {
                    border-width: var(--b-width-ayon)!important;   
                }
                .side_menu .search-widget form:before, .side_menu .search-widget form:before, body#checkout section.checkout-step .step-title { 
                    border-bottom-width: var(--b-width-ayon)!important;
                }    
                

                .menu_mob_wrapper .arrow:before { 
                    border-left-width:var(--b-width-ayon)!important; 
                    border-top-width:var(--b-width-ayon)!important 
                }
                    
                #order-items { border-right-width: var(--b-width-ayon) }
                .side_menu .cart-total,                
                .page-order-confirmation > .card-block { border-width: var(--b-width-ayon) }
                .input-group .input-group-btn>.btn[data-action="show-password"]:before { width: var(--b-width-ayon) }
            
        #header.sticky {
            box-shadow: 0 6px 40px 0px rgba(0, 0, 0, 0.1);
        }
        #header.sticky.normal .row.action {
            padding: 0 15px;
        }
        #header.sticky .logo {
            max-height: 44px;
        }
        #header.sticky .head_logo {
            height: 44px;
            max-height: 44px;
        }
    
      #header.normal { background: #ffffff; }
      #header.normal .logo-trans { display:none; }

      #header.normal .row.action > div i.ai {
        color: #1c1c1c;
      }
      
      #header.normal .row.action > div span.text, #header .row.action > div span.acc_name {
        color: #1c1c1c;
      }

      #header.normal .row.action .blockcart a span.cart-products-count {
        background:#3271e4;
        color:#ffffff;
      }

      #header.normal .layout_layout1:not(.ybc_vertical_menu) .mm_menus_li > a {
        color: #1c1c1c!important;
      }
      #header.normal .layout_layout1 .mm_menus_li:hover > a {
        color: #2471ff!important;
      }
      #header.normal .layout_layout1 .mm_menus_li > a > span:before {
        background: #3271e4;
      }
      
          #header.normal .header-top .search-widget form input[type="text"] {
            color: #1c1c1c;
            border-color:#dddddd;
          }
          #header.normal .header-top .search-widget form input[type="text"]:focus {
            color: #1c1c1c;
            border-color:#dddddd!important;
          }
          #header.normal .header-top .search-widget form input[type="text"]::-webkit-input-placeholder {
            color: #1c1c1c!important;
            opacity:1;
          }
          #header.normal .header-top .search-widget form input[type="text"]::-moz-placeholder {
            color: #1c1c1c!important;
            opacity:1;
          }
          #header.normal .header-top .search-widget form input[type="text"]:-ms-input-placeholder {
            color: #1c1c1c!important;
            opacity:1;
          }
          #header.normal .header-top .search-widget form input[type="text"]:-moz-placeholder {
            color: #1c1c1c!important;
            opacity:1;
          }
          
            #header .header-nav {
              background: #f2f2f2;
              color: #1c1c1c;
            }
            #header .header-nav p {
              color: #1c1c1c;
            }
            #header .header-nav a, #header .header-nav span, #header .header-nav .contact-link span { color: #1c1c1c ; }
            @media (max-width: 991px) {
              #header .header-nav .left-nav .mob-select select {
                color: #1c1c1c ;
            } }
            #header .header-nav a:hover, #header .header-nav span:hover { color: #2471ff ; }
            
                            #header .header-nav:before {
                              position:absolute;
                              bottom:0;
                              height:var(--b-width-ayon);
                              width:100%;
                              left:0;
                              content:"";
                              display:block;
                              background: #f2f2f2 ;
                            }
                          
          #header .header-nav .roycontent {
            justify-content:center;
          }
        
              .header-top .search-widget form input[type=text] {
                border-width:2px;
                border-style:solid;
                border-radius:10px!important;
              }
              .header-top .search-widget form button[type=submit] {
                position:absolute;
                display:flex;
                align-items:center;
                justify-content:center;
                right:10px;
                top:50%;
                transform:translateY(-50%);
              }
            
            #header .row.action .blockcart a i {
              display:inline-block;
            }
            #header .row.action .blockcart a span.text {
              display:inline-block!important;
              margin-left:9px;
            }
        
                .add .btn.add-to-cart:hover .plus {
                  color: #ffffff;
                }
                
            #header .row.action .acc_top span.text {
              display:none;
            }
        
        .menu_top i span:not(.text) {
          height:2px;
          border-radius:3px;
        }
      
          .menu_top i span:not(.text) {
            background:#1c1c1c;
          }
        
          .menu_top i span:not(.text) {
            left:0;
          }
          .menu_top i span:nth-child(1) {
            width:80%;
            top:0;
          }
          .menu_top i span:nth-child(2) {
            width:90%;
            left:10%;
            top:7px;
          }
          .menu_top i span:nth-child(3) {
            width:50%;
            bottom:0;
          }

          .menu_top:hover i span:nth-child(1) {
            width:45%;
            left:50%;
          }
          .menu_top:hover i span:nth-child(2) {
            width:65%;
            left:-5%;
          }
          .menu_top:hover i span:nth-child(3) {
            width:60%;
            left:35%;
          }
        
            #header .row.action .menu_top i {
              margin-right:10px;
            }
            #header .row.action .menu_top span.text {
              display:inline-block;
              margin-right:3px;
            }
        
        #header .layout_layout1 .mm_menus_li > a > span:before {
          left:0;
          height:2px;
          bottom:-4px;
          width: 0;
        }
        #header .layout_layout1 .mm_menus_li > a:hover > span:before {
          width: 100%;
          opacity:1;
        }
      
          .ets_mm_megamenu, .ets_mm_megamenu .mm_columns_ul, .ets_mm_block_content ul li ul { border-radius: 0px!important }
        
          @media(min-width:992px) {
          .layout_layout1.ets_mm_megamenu .mm_columns_ul, .ets_mm_block_content ul li ul, ul.dropdown-menu {
            background: #ffffff!important;
            border-color: #f2f2f2!important; }
            .ets_mm_block_content { color: #424242!important }
            .ets_mm_block > .h4, .ets_mm_block > h4 { border-color:#f2f2f2!important; }
            #header .layout_layout1 .ets_mm_block_content a, .ets_mm_block > h4, .ets_mm_block > .h4, .ets_mm_block > .h4 > a, .ets_mm_block > h4 > a , a.dropdown-item { color: #424242!important }
            #header .layout_layout1 .mm_block_type_html .ets_mm_block_content a:hover, #header .layout_layout1 .mm_columns_ul .mm_block_type_product .product-title > a:hover, #header .layout_layout1 li > a:hover { color: #ababab!important }
          }
          
                .side_menu .search-widget form input[type=text] {
                  font-size:18px;
                }
                @media(max-width:992px) {
                    .side_menu .search-widget form input[type=text] {
                        font-size:16px;
                    }
                }
            

    @media(min-width: 992px) {
    body .featured-products.mini h2.products-section-title, 
    body .featured-products.mini h3.products-section-title {
        margin-bottom: 2rem;
    }   
    body .featured-products.mini .flickity-prev-next-button {
        top: -2rem;
    } }

    .side_menu {
      background:#ffffff;
      color:#000000;
    }
    .side_menu.side_lay1 .ui-widget-content {
      background:#ffffff!important;
    }

    @media(max-width:991px) {
        #search_filters_wrapper {
            background:#ffffff;
            color:#000000;
        }
    }

    .side_menu .search-widget form {
      position:relative;
    }
    .side_menu .search-widget form:before {
      content:"";
      width:100%;
      height:100%;
      position:absolute;
      top:0;
      left:0;
      border-bottom: var(--b-width-ayon) solid #f2f2f2;
      z-index: -1;
    }
    .side_menu .search-widget form input[type=text], .search-widget form input[type="text"]+button[type="submit"] i.ai {
      color:#000000;
    }
    .side_menu .search-widget form input[type=text]:focus {
      box-shadow:none!important;
    }

      .side_menu .search-widget form input[type=text]::-webkit-input-placeholder {
        color: #000000!important;
        opacity:1;
      }
      .side_menu .search-widget form input[type=text]::-moz-placeholder {
        color: #000000!important;
        opacity:1;
      }
      .side_menu .search-widget form input[type=text]:-moz-placeholder {
        color: #000000!important;
        opacity:1;
      }
      .side_menu .search-widget form input[type=text]:active::-webkit-input-placeholder{
        color: #000000!important;
        opacity:1;
      }
      .side_menu .search-widget form input[type=text]:active::-moz-placeholder {
        color: #000000!important;
        opacity:1;
      }
      .side_menu .search-widget form input[type=text]:active:-moz-placeholder {
        color: #000000!important;
        opacity:1;
      }

    .side_menu .mob-select button {
      color: #000000;
      opacity:0.5;
      -webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
      transition: all .22s cubic-bezier(.07,.74,.56,.89);
    }
    .side_menu .mob-select:hover button {
      opacity:1;
    }


    .side_menu .cart-prods li .product-quantity, .side_menu .cart-prods li .remove-from-cart {
      background:#ffffff;
    }
    .side_menu p, .side_menu #side_acc_wrap .acc_ul li.name a, .side_menu #side_acc_wrap .acc_ul li.logout a {
      color:#000000;
    }
    .side_menu .cart-total *, .side_menu .cart-summary-line .value, .side_menu .cart-prods li .product-atts, .side_menu .cart-prods li .product-price {
      color:#000000;
    }
    .side_menu .cart-total {
      border-color: #f2f2f2;
    }
    .side_menu .cart-prods li .product-atts > p > span {
      opacity:0.5;
      margin-top: 6px;
      display: inline-block;
    }
    .side_menu .shopping-cart.empty i {
      color:#000000;
      opacity:0.2;
    }
    .side_menu #side_acc_wrap .acc_ul>:not(.acc_text_create):not(.acc_text_login) i, .side_menu #side_menu_wrap .menu_selectors .mob-select select, .side_menu a:not(.btn), .side_menu .search_tags_roy ul li a, .side_menu .cart-prods li:hover .product-price, .side_menu .cart-prods li .product-name, .side_menu .side_title, .side_menu form#contactable-contactForm p.contactable-header {
      color:#000000;
    }

    .side_menu .ets_mm_megamenu li.menu_home a:after {
        background-color: #000000!important;
    }
    .side_menu .arrow:before {
      border-color:#000000!important;
    }
    .side-menu .ets_mm_block > h4, .side-menu .ets_mm_block > .h4, .side_menu #side_acc_wrap .acc_ul li.name, .side_menu #side_acc_wrap .acc_ul li.logout, .side_menu #side_menu_wrap .menu_selectors {
      border-color:#f2f2f2!important;
    }
    .side_menu .layout_layout1 .mm_menus_li, .side_menu .layout_layout1 .mm_menus_li:hover > a, .side_menu .layout_layout1.ets_mm_megamenu .mm_columns_ul, .side_menu .ets_mm_block_content ul li ul {
      background:none!important;
      border:none!important;
    }

    .side_menu #side_acc_wrap .acc_ul > .btn, .side_menu .cart-checkout .btn,
    .side_menu #side_acc_wrap .acc_ul > .btn:hover, .side_menu .cart-checkout .btn:hover,
    .side_menu #side_acc_wrap .acc_ul > .btn:active:hover, .side_menu .cart-checkout .btn:active:hover {
      background:#3271e4;
      border-color:#3271e4;
      color:#ffffff;
    }
    .side_menu #side_acc_wrap .acc_ul > .btn:hover, .side_menu .cart-checkout .btn:hover {
      opacity:0.75;
    }

    
                @media (max-width:991px) {
                    .product-add-to-cart .product-quantity {
                        position: fixed;
                        z-index: 5;
                        bottom: 0;
                        left: 0;
                        width: 100%;
                        display: flex;
                        padding: 14px 14px;
                        background:#ffffff;
                        box-shadow: 0 -10px 20px rgba(0,0,0,0.08);
                    }
                    .product-quantity .qty {
                        margin-right: 8px;
                        margin-bottom: 0;
                    }
                    .product-quantity .qty #quantity_wanted {
                        min-width: 0;
                    }
                    body#product #footer {
                        padding-bottom: 90px;
                    }
                }
            
                @media (max-width:991px) {
                    .cart-grid-right .checkout.card-block {
                        position: fixed;
                        z-index: 5;
                        margin: 0;
                        bottom: 0;
                        left: 0;
                        width: 100%;
                        display: flex;
                        padding: 14px 14px;
                        background:#ffffff;
                        box-shadow: 0 -10px 20px rgba(0,0,0,0.08);
                    }
                    .cart-grid-right .checkout.card-block > div {
                        width: 100%
                    }
                    body#cart #footer {
                        padding-bottom: 90px;
                    }
                }
            
            .header-mobile { background: #ffffff }
            
            .header-mobile .head_action i { color: #000000 }
            .header-mobile .menu_top i span:not(.text) { background: #000000!important }
            .header-mobile .cart-products-count {
              background: #3271e4; color: #ffffff;
              border-radius:50%;
              height:30px;
              width:30px;
              display:flex;
              align-items:center;
              justify-content:center;
              margin-left:4px;
              line-height: 15px;
            }

            .side_menu .ets_mm_megamenu ul {
              color:#000000!important;
            }
            .side_menu .ets_mm_megamenu a, .side-menu .ets_mm_megamenu h4 {
              color:#000000!important;
            }

            .side_menu::-webkit-scrollbar {
                width: 3px;
                background-color: #e1e1e1;
            }
            .side_menu::-webkit-scrollbar-track {
                background-color: transparent;
                border-radius: 4px;
            }
            .side_menu::-webkit-scrollbar-thumb {
                border-radius: 4px;
                background-color: #000000;
            }

            
                  @media (max-width:574px) {
                    #products #js-product-list .ayon-products .product-item {
                        width:50%;
                        padding:0 10px;
                        margin:0;
                    }
                    #products #js-product-list .ayon-products .product-item .countcontainer {
                        display:none;
                    }
                    #products #js-product-list .ayon-products .thumbnail-container .add_to_cart {
                        padding: 9px 10px;
                        font-size: 14px;
                        line-height:14px;
                    }
                  }
            
                    @media (max-width:991px) {
                    #index .featured-products:not(.slider-on) .product-item {
                        width:50%;
                        flex-grow:1;
                        padding:0 10px;
                        margin-bottom:30px;
                    }
                    #index .featured-products.mini .products .products-box .product-item {
                        margin-bottom:14px;
                    }
                    #index .featured-products .product-item .countcontainer {
                        display:none;
                    }
                    #index .featured-products  .thumbnail-container .add_to_cart {
                        padding: 8px 10px;
                        font-size: 14px;
                        line-height:14px;
                    }
                    }
            
            @media (max-width:479px) {
            .roycontent ul li img {
                margin-bottom:30px;
            } }
            body.side_open .side_close, 
            body.filter_open .filter_close {
                cursor:url("../images/x.svg"),zoom-out;
            }
            
            body, p {
              font-size: 15px;
              font-weight: 400;
              letter-spacing: 0px;
            }
            .footer-container, .footer-container li a {
              font-size: 14px;
            }
            .table-bordered th, .table-bordered td {
              font-size: 13px;
              line-height: 14px;
              font-weight: 500;
            }
            #main .breadcrumb li, .radio-label {
              font-size: 14px;
            }
            #main .product-info, #main .product-info label, .quickview .product-info label  {
              font-size: 13px;
            }
            .prod-buttons span {
              font-size: 13px;
              line-height: 13px;
            }
            #main .breadcrumb li:after {
              font-size: 11px;
              line-height: 11px;
              font-weight:600;
            }
            .roycontent p, #main .page-content p, .simpleblog__listing__post p, .product-information, .product-information p, .tabs .tab-pane p {
              font-size: 15px;
              line-height: 22px;
              font-weight: 400;
              letter-spacing: 0px;
            }
            #product .has-discount .discount {
            line-height: 15px; }

            #block-reassurance li .block-reassurance-item span {
            font-size: 13px;
            line-height: 15px; }

            #main .page-content a, #main .elementor-text-editor p a, #main .page-content p a, .product-information a:not(.favoritesButton), .tabs .tab-pane p a {
              font-weight: 600;
            }

            .btn:not(.btn-touchspin), .btn-primary, .btn-secondary, .btn-tertiary {
              font-size: 14px;
              font-weight: 600;
              letter-spacing: 0px;
              text-transform: none;
            }

            input:not(.btn), textarea, textarea.form-control, .products-selection .sort-by, .products-sort-order .select-list, .products-sort-order .select-title, .products-sort-order .dropdown-menu, .form-control-select, body select.form-control:not([size]):not([multiple]) {
              font-size: 13px;
              font-weight: 600;
              letter-spacing: 0px;
            }

            .footer-container h3 {
              font-size: 16px;
              line-height: 1.1;
              font-weight: 500;
              letter-spacing: 0px;
              text-transform: none;
            }

            .products-section-title, .products-section-title a, .elementor-widget-roy_product_tabs .nav-tabs .nav-link {
              font-size: 18px;
              line-height: 1.1;
              font-weight: 500;
              letter-spacing: 0px;
              text-transform: none;
            }

            .featured-products .subtitle, .roy_blog .subtitle {
              font-size: 16px;
              line-height: 32px;
              font-weight: 500;
              letter-spacing: 0px;
              text-transform: none;
            }

            h1.page-header, h2.page-header, h2.products-section-title h3.page-header, h4.page-header, h5.page-header, h6.page-header, #main h1:not(.product-title):not(.active-filter-title) {
              font-size: 24px;
              font-weight: 400;
              letter-spacing: 0px;
              text-transform: none;
            }
            .side_menu .side_title {
              font-weight: 400;
              letter-spacing: 0px;
              text-transform: none;
            }


            h3, .h3, .quickview h1.product-title, #product .reviews-list-title h3, #main .page-content h3, .simpleblog__listing__post__wrapper__content h3, #new_comment_form .product .product_desc .product_name, #new_comment_form .title, .tabs .nav-tabs .nav-item .nav-link, #product #main .featured-products .pp_products_wrapper .products-section-title {
              font-size: 20px;
              font-weight: 500;
              letter-spacing: 0px;
              text-transform: none;
              line-height: 24px;
            }
            h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .roycontent .bview.bview-first .mask .content h2.item-title {
              font-weight: 500;
              letter-spacing: 0px;
              text-transform: none;
            }

            h2, .h2, #main .page-content h2, .contact-rich .block label {
              font-size: 24px;
            }
            h4, .h4, #main .page-content h4, .roycontent .bview.bview-first .mask .content h2.item-title {
              font-size: 18px;
            }
            h5, .h5, #main .page-content h5 {
              font-size: 16px;
            }
            h6, .h6, #main .page-content h6, #search_filters .h6 {
              font-size: 14px;
            }

            .side-column > .sidebar-block .sidebar-title a, .side-column > .sidebar-block .sidebar-title span, .side-column > .links h3, .side-column > * .title.hidden-lg-up .h3 {
              font-size: 18px;
              line-height:1.1;
              font-weight: 500;
              letter-spacing: 0px;
              text-transform: none;
            }

            h3.product-title, .h3.product-title, #ui_prod .ui_name, #products .product-title a, .featured-products .product-title a, .product-accessories .product-title a, .product-miniature .product-title a, #main #content .wishlist-products-item .wishlist-product-title {
              font-size: 14px;
              line-height: 16px;
              font-weight: 500;
              letter-spacing: 0px;
              text-transform: none;
            }
            .product-flags li {
              font-weight: 500;
            }

            #ui_prod .ui_price, #products .product-price-and-shipping .price, #products .product-price-and-shipping .regular-price, .featured-products .product-price-and-shipping .price, .product-accessories .product-price-and-shipping .price, .product-miniature .product-price-and-shipping .price {
              font-size: 14px;
              font-weight: 500;
              letter-spacing: 0px;
            }

            #main h1.product-title {
              font-size: 22px;
              font-weight: 500;
              letter-spacing: 0px;
              text-transform: none;
            }
            .quickview h1.product-title {
              text-transform: none;
            }

            .product-prices .product-price > *:not(.discount) {
              font-size: 24px;
              font-weight: 600;
              letter-spacing: -0.5px;
            }
            .quickview .product-prices .product-price > *:not(.discount) {
              font-size: 21px;
            }

            .sds_post_title_home a {
              font-size: 20px;
              font-weight: 400;
              letter-spacing: 0px;
              text-transform: none;
            }

            .mm_menus_li > a {
              font-size: 15px!important;
              font-weight: 500;
              letter-spacing: 0px;
              text-transform: none;
            }

            @media(max-width:991px) {
                .products-section-title, .products-section-title a {
                    font-size:20px;
                    line-height: 1.25;
                }
                #main h1.product-title {
                  font-size: 20px;
                  line-height: 1.25;
                }
                .product-prices .product-discount .regular-price {
                    font-size: 20px;
                }
                .product-prices .product-price > *:not(.discount) {
                    font-size: 26px;
                }
                #product .tabs .nav-tabs .nav-link {
                    font-size: 18px;
                }
            }
            
            h1, h2, h3, h4, .reviews-list-title h3, .elementor-widget-roy_product_tabs .nav-tabs .nav-link, #search_filters h4, .cart-grid-body .card-block h1, #main h1:not(.active-filter-title), .page-my-account #content .links a span.link-item, #product .featured-products h2, .products-section-title, h1.page-header, h2.page-header, h3.page-header, h4.page-header, h5.page-header, h6.page-header, .block-contact-title, .blockcms-title, .footer-container h3, .myaccount-title, .myaccount-title a, .side-column>* .title.hidden-md-up .h3, .side-column>.links h3, .side-column>.sidebar-block .sidebar-title a, .side-column>.sidebar-block .sidebar-title span, .layout_layout1 .mm_menus_li > a, .tabs .nav-tabs .nav-link, .side_menu .side_title, .side_menu form#contactable-contactForm p.contactable-header, .sds_post_title_home a, .footer-container .links .h3, #main h2
            {
            font-family: 'Inter', Arial, Verdana, sans-serif; }
            
            .roycontent h1, .roycontent h2, .roycontent h3, .roycontent h4 {
            font-family: 'Inter', Arial, Verdana, sans-serif; }
            
            .layout_layout1 .mm_menus_li > a, .ets_mm_block > h4, .ets_mm_block > .h4
            {
            font-family: 'Inter', Arial, Verdana, sans-serif!important; }
            
            .btn, .elementor-button {
            font-family:'Inter', Arial, Verdana, sans-serif; }
            
            html, body, .ui-widget, .searchLine {
            font-family:'Inter', Verdana, sans-serif; }
            
            #products .product-price-and-shipping .price, .featured-products .product-price-and-shipping .price, .product-accessories .product-price-and-shipping .price, .product-miniature .product-price-and-shipping .price
            {
            font-family:'Inter', Arial, Verdana, sans-serif; }
            
            .btn, .btn.btn-primary { -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
            
            .btn:not(.btn-touchspin), .btn.btn-primary, a.btn, a.btn.btn-primary { background-color: #3271e4 }
            
            .btn:not(.btn-touchspin), .promo-input, .btn.btn-primary, a.btn, a.btn.btn-primary { border-color: #3271e4 }
            
            .btn:not(.btn-touchspin), .btn.btn-primary, a.btn, a.btn.btn-primary { color: #ffffff }
            
            .add .btn.add-to-cart:hover, .btn:not(.btn-touchspin):not(.js-search-filters-clear-all):hover, .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary:disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled:hover, .btn:focus, a.btn:hover, .btn.btn-primary:active, .btn-primary:active:focus, .btn.btn-primary.disabled:hover,
            .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus
            { background-color: #2471ff }
            
            .add .btn.add-to-cart:hover, .btn:not(.btn-touchspin):not(.js-search-filters-clear-all):hover, .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary:disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled:hover, .btn:focus, a.btn:hover, .btn.btn-primary:active, .btn-primary:active:focus, .btn.btn-primary.disabled:hover,
            .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus
             { border-color: #2471ff }
            
            .add .btn.add-to-cart:hover, .btn:not(.btn-touchspin):not(.js-search-filters-clear-all):hover, .btn:focus, a.btn:hover, .btn.btn-primary:active, .btn-primary:active:focus, .btn.btn-primary.disabled:hover,
            .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus
             { color: #ffffff; outline:none!important; }
            
            .btn.bright { background-color: #1c1c1c; border-color: #1c1c1c; color: #ffffff }
            .btn.bright:hover { opacity:0.8; }
            .facet-dropdown a.select-title, .bootstrap-touchspin .input-group-btn-vertical>.btn, .form-control, input, textarea, .form-control:disabled, .form-control[readonly], .form-control-select, body select.form-control:not([size]):not([multiple]), .customizationUploadLine textarea, input.uniform-input, select.uniform-multiselect, textarea.uniform { background-color: #ffffff } #main .input-group.bootstrap-touchspin, .quickview .input-group.bootstrap-touchspin, .facet-dropdown a.select-title, .custom-radio, .custom-checkbox input[type=checkbox]+span, .bootstrap-touchspin .input-group-btn-vertical>.btn, .form-control, input, textarea, .form-control-select, body select.form-control:not([size]):not([multiple]), #attributes .attribute_list #color_to_pick_list li, .customizationUploadLine textarea, input.uniform-input, select.uniform-multiselect, textarea.uniform { border-color: #e1e1e1 }
            .input-group .input-group-btn>.btn { background:none!important; }
            .input-group .input-group-btn>.btn[data-action=show-password]:before { background:#e1e1e1!important; }
            .input-group .input-group-btn>.btn[data-action="show-password"], .input-group .input-group-btn>.btn[data-action="show-password"]:hover, .facet-dropdown a.select-title, .form-control, input, textarea, .form-control-select, body select.form-control:not([size]):not([multiple]), div.selector:after, .customizationUploadLine textarea, input.uniform-input, select.uniform-multiselect, textarea.uniform { color: #1c1c1c }
            .facet-dropdown .dropdown-menu, .facet-dropdown.open>a.select-title, .products-sort-order .dropdown-menu, .product-quantity .input-group-btn-vertical .btn:hover, .form-control:focus, input:focus, textarea:focus, .form-control-select:focus, body select.form-control:not([size]):not([multiple]):focus, input.uniform-input:focus, select.uniform-multiselect:focus, textarea.uniform:focus { background-color: #ffffff } .facet-dropdown .dropdown-menu, .facet-dropdown.open>a.select-title, .custom-radio:hover, .custom-checkbox input[type=checkbox]:hover+span, .product-quantity .input-group-btn-vertical .btn:hover, .form-control:focus, input:focus, textarea:focus, .form-control-select:focus, body select.form-control:not([size]):not([multiple]):focus, input.uniform-input:focus, select.uniform-multiselect:focus, textarea.uniform:focus { border-color: #3271e4!important; z-index:3; } .facet-dropdown .dropdown-menu, facet-dropdown.open>a.select-title, .product-quantity .input-group-btn-vertical .btn i, .form-control:focus, input:focus, textarea:focus, .form-control-select:focus, body select.form-control:not([size]):not([multiple]):focus, input.uniform-input:focus, select.uniform-multiselect:focus, textarea.uniform:focus { color: #1c1c1c }
            
              input::-webkit-input-placeholder,
              textarea::-webkit-input-placeholder {
                color: #1c1c1c!important;
              }
              input::-moz-placeholder,
              textarea::-moz-placeholder {
                color: #1c1c1c!important;
              }
              input:-ms-input-placeholder,
              textarea:-ms-input-placeholder {
                color: #1c1c1c!important;
              }
              input:-moz-placeholder,
              textarea:-moz-placeholder {
                color: #1c1c1c!important;
              }
                input:active::-webkit-input-placeholder,
                textarea:active::-webkit-input-placeholder {
                  color: #1c1c1c!important;
                }
                input:active::-moz-placeholder,
                textarea:active::-moz-placeholder {
                  color: #1c1c1c!important;
                }
                input:active:-ms-input-placeholder,
                textarea:active:-ms-input-placeholder {
                  color: #1c1c1c!important;
                }
                input:active:-moz-placeholder,
                textarea:active:-moz-placeholder {
                  color: #1c1c1c!important;
                }
            
            .input-group > input.form-control#field-password, .input-group.bootstrap-filestyle > input.form-control, body #main .input-group.bootstrap-touchspin, body .quickview .input-group.bootstrap-touchspin, body .form-control, body input:not(.btn), body textarea, body .form-control-select { -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } 
            #ui_tip, #ui_prod, .product-flags .new, 
                .product-flag,
                .online-only,
                .on-sale,
                .discount-percentage,
                .discount-amount,
                .pack { border-radius: 12px; }
            
            .discount-percentage,
            .discount-amount,
            .product-flags .new {
                border-radius: 16px
            }
            
            .custom-checkbox input[type=checkbox]+span .checkbox-checked { color: #3271e4 }
            .custom-radio input[type=radio]:checked+span { background: #3271e4 }
            body#index #top_column { background-color: #ffffff }
      
      @media(min-width:992px) {
        body#index #top_column > .container { max-width: 100%; width: auto; padding: 0 90px; }
      }
      body#index #top_column { padding-top:0px; padding-bottom:0px; }
body#index #main > .container { max-width: 100%; width: auto; padding: 0 90px; }
@media(min-width:992px) {
body#index.layout-left-column #main > .container { padding-left:0; padding-right:0; } }
body#index #main { background-color: #ffffff }

        .radio-label:before { box-shadow: inset 0 0 0 8px #ffffff, 0 0 0 3px #ffffff; }

        .color:hover:before, .custom-checkbox input[type=checkbox]+span.color:hover:before { box-shadow: inset 0 0 0 0 #ffffff; }
        .color:before, .custom-checkbox input[type=checkbox]+span.color:before { box-shadow: inset 0 0 0 0 #ffffff; }
      
      body#index #main, 
      body#index #left-column, 
      body#index #right-column 
      { padding-top:50px; padding-bottom:0px; }
      @media (max-width:767px) { body#index #main { padding-top:30px!important; } } body#index #bottom_column { background: none; }
      body#index #bottom_column { padding-top:0px; padding-bottom:0px; }
      #roycontent_top {
              margin-top:0px;
              margin-bottom:0px;
            }
            @media (min-width:768px) {
            #roycontent_top .row { margin:0 -30px; }
            #roycontent_top ul li { margin-bottom:60px; padding:0 30px }
            }
            #roycontent_home {
              margin-top:30px;
              margin-bottom:0px;
            }#roycontent_footerbefore {
              margin-top:0px;
              margin-bottom:0px;
            }
            @media (min-width:768px) {
            #roycontent_footerbefore { overflow:hidden }
            #roycontent_footerbefore ul { padding:0 15px!important }
            #roycontent_footerbefore ul li { margin:0!important; padding:0!important }
            }
            #roycontent_footer {
              margin-top:30px;
              margin-bottom:0px;
            }#roycontent_sidemobilemenu {
              margin-top:0px;
              margin-bottom:0px;
            }#roycontent_productbeforebuy {
              margin-top:10px;
              margin-bottom:0px;
            }
          #roycontent_left { margin-top:0px!important;
            margin-bottom:40px!important }
          #roycontent_right { margin-top:0px!important;
            margin-bottom:0px!important }
          @media (max-width:767px) {
          #roycontent_left, #roycontent_right { margin-top:0!important; margin-bottom:0!important; } }
          
            #roy_brands ul li { width:16.66667%; } 
            @media(max-width:991px) {
              #roy_brands ul li { width:25%; }
            }
            @media(max-width:479px) {
              #roy_brands ul li { width:50%; }
            }
            #roy_brands {
              overflow:hidden;
            }
            
            #roy_brands ul.brands_text a { color: #000000 }
            
            #roy_brands ul.brands_text a:hover { color: #cccccc }
            
          @media (min-width:480px) {
          .roy_featured.featured-products {
            padding-top:60px;
            padding-bottom:30px;
          } }
          @media (max-width:479px) {
          .roy_featured.featured-products {
            padding-top:40px!important;
            padding-bottom:40px;
          } }
        
          @media (min-width:480px) {
          .roy_best.featured-products {
            padding-top:0px;
            padding-bottom:0px;
          } }
          @media (max-width:479px) {
          .roy_best.featured-products {
            padding-top:40px;
            padding-bottom:40px;
          } }
        
          @media (min-width:480px) {
          .roy_new.featured-products {
            padding-top:0px;
            padding-bottom:0px;
          } }
          @media (max-width:479px) {
          .roy_new.featured-products {
            padding-top:40px;
            padding-bottom:40px;
          } }
        
          @media (min-width:480px) {
          .roy_specials.featured-products {
            padding-top:0px;
            padding-bottom:0px;
          } }
          @media (max-width:479px) {
          .roy_specials.featured-products {
            padding-top:40px;
            padding-bottom:40px;
          } }
        
          @media (min-width:480px) {
          .roy_cc1.featured-products {
            padding-top:0px;
            padding-bottom:0px;
          } }
          @media (max-width:479px) {
          .roy_cc1.featured-products {
            padding-top:40px;
            padding-bottom:40px;
          } }
        
          @media (min-width:480px) {
          .roy_cc2.featured-products {
            padding-top:0px;
            padding-bottom:0px;
          } }
          @media (max-width:479px) {
          .roy_cc2.featured-products {
            padding-top:40px;
            padding-bottom:40px;
          } }
        
          @media (min-width:480px) {
          .roy_cc3.featured-products {
            padding-top:0px;
            padding-bottom:0px;
          } }
          @media (max-width:479px) {
          .roy_cc3.featured-products {
            padding-top:40px;
            padding-bottom:40px;
          } }
        body:not(#index) #top_column { background-color: #f2f2f2 }
      

      @media(min-width:992px) {
        body:not(#index) #top_column > .container { max-width: 100%; width: auto; padding: 0 90px; }
      }
      
      body:not(#index) #top_column { padding-top:2px; padding-bottom:0px; }
      @media(max-width:992px) {
        body:not(#index) #top_column { padding-top:40px; padding-bottom:40px; }
      }
      
        .radio-label:before { box-shadow: inset 0 0 0 8px #ffffff, 0 0 0 3px #ffffff; }

        .color:hover:before, .custom-checkbox input[type=checkbox]+span.color:hover:before { box-shadow: inset 0 0 0 3px #ffffff, 0 0 0 2px var(--b-color-input-focus); }
        .color:before, .custom-checkbox input[type=checkbox]+span.color:before { box-shadow: inset 0 0 0 0 #ffffff; }

        .modal-content, .fancybox-skin, .fancybox-inner, #new_comment_form {
            background: #ffffff!important;
        }

        .fancybox-wrap .fancybox-close {
            border-radius:50%;
            top: -21px;
            right: -21px;
            width: 42px;
            height: 42px;
            color:#ffffff;
            background: url(../images/x.svg) center center no-repeat #1c1c1c;
            background-size:14px 14px;
        }
        body:not(#index) #main { background-color: #ffffff }
        
        body:not(#index) #main, 
        body:not(#index) #left-column, 
        body:not(#index) #right-column { padding-top:40px; padding-bottom:40px; }
        @media(max-width:767px) {
            body:not(#index) #left-column, 
            body:not(#index) #right-column { padding-top:20px; padding-bottom:10px; }
        }
      body:not(#index) #bottom_column { background-color: #ffffff }
            body:not(#index) #bottom_column { padding-top:0px; padding-bottom:0px; }
      body:not(#index) .bread_wrapper { padding-top:40px; padding-bottom:40px; }
      @media(max-width:992px) {
        body:not(#index) #top_column { padding-top:60px; padding-bottom:60px; }
        body:not(#index) .bread_wrapper { padding:0; }
      }
      
          #category #top_column .bread_wrapper { display:none }
      
          #product #top_column .bread_wrapper { display:none }
      
            #top_column .breadcrumb li a, #top_column .breadcrumb .bread_name { color: #1c1c1c }
            #top_column .breadcrumb li > span { color: #1c1c1c; }
      			#top_column .breadcrumb li a:hover { color: #2471ff }
            #top_column .breadcrumb li:after { opacity: 0.45; }

            #main .breadcrumb li a, #main .breadcrumb li:after { opacity:0.5 }
      			#main .breadcrumb li a:hover { opacity:1 }
      
                #main blockquote:before { color: #1c1c1c }
                #main blockquote:after { background: #1c1c1c }
            
                body .alert {
                  color: #1c1c1c;
                }
                .alert:before {
                  background:none;
                }
                .alert-info:before { background: #ffd52a }
                .alert-warning:before { background:  #ffd52a }
                .alert-success:before, .done:before { background: #00c293 }
                .alert-danger:before { background: #f05377 }
            
            @media(max-width:991px) {
                #main > .container, #bottom_column > .container, .layout-left-column #wrapper > .container, .layout-right-column #wrapper > .container {
                    padding-left:40px!important;
                    padding-right:40px!important;
                }
                .product-thumbs-wrapper {
                    max-width:calc(100% - 80px)!important;
                }
                #index.layout-left-column #wrapper > .container, #index.layout-right-column #wrapper > .container {
                    padding-left:0!important;
                    padding-right:0!important;
                }
                #main .featured-products.mini .products .products-box .product-item .thumbnail-container {
                    margin-bottom:0;
                }
                #main .featured-products.mini .products .products-box .product-item .thumbnail-container .product-price-and-shipping i {
                    display:none;
                }
                #index #main h2.products-section-title {
                    text-align:center;
                }
            }
            
            body:not(#index):not(#category):not(#order-confirmation):not(#module-blockwishlist-lists):not(#view):not(#product):not(#contact):not(#cart):not(#checkout):not(#my-account):not(#module-pk_favorites-account):not(.page-customer-account):not(.page-addresses):not(.page-order-detail):not(#cms):not(#blog):not(#module-ph_simpleblog-single):not(#module-ph_simpleblog-list):not(#module-ph_simpleblog-category) #main > .container { max-width: 100%; width: auto; padding: 0 90px; }

            body:not(#my-account):not(#category):not(.page-customer-account):not(.page-addresses).layout-left-column #wrapper > .container, body:not(#my-account):not(.page-customer-account).layout-right-column #wrapper > .container {
                max-width: 100%;
                width: auto;
                padding: 0 90px;
            }


            
            #category #main > .container { max-width: 100%; width: auto; padding: 0 90px; }
            #category.layout-left-column #wrapper > .container, #category.layout-right-column #wrapper > .container { max-width: 100%; width: auto; padding: 0 90px; }
            
            #product #main > .container { max-width: 100%; width: auto; padding: 0 90px; }
            
            #contact #main > .container { max-width: 100%; width: auto; padding: 0 90px; }
            
            #cart #main > .container, #checkout #main > .container { max-width: 100%; width: auto; padding: 0 90px; }
            
            #my-account #main > .container { max-width: 100%; width: auto; padding: 0 90px; }
            
            #cms #main > .container { max-width: 100%; width: auto; padding: 0 90px; }
            
              #module-ph_simpleblog-single #main > .container, #module-ph_simpleblog-category #main > .container, #module-ph_simpleblog-list #main > .container { max-width: 100%; width: auto; padding: 0 90px; }
            

          @media(max-width:991px) {
            .pagination .page-list { border-top: none; padding-top:20px; }
            .products-selection { border-top: none; padding-top:0; }
          }

          .active_filters { border-bottom: var(--b-width-ayon) solid #f2f2f2 }
          .active_filters .filter-block { border-color: #f2f2f2 }

            @media(max-width:991px) {
                .side-column>.sidebar-block.block-categories .title { 
                    position: relative;
                    border: var(--b-width-ayon) solid #f2f2f2 
                }
                .side-column>.sidebar-block.block-categories #side_cats { 
                    border: var(--b-width-ayon) solid #f2f2f2 
                }
            }
        
            .side-column>* .title.hidden-md-up, .side-column>.links h3, .side-column>.sidebar-block .sidebar-title { margin-bottom: 16px; }
            
            .side-column>* .title.hidden-md-up, .side-column>.links h3, .side-column>.sidebar-block .sidebar-title {
              padding-bottom: 16px;
              border-bottom: 1px solid #e1e1e1;
            }
            
            .side-column a, .myacc_left .links a { color: #1c1c1c; }
            #roy_specials_col .flickity-button-icon { fill:#1c1c1c!important; }
            
            .side-column>*, .side-column>.sidebar-block { margin-bottom: 16px; }
            
            .side-column>*:not(:last-child):not(.roycontent), .side-column>.sidebar-block:not(:last-child) {
              padding-bottom: 20px;
              border-bottom: 1px solid #e1e1e1;
            }
            
            .side-column:not(.myacc_left)>*:not(.roycontent), .side-column>.sidebar-block {
              border: 2px solid #f2f2f2;
              border-radius: 16px;
              padding:32px;
            }
            .side-column>.sidebar-block.block-categories {
              border-color:#eeeeee;
            }
            .side-column>#search_filters_wrapper {
              border-color:#f2f2f2;
            }
            .side-column>#roy_specials_col {
              border-color:#0000ff;
            }
            
            @media(max-width: 991px) {
                .block-category {
                    margin-bottom: 2.5rem;
                    margin-top: -1rem;
                    text-align: center;
                }                
                .block-category h1 { font-size:80%; }
            }
        
            .block-category #category-description { display:none }
        
            .block-category .category-cover { display:none }
        
            #subcategories { display:none }
			  .pagination .current a { color: #3b3b3b }
  			.pagination a { color: #2471ff }
  			
                @media(min-width:992px) {
                    .products-selection .sort-by-row .filter-button {
                        display: none;
                    }
                }
            
                    @media (min-width:992px) {
                    #products #js-product-list .product-item {
                            padding-left:14px;
                            padding-right:14px;
                    }
                    #products #js-product-list .products {
                        margin:0 -14px;
                    }
                    }
                
                #products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description {
                    min-height:70px;
                }
                .side-column > #roy_specials_col .product-item {
                    padding:0;
                }
            
            #ui_prod .ui_name, #products .product-title a, .featured-products .product-title a, .product-accessories .product-title a, .product-miniature .product-title a { color: #000000 }
            #ui_prod .ui_price, #products .product-price-and-shipping .price, .featured-products .product-price-and-shipping .price, .product-accessories .product-price-and-shipping .price, .product-miniature .product-price-and-shipping .price { color: #000000 }
            .product-price-and-shipping .regular-price { color: #000000; opacity:0.7 }
            #ui_prod .ui_price .regular-price { color: #000000; opacity:0.7; text-decoration: line-through; }
          
                #ui_prod { padding:6px 12px }

          
                .thumbnail-container .product-image {
                  border: var(--b-width-ayon) solid #e1e1e1;
                  overflow:hidden;
                  -webkit-transition: all .4s cubic-bezier(.36,.76,0,.88);
                  transition: all .4s cubic-bezier(.36,.76,0,.88);
                }
                .thumbnail-container:hover .product-image {
                  border-color: #d5d5d5;
                }
          
                #products .product-description, .featured-products .product-description, .product-accessories .product-description, .product-miniature .product-description {
                  align-items:flex-start;
                }
                .product-description .product-list-reviews {
                    justify-content: flex-start;
                }
                
          .thumbnail-container .product-image:before {
              content: " ";
              z-index: 2;
              pointer-events: none;
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background: #f2f2f2;
              background: linear-gradient(165deg, #f2f2f2 0%, #d1d1d1 100%);
              opacity: 0;
              -webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
              transition: all .22s cubic-bezier(.07,.74,.56,.89);
          }
          .thumbnail-container:hover .product-image:before {
              opacity: 0;
          }
          
                #products .action-block, .featured-products .action-block, .product-accessories .action-block, .product-miniature .action-block {
                    bottom:0;
                    padding: 0;
                    transform: translateY(100%);
                }
                #products .thumbnail-container:hover .action-block, #products .thumbnail-container:focus .action-block, .featured-products .thumbnail-container:hover .action-block, .featured-products .thumbnail-container:focus .action-block, .product-accessories .thumbnail-container:hover .action-block, .product-accessories .thumbnail-container:focus .action-block, .product-miniature .thumbnail-container:hover .action-block, .product-miniature .thumbnail-container:focus .action-block {
                    transform: translateY(0);
                }
                #products .thumbnail-container .action-block .action-btn, .featured-products .thumbnail-container .action-block .action-btn, .product-accessories .thumbnail-container .action-block .action-btn, .product-miniature .thumbnail-container .action-block .action-btn {
                    width: 100%;
                    padding: 0 22px;
                    border: none;
                    border-radius: 0;
                    box-shadow: none;
                    font-size:14px;
                }

            @media(min-width:992px) {
                .thumbnail-container .add_wrap {
                    width: 100%;
                }
                .thumbnail-container:hover .count_icon {
                    transform: scale(0.92) translateY(calc(100% + 6px)) translateX(1px);
                    opacity: 0;
                }
                .subaction {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                    position: absolute;
                    opacity:0;
                    z-index: 3;
                    top:12px;
                    right:12px;
                    transform: translateX(1.25rem);
                    -webkit-transition: all .44s cubic-bezier(.36,.76,0,.88);
                    transition: all .44s cubic-bezier(.36,.76,0,.88);
                }
                .subaction i.ai {
                    font-size: 22px;
                }
                .thumbnail-container:hover .subaction {
                    transform: translateX(0);
                    opacity:1;
                }
                .thumbnail-container .product-image {
                    overflow: hidden;
                }
                .subaction > * {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin-bottom: 6px;
                    width: 40px;
                    height: 40px;                    
                    border: none;
                    background-color: #3271e4;
                    color:#ffffff;
                    border-radius:6px;
                    -webkit-transition: all .22s cubic-bezier(.07,.74,.56,.89);
                    transition: all .22s cubic-bezier(.07,.74,.56,.89);
                }
                .subaction > *:hover {            
                    background-color: #2471ff;
                    color:#ffffff;
                }
            }

            @media(max-width:991px) {
                .subaction, .action-block {
                    display:none;
                }
            }
        

          #products .action-block .action-btn, .featured-products .action-block .action-btn, .product-accessories .action-block .action-btn, .product-miniature .action-block .action-btn {
            background-color: #3271e4;
            border: var(--b-width-ayon) solid #3271e4;
            color:#ffffffimportant;
            border-radius:6px;
          }
          .action-block .action-btn .wishlist-button-add i {
            color:#ffffff!important;
          }

          #products .action-block .action-btn:hover, .featured-products .action-block .action-btn:hover, .product-accessories .action-block .action-btn:hover, .product-miniature .action-block .action-btn:hover {
            background-color: #2471ff;
            border: var(--b-width-ayon) solid #2471ff;
            color:#ffffff!important;
          }
          .action-block .action-btn:hover .wishlist-button-add i {
            color:#ffffff!important;
          }

          
          .simpleblog__listing__post__wrapper__footer__block.date, .col-image .discount-amount, .col-image .discount-percentage, .product-miniature .product-flag, .col-image .online-only, .col-image .pack, .col-image .product-flags .new, .product-miniature .discount-amount, .product-miniature .discount-percentage, .product-miniature .product-flag.online-only, .product-miniature .product-flag.pack, .product-miniature .product-flags .product-flag.new {
            background-color: #fafafa ;
            border: var(--b-width-ayon) solid #fafafa;
            color: #000000;
          }
          
          #main .featured-products.mini .product-price-and-shipping i, .col-image .discount-amount.discount-amount, .col-image .discount-amount.discount-percentage, .col-image .discount-amount.on-sale, .col-image .discount-percentage.discount-amount, .col-image .discount-percentage.discount-percentage, .col-image .discount-percentage.on-sale, .col-image .on-sale.discount-amount, .col-image .on-sale.discount-percentage, .col-image .on-sale.on-sale, .col-image .online-only.discount-amount, .col-image .online-only.discount-percentage, .col-image .online-only.on-sale, .product-miniature .product-flag, .col-image .pack.discount-amount, .col-image .pack.discount-percentage, .col-image .pack.on-sale, .col-image .product-flags .new.discount-amount, .col-image .product-flags .new.discount-percentage, .col-image .product-flags .new.on-sale, .product-miniature .discount-amount.discount-amount, .product-miniature .discount-amount.discount-percentage, .product-miniature .discount-amount.on-sale, .product-miniature .discount-percentage.discount-amount, .product-miniature .discount-percentage.discount-percentage, .product-miniature .discount-percentage.on-sale, .product-miniature .on-sale.discount-amount, .product-miniature .on-sale.discount-percentage, .product-miniature .on-sale.on-sale, .product-miniature .online-only.discount-amount, .product-miniature .online-only.discount-percentage, .product-miniature .online-only.on-sale, .product-miniature .pack.discount-amount, .product-miniature .pack.discount-percentage, .product-miniature .pack.on-sale, .product-miniature .product-flags .new.discount-amount, .product-miniature .product-flags .new.discount-percentage, .product-miniature .product-flags .new.on-sale {
            background-color: #ffd800 ;
            border-color: #ffd800;
            color: #000000
          }
          
            .roy_secondimg {
                display: block; width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; opacity: 0;
                -webkit-transition: opacity .44s cubic-bezier(.36,.76,0,.88), transform 1.12s cubic-bezier(.36,.76,0,.88);
                transition: opacity .44s cubic-bezier(.36,.76,0,.88), transform 1.12s cubic-bezier(.36,.76,0,.88);
                transform: translateY(14px);
                background: #fafafa;
            }
            .thumbnail-container:hover .roy_secondimg {
                opacity:1;
                transform: translateY(0) scale(1.08);
            }
            
            .thumbnail-container a.quick-view {
              display:none!important; }
          
            .thumbnail-container a.favoritesButton, .products article.product-item .wishlist-button-add {
              display:none!important; }              
          
          .variant-links .color:before, .custom-checkbox input[type=checkbox]+span.color:before {
            opacity:0; box-shadow: 0 0 0 2px #3271e4; }
          .variant-links .color:hover:before, .custom-checkbox input[type=checkbox]+span.color:hover:before {
            opacity:1; box-shadow: 0 0 0 2px #3271e4;
          }
          
          #search_filters .ui-slider-horizontal {
            padding:0;
            width:auto!important;
            background: #e1e1e1;
            box-shadow:none;
          }
          #search_filters .ui-widget-header {
            background: #3271e4;
          }
          #search_filters .ui-slider .ui-slider-handle {
            width:1.2em;
            border: 2px solid #3271e4;
            box-shadow: 0 10px 14px 0 rgba(0,0,0,0.14), 0 0 1px 3px #ffffff;
            background: #ffffff;
            border-radius:50%;
          }
          #search_filters .ui-slider > .ui-slider-handle:last-of-type {
            transform: translateX(-1.1em);
          }
          
          .comments_note div.star, #productCommentsBlock div.star {
            background-color: #ffd800;
          }
          
          .comments_note div.star.star_on, #productCommentsBlock div.star_hover, #productCommentsBlock div.star.star_on, #new_comment_form div.star_hover, #new_comment_form div.star_on {
            background-color: #ffd800;
          }
          
            .countcontainer .county .county-days-wrapper { display:none!important }
            .countcontainer .county .county-hours-wrapper:before { display:none!important }
            .countcontainer .county .county-label-days { display:none!important }
            .countcontainer .county > span { width: 33.3% !important }
            .countcontainer .county .titles > span { width: 33.3% !important }
            
            .countcontainer { border-color: #f2f2f2 }
            .countcontainer .county i svg * { stroke: #000000!important }
            .county-label-days, .county-label-hours, .county-label-minutes, .county-label-seconds { color: #aaaaaa!important }
            @media(min-width:480px) { .roycountoff { color: #aaaaaa!important } }
            
            .county .county-days-wrapper, .county .county-hours-wrapper, .county .county-minutes-wrapper, .county .county-seconds-wrapper { color: #000000!important }
            @media(max-width:479px) { .roycountoff { color: #000000!important } }
            .thumbnail-container .count_icon svg * { fill: #000000!important; stroke: #000000!important }
            .thumbnail-container .count_icon { background: #ffffff }
            
        .product-discount .regular-price:before { border-bottom: var(--b-width-ayon)  solid #1c1c1c }
        .has-discount .discount { background-color:#ffd800; color:#000000; border: var(--b-width-ayon) solid #ffd800; }
        
            .col-content .product-info, 
            .col-content .product-actions {
                margin-top: 1.25rem;
                padding-top: 1.25rem;
                border-top: var(--b-width-ayon) solid var(--b-color-ayon);
            }
        
            .col-content .prod-buttons {
                margin-top: 1.25rem;
                padding-top: 1.25rem;
                border-top: var(--b-width-ayon) solid var(--b-color-ayon);
            }

          
            .product-quantity .add {
              flex:1 auto;
            }
            .add .btn.add-to-cart {
              width:100%;
            }
        .images-container .product-images li.thumb-container { border: var(--b-width-ayon) solid #f2f2f2 }
                .product-thumbs-wrapper {
                    max-width: 64%;
                    width: 64%;
                    transform: translateY(-50%);
                    background:#ffffff;
                    border: var(--b-width-ayon) solid #ffffff;
                    border-radius: var(--b-r-ayon);
                    box-shadow:0 24px 90px rgba(0,0,0,0.09);
                }
                .product-thumbs-wrapper.w33 {
                    max-width: 56%;
                    width: 56%;
                }
                .product-thumbs-wrapper.w50 {
                    max-width: 44%;
                    width: 44%;
                }

              @media(min-width:576px) and (max-width:991px) {
              #product #main .row>div.col-content .col-content-inside {
                  padding-top:3rem;
              } }

              
                .product-variants>.product-variants-item .radio-label,
                .product-variants>.product-variants-item .radio-label:before 
                { border-radius: 50px; }            
            
                .product-variants>.product-variants-item .color
                { width: 24px; height: 24px; }            
            
                .product-variants>.product-variants-item .radio-label
                { min-width: 24px; height: 24px; padding: 0 0.75rem; }            
            .product-images .owl-dots .owl-dot span { background: #525252 } 
            .col-content-inside > div.product-manufacturer {
                float: right;
                margin-left: 10px;
                margin-bottom: 10px;
            }
            .col-content-inside > div.product-manufacturer a:hover .manufacturer-logo {                
                box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.11);
            }
            .product-price { color: #1c1c1c } 
             .add .btn.add-to-cart {  background-color: #3271e4; border-color: #3271e4; color: #ffffff }
            .product-actions .product-variants-item .control-label:before, .product-actions .product-variants-item.hover .control-label:before { background: #1c1c1c }
            .product-actions .product-variants-item.hover .control-label { color: #1c1c1c }

            .product-variants .radio-label:before { box-shadow: 0 0 0 var(--b-width-ayon) #e1e1e1; opacity: 1; }
            .product-variants .input-radio:hover+span.radio-label:before { box-shadow: 0 0 0 var(--b-width-ayon) #3271e4; }
            .product-variants .input-radio:checked+span.radio-label:before { box-shadow: 0 0 0 var(--b-width-ayon) #1c1c1c; }
            .product-variants .input-color:checked+span:before { box-shadow: inset 0 0 0 2px var(--bg-content), 0 0 0 var(--b-width-ayon) #1c1c1c }
            .product-info label, .social-sharing .share_text span, .prod-buttons .favoritesButton span { color: #aaaaaa }
              .product-info a, .product-info span, .social-sharing .share_text:hover span, .prod-buttons .favoritesButton:hover span { color: #222222 }
              .social-sharing .share_text svg * { stroke: #222222!important }

              
      			.product_count_block .roycounttitle, .product_count_block .roycountoff { color: #aaaaaa }
      			.product_count_block .county .county-days-wrapper, .product_count_block .county .county-hours-wrapper, .product_count_block .county .county-minutes-wrapper, .product_count_block .county .county-seconds-wrapper { color: #1c1c1c!important }

            .product_count_block .countcontainer .count_icon svg * { fill: #ffd800!important; stroke: #ffd800!important }
            .product_count_block .countcontainer .count_icon { background: #ffffff }

            .product_count_block .county-label-days, .product_count_block .county-label-hours, .product_count_block .county-label-minutes, .product_count_block .county-label-seconds { color: #a7a7a7!important }

			      
        #product .tabs { margin-bottom: 40px }     
        @media (max-width: 767px) {
            .tabs>.container {
                    padding-left: 40px;
                    padding-right: 40px;
            }
            #product .tabs {
                    margin: 30px -40px;
                    padding: 30px 0;
            }
        }
        
            @media (min-width: 992px) {
              #product .featured-products .product-item {
                width:20%;
              }
            }
            
      			.login-tabs li a, body#checkout section.checkout-step .delivery-option, body#checkout section.checkout-step .address-item { border-color: #f2f2f2 }
			
      			.login-tabs li a.active, body#checkout section.checkout-step .delivery-option.active, body#checkout section.checkout-step .address-item.selected { border-color: #2471ff }
			
      			#checkout #block-reassurance li .block-reassurance-item span { color: #777777 }
			
      			#blockcart-modal .modal-title, #blockcart-modal close { color: #2471ff }
			
            #roycontent_footer {
              margin-top:50px;
            }

            @media(max-width:767px) {
              .block-social li {
                float:none!important;
              }
              .block-social ul > li:last-child {
                margin-right:0;
              }
              .footer-container > .container > .row > div {
                margin-bottom:30px;
                text-align:center;
              }
              .footer-container > .container > .row > div:last-child {
                margin-bottom:0;
              }
              .foot-logo {
                display:none;
              }
              .footer-container .links ul > li {
                padding: 0.1rem 0;
                display:block;
                text-align:center;
              }
              .footer-container .links ul > li a {
                margin:0;
              }
            }
            
              .footer-container > .container {
                width:100%;
                padding-left:80px;
                padding-right:80px;
              }
            .footer-container { background-size: cover }
              .footer-container { background-color: #ffffff }
              .footer-container { border-top: var(--b-width-ayon) solid #eeeeee}
      	.blockcms-title, .myaccount-title, .myaccount-title a, .myaccount-title a:visited, .footer-container h3, .block-contact-title { color: #414141}
          @media (max-width: 767px) {
          .footer-container .links .h3 { color: #414141} }
        
      			.footer-container, .footer-container p { color: #414141 }
        
      			.footer-container li a, .block-contact a, .block-contact span { color: #000000 }
        
            .footer-container li a:hover, .block-contact a:hover { color: #2471ff }
        
            #footer .block_newsletter form input[type=text] { background: #ffffff}
  			
            #footer .block_newsletter form input[type=text] { border: var(--b-width-ayon) solid #414141 }
        
            #footer .block_newsletter form input[type=text] { color: #000000}
        

                #footer .block_newsletter form input[type=text]::-webkit-input-placeholder {
                  color: #000000!important;
                  opacity:1;
                }
                #footer .block_newsletter form input[type=text]::-moz-placeholder {
                  color: #000000!important;
                  opacity:1;
                }
                #footer .block_newsletter form input[type=text]:-ms-input-placeholder {
                  color: #000000!important;
                  opacity:1;
                }
                #footer .block_newsletter form input[type=text]:-moz-placeholder {
                  color: #000000!important;
                  opacity:1;
                }
            
              .block_newsletter form button.go { color: #2471ff }
            
            .footer-container .block-social li a { color: #000000}
        
            @media (min-width: 992px) {
              #phblogrecentposts .simpleblog__listing__post {
                clear:none; padding:0 30px;
              }
              #phblogrecentposts > .row {
                margin-left:-30px;
                margin-right:-30px;
              }
              #index #main #phblogrecentposts h2.products-section-title {
                  padding:0 30px;
                  margin-bottom: 2rem;
              }
            }
            .simpleblog__comments > ul > li {
              padding-bottom:2rem!important;
              margin-bottom:2rem;
              border-bottom:2px solid #e1e1e1;
            }
            
            #index #main #phblogrecentposts h2.products-section-title {
                text-align: center;
            } 
            @media (min-width: 992px) {
              #phblogrecentposts .simpleblog__listing__post { width:33.3333%; clear:none }
            }
            
            #phblogrecentposts .simpleblog__listing__post__wrapper__footer { display:none }
            
            
            #phblogrecentposts .products-section-title a { color: #000000 }
            
            #phblogrecentposts .simpleblog__listing__post__wrapper__content h3 a { color: #000000 }
            
            #phblogrecentposts .simpleblog__listing__post__wrapper__content h3 a:hover, .simpleblog__listing__post__wrapper__footer > * a:hover { color: #000000 }
            
            #phblogrecentposts .simpleblog__listing__post__wrapper__content > p { color: #000000 }
            .simpleblog__listing__post__wrapper__content__footer .readmore span:not(.tip) { border-color: #000000 }
            
            .simpleblog__listing__post__wrapper__footer > *,
            .simpleblog__listing__post__wrapper__footer > * a
            { color: #777777 }
            
            #module-ph_simpleblog-single .simpleblog__postInfo { color: #000000 }
            
            .form-control-select, body select.form-control:not([size]):not([multiple]) {
                background-image: linear-gradient(to right, rgba(255,255,255, 0) 0 100%), url("../images/plus-circle.svg");
                background-position: right 18px center;
                background-repeat: no-repeat;
                background-size: 20px;
            }
            .form-control-select.opened,
            body select.form-control.opened:not([size]):not([multiple]) {
                background-image:linear-gradient(to right, rgba(255,255,255, 0) 0 100%), url("../images/minus.svg");
            }
            
                .side_menu .menu_mob_wrapper .arrow:before {
                    content: "\e9d7";
                }
            
                .wishlist-button-add i.ai-fav:before { content: "\ea36"; }
                .wishlist-button-add i.ai-fav-checked:before { content: "\ea37"; }
            /* Apply a 3D shadow effect to all sidebar/left-column blocks */
#left-column .sidebar-block,
#left-column .block,
#left-column .smart-block {
  background: #fff; /* ensure white card background */
  border-radius: 8px; /* rounded corners */
  padding: 15px;
  margin-bottom: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08),
              0 6px 20px rgba(0, 0, 0, 0.05); /* 3D shadow */
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Add hover effect for interactivity */
#left-column .sidebar-block:hover,
#left-column .block:hover,
#left-column .smart-block:hover {
  transform: translateY(-3px); /* lift effect */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12),
              0 12px 32px rgba(0, 0, 0, 0.08);
}









/* ===== Mobile: equal spacing on all sides ===== */
@media (max-width: 767px) {
  #left-column {
    padding: 15px !important;   /* equal left/right spacing */
    margin-top: 20px !important; /* top gap from slider */
  }
  #left-column .sidebar-block,
  #left-column .block,
  #left-column .smart-block {
    margin: 15px 0 !important;  /* equal top/bottom between cards */
  }
}

/* Guardrails: remove stray offsets inside blocks */
#left-column .sidebar-block > *,
#left-column .block > *,
#left-column .smart-block > * {
  margin-left: 0 !important;
  margin-right: 0 !important;
}









/* =========================================================
   DGTEC — SmartBlog Search (left column)
   Goal: desktop-only + identical card look to "Catégories"
   ========================================================= */

/* 0) Hidden by default (mobile / tablet) */
#smartblogsearch { display: none !important; }

/* 1) Desktop-only: show and style like other cards */
@media (min-width: 992px) {
  /* Card container (match left-column cards) */
  #smartblogsearch {
    display: block !important;
    margin: 0 0 20px !important;
    background: #fff !important;
    border-radius: 12px !important;
    padding: 16px !important;
    box-shadow:
      0 4px 8px rgba(0,0,0,.08),
      0 6px 20px rgba(0,0,0,.05) !important;     /* same 3D depth */
    border: 1px solid rgba(0,0,0,.04) !important;/* subtle edge like peers */
  }

  
  /* Strip decorative lines/pseudo rules sometimes injected by themes */
  #smartblogsearch .smart_blog_sidebar_title::before,
  #smartblogsearch .smart_blog_sidebar_title::after {
    content: none !important;
    border: 0 !important;
  }

  /* Inner wrapper: keep clean, inherit card padding (no extra chrome) */
  #smartblogsearch .block_content,
  #smartblogsearch #sdssearch_block_top,
  #smartblogsearch #sdssearch_block_top .input-group {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Form layout */
  #smartblogsearch #searchbox {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
  }

  /* Input pill (same visual language as site inputs) */
  #smartblogsearch .smart_blog_search_bar {
    display: block !important;
    width: 100% !important;
    height: 44px !important;
    line-height: 44px !important;
    border-radius: 9999px !important;
    padding: 0 48px 0 14px !important;           /* room for icon button */
    border: 1px solid #e5e7eb !important;
    background: #fff !important;
    font-size: 14px !important;
    outline: none !important;
    box-shadow: none !important;
  }
  #smartblogsearch .smart_blog_search_bar::placeholder { color: #9aa0a6 !important; }
  #smartblogsearch .smart_blog_search_bar:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37,99,235,.15) !important;
  }

  /* Icon button inside the input (right aligned) */
  #smartblogsearch .btn.btn-default.btn-blog-search.smart_blog_search_button {
    position: absolute !important;
    top: 50% !important;
    right: 6px !important;
    transform: translateY(-50%) !important;

    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;

    border-radius: 9999px !important;
    border: 0 !important;
    background: transparent !important;
    color: #111827 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    cursor: pointer;
  }
  #smartblogsearch .btn.btn-default.btn-blog-search.smart_blog_search_button:hover {
    background: rgba(17,24,39,.06) !important;
  }

  /* Icon sizing */
  #smartblogsearch .btn-blog-search.smart_blog_search_button .material-icons {
    font-size: 20px !important;
    line-height: 1 !important;
  }
}





















/* ===== Scope: Latest News block ===== */
#smblog_home_latest {
  max-width: 800px;        /* cap overall width */
  margin: 0 auto;          /* center the module */
  padding: 0 12px;         /* small side breathing room on mobile */
  box-sizing: border-box;
}

/* Equal-height grid across all cards */
#smblog_home_latest .smart-blog-news-box-content {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;     /* make columns stretch to the tallest in the row */
}

/* Each bootstrap column becomes a flex item so its child can fill height */
#smblog_home_latest .smart-blog-news-box-content > [id="sds_blog_post"] {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;      /* preserve gutter at the bottom */
}

/* The actual card fills the column’s height */
#smblog_home_latest .smart-blog-home-news-box {
  display: flex;
  flex-direction: column;
  gap: 8px;                 /* tidy vertical rhythm */
  height: 100%;
  box-sizing: border-box;
}

/* Image hygiene */
#smblog_home_latest .news_module_image_holder img {
  display: block;
  width: 100%;
  height: auto;             /* prevent distortion */
}

/* Optional: keep date/title tidy and let title wrap without overflow */
#smblog_home_latest .smart-blog-home-news-date {
  display: flex;
  align-items: center;
  gap: 6px;
}

#smblog_home_latest .sds_post_title_home {
  margin-top: auto;         /* pushes title towards the bottom if content above grows */
  line-height: 1.3;
  word-break: break-word;   /* avoid overflow for long words/URLs */
}

/* Responsive niceties: rely on your Bootstrap classes for column count.
   The flex model above ensures equal heights across 1/2/3 columns automatically. */

/* Safety: prevent any unexpected overflow in narrow viewports */
#smblog_home_latest .sdsblog-box-content.row {
  margin-left: 0;
  margin-right: 0;
}





















/* Brands: tidy visuals, hide nav, keep focus on motion */
#roy_brands .flickity-prev-next-button,
#roy_brands .flickity-page-dots { display: none !important; }

#roy_brands .brands_logo li { list-style: none; }
#roy_brands .brands_logo img {
  max-height: 60px;         /* adjust to taste */
  object-fit: contain;
  transition: transform .25s ease;
  display: block;
}
#roy_brands .brands_logo img:hover { transform: scale(1.06); }








 /* === DGTEC | SmartBlog Category — 2-up card grid with description preview === */
body#module-smartblog-category {

  /* Grille 2 colonnes sur desktop, 1 colonne en mobile */
  #smartblogcat {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    align-items: stretch;
  }
  @media (max-width: 767.98px) {
    #smartblogcat { grid-template-columns: 1fr; gap: 20px; }
  }

  /* Chaque post = carte indépendante */
  #smartblogcat .sdsarticleCat {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: auto !important;
  }
  #smartblogcat .smart-blog-post-single-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border-radius: 16px;
    border: 1px solid rgba(20, 23, 28, 0.06);
    box-shadow: 0 10px 20px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    overflow: hidden;
  }
  #smartblogcat .smart-blog-post-single-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 30px rgba(0,0,0,.12), 0 6px 12px rgba(0,0,0,.06);
    border-color: rgba(20, 23, 28, 0.10);
  }

  /* ORDRE DES BLOCS — Image (1) → Description (2) → CTA (3) → Métadonnées (4) */
  #smartblogcat .articleContent { order: 1; padding: 16px 18px 0 18px !important; }
  #smartblogcat .sdsarticle-des.smart-blog-posts-short-description { order: 2; }
  #smartblogcat .sdsreadMore { order: 3; padding: 14px 18px 0 18px !important; }
  #smartblogcat .sdsarticleHeader.smart-blog-posts-header-area { order: 4; padding: 12px 18px 18px 18px !important; }

  /* IMAGE — centrée, en tête */
  #smartblogcat .articleContent .imageFeatured {
    display: block;
    margin: 0 auto;
    width: 92%;
    max-width: 560px;
    max-height: 260px;
    height: auto;
    object-fit: cover;
    border-radius: 12px;
  }
  @media (max-width: 575.98px) {
    #smartblogcat .articleContent .imageFeatured { width: 94%; max-height: 220px; border-radius: 10px; }
  }

  /* DESCRIPTION — réactivée, clamp (3 lignes) */
  #smartblogcat .smart-blog-posts-short-description {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 12px 18px 0 18px !important;
    padding: 0 !important;
    color: #334155; /* slate-700 */
    font-size: .95rem;
    line-height: 1.55;
    text-align: left;
  }

  /* CTA — centré sous la description */
  #smartblogcat .sdsreadMore .r_more {
    display: block;
    width: 70%;
    margin: 12px auto 0;
    text-align: center;
    border-radius: 10px;
  }
  @media (max-width: 575.98px) {
    #smartblogcat .sdsreadMore .r_more { width: 88%; }
  }

  /* MÉTADONNÉES — conserver Posted by + Comments, supprimer la catégorie */
  #smartblogcat .smart-blog-posts-title { display: none !important; } /* masque le titre vide */
  #smartblogcat .smart-blog-posts-info [itemprop="articleSection"],
  #smartblogcat .smart-blog-posts-info .icon-tags { display: none !important; }

  #smartblogcat .smart-blog-posts-info {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-top: 10px;
    color: #64748b; /* slate-500 */
    font-size: .9rem;
  }
  #smartblogcat .smart-blog-posts-info .comment a { text-decoration: none; }

  /* Bannière de catégorie — garde le raffinement */
  #sdsblogCategory .smart_blog-cat-text:first-child { display: none !important; }
}






/* === DGTEC | SmartBlog Category — Make this look the same === */
body#module-smartblog-category {

  /* 2 cartes par rangée (1 en mobile) */
  #smartblogcat {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    align-items: stretch;
  }
  @media (max-width: 767.98px) {
    #smartblogcat { grid-template-columns: 1fr; gap: 20px; }
  }

  /* Wrapper neutre */
  #smartblogcat .sdsarticleCat {
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: auto !important;
  }

  /* Carte indépendante — style 3D */
  #smartblogcat .smart-blog-post-single-item {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border-radius: 16px;
    border: 1px solid rgba(20,23,28,.06);
    box-shadow: 0 10px 20px rgba(0,0,0,.08), 0 2px 6px rgba(0,0,0,.04);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
    overflow: hidden;
  }
  #smartblogcat .smart-blog-post-single-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 30px rgba(0,0,0,.12), 0 6px 12px rgba(0,0,0,.06);
    border-color: rgba(20,23,28,.10);
  }

  /* Ordonnancement: Image (1) → Description (2) → CTA (3) → Métadonnées (4) */
  #smartblogcat .articleContent { order: 1; padding: 16px 18px 0 18px !important; }
  #smartblogcat .sdsarticle-des.smart-blog-posts-short-description { order: 2; }
  #smartblogcat .sdsreadMore { order: 3; padding: 14px 18px 0 18px !important; }
  #smartblogcat .sdsarticleHeader.smart-blog-posts-header-area { order: 4; padding: 12px 18px 18px 18px !important; }

  /* Image en tête — centrée, couvrante */
  #smartblogcat .articleContent .imageFeatured {
    display: block;
    margin: 0 auto;
    width: 92%;
    max-width: 560px;
    max-height: 260px;
    height: auto;
    object-fit: cover;
    border-radius: 12px;
  }
  @media (max-width: 575.98px) {
    #smartblogcat .articleContent .imageFeatured { width: 94%; max-height: 220px; border-radius: 10px; }
  }

  /* Description — aperçu (3 lignes) sous l’image */
  #smartblogcat .smart-blog-posts-short-description {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 12px 18px 0 18px !important;
    padding: 0 !important;
    color: #334155;
    font-size: .95rem;
    line-height: 1.55;
    text-align: left;
  }

  /* CTA Read More — centré */
  #smartblogcat .sdsreadMore .r_more {
    display: block;
    width: 70%;
    margin: 12px auto 0;
    text-align: center;
    border-radius: 10px;
  }
  @media (max-width: 575.98px) {
    #smartblogcat .sdsreadMore .r_more { width: 88%; }
  }

  /* Métadonnées: garder Posted by + Comments, masquer Catégorie & Titre */
  #smartblogcat .smart-blog-posts-title { display: none !important; }
  #smartblogcat .smart-blog-posts-info [itemprop="articleSection"],
  #smartblogcat .smart-blog-posts-info .icon-tags { display: none !important; }

  #smartblogcat .smart-blog-posts-info {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    margin-top: 10px;
    color: #64748b;
    font-size: .9rem;
  }
  #smartblogcat .smart-blog-posts-info .comment a { text-decoration: none; }

  /* Nettoyage du conteneur page */
  #content.page-content.card.card-block {
    border: none;
    box-shadow: none;
    padding: 0;
    background: transparent;
  }
}













.smart-block h4.smart_blog_sidebar_title.hidden-sm-down {
    font-family: Inter, Arial, Verdana, sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #1C1C1C !important;
    margin-bottom: 16px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #e1e1e1 !important;
}





















/* Force SmartBlog pages full white background */
body#module-smartblog-details,
body#module-smartblog-details main,
body#module-smartblog-details #wrapper,
body#module-smartblog-details #content-wrapper,
body#module-smartblog-details .container,
body#module-smartblog-details .card,
body#module-smartblog-details .card-block,
body#module-smartblog-details .smart-block,
body#module-smartblog-details #right-column,
body#module-smartblog-details #left-column,
body#module-smartblog-details #top_column,
body#module-smartblog-details #bottom_column {
    background: #fff !important;
}





/* SmartBlog blog post page only */
body#module-smartblog-details #main {
  padding-right: 0;
  padding-top: 40px;
}

body#module-smartblog-details #main > .container {
  padding-right: 0;
  padding-left: 0;
  margin-left: 0;
}

body#module-smartblog-details .breadcrumb.smart-blog-breadcrumb {
  opacity: 1;
  transform: none;      /* replaces matrix(1,0,0,1,0,0) */
  margin-right: 0;
  margin-left: 0;
}

body#module-smartblog-details section#content.page-content.card.card-block {
  padding-left: 10px;
  padding-top: 10px;
  padding-right: 10px;
}

body#module-smartblog-details .sdsarticle-des.smart-blog-sing-blog-content {
  text-align: left;
}


/* SmartBlog blog post page only */
body#module-smartblog-details #content-wrapper > section#main {
  padding-top: 40px !important;
  padding-bottom: 0 !important;
  padding-right: 10px !important;
}

body#module-smartblog-details #content-wrapper > section#main > .container {
  padding-right: 0 !important;
  padding-left: 0 !important;
}









/* ===== DGTEC | SmartBlog article styling (scoped) =====
   Target SmartBlog details page + your wrapper to avoid leakage
--------------------------------------------------------- */
body#module-smartblog-details #guide-hdd-ssd,
body[id^="module-smartblog"][id$="details"] #guide-hdd-ssd {
  color: #1a1f2c;
  line-height: 1.7;
  max-width: 980px;
  margin: 0 auto;
  padding: 2rem 1rem 3rem;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
               "Apple Color Emoji", "Segoe UI Emoji";
}

/* Header */
body#module-smartblog-details #guide-hdd-ssd .hero {
  text-align: center;
  margin-bottom: 1.25rem;
}
body#module-smartblog-details #guide-hdd-ssd h1 {
  font-size: clamp(1.6rem, 2.4vw + 1rem, 2.2rem);
  margin: 0 0 .5rem;
  letter-spacing: .2px;
}
body#module-smartblog-details #guide-hdd-ssd .subtitle {
  margin: 0 auto 1rem;
  max-width: 52ch;
  color: #5b6475;
  text-align: center;
}

/* Paragraphs */
body#module-smartblog-details #guide-hdd-ssd p { text-align: justify; }

/* Sommaire */
body#module-smartblog-details #guide-hdd-ssd .toc {
  background: #fff;
  border: 1px solid #e6e8ef;
  border-radius: 14px;
  padding: 1rem 1.25rem;
  box-shadow: 0 8px 20px rgba(10,22,70,.08);
  margin: 1rem 0 1.5rem;
}
body#module-smartblog-details #guide-hdd-ssd .toc h3 {
  margin: 0 0 .5rem;
  font-size: 1.05rem;
}
body#module-smartblog-details #guide-hdd-ssd .toc ol {
  margin: 0;
  padding-left: 1.2rem;
}
body#module-smartblog-details #guide-hdd-ssd .toc a {
  text-decoration: none;
  border-bottom: 1px dashed transparent;
  transition: border-color .2s ease, color .2s ease;
}
body#module-smartblog-details #guide-hdd-ssd .toc a:hover,
body#module-smartblog-details #guide-hdd-ssd .toc a:focus {
  color: #0b5fff;
  border-color: #0b5fff;
}

/* Sections + numbering */
body#module-smartblog-details #guide-hdd-ssd .sections {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: section;
}
body#module-smartblog-details #guide-hdd-ssd .sections > li {
  counter-increment: section;
  background: #fff;
  border: 1px solid #e6e8ef;
  border-radius: 16px;
  padding: 1.25rem 1.2rem;
  margin-bottom: 1rem;
  box-shadow: 0 14px 30px rgba(10,22,70,.08);
}
body#module-smartblog-details #guide-hdd-ssd .sections > li > h2 {
  margin: 0 0 .6rem;
  font-size: 1.25rem;
  line-height: 1.35;
}
body#module-smartblog-details #guide-hdd-ssd .sections > li > h2::before {
  content: counter(section) ". ";
  color: #0b5fff;
  font-weight: 700;
}

/* Lists and bullet points */
body#module-smartblog-details #guide-hdd-ssd .bullets {
  margin: .5rem 0 0;
  padding-left: 1.1rem;
}

/* Pros/Cons grid */
body#module-smartblog-details #guide-hdd-ssd .pros-cons {
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  margin-top: .5rem;
}
body#module-smartblog-details #guide-hdd-ssd .pros-cons h3 {
  margin: .25rem 0 .25rem;
  font-size: 1.05rem;
}

/* Recap callout */
body#module-smartblog-details #guide-hdd-ssd .recap {
  background: #f7f9ff;
  border: 1px solid #dfe7ff;
  border-radius: 12px;
  padding: .9rem 1rem;
  margin: .75rem 0;
}

/* Closing */
body#module-smartblog-details #guide-hdd-ssd .closing {
  margin-top: .75rem;
  font-style: italic;
}

/* Spacing on desktop */
@media (min-width: 992px) {
  body#module-smartblog-details #guide-hdd-ssd { padding: 2rem 0 3rem; }
}




/* ===== DGTEC | SmartBlog RAM article (scoped) =====
   Cible la page de détail SmartBlog + le wrapper #guide-ram
----------------------------------------------------- */
body#module-smartblog-details #guide-ram,
body[id^="module-smartblog"][id$="details"] #guide-ram {
  color: #1a1f2c;
  line-height: 1.7;
  max-width: 980px;
  margin: 0 auto;
  padding: 2rem 1rem 3rem;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
               "Apple Color Emoji", "Segoe UI Emoji";
}

/* Header */
body#module-smartblog-details #guide-ram .hero { text-align: center; margin-bottom: 1.25rem; }
body#module-smartblog-details #guide-ram h1 {
  font-size: clamp(1.6rem, 2.4vw + 1rem, 2.2rem);
  margin: 0 0 .5rem;
  letter-spacing: .2px;
}
body#module-smartblog-details #guide-ram .subtitle {
  margin: 0 auto 1rem; max-width: 52ch; color: #5b6475; text-align: center;
}

/* Paragraphs */
body#module-smartblog-details #guide-ram p { text-align: justify; }

/* Sommaire */
body#module-smartblog-details #guide-ram .toc {
  background: #fff; border: 1px solid #e6e8ef; border-radius: 14px;
  padding: 1rem 1.25rem; box-shadow: 0 8px 20px rgba(10,22,70,.08);
  margin: 1rem 0 1.5rem;
}
body#module-smartblog-details #guide-ram .toc h3 { margin: 0 0 .5rem; font-size: 1.05rem; }
body#module-smartblog-details #guide-ram .toc ol { margin: 0; padding-left: 1.2rem; }
body#module-smartblog-details #guide-ram .toc a {
  text-decoration: none; border-bottom: 1px dashed transparent; transition: border-color .2s, color .2s;
}
body#module-smartblog-details #guide-ram .toc a:hover,
body#module-smartblog-details #guide-ram .toc a:focus { color: #0b5fff; border-color: #0b5fff; }

/* Sections + numbering */
body#module-smartblog-details #guide-ram .sections { list-style: none; padding: 0; margin: 0; counter-reset: section; }
body#module-smartblog-details #guide-ram .sections > li {
  counter-increment: section; background: #fff; border: 1px solid #e6e8ef; border-radius: 16px;
  padding: 1.25rem 1.2rem; margin-bottom: 1rem; box-shadow: 0 14px 30px rgba(10,22,70,.08);
}
body#module-smartblog-details #guide-ram .sections > li > h2 {
  margin: 0 0 .6rem; font-size: 1.25rem; line-height: 1.35;
}
body#module-smartblog-details #guide-ram .sections > li > h2::before {
  content: counter(section) ". "; color: #0b5fff; font-weight: 700;
}

/* Definition list layout (types de RAM) */
body#module-smartblog-details #guide-ram .defs { margin: .25rem 0 0; }
body#module-smartblog-details #guide-ram .defs dt { font-weight: 700; }
body#module-smartblog-details #guide-ram .defs dd { margin: 0 0 .5rem 0; color: #2b3242; }

/* Bullets, tips, notes */
body#module-smartblog-details #guide-ram .bullets { margin: .5rem 0 0; padding-left: 1.1rem; }
body#module-smartblog-details #guide-ram .checklist { margin: .5rem 0 0; padding-left: 1.1rem; }
body#module-smartblog-details #guide-ram .tip,
body#module-smartblog-details #guide-ram .note {
  background: #f7f9ff; border: 1px solid #dfe7ff; border-radius: 12px; padding: .85rem 1rem; margin: .7rem 0;
}

/* Closing */
body#module-smartblog-details #guide-ram .closing { margin-top: .75rem; font-style: italic; }

/* Desktop spacing */
@media (min-width: 992px) {
  body#module-smartblog-details #guide-ram { padding: 2rem 0 3rem; }
}





/* ===== DGTEC | SmartBlog SAN article (scoped) ==============================
   Cible la page de détail SmartBlog + le wrapper #guide-san
============================================================================= */
body#module-smartblog-details #guide-san,
body[id^="module-smartblog"][id$="details"] #guide-san {
  color: #1a1f2c;
  line-height: 1.7;
  max-width: 980px;
  margin: 0 auto;
  padding: 2rem 1rem 3rem;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
               "Apple Color Emoji", "Segoe UI Emoji";
}

/* Header */
body#module-smartblog-details #guide-san .hero { text-align: center; margin-bottom: 1.25rem; }
body#module-smartblog-details #guide-san h1 {
  font-size: clamp(1.6rem, 2.4vw + 1rem, 2.2rem);
  margin: 0 0 .5rem;
  letter-spacing: .2px;
}
body#module-smartblog-details #guide-san .subtitle {
  margin: 0 auto 1rem; max-width: 58ch; color: #5b6475; text-align: center;
}

/* Paragraphs */
body#module-smartblog-details #guide-san p { text-align: justify; }

/* Sommaire */
body#module-smartblog-details #guide-san .toc {
  background: #fff; border: 1px solid #e6e8ef; border-radius: 14px;
  padding: 1rem 1.25rem; box-shadow: 0 8px 20px rgba(10,22,70,.08);
  margin: 1rem 0 1.5rem;
}
body#module-smartblog-details #guide-san .toc h3 { margin: 0 0 .5rem; font-size: 1.05rem; }
body#module-smartblog-details #guide-san .toc ol { margin: 0; padding-left: 1.2rem; }
body#module-smartblog-details #guide-san .toc a {
  text-decoration: none; border-bottom: 1px dashed transparent; transition: border-color .2s, color .2s;
}
body#module-smartblog-details #guide-san .toc a:hover,
body#module-smartblog-details #guide-san .toc a:focus { color: #0b5fff; border-color: #0b5fff; }

/* Sections + numbering */
body#module-smartblog-details #guide-san .sections { list-style: none; padding: 0; margin: 0; counter-reset: section; }
body#module-smartblog-details #guide-san .sections > li {
  counter-increment: section; background: #fff; border: 1px solid #e6e8ef; border-radius: 16px;
  padding: 1.25rem 1.2rem; margin-bottom: 1rem; box-shadow: 0 14px 30px rgba(10,22,70,.08);
}
body#module-smartblog-details #guide-san .sections > li > h2 {
  margin: 0 0 .6rem; font-size: 1.25rem; line-height: 1.35;
}
body#module-smartblog-details #guide-san .sections > li > h2::before {
  content: counter(section) ". "; color: #0b5fff; font-weight: 700;
}

/* Definition list (protocoles) */
body#module-smartblog-details #guide-san .defs { margin: .25rem 0 0; }
body#module-smartblog-details #guide-san .defs dt { font-weight: 700; }
body#module-smartblog-details #guide-san .defs dd { margin: 0 0 .5rem 0; color: #2b3242; }

/* Bullets & callouts */
body#module-smartblog-details #guide-san .bullets { margin: .5rem 0 0; padding-left: 1.1rem; }
body#module-smartblog-details #guide-san .recap {
  background: #f7f9ff; border: 1px solid #dfe7ff; border-radius: 12px; padding: .9rem 1rem; margin: .75rem 0;
}

/* Comparison grid */
body#module-smartblog-details #guide-san .pros-cons {
  display: grid; gap: .75rem; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); margin-top: .5rem;
}
body#module-smartblog-details #guide-san .pros-cons h3 { margin: .25rem 0 .25rem; font-size: 1.05rem; }

/* Desktop spacing */
@media (min-width: 992px) {
  body#module-smartblog-details #guide-san { padding: 2rem 0 3rem; }
}




/* ===== DGTEC | SmartBlog RAID article (scoped) =============================
   Cible la page de détail SmartBlog + le wrapper #guide-raid
============================================================================= */
body#module-smartblog-details #guide-raid,
body[id^="module-smartblog"][id$="details"] #guide-raid {
  color: #1a1f2c;
  line-height: 1.7;
  max-width: 980px;
  margin: 0 auto;
  padding: 2rem 1rem 3rem;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
               "Apple Color Emoji", "Segoe UI Emoji";
}

/* Header */
body#module-smartblog-details #guide-raid .hero { text-align: center; margin-bottom: 1.25rem; }
body#module-smartblog-details #guide-raid h1 {
  font-size: clamp(1.6rem, 2.4vw + 1rem, 2.2rem);
  margin: 0 0 .5rem;
  letter-spacing: .2px;
}
body#module-smartblog-details #guide-raid .subtitle {
  margin: 0 auto 1rem; max-width: 60ch; color: #5b6475; text-align: center;
}

/* Paragraphs */
body#module-smartblog-details #guide-raid p { text-align: justify; }

/* Sommaire */
body#module-smartblog-details #guide-raid .toc {
  background: #fff; border: 1px solid #e6e8ef; border-radius: 14px;
  padding: 1rem 1.25rem; box-shadow: 0 8px 20px rgba(10,22,70,.08);
  margin: 1rem 0 1.5rem;
}
body#module-smartblog-details #guide-raid .toc h3 { margin: 0 0 .5rem; font-size: 1.05rem; }
body#module-smartblog-details #guide-raid .toc ol { margin: 0; padding-left: 1.2rem; }
body#module-smartblog-details #guide-raid .toc a {
  text-decoration: none; border-bottom: 1px dashed transparent; transition: border-color .2s, color .2s;
}
body#module-smartblog-details #guide-raid .toc a:hover,
body#module-smartblog-details #guide-raid .toc a:focus { color: #0b5fff; border-color: #0b5fff; }

/* Sections + numbering */
body#module-smartblog-details #guide-raid .sections { list-style: none; padding: 0; margin: 0; counter-reset: section; }
body#module-smartblog-details #guide-raid .sections > li {
  counter-increment: section; background: #fff; border: 1px solid #e6e8ef; border-radius: 16px;
  padding: 1.25rem 1.2rem; margin-bottom: 1rem; box-shadow: 0 14px 30px rgba(10,22,70,.08);
}
body#module-smartblog-details #guide-raid .sections > li > h2 {
  margin: 0 0 .6rem; font-size: 1.25rem; line-height: 1.35;
}
body#module-smartblog-details #guide-raid .sections > li > h2::before {
  content: counter(section) ". "; color: #0b5fff; font-weight: 700;
}

/* KPI list for each RAID level */
body#module-smartblog-details #guide-raid .kpis {
  list-style: none; padding: 0; margin: .35rem 0 .35rem;
  display: grid; gap: .4rem .75rem; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
body#module-smartblog-details #guide-raid .kpis li {
  background: #f8f9fc; border: 1px solid #e9ecf4; border-radius: 10px; padding: .55rem .7rem;
}

/* Bullets, notes, recap */
body#module-smartblog-details #guide-raid .bullets { margin: .5rem 0 0; padding-left: 1.1rem; }
body#module-smartblog-details #guide-raid .note {
  background: #fff9e8; border: 1px solid #ffe2a8; border-radius: 10px; padding: .75rem .9rem; margin: .6rem 0;
}
body#module-smartblog-details #guide-raid .recap {
  background: #f7f9ff; border: 1px solid #dfe7ff; border-radius: 12px; padding: .9rem 1rem; margin: .75rem 0;
}
body#module-smartblog-details #guide-raid .use { margin-top: .3rem; }

/* Closing */
body#module-smartblog-details #guide-raid .closing { margin-top: .75rem; font-style: italic; }

/* Desktop spacing */
@media (min-width: 992px) {
  body#module-smartblog-details #guide-raid { padding: 2rem 0 3rem; }
}









/* ===== DGTEC | SmartBlog NAS article (scoped) ==============================
   Cible la page de détail SmartBlog + le wrapper #guide-nas
============================================================================= */
body#module-smartblog-details #guide-nas,
body[id^="module-smartblog"][id$="details"] #guide-nas {
  color: #1a1f2c;
  line-height: 1.7;
  max-width: 980px;
  margin: 0 auto;
  padding: 2rem 1rem 3rem;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
               "Apple Color Emoji", "Segoe UI Emoji";
}

/* Header */
body#module-smartblog-details #guide-nas .hero { text-align: center; margin-bottom: 1.25rem; }
body#module-smartblog-details #guide-nas h1 {
  font-size: clamp(1.6rem, 2.4vw + 1rem, 2.2rem);
  margin: 0 0 .5rem;
  letter-spacing: .2px;
}
body#module-smartblog-details #guide-nas .subtitle {
  margin: 0 auto 1rem; max-width: 60ch; color: #5b6475; text-align: center;
}

/* Paragraphs */
body#module-smartblog-details #guide-nas p { text-align: justify; }

/* Sommaire */
body#module-smartblog-details #guide-nas .toc {
  background: #fff; border: 1px solid #e6e8ef; border-radius: 14px;
  padding: 1rem 1.25rem; box-shadow: 0 8px 20px rgba(10,22,70,.08);
  margin: 1rem 0 1.5rem;
}
body#module-smartblog-details #guide-nas .toc h3 { margin: 0 0 .5rem; font-size: 1.05rem; }
body#module-smartblog-details #guide-nas .toc ol { margin: 0; padding-left: 1.2rem; }
body#module-smartblog-details #guide-nas .toc a {
  text-decoration: none; border-bottom: 1px dashed transparent; transition: border-color .2s, color .2s;
}
body#module-smartblog-details #guide-nas .toc a:hover,
body#module-smartblog-details #guide-nas .toc a:focus { color: #0b5fff; border-color: #0b5fff; }

/* Sections + numbering */
body#module-smartblog-details #guide-nas .sections { list-style: none; padding: 0; margin: 0; counter-reset: section; }
body#module-smartblog-details #guide-nas .sections > li {
  counter-increment: section; background: #fff; border: 1px solid #e6e8ef; border-radius: 16px;
  padding: 1.25rem 1.2rem; margin-bottom: 1rem; box-shadow: 0 14px 30px rgba(10,22,70,.08);
}
body#module-smartblog-details #guide-nas .sections > li > h2 {
  margin: 0 0 .6rem; font-size: 1.25rem; line-height: 1.35;
}
body#module-smartblog-details #guide-nas .sections > li > h2::before {
  content: counter(section) ". "; color: #0b5fff; font-weight: 700;
}

/* Bullets & checklists */
body#module-smartblog-details #guide-nas .bullets { margin: .5rem 0 0; padding-left: 1.1rem; }
body#module-smartblog-details #guide-nas .checklist { margin: .5rem 0 0; padding-left: 1.1rem; }

/* Pros grid (advantages blocks) */
body#module-smartblog-details #guide-nas .pros-cons {
  display: grid; gap: .75rem; grid-template-columns: repeat(auto-fit, minmax(250px,1fr)); margin-top: .5rem;
}
body#module-smartblog-details #guide-nas .pros-cons h3 { margin: .25rem 0 .25rem; font-size: 1.05rem; }

/* Compare block (NAS vs serveur) */
body#module-smartblog-details #guide-nas .compare {
  display: grid; gap: .75rem; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); margin-top: .5rem;
}
body#module-smartblog-details #guide-nas .compare > div {
  background: #f8f9fc; border: 1px solid #e9ecf4; border-radius: 12px; padding: .8rem 1rem;
}

/* Cards for vendor examples */
body#module-smartblog-details #guide-nas .cards {
  display: grid; gap: .75rem; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); margin-top: .5rem;
}
body#module-smartblog-details #guide-nas .card {
  background: #fff; border: 1px solid #e6e8ef; border-radius: 14px;
  padding: 1rem 1rem; box-shadow: 0 8px 20px rgba(10,22,70,.08);
}
body#module-smartblog-details #guide-nas .card .tagline { color: #5b6475; margin: .25rem 0 .5rem; }

/* Closing */
body#module-smartblog-details #guide-nas .closing { margin-top: .75rem; font-style: italic; }

/* Desktop spacing */
@media (min-width: 992px) {
  body#module-smartblog-details #guide-nas { padding: 2rem 0 3rem; }
}










/* ===== Press News Look & Feel (scoped) ===== */
#press-synology-gartner-2025 {
  --ink: #111827;         /* text */
  --muted: #6b7280;       /* secondary text */
  --brand: #0b5fff;       /* accent */
  --line: #e5e7eb;        /* borders */
  --paper: #ffffff;       /* cards */
  --shade: rgba(10, 22, 70, 0.08);

  color: var(--ink);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans";
  line-height: 1.7;
  max-width: 880px;
  margin: 0 auto;
  padding: 2rem 1rem 3rem;
  background: transparent;
}

/* Header */
#press-synology-gartner-2025 .kicker {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 700;
  color: var(--brand);
  margin: 0 0 .25rem;
  font-size: .8rem;
}
#press-synology-gartner-2025 h1 {
  margin: 0 0 .25rem;
  line-height: 1.2;
  font-size: clamp(1.6rem, 1.1rem + 2.5vw, 2.2rem);
}
#press-synology-gartner-2025 .dateline {
  margin: .25rem 0 1.25rem;
  color: var(--muted);
  font-size: .95rem;
}
#press-synology-gartner-2025 .dateline .place { font-variant: small-caps; }

/* Lead */
#press-synology-gartner-2025 .lead p {
  font-size: 1.06rem;
  margin: 0 0 1rem;
  text-align: justify;
}

/* Quote */
#press-synology-gartner-2025 .quote {
  background: var(--paper);
  border: 1px solid var(--line);
  border-left: 4px solid var(--brand);
  border-radius: 12px;
  padding: 1rem 1.1rem;
  box-shadow: 0 10px 24px var(--shade);
  margin: 1rem 0 1.25rem;
}
#press-synology-gartner-2025 blockquote {
  margin: 0;
  font-style: italic;
}
#press-synology-gartner-2025 .quote-cite {
  margin: .5rem 0 0;
  color: var(--muted);
  font-size: .95rem;
}

/* Body copy */
#press-synology-gartner-2025 .body p {
  margin: 0 0 1rem;
  text-align: justify;
}

/* Stats band */
#press-synology-gartner-2025 .fact-band {
  background: #f7f9ff;
  border: 1px solid #dfe7ff;
  border-radius: 12px;
  padding: .85rem 1rem;
  margin: .75rem 0 1.25rem;
}
#press-synology-gartner-2025 .stats {
  list-style: none;
  margin: 0; padding: 0;
  display: grid;
  gap: .75rem;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}
#press-synology-gartner-2025 .stats li {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: .7rem .8rem;
  box-shadow: 0 8px 18px var(--shade);
  display: flex; flex-direction: column;
  align-items: flex-start; justify-content: center;
}
#press-synology-gartner-2025 .stats .stat {
  font-size: 1.2rem; font-weight: 800; line-height: 1.1;
}
#press-synology-gartner-2025 .stats .label {
  color: var(--muted); font-size: .9rem;
}

/* CTA */
#press-synology-gartner-2025 .cta a {
  color: var(--brand);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color .2s ease, border-color .2s ease;
}
#press-synology-gartner-2025 .cta a:hover,
#press-synology-gartner-2025 .cta a:focus {
  border-color: var(--brand);
}
#press-synology-gartner-2025 .cta .note {
  color: var(--muted);
}

/* Divider */
#press-synology-gartner-2025 .divider {
  border: 0;
  height: 1px;
  background: linear-gradient(to right, transparent, var(--line), transparent);
  margin: 1.25rem 0;
}

/* Disclaimer */
#press-synology-gartner-2025 .disclaimer p {
  margin: 0 0 .7rem;
  color: #374151;
  font-size: .95rem;
}

/* Accessibility helper */
#press-synology-gartner-2025 .visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Responsive padding */
@media (min-width: 992px) {
  #press-synology-gartner-2025 { padding: 2rem 0 3rem; }
}

    
    
    
    
    
    
    
    
    
    /* ===== DGTEC | SmartBlog Product Post (scoped to RS2825RP+) ================ */
body#module-smartblog-details #product-rs2825rp,
body[id^="module-smartblog"][id$="details"] #product-rs2825rp {
  --ink: #121826;
  --muted: #5b6475;
  --line: #e6e8ef;
  --paper: #ffffff;
  --accent: #0b5fff;
  --soft: rgba(10,22,70,.08);

  color: var(--ink);
  line-height: 1.7;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans";
  max-width: 980px;
  margin: 0 auto;
  padding: 2rem 1rem 3rem;
}

/* Hero */
body#module-smartblog-details #product-rs2825rp .badge{
  display:inline-block;
  font-weight:700;
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color: var(--accent);
  margin:0 0 .35rem;
}
body#module-smartblog-details #product-rs2825rp h1{
  margin:0 0 .4rem;
  line-height:1.2;
  font-size: clamp(1.6rem, 1rem + 2.6vw, 2.25rem);
}
body#module-smartblog-details #product-rs2825rp .subtitle{
  margin:.25rem 0 1.1rem;
  color:var(--muted);
  max-width: 68ch;
  text-align: justify;
}

/* Highlights (stats) */
body#module-smartblog-details #product-rs2825rp .highlights{
  background:#f7f9ff;
  border:1px solid #dfe7ff;
  border-radius:14px;
  padding: .9rem 1rem;
  margin: .9rem 0 1.25rem;
}
body#module-smartblog-details #product-rs2825rp .stats{
  list-style:none; margin:0; padding:0;
  display:grid; gap:.75rem;
  grid-template-columns: repeat(auto-fit, minmax(180px,1fr));
}
body#module-smartblog-details #product-rs2825rp .stats li{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:12px;
  padding:.7rem .9rem;
  box-shadow:0 10px 24px var(--soft);
  display:flex; flex-direction:column;
}
body#module-smartblog-details #product-rs2825rp .stats .stat{
  font-weight:800; font-size:1.05rem; line-height:1.1;
}
body#module-smartblog-details #product-rs2825rp .stats .label{
  color:var(--muted); font-size:.9rem;
}

/* Body */
body#module-smartblog-details #product-rs2825rp h2{
  font-size:1.25rem; line-height:1.35; margin: 1rem 0 .5rem;
  position:relative; padding-left:.9rem;
}
body#module-smartblog-details #product-rs2825rp h2::before{
  content:""; position:absolute; left:0; top:.25rem; bottom:.25rem;
  width:4px; background:var(--accent); border-radius:2px;
}
body#module-smartblog-details #product-rs2825rp p{ text-align: justify; margin:0 0 .9rem; }
body#module-smartblog-details #product-rs2825rp .note{
  background:#fff9e8; border:1px solid #ffe2a8; border-radius:12px;
  padding:.8rem 1rem; margin:.75rem 0;
}

/* Feature grid */
body#module-smartblog-details #product-rs2825rp .feature-grid{
  display:grid; gap:.9rem; margin: .5rem 0 1rem;
  grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
}
body#module-smartblog-details #product-rs2825rp .feature-grid article{
  background:var(--paper); border:1px solid var(--line); border-radius:14px;
  padding:1rem 1rem; box-shadow:0 10px 24px var(--soft);
}
body#module-smartblog-details #product-rs2825rp .feature-grid h3{
  margin:.15rem 0 .4rem; font-size:1.05rem;
}
body#module-smartblog-details #product-rs2825rp .feature-grid ul{
  margin:.25rem 0 0; padding-left:1.1rem;
}

/* DSM Cards */
body#module-smartblog-details #product-rs2825rp .cards{
  display:grid; gap:.9rem; margin:.5rem 0 1rem;
  grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
}
body#module-smartblog-details #product-rs2825rp .card{
  background:var(--paper); border:1px solid var(--line); border-radius:14px;
  padding:1rem 1rem; box-shadow:0 10px 24px var(--soft);
}
body#module-smartblog-details #product-rs2825rp .card .tagline{
  color:var(--muted); margin:.25rem 0 .5rem;
}

/* CTA */
body#module-smartblog-details #product-rs2825rp .cta-buttons{
  display:flex; gap:.5rem; flex-wrap:wrap; margin-top:.25rem;
}
body#module-smartblog-details #product-rs2825rp .btn{
  display:inline-block; padding:.6rem .9rem; border-radius:10px;
  border:1px solid var(--line); background:var(--paper); color:var(--ink);
  text-decoration:none; transition: box-shadow .2s ease, border-color .2s ease, transform .02s ease-in;
}
body#module-smartblog-details #product-rs2825rp .btn.primary{
  background:var(--accent); color:#fff; border-color:transparent;
}
body#module-smartblog-details #product-rs2825rp .btn:hover{
  border-color: var(--accent); box-shadow:0 10px 24px var(--soft);
}
body#module-smartblog-details #product-rs2825rp .btn:active{
  transform: translateY(1px);
}

/* Footnotes */
body#module-smartblog-details #product-rs2825rp .footnotes p{
  color:#374151; font-size:.95rem; margin:.4rem 0 0;
}

/* Desktop spacing */
@media (min-width: 992px){
  body#module-smartblog-details #product-rs2825rp { padding: 2rem 0 3rem; }
}

    
    
    
    
    
    
    
    
    
/* ===== DGTEC | Harmonized Cards ===== */
.dg-banner{
  --accent:#6a7dff;
  --radius:18px;
  --shadow:0 8px 22px rgba(16,24,40,.15);
  --glass-light:#e4e5e7;
  display:grid; gap:20px;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  align-items:stretch;
  width:100%;
}

/* Card */
.dg-card{
  display:flex; flex-direction:column;
  padding:16px; gap:12px;
  background:var(--glass-light);
  border:1px solid rgba(0,0,0,.08);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  transition:transform .2s ease, box-shadow .2s ease;
}
.dg-card:hover{ transform:translateY(-3px); box-shadow:0 12px 30px rgba(0,0,0,.2); }

/* Badge */
.dg-chip{
  align-self:flex-start;
  padding:4px 10px;
  font:600 12px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:#333;
  background:rgba(0,0,0,.05);
  border:1px solid rgba(0,0,0,.1);
  border-radius:999px;
}

/* Image wrapper forces equal size */
.dg-img-wrap{
  flex:0 0 auto;
  width:100%; height:180px;       /* fixed equal height */
  display:flex; justify-content:center; align-items:center;
}
.dg-img{
  max-height:100%; max-width:100%;
  object-fit:contain;
}

/* Title */
.dg-title{
  margin:0; text-align:center; color:#111;
  font:800 16px/1.2 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  min-height:40px;                /* keeps rows aligned */
  display:flex; justify-content:center; align-items:center;
}

/* Button */
.dg-cta{
  margin-top:auto; text-align:center;
  padding:12px;
  font-weight:700; font-size:14px; text-decoration:none;
  color:#111;
  background:rgba(255,255,255,.6);
  -webkit-backdrop-filter: blur(20px) saturate(200%);
  backdrop-filter: blur(20px) saturate(200%);
  border:1px solid rgba(0,0,0,.15);
  border-radius:999px;
  box-shadow:
    inset 0 2px 6px rgba(255,255,255,.6),
    inset 0 -2px 6px rgba(0,0,0,.1),
    0 4px 14px rgba(106,125,255,.25);
  transition:all .25s ease;
}
.dg-cta:hover{
  transform:translateY(-2px) scale(1.03);
  box-shadow:
    inset 0 2px 6px rgba(255,255,255,.7),
    inset 0 -2px 6px rgba(0,0,0,.15),
    0 6px 22px rgba(106,125,255,.45);
}

    

    
    
    
    
    
    
    
    
    
/* ===== DGTEC Feature Cards — desktop grid + boxed mobile carousel ===== */
#dgtec-feature-cards{
  --card-bg:#fff;
  --card-br:18px;
  --card-bd:1px solid rgba(0,0,0,.06);
  --card-shadow:0 8px 24px rgba(0,0,0,.06);
  --icon-size:40px;
  --icon-color:#4C66FF;
  --gap:22px;
  --pad:18px 20px;
  --desktop-card-min:241.333334px; /* align with the module above */
}

/* Ensure Elementor doesn’t inject extra side padding on this block */
#dgtec-feature-cards,
#dgtec-feature-cards .elementor-widget-container{padding-left:0 !important;padding-right:0 !important}

/* ===== Desktop / large tablets ===== */
#dgtec-feature-cards .dgtec-viewport{
  overflow:visible;                 /* no scroll on desktop */
  max-width:100%;
}

#dgtec-feature-cards .dgtec-rail{
  display:grid;
  grid-template-columns:repeat(3, minmax(var(--desktop-card-min),1fr));
  gap:var(--gap);
  margin:0;
}

#dgtec-feature-cards .dgtec-card{
  display:flex;
  flex-direction:column;
  align-items:center;               /* center icon + text */
  justify-content:center;           /* vertical center */
  text-align:center;

  background:var(--card-bg);
  border:var(--card-bd);
  border-radius:var(--card-br);
  box-shadow:var(--card-shadow);
  padding:var(--pad);
  min-height:180px;
  width:100%;
}

#dgtec-feature-cards .dgtec-card__icon{
  font-size:var(--icon-size);
  line-height:1;
  color:var(--icon-color);
  margin-bottom:8px;
}
#dgtec-feature-cards .dgtec-card__title{margin:0 0 4px 0;font-weight:700;font-size:18px}
#dgtec-feature-cards .dgtec-card__text{margin:0;opacity:.9}

/* ===== Mobile / small tablets: BOXED, no right overhang ===== */
@media (max-width: 991px){
  /* The viewport is the scroller. This boxes the content and hides overflow. */
  #dgtec-feature-cards .dgtec-viewport{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;           /* Firefox */
    max-width:100%;
  }
  #dgtec-feature-cards .dgtec-viewport::-webkit-scrollbar{height:0} /* WebKit */

  /* The rail simply lays out slides; no padding/gaps that alter scroll math. */
  #dgtec-feature-cards .dgtec-rail{
    display:flex;
    gap:0;                          /* avoid gap adding extra tail */
    margin:0;
  }

  /* Slides fill the viewport and snap cleanly.
     scroll-margin provides the side “gutters” WITHOUT using container padding. */
  #dgtec-feature-cards .dgtec-card{
    flex:0 0 100%;
    scroll-snap-align:start;
    scroll-margin-inline:16px;      /* visual gutters left & right */
    min-height:160px;
  }
}

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
/* === DGTEC Testimonials: carousel + image stack === */
#dgtec-testimonials .dg-slides{ position:relative; }

/* 1) Only show the active slide */
#dgtec-testimonials .dg-slide{ display:none; }
#dgtec-testimonials .dg-slide.is-active{
  display:grid; gap:1.5rem; grid-template-columns:1fr;
}
@media (min-width:768px){
  #dgtec-testimonials .dg-slide.is-active{
    grid-template-columns:1fr 1fr; align-items:center;
  }
}

/* 2) Give the photo stack a real height (Tailwind h-80 not present) */
#dgtec-testimonials .dg-stack{
  position:relative; height:clamp(220px, 38vh, 360px);
  border-radius:24px; overflow:hidden; background:#f5f7fa;
}

/* 3) Layered photos */
#dgtec-testimonials .dg-photo{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center; border-radius:24px;
  transform-origin:bottom center; transition:.4s ease;
}
#dgtec-testimonials .dg-top{ z-index:40; opacity:1; transform:none; }
#dgtec-testimonials .dg-layer{ opacity:.7; transform:translateZ(-100px) scale(.95); }
#dgtec-testimonials .dg-rot-8{  transform:translateZ(-100px) scale(.95) rotate(8deg);  z-index:6; }
#dgtec-testimonials .dg-rot-9{  transform:translateZ(-100px) scale(.95) rotate(9deg);  z-index:5; }
#dgtec-testimonials .dg-rot--8{ transform:translateZ(-100px) scale(.95) rotate(-8deg); z-index:4; }
#dgtec-testimonials .dg-rot--4{ transform:translateZ(-100px) scale(.95) rotate(-4deg); z-index:3; }

/* 4) Copy styling */
#dgtec-testimonials .dg-name{ margin:0 0 .25rem; font-weight:800; font-size:1.75rem; color:#111; }
#dgtec-testimonials .dg-title{ margin:0; font-size:.95rem; color:#6b7280; }
#dgtec-testimonials .dg-quote{ margin-top:1rem; font-size:1.05rem; line-height:1.7; color:#4b5563; }
#dgtec-testimonials .dg-product{ margin-top:.75rem; font-weight:600; color:#1c3557; }

/* 5) Nav */
#dgtec-testimonials .dg-nav{ align-items:center; }
#dgtec-testimonials .dg-btn{
  width:2.25rem; height:2.25rem; border:0; border-radius:9999px;
  display:inline-flex; align-items:center; justify-content:center;
  background:#f3f4f6; color:#111; cursor:pointer; transition:.25s ease;
}
#dgtec-testimonials .dg-btn:hover{ transform:translateY(-2px) rotate(2deg); background:#e5e7eb; }
#dgtec-testimonials .dg-dots{ display:inline-flex; gap:.5rem; margin-left:.5rem; }
#dgtec-testimonials .dg-dot{
  width:.6rem; height:.6rem; border-radius:9999px; border:0; cursor:pointer;
  background:#cbd5e1; transition:.2s ease;
}
#dgtec-testimonials .dg-dot.is-active{ background:#1c3557; transform:scale(1.2); }

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  /* SmartBlog article page: remove empty top strip on mobile */
@media (max-width: 991px){
  body#module-smartblog-details #top_column{display:none !important;}
}

  
  
  
  
  
  
  
  
  
  
  
  
  
  

/* Desktop-only: hide the mobile wrapper inside the side menu */
@media (min-width: 992px) {
  .side_menu_wrap .menu_mob_wrapper,
  .side_menu .menu_mob_wrapper {
    display: none !important;
  }
}


  
  
  
  
  
  
  
  
  
  
  

  
  
  
  
  
  
  
  
  
/* ==== DGTEC – Full-width account pages (Ayon theme) ==== */
/* Scope: any customer account page (includes history) */
body.page-customer-account #wrapper .container,
body.page-customer-account #content-wrapper,
body.page-customer-account section#main > .container,
body.page-customer-account aside#notifications > .container {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Keep some breathing room for the grid on large screens */
@media (min-width: 1200px) {
  body.page-customer-account section#main { padding-left: 80px; padding-right: 24px; }
}

  
  
  
  /* ==== DGTEC – Full-width for Addresses + Wishlist lists ==== */
/* Containers: stretch to full width and remove inner gutters */
body#addresses #wrapper .container,
body#addresses #content-wrapper,
body#addresses section#main > .container,
body#addresses aside#notifications > .container,
body.page-addresses #wrapper .container,
body.page-addresses #content-wrapper,
body.page-addresses section#main > .container,
body.page-addresses aside#notifications > .container,

body#module-blockwishlist-lists #wrapper .container,
body#module-blockwishlist-lists #content-wrapper,
body#module-blockwishlist-lists section#main > .container,
body#module-blockwishlist-lists aside#notifications > .container,
body.page-module-blockwishlist-lists #wrapper .container,
body.page-module-blockwishlist-lists #content-wrapper,
body.page-module-blockwishlist-lists section#main > .container,
body.page-module-blockwishlist-lists aside#notifications > .container {
  max-width: none !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Desktop spacing for the content region (80px left as requested) */
@media (min-width: 992px) {
  body#addresses section#main,
  body.page-addresses section#main,
  body#module-blockwishlist-lists section#main,
  body.page-module-blockwishlist-lists section#main {
    padding-left: 80px !important;
    padding-right: 24px !important;
  }
}

  
  
  
  
  
  
  
  
  
  
  
  
  
  
/* ===== Desktop base (>=992px) ===== */
@media (min-width: 992px) {
  /* Base style for mega menu links */
  #header .layout_layout1 .ets_mm_block_content a,
  .ets_mm_block > h4 > a,
  .ets_mm_block_content ul.ets_mm_categories li a,
  a.custom-link {
    color: #424242 !important;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: .35em;
    padding: 10px 14px;
    min-height: 42px;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  /* Arrow */
  #header .layout_layout1 .ets_mm_block_content ul.ets_mm_categories li a::before,
  a.custom-link::before {
    content: "›";
    flex: 0 0 1.1em;
    text-align: center;
    text-decoration: none !important;
  }

  /* Generic hover: make link blue and underline */
  #header .layout_layout1 .ets_mm_block_content a:hover,
  .ets_mm_block > h4 > a:hover,
  .ets_mm_block_content ul.ets_mm_categories li a:hover {
    color: #3271e4 !important;
    text-decoration: underline;
  }

  /* Custom links: only text changes, arrow not underlined */
  a.custom-link:hover { color: inherit; text-decoration: none; }
  a.custom-link:hover .clabel {
    color: #3271e4 !important;
    text-decoration: underline;
  }
  a.custom-link:hover::before {
    color: #3271e4 !important;
    text-decoration: none !important;
  }
}

/* ===== Only when width <= 1400px (still desktop) ===== */
@media (max-width: 1400px) and (min-width: 992px) {
  #header .layout_layout1 .ets_mm_block_content a,
  .ets_mm_block > h4 > a,
  .ets_mm_block_content ul.ets_mm_categories li a,
  a.custom-link {
    margin-left: 14px !important; /* margin only in this range */
  }
}