/* city-page.css — portal-flowers.com city page styles */

/* ================================================
   City page: hide slider, trustpilot widget, explore heading
   (shown via f4p-featured-products section instead)
   ================================================ */
html body .index_slider{display:none!important;}
/* Hide Trengo chat widget */
#trengo_widget_launcher,[id*="trengo"],[class*="trengo"],iframe[src*="trengo.eu"],iframe[src*="widget.trengo"]{display:none!important;visibility:hidden!important;}
html body #explorecollection{display:none!important;}
html body .review-container{display:none!important;}
/* delivery-products-message div + old AJAX product list (removed from HTML, safety hide) */
html body #delivery-products-message{display:none!important;}
html body #product-list{display:none!important;}
html body #loading{display:none!important;}
html body #f4p-bottom-catalog{display:none!important;}
/* Reduce gap between featured products and About card */
html body .hentry.delivery{display:none!important;}
html body #f4p-featured-products{margin-bottom:0!important;padding-bottom:0!important;}
html body .grid-col>.tier1-editorial-card{margin-top:0!important;}
.f4p-explore-row{display:grid;justify-content:center;align-items:center;grid-template-columns:1fr auto;}

/* ================================================
   City page structural layout (moved from inline styles)
   ================================================ */
.f4p-city-main-container{max-width:1430px;}
.f4p-city-introtext{display:none;}
.f4p-city-wrapper-flush{padding-bottom:0!important;padding-top:0!important;margin-top:0!important;}
.f4p-main-content-column{position:relative;z-index:1;}
.f4p-main-content-column .main-content{padding-top:0;}
.f4p-grid-wrap-visible{overflow:visible;}
.f4p-loadmore-row{display:flex;justify-content:center;margin:20px 0;}
.f4p-content-box-mb{margin-bottom:20px;}

/* ================================================
   f4p-index-hero-fallback
   ================================================ */
