/* MDS Techs v0.13.6.3 - Framapel Premium Presentation */
.framapel-premium{
  --fp-ink:#071b36;
  --fp-navy:#0a2c59;
  --fp-blue:#0d64d8;
  --fp-blue-2:#2b8cff;
  --fp-red:#ef3340;
  --fp-surface:#ffffff;
  --fp-soft:#f3f7fc;
  --fp-border:rgba(7,27,54,.10);
  background:
    radial-gradient(circle at 15% 8%,rgba(13,100,216,.08),transparent 28%),
    radial-gradient(circle at 92% 26%,rgba(239,51,64,.055),transparent 22%),
    #f6f8fc;
  color:var(--fp-ink);
  overflow-x:hidden;
}

/* Floating navigation */
.framapel-premium .commerce-nav{
  width:min(1240px,calc(100% - 28px));
  min-height:82px;
  height:auto;
  margin:12px auto 0;
  padding:10px 18px 10px 22px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:22px;
  background:rgba(255,255,255,.84);
  box-shadow:0 16px 50px rgba(7,27,54,.12),inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(20px) saturate(1.25);
  -webkit-backdrop-filter:blur(20px) saturate(1.25);
}
.framapel-premium .commerce-brand{height:58px;min-width:220px;flex:0 1 270px}
.framapel-premium .commerce-brand img{max-width:265px;max-height:58px;filter:drop-shadow(0 4px 10px rgba(7,27,54,.10))}
.framapel-premium .commerce-nav nav{
  gap:4px;
  padding:5px;
  border-radius:999px;
  background:rgba(7,27,54,.035);
}
.framapel-premium .commerce-nav nav a{
  position:relative;
  padding:10px 13px;
  border-radius:999px;
  color:#263c55;
  font-size:13px;
  font-weight:800;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}
.framapel-premium .commerce-nav nav a:hover{
  background:#fff;
  color:var(--fp-blue);
  box-shadow:0 5px 16px rgba(7,27,54,.08);
  transform:translateY(-1px);
}
.framapel-premium .commerce-nav-cta{
  min-height:46px;
  padding:0 18px;
  border-radius:14px!important;
  box-shadow:0 10px 24px rgba(37,211,102,.22)!important;
}

/* Premium hero */
.framapel-premium .commerce-hero{
  min-height:700px;
  width:calc(100% - 24px);
  margin:14px auto 0;
  border-radius:32px;
  isolation:isolate;
  box-shadow:0 28px 80px rgba(7,27,54,.19);
}
.framapel-premium .commerce-hero::before{
  content:"";
  position:absolute;
  z-index:1;
  width:470px;
  height:470px;
  left:-150px;
  bottom:-210px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(43,140,255,.35),rgba(43,140,255,0) 67%);
  pointer-events:none;
}
.framapel-premium .commerce-hero-media img{
  object-position:center 48%;
  transform:scale(1.02);
  filter:saturate(1.05) contrast(1.02);
}
.framapel-premium .commerce-hero-overlay{
  background:
    linear-gradient(90deg,rgba(3,19,40,.97) 0%,rgba(5,31,63,.93) 35%,rgba(6,39,78,.67) 58%,rgba(6,39,78,.18) 82%,rgba(6,39,78,.08) 100%),
    linear-gradient(0deg,rgba(3,18,37,.34),transparent 45%);
}
.framapel-premium .commerce-hero-content{
  padding:82px 0 98px;
}
.framapel-premium .commerce-kicker{
  padding:8px 12px;
  border-color:rgba(255,255,255,.20);
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(8px);
}
.framapel-premium .commerce-hero-logo{
  width:min(500px,80vw);
  max-height:166px;
  margin:20px 0 18px;
  padding:11px 18px 9px;
  border:1px solid rgba(255,255,255,.72);
  border-radius:22px;
  background:rgba(255,255,255,.92);
  box-shadow:0 20px 48px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(14px);
  filter:none;
}
.framapel-premium .commerce-hero h1{
  max-width:720px;
  margin:0 0 18px;
  font-size:clamp(42px,5.2vw,68px);
  line-height:1.01;
  letter-spacing:-.045em;
  text-wrap:balance;
  text-shadow:0 10px 30px rgba(0,0,0,.22);
}
.framapel-premium .commerce-hero p{
  max-width:650px;
  font-size:clamp(17px,1.55vw,20px);
  line-height:1.65;
  color:rgba(255,255,255,.86);
}
.framapel-premium .commerce-actions{gap:11px;margin-top:28px}
.framapel-premium .commerce-btn{
  min-height:50px;
  padding:0 21px;
  border-radius:15px;
  font-weight:850;
  letter-spacing:-.01em;
  box-shadow:0 9px 24px rgba(7,27,54,.08);
}
.framapel-premium .commerce-btn.glass{
  border-color:rgba(255,255,255,.24);
  background:rgba(255,255,255,.10);
  backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 28px rgba(0,0,0,.12);
}
.framapel-premium .commerce-btn.glass:hover{background:rgba(255,255,255,.17)}

