/* =========================================================
   GaraBē WRAPPING page — v1.12.5
   Scoped to .wrapping-page. Existing pages remain unchanged.
========================================================= */
.wrapping-page{
  --w-bg:#030303;
  --w-card:#080808;
  --w-line:#34302a;
  --w-text:#f4f0e9;
  --w-muted:#b7b0a7;
  --w-red:#b51f29;
  --w-gold:#d3a02b;
  background:var(--w-bg);
  color:var(--w-text);
  overflow:hidden;
}
.wrapping-page *{box-sizing:border-box}
.wrapping-shell{width:min(1380px,calc(100% - 48px));margin:0 auto}
.wrapping-section{padding:96px 0}
.wrapping-kicker{display:block;color:var(--w-gold);font-size:11px;letter-spacing:.24em;line-height:1.6;margin-bottom:11px}
.wrapping-rule{display:block;width:54px;height:2px;background:#d21e2c;margin:22px 0 26px}
.wrapping-page h1,.wrapping-page h2,.wrapping-page h3{color:var(--w-text);font-weight:400}
.wrapping-page p{color:var(--w-muted);line-height:1.95}
.wrapping-page h2 span{display:block}
.wrapping-btn{min-height:54px;padding:0 26px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:20px;text-decoration:none!important;font-size:14px;letter-spacing:.06em;transition:.25s}
.wrapping-btn:hover{transform:translateY(-2px)}
.wrapping-btn--red{background:var(--w-red);border-color:var(--w-red);color:#fff!important}
.wrapping-btn--outline{background:rgba(0,0,0,.44);border-color:#a88324;color:#efe9dd!important}

/* Hero */
.wrapping-hero{
  min-height:650px;position:relative;display:flex;align-items:center;
  background:
    linear-gradient(90deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.86) 39%,rgba(0,0,0,.28) 71%,rgba(0,0,0,.04) 100%),
    linear-gradient(0deg,rgba(0,0,0,.45),rgba(0,0,0,.02)),
    var(--wrapping-hero) center 45%/cover no-repeat;
  border-bottom:1px solid #161616;
}
.wrapping-hero__inner{position:relative;z-index:2}
.wrapping-hero__copy{max-width:860px;padding:80px 0}
.wrapping-hero h1{font-size:clamp(46px,4.2vw,62px);letter-spacing:.035em;line-height:1.02;margin:0;white-space:nowrap}
.wrapping-hero p{font-size:17px;max-width:620px;margin:0}
.wrapping-hero__buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}

/* Shared title */
.wrapping-section-title{display:grid;grid-template-columns:minmax(42px,1fr) auto minmax(42px,1fr);gap:24px;align-items:center;text-align:center;margin-bottom:50px}
.wrapping-title-line{height:1px;background:linear-gradient(90deg,transparent,#66583f)}
.wrapping-title-line:last-child{background:linear-gradient(90deg,#66583f,transparent)}
.wrapping-section-title h2{font-size:34px;line-height:1.35;margin:0 0 8px;letter-spacing:.03em}
.wrapping-page .wrapping-choice-heading span{display:inline}
.wrapping-section-title p{font-size:13px;margin:0}
.wrapping-section-title .wrapping-kicker{margin-bottom:8px}

/* Intro */
.wrapping-intro__grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:72px;align-items:center}
.wrapping-intro h2,.wrapping-material h2,.wrapping-assurance h2,.wrapping-caution h2,.wrapping-contact h2{font-size:clamp(32px,4vw,48px);line-height:1.42;margin:0 0 28px;letter-spacing:.03em}
.wrapping-intro__copy>p{font-size:15px;margin:0 0 17px}
.wrapping-feature-list{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid #39342e}
.wrapping-feature-list li{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid #39342e}
.wrapping-feature-list strong{color:var(--w-gold);font-size:12px;letter-spacing:.13em;font-weight:400}
.wrapping-feature-list span{color:#c9c2b8;font-size:13px;line-height:1.75}
.wrapping-intro__media{margin:0;position:relative;border:1px solid #3c3831;background:#090909;padding:10px 10px 0}
.wrapping-intro__media::before{content:"";position:absolute;right:-20px;bottom:-20px;width:45%;height:52%;border-right:1px solid rgba(211,160,43,.55);border-bottom:1px solid rgba(211,160,43,.55);pointer-events:none}
.wrapping-intro__media img{display:block;width:100%;height:500px;object-fit:cover;object-position:center 55%;filter:saturate(.84) contrast(1.04)}
.wrapping-intro__media figcaption{padding:12px 4px 13px;color:#8f887e;font-size:9px;letter-spacing:.18em}
.wrapping-intro__media figcaption span{color:var(--w-red)}

/* Three choices */
.wrapping-styles{background:#050505;border-top:1px solid #151515;border-bottom:1px solid #151515}
.wrapping-style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wrapping-style-card{border:1px solid #3d3831;background:#080808;overflow:hidden}
.wrapping-style-card__media{height:265px;position:relative;overflow:hidden;background:#111}
.wrapping-style-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 58%)}
.wrapping-style-card__media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88) contrast(1.05);transition:.4s}
.wrapping-style-card:nth-child(1) .wrapping-style-card__media img{object-position:center 30%}
.wrapping-style-card:nth-child(2) .wrapping-style-card__media img{object-position:center 46%}
.wrapping-style-card:nth-child(3) .wrapping-style-card__media img{object-position:center 55%}
.wrapping-style-card:hover .wrapping-style-card__media img{transform:scale(1.025)}
.wrapping-style-card__media>span{position:absolute;z-index:2;left:20px;bottom:14px;color:var(--w-gold);font-size:34px;font-weight:300}
.wrapping-style-card__body{padding:28px}
.wrapping-style-card small{display:block;color:var(--w-gold);font-size:9px;letter-spacing:.2em;margin-bottom:10px}
.wrapping-style-card h3{font-size:24px;margin:0 0 14px;line-height:1.4}
.wrapping-style-card p{font-size:12.5px;margin:0 0 23px;min-height:98px}
.wrapping-style-card ul{list-style:none;padding:0;margin:0;border-top:1px solid #2c2925}
.wrapping-style-card li{position:relative;padding:11px 0 11px 17px;border-bottom:1px solid #2c2925;color:#d2cbc1;font-size:11px}
.wrapping-style-card li::before{content:"";position:absolute;left:0;top:17px;width:5px;height:5px;border-radius:50%;background:var(--w-red)}

/* Materials */
.wrapping-material__lead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:56px;align-items:end;margin-bottom:42px}
.wrapping-material__lead h2{margin-bottom:0}
.wrapping-material-heading{font-size:clamp(30px,3.2vw,46px)!important}
.wrapping-material-heading span{white-space:nowrap}
.wrapping-material__lead>p{font-size:14px;margin:0 0 7px}
.wrapping-material-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.wrapping-material-card{padding:38px;border:1px solid #3a3530;background:linear-gradient(140deg,#0a0a0a,#050505);position:relative;overflow:hidden}
.wrapping-material-card::before{content:"";position:absolute;right:-70px;top:-70px;width:180px;height:180px;border:1px solid rgba(255,255,255,.05);transform:rotate(45deg)}
.wrapping-material-card--premium{border-color:#73571c;background:linear-gradient(140deg,#120d04,#060606 60%)}
.wrapping-material-card__badge{display:inline-block;padding:7px 10px;border:1px solid #66583f;color:var(--w-gold);font-size:9px;letter-spacing:.18em;margin-bottom:20px}
.wrapping-material-card h3{font-size:25px;line-height:1.45;margin:0 0 7px}
.wrapping-material-card>strong{display:block;color:#887c6b;font-weight:300;font-size:13px;letter-spacing:.16em;margin-bottom:20px}
.wrapping-material-card>p{font-size:13px;margin:0 0 22px}
.wrapping-material-card ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:7px}
.wrapping-material-card li{padding:8px 11px;border:1px solid #3b3630;color:#c7c0b6;font-size:10px}
.wrapping-material__note{font-size:10px!important;line-height:1.75!important;color:#847d73!important;text-align:right;margin:16px 0 0}

/* Process */
.wrapping-quality{background:#050505;border-top:1px solid #151515;border-bottom:1px solid #151515}
.wrapping-process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.wrapping-process-card{border:1px solid #3d3831;background:#080808;overflow:hidden}
.wrapping-process-card__media{height:220px;background:#111;overflow:hidden}
.wrapping-process-card__media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82) contrast(1.05)}
.wrapping-process-card:nth-child(1) .wrapping-process-card__media img{object-position:center 54%}
.wrapping-process-card:nth-child(2) .wrapping-process-card__media img{object-position:center 44%}
.wrapping-process-card:nth-child(3) .wrapping-process-card__media img{object-position:center 45%}
.wrapping-process-card:nth-child(4) .wrapping-process-card__media img{object-position:center 48%}
.wrapping-process-card:nth-child(5) .wrapping-process-card__media img{object-position:center 55%}
.wrapping-process-card__body{padding:18px}
.wrapping-process-card__body>div{display:flex;gap:10px;align-items:baseline;margin-bottom:12px}
.wrapping-process-card__body span{color:var(--w-gold);font-size:19px}
.wrapping-process-card h3{font-size:14px;margin:0;line-height:1.5}
.wrapping-process-card p{font-size:11.5px;margin:0;line-height:1.75}

/* Assurance */
.wrapping-assurance__grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:68px;align-items:start}
.wrapping-assurance__intro{position:sticky;top:112px}
.wrapping-assurance-heading{font-size:clamp(32px,3.2vw,42px)!important}
.wrapping-assurance-heading span{white-space:nowrap}
.wrapping-assurance__intro p{font-size:14px;margin:0}
.wrapping-assurance__cards{display:grid;grid-template-columns:1fr;gap:10px}
.wrapping-assurance__cards article{display:grid;grid-template-columns:54px 210px 1fr;gap:18px;align-items:center;padding:24px;border:1px solid #3c3730;background:#080808}
.wrapping-assurance__cards article>span{color:var(--w-gold);font-size:24px}
.wrapping-assurance__cards h3{font-size:17px;margin:0;line-height:1.5}
.wrapping-assurance__cards p{font-size:12px;margin:0;line-height:1.75}
.wrapping-assurance__note{grid-column:2;font-size:10px!important;color:#837c73!important;margin:2px 0 0}

/* Caution */
.wrapping-caution{background:#070707;border-top:1px solid #231f1b;border-bottom:1px solid #231f1b}
.wrapping-caution__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}
.wrapping-caution__grid>div>p{font-size:14px;margin:0;max-width:530px}
.wrapping-caution__list{list-style:none;padding:0;margin:0;border-top:1px solid #3b352e}
.wrapping-caution__list li{display:grid;grid-template-columns:55px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid #3b352e}
.wrapping-caution__list li>span{color:var(--w-red);font-size:18px}
.wrapping-caution__list strong{display:block;color:#ece6dc;font-size:15px;font-weight:400;margin-bottom:5px}
.wrapping-caution__list p{font-size:12px;margin:0;line-height:1.75}

/* Aftercare */
.wrapping-aftercare__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.wrapping-aftercare article{padding:32px;border:1px solid #3b362e;background:#080808}
.wrapping-aftercare article>span{display:block;color:var(--w-gold);font-size:22px;margin-bottom:14px}
.wrapping-aftercare h3{font-size:19px;margin:0 0 12px;line-height:1.5}
.wrapping-aftercare p{font-size:12.5px;margin:0}

/* FAQ */
.wrapping-faq{background:#050505}
.wrapping-faq__grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #2c2925;border-left:1px solid #2c2925}
.wrapping-faq details{border-right:1px solid #2c2925;border-bottom:1px solid #2c2925;background:#070707}
.wrapping-faq summary{cursor:pointer;list-style:none;padding:22px 56px 22px 22px;position:relative;color:#e8e3db;font-size:14px;line-height:1.65}
.wrapping-faq summary::-webkit-details-marker{display:none}
.wrapping-faq summary::after{content:"＋";position:absolute;right:20px;top:18px;color:var(--w-gold);font-size:18px}
.wrapping-faq details[open] summary::after{content:"−"}
.wrapping-faq details p{margin:0;padding:0 22px 22px;font-size:12.5px}
.wrapping-faq__more{display:flex;justify-content:flex-end;margin-top:24px}

/* Contact */
.wrapping-contact{position:relative;background:linear-gradient(90deg,rgba(0,0,0,.97),rgba(0,0,0,.80) 52%,rgba(0,0,0,.30)),var(--wrapping-cta) center 42%/cover no-repeat;border-top:1px solid rgba(211,160,43,.28)}
.wrapping-contact__inner{min-height:330px;display:flex;align-items:center;justify-content:space-between;gap:50px}
.wrapping-contact__inner p{max-width:700px;margin:0}
.wrapping-contact__buttons{display:flex;flex-direction:column;gap:12px;min-width:340px}

@media(max-width:1100px){
  .wrapping-process-grid{grid-template-columns:repeat(2,1fr)}
  .wrapping-process-card:last-child{grid-column:1/-1}
  .wrapping-assurance__cards article{grid-template-columns:50px 180px 1fr}
}
@media(max-width:1000px){
  .wrapping-intro__grid,.wrapping-material__lead,.wrapping-assurance__grid,.wrapping-caution__grid{grid-template-columns:1fr;gap:42px}
  .wrapping-style-grid,.wrapping-material-grid{grid-template-columns:1fr}
  .wrapping-style-card p{min-height:0}
  .wrapping-assurance__intro{position:static}
  .wrapping-assurance__note{grid-column:auto}
  .wrapping-contact__inner{align-items:flex-start;flex-direction:column}
  .wrapping-contact__buttons{width:100%;min-width:0}
}
@media(max-width:767px){
  .wrapping-shell{width:min(100% - 32px,720px)}
  .wrapping-section{padding:64px 0}
  .wrapping-hero{min-height:710px;align-items:flex-start;background:linear-gradient(180deg,rgba(0,0,0,.98) 0%,rgba(0,0,0,.91) 45%,rgba(0,0,0,.32) 66%,rgba(0,0,0,.10) 100%),var(--wrapping-hero) 63% bottom/auto 50% no-repeat}
  .wrapping-hero__copy{padding:72px 0 320px}
  .wrapping-hero h1{font-size:43px;line-height:1.08;white-space:normal}
  .wrapping-hero p{font-size:13.5px;line-height:1.85}
  .wrapping-hero__buttons{display:grid;grid-template-columns:1fr;width:100%}
  .wrapping-btn{width:100%;min-height:58px;padding:0 18px;font-size:12px}

  .wrapping-intro h2,.wrapping-material h2,.wrapping-assurance h2,.wrapping-caution h2,.wrapping-contact h2{font-size:28px;line-height:1.45}
  .wrapping-intro__copy>p,.wrapping-material__lead>p,.wrapping-assurance__intro p,.wrapping-caution__grid>div>p{font-size:14px;line-height:1.85}
  .wrapping-feature-list li{grid-template-columns:1fr;gap:6px}
  .wrapping-intro__media::before{display:none}
  .wrapping-intro__media img{height:330px}

  .wrapping-section-title{grid-template-columns:24px 1fr 24px;gap:10px;margin-bottom:32px}
  .wrapping-section-title h2{font-size:25px;line-height:1.4;letter-spacing:.02em}
  .wrapping-page .wrapping-choice-heading span{display:block}
  .wrapping-section-title p{font-size:11.5px;line-height:1.7}
  .wrapping-section-title .wrapping-kicker{font-size:9px;letter-spacing:.17em}

  .wrapping-style-card__media{height:230px}
  .wrapping-style-card__body{padding:25px 21px}
  .wrapping-style-card h3{font-size:21px}
  .wrapping-style-card p{font-size:12px}

  .wrapping-material__lead{margin-bottom:30px}
  .wrapping-material-heading{font-size:clamp(20px,6.1vw,26px)!important;letter-spacing:0!important}
  .wrapping-material-card{padding:28px 22px}
  .wrapping-material-card h3{font-size:21px}
  .wrapping-material-card>p{font-size:12px}
  .wrapping-material__note{text-align:left;font-size:9.5px!important}

  .wrapping-process-grid{grid-template-columns:1fr;gap:12px}
  .wrapping-process-card:last-child{grid-column:auto}
  .wrapping-process-card__media{height:230px}
  .wrapping-process-card__body{padding:16px}
  .wrapping-process-card h3{font-size:15px}
  .wrapping-process-card p{font-size:11.5px}

  .wrapping-assurance__cards article{grid-template-columns:40px 1fr;gap:5px 12px;padding:20px}
  .wrapping-assurance__cards article>span{grid-row:1/3;font-size:20px;align-self:start}
  .wrapping-assurance__cards h3{font-size:15px}
  .wrapping-assurance__cards p{font-size:11.5px}
  .wrapping-caution__list li{grid-template-columns:40px 1fr;gap:12px}

  .wrapping-aftercare__grid{grid-template-columns:1fr;gap:12px}
  .wrapping-aftercare article{padding:24px 22px}
  .wrapping-aftercare h3{font-size:17px}
  .wrapping-aftercare p{font-size:12px}

  .wrapping-faq__grid{grid-template-columns:1fr}
  .wrapping-faq summary{padding:19px 48px 19px 17px;font-size:12px}
  .wrapping-faq summary::after{right:16px;top:15px}
  .wrapping-faq details p{padding:0 17px 19px;font-size:11.5px;line-height:1.75}

  .wrapping-contact{background-position:60% center}
  .wrapping-contact__inner{min-height:0;gap:28px}
  .wrapping-contact__inner p{font-size:13px}
}
@media(max-width:390px){
  .wrapping-shell{width:calc(100% - 28px)}
  .wrapping-hero h1{font-size:37px}
  .wrapping-hero__copy{padding-top:64px}
  .wrapping-section-title{grid-template-columns:18px 1fr 18px;gap:7px}
  .wrapping-section-title h2{font-size:22px}
}