@media (min-width:771px){
  .f4p-index-hero-fallback{background-image:linear-gradient(135deg,rgba(245,240,232,.94) 0%,rgba(232,221,208,.92) 45%,rgba(212,201,184,.94) 100%),var(--f4p-index-hero-fallback-img,none);background-size:cover;background-position:center;padding:28px 16px 32px;text-align:center}
  .f4p-index-hero-fallback__title{font-size:22px;font-weight:800;color:#1a1a1a;margin:0 0 10px;line-height:1.25;font-family:Georgia,"Times New Roman",serif}
  .f4p-index-hero-fallback__sub{font-size:14px;color:#444;margin:0 0 18px;line-height:1.45}
  .f4p-index-hero-fallback__btn{display:inline-block;padding:12px 36px;border:2px solid #1a1a1a;border-radius:999px;font-weight:700;font-size:14px;text-decoration:none;color:#1a1a1a;background:rgba(255,255,255,.65);letter-spacing:.06em}
}

/* ================================================
   f4p-intro-card
   ================================================ */
.customer_txt .f4p-intro-heading-row{text-align:center;margin:0 0 6px;line-height:1.35}
.customer_txt .f4p-intro-heading-row h2.entry-title{display:block;margin:0;padding:0}
.customer_txt .f4p-intro-readmore-row{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-end!important;margin:0 0 4px!important;padding:0!important;line-height:1.35!important;gap:4px!important}
.customer_txt .f4p-intro-readmore-row .f4p-intro-ellipsis{color:#111827;font-weight:600}
@media(max-width:770px){
  .customer_txt .panel-text-wrapper.f4p-intro-card:not(.expanded) .panel-text,
  .content-box .customer_txt.f4p-category-seo .panel-text-wrapper.f4p-category-intro-card:not(.expanded) .panel-text,
  .content-box .customer_txt.f4p-category-seo .panel-text-wrapper:not(.expanded) .panel-text{display:block!important;overflow:visible!important;-webkit-line-clamp:unset!important}
  .content-box .customer_txt.f4p-category-seo .panel-text-wrapper:not(.expanded) .panel-text p{display:none!important}
  .content-box .customer_txt.f4p-category-seo .panel-text-wrapper:not(.expanded) .panel-text h2{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:center!important;font-size:1.2rem!important;font-weight:600!important;color:#333!important;text-shadow:none!important;margin:0 0 4px!important;line-height:1.35!important}
  .content-box .customer_txt.f4p-category-seo .panel-text-wrapper.expanded .panel-text p{display:block!important}
  .content-box .customer_txt.f4p-category-seo .panel-text p{font-size:16px!important;font-weight:500!important;color:#333!important;line-height:1.6em!important}
}
@media(min-width:771px){
  .customer_txt .panel-text-wrapper.f4p-intro-card:not(.expanded) .panel-text,
  .customer_txt .panel-text-wrapper.f4p-intro-card .panel-text{display:block!important;opacity:1!important;max-height:none!important;overflow:visible!important}
  .customer_txt .panel-text-wrapper.f4p-intro-card .f4p-intro-readmore-row{display:none!important}
  .login-block h2.banner-h2{display:none!important}
}

/* ================================================
   f4p-cat-hero
   ================================================ */
.f4p-cat-hero{position:relative;z-index:1;width:100%;overflow:hidden;border-radius:0;background:#e8c9a8}
.f4p-cat-hero-visual{position:relative;min-height:280px;display:flex;align-items:stretch;overflow:hidden;border-radius:inherit}
@media(min-width:400px){.f4p-cat-hero-visual{min-height:320px}}
@media(min-width:771px){
  .f4p-cat-hero-visual{min-height:340px;border-radius:8px}
  .f4p-cat-hero{border-radius:8px;margin-top:20px}
}
.f4p-cat-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.f4p-cat-hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.28) 100%),radial-gradient(ellipse 90% 70% at 50% 45%,rgba(0,0,0,.2) 0%,transparent 65%)}
.f4p-cat-hero-content{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 18px 96px;gap:10px;text-align:center;max-width:100%;box-sizing:border-box}
.f4p-cat-hero-tag{display:block;font-size:10px;font-weight:600;color:rgba(255,255,255,.82);letter-spacing:.12em;text-transform:uppercase;text-shadow:none}
.f4p-cat-hero .f4p-cat-hero-title{font-family:'Inter',system-ui,-apple-system,sans-serif!important;font-weight:700!important;font-size:clamp(1.35rem,4.8vw,1.85rem)!important;color:#fff!important;text-shadow:none!important;margin:0!important;padding:0!important;line-height:1.2;word-wrap:break-word;text-align:center}
.f4p-cat-hero-sub{font-family:'Inter',system-ui,-apple-system,sans-serif!important;font-size:clamp(.8125rem,2.8vw,.9375rem);font-weight:500!important;color:rgba(255,255,255,.92)!important;text-shadow:none;max-width:20rem}
.f4p-cat-hero-btn{display:inline-block;padding:13px 36px;border:none;border-radius:999px;background:#3596b5;color:#fff!important;font-size:14px;font-weight:700;text-decoration:none!important;letter-spacing:.04em;cursor:pointer;margin:0;align-self:center}
.f4p-cat-hero-btn:hover{background:#2a7fa3;color:#fff!important}
@media(max-width:1023px){
  html body .wrapper:has(.f4p-cat-hero),
  html body .main-container3:has(.f4p-cat-hero){overflow-x:visible!important}
  html body .grid-wrap.half-gutter:has(.f4p-cat-hero),
  html body .grid-wrap:has(.f4p-cat-hero){overflow:visible!important}
  html body .main-container3 .wrapper .grid-wrap.half-gutter .grid-col>.f4p-cat-hero,
  html body .wrapper .grid-wrap.half-gutter .grid-col>.f4p-cat-hero{position:relative!important;left:50%!important;width:100vw!important;max-width:100vw!important;margin-left:-50vw!important;margin-right:0!important;right:auto!important;border-radius:0!important;box-sizing:border-box!important}
  html body .main-container3 .wrapper .grid-wrap.half-gutter .grid-col>.f4p-cat-hero .f4p-cat-hero-visual,
  html body .wrapper .grid-wrap.half-gutter .grid-col>.f4p-cat-hero .f4p-cat-hero-visual{border-radius:0!important}
  html body .f4p-cat-hero .f4p-cat-hero-photo{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important}
}

/* ================================================
   f4p-dlv-wrap
   ================================================ */
.f4p-cat-hero~.popup-content2.f4p-dlv-wrap{margin:-76px auto 18px!important;position:relative;z-index:4;max-width:calc(100% - 24px);box-shadow:0 8px 28px rgba(15,23,42,.18),0 0 0 1px rgba(15,23,42,.06)}
@media(max-width:400px){.f4p-cat-hero~.popup-content2.f4p-dlv-wrap{margin:-68px auto 16px!important;max-width:calc(100% - 16px)!important}}
@media(min-width:771px){h2.f4p-delivery-inner-title.index-mh-delivery{display:none!important}}
body.f4p-home-delivery-hero-active{margin:0!important;padding:0!important}
@media(max-width:770px){
  html body.f4p-home-delivery-hero-active:has(.f4pm-hero) .main-container3 .grid-col>.f4p-seo-text.desktop_hidden{margin-top:20px!important;padding-top:20px!important;padding-left:12px!important;padding-right:12px!important}
}

/* ================================================
   Footer max-width
   ================================================ */
html body .footer#f4p-site-footer .footer-content,html body #footer-content2{max-width:1430px!important;margin-left:auto!important;margin-right:auto!important;width:100%!important;box-sizing:border-box!important;}

/* ================================================
   City page: About / Near / Province sections
   ================================================ */
:root{--f4p-blue:#3398ad;--geo-forest:#2d6a4f;}
.tier1-city-story{background:linear-gradient(180deg,#fbfaf6 0%,#f7fbf8 100%);color:#25272b;margin:42px 0 0;padding:54px 0 58px;border-top:1px solid #e3e8e6;border-bottom:1px solid #e3e8e6;}
.tier1-city-story .city-page-container{max-width:1180px;margin:0 auto;padding:0 22px;}
.tier1-editorial-card{background:#fff;border:1px solid #dfe8e5;border-radius:22px;box-shadow:0 14px 34px rgba(42,68,72,.08);padding:38px 44px;}
.tier1-editorial-card h2{font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:32px;line-height:1.22;margin:0 0 14px;color:#25272b;font-weight:800;}
.tier1-editorial-card .tier1-subtitle{font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:18px;line-height:1.65;color:#425057;margin:0 0 24px;max-width:100%;}
.tier1-editorial-card p{font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:17px;line-height:1.78;color:#384247;margin:0 0 18px;max-width:100%;}
.tier1-editorial-card p:last-child{margin-bottom:0;}
.tier1-editorial-card strong{font-weight:800;color:#25272b;}
.geo-faq-wrap{border-top:1px solid #e0e6e8;padding:0;}
.geo-block-near{background:#f0f7f9;padding:28px 0 28px;border-bottom:1px solid #dde8ec;}
.geo-block-province{background:#f2f8f4;padding:28px 0 28px;border-bottom:1px solid #daeae0;}
.geo-block-faq{background:#fafaf8;padding:20px;margin-bottom:20px;border-radius:10px;border:1px solid #ececea;}
.f4p-city-container{max-width:1240px;margin:0 auto;padding:0 22px;}
.geo-block{padding:0;margin:0;border:0;}
.geo-block h2{font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:24px;font-weight:700;margin:0 0 8px;}
.geo-block .accent{color:var(--f4p-blue);}
.geo-block p{margin:0 0 18px;color:#596368;font-family:'Inter',system-ui,-apple-system,sans-serif;}
.nearby-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.near-card,.province-card{background:#fff;border:1px solid #d9e4e5;border-radius:9px;padding:17px 18px;box-shadow:0 2px 8px rgba(0,0,0,.02);text-decoration:none;color:#1f2428;}
.near-card{display:flex;gap:14px;align-items:center;}
.near-card strong,.province-card strong{display:block;font-size:16px;font-family:'Inter',system-ui,-apple-system,sans-serif;}
.near-card span,.province-card span{display:block;font-size:13px;color:#667176;margin-top:4px;font-family:'Inter',system-ui,-apple-system,sans-serif;}
.geo-ico{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:var(--geo-forest);line-height:1;background-repeat:no-repeat;background-position:center;background-size:contain;}
.near-card .geo-ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232d6a4f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");}
.province-card .geo-ico{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232d6a4f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22V12'/%3E%3Cpath d='M12 7c0-2.8 2.2-5 5-5 0 2.8-2.2 5-5 5z'/%3E%3Cpath d='M12 7c0-2.8-2.2-5-5-5 0 2.8 2.2 5 5 5z'/%3E%3Cpath d='M12 12c2.8 0 5-2.2 5-5-2.8 0-5 2.2-5 5z'/%3E%3Cpath d='M12 12c-2.8 0-5-2.2-5-5 2.8 0 5 2.2 5 5z'/%3E%3C/svg%3E");}
.geo-text{display:flex;flex-direction:column;}
.province-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;}
.province-link{text-align:right;margin-top:18px;}
.catalog-link{color:var(--f4p-blue);font-weight:800;text-decoration:none;}
@media(max-width:980px){
  .nearby-grid,.province-grid{grid-template-columns:repeat(2,1fr);}
  .tier1-editorial-card{padding:26px 22px;border-radius:18px;}
  .tier1-editorial-card h2{font-size:26px;}
  .tier1-editorial-card p,.tier1-editorial-card .tier1-subtitle{font-size:16px;}
}
@media(max-width:620px){
  .nearby-grid,.province-grid{grid-template-columns:1fr;}
  .tier1-city-story{padding:36px 0 40px;}
}
.faq-grid{display:grid;grid-template-columns:1fr;gap:16px;}
.faq-item details{background:#fff;border:1px solid #d9e4e5;border-radius:9px;overflow:hidden;}
.faq-item summary{list-style:none;padding:18px 48px 18px 18px;position:relative;font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:17px;font-weight:600;color:#333!important;cursor:pointer;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:'+';position:absolute;right:18px;top:14px;background:var(--f4p-blue);color:#fff;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.faq-item summary h3{font-size:16px;}
.faq-item details[open] summary::after{content:'–';}
.faq-item p{padding:0 18px 18px;margin:0;color:#596368;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.55;}

/* ================================================
   Hero option one
   ================================================ */


.hero-option-one{margin:18px auto 22px;display:grid!important;grid-template-columns:62% 38%!important;align-items:stretch;gap:0;border:1px solid #e0e0e0;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06);}
.hero-option-one-copy{grid-column:1!important;padding:36px 40px 32px;font-family:'Inter',system-ui,-apple-system,sans-serif;background:linear-gradient(135deg,#fff 0%,#fbfdf9 58%,#f2faf2 100%);}
.hero-kicker{text-transform:uppercase;letter-spacing:.14em;color:#6b9f2f;font-weight:800;font-size:12px;margin-bottom:10px;}
.hero-option-one h1,.hero-option-one h1 *{font-family:'Inter',system-ui,-apple-system,sans-serif!important;font-size:22px!important;font-weight:700!important;line-height:1.35!important;color:#333!important;margin:0 0 12px!important;text-align:left!important;letter-spacing:normal!important;text-transform:none!important;}
.hero-option-one-copy h1,.hero-option-one-copy h1 *{text-align:left!important;padding-left:0!important;}
.hero-option-one h1 span{color:#3596b5!important;font-weight:700!important;}
/* h1→h2 swap: preserve h1 visual styles on h2 (revert: change h2 back to h1 in city.tpl and remove these 3 lines) */
.hero-option-one h2#city-flower-delivery-title,.hero-option-one h2#city-flower-delivery-title *{font-family:'Inter',system-ui,-apple-system,sans-serif!important;font-size:22px!important;font-weight:700!important;line-height:1.35!important;color:#333!important;margin:0 0 12px!important;text-align:left!important;letter-spacing:normal!important;text-transform:none!important;}
.hero-option-one-copy h2#city-flower-delivery-title,.hero-option-one-copy h2#city-flower-delivery-title *{text-align:left!important;padding-left:0!important;}
.hero-option-one h2#city-flower-delivery-title span{color:#3596b5!important;font-weight:700!important;}
.hero-lead{font-size:18px;line-height:1.5;margin:0 0 10px;color:#2b2e31;font-family:'Inter',system-ui,-apple-system,sans-serif;}
.hero-support{font-size:15.5px;line-height:1.6;margin:0 0 20px;color:#34383a;font-family:'Inter',system-ui,-apple-system,sans-serif;}
.hero-trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 0 0;border-top:1px solid #e8f0ef;margin-top:12px;}
.hero-mini{background:#fff;border:1px solid #e0eded;border-radius:12px;padding:10px 12px;display:flex;gap:8px;align-items:center;}
.hm-ico{flex:0 0 auto;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:#2d6a4f;}
.hm-ico svg{width:20px;height:20px;color:#3398ad!important;stroke:#3398ad!important;}
.hm-ico--star{color:#00b67a;}
.hm-text{display:flex;flex-direction:column;}
.hm-text strong{font-size:12px;line-height:1.2;font-family:'Inter',system-ui,-apple-system,sans-serif;color:#25272b;}
.hm-text small{font-size:11px;color:#626b6d;margin-top:2px;font-family:'Inter',system-ui,-apple-system,sans-serif;}
.hero-option-one-image{position:relative;grid-column:2!important;background-image:var(--f4p-desktop-intro-banner,none);background-size:cover;background-position:center top;background-repeat:no-repeat;background-color:#fff;border-left:1px solid #f0f0f0;min-height:437px;}
.hero-option-one-image::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,255,255,0) 42%);}
@media(min-width:771px){html body section.login-block:not(.f4p-country-hero){display:none!important;}}
/* ≤1366px: the MOBILE header + f4pm-hero are active (their range is up to
   1366px), so the city hero must use its stacked mobile treatment here too —
   otherwise iPad portrait/landscape gets both designs colliding */
@media(max-width:1366px){
  .hero-option-one{display:flex!important;flex-direction:column;grid-template-columns:1fr;}
  .hero-option-one-image{min-height:240px;order:-1;display:none;}
  .hero-trust-row{grid-template-columns:repeat(2,1fr);}
  .hero-search-row{grid-template-columns:1fr;}
  .geo-block-near>.container,.geo-block-province>.container{padding-left:16px!important;padding-right:16px!important;}
  /* Hide duplicate delivery form — the mobile header hero already has one */
  html body .hero-search-card{display:none!important;}
}
/* 771–1366px (tablet): legacy desktop rules (min-width:771) float/shrink the
   top-level blocks so banner + hero render side by side. Force every
   city-page section to stack full-width, phone-style */
@media(min-width:771px) and (max-width:1366px){
  html body>section{display:block!important;width:100%!important;max-width:100%!important;}
  html body .f4pm-hero,
  html body .wrapper.f4p-home-delivery-wrap,
  html body .container.f4p-city-main-container,
  html body .main-container3,
  html body .f4p-main-content-column,
  html body section.geo-faq-wrap{
    float:none!important;clear:both!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    flex:none!important;
    margin-left:0!important;margin-right:0!important;
    box-sizing:border-box!important;
  }
  html body .container.f4p-city-main-container{padding-left:16px!important;padding-right:16px!important;}
  html body section.hero-option-one{width:auto!important;max-width:100%!important;clear:both!important;}
}
@media(max-width:770px){
  .hero-search-row{display:grid!important;grid-template-columns:1fr!important;}
  .faq-item h3,.faq-item summary h3{font-size:15px!important;line-height:1.6em!important;padding:0!important;}
  .hero-search-card #book_form_date2{border:1px solid #d9e4e4!important;}
  #filterBtn{display:none!important;}
  .near-card,.province-card{display:flex!important;}
}
@media(max-width:620px){
  .hero-option-one-copy{padding:24px 18px;}
  .hero-option-one h1{font-size:28px;}
  .hero-option-one h2#city-flower-delivery-title{font-size:28px!important;}
  .hero-trust-row{grid-template-columns:1fr;}
}

/* ================================================
   Hero search card
   ================================================ */
.hero-search-card{background:#fff;border:1px solid #dbe7e7;border-radius:20px;padding:18px;box-shadow:0 8px 22px rgba(19,66,75,.08);margin:20px 0 18px;box-sizing:border-box;overflow:hidden;}
.hero-search-card h2,.hero-search-card h2 *{font-size:17px!important;font-weight:700!important;margin:0 0 12px!important;line-height:1.2!important;color:#25272b!important;font-family:'Inter',system-ui,-apple-system,sans-serif!important;padding:0!important;}
.hero-search-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;}
.hero-search-row .google-dropdown{margin:0!important;padding:0!important;width:100%!important;float:none!important;}
.hero-search-row .google-dropdown select,.hero-search-row .google-dropdown input,.hero-search-row .google-dropdown .calender_container input{height:54px!important;border:1px solid #d9e4e4!important;border-radius:13px!important;padding:0 14px!important;font-size:15px!important;color:#333!important;background:#fff!important;width:100%!important;box-sizing:border-box!important;appearance:none!important;-webkit-appearance:none!important;box-shadow:none!important;outline:none!important;background-image:none!important;display:block!important;line-height:54px!important;font-family:'Inter',system-ui,-apple-system,sans-serif!important;}
.hero-search-row .google-dropdown{display:block!important;float:none!important;margin:0!important;padding:0!important;width:100%!important;}
.hero-search-row .google-dropdown .calendar-bg{background:none!important;padding:0!important;border:none!important;margin:0!important;display:block!important;}
.hero-search-row .google-dropdown .calender_container{position:static!important;margin:0!important;display:block!important;}
.hero-search-row .google-dropdown select:focus,.hero-search-row .google-dropdown input:focus{border-color:#3398ad!important;box-shadow:0 0 0 3px rgba(51,152,173,.12)!important;}
.hero-search-card #book_form_date2{height:54px!important;padding-left:42px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233398ad' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E") no-repeat 12px center!important;background-size:18px 18px!important;font-size:15px!important;line-height:54px!important;vertical-align:middle!important;}
.hero-search-card .google-dropdown .calender_container{display:block!important;height:54px!important;margin:0!important;padding:0!important;line-height:54px!important;}
.hero-search-card .google-dropdown .calendar-bg{height:54px!important;margin:0!important;padding:0!important;border:0!important;background:none!important;display:block!important;}
.hero-search-card .select2-container .select2-selection--single{height:54px!important;border:1px solid #d9e4e4!important;border-radius:13px!important;display:flex!important;align-items:center!important;box-sizing:border-box!important;}
.hero-search-card .select2-container .select2-selection--single .select2-selection__rendered{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233398ad'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E") no-repeat 12px center!important;background-size:18px 18px!important;padding-left:38px!important;padding-top:0!important;padding-bottom:0!important;line-height:54px!important;font-size:15px!important;color:#333!important;height:54px!important;display:flex!important;align-items:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.hero-search-card .select2-container .select2-selection--single .select2-selection__arrow{height:54px!important;display:flex!important;align-items:center!important;top:0!important;bottom:0!important;margin:auto!important;}
.hero-search-card .select2-container .select2-selection--single .select2-selection__arrow b{border-color:#555 transparent transparent transparent!important;margin-top:0!important;position:relative!important;top:0!important;}

.hm-ico--star svg{fill:#3398ad!important;color:#3398ad!important;}
.hero-search-btn-row{margin-top:10px;box-sizing:border-box;position:relative;}
.hero-search-btn-row .md_button.green{display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;text-align:center!important;height:48px!important;line-height:48px!important;border-radius:13px!important;font-size:15px!important;font-weight:800!important;background:#3398ad!important;color:#fff!important;cursor:pointer!important;border:0!important;padding:0!important;margin:0!important;transition:opacity .2s;}
.hero-search-btn-row .md_button.green.hero-btn-loading{opacity:.7!important;pointer-events:none!important;}
.hero-btn-spinner{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:22px;height:22px;border:3px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:hero-spin .7s linear infinite;}
.hero-btn-spinner.active{display:block;}
@keyframes hero-spin{to{transform:translate(-50%,-50%) rotate(360deg);}}
.hero-intro-text{font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:15px;font-weight:500;color:#333;line-height:1.6em;margin:0 0 4px;}
.hero-intro-text p{margin:0 0 8px;font-size:15px;font-weight:500;color:#333;line-height:1.6em;}
.hero-intro-text strong{font-weight:700;}

/* ================================================
   Logo font
   ================================================ */
.logo .site_main_logo,
.logo .site_main_logo a,
.logo .site_main_logo span{font-family:"CoconPro-Regular Regular"!important;}

/* ================================================
   Category text panel
   ================================================ */
.panel-text.cat-txt .categories__title{padding:0;padding-bottom:10px;color:#333;font-size:22px;font-weight:600;margin-bottom:5px!important;margin-top:5px!important;width:100%;letter-spacing:0;}
.panel-text.cat-txt .categories__subtitle{padding:10px 0;font-size:18px;color:#333;font-family:Montserrat,sans-serif,Verdana!important;font-weight:700;margin-bottom:7px;line-height:1;}
.panel-text.cat-txt ul.category-items{font-size:15px!important;color:#333!important;line-height:1.6em;list-style:disc;margin:10px 0 10px 18px;}
.panel-text.cat-txt .content-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px;}
.panel-text.cat-txt .feature-box{background-color:#fff;border-radius:8px;padding:15px 20px;margin-bottom:20px;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:transform .3s ease;}
.panel-text.cat-txt .feature-box:hover{transform:translateY(-3px);box-shadow:0 5px 12px rgba(0,0,0,.08);}
@media(max-width:770px){.panel-text.cat-txt .content-grid{grid-template-columns:1fr;}}
.more-button{display:flex;justify-content:center;margin:5px 0 10px;}
.more-button button{background:linear-gradient(to right,#3596B5,#4CBBC3);color:#fff;border:none;padding:12px 45px;border-radius:30px;font-weight:600;text-transform:capitalize;cursor:pointer;transition:all .3s ease;font-size:1rem;box-shadow:0 3px 6px rgba(0,0,0,.1);position:relative;overflow:hidden;z-index:1;}
.more-button button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#4CBBC3,#3596B5);z-index:-1;transition:opacity .3s ease;opacity:0;}
.more-button button:hover:before{opacity:1;}
.more-button button:hover{transform:translateY(-2px);box-shadow:0 5px 10px rgba(0,0,0,.15);}
.more-button button:focus{outline:none;}
.more-button button .icon{display:inline-block;margin-left:8px;transition:transform .3s ease;}
.more-button button.expanded .icon{transform:rotate(180deg);}
p.delivery-areas-title{text-align:center;font-size:26px!important;padding:12px 0 0;box-sizing:border-box;line-height:1.5!important;font-weight:700!important;margin-bottom:7px;}
.menu_links_title{margin:0 0 10px;font-weight:700;font-size:15px;color:#333;text-transform:uppercase;}
.menu-options-title{border-bottom:1px solid #3a97b3!important;margin:0 0 10px;padding:0;font-size:14px;color:#626262;line-height:26px;text-align:left;font-weight:700;}
.hidden-content{max-height:0;overflow:hidden;transition:max-height .6s ease,opacity .4s ease;opacity:0;}
.hidden-content.show{max-height:2000px;opacity:1;}
.hidden-content .feature-box{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease;}
.hidden-content.show .feature-box{opacity:1;transform:translateY(0);}
.hidden-content.show .feature-box:nth-child(1){transition-delay:.1s;}
.hidden-content.show .feature-box:nth-child(2){transition-delay:.2s;}
.hidden-content.show .feature-box:nth-child(3){transition-delay:.3s;}
.hidden-content.show .feature-box:nth-child(4){transition-delay:.4s;}

/* ================================================
   Country hero / FAQ section
   ================================================ */
section.login-block.f4p-country-hero{padding-bottom:0!important;}
.faq-section{padding:20px;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border:1px solid #ececea;border-radius:5px;margin-bottom:10px;}
.section-header{text-align:center;margin-bottom:35px;}
.section-header p{font-size:16px!important;margin:5px auto 0;line-height:1.6;}
.faq-section .faq-container{margin:0 auto;}
.faq-section .faq-item{background-color:#fff;border-radius:12px;margin-bottom:20px;box-shadow:0 4px 15px rgba(0,0,0,.08);overflow:hidden;transition:all .3s ease;border:1px solid #f0f0f0;}
.faq-section .faq-item:hover{box-shadow:0 8px 25px rgba(0,0,0,.12);transform:translateY(-3px);}
.faq-section .faq-question{padding:15px 20px;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);border-bottom:1px solid #f0f0f0;margin:0;font-size:14px;font-weight:600;line-height:1.4;}
.faq-section .faq-answer{padding:15px 20px;background-color:#fff;}
.faq-section .faq-answer p{margin:0;color:#495057;font-size:16px;line-height:1.7;}
.faq-section .faq-answer a{color:#3596b5;text-decoration:none;font-weight:500;}
.faq-section .faq-answer a:hover{color:#9c27b0;text-decoration:underline;}
@media(max-width:770px){.faq-section .faq-question{padding:20px;}.faq-section .faq-answer{padding:20px;}.faq-section .faq-answer p{font-size:15px;}}
@media(max-width:480px){.faq-section{padding:40px 0;}.faq-section .faq-answer p{font-size:14px;}}

/* ================================================
   Featured products section
   ================================================ */
.f4p-featured-products{padding:22px 0 0;width:100%;box-sizing:border-box;}
.f4p-fp-head{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 18px;flex-wrap:wrap;gap:8px;}
.f4p-fp-head h2{font-family:'Inter',system-ui,sans-serif;font-size:22px;font-weight:700;color:#25272b;margin:0 0 4px;}
.f4p-fp-head p{font-family:'Inter',system-ui,sans-serif;font-size:14px;color:#596368;margin:0;}
.f4p-fp-catalog-link{font-family:'Inter',system-ui,sans-serif;font-size:13px;font-weight:700;color:#3398ad;text-decoration:none;white-space:nowrap;}
.f4p-fp-catalog-link:hover{text-decoration:underline;}
.bottom-catalog{margin:28px 0 28px;text-align:center;}
.bottom-catalog .catalog-link{display:inline-block!important;padding:14px 40px!important;background:#3398ad!important;color:#fff!important;font-family:'Inter',system-ui,sans-serif!important;font-size:16px!important;font-weight:700!important;text-decoration:none!important;border-radius:999px!important;letter-spacing:.04em!important;box-shadow:0 4px 16px rgba(51,152,173,.28)!important;transition:background .18s,box-shadow .18s,transform .15s!important;}
.bottom-catalog .catalog-link:hover{background:#2a7fa3!important;box-shadow:0 6px 22px rgba(51,152,173,.38)!important;transform:translateY(-2px)!important;text-decoration:none!important;color:#fff!important;}
.f4p-fp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.f4p-fp-card{border:1px solid #e1e8e8;border-radius:16px;background:#fff;padding:16px 12px 14px;box-shadow:0 4px 14px rgba(0,0,0,.05);transition:transform .18s,box-shadow .18s;text-decoration:none;color:inherit;display:flex;flex-direction:column;}
.f4p-fp-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.10);}
.f4p-fp-img{height:200px;border-radius:12px;margin-bottom:10px;background:center/contain no-repeat #fff;}
.f4p-fp-name{font-family:'Inter',system-ui,sans-serif;font-size:14px;font-weight:500;line-height:1.3;min-height:36px;margin:0 0 6px;color:#25272b;text-align:center;}
.f4p-fp-delivery{font-family:'Inter',system-ui,sans-serif;font-size:12px;color:#3596b5;font-weight:600;margin:0 0 4px;text-align:center;}
.f4p-fp-from{font-family:'Inter',system-ui,sans-serif;font-size:12px;color:#6b7377;font-style:italic;margin:0;text-align:center;}
.f4p-fp-price{font-family:'Inter',system-ui,sans-serif;font-size:19px;font-weight:700;color:#25272b;margin:4px 0 6px;text-align:center;-webkit-font-smoothing:antialiased;}
.f4p-fp-price-alt{font-family:'Inter',system-ui,sans-serif;font-size:11px;color:#888;margin:0 0 10px;text-align:center;}
.f4p-fp-btn{display:block;padding:9px 0;border:1.5px solid #25272b;border-radius:999px;font-family:'Inter',system-ui,sans-serif;font-size:12px;font-weight:800;color:#25272b;text-align:center;background:#fff;cursor:pointer;margin-top:auto;transition:background .15s,color .15s;}
.f4p-fp-btn:hover{background:#25272b;color:#fff;}
.f4p-fp-card,.f4p-fp-card *{text-decoration:none!important;}
@media(min-width:1200px){.f4p-fp-grid{grid-template-columns:repeat(5,1fr);}}
@media(max-width:1199px) and (min-width:771px){.f4p-fp-grid{grid-template-columns:repeat(4,1fr);}}
@media(max-width:770px){
  .f4p-fp-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;box-sizing:border-box!important;gap:10px!important;}
  .f4p-fp-grid>*{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important;}
  /* Info card: stack vertically and center Trustpilot section */
  .f4p-fp-info-card{flex-direction:column!important;}
  .f4p-fp-info-card>div:first-child{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;flex:1!important;padding:16px 12px!important;}
    
    
    .f4p-fp-card{
            padding-left: 0 !important;
        padding-right: 0 !important;
                padding-top: 0px !important;
        
    }
    
    html body .f4p-fp-card {
    margin-bottom: 0 !important;
}
    .f4p-fp-name {
  
    min-height: 16px !important;
    }
    
    .f4p-fp-img {
   
    margin-bottom: 0 !important;
        
    }
    
    .f4p-fp-btn {
   
    width: 90%;
    margin: 0 auto;
    }
    
        h3.f4p-cats-mob-title {
        margin-top: 0px !important;
            
    }
    
    .f4p-cats-mob {
        
        padding: 2px 0 4px !important;
        
    }
    
    
}

/* ================================================
   City page layout overrides (scoped)
   ================================================ */
html body .tier1-editorial-card,
html body .featbox,
html body .featured-areas-card,
html body .f4p-featured-products,
html body #day-filter-top{margin-bottom:16px!important;margin-top:0!important;}
html body .f4p-fp-card{margin-bottom:0!important;margin-top:0!important;}
html body .f4p-featured-products{margin-top:0!important;margin-bottom:0!important;}
html body .flower-categories-container{max-width:1430px!important;margin-left:auto!important;margin-right:auto!important;padding:10px 0 12px!important;border-bottom:0 solid #e8f0ef!important;}
html body #day-filter-top{display:flex!important;max-width:1430px!important;margin-left:auto!important;margin-right:auto!important;width:100%!important;}
html body .f4p-main-content-column .main-content>.wrapper{max-width:1430px!important;margin-left:auto!important;margin-right:auto!important;}
html body .geo-block-near>.container,html body .geo-block-province>.container,html body .geo-block-faq>.container{max-width:1430px!important;margin-left:auto!important;margin-right:auto!important;}
html body .f4p-featured-products,html body .tier1-editorial-card,html body .featbox{max-width:100%!important;}
html body .hero-trust-row{display:grid!important;}
/* Search card only on real desktop (≥1367) — mobile header covers ≤1366 */
@media(min-width:1367px){html body .hero-search-card{display:block!important;}}
html body #f4p-site-footer #footer-content2.footer-content{max-width:1430px!important;margin-left:auto!important;margin-right:auto!important;width:100%!important;}
html body #f4p-site-footer .footer-local_wrapper{max-width:1430px!important;margin:0 auto!important;}

html body .header_top .langdiv .languages_right>li>ul>li a {       
  box-sizing: border-box;   
}



ul.languages_right ul li {

    padding: 0 !important;


}

/* ================================================
   Call Us dropdown — compact card, country + phone per row.
   Markup (live-verified): alternating bare <li>s — odd = country,
   even = phone. A 2-column grid pairs them into rows.
   Selectors use ul.languages_right.languages_right_call (both classes)
   so they OUTRANK f4_responsive.css (loaded later in the footer:
   width:260px/display:block) and the legacy css_styles_mini_v2.css
   (width:460px + li width:60%/45% inline-block soup).
   ================================================ */
/* Anchor: panel positions against the trigger li, never the header */
html body .header-bg .header_top ul.languages_right.languages_right_call>li{
  position:relative!important;
}
/* Base panel — hidden until hover/click-open; size/look defined here */
html body .header-bg .header_top ul.languages_right.languages_right_call>li>ul{
  display:none!important;
  grid-template-columns:max-content 1fr!important;
  align-items:center!important;
  position:absolute!important;
  top:100%!important;
  right:0!important;
  left:auto!important;
  width:max-content!important;
  min-width:280px!important;
  max-width:min(360px,calc(100vw - 24px))!important;
  height:auto!important;
  max-height:min(420px,70vh)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  margin:0!important;
  padding:4px 0!important;
  box-sizing:border-box!important;
  background:#fff!important;
  opacity:1!important;
  border:1px solid #e5e7eb!important;
  border-radius:10px!important;
  box-shadow:0 10px 28px rgba(15,23,42,.16)!important;
  font-size:13px!important;
  line-height:1.4!important;
}
html body .header-bg .header_top ul.languages_right.languages_right_call>li.f4p-header-drop-open>ul,
html body .header-bg .header_top ul.languages_right.languages_right_call>li:hover>ul{
  display:grid!important;
}
/* Cells — kill legacy width:60%/45% inline-block layout */
html body .header-bg .header_top ul.languages_right.languages_right_call>li>ul>li{
  display:block!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  float:none!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  border:0!important;
  border-bottom:1px solid #f3f4f6!important;
  padding:7px 8px!important;
  vertical-align:middle!important;
  line-height:1.4!important;
  font-family:'Inter',system-ui,-apple-system,sans-serif!important;
}
/* Odd cells = country names: bold, start-aligned */
html body .header-bg .header_top ul.languages_right.languages_right_call>li>ul>li:nth-child(odd){
  font-weight:600!important;
  color:#111827!important;
  font-size:13px!important;
  text-align:start!important;
  padding-inline-start:16px!important;
}
/* Even cells = phone numbers: end-aligned, always LTR digits */
html body .header-bg .header_top ul.languages_right.languages_right_call>li>ul>li:nth-child(even){
  font-weight:400!important;
  color:#374151!important;
  font-size:13px!important;
  text-align:end!important;
  padding-inline-end:16px!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  font-variant-numeric:tabular-nums!important;
}
/* No divider under the last row (last country + phone pair) */
html body .header-bg .header_top ul.languages_right.languages_right_call>li>ul>li:nth-last-child(-n+2){border-bottom:none!important;}
/* If a site renders numbers as links, keep them tidy */
html body .header-bg .header_top ul.languages_right.languages_right_call>li>ul>li a{
  display:inline!important;
  padding:0!important;
  color:inherit!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
/* RTL (ar/he): trigger sits near the LEFT edge — open panel leftward
   so it stays on screen; grid columns mirror automatically */
html[dir="rtl"] body .header-bg .header_top ul.languages_right.languages_right_call>li>ul{right:auto!important;left:0!important;}
/* ================================================
   RTL (Arabic / Hebrew) fixes — html[dir="rtl"]
   ================================================ */
/* Hero title: was forced text-align:left — align right in RTL */
html[dir="rtl"] .hero-option-one h1,html[dir="rtl"] .hero-option-one h1 *,
html[dir="rtl"] .hero-option-one h2#city-flower-delivery-title,html[dir="rtl"] .hero-option-one h2#city-flower-delivery-title *{text-align:right!important;padding-left:0!important;padding-right:0!important;}
/* Kicker: letter-spacing breaks connected Arabic script — disable in RTL */
html[dir="rtl"] .hero-kicker{letter-spacing:0!important;}
html[dir="rtl"] .f4p-cat-hero-btn,html[dir="rtl"] .bottom-catalog .catalog-link,html[dir="rtl"] .f4p-index-hero-fallback__btn{letter-spacing:0!important;}
/* City select2 in RTL: pin icon on the RIGHT (text-start side), caret on the LEFT.
   Pin painted on the outer selection box (always full width) — any icon painted
   on inner rendered/placeholder elements is stripped so only one pin shows */
html[dir="rtl"] .hero-search-card .select2-container .select2-selection--single{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233398ad'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:18px 18px!important;}
html[dir="rtl"] .hero-search-card .select2-container .select2-selection--single .select2-selection__rendered,
html[dir="rtl"] .hero-search-card .select2-container .select2-selection--single .select2-selection__placeholder{background:none!important;background-image:none!important;padding-right:40px!important;padding-left:26px!important;}
html[dir="rtl"] .hero-search-card .select2-container .select2-selection--single .select2-selection__arrow{left:10px!important;right:auto!important;}
/* Date input: mirror calendar icon + padding to the right */
html[dir="rtl"] .hero-search-card #book_form_date2{background-position:right 12px center!important;padding-left:14px!important;padding-right:42px!important;}
/* Buy Now button: Arabic glyphs read small at 12px — bump size */
html[dir="rtl"] body .f4p-fp-btn,
html[dir="rtl"] body .f4p-fp-card .f4p-fp-btn{font-size:15px!important;line-height:1.4!important;padding:10px 0!important;}
/* Footer RTL alignment — f4_footer_mobile_theme.css forces text-align:left
   with a 2-id selector (html body #f4p-site-footer #footer-content2>h2);
   these selectors carry the same 2 ids + extra classes so they outrank it
   even though that file loads later */
html[dir="rtl"] body #f4p-site-footer #footer-content2 > h2,
html[dir="rtl"] body #f4p-site-footer #footer-content2 > h2.f4p-footer-h2{text-align:right!important;}
html[dir="rtl"] body #f4p-site-footer #footer-content2 > p{text-align:right!important;}
html[dir="rtl"] body #f4p-site-footer #footer-content2 ul.footergrid > li > h3.f4p-footer-h3,
html[dir="rtl"] body #f4p-site-footer #footer-content2 .footer_phones h3.f4p-footer-h3{text-align:right!important;}
html[dir="rtl"] body #f4p-site-footer #footer-content2 ul.footergrid li p,
html[dir="rtl"] body #f4p-site-footer #footer-content2 ul.footergrid li .nav-links{text-align:right!important;}
/* Footer phone numbers stay LTR so digits keep their order */
html[dir="rtl"] body #f4p-site-footer #footer-content2 .footer_phones .phone-numbers .row > div:not(.phone-country){direction:ltr!important;unicode-bidi:isolate!important;}

/* ================================================
   Moved from city.tpl inline <style> (end of body) —
   keep LAST in this file to preserve cascade priority
   ================================================ */
@media (min-width: 771px) {
  html body .f4p-main-content-column .main-content>.wrapper {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "f4p-products" !important;
  }
}

/* ================================================
   Desktop header 1367–1500px: mirrors the fix in f4_header_mobile.css
   (display:grid so grid-column children lay out correctly).
   Kept here as a fallback in case f4_header_mobile.css CDN is stale.
   ================================================ */
@media screen and (min-width: 1367px) and (max-width: 1500px) {
  html body div.header.header_mobile_search > div.logo {
    display: grid !important;
    grid-template-columns: minmax(200px,1fr) minmax(500px,560px) auto !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 6px 16px !important;
  }
}