*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:#11213f;background:#fff}.top{height:34px;background:#f5f8fc;display:flex;justify-content:space-around;align-items:center;font-size:13px;color:#54627a}.langs a{margin:0 4px;color:#11213f;text-decoration:none}.head{height:82px;display:flex;align-items:center;gap:35px;max-width:1180px;margin:auto}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#14213f;font-size:22px}.flower{color:#1688f8;font-size:34px}.search{display:flex;flex:1;max-width:560px}.search input{width:100%;padding:17px;border:1px solid #e5ecf5;border-radius:8px 0 0 8px}.search button,.nav button,.btn,button{background:#087df2;color:white;border:0;border-radius:8px;padding:14px 22px;font-weight:700;cursor:pointer}.head nav{display:flex;gap:24px}.head nav a{text-decoration:none;color:#13213d}.cart i{background:#0d83ff;color:#fff;border-radius:50%;padding:2px 7px;font-style:normal}.nav{border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7;height:58px;display:flex;gap:28px;align-items:center;max-width:1180px;margin:auto}.nav a{font-weight:700;color:#24304a;text-decoration:none}.nav button{min-width:210px}.hero{background:linear-gradient(90deg,#f6fbff 0%,#eef7ff 54%,#d7ecff 100%);position:relative;overflow:hidden}.hero .inner{max-width:1180px;margin:auto;min-height:520px;display:flex;align-items:center}.hero h1{font-size:58px;line-height:1.05;margin:0 0 25px}.hero h1 span{color:#0987ff}.hero p{font-size:18px;color:#53627a;max-width:560px}.hero .art{margin-left:auto;width:460px;height:360px;border-radius:40px;background:radial-gradient(circle at 60% 30%,#fff 0 15%,transparent 16%),linear-gradient(135deg,#0d7ff0,#7fd2ff);display:grid;place-items:center;color:white;font-size:105px;box-shadow:0 30px 70px #a6c9ea}.badge{position:absolute;right:14%;top:70px;background:#0b8cff;color:white;border-radius:50%;width:140px;height:140px;display:grid;place-items:center;text-align:center;font-weight:800;border:8px solid #67bfff}.trust{display:flex;gap:55px;margin-top:45px}.trust div{display:flex;gap:12px;align-items:center}.wrap{max-width:1180px;margin:auto}.section-title{display:flex;justify-content:space-between;align-items:center;margin:45px 0 20px}.catgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.cat,.product{border:1px solid #e6edf6;border-radius:12px;background:#fff;padding:20px;text-align:center;box-shadow:0 8px 24px #edf3fb}.cat .ico{height:120px;display:grid;place-items:center;font-size:65px;background:#f8fbff;border-radius:12px}.promos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:35px 0}.promo{border-radius:14px;color:white;padding:30px;min-height:185px;display:flex;flex-direction:column;justify-content:center}.p1{background:linear-gradient(135deg,#057cff,#2aa3ff)}.p2{background:linear-gradient(135deg,#2aad64,#6ed797)}.p3{background:linear-gradient(135deg,#7546d8,#c15adf)}.products{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.product{text-align:left}.product .pic{height:170px;display:grid;place-items:center;font-size:70px;background:#fafcff;border-radius:12px}.price{font-size:22px;font-weight:900}.stars{color:#ffb400}.add{float:right;padding:10px 13px}.benefits{background:#087df2;color:#fff;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:35px calc((100% - 1180px)/2)}.benefits div{display:flex;flex-direction:column}.newsletter{max-width:1180px;margin:60px auto;display:flex;gap:80px;align-items:center}.mailart{font-size:100px;color:#1688f8}.newsletter input{padding:15px;width:360px;border:1px solid #e2eaf5;border-radius:8px}footer{background:#071c36;color:#c9d8ee;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:35px;padding:50px calc((100% - 1180px)/2)}footer a{display:block;color:#c9d8ee;margin:12px 0}.copy{background:#06172c;color:#9fb1c9;padding:16px calc((100% - 1180px)/2)}.formbox,.adminbox{max-width:760px;margin:45px auto;padding:28px;border:1px solid #e6edf6;border-radius:18px;box-shadow:0 12px 35px #edf3fb}.field{margin:15px 0}.field label{display:block;font-weight:800;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;padding:14px;border:1px solid #dce7f3;border-radius:9px}.cards4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.dashcard{background:#fff;border:1px solid #e6edf6;border-radius:18px;padding:25px;box-shadow:0 10px 30px #edf3fb}table{width:100%;border-collapse:collapse;background:#fff}td,th{padding:14px;border-bottom:1px solid #edf2f8;text-align:left}@media(max-width:800px){.head,.nav{padding:10px;height:auto;display:block}.search{margin:15px 0}.hero .inner{display:block;padding:35px 18px}.hero h1{font-size:38px}.hero .art{width:100%;height:260px;margin-top:20px}.badge{right:20px;top:210px;width:105px;height:105px;font-size:12px}.catgrid,.products,.promos,.benefits,footer,.cards4{grid-template-columns:1fr 1fr}.products{gap:12px}.newsletter{display:block;padding:20px}.newsletter input{width:100%}}
/* Phase 2 Full */
.shop-hero{background:linear-gradient(135deg,#eef8f1,#fff);border-radius:28px;padding:28px;margin:20px 0;box-shadow:0 20px 55px rgba(16,40,30,.08)}
.searchbar{display:grid;grid-template-columns:1fr 220px 120px;gap:10px;margin-top:18px}.searchbar input,.searchbar select,.searchbar button,.formbox input,.formbox textarea,.formbox select{width:100%;padding:14px;border:1px solid #e3e9e4;border-radius:14px;background:#fff}.searchbar button,.formbox button,button{background:#0a9f58;color:#fff;border:0;border-radius:14px;padding:14px 20px;font-weight:800;cursor:pointer}/* CATEGORY PILLS FIX - ALL CATEGORIES VISIBLE */
.cat-pills{display:flex;flex-wrap:wrap;gap:10px;overflow:visible;padding:8px 0 20px}
.cat-pills a{flex:0 0 auto;white-space:nowrap;text-decoration:none;color:#17352a;border:1px solid #e5ece7;background:#fff;border-radius:999px;padding:10px 14px}
.cat-pills a.active{background:#0a9f58;color:#fff}.product .pic img{max-width:100%;max-height:150px;object-fit:contain}.product p{min-height:36px;color:#6b7a70}.actions{display:flex;align-items:center;gap:8px}.actions form{margin:0}.heart{background:#fff!important;color:#e63946!important;border:1px solid #eee!important;border-radius:14px!important;padding:12px!important}.empty,.alert{padding:14px;border-radius:16px;background:#fff4d8;margin:12px 0}.alert.success{background:#dcffe9}.cart-row{display:grid;grid-template-columns:1fr 90px 120px;align-items:center;gap:10px;padding:12px;border-bottom:1px solid #edf0ed}.cart-row input{padding:10px;border-radius:12px;border:1px solid #ddd}.btn.muted{background:#eef3ef!important;color:#18362a!important}.pay-options{display:grid;gap:10px}.pay-options label{display:block;padding:14px;border:1px solid #e3e9e4;border-radius:14px;background:#fff}.order-card{display:grid;grid-template-columns:1fr auto;gap:15px;background:#fff;border-radius:22px;padding:18px;margin:14px 0;box-shadow:0 14px 38px rgba(0,0,0,.07)}.order-card span,.status{display:inline-block;border-radius:999px;padding:5px 10px;background:#fff4d8}.status.delivered{background:#dcffe9}.dashcards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.dashcard{background:#fff;border-radius:24px;padding:24px;box-shadow:0 18px 45px rgba(0,0,0,.08)}.dashcard span{font-size:34px}.dashcard b{display:block;font-size:28px}.admin-actions{display:flex;flex-wrap:wrap;gap:12px}.table-wrap{overflow:auto;background:#fff;border-radius:20px;padding:10px;box-shadow:0 14px 35px rgba(0,0,0,.06)}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #eef1ef;text-align:left;vertical-align:top}.thumb{width:70px;height:70px;object-fit:cover;border-radius:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.langbox{border:1px solid #edf0ed;border-radius:18px;padding:14px;margin:12px 0;background:#fbfdfb}.formbox.small{max-width:760px}.adminbar{background:#10251d!important}.langs a.active{font-weight:900;text-decoration:underline}@media(max-width:760px){.searchbar{grid-template-columns:1fr}.dashcards{grid-template-columns:1fr}.cart-row{grid-template-columns:1fr}.order-card{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.topbar{gap:10px}.topbar nav{overflow:auto;max-width:100%;}.table-wrap{font-size:13px}}
/* =========================
   MOMITANE MOBILE FIX
========================= */

html,
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

*{
  box-sizing:border-box;
}

img{
  max-width:100%;
  height:auto;
}

/* HEADER FIX */
.topbar{
  width:100%;
  max-width:100%;
  height:auto;
  min-height:74px;
  padding:12px 14px;
  display:flex;
  align-items:center;
  gap:10px;
  overflow:hidden;
}

.brand{
  flex:1 1 auto;
  min-width:0;
}

.brand b{
  font-size:24px;
  white-space:nowrap;
}

.brand small{
  font-size:14px;
}

.menu-toggle{
  flex:0 0 auto;
}

.langs{
  flex:0 0 auto;
  display:flex;
  gap:6px;
  max-width:170px;
  overflow-x:auto;
  scrollbar-width:none;
}

.langs::-webkit-scrollbar{
  display:none;
}

.langs a{
  flex:0 0 auto;
  min-width:48px;
  text-align:center;
}

/* HERO MOBILE FIX */
.hero{
  width:100%;
  max-width:100%;
  overflow:hidden;
  padding:28px 20px 34px;
}

.hero h1{
  font-size:clamp(38px, 11vw, 64px);
  line-height:1.04;
  word-break:normal;
  overflow-wrap:break-word;
  max-width:100%;
}

.hero h1 span{
  display:block;
}

.hero p{
  font-size:clamp(18px, 5vw, 28px);
  line-height:1.35;
  max-width:100%;
}

/* HERO BUTTONS */
.hero .actions,
.hero-actions,
.hero-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  width:100%;
}

.hero .btn,
.hero a.btn,
.btn{
  max-width:100%;
  white-space:normal;
  text-align:center;
}

/* BADGE FIX */
.hero-badge,
.badge,
.round-badge{
  max-width:140px;
  max-height:140px;
  font-size:18px;
  line-height:1.15;
}

/* FEATURE ROW FIX */
.features,
.hero-features{
  display:grid !important;
  grid-template-columns:1fr 1fr;
  gap:18px;
  width:100%;
  overflow:hidden;
}

.feature,
.hero-feature{
  min-width:0;
  font-size:18px;
}

/* BLUE IMAGE CARD FIX */
.hero-image,
.hero-visual,
.clean-card{
  width:100%;
  max-width:100%;
  border-radius:34px;
  overflow:hidden;
}

.hero-image img,
.hero-visual img,
.clean-card img{
  width:100%;
  max-width:100%;
  object-fit:contain;
}

/* MOBILE STRICT */
@media(max-width:768px){

  body{
    padding-top:0 !important;
  }

  .topbar{
    position:relative !important;
  }

  .nav-links{
    position:fixed;
    top:74px;
    right:-100%;
    width:82%;
    max-width:320px;
    height:calc(100vh - 74px);
    background:#111827;
    z-index:99999;
  }

  .nav-links.active{
    right:0;
  }

  .hero{
    padding-top:24px;
  }

  .hero h1{
    font-size:48px;
  }

  .hero p{
    font-size:23px;
  }

  .hero .btn,
  .btn{
    width:100%;
    min-height:58px;
    font-size:20px;
  }

  .langs{
    max-width:150px;
  }
}

@media(max-width:420px){

  .topbar{
    padding:10px 12px;
    gap:8px;
  }

  .brand-icon{
    font-size:34px;
  }

  .brand b{
    font-size:22px;
  }

  .brand small{
    font-size:13px;
  }

  .menu-toggle{
    font-size:32px;
  }

  .langs{
    max-width:128px;
  }

  .langs a{
    min-width:44px;
    padding:10px 8px;
  }

  .hero{
    padding:22px 18px 30px;
  }

  .hero h1{
    font-size:43px;
  }

  .hero p{
    font-size:21px;
  }

  .features,
  .hero-features{
    grid-template-columns:1fr 1fr;
    gap:16px;
  }
}
/* MOBILE LANGUAGE FIX */
@media(max-width:768px){

  .topbar{
    overflow:visible !important;
  }

  .langs{
    display:flex !important;
    flex-wrap:nowrap !important;
    gap:5px !important;
    max-width:none !important;
    overflow:visible !important;
    flex-shrink:0 !important;
  }

  .langs a{
    min-width:38px !important;
    padding:8px 9px !important;
    font-size:13px !important;
    border-radius:10px !important;
    text-align:center !important;
  }

  .brand b{
    font-size:20px !important;
  }

  .brand small{
    font-size:12px !important;
  }

  .menu-toggle{
    font-size:28px !important;
    margin-left:auto !important;
  }
}

@media(max-width:420px){

  .topbar{
    padding:10px 8px !important;
    gap:6px !important;
  }

  .brand-icon{
    font-size:30px !important;
  }

  .brand b{
    font-size:18px !important;
  }

  .langs a{
    min-width:34px !important;
    padding:7px 7px !important;
    font-size:12px !important;
  }
}


/* PRODUCTS PAGE CATEGORY STRIP FIX - ALL CATEGORIES VISIBLE */
.cat-strip{display:flex;flex-wrap:wrap;gap:10px;overflow:visible;padding:22px 0;scrollbar-width:auto}
.cat-strip::-webkit-scrollbar{display:none}
.cat-strip a{flex:0 0 auto;text-decoration:none;background:#fff;color:#10213f;border-radius:999px;padding:12px 18px;font-weight:900;box-shadow:0 10px 24px rgba(16,33,63,.06);white-space:nowrap}
.cat-strip a.active{background:#10213f;color:#fff}

@media(max-width:768px){
  .cat-pills,.cat-strip{gap:8px;overflow:visible;flex-wrap:wrap}
  .cat-pills a,.cat-strip a{font-size:13px;padding:9px 12px}
}

@media(max-width:420px){
  .cat-pills,.cat-strip{gap:6px}
  .cat-pills a,.cat-strip a{font-size:12px;padding:8px 10px}
}
footer,
.footer,
.site-footer{
  background:#071c36 !important;
  color:#c9d8ee !important;
  display:grid !important;
  grid-template-columns:2fr 1fr 1fr 1.5fr !important;
  gap:35px !important;
  padding:50px max(20px, calc((100% - 1180px)/2)) !important;
}

footer a,
.footer a,
.site-footer a{
  display:block !important;
  color:#c9d8ee !important;
  margin:12px 0 !important;
  text-decoration:none !important;
}

.copy,
.footer-copy{
  background:#06172c !important;
  color:#9fb1c9 !important;
  padding:16px max(20px, calc((100% - 1180px)/2)) !important;
  text-align:center !important;
}

@media(max-width:800px){
  footer,
  .footer,
  .site-footer{
    grid-template-columns:1fr !important;
    padding:35px 20px !important;
  }
}