/* Highlight panel */
.framapel-premium .commerce-highlights{margin-top:-48px}
.framapel-premium .commerce-highlight-grid{
  border:1px solid rgba(255,255,255,.82);
  border-radius:24px;
  background:rgba(255,255,255,.92);
  box-shadow:0 24px 70px rgba(7,27,54,.13),inset 0 1px 0 rgba(255,255,255,.95);
  backdrop-filter:blur(14px);
}
.framapel-premium .commerce-highlight-grid>div{
  position:relative;
  min-height:112px;
  padding:25px 27px;
  border-color:rgba(7,27,54,.075);
}
.framapel-premium .commerce-highlight-grid>div::before{
  content:"";
  position:absolute;
  top:18px;
  left:26px;
  width:36px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--fp-blue),var(--fp-blue-2),var(--fp-red));
  opacity:.88;
}
.framapel-premium .commerce-highlight-grid strong{
  margin-top:13px;
  font-size:23px;
  color:var(--fp-ink);
  letter-spacing:-.025em;
}
.framapel-premium .commerce-highlight-grid span{font-size:12.5px;color:#6d7f92}

/* Sections */
.framapel-premium .commerce-section{position:relative;padding:100px 0}
.framapel-premium .commerce-section.alt{
  background:
    linear-gradient(180deg,#f0f5fb 0%,#f5f8fc 100%);
  border-top:1px solid rgba(7,27,54,.04);
  border-bottom:1px solid rgba(7,27,54,.04);
}
.framapel-premium .commerce-section-head{margin-bottom:38px}
.framapel-premium .commerce-section-head span,
.framapel-premium .commerce-info-card>span,
.framapel-premium .commerce-contact>div>div>span{
  display:inline-flex;
  align-items:center;
  width:max-content;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(13,100,216,.075);
  color:var(--fp-blue);
  letter-spacing:.095em;
  font-size:11px;
}
.framapel-premium .commerce-section-head h2,
.framapel-premium .commerce-info-card h2,
.framapel-premium .commerce-contact h2{
  color:var(--fp-ink);
  letter-spacing:-.042em;
}
.framapel-premium .commerce-section-head p{color:#677a8f;font-size:15px}

/* Product cards */
.framapel-premium .commerce-products{gap:22px}
.framapel-premium .commerce-product{
  position:relative;
  border:1px solid rgba(255,255,255,.96);
  border-radius:26px;
  background:rgba(255,255,255,.96);
  box-shadow:0 18px 48px rgba(7,27,54,.095),0 2px 10px rgba(7,27,54,.04);
  transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease;
}
.framapel-premium .commerce-product::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(7,27,54,.035);
}
.framapel-premium .commerce-product:hover{
  transform:translateY(-7px);
  box-shadow:0 28px 60px rgba(7,27,54,.15),0 4px 12px rgba(7,27,54,.06);
}
.framapel-premium .commerce-product img{
  aspect-ratio:4/3;
  object-fit:cover;
  transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .4s ease;
}
.framapel-premium .commerce-product:hover img{transform:scale(1.035);filter:saturate(1.08)}
.framapel-premium .commerce-product>div{padding:22px 22px 24px;gap:8px}
.framapel-premium .commerce-product h3{
  font-size:21px;
  line-height:1.18;
  color:var(--fp-ink);
  letter-spacing:-.025em;
}
.framapel-premium .commerce-product p{font-size:14px;line-height:1.6;color:#6a7b8e}
.framapel-premium .commerce-product-price{
  display:inline-flex;
  width:max-content;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(13,100,216,.08);
  color:var(--fp-blue);
  font-size:14px;
}

/* Services */
.framapel-premium .commerce-service-groups{gap:22px}
.framapel-premium .commerce-service-group{
  position:relative;
  overflow:hidden;
  padding:24px;
  border:1px solid rgba(255,255,255,.96);
  border-radius:24px;
  background:rgba(255,255,255,.94);
  box-shadow:0 16px 44px rgba(7,27,54,.07);
}
.framapel-premium .commerce-service-group::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:linear-gradient(90deg,var(--fp-blue),var(--fp-blue-2),var(--fp-red));
}
.framapel-premium .commerce-service-group h3{
  margin-bottom:10px;
  padding:4px 0 17px;
  border-bottom:1px solid rgba(7,27,54,.08);
  color:var(--fp-ink);
  letter-spacing:-.02em;
}
.framapel-premium .commerce-service-row{
  padding:14px 8px;
  border-radius:12px;
  border-bottom:0;
  transition:background .18s ease;
}
.framapel-premium .commerce-service-row + .commerce-service-row{border-top:1px solid rgba(7,27,54,.055)}
.framapel-premium .commerce-service-row:hover{background:#f7faff}
.framapel-premium .commerce-service-row strong{color:#233850}
.framapel-premium .commerce-service-price{color:var(--fp-ink)}
.framapel-premium .commerce-service-row>a{
  padding:7px 10px;
  border-radius:999px;
  background:rgba(13,100,216,.075);
  color:var(--fp-blue);
  transition:.18s ease;
}
.framapel-premium .commerce-service-row>a:hover{background:var(--fp-blue);color:#fff}

/* Gallery */
.framapel-premium .commerce-gallery{gap:16px}
.framapel-premium .commerce-gallery img{
  border-radius:22px;
  box-shadow:0 14px 32px rgba(7,27,54,.10);
  transition:transform .3s ease,box-shadow .3s ease;
}
.framapel-premium .commerce-gallery img:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(7,27,54,.15)}

/* Info cards */
.framapel-premium .commerce-info-section{
  background:
    radial-gradient(circle at 10% 20%,rgba(43,140,255,.07),transparent 30%),
    #fff;
}
.framapel-premium .commerce-info-grid{gap:26px}
.framapel-premium .commerce-info-card{
  border:1px solid rgba(7,27,54,.075);
  border-radius:26px;
  padding:30px;
  background:linear-gradient(145deg,#fff,#f8fbff);
  box-shadow:0 18px 52px rgba(7,27,54,.08);
}
.framapel-premium .commerce-info-card h2{font-size:32px}
.framapel-premium .commerce-hours>div{padding:12px 2px;border-color:rgba(7,27,54,.065)}
.framapel-premium .commerce-hours>div strong{color:#233850}
.framapel-premium .commerce-info-card iframe{
  height:265px;
  border-radius:18px;
  box-shadow:0 10px 25px rgba(7,27,54,.10);
}
.framapel-premium .commerce-text-link{
  min-height:38px;
  padding:0 12px;
  align-items:center;
  border-radius:10px;
  background:rgba(13,100,216,.07);
  color:var(--fp-blue);
}

/* Contact */
.framapel-premium .commerce-contact{
  position:relative;
  overflow:hidden;
  width:calc(100% - 24px);
  margin:0 auto 12px;
  border-radius:32px;
  background:
    radial-gradient(circle at 82% 10%,rgba(43,140,255,.34),transparent 32%),
    radial-gradient(circle at 9% 100%,rgba(239,51,64,.20),transparent 34%),
    linear-gradient(135deg,#071a34,#0a2f60 62%,#0d4a8e);
  box-shadow:0 28px 70px rgba(7,27,54,.20);
}
.framapel-premium .commerce-contact::after{
  content:"";
  position:absolute;
  right:-100px;
  bottom:-150px;
  width:330px;
  height:330px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  box-shadow:0 0 0 38px rgba(255,255,255,.035),0 0 0 76px rgba(255,255,255,.025);
  pointer-events:none;
}
.framapel-premium .commerce-contact>.commerce-wrap{position:relative;z-index:1}
.framapel-premium .commerce-contact h2{font-size:clamp(34px,4vw,50px);color:#fff}
.framapel-premium .commerce-contact>div>div>span{background:rgba(255,255,255,.10);color:#cfe4ff}
.framapel-premium .commerce-contact .commerce-google-btn{
  background:rgba(255,255,255,.95)!important;
  border-color:rgba(255,255,255,.9)!important;
}

/* Footer / floating */
.framapel-premium .commerce-footer{background:#05101f;padding:30px 0}
.framapel-premium .commerce-whatsapp-float{
  width:62px;
  height:62px;
  border:4px solid rgba(255,255,255,.88);
  box-shadow:0 18px 40px rgba(12,35,55,.26),0 7px 20px rgba(37,211,102,.22);
}
.framapel-premium .commerce-back-top{
  background:rgba(7,27,54,.92);
  border:1px solid rgba(255,255,255,.18);
  backdrop-filter:blur(10px);
}

/* Gentle entrance */
@keyframes fpRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.framapel-premium .commerce-hero-content>*{animation:fpRise .58s both}
.framapel-premium .commerce-hero-content>*:nth-child(2){animation-delay:.06s}
.framapel-premium .commerce-hero-content>*:nth-child(3){animation-delay:.11s}
.framapel-premium .commerce-hero-content>*:nth-child(4){animation-delay:.16s}
.framapel-premium .commerce-hero-content>*:nth-child(5){animation-delay:.21s}

@media(max-width:900px){
  .framapel-premium .commerce-nav{width:calc(100% - 20px);margin-top:10px;padding:9px 13px 9px 16px;border-radius:19px}
  .framapel-premium .commerce-brand{min-width:0;flex:1 1 auto}
  .framapel-premium .commerce-brand img{max-width:230px}
  .framapel-premium .commerce-hero{width:calc(100% - 16px);min-height:660px;margin-top:10px;border-radius:26px}
  .framapel-premium .commerce-hero-content{padding:76px 0 92px}
  .framapel-premium .commerce-contact{width:calc(100% - 16px);border-radius:26px}
  .framapel-premium .commerce-section{padding:82px 0}
}

@media(max-width:600px){
  .framapel-premium .commerce-nav{
    width:calc(100% - 14px);
    min-height:70px;
    margin-top:7px;
    padding:8px 9px 8px 12px;
    border-radius:17px;
    gap:8px;
  }
  .framapel-premium .commerce-brand{height:50px}
  .framapel-premium .commerce-brand img{max-width:178px;max-height:50px}
  .framapel-premium .commerce-nav-cta{min-height:44px;padding:0 12px;border-radius:13px!important}
  .framapel-premium .commerce-nav-cta span{font-size:11.5px}

  .framapel-premium .commerce-hero{
    width:calc(100% - 10px);
    min-height:650px;
    margin-top:7px;
    border-radius:23px;
  }
  .framapel-premium .commerce-hero-media img{object-position:64% center}
  .framapel-premium .commerce-hero-overlay{
    background:
      linear-gradient(0deg,rgba(3,18,37,.98) 0%,rgba(4,29,59,.91) 51%,rgba(5,35,69,.55) 78%,rgba(5,35,69,.26) 100%);
  }
  .framapel-premium .commerce-hero-content{padding:78px 0 82px}
  .framapel-premium .commerce-kicker{font-size:11px;padding:6px 9px}
  .framapel-premium .commerce-hero-logo{
    width:min(390px,94vw);
    max-height:116px;
    margin:14px 0 16px;
    padding:8px 11px;
    border-radius:17px;
  }
  .framapel-premium .commerce-hero h1{
    font-size:clamp(35px,10.8vw,48px);
    line-height:1.04;
    margin-bottom:14px;
  }
  .framapel-premium .commerce-hero p{font-size:15.5px;line-height:1.58}
  .framapel-premium .commerce-actions{gap:9px;margin-top:24px}
  .framapel-premium .commerce-btn{min-height:48px;border-radius:14px}

  .framapel-premium .commerce-highlights{margin-top:-34px}
  .framapel-premium .commerce-highlight-grid{border-radius:20px}
  .framapel-premium .commerce-highlight-grid>div{min-height:97px;padding:18px 16px}
  .framapel-premium .commerce-highlight-grid>div::before{top:14px;left:16px;width:28px;height:3px}
  .framapel-premium .commerce-highlight-grid strong{margin-top:10px;font-size:17px}
  .framapel-premium .commerce-highlight-grid span{font-size:11.5px}

  .framapel-premium .commerce-section{padding:70px 0}
  .framapel-premium .commerce-section-head{margin-bottom:26px}
  .framapel-premium .commerce-section-head h2{font-size:clamp(31px,9vw,40px)}
  .framapel-premium .commerce-section-head p{font-size:14.5px}

  /* App-like swipeable product cards on phones */
  .framapel-premium .commerce-products{
    display:grid;
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:min(84vw,330px);
    gap:14px;
    margin-right:calc((100vw - min(100% - 28px,1180px))/ -2);
    padding-right:22px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .framapel-premium .commerce-products::-webkit-scrollbar{display:none}
  .framapel-premium .commerce-product{scroll-snap-align:start;border-radius:22px}
  .framapel-premium .commerce-product img{aspect-ratio:4/3}
  .framapel-premium .commerce-product>div{padding:19px 19px 21px}
  .framapel-premium .commerce-product h3{font-size:21px}

  .framapel-premium .commerce-service-group{padding:19px;border-radius:21px}
  .framapel-premium .commerce-service-row{grid-template-columns:1fr auto;gap:10px;padding:13px 4px}
  .framapel-premium .commerce-service-row>a{grid-column:1/-1;width:max-content;padding:7px 11px}
  .framapel-premium .commerce-info-card{padding:23px;border-radius:22px}
  .framapel-premium .commerce-info-card h2{font-size:29px}
  .framapel-premium .commerce-info-card iframe{height:220px;border-radius:15px}

  .framapel-premium .commerce-contact{
    width:calc(100% - 10px);
    padding:64px 0;
    border-radius:23px;
  }
  .framapel-premium .commerce-contact h2{font-size:clamp(32px,9.2vw,42px)}
  .framapel-premium .commerce-contact-actions{gap:9px}
  .framapel-premium .commerce-whatsapp-float{width:58px;height:58px;right:14px;bottom:14px}
  .framapel-premium .commerce-back-top{right:20px;bottom:82px}
}

@media(prefers-reduced-motion:reduce){
  .framapel-premium *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}