/* Custom CSS for Farmacia Barbera Francesco - CS-Cart spiffychairs replacement v3 */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,Helvetica,Arial,sans-serif;color:#212121;background:#fafafa;line-height:1.5;font-size:14px}
body{overflow-x:hidden}
a{color:#1F7A4D;text-decoration:none}
a:hover{color:#155f3b;text-decoration:underline}
img{max-width:100%;height:auto;border:0;vertical-align:middle}
ul,ol{list-style:none;padding:0;margin:0}

.container-fluid{padding:0 16px;max-width:1200px;margin:0 auto;width:100%}
.row-fluid{display:flex;flex-wrap:wrap;margin:0 -8px;align-items:flex-start}
.row-fluid > [class*=" span"],.row-fluid > [class^="span"]{padding:0 8px;flex:0 0 auto;box-sizing:border-box}
.span1{width:6.25%}.span2{width:12.5%}.span3{width:18.75%}.span4{width:25%}
.span5{width:31.25%}.span6{width:37.5%}.span7{width:43.75%}.span8{width:50%}
.span9{width:56.25%}.span10{width:62.5%}.span11{width:68.75%}.span12{width:75%}
.span13{width:81.25%}.span14{width:87.5%}.span15{width:93.75%}.span16{width:100%}

@media(max-width:900px){
  .row-fluid{flex-direction:column}
  .row-fluid > [class*=" span"],.row-fluid > [class^="span"]{width:100%!important}
}

.clearfix::after{content:"";display:table;clear:both}
.ty-float-left{float:none}
.ty-float-right{float:none}
.hidden{display:none!important}

[id^="sw_dropdown_"],[id^="dropdown_"],[id^="login_block"],[id^="popup"]{display:none!important}
.cm-cart-content,.ty-account-info,.ty-login-popup,.ty-dropdown-box .ty-dropdown-box__content{display:none!important}

.ty-menu__submenu,.ty-menu__submenu-items{display:none}
.ty-menu__item:hover > .ty-menu__submenu{display:block}

#login_block3224,.ty-login-popup,#popup3224_login_popup_form_container,.ty-control-group.ty-password-forgot,.ty-login-reglink,.cm-notification-container{display:none!important}

.tygh-header{background:#fff;border-bottom:3px solid #1F7A4D;box-shadow:0 1px 4px rgba(0,0,0,0.06);padding:0;position:relative;z-index:10}
.header-grid{padding:8px 16px}

.top-panel-sp{padding:8px 0;font-size:12px;color:#666;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.top-panel-left,.top-panel-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.email-id-sp,.email-id-sp p{margin:0;color:#1F7A4D;font-weight:500}
.email-id-sp p{display:flex;flex-direction:column}
.top-links-grid{display:flex;gap:12px;flex-wrap:wrap}
.top-links-grid a{color:#666;font-size:12px;text-transform:uppercase;letter-spacing:0.05em}
.top-quick-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap}

.top-login{font-size:12px}
.top-login a{margin-right:10px}

.top-logo-grid{flex:0 0 auto}
.top-logo img,.ty-logo-container img{max-height:90px;width:auto}
.right-side-header{flex:1}

.ty-menu,.ty-menu__items,nav.ty-menu{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0;background:#fff;padding:0}
.ty-menu__item{display:inline-block;position:relative}
.ty-menu__item-link{display:inline-block;padding:14px 18px;color:#212121;font-weight:600;text-transform:uppercase;font-size:13px;letter-spacing:0.04em;border-bottom:3px solid transparent;transition:all 0.2s}
.ty-menu__item-link:hover{color:#1F7A4D;border-bottom-color:#1F7A4D;text-decoration:none;background:#f5f9f6}

.ty-menu__submenu{position:absolute;left:0;top:100%;background:#fff;min-width:240px;border:1px solid #eee;box-shadow:0 4px 16px rgba(0,0,0,0.08);padding:8px 0;z-index:50}
.ty-menu__submenu-item-header{display:block;padding:10px 18px;color:#212121;font-weight:500;font-size:13px;text-transform:none}
.ty-menu__submenu-item-header:hover{color:#1F7A4D;background:#f5f9f6}

.ty-search-block{display:flex;border:1px solid #ccc;border-radius:24px;overflow:hidden;max-width:500px;background:#fff}
.ty-search-block input{flex:1;border:0;padding:10px 16px;outline:none;background:transparent}
.ty-search-block button,.ty-search-block .ty-search-magnifier{background:#1F7A4D;border:0;color:#fff;padding:0 20px;cursor:pointer;display:flex;align-items:center}

.cart-content-grid{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:6px 0}
.ty-dropdown-box{position:relative;display:inline-block;padding:6px 12px;cursor:pointer}
.top-cart-content{font-size:13px}

.ty-mainbox-container{padding:32px 0;min-height:300px;background:#fafafa}
.ty-mainbox-container .container-fluid{background:#fff;padding:32px;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,0.04)}
.ty-mainbox-title{margin:24px 0 16px;font-size:32px;font-weight:600;color:#1F7A4D;line-height:1.2}
.ty-mainbox-title h1{margin:0;font-size:32px;color:#1F7A4D;font-weight:600}
.ty-breadcrumbs{font-size:13px;color:#666;padding:8px 0 16px;border-bottom:1px solid #eee;margin-bottom:24px}
.ty-breadcrumbs a{color:#1F7A4D;font-weight:500}
.ty-breadcrumbs__slash{margin:0 8px;color:#bbb}
.ty-breadcrumbs__current{color:#212121;font-weight:600}

.ty-btn,button.ty-btn,.buttons-container button,.buttons-container input[type="submit"]{display:inline-block;background:#1F7A4D;color:#fff;padding:10px 24px;border:0;border-radius:24px;font-weight:500;cursor:pointer;text-decoration:none;font-size:14px}
.ty-btn:hover,button.ty-btn:hover{background:#155f3b;color:#fff;text-decoration:none}
.ty-btn__secondary{background:#fff;color:#1F7A4D;border:2px solid #1F7A4D}

.ty-control-group{margin-bottom:16px}
.ty-control-group label{display:block;margin-bottom:4px;font-size:13px;font-weight:500;color:#444}
.ty-control-group input,.ty-control-group select,.ty-control-group textarea{width:100%;padding:8px 14px;border:1px solid #ddd;border-radius:24px;font-size:14px;background:#fff;outline:none}
.ty-control-group input:focus{border-color:#1F7A4D}

.ty-wysiwyg-content{line-height:1.7}
.ty-wysiwyg-content h1{font-size:32px;color:#1F7A4D;font-weight:600;margin:24px 0 14px}
.ty-wysiwyg-content h2{font-size:24px;color:#1F7A4D;font-weight:600;margin:20px 0 12px}
.ty-wysiwyg-content h3{font-size:18px;font-weight:600;margin:16px 0 10px;color:#212121}
.ty-wysiwyg-content p{margin:0 0 14px}
.ty-wysiwyg-content ul,.ty-wysiwyg-content ol{margin:0 0 16px 24px;list-style:disc}
.ty-wysiwyg-content ol{list-style:decimal}
.ty-wysiwyg-content li{margin-bottom:6px}
.ty-wysiwyg-content a{color:#1F7A4D;font-weight:500}
.ty-wysiwyg-content strong{font-weight:600}

.ty-blog-recent-posts-scroller{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;padding:20px 0}
.ty-blog-recent-posts-scroller__item{padding:16px;border:1px solid #eee;border-radius:8px;background:#fff;transition:box-shadow 0.2s}
.ty-blog-recent-posts-scroller__item:hover{box-shadow:0 2px 12px rgba(0,0,0,0.08)}
.ty-blog-recent-posts-scroller__img-block img{width:100%;border-radius:6px}
.ty-blog__date{color:#888;font-size:12px;margin-bottom:4px}
.blog-bottom{padding-top:8px;font-size:13px}
.blog-link-date a{color:#1F7A4D;font-weight:500}

.tygh-footer,.ty-footer{background:#1F7A4D;color:#fff;padding:36px 0 18px;margin-top:48px}
.ty-footer-general__body{padding:24px 0;color:#e0e0e0;font-size:14px;line-height:1.7}
.ty-footer-general__body a{color:#fff}
.ty-footer-general__body h4,.ty-footer-general__body strong{color:#fff;display:block;margin-bottom:10px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;font-size:13px}
.ty-footer p{margin:0 0 8px;font-size:13px;color:#cce6d4}

.owl-carousel{display:flex;flex-wrap:nowrap;gap:12px;margin:16px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.owl-carousel .owl-item{flex:1 1 240px;min-width:240px}

.ty-banner{margin:16px 0;text-align:center}

.ty-mb-s{margin-bottom:8px}.ty-mb-m{margin-bottom:16px}.ty-mb-l{margin-bottom:24px}
.ty-mt-s{margin-top:8px}.ty-mt-m{margin-top:16px}.ty-mt-l{margin-top:24px}
.text-center{text-align:center}.text-right{text-align:right}

@media(max-width:767px){.hidden-phone{display:none!important}}
@media(min-width:768px) and (max-width:979px){.hidden-tablet{display:none!important}}
@media(min-width:1200px){.hidden-desktop{display:none!important}}

@media(max-width:900px){
  .ty-menu{flex-direction:column;align-items:stretch}
  .ty-menu__item{width:100%}
  .ty-menu__item-link{padding:12px 16px;border-bottom:1px solid #eee;text-align:left;display:block}
  .ty-menu__submenu{position:static;box-shadow:none;border:0;background:#fafafa;padding:0}
  .ty-menu__submenu-item-header{padding-left:32px}
  .ty-mainbox-title h1,.ty-wysiwyg-content h1{font-size:24px}
  .top-quick-links{justify-content:center}
  .ty-mainbox-container .container-fluid{padding:20px}
  .top-logo-grid,.right-side-header{padding:8px 0;text-align:center}
  .top-logo img{max-height:60px}
  .container-fluid{padding:0 12px}
  .top-panel-sp{flex-direction:column;gap:6px;align-items:flex-start}
}

.notification-container{position:fixed;top:0;right:0;left:0;text-align:center;z-index:1000;pointer-events:none}
.ty-ajax-overlay,.ty-ajax-loading-box,#ajax_overlay,#ajax_loading_box{display:none}
table{width:100%;border-collapse:collapse}

/* Hide elements that should only show on click in original */
#login_block3224,#popup3224_login_popup_form_container,#sw_dropdown_3224,#sw_dropdown_3227,#dropdown_3224,#dropdown_3227,#account_info_3224{display:none!important}
.ty-account-info__orders,.ty-login-reglink,.ty-account-info__buttons,.ty-account-info__orders-input{display:none!important}
.cm-notification-container.notification-container{display:none!important}

/* Hide broken vertical account-info menus at top of page */
[id^="account_info_links_"],
.top-login,
[id^="login_block"],
.ty-login-popup,
[id^="popup"][id$="login_popup_form_container"],
.ty-account-info,
.ty-account-info__orders,
.ty-account-info__buttons,
.ty-account-info__orders-input,
#account_info_3224,
.cm-cart-content,
.top-cart-content,
.ty-account-info,
[id^="dropdown_"]:not(.is-open),
[id^="sw_dropdown_"]:not(.is-open){display:none!important}

/* Hide stray top-panel duplicate menus */
.top-panel-sp .span11 > ul:first-of-type,
.span11.top-links-grid > ul{display:none!important}

/* Hide the duplicate vertical text_links and account info menus */
[id^="text_links_"],
[id^="account_info_links_"],
.ty-text-links,
.ty-text-links-wrapper,
.ty-text-links-btn,
.cm-popup-box.ty-text-links,
ul.ty-text-links_show_inline{display:none!important}

/* Also clean up the row that contained them */
.span11.top-links-grid.top-panel-right{display:flex;justify-content:flex-end;align-items:center;gap:14px}
.top-quick-links{display:none!important}