/* WATEEN_SECTIONS_V1 — STAGING | canonical storefront section/layout visual owner */
.sec{padding-top:28px}
.sh{margin-bottom:14px}
.sh h2,.sec>h2{
  color:var(--w-teal-2,#083f4d);
  font-size:26px;
  position:relative;
  display:inline-block;
}
.sh h2::after,.sec>h2::after{
  content:"";
  display:block;
  width:38px;
  height:4px;
  border-radius:9px;
  background:linear-gradient(90deg,var(--wt-color-red,#ff3b4a),var(--wt-color-coral,#ff7b7b));
  margin-top:8px;
}
.sh p,.d3desc{color:#788b90}
.more{
  color:var(--wt-color-teal,#0b5e72);
  border-radius:10px;
  padding:7px 9px;
  transition:var(--wt-duration-fast,180ms);
}
.more:hover{background:#f1f8fa}
.locs{gap:11px}
.loc{
  position:relative;
  overflow:hidden;
  min-height:108px;
  border:1px solid #e3ecee;
  background:linear-gradient(180deg,#fff,#fbfdfd);
  border-radius:21px;
  box-shadow:0 7px 20px rgba(8,63,77,.045);
  transition:var(--wt-duration-normal,200ms);
}
.loc::after{
  content:"";
  position:absolute;
  width:58px;
  height:58px;
  border-radius:50%;
  left:-26px;
  bottom:-30px;
  background:rgba(253,229,229,.72);
}
.loc:hover{
  transform:translateY(-3px);
  border-color:rgba(255,59,74,.23);
  box-shadow:0 12px 28px rgba(8,63,77,.09);
}
.loc span{
  width:45px;
  height:45px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:linear-gradient(145deg,#fff2f4,#f6fbfc);
  box-shadow:inset 0 0 0 1px rgba(255,59,74,.08);
}
.loc b{color:var(--w-teal-2,#083f4d)}
.d5locimg{border-radius:15px!important;box-shadow:0 4px 12px rgba(8,63,77,.08)}
.deals{gap:11px;margin-top:18px}
.deal{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,59,74,.16);
  background:linear-gradient(135deg,#fff8f9,#fff 65%);
  color:var(--wt-color-red,#ff3b4a);
  border-radius:16px;
  padding:15px 12px;
  box-shadow:0 5px 16px rgba(255,59,74,.045);
  transition:var(--wt-duration-fast,180ms);
}
.deal:nth-child(even){
  border-color:rgba(11,94,114,.15);
  background:linear-gradient(135deg,#f4fbfc,#fff 70%);
  color:var(--wt-color-teal,#0b5e72);
}
.deal:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(8,63,77,.08)}
.grid{gap:14px}
.world{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,var(--w-teal-2,#083f4d),var(--w-teal,#0b5e72));
  border-radius:26px;
  padding:31px 32px;
  box-shadow:0 16px 34px rgba(8,63,77,.18);
}
.world::before,.world::after{
  content:"";
  position:absolute;
  border-radius:50%;
}
.world::before{
  left:-90px;
  top:-130px;
  width:240px;
  height:240px;
  border:24px solid rgba(255,123,123,.18);
}
.world::after{
  right:-100px;
  bottom:-155px;
  width:270px;
  height:270px;
  border:26px solid rgba(169,206,214,.20);
}
.world>div,.world>span,.world>img{position:relative;z-index:1}
.brand-world-mark{
  width:110px;
  height:110px;
  border-radius:50%;
  object-fit:cover;
  background:#fff;
  box-shadow:0 12px 25px rgba(0,0,0,.16);
}
@media(max-width:820px),(pointer:coarse){
  .sec{padding-top:22px}
  .sh{align-items:flex-start;gap:8px;margin-bottom:12px}
  .sh h2,.sec>h2{font-size:23px}
  .more{min-height:40px;display:inline-flex;align-items:center}
  .locs{gap:9px}
  .loc{min-height:108px}
  .deals{gap:9px}
  .deal{min-height:48px;padding:13px 10px}
  .grid{gap:9px}
  .world{border-radius:22px;padding:24px 20px}
}
@media(max-width:430px){
  .sh h2,.sec>h2{font-size:21px}
  .grid{gap:8px}
  .deal{font-size:13px}
}