/* ========================================================================== 
   Fashionflo v3.42.0 — Design Your Own landing page, mobile-first shell
   The phone landing page is intentionally simpler than desktop: brand, hero,
   one primary action and products. The decorative desktop designer mock-up is
   hidden on phones so it cannot dominate or overflow the first screen.
   ========================================================================== */
@media (max-width:900px){
  html,body.ffdl3270{width:100%;max-width:100%;min-width:0;overflow-x:hidden}
  body.ffdl3270{background:#fff;color:#123a57}
  .ffdl3270 *{box-sizing:border-box;min-width:0}

  .ffdl-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.98);border-bottom:1px solid #e3eaf0;box-shadow:0 2px 10px rgba(16,50,75,.04)}
  .ffdl-header-inner{width:100%!important;max-width:100%!important;height:64px!important;min-height:64px!important;padding:0 14px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important}
  .ffdl-brand{display:flex!important;align-items:center!important;gap:8px!important;max-width:168px!important;overflow:hidden!important;text-decoration:none!important}
  .ffdl-brand>.ffdl-logo,.ffdl-brand picture,.ffdl-brand img,.ffdl-brand svg{max-width:44px!important;width:44px!important;height:44px!important;object-fit:contain!important;flex:0 0 44px!important}
  .ffdl-brand span{display:grid!important;line-height:1!important;gap:2px!important}
  .ffdl-brand span strong{font-size:13px!important;letter-spacing:.035em!important;white-space:nowrap!important}
  .ffdl-brand span small{font-size:6px!important;letter-spacing:.14em!important;white-space:nowrap!important}
  .ffdl-nav{position:fixed!important;inset:64px 0 auto!important;width:100%!important;max-height:calc(100dvh - 64px)!important;overflow:auto!important;background:#fff!important;padding:14px!important;border-bottom:1px solid #dfe8ee!important;box-shadow:0 18px 40px rgba(16,50,75,.12)!important;display:none!important;grid-template-columns:1fr!important;gap:2px!important}
  .ffdl-header.is-menu-open .ffdl-nav,.ffdl-nav.is-open{display:grid!important}
  .ffdl-nav a{padding:13px 10px!important;border-radius:10px!important;font-size:14px!important}
  .ffdl-header-actions{display:flex!important;align-items:center!important;gap:4px!important}
  .ffdl-icon-link{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;padding:0!important;border-radius:50%!important}
  .ffdl-icon-link svg,.ffdl-menu svg{width:21px!important;height:21px!important}
  .ffdl-search{display:none!important}.ffdl-account span,.ffdl-cart span{display:none!important}
  .ffdl-cart{position:relative!important}.ffdl-cart b{position:absolute!important;top:-1px!important;right:-1px!important;min-width:18px!important;height:18px!important;border-radius:9px!important;display:grid!important;place-items:center!important;font-size:9px!important}
  .ffdl-menu{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;padding:0!important;border:0!important;background:transparent!important}

  .ffdl-shell{width:100%!important;max-width:100%!important;padding-left:16px!important;padding-right:16px!important}
  .ffdl-hero{background:linear-gradient(155deg,#f8fcff 0%,#eef9ff 58%,#fff 100%)!important;border-bottom:1px solid #e5edf2!important}
  .ffdl-hero-grid{display:block!important;width:100%!important;max-width:100%!important;padding:42px 0 34px!important}
  .ffdl-hero-copy{width:100%!important;max-width:100%!important;padding:0!important}
  .ffdl-eyebrow{font-size:11px!important;letter-spacing:.18em!important}
  .ffdl-hero-copy h1{font-size:clamp(42px,12vw,56px)!important;line-height:.96!important;letter-spacing:-.045em!important;margin:12px 0 18px!important;max-width:350px!important}
  .ffdl-hero-copy>p{font-size:17px!important;line-height:1.5!important;max-width:600px!important;color:#587187!important;margin:0!important}
  .ffdl-hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:26px!important}
  .ffdl-btn{width:100%!important;min-height:54px!important;border-radius:14px!important;font-size:16px!important;justify-content:center!important}
  .ffdl-btn svg{width:19px!important;height:19px!important}
  .ffdl-hero-trust{display:grid!important;grid-template-columns:1fr!important;gap:13px!important;margin-top:28px!important;padding:0!important}
  .ffdl-hero-trust>span{display:grid!important;grid-template-columns:34px 1fr!important;grid-template-rows:auto auto!important;column-gap:10px!important;align-items:center!important}
  .ffdl-hero-trust svg{grid-row:1/3;width:25px!important;height:25px!important;color:#0b8edc!important}
  .ffdl-hero-trust b{font-size:13px!important}.ffdl-hero-trust small{font-size:11px!important;color:#7a8d9c!important}

  /* The desktop preview is deliberately removed on phones. The real designer is
     one tap away and gets the available screen instead of a fake miniature UI. */
  .ffdl-workspace{display:none!important}

  .ffdl-products,.ffdl-how,.ffdl-smart,.ffdl-occasions,.ffdl-final-cta{padding-left:0!important;padding-right:0!important}
  .ffdl-products{padding-top:34px!important;padding-bottom:34px!important}
  .ffdl-section-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;margin-bottom:16px!important}
  .ffdl-section-head h2{font-size:28px!important;line-height:1.04!important;margin:4px 0 0!important}.ffdl-section-head p{display:none!important}.ffdl-section-head>a{font-size:11px!important;white-space:nowrap!important}
  .ffdl-product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .ffdl-product-card{border-radius:15px!important;overflow:hidden!important;min-width:0!important}
  .ffdl-product-image{height:150px!important;min-height:150px!important;padding:8px!important}.ffdl-product-image img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}
  .ffdl-product-body{padding:11px!important}.ffdl-product-body>strong{font-size:13px!important;line-height:1.2!important}.ffdl-product-body>small{font-size:10px!important;margin-top:3px!important}.ffdl-card-go{width:34px!important;height:34px!important}
  .ffdl-swatches{gap:4px!important;margin-top:9px!important}.ffdl-swatches i{width:12px!important;height:12px!important}

  .ffdl-how{padding-top:38px!important;padding-bottom:38px!important}.ffdl-steps{grid-template-columns:1fr!important;gap:10px!important}.ffdl-steps article{min-height:0!important;padding:16px!important;border-radius:14px!important}.ffdl-steps article>i{display:none!important}
  .ffdl-smart{padding-top:38px!important;padding-bottom:38px!important}.ffdl-smart-grid,.ffdl-smart-demo{grid-template-columns:1fr!important}.ffdl-smart-copy h2{font-size:31px!important}.ffdl-smart-arrow{display:none!important}
  .ffdl-occasion-grid{grid-template-columns:1fr!important}.ffdl-occasion-card{height:135px!important}
  .ffdl-final-cta-inner{grid-template-columns:1fr!important;padding-top:28px!important;padding-bottom:28px!important}.ffdl-final-cta img{display:none!important}.ffdl-final-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .ffdl-footer-inner{grid-template-columns:1fr!important;gap:18px!important}.ffdl-footer nav{justify-content:flex-start!important;flex-wrap:wrap!important}.ffdl-social{justify-content:flex-start!important}.ffdl-contact{text-align:left!important;grid-column:auto!important}
}

@media(max-width:430px){
  .ffdl-header-inner{padding:0 10px!important}.ffdl-brand{max-width:145px!important}.ffdl-brand>.ffdl-logo,.ffdl-brand picture,.ffdl-brand img,.ffdl-brand svg{width:40px!important;height:40px!important;max-width:40px!important;flex-basis:40px!important}.ffdl-brand span strong{font-size:11px!important}.ffdl-brand span small{font-size:5.5px!important}
  .ffdl-shell{padding-left:13px!important;padding-right:13px!important}.ffdl-hero-grid{padding-top:34px!important}.ffdl-hero-copy h1{font-size:43px!important}.ffdl-hero-copy>p{font-size:15.5px!important}.ffdl-btn{min-height:52px!important;font-size:15px!important}
  .ffdl-product-image{height:132px!important;min-height:132px!important}.ffdl-product-body{padding:9px!important}.ffdl-product-body>strong{font-size:12px!important}.ffdl-product-body>small{font-size:9px!important}
}