:root{
  --navy:#183E5D;
  --navy-deep:#102D45;
  --navy-soft:#244E6E;
  --copper:#C58652;
  --copper-dark:#A96D3E;
  --off:#F7F5F1;
  --paper:#FFFDFC;
  --beige:#F1EEE9;
  --text:#20262B;
  --muted:#5B646B;
  --line:#DDE1E2;
  --red:#B62B2E;
  --max:1180px;
  --buy:#D9954C;
  --buy-hover:#C9853F;
  --buy-text:#102D45;
}
*{
  box-sizing:border-box;
}
html{
  scroll-behavior:smooth;
  scroll-padding-top:24px;
}
body{
  margin:0;
  font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  background:#fff;
  color:var(--text);
  -webkit-font-smoothing:antialiased;
}
a{
  color:inherit;
}
.container{
  width:min(var(--max),calc(100% - 72px));
  margin:0 auto;
}
.section{
  padding:82px 0;
}
h1,
h2,
h3,
p{
  margin-top:0;
}
h1{
  font-size:55px;
  line-height:1.035;
  letter-spacing:-.052em;
  color:var(--navy-deep);
  font-weight:800;
  margin-bottom:24px;
}
h1 .accent{
  display:block;
  color:var(--navy);
  margin-top:7px;
}
h2{
  font-size:42px;
  line-height:1.12;
  letter-spacing:-.038em;
  color:var(--navy-deep);
  font-weight:800;
  margin-bottom:26px;
}
h3{
  font-size:24px;
  line-height:1.22;
  letter-spacing:-.025em;
  color:var(--navy-deep);
  font-weight:750;
  margin-bottom:12px;
}
p{
  font-size:18px;
  line-height:1.4;
  color:#36434d;
}
strong{
  font-weight:750;
}
.cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:58px;
  padding:0 27px;
  border-radius:8px;
  background:var(--navy);
  color:#fff;
  text-decoration:none;
  font-weight:700;
  font-size:15px;
  box-shadow:0 12px 28px rgba(16,45,69,.15);
  transition:.18s ease;
  white-space:nowrap;
}
.cta:hover{
  background:var(--navy-deep);
  transform:translateY(-1px);
}
/* HERO */
.hero{
  min-height:auto;
  padding:32px 0 40px;
  background:var(--off);
  display:flex;
  align-items:center;
}
.hero-offer-mobile{
  display:none;
}
.hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.98fr) minmax(470px,1.02fr);
  gap:34px;
  align-items:center;
}
.hero-copy{
  position:relative;
  z-index:2;
}
.hero-copy h1{
  width:calc(100% + 260px);
  max-width:none;
  position:relative;
  z-index:3;
}
.hero-brand{
  margin:4px 0 22px;
  padding-left:16px;
  border-left:3px solid var(--copper);
}
.hero-brand .name{
  font-size:21px;
  color:var(--navy-deep);
  font-weight:800;
  letter-spacing:-.025em;
}
.hero-brand .sub{
  font-size:14px;
  color:var(--copper-dark);
  font-style:italic;
  margin-top:2px;
}
.hero .lead{
  font-size:20px;
  line-height:1.62;
  color:#35434e;
  max-width:690px;
  margin-bottom:17px;
}
.hero .support{
  font-size:17px;
  line-height:1.7;
  color:var(--muted);
  max-width:690px;
}
.product-type{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:9px;
  margin-top:10px;
  color:var(--muted);
  font-size:14px;
  font-weight:600;
  text-align:center;
}
.hero-offer{
  display:flex;
  align-items:center;
  gap:24px;
  margin-top:26px;
  flex-wrap:wrap;
}
.hero-media,
.collection-media{
  margin:0;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
}
.hero-media picture,
.collection-media picture{
  display:block;
  width:100%;
}
.hero-media img,
.collection-media img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  -webkit-user-select:none;
  user-select:none;
  pointer-events:none;
}
.hero-media{
  transform:translateY(-12px);
  z-index:1;
  flex-direction:column;
  width:118%;
  margin-left:-5%;
  margin-right:-13%;
  filter:drop-shadow(0 24px 34px rgba(16,45,69,.08));
}
.collection-media{
  width:114%;
  margin-left:-9%;
  filter:drop-shadow(0 22px 32px rgba(16,45,69,.08));
}
.collection-media img{
  max-height:500px;
}
/* POSITIONING CONTENT */
.pause{
  font-size:52px;
  line-height:1;
  color:var(--navy);
  font-weight:800;
  letter-spacing:-.05em;
  margin:38px 0 30px;
}
.callout{
  margin-top:34px;
  padding:23px 28px;
  background:var(--beige);
  border-left:4px solid var(--copper);
  max-width:690px;
}
.callout p{
  margin:0;
  color:var(--navy-deep);
  font-weight:700;
  font-size:19px;
  line-height:1.55;
}
/* COLLECTION */
.collection{
  background:var(--off);
}
.collection-intro{
  max-width:none;
  width:100%;
  margin-bottom:38px;
}
.collection-stage{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:52px;
  align-items:center;
}
.materials{
  display:grid;
  gap:24px;
}
.material{
  padding-bottom:22px;
  border-bottom:1px solid #dfe2e0;
}
.material:last-child{
  border-bottom:0;
}
.material h3{
  font-size:20px;
  margin-bottom:7px;
}
.material p{
  font-size:15.5px;
  line-height:1.62;
  color:var(--muted);
  margin:0;
}
/* FIT LIST */
.fit-list{
  list-style:none;
  padding:0;
  margin:0;
}
.fit-list li{
  font-size:16.5px;
  line-height:1.55;
  color:#3c4952;
  margin:0 0 17px;
  padding-left:27px;
  position:relative;
}
.fit-list li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:var(--copper-dark);
  font-weight:800;
}
.age{
  margin-top:24px;
  font-size:16px;
  color:var(--muted);
}
/* TESTIMONIAL */
.quote-label{
  color:var(--muted);
  font-size:14px;
  margin-bottom:26px;
}
.quote{
  position:relative;
  text-align:left;
  background:rgba(255,255,255,.55);
  border-top:1px solid rgba(24,62,93,.08);
  border-bottom:1px solid rgba(24,62,93,.08);
  padding:42px 52px 32px;
}
.quote:before{
  content:"“";
  position:absolute;
  left:17px;
  top:9px;
  font-size:68px;
  line-height:1;
  color:rgba(24,62,93,.22);
  font-family:Georgia,serif;
}
.quote p{
  font-size:17px;
  color:#34414a;
  line-height:1.68;
  margin-bottom:16px;
}
/* OFFER */
.offer{
  background:var(--navy-deep);
  color:#fff;
  padding:94px 0;
}
.offer h2{
  color:#fff;
}
.offer-grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:86px;
  align-items:center;
}
.offer-list{
  list-style:none;
  padding:0;
  margin:34px 0 0;
}
.offer-list li{
  font-size:17px;
  color:#e8eff3;
  margin:0 0 15px;
  padding-left:27px;
  position:relative;
}
.offer-list li:before{
  content:"✓";
  position:absolute;
  left:0;
  color:#E2AA7A;
  font-weight:800;
}
.price-card{
  border-left:1px solid rgba(255,255,255,.22);
  padding-left:62px;
}
.price-card .label{
  color:#afc0ca;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:12px;
  font-weight:700;
}
.price-card .big-price{
  font-size:56px;
  line-height:1;
  font-weight:800;
  letter-spacing:-.055em;
  margin:10px 0 26px;
}
.price-card .meta{
  font-size:14.5px;
  color:#c8d5dc;
  line-height:1.7;
  margin:0 0 26px;
}
.guarantee{
  display:inline-block;
  border:1px solid rgba(255,255,255,.2);
  border-radius:6px;
  padding:8px 11px;
  color:#fff;
  font-size:13px;
  font-weight:700;
  margin-bottom:23px;
}
/* FAQ */
.faq{
  background:#fff;
}
.faq h2{
  text-align:center;
  margin-bottom:38px;
}
.faq-list{
  max-width:860px;
  margin:0 auto;
  border-top:1px solid var(--line);
}
details{
  border-bottom:1px solid var(--line);
}
summary{
  list-style:none;
  cursor:pointer;
  padding:24px 46px 24px 0;
  position:relative;
  color:var(--navy-deep);
  font-size:17px;
  font-weight:700;
}
summary::-webkit-details-marker{
  display:none;
}
summary:after{
  content:"+";
  position:absolute;
  right:4px;
  top:19px;
  font-size:26px;
  font-weight:400;
  color:var(--copper-dark);
}
details[open] summary:after{
  content:"−";
}
details .answer{
  padding:0 42px 23px 0;
  max-width:790px;
}
.answer p{
  font-size:16px;
  line-height:1.65;
  color:var(--muted);
  margin-bottom:10px;
}
/* CLOSING + FOOTER */
.closing{
  background:var(--off);
  text-align:center;
  padding:82px 0 76px;
}
.closing .inner{
  max-width:900px;
  margin:0 auto;
  padding:0 36px;
}
.closing h2{
  font-size:43px;
  margin-bottom:22px;
}
.closing .subline{
  font-size:22px;
  line-height:1.55;
  color:#44515a;
  max-width:750px;
  margin:0 auto 32px;
}
.closing-brand{
  font-size:22px;
  color:var(--navy-deep);
  font-weight:800;
}
.closing-tag{
  font-size:14px;
  color:var(--copper-dark);
  font-style:italic;
  margin-top:3px;
}
.closing-price{
  font-size:21px;
  font-weight:800;
  color:var(--navy-deep);
  margin:26px 0 23px;
}
.footer{
  padding:26px 0;
  background:#fff;
  border-top:1px solid #ececea;
  text-align:center;
  color:#8a9297;
  font-size:12px;
}
/* FINAL APPROVED LAYOUT */
.a-position{
  background:#fff;
  padding:40px 0 0;
}
.a-position-grid{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:74px;
  align-items:start;
}
.a-position .pause{
  margin:24px 0 22px;
}
.a-position .callout{
  margin-top:25px;
}
.a-google{
  padding-left:54px;
  border-left:1px solid var(--line);
}
.a-google h2{
  font-size:35px;
  margin-bottom:20px;
}
.a-google p{
  font-size:17px;
  line-height:1.66;
}
.a-confidence{
  margin-top:58px;
  background:var(--navy);
  color:#fff;
  border-radius:14px;
  padding:48px 58px;
  text-align:center;
  box-shadow:0 16px 42px rgba(16,45,69,.10);
}
.a-confidence h3{
  font-size:40px;
  color:#fff;
  margin-bottom:16px;
}
.a-confidence p{
  color:#dce6ec;
  max-width:820px;
  margin:0 auto 14px;
  font-size:17px;
}
.a-confidence .principle{
  font-weight:750;
  max-width:990px;
  color:#fff;
  margin-top:21px;
}
.a-confidence .bigline{
  font-size:34px;
  line-height:1.32;
  font-weight:800;
  letter-spacing:-.03em;
  margin:25px auto 0;
  max-width:820px;
  color:#fff;
}
.a-confidence .bigline span{
  color:#E2AA7A;
}
.a-collection{
  padding-top:40px;
  padding-bottom:40px;
  margin-top:66px;
}
.a-collection .collection-intro{
  margin-bottom:0px;
}
.a-collection .collection-stage{
  grid-template-columns:1fr 1fr;
  gap:46px;
}
.a-collection .materials{
  gap:17px;
}
.a-collection .material{
  padding-bottom:15px;
}
.a-collection .material h3{
  font-size:18px;
  margin-bottom:4px;
}
.a-collection .material p{
  font-size:14.5px;
  line-height:1.52;
}
.a-fit{
  padding:40px 0;
  background:#fff;
}
.a-fit-grid{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:64px;
  align-items:start;
  margin-top:34px;
}
.a-fit .fit-list li{
  font-size:16px;
  margin-bottom:12px;
}
.a-fit .age{
  font-size:16px;
  line-height:1.62;
  margin-top:22px;
}
.a-testimonial-card{
  background:var(--beige);
  border:1px solid rgba(24,62,93,.08);
  border-radius:12px;
  padding:30px 31px 26px;
  position:relative;
  box-shadow:0 15px 38px rgba(16,45,69,.05);
}
.a-testimonial-card .quote{
  background:rgba(255,255,255,.58);
  padding:31px 28px 23px 38px;
  border-radius:7px;
  border:0;
}
.a-testimonial-card .quote:before{
  left:10px;
  top:6px;
  font-size:56px;
}
.a-testimonial-card .quote p{
  font-size:15.5px;
  line-height:1.59;
  margin-bottom:13px;
}
.a-offer{
  padding:40px 0;
}
.a-faq{
  padding:40px 0;
}
.a-closing{
  padding:40px 0 40px;
}
.a-testimonial-card .quote-label{
  color:var(--navy);
  font-size:18px;
  line-height:1.45;
  font-weight:700;
  letter-spacing:-.018em;
  margin:0 0 20px;
  max-width:520px;
}
.offer.a-offer{
  background:#fff;
  color:var(--text);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.offer.a-offer h2{
  color:var(--navy-deep);
}
.offer.a-offer .offer-list li{
  color:#37444e;
}
.offer.a-offer .offer-list li:before{
  color:var(--copper-dark);
}
.offer.a-offer .price-card{
  border-left:0;
  padding:38px 40px;
  background:var(--off);
  border:1px solid rgba(24,62,93,.10);
  border-radius:12px;
  box-shadow:0 18px 48px rgba(16,45,69,.06);
}
.offer.a-offer .price-card .label{
  color:var(--copper-dark);
}
.offer.a-offer .price-card .big-price{
  color:var(--navy-deep);
}
.offer.a-offer .price-card .meta{
  color:var(--muted);
}
.offer.a-offer .guarantee{
  color:var(--navy-deep);
  border:1px solid rgba(24,62,93,.16);
  background:#fff;
}
.cta.buy{
  background:var(--buy);
  color:var(--buy-text);
  min-height:62px;
  padding:0 32px;
  font-size:16px;
  font-weight:800;
  box-shadow:0 14px 32px rgba(169,109,62,.22);
  border:1px solid rgba(16,45,69,.08);
}
.cta.buy:hover{
  background:var(--buy-hover);
  color:var(--buy-text);
  transform:translateY(-1px);
  box-shadow:0 17px 36px rgba(169,109,62,.26);
}
/* PRODUCTION UTILITIES */
.skip-link{
  position:absolute;
  left:-9999px;
  top:8px;
  z-index:9999;
  background:#fff;
  color:var(--navy-deep);
  padding:10px 14px;
  border-radius:6px;
  box-shadow:0 4px 18px rgba(16,45,69,.18);
}
.skip-link:focus{
  left:8px;
}
:focus-visible{
  outline:3px solid #E2AA7A;
  outline-offset:3px;
}
.footer-links{
  display:flex;
  gap:18px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:9px;
}
.footer-links a{
  color:#69737a;
  text-decoration:none;
}
.footer-links a:hover{
  text-decoration:underline;
}
.js-checkout-disabled{
  opacity:1;
  cursor:not-allowed;
}
.a-collection .collection-media{
  align-self:center;
}
/* RESPONSIVE — TABLET / TELAS MENORES */
@media (max-width:900px){
  .a-position-grid,
  .a-fit-grid{
    grid-template-columns:1fr;
    gap:42px;
  }
    .a-position-grid > div:first-child > p:last-child{
    margin-bottom:0;
  }
  .a-google{
    padding-left:0;
    border-left:0;
    border-top:1px solid var(--line);
    padding-top:38px;
  }
  .a-confidence{
    margin-top:46px;
    border-radius:12px;
    padding:42px 35px;
  }
  .a-fit-grid{
    gap:38px;
  }
  .hero-copy h1{
    width:100%;
    max-width:100%;
  }
  .container{
    width:min(100% - 48px,var(--max));
  }
  .section{
    padding:56px 0;
  }
  h1{
    font-size:43px;
  }
  h2{
    font-size:34px;
  }
  p{
    font-size:17px;
  }
  .hero{
    min-height:auto;
    padding:52px 0 58px;
  }
  .hero-grid,
  .collection-stage,
  .offer-grid{
    grid-template-columns:1fr;
    gap:46px;
  }
  .hero-grid{
    display:flex;
    flex-direction:column;
  }
  .hero-copy{
    order:1;
  }
  .hero-media{
    order:2;
    width:min(100%,720px);
    max-width:760px;
    margin:0 auto;
  }
  .offer-grid{
    gap:56px;
  }
  .price-card{
    border-left:0;
    border-top:1px solid rgba(255,255,255,.22);
    padding-left:0;
    padding-top:44px;
  }
  .collection-stage{
    gap:38px;
  }
  .collection-media{
    width:min(100%,760px);
    max-width:820px;
    margin:0 auto;
  }
  .offer.a-offer .price-card{
    border-top:1px solid rgba(24,62,93,.10);
    padding:34px;
  }
  .a-collection .collection-stage{
    grid-template-columns:1fr;
  }
}
/* RESPONSIVE — TABLET EXCLUSIVO */
@media (min-width:601px) and (max-width:900px){
  /* HERO */
  .hero{
    padding:36px 0 40px;
  }
  .hero-grid{
    gap:28px;
  }
  /* EIXO EDITORIAL DO TABLET */
  .hero-copy,
  .a-position-grid,
  .a-confidence{
    width:100%;
    max-width:780px;
    margin-left:auto;
    margin-right:auto;
  }
  /* CONFIDENCE */
  .a-confidence .bigline{
    font-size:28px;
    line-height:1.32;
  }
  /* COLLECTION */
  .a-collection{
    margin-top:30px;
    padding-top:36px;
    padding-bottom:28px;
  }
  .a-collection > .container{
    max-width:780px;
  }
  .a-collection .collection-stage{
    gap:12px;
  }
  /* TRANSIÇÃO COLLECTION → FIT */
  .a-fit{
    padding-top:32px;
  }
  /* FIT */
  .a-fit > .container{
    max-width:780px;
  }
  .a-fit-grid{
    gap:24px;
  }
  .a-fit .age{
    margin-bottom:0;
  }
  .a-testimonial-card{
    padding:26px 26px 22px;
  }
  h1{
    font-size:40px;
  }
  .hero .lead{
    font-size:18px;
    line-height:1.55;
    margin-bottom:14px;
  }
  .hero .support{
    font-size:16px;
    line-height:1.6;
  }
  .hero-offer{
    margin-top:20px;
  }
  .hero-media{
    width:min(88%,620px);
    margin:0 auto;
  }

  /* POSICIONAMENTO */
  .pause{
    font-size:46px;
  }
  .a-position .callout{
    max-width:780px;
    width:100%;
  }
  /* OFFER */
  .offer-grid{
    max-width:780px;
    gap:28px;
  }
  .offer.a-offer .price-card{
    width:100%;
    min-width:0;
    justify-self:stretch;
  }
  .a-offer{
    padding-bottom:28px;
  }
  .a-faq{
    padding-top:32px;
  }
/* FAQ */
  .a-faq .faq-list{
    max-width:780px;
  }
  .a-faq h2{
    max-width:780px;
    margin-left:auto;
    margin-right:auto;
  }
/* CLOSING */
  .a-closing .inner{
    width:min(780px, calc(100% - 48px));
    max-width:none;
    margin-left:auto;
    margin-right:auto;
    padding-left:0;
    padding-right:0;
  }
  .a-closing h2{
    font-size:36px;
    line-height:1.15;
  }
  .a-closing .subline{
    font-size:20px;
  }
}
/* RESPONSIVE — MOBILE */
@media (max-width:600px){
  .container{
    width:calc(100% - 44px);
  }
  .section{
    padding:56px 0;
  }
  h1{
    font-size:39px;
    line-height:1.06;
    letter-spacing:-.045em;
    margin-bottom:20px;
  }
  h2{
    font-size:31px;
    line-height:1.14;
  }
  h3{
    font-size:22px;
  }
  p{
    font-size:18px;
    line-height:1.68;
  }
  .a-position-grid > div:first-child > p:last-child{
    margin-bottom:0;
  }
  .hero{
    padding:28px 0 28px;
  }
  .hero-grid{
    gap:32px;
  }
  .hero-brand{
    margin:2px 0 20px;
  }
  .hero .lead{
    font-size:18.5px;
  }
  .hero .support{
    font-size:17px;
  }
  .hero-offer{
    display:none;
  }
  .hero-offer-mobile{
    display:flex;
    justify-content:center;
    width:100%;
    margin-top:24px;
  }
  .hero-offer-mobile .cta{
    width:auto;
  }
  .cta{
    width:auto;
    min-height:58px;
  }
  .hero-media{
    width:calc(100% + 22px);
    margin:0 -11px -8px;
  }
  .pause{
    font-size:46px;
  }
  .callout{
    padding:21px 22px;
  }
  .callout p{
    font-size:18px;
  }
  .collection-intro{
    margin-bottom:38px;
  }
  .collection-media{
    width:calc(100% + 28px);
    margin:0 -14px;
  }
  .materials{
    gap:21px;
  }
  .material h3{
    font-size:19px;
  }
  .material p{
    font-size:16px;
  }
  .fit-list li{
    font-size:16px;
  }
  .quote{
    padding:38px 24px 28px 34px;
  }
  .quote:before{
    left:8px;
  }
  .quote p{
    font-size:16.5px;
  }
  .offer{
    padding:66px 0;
  }
  .offer h2{
    font-size:31px;
  }
  .price-card .big-price{
    font-size:49px;
  }
  .offer-list li{
    font-size:16px;
  }
  .faq h2{
    margin-bottom:35px;
  }
  summary{
    font-size:16px;
    padding:21px 39px 21px 0;
  }
  .answer p{
    font-size:16px;
  }
  .closing{
    padding:66px 0 62px;
  }
  .closing .inner{
    padding:0 22px;
  }
  .closing h2{
    font-size:32px;
  }
  .closing .subline{
    font-size:19px;
  }
  .closing-price{
    font-size:19px;
  }
  .a-position{
    padding-top:28px;
  }
  .a-position-grid{
    gap:34px;
  }
  .a-google{
    padding-top:32px;
  }
  .a-google h2{
    font-size:29px;
  }
  .a-google p{
    font-size:17px;
  }
  .a-confidence{
    margin-top:38px;
    padding:38px 22px;
  }
  .a-confidence h3{
    font-size:32px;
  }
  .a-confidence .bigline{
    font-size:23px;
  }
  .a-collection{
    margin-top:28px;
    padding-top:28px;
    padding-bottom:13px;
  }
  .a-collection .collection-stage{
    gap:16px;
  }
  .a-fit{
    padding:28px 0;
  }
  .a-fit .age{
    margin-bottom:0;
  }
  .a-testimonial-card{
    padding:26px 20px 22px;
  }
  .a-testimonial-card .quote{
    padding:29px 19px 21px 29px;
  }
  .a-testimonial-card .quote p{
    font-size:15.5px;
  }
  .a-offer{
    padding:28px 0;
  }
  .a-faq{
    padding:28px 0;
  }
  .a-closing{
    padding:28px 0 28px;
  }
  .a-testimonial-card .quote-label{
    font-size:17px;
  }
  .offer.a-offer .price-card{
    width:100%;
    min-width:0;
    max-width:none;
    justify-self:stretch;
    margin:0;
    padding:28px 22px;
  }
  .offer.a-offer{
    overflow:hidden;
  }
  .offer-grid{
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .cta.buy{
    width:auto;
    min-height:62px;
  }
}
/* ACESSIBILIDADE — MOVIMENTO REDUZIDO */
@media (prefers-reduced-motion:reduce){
  html{
    scroll-behavior:auto;
  }
  .cta{
    transition:none;
  }
  .cta:hover{
    transform:none;
  }
}
@media (max-width:390px){
  .cta{
    max-width:100%;
    white-space:normal;
    text-align:center;
    padding-left:20px;
    padding-right:20px;
  }
  .cta.buy{
    max-width:100%;
  }
}