/*
Theme Name: Floriens
Theme URI: https://floriens.ua
Author: Floriens
Description: Інтернет-магазин квітів Floriens
Version: 2.0
License: GNU General Public License v2 or later
Text Domain: floriens
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Inter',sans-serif;background:#f5f5f5;color:#1a1a1a;font-size:14px;line-height:1.6}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}
/* ===== КОНТЕЙНЕР ===== */
.fl-container{max-width:1280px;margin:0 auto;width:100%;padding:0 20px;display:flex;align-items:center;gap:12px}
/* ===== SEO BAR ===== */
.floriens-seo-bar{background:#1B5E20;padding:6px 0}
.floriens-seo-bar .fl-container{justify-content:space-between}
.floriens-seo-bar .seo-links{display:flex;gap:20px}
.floriens-seo-bar .seo-links a{color:rgba(255,255,255,0.75);font-size:12px;transition:color 0.2s}
.floriens-seo-bar .seo-links a:hover{color:#fff}
.floriens-langs{display:flex;gap:4px}
.lang-btn{background:transparent;border:1px solid rgba(255,255,255,0.3);color:rgba(255,255,255,0.7);font-size:11px;padding:3px 10px;border-radius:20px;cursor:pointer;font-family:'Inter',sans-serif;transition:all 0.2s}
.lang-btn.active,.lang-btn:hover{background:#fff;color:#1B5E20;border-color:#fff;font-weight:600}
/* ===== HEADER ===== */
.floriens-header{background:#F0F7F0;border-bottom:2px solid #C8E6C9;padding:10px 0}
.floriens-header .fl-container{display:grid;grid-template-columns:auto minmax(320px,1fr) auto;gap:16px;align-items:center}
.floriens-logo-box{background:#2E7D32;border-radius:8px;padding:8px 18px;display:inline-flex;align-items:center;text-decoration:none;transition:background 0.2s;flex-shrink:0}
.floriens-logo-box:hover{background:#1B5E20}
.floriens-logo-box span{font-family:'Inter',sans-serif;font-size:20px;font-weight:800;color:#fff;letter-spacing:3px}
/* ПОШУК */
.floriens-search-wrap{display:flex;align-items:center;background:#fff;border-radius:10px;border:2.5px solid #2E7D32;overflow:hidden;width:100%;box-shadow:0 2px 8px rgba(46,125,50,0.12)}
#searchform{display:flex;flex:1;margin:0}
#searchform input[type="search"],#searchform input[type="text"]{flex:1;border:none;outline:none;padding:14px 8px 14px 14px;font-size:14px;font-family:'Inter',sans-serif;background:transparent;color:#1a1a1a;width:100%;min-width:0}
#searchform button[type="submit"],#searchform input[type="submit"]{display:none}
.floriens-search-wrap>button{background:#2E7D32;color:#fff;border:none;padding:14px 24px;font-size:14px;font-weight:700;letter-spacing:.2px;cursor:pointer;font-family:'Inter',sans-serif;white-space:nowrap;flex-shrink:0;transition:background 0.2s,transform 0.15s;box-shadow:0 3px 10px rgba(46,125,50,0.35);display:flex;align-items:center;gap:6px}
.floriens-search-wrap>button:hover{background:#1B5E20}
.floriens-search-wrap>button:active{transform:scale(0.96)}
/* ПРАВА ЧАСТИНА */
.floriens-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}
.floriens-status-btn{display:flex;align-items:center;gap:6px;background:#1B5E20;color:#fff;border:none;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;white-space:nowrap;text-decoration:none;transition:background 0.2s}
.floriens-status-btn:hover{background:#0D3B14;color:#fff}
.floriens-contact-btn{display:flex;align-items:center;gap:6px;background:#FFD600;color:#1a1a1a;border:none;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;white-space:nowrap;transition:background 0.2s;outline:none}
.floriens-contact-btn:hover{background:#FFC200}
.floriens-city-box{display:flex;align-items:center;gap:5px;border:1.5px solid #A5D6A7;border-radius:8px;padding:7px 12px;background:#fff;cursor:pointer;transition:border-color 0.2s}
.floriens-city-box:hover{border-color:#2E7D32}
.city-dot{width:7px;height:7px;border-radius:50%;background:#2E7D32;flex-shrink:0}
.floriens-city-box select{background:transparent;border:none;outline:none;font-size:12px;font-weight:600;font-family:'Inter',sans-serif;color:#1B2F1B;cursor:pointer}
.floriens-city-divider{width:1px;height:16px;background:#C8E0C9;flex-shrink:0}
.floriens-delivery-inline{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:500;font-family:'Inter',sans-serif;color:#5F6B5F;white-space:nowrap;cursor:default}
.floriens-delivery-inline svg{flex-shrink:0;color:#2E7D32}
.floriens-cart-btn{display:flex;align-items:center;gap:6px;background:#2E7D32;color:#fff;border:none;border-radius:6px;padding:9px 14px;font-size:12px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;text-decoration:none;transition:background 0.2s}
.floriens-cart-btn:hover{background:#1B5E20;color:#fff}
.floriens-cart-btn svg{flex-shrink:0}
.cart-count{background:#fff;color:#2E7D32;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}
/* PHONE DROPDOWN */
.phone-wrap{position:relative}
.phone-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border-radius:14px;padding:16px;box-shadow:0 8px 40px rgba(0,0,0,0.18);min-width:230px;z-index:9999;display:none;border:1px solid #E8E8E2}
.phone-dropdown.show{display:block}
/* Видимість елементів телефонного дропдауна: на десктопі — месенджери,
мобільні кнопки дзвінка приховані (вони з'являються тільки на мобільному). */
.pd-mobile-only{display:none}
.pd-desktop-only{display:block}
.pd-number{font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:12px;display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}
.pd-number svg{width:15px;height:15px;fill:#2E7D32;flex-shrink:0}
.pd-number a{color:#1a1a1a;text-decoration:none}
.pd-number a:hover{color:#2E7D32}
.pd-label{font-size:10px;color:#aaa;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;margin-bottom:8px}
.pd-messengers{display:flex;flex-direction:column;gap:3px}
.pd-m{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:500;transition:background 0.15s;text-decoration:none;color:#1a1a1a;font-family:'Inter',sans-serif}
.pd-m:hover{background:#f5f5f5;color:#1a1a1a}
.pd-m svg{width:22px;height:22px;flex-shrink:0}
.pd-m.tg svg{fill:#2CA5E0}.pd-m.wa svg{fill:#25D366}.pd-m.vb svg{fill:#7360F2}.pd-m.sg svg{fill:#3A76F0}
/* ===== LAYOUT ===== */
.floriens-layout-wrap{background:#fff}
.floriens-layout{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:220px 1fr;min-height:600px}
/* SIDEBAR */
.floriens-sidebar{background:#fff;border-right:1px solid #ebebeb;align-self:start}
.sidebar-section-title{background:#f5f5f5;padding:8px 18px;font-size:10px;font-weight:700;color:#888;letter-spacing:0.5px;border-bottom:1px solid #ebebeb;text-transform:uppercase}
.sidebar-menu{list-style:none}
.sidebar-menu li a{display:flex;align-items:center;justify-content:space-between;padding:11px 18px;border-bottom:1px solid #f5f5f5;font-size:13px;color:#333;transition:all 0.12s;text-decoration:none}
.sidebar-menu li a:hover{background:#f9f9f9;color:#2E7D32;padding-left:22px}
.sidebar-menu li.current-cat>a,.sidebar-menu li.current-menu-item>a{border-left:3px solid #2E7D32;background:#f0f9f0;color:#2E7D32;font-weight:600;padding-left:15px}
.sidebar-menu li a .cat-icon{font-size:16px}
.sidebar-price-filter a{display:block;padding:10px 18px;font-size:13px;color:#555;border-bottom:1px solid #f5f5f5;transition:all 0.12s;text-decoration:none}
.sidebar-price-filter a:hover{background:#f9f9f9;color:#2E7D32;padding-left:22px}
/* MAIN */
.floriens-main{padding:20px;background:#fafafa}
.floriens-page-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:20px}
.floriens-page-title{font-size:22px;font-weight:700;color:#1a1a1a}
.floriens-page-title em{font-style:italic;color:#2E7D32}
.floriens-sort select{border:1px solid #e0e0e0;border-radius:4px;padding:6px 14px;font-size:13px;font-family:'Inter',sans-serif;outline:none;color:#555;background:#fff;cursor:pointer}
/* PRODUCTS */
.floriens-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch}
.floriens-product-card{background:#fff;border-radius:9px;overflow:hidden;border:1px solid #e8e8e8;transition:box-shadow 0.2s,transform 0.18s;display:flex;flex-direction:column}
.floriens-product-card:hover{box-shadow:0 4px 20px rgba(0,0,0,0.1);transform:translateY(-2px)}
.product-image-wrap{height:230px;background:#f9f9f9;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #f0f0f0;position:relative;flex-shrink:0}
.product-image-wrap img{width:100%;height:100%;object-fit:cover}
.product-badge{position:absolute;top:9px;left:9px;font-size:11px;font-weight:700;padding:4px 9px;border-radius:4px;z-index:1}
.badge-hit{background:#E53935;color:#fff}.badge-new{background:#E8960A;color:#fff}.badge-sale{background:#E53935;color:#fff}
.product-body{padding:14px 16px;display:flex;flex-direction:column;flex:1}
.product-name{font-size:15px;font-weight:500;color:#1a1a1a;margin-bottom:8px;line-height:1.4;min-height:42px;flex:1}
.product-name a{color:#1a1a1a;text-decoration:none}
.product-name a:hover{color:#2E7D32}
.product-excerpt{font-size:12px;color:#aaa;margin-bottom:11px}
.product-footer{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:auto}
.product-price{font-size:16px;font-weight:700;color:#2E7D32}
.product-price small{font-size:12px;font-weight:400;color:#BBB}
/* Знижена ціна на картці головної: стара — приглушена сірим, нова — акцентний червоний. */
.product-price del{color:#999!important;font-weight:400!important;font-size:12px!important;opacity:.8;white-space:nowrap}
.product-price ins{text-decoration:none;color:#E53935!important;font-weight:800!important;font-size:15px!important;white-space:nowrap}
.add-to-cart-btn{background:#2E7D32;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;text-decoration:none;display:inline-block;transition:background 0.18s}
.add-to-cart-btn:hover{background:#1B5E20;color:#fff}
/* ===== ГОЛОВНА СТОРІНКА ===== */
.floriens-home{padding-top:8px}
.floriens-home-section{margin-bottom:36px;width:100%;box-sizing:border-box}
.fhs-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}
.fhs-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0}
.fhs-more{font-size:13px;font-weight:600;color:#2E7D32;text-decoration:none;white-space:nowrap}
.fhs-more:hover{color:#1B5E20;text-decoration:underline}
.fhs-grid{margin-bottom:0}
.floriens-home-seo{background:#fff;border-radius:10px;border:1px solid #e8e8e8;padding:28px 32px;margin-bottom:36px}
.floriens-home-seo h2{font-size:19px;font-weight:700;color:#1a1a1a;margin:0 0 14px}
.floriens-home-seo p{font-size:14px;line-height:1.7;color:#555;margin:0 0 12px}
.floriens-home-seo p:last-child{margin-bottom:0}
.floriens-home-cities{background:#fff;border-radius:10px;border:1px solid #e8e8e8;padding:24px 32px}
.floriens-home-cities h2{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 14px}
.fhc-list{display:flex;flex-wrap:wrap;gap:8px 18px}
.fhc-list a{font-size:13px;color:#5F6B5F;text-decoration:none}
.fhc-list a:hover{color:#2E7D32;text-decoration:underline}
@media(max-width:768px){.fhs-header{flex-direction:column;align-items:flex-start;gap:4px}.floriens-home-seo,.floriens-home-cities{padding:20px}}
/* ===== WOOCOMMERCE OVERRIDES ===== */
.woocommerce .products{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important}
.woocommerce ul.products li.product{margin:0!important;width:100%!important}
/* Службові елементи WooCommerce всередині сітки (заголовки, нотіси, "clear")
займали першу комірку гриду — через це зліва зʼявлялась порожня клітинка */
.woocommerce ul.products::before,
.woocommerce ul.products::after{display:none!important;content:none!important}
.woocommerce ul.products > .clear,
.woocommerce ul.products > br,
.woocommerce ul.products li.product-category:empty{display:none!important}
/* Опис категорії під заголовком */
.floriens-cat-desc{font-size:14px;line-height:1.6;color:#555;margin:0 0 18px;max-width:900px}
.floriens-cat-desc p{margin:0 0 10px}
.floriens-cat-desc p:last-child{margin-bottom:0}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:#2E7D32!important;color:#fff!important;border-radius:4px!important;font-family:'Inter',sans-serif!important;font-weight:600!important;border:none!important;padding:8px 16px!important;font-size:12px!important;transition:background 0.2s!important}
.woocommerce a.button:hover,.woocommerce button.button:hover{background:#1B5E20!important;color:#fff!important}
/* Кнопка "Купити" в каталозі — гарантований зелений стиль */
.woocommerce a.floriens-buy-btn,
.floriens-buy-btn{display:inline-block!important;background:#2E7D32!important;color:#fff!important;
border:none!important;border-radius:4px!important;padding:8px 16px!important;
font-size:12px!important;font-weight:600!important;font-family:'Inter',sans-serif!important;
text-decoration:none!important;cursor:pointer!important;transition:background .2s!important;
line-height:1.2!important;white-space:nowrap!important}
.woocommerce a.floriens-buy-btn:hover,
.floriens-buy-btn:hover{background:#1B5E20!important;color:#fff!important}
.woocommerce .price{color:#2E7D32!important;font-weight:700!important;font-size:18px!important}
/* ===== СТОРІНКА ТОВАРУ ===== */
/* Бейдж розпродажу */
.woocommerce span.onsale{background:#2E7D32!important;border-radius:4px!important;font-size:12px!important;font-weight:700!important;padding:4px 10px!important;min-height:auto!important;min-width:auto!important;line-height:1.4!important}
/* Бейдж "ХІТ" — окремий яскраво-червоний колір, щоб не зливався з зеленим "Розпродаж!" */
.woocommerce span.onsale.floriens-badge-hit{background:#E53935!important;left:10px!important;right:auto!important;top:10px!important}
.woocommerce span.onsale.floriens-badge-sale-pct{background:#E53935!important;left:10px!important;right:auto!important;top:10px!important}
/* Хлібні крихти */
.woocommerce .woocommerce-breadcrumb{font-size:12px!important;color:#aaa!important;margin-bottom:16px!important}
.woocommerce .woocommerce-breadcrumb a{color:#2E7D32!important}
/* На сторінках категорій — трохи повітря зверху */
.woocommerce-page .floriens-main > .woocommerce-breadcrumb{margin:4px 0 14px!important;
padding:0!important;line-height:1.5!important}
/* Рейтинг */
.woocommerce .star-rating{color:#FFD600!important}
/* Кнопка Замовити */
.woocommerce .single_add_to_cart_button,
.woocommerce button.single_add_to_cart_button{background:#2E7D32!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:14px 40px!important;font-size:16px!important;font-weight:700!important;font-family:'Inter',sans-serif!important;cursor:pointer!important;transition:background 0.2s!important;width:100%!important;margin-top:10px!important}
.woocommerce .single_add_to_cart_button:hover,
.woocommerce button.single_add_to_cart_button:hover{background:#1B5E20!important}
/* Поле кількості — прибрати */
.woocommerce .quantity{display:none!important}
/* Короткий опис — Склад */
.woocommerce-product-details__short-description{background:#F9FFF9;border:1px solid #C8E6C9;border-left:3px solid #2E7D32;border-radius:0 8px 8px 0;padding:12px 16px;margin:14px 0;font-size:14px;color:#444}
/* ===== БЛОК КОНТАКТІВ ===== */
.floriens-contact-block{border:2px solid #2E7D32;border-radius:12px;padding:16px;background:#fff;margin:14px 0}
.floriens-contact-block .fcb-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #E8F5E9}
.floriens-contact-block .fcb-icon{width:38px;height:38px;background:#E8F5E9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.floriens-contact-block .fcb-title strong{display:block;font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:2px}
.floriens-contact-block .fcb-title{font-size:12px;color:#777;line-height:1.4}
/* Телефон */
.floriens-contact-block .fcb-phone-row{display:flex;align-items:center;justify-content:space-between;background:#F0F7F0;border-radius:8px;padding:10px 14px;margin-bottom:10px;border:1px solid #C8E6C9}
.floriens-contact-block .fcb-phone-left{display:flex;align-items:center;gap:10px}
.floriens-contact-block .fcb-phone-ico{width:32px;height:32px;background:#2E7D32;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.floriens-contact-block .fcb-phone-num{font-size:15px;font-weight:700;color:#1a1a1a}
.floriens-contact-block .fcb-call-btn{background:#2E7D32;color:#fff;border:none;border-radius:20px;padding:7px 16px;font-size:12px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;text-decoration:none;display:inline-block;transition:background 0.2s;white-space:nowrap}
.floriens-contact-block .fcb-call-btn:hover{background:#1B5E20;color:#fff}
/* Кнопка чату */
.floriens-contact-block .fcb-chat-row{margin-bottom:12px}
.floriens-contact-block .fcb-chat-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#F0F7F0;color:#2E7D32;border:1.5px solid #2E7D32;border-radius:8px;padding:10px;font-size:13px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;transition:all 0.2s}
.floriens-contact-block .fcb-chat-btn:hover{background:#2E7D32;color:#fff}
/* Месенджери */
.floriens-contact-block .fcb-mess-title{font-size:10px;color:#888;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;margin-bottom:8px}
.floriens-contact-block .fcb-mess-links{display:flex;gap:8px}
.floriens-contact-block .fcb-mess-link{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 0;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;color:#fff;flex:1;transition:opacity 0.2s}
.floriens-contact-block .fcb-mess-link:hover{opacity:0.85;color:#fff}
.floriens-contact-block .fcb-tg{background:#2CA5E0}
.floriens-contact-block .fcb-wa{background:#25D366}
.floriens-contact-block .fcb-vb{background:#7360F2}
.floriens-contact-block .fcb-note{font-size:11px;color:#aaa;text-align:center;margin-top:10px;padding-top:10px;border-top:1px solid #f0f0f0}
/* ===== ОПИС БУКЕТУ ===== */
.floriens-product-description{margin-top:14px}
.floriens-desc-title{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #e8e8e8}
.floriens-desc-content{font-size:14px;color:#555;line-height:1.7;max-height:60px;overflow:hidden;transition:max-height 0.4s ease;position:relative}
.floriens-desc-content.expanded{max-height:1000px}
.floriens-desc-content:not(.expanded)::after{content:'';position:absolute;bottom:0;left:0;right:0;height:30px;background:linear-gradient(transparent,#fafafa)}
.floriens-read-more{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:13px;font-weight:600;color:#2E7D32;cursor:pointer;background:none;border:none;padding:0;font-family:'Inter',sans-serif;transition:color 0.2s}
.floriens-read-more:hover{color:#1B5E20}
/* Вкладки — прибрати */
.woocommerce-tabs{display:none!important}
/* ===== STATUS PAGE ===== */
.floriens-status-wrap{background:#fff;border-radius:8px;border:1px solid #e8e8e8;padding:28px;max-width:600px}
.floriens-status-wrap h2{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:8px}
.floriens-status-wrap p{font-size:13px;color:#aaa;margin-bottom:20px}
.status-search-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;max-width:560px}
.status-search-row input{flex:1;min-width:150px;border:1.5px solid #D8E8D8;border-radius:12px;padding:11px 16px;font-size:13px;font-family:'Inter',sans-serif;outline:none;background:#fafafa}
.status-search-row input:focus{border-color:#2E7D32}
.status-search-row button{background:#2E7D32;color:#fff;border:none;border-radius:12px;padding:11px 24px;font-size:13px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;flex-shrink:0}
.status-search-row button:hover{background:#1B5E20}
.status-steps{display:flex;align-items:center}
.status-step{display:flex;flex-direction:column;align-items:center;gap:7px;flex:1}
.step-circle{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border:2px solid #e0e0e0;color:#ccc;background:#fff}
.status-step.done .step-circle{background:#2E7D32;border-color:#2E7D32;color:#fff}
.status-step.active .step-circle{border-color:#2E7D32;color:#2E7D32}
.step-label{font-size:11px;color:#bbb;text-align:center;line-height:1.4}
.status-step.done .step-label,.status-step.active .step-label{color:#333;font-weight:600}
.step-line{flex:1;height:2px;background:#e0e0e0;margin-bottom:26px}
.step-line.done{background:#2E7D32}
/* ===== FOOTER ===== */
.floriens-footer{background:#1B2F1B;padding:24px 0}
.floriens-footer .fl-container{justify-content:space-between}
.footer-logo{font-size:20px;font-weight:800;color:#fff;letter-spacing:2px}
.footer-logo em{font-style:italic;color:#81C784;font-weight:400}
.footer-nav{display:flex;gap:20px;flex-wrap:wrap}
.footer-nav a{font-size:12px;color:rgba(255,255,255,0.4);transition:color 0.2s}
.footer-nav a:hover{color:#81C784}
.footer-copy{font-size:11px;color:rgba(255,255,255,0.2)}
/* ===== RESPONSIVE ===== */
@media(max-width:1024px){.floriens-products-grid{grid-template-columns:repeat(3,1fr)}.woocommerce .products{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:768px){.floriens-layout{grid-template-columns:1fr}.floriens-sidebar{display:none}.floriens-header .fl-container{grid-template-columns:auto 1fr}.floriens-header-right{display:none}.floriens-products-grid{grid-template-columns:repeat(2,1fr)}.woocommerce .products{grid-template-columns:repeat(2,1fr)!important}.floriens-seo-bar .seo-links{display:none}}
@media(max-width:480px){.floriens-products-grid{grid-template-columns:1fr}.woocommerce .products{grid-template-columns:1fr!important}}
/* ===== ПЛАВАЮЧА КНОПКА ЧАТУ ===== */
/* Приховати стандартну кнопку Tawk.to */
#tawk-bubble-container,
.tawk-min-container { display: none !important; }
/* Попап вибору способу спілкування.
Desktop: компактний блок над кнопкою справа внизу (без overlay).
Mobile (≤768px): bottom-sheet на всю ширину з темним фоном. */
/* Базові стилі — для десктопу: блок без overlay, прямо над кнопкою */
.fl-chat-choice-overlay{
position:fixed;
top:auto;
left:auto;
bottom:90px; /* над кнопкою «Онлайн чат» (висота кнопки ~60px + відступ) */
right:24px;
z-index:10001;
background:transparent; /* без затемнення на десктопі */
display:none;
align-items:flex-end;
justify-content:flex-end;
}
.fl-chat-choice-overlay.open{display:flex!important}
/* Сам блок з кнопками */
.fl-chat-choice-box{
background:#fff;
width:240px;
border-radius:16px; /* округлий з усіх боків на десктопі */
padding:16px;
position:relative;
box-shadow:0 8px 40px rgba(0,0,0,.18);
border:1px solid #e8e8e8;
}
.fl-cc-close{position:absolute;top:10px;right:12px;background:none;border:none;
font-size:22px;line-height:1;color:#999;cursor:pointer}
.fl-cc-title{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:12px;padding-right:24px}
.fl-cc-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;
margin-bottom:6px;border:none;border-radius:8px;font-size:14px;font-weight:600;
font-family:inherit;color:#fff;text-decoration:none;cursor:pointer;text-align:left}
.fl-cc-item:last-child{margin-bottom:0}
.fl-cc-item svg{width:18px;height:18px;flex-shrink:0}
.fl-cc-chat{background:#2E7D32}
.fl-cc-tg{background:#0088cc}
.fl-cc-wa{background:#25D366}
.fl-cc-vb{background:#7360F2}
.fl-cc-sg{background:#3A76F0}
/* Наша кнопка */
.floriens-chat-float {
position: fixed;
bottom: 24px;
right: 24px;
background: #2E7D32;
color: #fff;
border-radius: 30px;
padding: 13px 22px;
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
box-shadow: 0 4px 20px rgba(46,125,50,0.4);
font-size: 14px;
font-weight: 600;
font-family: 'Inter', sans-serif;
transition: all 0.2s;
z-index: 9998;
border: none;
outline: none;
}
.floriens-chat-float:hover {
background: #1B5E20;
transform: translateY(-3px);
box-shadow: 0 6px 24px rgba(46,125,50,0.5);
}
.floriens-chat-float svg { width: 18px; height: 18px; fill: #fff; flex-shrink: 0; }
.floriens-chat-float .fcf-dot {
width: 8px;
height: 8px;
background: #4ade80;
border-radius: 50%;
flex-shrink: 0;
animation: fcfPulse 2s infinite;
}
@keyframes fcfPulse {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.6; transform: scale(0.8); }
}
/* Приховати на мобільному щоб не заважала */
@media (max-width: 480px) {
.floriens-chat-float { padding: 12px 16px; font-size: 13px; bottom: 16px; right: 16px; }
}
/* Приховати стандартну кнопку Tawk.to — всі варіанти */
#tawk-bubble-container { display: none !important; visibility: hidden !important; }
.tawk-min-container { display: none !important; visibility: hidden !important; }
iframe[title="chat widget"] { display: none !important; }
.tawk-branding { display: none !important; }
/* ===== РОЗМІР ФОТО ТОВАРУ — 389x389px як flowers.ua ===== */
.woocommerce div.product div.images {
width: 389px !important;
max-width: 389px !important;
}
.woocommerce div.product div.images img {
width: 389px !important;
height: 389px !important;
object-fit: cover !important;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image {
width: 389px !important;
height: 389px !important;
}
.woocommerce div.product div.images .flex-viewport {
width: 389px !important;
height: 389px !important;
}
/* ===== ФОТО ТОВАРУ 389x389 ===== */
.woocommerce div.product div.images {
width: 389px !important;
max-width: 389px !important;
}
.woocommerce div.product div.images img {
width: 389px !important;
height: 389px !important;
object-fit: cover !important;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image {
width: 389px !important;
height: 389px !important;
}
.woocommerce div.product div.images .flex-viewport {
width: 389px !important;
height: 389px !important;
}
/* ===== БЛОК КОНТАКТІВ — МЕНШИЙ ===== */
.floriens-contact-block{border:1.5px solid #2E7D32!important;border-radius:8px!important;padding:10px 12px!important;background:#fff!important;margin:10px 0!important}
.floriens-contact-block .fcb-header{gap:7px!important;margin-bottom:8px!important;padding-bottom:7px!important}
.floriens-contact-block .fcb-icon{width:28px!important;height:28px!important;font-size:13px!important}
.floriens-contact-block .fcb-title strong{font-size:12px!important}
.floriens-contact-block .fcb-title{font-size:11px!important}
.floriens-contact-block .fcb-phone-row{padding:7px 10px!important;margin-bottom:7px!important;border-radius:6px!important}
.floriens-contact-block .fcb-phone-ico{width:24px!important;height:24px!important}
.floriens-contact-block .fcb-phone-num{font-size:13px!important}
.floriens-contact-block .fcb-call-btn{padding:5px 10px!important;font-size:11px!important;border-radius:14px!important}
.floriens-contact-block .fcb-chat-btn{padding:7px!important;font-size:11px!important;border-radius:6px!important;margin-bottom:7px!important}
.floriens-contact-block .fcb-mess-link{padding:6px 0!important;font-size:11px!important;border-radius:6px!important}
.floriens-contact-block .fcb-note{font-size:10px!important;margin-top:7px!important;padding-top:7px!important}
/* ===== ВИБРАНЕ — кнопка на сторінці товару ===== */
.floriens-wishlist-btn {
display: flex;
align-items: center;
gap: 8px;
width: 100%;
background: transparent;
color: #2E7D32;
border: 1.5px solid #2E7D32;
border-radius: 8px;
padding: 10px 16px;
font-size: 13px;
font-weight: 600;
cursor: pointer;
font-family: 'Inter', sans-serif;
transition: all 0.2s;
margin-top: 8px;
justify-content: center;
}
.floriens-wishlist-btn:hover { background: #E8F5E9; }
.floriens-wishlist-btn.added { background: #E8F5E9; color: #1B5E20; }
.floriens-wishlist-btn svg { width: 16px; height: 16px; transition: fill 0.2s; }
/* Лічильник вибраного в шапці */
.floriens-wishlist-header {
display: flex;
align-items: center;
gap: 5px;
position: relative;
cursor: pointer;
text-decoration: none;
color: #2E7D32;
font-size: 12px;
font-weight: 600;
}
.floriens-wishlist-header svg { width: 20px; height: 20px; fill: #2E7D32; }
.floriens-wishlist-count {
background: #E53935;
color: #fff;
border-radius: 50%;
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
font-size: 9px;
font-weight: 700;
position: absolute;
top: -6px;
right: -6px;
}
/* ===== TI WOOCOMMERCE WISHLIST — стилізація ===== */
/* Кнопка "Додати в обране" */
.ti-wishlist-add-to-wishlist-button,
.add_to_wishlist,
[class*="ti-wishlist"] a,
[class*="ti-wishlist"] button {
display: flex !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
background: transparent !important;
color: #2E7D32 !important;
border: 1.5px solid #2E7D32 !important;
border-radius: 8px !important;
padding: 10px 16px !important;
font-size: 13px !important;
font-weight: 600 !important;
cursor: pointer !important;
font-family: 'Inter', sans-serif !important;
transition: all 0.2s !important;
justify-content: center !important;
text-decoration: none !important;
margin: 8px 0 !important;
box-shadow: none !important;
}
.ti-wishlist-add-to-wishlist-button:hover,
.add_to_wishlist:hover {
background: #E8F5E9 !important;
color: #1B5E20 !important;
}
/* Іконка серця */
.ti-wishlist-add-to-wishlist-button .ti-icon,
.add_to_wishlist .ti-icon,
.add_to_wishlist svg {
width: 16px !important;
height: 16px !important;
fill: none !important;
stroke: #2E7D32 !important;
}
/* Коли додано */
.ti-wishlist-add-to-wishlist-button.ti-wishlist-already-in-list,
.add_to_wishlist.added {
background: #E8F5E9 !important;
color: #1B5E20 !important;
}
/* Іконка вибраного в шапці */
.ti-wishlist-header-icon {
display: flex;
align-items: center;
position: relative;
cursor: pointer;
text-decoration: none;
}
.ti-wishlist-header-icon svg {
width: 22px;
height: 22px;
fill: none;
stroke: #2E7D32;
stroke-width: 2;
}
.ti-wishlist-header-count {
background: #E53935;
color: #fff;
border-radius: 50%;
width: 16px;
height: 16px;
display: flex;
align-items: center;
justify-content: center;
font-size: 9px;
font-weight: 700;
position: absolute;
top: -6px;
right: -6px;
}
/* ===== WISHLIST КНОПКА — стиль і позиція ===== */
/* Стилізація кнопки плагіну TI Wishlist */
.tinvwl_add_to_wishlist_button,
.tinvwl-add-to-cart-wrap,
.ti-wishlist-add-to-wishlist-button,
a.tinvwl_add_to_wishlist_button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 100% !important;
background: #fff !important;
color: #2E7D32 !important;
border: 1.5px solid #2E7D32 !important;
border-radius: 8px !important;
padding: 10px 16px !important;
font-size: 13px !important;
font-weight: 600 !important;
font-family: 'Inter', sans-serif !important;
transition: all 0.2s !important;
text-decoration: none !important;
margin: 8px 0 !important;
box-shadow: none !important;
cursor: pointer !important;
}
.tinvwl_add_to_wishlist_button:hover,
a.tinvwl_add_to_wishlist_button:hover {
background: #E8F5E9 !important;
color: #1B5E20 !important;
}
/* Іконка серця в кнопці */
.tinvwl_add_to_wishlist_button .tinvwl-icon,
.tinvwl_add_to_wishlist_button i {
color: #2E7D32 !important;
font-size: 16px !important;
}
/* Переміщення через order у flex контейнері */
.woocommerce div.product .tinvwl-shortcodes-container {
order: -1 !important;
}
/* Обгортка summary як flex колонка */
.woocommerce div.product .summary {
display: flex !important;
flex-direction: column !important;
}
.woocommerce div.product .summary .price { order: 1 !important; }
.woocommerce div.product .summary .cart { order: 2 !important; }
.woocommerce div.product .summary .tinvwl-shortcodes-container { order: 3 !important; }
.woocommerce div.product .summary .woocommerce-product-details__short-description { order: 4 !important; }
.woocommerce div.product .summary .floriens-contact-block { order: 5 !important; }
.woocommerce div.product .summary .floriens-product-description { order: 6 !important; }
/* Скидаємо flex order — порядок керується через PHP хуки */
.woocommerce div.product .summary { display: block !important; }
.woocommerce div.product .summary .price { order: unset !important; }
.woocommerce div.product .summary .cart { order: unset !important; }
.woocommerce div.product .summary .tinvwl-shortcodes-container { order: unset !important; }
.woocommerce div.product .summary .woocommerce-product-details__short-description { order: unset !important; }
.woocommerce div.product .summary .floriens-contact-block { order: unset !important; }
.woocommerce div.product .summary .floriens-product-description { order: unset !important; }
/* Приховати оригінальну кнопку плагіну */
.tinvwl-shortcodes-container,
.tinvwl_add_to_wishlist_button_wrapper { display: none !important; }
/* Наша кнопка вибраного */
.floriens-wish-btn {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
width: 100% !important;
background: #fff !important;
color: #2E7D32 !important;
border: 1.5px solid #2E7D32 !important;
border-radius: 8px !important;
padding: 10px 16px !important;
font-size: 13px !important;
font-weight: 600 !important;
font-family: 'Inter', sans-serif !important;
transition: all 0.2s !important;
text-decoration: none !important;
margin: 8px 0 !important;
cursor: pointer !important;
box-sizing: border-box !important;
}
.floriens-wish-btn:hover {
background: #E8F5E9 !important;
color: #1B5E20 !important;
}
.floriens-wish-btn.added {
background: #E8F5E9 !important;
color: #1B5E20 !important;
}
.floriens-wish-btn svg { flex-shrink: 0; }
/* ===== ВИПРАВЛЕННЯ ГАЛЕРЕЇ ТОВАРУ ===== */
/* Головне фото */
.woocommerce div.product div.images .woocommerce-product-gallery__image:first-child img {
width: 389px !important;
height: 389px !important;
object-fit: cover !important;
}
/* Мініатюри — повертаємо нормальний вигляд */
.woocommerce div.product div.images .flex-control-thumbs {
display: flex !important;
flex-wrap: wrap !important;
gap: 8px !important;
margin-top: 8px !important;
}
.woocommerce div.product div.images .flex-control-thumbs li {
width: 80px !important;
height: 80px !important;
margin: 0 !important;
flex: 0 0 80px !important;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
width: 80px !important;
height: 80px !important;
object-fit: cover !important;
border-radius: 4px !important;
border: 2px solid transparent !important;
cursor: pointer !important;
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
border-color: #2E7D32 !important;
}
/* Приховати дублікат кнопки вибраного знизу */
.woocommerce div.product .tinvwl-shortcodes-container { display: none !important; }
/* Приховати стандартну кнопку плагіну — залишити тільки нашу */
.woocommerce div.product form.cart ~ .tinvwl-shortcodes-container { display: none !important; }
.woocommerce-product-details__short-description ~ .tinvwl-shortcodes-container { display: none !important; }
/* Виправлення мініатюр — скидаємо попередні стилі */
.woocommerce div.product div.images img {
width: auto !important;
height: auto !important;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper img {
width: 100% !important;
height: auto !important;
object-fit: contain !important;
}
.woocommerce div.product div.images .flex-control-thumbs li {
width: 80px !important;
height: 80px !important;
float: left !important;
margin: 0 4px 4px 0 !important;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
width: 80px !important;
height: 80px !important;
object-fit: cover !important;
border-radius: 4px !important;
}
/* ===== КНОПКА В ОБРАНЕ — мала версія ===== */
.floriens-wish-btn-small {
display: inline-flex;
align-items: center;
gap: 5px;
background: transparent;
color: #2E7D32;
border: 1px solid #C8E6C9;
border-radius: 6px;
padding: 6px 12px;
font-size: 12px;
font-weight: 500;
font-family: 'Inter', sans-serif;
text-decoration: none;
transition: all 0.2s;
margin: 6px 0;
cursor: pointer;
}
.floriens-wish-btn-small:hover {
background: #E8F5E9;
border-color: #2E7D32;
color: #1B5E20;
}
/* Кнопка біля хлібних крихт */
.floriens-breadcrumb-wishlist {
display: flex;
justify-content: flex-end;
margin-bottom: 8px;
}
.floriens-wish-breadcrumb-btn {
display: inline-flex;
align-items: center;
gap: 5px;
background: transparent;
color: #888;
border: 1px solid #e0e0e0;
border-radius: 20px;
padding: 4px 12px;
font-size: 11px;
font-weight: 500;
font-family: 'Inter', sans-serif;
text-decoration: none;
transition: all 0.2s;
cursor: pointer;
}
.floriens-wish-breadcrumb-btn:hover {
color: #2E7D32;
border-color: #2E7D32;
background: #F9FFF9;
}
/* Приховати всі кнопки від плагіну TI Wishlist */
.tinvwl-shortcodes-container,
.tinvwl_add_to_wishlist_button,
div.tinvwl-shortcodes-container { display: none !important; }
/* Приховати кнопку плагіну знизу */
.tinvwl-shortcodes-container { display: none !important; }
/* Підняти кнопку "В обране" вище — на рівень хлібних крихт */
.floriens-breadcrumb-wishlist {
position: absolute !important;
top: 0 !important;
right: 0 !important;
margin: 0 !important;
}
.woocommerce .woocommerce-breadcrumb {
position: relative !important;
}
/* Кнопка В обране — на рівні хлібних крихт */
.woocommerce nav.woocommerce-breadcrumb {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
flex-wrap: wrap !important;
}
.floriens-breadcrumb-wishlist {
position: static !important;
margin: 0 !important;
}
.floriens-wish-btn-small {
display: none !important;
}
/* ===== 4 ТОВАРИ В РЯДКУ (тільки десктоп ≥769px) =====
Раніше ці правила діяли на ВСІХ екранах через !important без
медіа-запиту, тому на мобільному теж виходило 4 колонки (товари
ставали крихітними). Обгортаємо в min-width:769px — на мобільному
тепер працює сітка з mobile.css (2 колонки). */
@media (min-width: 769px) {
.woocommerce .products {
grid-template-columns: repeat(4, 1fr) !important;
}
.woocommerce ul.products li.product {
width: 100% !important;
margin: 0 !important;
}
.woocommerce ul.products.columns-3,
.woocommerce ul.products.columns-4,
.woocommerce ul.products {
grid-template-columns: repeat(4, 1fr) !important;
display: grid !important;
}
}
.woocommerce ul.products.columns-3 li.product,
.woocommerce ul.products li.product {
width: auto !important;
float: none !important;
margin: 0 !important;
}
/* ===== ОДНАКОВІ ФОТО, HOVER, РАМКА І РЯДОК ЦІНА+КНОПКА В КАТАЛОЗІ =====
Раніше .floriens-product-card (головна) мала рамку й спільний рядок
ціна+кнопка через .product-footer, а звичайний каталог (ul.products
li.product) — ні, бо ціна й кнопка виводились у різних, не пов'язаних
між собою блоках розмітки. Це виправлено у content-product.php
(тепер обидва лежать разом у .floriens-product-footer) — тут просто
стилізуємо цю нову спільну обгортку так само, як на головній. */
.woocommerce ul.products li.product {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
background: #fff;
border: 1px solid #e8e8e8;
border-radius: 8px;
overflow: hidden;
padding-bottom: 14px;
transition: box-shadow 0.2s, transform 0.18s;
}
.woocommerce ul.products li.product:hover {
background: #fff;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
}
.woocommerce ul.products li.product a img,
.woocommerce ul.products li.product img {
aspect-ratio: 1 / 1;
width: 100%;
height: auto;
object-fit: cover !important;
object-position: center center;
background: #fff;
display: block;
flex: 0 0 auto;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
padding: 0 14px;
margin: 10px 0 6px;
min-height: 42px; /* однакова висота під назву (1–2 рядки), як .product-name на головній */
line-height: 1.4;
overflow: hidden;
}
/* Спільний рядок "ціна + кнопка" — притиснутий до самого низу картки,
ціна зліва, кнопка справа (точно як .product-footer на головній). */
/* Роздільна лінія (
чи подібний елемент) між назвою і ціною —
декоративна, не несе функції і ламала вирівнювання (їхала разом
з висотою назви). Прибираємо її повністю в усіх можливих формах:
окремий
, border на назві, псевдоелемент. */
.woocommerce ul.products li.product hr{display:none!important}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
border:none!important;box-shadow:none!important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title::after,
.woocommerce ul.products li.product .woocommerce-loop-product__title::before{
display:none!important;content:none!important;
}
.woocommerce ul.products li.product .floriens-product-footer {
margin-top: auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 6px;
padding: 0 8px;
min-width: 0;
box-sizing: border-box;
}
.woocommerce ul.products li.product .floriens-product-footer .price {
margin: 0;
flex: 1 1 auto;
min-width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: clip;
}
/* Знижена ціна займає менше місця, щоб кнопка не налазила на неї.
Стара ціна — приглушена сірим (щоб не зливалась з новою), нова ціна —
акцентний червоний, щоб знижка була одразу помітна поруч з іншими товарами. */
.woocommerce ul.products li.product .floriens-product-footer .price del {
font-size: 11px !important;
margin-right: 2px;
color: #999 !important;
opacity: .8;
}
.woocommerce ul.products li.product .floriens-product-footer .price ins {
font-size: 15px !important;
text-decoration: none;
}
.woocommerce ul.products li.product .floriens-product-footer .price ins,
.woocommerce ul.products li.product .floriens-product-footer .price ins bdi,
.woocommerce ul.products li.product .floriens-product-footer .price ins .woocommerce-Price-amount {
color: #E53935 !important;
font-weight: 800 !important;
}
/* Кнопка "Купити": стабільна ширина і нормальний відступ від ціни. */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product .floriens-buy-btn,
.woocommerce ul.products li.product .add_to_cart_button {
padding: 7px 9px !important;
font-size: 11px !important;
line-height: 1.2 !important;
margin: 0 !important;
flex: 0 0 auto;
white-space: nowrap;
}
/* Ціна товару в картці каталогу — без переносу всередині. */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price bdi,
.woocommerce ul.products li.product .woocommerce-Price-amount {
white-space: nowrap;
}
/* Приховати схожі товари на сторінці товару */
.woocommerce .related.products { display: none !important; }
.woocommerce .up-sells { display: none !important; }
/* ===== СХОЖІ ТОВАРИ ===== */
.woocommerce .related.products { display: block !important; }
.woocommerce .related.products h2 {
font-size: 20px !important;
font-weight: 700 !important;
color: #1a1a1a !important;
margin: 30px 0 16px !important;
padding-bottom: 10px !important;
border-bottom: 2px solid #C8E6C9 !important;
font-family: 'Inter', sans-serif !important;
}
.woocommerce .related.products ul.products {
grid-template-columns: repeat(4, 1fr) !important;
display: grid !important;
gap: 14px !important;
}
.woocommerce .related.products ul.products li.product {
background: #fff !important;
border-radius: 8px !important;
overflow: hidden !important;
border: 1px solid #e8e8e8 !important;
transition: box-shadow 0.2s, transform 0.18s !important;
margin: 0 !important;
width: 100% !important;
}
.woocommerce .related.products ul.products li.product:hover {
box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important;
transform: translateY(-2px) !important;
}
.woocommerce .related.products ul.products li.product img {
width: 100% !important;
height: 200px !important;
object-fit: cover !important;
}
/* Вирівнювання ціни+кнопки в один рядок незалежно від довжини назви товару.
Явно дублюємо display:flex тут (а не покладаємось на успадкування із
загального правила .woocommerce ul.products li.product) — щоб точно
спрацювало в цьому блоці незалежно від порядку каскаду. */
.woocommerce .related.products ul.products li.product {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
}
.woocommerce .related.products ul.products li.product .woocommerce-loop-product__title {
min-height: 42px !important;
line-height: 1.4 !important;
}
.woocommerce .related.products ul.products li.product .floriens-product-footer {
margin-top: auto !important;
}
.woocommerce .related.products ul.products li.product hr{display:none!important}
.woocommerce .related.products ul.products li.product .woocommerce-loop-product__title{
border:none!important;box-shadow:none!important;
}
.woocommerce .related.products ul.products li.product .woocommerce-loop-product__title::after,
.woocommerce .related.products ul.products li.product .woocommerce-loop-product__title::before{
display:none!important;content:none!important;
}
/* ===== СТОРІНКА ТОВАРУ (SINGLE PRODUCT) ===== */
/* Загальна сітка: фото зліва, інформація справа, рівне вирівнювання зверху */
.woocommerce div.product{display:flex;flex-wrap:wrap;align-items:flex-start;gap:40px;margin-top:10px}
.woocommerce div.product .woocommerce-product-gallery{width:46%!important;margin-bottom:0!important;float:none!important}
.woocommerce div.product .summary.entry-summary{width:calc(54% - 40px)!important;margin-bottom:0!important;float:none!important}
/* Назва товару — прибираємо будь-яку лінію/підкреслення знизу */
.woocommerce div.product .product_title{border:none!important;border-bottom:none!important;padding-bottom:8px!important;margin:0 0 10px!important;font-size:26px;font-weight:700;color:#1a1a1a;text-decoration:none!important;box-shadow:none!important}
.woocommerce div.product .product_title::after{display:none!important;content:none!important}
/* Прибираємо декоративні розділові лінії, які тема/Woo малює під заголовком */
.woocommerce div.product .summary hr,
.woocommerce div.product .woocommerce-product-rating{border:none!important}
/* Блок "ціна + кнопка" як єдина картка: ціна по центру зверху, кнопка під нею.
JS переміщує елемент .price всередину form.cart (див. main.js). */
.woocommerce div.product .summary > .price{
/* Оригінальна ціна над рамкою ховається, коли JS переніс її в блок */
display:none!important;
}
.woocommerce div.product form.cart{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
gap:14px!important;
background:#fff!important;
border:1.5px solid #C8E6C9!important;
border-radius:12px!important;
padding:20px!important;
margin:18px 0!important;
box-shadow:0 2px 10px rgba(46,125,50,0.08)!important;
}
.woocommerce div.product form.cart .price-in-cart{
font-size:28px;
font-weight:700;
color:#2E7D32;
text-align:center;
white-space:nowrap;
line-height:1.1;
}
.woocommerce div.product form.cart .price-in-cart del{font-size:17px;color:#bbb;font-weight:400;margin-right:8px}
.woocommerce div.product form.cart .price-in-cart ins{text-decoration:none;color:#E53935!important;font-weight:800}
.woocommerce div.product form.cart .quantity{display:none!important}
.woocommerce div.product form.cart .single_add_to_cart_button{
width:100%!important;
background:#2E7D32!important;
color:#fff!important;
border:none!important;
border-radius:8px!important;
padding:15px 24px!important;
font-size:16px!important;
font-weight:600!important;
text-align:center!important;
transition:background 0.2s!important;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover{background:#1B5E20!important}
@media(max-width:768px){
.woocommerce div.product{flex-direction:column;gap:20px}
.woocommerce div.product .woocommerce-product-gallery,
.woocommerce div.product .summary.entry-summary{width:100%!important}
}
/* Ліва колонка = фото + опис під ним (обгортка створюється через JS) */
.woocommerce div.product .floriens-left-col{
width:46%!important;
display:flex;
flex-direction:column;
gap:16px;
}
.woocommerce div.product .floriens-left-col .woocommerce-product-gallery{
width:100%!important;
margin:0!important;
}
/* Блок опису "Про букет" під фото — оформлюємо як картку */
.woocommerce div.product .floriens-left-col .floriens-product-description{
background:#fff;
border:1px solid #e8e8e8;
border-radius:12px;
padding:20px 24px;
box-sizing:border-box;
margin:0!important;
width:100%!important;
}
.floriens-left-col .floriens-desc-title{
font-size:17px;font-weight:700;color:#1a1a1a;margin:0 0 12px
}
.floriens-left-col .floriens-desc-content{font-size:14px;line-height:1.7;color:#555}
.floriens-left-col .floriens-desc-content p{margin:0 0 10px}
.floriens-left-col .floriens-desc-content p:last-child{margin-bottom:0}
@media(max-width:768px){
.woocommerce div.product .floriens-left-col{width:100%!important}
}
/* ===== СТОРІНКА ОФОРМЛЕННЯ ЗАМОВЛЕННЯ ===== */
/* Сайдбар категорій на чекауті не потрібен — віддаємо всю ширину формі.
Без цього .floriens-main лишається у вузькій колонці 1fr від 220px+1fr,
і грид форми стискається до ~140px. */
.woocommerce-checkout .floriens-layout{grid-template-columns:1fr}
.woocommerce-checkout .floriens-sidebar{display:none}
.woocommerce-checkout .floriens-main{max-width:1240px;margin:0 auto;padding:0 16px;width:100%}
/* Форма — головна на екрані (~2/3 ширини), підсумок компактний збоку */
.woocommerce-checkout form.checkout{display:grid;grid-template-columns:2fr 1fr;gap:28px;align-items:start}
.woocommerce-checkout #customer_details{grid-column:1;grid-row:1;width:100%;margin-top:32px}
/* Заголовок і сам підсумок мають бути в ОДНОМУ рядку гриду, інакше
заголовок лишається вгорі, а блок падає вниз під висоту лівої колонки */
.woocommerce-checkout #order_review_heading{grid-column:2;grid-row:1;align-self:start;
font-size:15px;font-weight:600;margin:0 0 12px}
.woocommerce-checkout #order_review{grid-column:2;grid-row:1;margin-top:32px}
/* Ховаємо стандартні блоки — усі поля у власній розмітці */
.woocommerce-checkout .woocommerce-billing-fields > h3{display:none}
/* Розтягуємо внутрішні обгортки WooCommerce на всю ширину колонки,
інакше форма притискається вправо і зліва лишається порожня зона */
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2,
.woocommerce-checkout #customer_details .col2-set,
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-additional-fields{
width:100%;max-width:none;float:none;padding:0;margin-left:0;margin-right:0}
.woocommerce-checkout .woocommerce-shipping-fields{display:none}
/* Купон на чекауті не показуємо */
.woocommerce-checkout .woocommerce-form-coupon-toggle,
.woocommerce-checkout form.checkout_coupon{display:none!important}
/* ---------- АКОРДЕОН ---------- */
.fco-accordion{display:flex;flex-direction:column;gap:10px;width:100%}
.fco-step{background:#fff;border:1px solid #e6e6e6;border-radius:14px;overflow:hidden;
transition:border-color .2s,box-shadow .2s}
.fco-step.is-open{border-color:#2E7D32;box-shadow:0 2px 14px rgba(46,125,50,.08)}
/* Заголовок кроку */
.fco-step-head{width:100%;display:flex;align-items:center;gap:12px;padding:16px 18px;
background:none;border:0;cursor:pointer;text-align:left;font-family:inherit}
.fco-step-num{width:26px;height:26px;flex-shrink:0;border-radius:50%;background:#eee;color:#888;
display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;
transition:background .2s,color .2s}
.fco-step.is-open .fco-step-num{background:#2E7D32;color:#fff}
.fco-step.is-done .fco-step-num{background:#2E7D32;color:#fff;font-size:0}
.fco-step.is-done .fco-step-num::after{content:"✓";font-size:14px}
.fco-step-name{font-size:15px;font-weight:600;color:#1a1a1a;flex-shrink:0}
.fco-step-summary{flex:1;font-size:13px;color:#8a8a8a;overflow:hidden;text-overflow:ellipsis;
white-space:nowrap;text-align:right;padding-right:4px}
.fco-step.is-open .fco-step-summary{display:none}
.fco-step-arrow{width:9px;height:9px;flex-shrink:0;border-right:2px solid #bbb;
border-bottom:2px solid #bbb;transform:rotate(45deg);margin-top:-4px;transition:transform .25s}
.fco-step.is-open .fco-step-arrow{transform:rotate(-135deg);margin-top:2px;border-color:#2E7D32}
/* Тіло кроку */
.fco-step-body{display:none;padding:0 18px 18px}
.fco-step.is-open .fco-step-body{display:block;animation:fcoIn .22s ease}
@keyframes fcoIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* Кнопка "Далі" */
.fco-next{margin-top:14px;background:#2E7D32;color:#fff;border:0;border-radius:9px;
padding:11px 30px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;
transition:background .2s}
.fco-next:hover{background:#1B5E20}
/* ---------- ПОЛЯ ---------- */
.fco-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.floriens-checkout-fields .form-row{margin:0 0 12px;padding:0}
.floriens-checkout-fields .form-row:last-child{margin-bottom:0}
.floriens-checkout-fields label{font-size:13px;color:#555;display:block;margin-bottom:5px}
.floriens-checkout-fields input[type=text],
.floriens-checkout-fields input[type=tel],
.floriens-checkout-fields input[type=email],
.floriens-checkout-fields input[type=date],
.floriens-checkout-fields select,
.floriens-checkout-fields textarea,
.fco-city-select{
width:100%;padding:11px 13px;border:1px solid #ddd;border-radius:9px;font-size:14px;
font-family:inherit;background:#fff;transition:border-color .2s}
.floriens-checkout-fields input:focus,
.floriens-checkout-fields select:focus,
.floriens-checkout-fields textarea:focus{outline:none;border-color:#2E7D32}
.floriens-checkout-fields .fco-invalid{border-color:#d32f2f;background:#fff8f8}
/* Чекбокси і радіо */
.fco-check,.fco-radio{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#1a1a1a;
margin-bottom:12px;cursor:pointer;padding:10px 12px;border:1px solid #ececec;border-radius:10px;
transition:border-color .2s,background .2s}
.fco-check:hover,.fco-radio:hover{border-color:#c8ddc9;background:#fafcfa}
.fco-check input,.fco-radio input{width:auto;margin-top:2px;flex-shrink:0;accent-color:#2E7D32}
.fco-check small,.fco-radio small{color:#8a8a8a;font-size:12px;line-height:1.45}
.fco-radio.fco-surprise{background:#FDF9F0;border-color:#EAD9B0}
.fco-radio.fco-surprise:hover{background:#FCF5E8}
.fco-divider{border-top:1px solid #f0f0f0;margin:14px 0}
.fco-price{color:#2E7D32;white-space:nowrap}
.fco-textarea{min-height:70px;margin-bottom:12px;resize:vertical}
/* ---------- БЛОК КОМЕНТАРЯ ДО ЗАМОВЛЕННЯ ---------- */
.woocommerce-checkout .woocommerce-additional-fields{
background:#fff;border:1px solid #e6e6e6;border-radius:14px;padding:16px 18px;margin-top:10px}
.woocommerce-checkout .woocommerce-additional-fields h3{
font-size:15px;font-weight:600;color:#1a1a1a;margin:0 0 12px}
.woocommerce-checkout .woocommerce-additional-fields textarea{
width:100%;min-height:80px;padding:11px 13px;border:1px solid #ddd;border-radius:9px;
font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s}
.woocommerce-checkout .woocommerce-additional-fields textarea:focus{
outline:none;border-color:#2E7D32}
.woocommerce-checkout .woocommerce-additional-fields label{
font-size:13px;color:#555;margin-bottom:5px;display:block}
/* ---------- ПІДСУМОК ---------- */
/* Позиціонування в гриді задано вище (grid-row:1) — тут тільки оформлення */
.woocommerce-checkout #order_review{
background:#fff;border:1px solid #e6e6e6;border-radius:14px;padding:15px}
.woocommerce-checkout table.shop_table{border:none;margin:0;width:100%}
.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td{padding:8px 0;border-bottom:1px solid #f2f2f2;font-size:13px}
.woocommerce-checkout table.shop_table thead{display:none}
/* Товар з мініатюрою — компактно */
.fco-item{display:flex;align-items:center;gap:9px}
.fco-item-img{flex-shrink:0;width:40px;height:40px;border-radius:7px;overflow:hidden;background:#f6f6f6}
.fco-item-img img{width:100%;height:100%;object-fit:cover;display:block;margin:0}
.fco-item-name{font-size:12px;line-height:1.35;color:#1a1a1a}
.fco-item-name a{color:inherit;text-decoration:none}
.fco-item-name a:hover{color:#2E7D32}
.woocommerce-checkout .product-quantity{font-size:12px;color:#8a8a8a}
.woocommerce-checkout .cart-subtotal th,
.woocommerce-checkout .cart-subtotal td,
.woocommerce-checkout .fee th,
.woocommerce-checkout .fee td{font-size:13px}
.woocommerce-checkout .order-total th{font-size:14px;font-weight:600}
.woocommerce-checkout .order-total .amount{color:#2E7D32;font-size:20px;font-weight:700}
.woocommerce-checkout #place_order{
width:100%;margin-top:12px;background:#2E7D32!important;color:#fff!important;border:0;
border-radius:10px;padding:14px;font-size:15px;font-weight:600;cursor:pointer;
transition:background .2s}
.woocommerce-checkout #place_order:hover{background:#1B5E20!important}
/* Дрібний текст політики/оплати в підсумку */
.woocommerce-checkout .woocommerce-privacy-policy-text p,
.woocommerce-checkout .woocommerce-notice,
.woocommerce-checkout #payment .woocommerce-info{font-size:12px;line-height:1.5}
/* Способи оплати ховаємо — оплата буде на окремій сторінці.
Список методів і опис прибираємо, кнопку "Підтвердити" лишаємо. */
.woocommerce-checkout #payment ul.payment_methods{display:none!important}
.woocommerce-checkout #payment .payment_box{display:none!important}
.woocommerce-checkout #payment{background:transparent!important;border:none!important;padding:0!important}
.woocommerce-checkout #payment .place-order{padding:0!important}
/* ---------- МОБІЛЬНА ВЕРСІЯ ----------
Раніше тут був окремий брейкпоінт 900px, а в mobile.css — 768px.
Це створювало "мертву зону" 769–900px, де спрацьовувало тільки
це правило (без решти мобільних покращень з mobile.css) або
навпаки. Синхронізовано на 768px — єдину точку перемикання
для всього сайту. Детальні мобільні стилі чек-ауту — у mobile.css. */
@media(max-width:768px){
.woocommerce-checkout form.checkout{grid-template-columns:1fr;gap:16px}
.woocommerce-checkout #customer_details{grid-column:1;grid-row:auto;margin-top:0}
.woocommerce-checkout #order_review_heading{grid-column:1;grid-row:auto;margin:4px 0 8px}
.woocommerce-checkout #order_review{grid-column:1;grid-row:auto;margin-top:0}
.fco-row-2{grid-template-columns:1fr}
.fco-step-head{padding:14px 15px;gap:10px}
.fco-step-body{padding:0 15px 15px}
.fco-step-name{font-size:14px}
.fco-step-summary{font-size:12px}
.fco-next{width:100%;padding:13px}
}
/* ===== ФІЛЬТРИ КАТАЛОГУ В САЙДБАРІ ===== */
.floriens-filters{padding:4px 0 20px;border-top:1px solid #ebebeb;margin-top:8px}
.floriens-filters .ff-block{padding:14px 18px 4px}
.floriens-filters .ff-title{font-size:13px;font-weight:600;color:#1a1a1a;
margin-bottom:9px;letter-spacing:.01em}
.floriens-filters .ff-items{display:flex;flex-direction:column;gap:1px}
.floriens-filters .ff-item{display:flex;align-items:center;gap:8px;
padding:6px 6px 6px 0;font-size:13px;color:#444;text-decoration:none;
border-radius:6px;transition:color .15s}
.floriens-filters .ff-item:hover{color:#2E7D32}
/* Квадратик-чекбокс */
.floriens-filters .ff-box{width:15px;height:15px;flex-shrink:0;border:1.5px solid #d0d0d0;
border-radius:4px;background:#fff;position:relative;transition:border-color .15s,background .15s}
.floriens-filters .ff-item:hover .ff-box{border-color:#8bbf8e}
.floriens-filters .ff-item.is-active .ff-box{background:#2E7D32;border-color:#2E7D32}
.floriens-filters .ff-item.is-active .ff-box::after{content:"";position:absolute;
left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;
transform:rotate(45deg)}
.floriens-filters .ff-name{flex:1;line-height:1.3}
.floriens-filters .ff-item.is-active .ff-name{color:#2E7D32;font-weight:600}
.floriens-filters .ff-count{font-size:11px;color:#b0b0b0;flex-shrink:0}
.floriens-filters .ff-reset{display:block;margin:10px 18px 0;padding:8px;
text-align:center;font-size:12px;color:#c62828;text-decoration:none;
border:1px solid #f0dada;border-radius:7px;transition:background .15s}
.floriens-filters .ff-reset:hover{background:#fdf5f5}
@media(max-width:768px){
.floriens-filters{display:none}
}
/* ===== ДОСТАВКА НОВОЮ ПОШТОЮ ===== */
/* Бейдж на сторінці товару */
.floriens-np-badge{display:flex;gap:12px;align-items:flex-start;background:#FFF6E9;
border:1px solid #F0D9AE;border-radius:12px;padding:14px 16px;margin:16px 0;max-width:520px}
.floriens-np-badge .floriens-np-icon{font-size:22px;line-height:1;flex-shrink:0}
.floriens-np-badge .floriens-np-body{display:flex;flex-direction:column;gap:3px}
.floriens-np-badge strong{font-size:14px;color:#8a5a00}
.floriens-np-badge span{font-size:13px;color:#7a6544;line-height:1.5}
/* Плашка на картці товару — ОКРЕМИМ РЯДКОМ НАД зображенням */
.woocommerce ul.products li.product{position:relative}
.floriens-np-tag{display:inline-flex!important;align-items:center;gap:5px;
margin:0 0 10px;padding:5px 11px 5px 7px;
background:#fff;border:1px solid #ececec;border-radius:20px;
box-shadow:0 1px 4px rgba(0,0,0,.08);
font-size:11px;font-weight:600;color:#333;line-height:1.2;white-space:nowrap}
.floriens-np-tag.np-inline{box-shadow:none;border:none;margin:6px 0;padding:0;background:none}
/* Логотип НП: розмір жорстко обмежений */
.floriens-np-tag img.np-logo{height:15px!important;width:15px!important;
min-width:15px;max-width:15px;object-fit:contain;display:block;border-radius:3px;flex-shrink:0}
.floriens-np-tag .np-logo-text{display:inline-block;background:#DA291C;color:#fff;
font-size:9px;font-weight:700;line-height:1;padding:4px 6px;border-radius:4px;
white-space:nowrap;letter-spacing:.02em}
.floriens-np-tag .np-tag-text{overflow:hidden;text-overflow:ellipsis}
/* Блок на чекауті */
.floriens-np-checkout{display:flex;gap:14px;align-items:flex-start;background:#FFF6E9;
border:1px solid #F0D9AE;border-radius:14px;padding:16px 18px;margin:0 0 18px}
.floriens-np-checkout .floriens-np-icon{font-size:26px;line-height:1;flex-shrink:0}
.floriens-np-checkout strong{display:block;font-size:15px;color:#8a5a00;margin-bottom:4px}
.floriens-np-checkout p{font-size:13px;color:#7a6544;line-height:1.55;margin:0}
/* Ховаємо вибір міста для НП-замовлень (страховка до JS) */
body.floriens-np-order #fco_city{opacity:1}
/* ===== КОНТРОЛИ КІЛЬКОСТІ ТА ВИДАЛЕННЯ НА ОФОРМЛЕННІ ===== */
.woocommerce-checkout .fco-item-actions{display:flex;align-items:center;gap:10px;margin-top:6px}
/* Кнопки −/+ */
.woocommerce-checkout .fco-qty{display:inline-flex;align-items:center;
border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff}
.woocommerce-checkout .fco-qty.is-loading{opacity:.5;pointer-events:none}
.woocommerce-checkout .fco-qty-btn{width:26px;height:26px;border:0;background:#f6f6f6;
color:#333;font-size:15px;line-height:1;cursor:pointer;padding:0;
display:flex;align-items:center;justify-content:center;transition:background .15s}
.woocommerce-checkout .fco-qty-btn:hover{background:#2E7D32;color:#fff}
.woocommerce-checkout .fco-qty-val{min-width:30px;text-align:center;font-size:13px;
font-weight:600;color:#1a1a1a}
/* Хрестик видалення */
.woocommerce-checkout .fco-remove{width:24px;height:24px;border:0;background:none;
color:#c0392b;font-size:14px;cursor:pointer;padding:0;border-radius:6px;
display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}
.woocommerce-checkout .fco-remove:hover{background:#fdecea;color:#a02820}
/* Анімація видалення рядка */
.woocommerce-checkout tr.is-removing{opacity:.4;transition:opacity .3s}
/* ===== ТЕЛЕФОН З ПРАПОРОМ (intl-tel-input v23, separateDialCode:true) =====
У версії 23 (яку підключено в functions.php) з опцією separateDialCode
структура інша, ніж у старих версіях бібліотеки:
.iti > .iti__country-container > .iti__selected-country (кнопка з
прапором і кодом "+380") + .iti__country-list (випадний список)
.iti > .iti__tel-input (само поле вводу)
Старі класи .iti__selected-flag / .iti__flag-container сюди не
підходять — це і було причиною, чому текст наїжджав на прапор:
правила просто ні на що не діяли. */
#fco_phone_wrap .iti{width:100%!important;display:block;max-width:100%;box-sizing:border-box;position:relative}
#fco_phone_wrap .iti__country-container{position:absolute;top:0;left:0;bottom:0;
display:flex;align-items:center;z-index:2}
#fco_phone_wrap .iti__selected-country{display:flex;align-items:center;gap:5px;
height:100%;padding:0 8px 0 12px;background:#f7f7f7;border:1px solid #ddd;border-right:none;
border-radius:9px 0 0 9px;cursor:pointer;font-size:13px;color:#444}
#fco_phone_wrap .iti__selected-dial-code{color:#888}
/* Поле вводу — відступ зліва під ширину кнопки з прапором+кодом.
Реальна ширина кнопки залежить від довжини коду (+380 проти +1),
тому робимо трохи із запасом і не фіксуємо жорстко. */
#fco_phone_wrap .iti__tel-input{width:100%!important;
padding-top:11px!important;padding-bottom:11px!important;padding-right:13px!important;
padding-left:var(--fco-phone-left,78px)!important;
border:1px solid #ddd!important;border-radius:9px!important;font-size:14px!important;
box-sizing:border-box;margin:0!important;height:auto!important;line-height:1.4!important}
#fco_phone_wrap .iti__tel-input:focus{outline:none;border-color:#2E7D32!important}
#fco_phone_wrap .iti__country-list{z-index:99999;max-height:300px;text-align:left;
width:100%!important;max-width:calc(100vw - 32px);box-sizing:border-box;position:absolute;top:100%;left:0;
background:#fff!important;opacity:1!important;border:1px solid #d9d9d9!important;
border-radius:0 0 9px 9px!important;box-shadow:0 8px 22px rgba(0,0,0,.14)!important;
overflow-x:hidden!important;overflow-y:auto!important}
#fco_phone_wrap .iti__country{padding:8px 10px;font-size:13px;display:flex;align-items:center;gap:8px;
background:#fff!important;opacity:1!important}
#fco_phone_wrap .iti__country.iti__highlight,
#fco_phone_wrap .iti__country:hover{background:#F1F8F1}
#fco_phone_wrap .iti__country-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#fco_phone_wrap .iti__dial-code{color:#888}
/* ===== ВИБІР МЕСЕНДЖЕРА ===== */
.fco-messenger{background:#F7FAF7;border:1px solid #E3EEE3;border-radius:10px;
padding:12px 14px;margin:12px 0}
.fco-messenger-title{font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:4px}
.fco-messenger-note{font-size:12px;color:#8a8a8a;line-height:1.45;margin:0 0 10px}
.fco-messenger-opts{display:flex;flex-wrap:wrap;gap:8px}
.fco-msg{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;font-size:13px;
border:1px solid #ddd;border-radius:20px;cursor:pointer;background:#fff;transition:all .15s}
.fco-msg input{display:none}
.fco-msg span{white-space:nowrap}
.fco-msg:hover{border-color:#2E7D32}
.fco-msg input:checked + span{font-weight:600}
.fco-msg.fco-msg-tg input:checked ~ span,.fco-msg-tg:has(input:checked){color:#0088cc}
.fco-msg-tg:has(input:checked){border-color:#0088cc;background:#E9F5FC}
.fco-msg-vb:has(input:checked){border-color:#7360f2;background:#F0EEFD;color:#7360f2}
.fco-msg-wa:has(input:checked){border-color:#25D366;background:#E9F9EF;color:#1a9e4b}
.fco-msg-phone:has(input:checked){border-color:#2E7D32;background:#E8F5E9;color:#2E7D32}
/* ===== КАЛЕНДАР flatpickr ===== */
.fco-datepicker{cursor:pointer;background:#fff}
.flatpickr-day.selected{background:#2E7D32!important;border-color:#2E7D32!important;color:#fff!important}
.flatpickr-day.today{border-color:#2E7D32}
.flatpickr-day:hover{background:#E8F5E9}
/* Доступні дні (зокрема наступного місяця) — чорні, як звичайні */
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay{color:#393939!important}
/* Справді недоступні (минулі / заблоковані) — світло-сірі */
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover{color:#dcdcdc!important;background:none!important;cursor:default}
/* ===== "БАЖАЮ ДОДАТИ" (допродажі на оформленні) ===== */
/* Блок JS вкладає всередину #order_review, у самий низ під кнопку */
.floriens-upsells{margin-top:16px;padding-top:16px;border-top:1px solid #eee}
.floriens-upsells .fup-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:12px}
.floriens-upsells .fup-list{display:flex;flex-direction:column;gap:8px}
.floriens-upsells .fup-item{display:flex;align-items:center;gap:10px;padding:8px;
border:1px solid #f0f0f0;border-radius:10px;transition:border-color .15s}
.floriens-upsells .fup-item:hover{border-color:#c8ddc9}
.floriens-upsells .fup-img{flex-shrink:0;width:44px;height:44px;border-radius:7px;
overflow:hidden;background:#f6f6f6}
.floriens-upsells .fup-img img{width:100%;height:100%;object-fit:cover;display:block;margin:0}
.floriens-upsells .fup-info{flex:1;min-width:0}
.floriens-upsells .fup-name{font-size:12px;color:#1a1a1a;line-height:1.3;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.floriens-upsells .fup-price{font-size:12px;color:#2E7D32;font-weight:600}
.floriens-upsells .fup-price del{color:#aaa;font-weight:400;font-size:11px}
.floriens-upsells .fup-price ins{text-decoration:none}
.floriens-upsells .fup-add{flex-shrink:0;width:32px;height:32px;border:none;border-radius:8px;
background:#2E7D32;color:#fff;font-size:20px;line-height:1;cursor:pointer;
display:flex;align-items:center;justify-content:center;transition:background .15s}
.floriens-upsells .fup-add:hover{background:#1B5E20}
.floriens-upsells .fup-add.is-loading{background:#8bbf8e;pointer-events:none}
/* ===== ХОВАЄМО ДЕФОЛТНІ ВІДЖЕТИ WORDPRESS ВНИЗУ САЙТУ ===== */
/* Блоки "Сторінки / Архіви / Рубрики / Пошук", що з'являлись перед футером */
.widget_pages,.widget_archive,.widget_categories,.widget_meta,
.widget_recent_entries,.widget_recent_comments,.widget_search,
.widget_nav_menu,.widget_rss,.widget_tag_cloud,.widget_calendar{display:none!important}
/* Порожня область віджетів у футері */
.floriens-layout-wrap > .widget-area,
body > .widget-area,
.footer-widgets:empty,
#secondary:empty{display:none!important}
/* ===== МОДАЛКА СТАТУСУ ЗАМОВЛЕННЯ ===== */
.fl-status-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:16px}
.fl-status-modal.is-open{display:flex}
.fl-status-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.fl-status-box{position:relative;background:#fff;border-radius:16px;padding:28px 24px 24px;
width:100%;max-width:440px;box-shadow:0 20px 60px rgba(0,0,0,.25);animation:flStatusIn .25s ease}
@keyframes flStatusIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.fl-status-close{position:absolute;top:12px;right:14px;background:none;border:none;font-size:28px;
color:#aaa;cursor:pointer;line-height:1;width:32px;height:32px}
.fl-status-close:hover{color:#333}
.fl-status-box h3{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 6px}
.fl-status-sub{font-size:13px;color:#888;margin:0 0 18px}
.fl-status-form{display:flex;gap:8px;margin-bottom:16px}
.fl-status-form input{flex:1;border:1.5px solid #D8E8D8;border-radius:10px;padding:11px 14px;
font-size:14px;outline:none;font-family:inherit}
.fl-status-form input:focus{border-color:#2E7D32}
.fl-status-form button{background:#2E7D32;color:#fff;border:none;border-radius:10px;
padding:11px 20px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;flex-shrink:0}
.fl-status-form button:hover{background:#1B5E20}
.fl-status-loading{text-align:center;color:#999;padding:16px;font-size:14px}
.fl-status-err{background:#FFF3F3;border:1px solid #FFCDD2;border-radius:10px;padding:14px;
color:#C62828;font-size:14px}
.fl-status-order{background:#F7FAF7;border-radius:10px;padding:14px;margin-bottom:18px}
.fso-num{font-size:12px;color:#2E7D32;font-weight:700;letter-spacing:.5px}
.fso-name{font-size:15px;color:#1a1a1a;font-weight:600;margin:4px 0}
.fso-city{font-size:13px;color:#666}
.fl-status-steps{display:flex;align-items:center;margin:8px 0 16px}
.fss-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}
.fss-circle{width:38px;height:38px;border-radius:50%;background:#eee;color:#999;
display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600}
.fss-step.done .fss-circle{background:#2E7D32;color:#fff}
.fss-step.active .fss-circle{background:#FFA726;color:#fff}
.fss-label{font-size:11px;color:#666;text-align:center}
.fss-line{flex:1;height:2px;background:#eee;margin:0 4px;margin-bottom:24px}
.fss-line.done{background:#2E7D32}
.fl-status-current{text-align:center;font-size:14px;color:#666}
.fl-status-current strong{color:#2E7D32}
/* Блок допомоги "не знаєте номер" */
.fl-status-help{margin-top:20px;padding-top:18px;border-top:1px solid #eee}
.fl-status-help-title{font-size:14px;font-weight:600;color:#1a1a1a;margin-bottom:5px}
.fl-status-help p{font-size:12px;color:#888;line-height:1.5;margin:0 0 12px}
.fl-help-phone{display:inline-flex;align-items:center;gap:6px;font-size:16px;font-weight:700;
color:#2E7D32;text-decoration:none;margin-bottom:12px}
.fl-help-phone:hover{color:#1B5E20}
.fl-help-messengers{display:flex;gap:8px}
.fl-hm{flex:1;text-align:center;padding:9px;border-radius:9px;font-size:13px;font-weight:600;
color:#fff;text-decoration:none;transition:opacity .15s}
.fl-hm:hover{opacity:.88;color:#fff}
.fl-hm-tg{background:#0088cc}
.fl-hm-wa{background:#25D366}
.fl-hm-vb{background:#7360f2}
/* ===== ЖОРСТКЕ ПРИХОВУВАННЯ ВІДЖЕТІВ (усі варіанти класів) ===== */
[class*="widget_pages"],[class*="widget_archive"],[class*="widget_categories"],
[class*="widget_meta"],[class*="widget_recent"],[class*="widget_search"],
[class*="widget_nav_menu"],[class*="widget_rss"],[class*="widget_tag_cloud"],
[id*="wp-block-page-list"],aside.widget,.wp-block-loginout{display:none!important}
/* === Ціна + кнопка "Купити" в один рядок на сторінці категорії === */
.floriens-product-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 6px;
padding: 6px 8px;
margin-top: 8px;
min-width: 0;
box-sizing: border-box;
}
.floriens-product-footer .price {
font-weight: 600;
font-size: 15px;
margin: 0;
white-space: nowrap;
flex: 1 1 auto;
min-width: 0;
}
.floriens-product-footer .custom-cart-btn {
flex: 0 0 auto;
}
.floriens-product-footer .custom-cart-btn a.button {
display: inline-block;
white-space: nowrap;
margin: 0;
padding: 7px 9px !important;
font-size: 11px !important;
line-height: 1.2 !important;
}
/* ===== ІНДИВІДУАЛЬНЕ КАДРУВАННЯ ФОТО ТОВАРУ ===== */
.floriens-image-controls-group {
border-top: 1px solid #eee;
}
/* ==========================================================
ГОЛОВНА — СЕКЦІЯ "ХІТИ ПРОДАЖІВ" (featured) — ДЕСКТОП
Кольорова обгортка + заголовок з іконкою + кнопка "Дивитися всі".
Ці стилі — БАЗОВІ (для всіх пристроїв). Мобільні
перебивки (свайп, компактні картки) — у mobile.css.
Структура готова під майбутню секцію "Знижки" — той самий
набір класів + модифікатор --sale.
========================================================== */
/* --- Обгортка секції --- */
.fhs-featured{
position:relative;
margin:24px 0 32px;
padding:26px 32px 30px;
border-radius:20px;
overflow:hidden;
}
.fhs-featured--hit{
background:linear-gradient(180deg,#E8F5E9 0%,#F1F8E9 100%);
}
.fhs-featured--sale{
background:linear-gradient(180deg,#FDEDEB 0%,#FEF5F4 100%);
}
/* --- Шапка секції: іконка+заголовок+підзаголовок ЗЛІВА, кнопка СПРАВА --- */
.fhs-featured .fhs-header{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
margin-bottom:22px;
flex-wrap:nowrap;
}
.fhs-featured .fhs-heading{
display:flex;
align-items:center;
gap:14px;
flex-wrap:wrap;
flex:1;
}
/* Іконка в кружечку (корона / %) */
.fhs-featured .fhs-icon-badge{
display:inline-flex;
align-items:center;
justify-content:center;
width:44px;
height:44px;
border-radius:50%;
flex-shrink:0;
color:#fff;
}
.fhs-featured--hit .fhs-icon-badge{
background:#FFC107;
}
.fhs-featured--sale .fhs-icon-badge{
background:#E53935;
}
.fhs-featured .fhs-icon-svg{
width:24px;
height:24px;
display:block;
}
/* Заголовок секції */
.fhs-featured .fhs-title{
font-size:28px;
font-weight:800;
margin:0;
color:#1B5E20;
line-height:1.15;
letter-spacing:-0.3px;
}
.fhs-featured--sale .fhs-title{
color:#8B1E1E;
}
/* Підзаголовок сірим — стоїть ЗБОКУ від заголовка на десктопі */
.fhs-featured .fhs-subtitle{
font-size:14px;
color:#666;
font-weight:400;
line-height:1.3;
padding-left:4px;
}
/* Кнопка "Дивитися всі →" — біла пігулка справа */
.fhs-featured .fhs-more-pill{
display:inline-flex;
align-items:center;
gap:8px;
background:#fff;
color:#2E7D32;
padding:12px 22px;
border-radius:30px;
font-size:14px;
font-weight:600;
text-decoration:none;
box-shadow:0 2px 6px rgba(0,0,0,0.06);
white-space:nowrap;
flex-shrink:0;
transition:box-shadow 0.18s,transform 0.18s;
}
.fhs-featured .fhs-more-pill:hover{
box-shadow:0 4px 12px rgba(0,0,0,0.1);
transform:translateY(-1px);
text-decoration:none;
}
.fhs-featured--sale .fhs-more-pill{color:#C62828}
.fhs-featured .fhs-more-pill .fhs-arrow-svg{
width:16px;
height:16px;
}
/* --- Картки в секції (десктоп: сітка 4 в ряд успадковується
зі .floriens-products-grid). Тільки міняємо оформлення картки: --- */
.fhs-featured .fhs-card{
background:#fff;
border:none;
border-radius:14px;
box-shadow:0 2px 8px rgba(0,0,0,0.05);
overflow:hidden;
transition:box-shadow 0.2s,transform 0.18s;
}
.fhs-featured .fhs-card:hover{
box-shadow:0 6px 20px rgba(0,0,0,0.1);
transform:translateY(-2px);
}
.fhs-featured .fhs-card .product-image-wrap{
border-bottom:none;
background:#fafafa;
}
/* Бейджі — червона пігулка "ХІТ 🔥" / "-XX%" */
.fhs-featured .fhs-badge-hit,
.fhs-featured .fhs-badge-sale{
background:#E53935;
color:#fff;
padding:5px 10px;
border-radius:6px;
font-size:12px;
font-weight:700;
letter-spacing:0.3px;
display:inline-flex;
align-items:center;
gap:4px;
top:10px;
left:10px;
}
.fhs-featured .fhs-badge-emoji{
font-size:12px;
line-height:1;
}
/* Ціна: зелена жирна */
.fhs-featured .fhs-card .product-price{
color:#1B5E20;
white-space:nowrap;
min-width:0;
}
.fhs-featured--sale .fhs-card .product-footer{
flex-direction:column!important;
align-items:flex-start!important;
gap:6px!important;
}
.fhs-featured--sale .fhs-card .product-body{
display:flex;
flex-direction:column;
flex:1;
}
.fhs-featured--sale .fhs-card .fhs-buy-btn{
margin-top:auto;
}
/* Кнопка "Купити" з іконкою кошика */
.fhs-featured .fhs-card .fhs-buy-btn{
display:inline-flex;
align-items:center;
gap:6px;
line-height:1;
}
.fhs-featured .fhs-card .fhs-buy-btn .fhs-cart-svg{
width:14px;
height:14px;
flex-shrink:0;
}
/* --- Декоративні іскорки (sparkles) по ПЕРИМЕТРУ секції ---
Зірочки розташовані в 4 зонах: верх, низ, ліво, право — між краями
блоку і картками товарів. Не накладаються на контент. */
.fhs-featured::before,
.fhs-featured::after{
content:'';
position:absolute;
pointer-events:none;
z-index:0;
background-repeat:no-repeat;
}
/* 1. Верхня смуга — горизонтально під шапкою, над картками */
.fhs-featured::before{
top:60px;
left:0;
right:0;
height:25px;
background-size:100% 100%;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 25' fill='none'%3E%3Cpath d='M30 8l4 4-4 4-4-4z' fill='%234CAF50' opacity='0.2'/%3E%3Cpath d='M120 16l3 3-3 3-3-3z' fill='%2366BB6A' opacity='0.18'/%3E%3Cpath d='M250 6l5 5-5 5-5-5z' fill='%2381C784' opacity='0.15'/%3E%3Cpath d='M400 18l3 3-3 3-3-3z' fill='%234CAF50' opacity='0.12'/%3E%3Cpath d='M550 8l4 4-4 4-4-4z' fill='%2366BB6A' opacity='0.18'/%3E%3Cpath d='M700 15l3 3-3 3-3-3z' fill='%2381C784' opacity='0.14'/%3E%3Cpath d='M820 5l5 5-5 5-5-5z' fill='%234CAF50' opacity='0.2'/%3E%3Cpath d='M940 18l3 3-3 3-3-3z' fill='%2366BB6A' opacity='0.16'/%3E%3C/svg%3E");
}
/* 2. Нижня смуга — під картками */
.fhs-featured::after{
bottom:4px;
left:0;
right:0;
height:22px;
background-size:100% 100%;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 22' fill='none'%3E%3Cpath d='M60 8l4 4-4 4-4-4z' fill='%2366BB6A' opacity='0.18'/%3E%3Cpath d='M180 14l3 3-3 3-3-3z' fill='%234CAF50' opacity='0.15'/%3E%3Cpath d='M320 5l5 5-5 5-5-5z' fill='%2381C784' opacity='0.12'/%3E%3Cpath d='M500 16l3 3-3 3-3-3z' fill='%234CAF50' opacity='0.2'/%3E%3Cpath d='M650 7l4 4-4 4-4-4z' fill='%2366BB6A' opacity='0.16'/%3E%3Cpath d='M780 15l3 3-3 3-3-3z' fill='%2381C784' opacity='0.18'/%3E%3Cpath d='M900 4l5 5-5 5-5-5z' fill='%234CAF50' opacity='0.14'/%3E%3C/svg%3E");
}
/* 3. Ліва смуга — вертикально, вздовж лівого краю між padding і картками */
.fhs-featured .fhs-grid::before{
content:'';
position:absolute;
top:0;
left:-18px;
width:16px;
height:100%;
pointer-events:none;
z-index:0;
background-repeat:repeat-y;
background-size:16px 200px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 200' fill='none'%3E%3Cpath d='M8 20l4 4-4 4-4-4z' fill='%234CAF50' opacity='0.18'/%3E%3Cpath d='M12 70l3 3-3 3-3-3z' fill='%2366BB6A' opacity='0.15'/%3E%3Cpath d='M5 120l4 4-4 4-4-4z' fill='%2381C784' opacity='0.2'/%3E%3Cpath d='M10 170l3 3-3 3-3-3z' fill='%234CAF50' opacity='0.14'/%3E%3C/svg%3E");
}
/* 4. Права смуга — вертикально, вздовж правого краю */
.fhs-featured .fhs-grid::after{
content:'';
position:absolute;
top:0;
right:-18px;
width:16px;
height:100%;
pointer-events:none;
z-index:0;
background-repeat:repeat-y;
background-size:16px 200px;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 200' fill='none'%3E%3Cpath d='M8 30l4 4-4 4-4-4z' fill='%2366BB6A' opacity='0.18'/%3E%3Cpath d='M4 90l3 3-3 3-3-3z' fill='%234CAF50' opacity='0.15'/%3E%3Cpath d='M11 140l5 5-5 5-5-5z' fill='%2381C784' opacity='0.12'/%3E%3Cpath d='M6 185l3 3-3 3-3-3z' fill='%2366BB6A' opacity='0.2'/%3E%3C/svg%3E");
}
/* Вміст секції має бути вище за декор */
.fhs-featured .fhs-header,
.fhs-featured .fhs-grid{
position:relative;
z-index:1;
}
/* ==========================================================
ГОЛОВНА — СЕКЦІЯ АКЦІЙ / ЗНИЖОК
Візуально відрізняється від зелених "Хітів": теплий
рожево-кремовий фон, червоний акцент і декоративні пелюстки.
Логіка товарів не змінюється — секція використовує той самий
floriens_home_section_featured('sale', ...).
========================================================== */
.fhs-featured--sale{
border:1px solid #F7CFC8;
background:linear-gradient(135deg,#FFF3EF 0%,#FFF8F6 48%,#FDEDEB 100%);
box-shadow:0 8px 28px rgba(194,62,62,.07);
}
.fhs-featured--sale .fhs-heading{position:relative}
.fhs-featured--sale .fhs-icon-badge{
background:#E53935;
box-shadow:0 5px 14px rgba(229,57,53,.22);
}
.fhs-featured--sale .fhs-icon-svg{color:#fff}
.fhs-featured--sale .fhs-title{color:#9F2020}
.fhs-featured--sale .fhs-subtitle{color:#7A5652}
.fhs-featured--sale .fhs-more-pill{
color:#B71C1C;
border:1px solid #E7AAA3;
box-shadow:0 2px 8px rgba(194,62,62,.08);
}
.fhs-featured--sale .fhs-more-pill:hover{color:#8E1717}
.fhs-featured--sale .fhs-card{
box-shadow:0 3px 12px rgba(118,38,38,.06);
}
.fhs-featured--sale .fhs-card:hover{
box-shadow:0 8px 24px rgba(118,38,38,.12);
}
.fhs-featured--sale .fhs-badge-sale{
background:#E53935;
border-radius:7px;
box-shadow:0 3px 8px rgba(229,57,53,.18);
}
.fhs-featured--sale .fhs-card .product-price del{
color:#8E8E8E!important;
font-size:14px!important;
font-weight:400!important;
text-decoration:line-through!important;
margin-right:5px;
}
.fhs-featured--sale .fhs-card .product-price ins,
.fhs-featured--sale .fhs-card .product-price ins bdi{
color:#C62828!important;
font-weight:800!important;
text-decoration:none!important;
}
/* Пелюстки по краях — декоративні, не перекривають картки. */
.fhs-featured--sale::before{
content:'';
position:absolute;
pointer-events:none;
z-index:0;
top:8px;
right:18px;
width:170px;
height:86px;
background:
radial-gradient(ellipse 13px 24px at 15% 55%,rgba(229,57,53,.34) 0 58%,transparent 61%),
radial-gradient(ellipse 10px 19px at 34% 24%,rgba(244,105,99,.28) 0 58%,transparent 61%),
radial-gradient(ellipse 12px 22px at 55% 67%,rgba(229,57,53,.25) 0 58%,transparent 61%),
radial-gradient(ellipse 9px 17px at 76% 35%,rgba(244,105,99,.3) 0 58%,transparent 61%),
radial-gradient(ellipse 10px 18px at 93% 70%,rgba(229,57,53,.22) 0 58%,transparent 61%);
transform:rotate(-12deg);
}
.fhs-featured--sale::after{
content:'';
position:absolute;
pointer-events:none;
z-index:0;
left:8px;
bottom:4px;
width:150px;
height:90px;
background:
radial-gradient(ellipse 12px 23px at 12% 48%,rgba(229,57,53,.28) 0 58%,transparent 61%),
radial-gradient(ellipse 9px 17px at 30% 76%,rgba(244,105,99,.25) 0 58%,transparent 61%),
radial-gradient(ellipse 13px 24px at 51% 30%,rgba(229,57,53,.22) 0 58%,transparent 61%),
radial-gradient(ellipse 10px 19px at 73% 65%,rgba(244,105,99,.28) 0 58%,transparent 61%),
radial-gradient(ellipse 9px 16px at 92% 26%,rgba(229,57,53,.2) 0 58%,transparent 61%);
transform:rotate(16deg);
}
/* У sale-секції бічний декор теж червоно-рожевий. */
.fhs-featured--sale .fhs-grid::before{
background-image:none;
}
.fhs-featured--sale .fhs-grid::after{
background-image:none;
}
.fhs-featured--sale .fhs-header,
.fhs-featured--sale .fhs-grid{position:relative;z-index:1}
/* ===== ГОЛОВНА: нижні секції після завершення sidebar ===== */
.floriens-home-wide{
width:calc(100% + 260px);
margin-left:-240px;
}
.floriens-home-wide .floriens-home-section{
width:100%;
}
.floriens-home-wide .floriens-products-grid{
grid-template-columns:repeat(5,minmax(0,1fr));
}
@media(max-width:768px){
.floriens-home-wide{
width:100%!important;
margin-left:0!important;
}
.floriens-home-wide .fhs-featured{
margin-left:calc(50% - 50vw)!important;
width:100vw!important;
}
.floriens-home-wide .floriens-products-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
}