/* =========================================================
   rkia-couture — BASE
   Reset · typography · buttons · header · footer · mini-cart · reveal
   Consumes tokens from _tokens.css. Loaded on every page.
   ========================================================= */

/* ---------- RESET ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
*{min-width:0} /* flex/grid children never force horizontal overflow */
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden;max-width:100%}
body{
  font-family:var(--font-serif);
  font-size:var(--fs-body);
  font-weight:var(--fw-regular);
  line-height:var(--lh-body);
  color:var(--text);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
img,svg,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;background:none;border:none;color:inherit}
input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}
ul{list-style:none}
::selection{background:var(--or);color:var(--creme)}

/* IMAGE RULE — caftans are never cropped. Where a frame is unavoidable,
   contain preserves photography, embroidery, sleeves, belts, silhouettes. */
.rk-img-contain{width:100%;height:100%;object-fit:contain;object-position:center}
.rk-img-cover{width:100%;height:100%;object-fit:cover;object-position:center}

/* ---------- TYPOGRAPHY ---------- */
h1,h2,h3,h4{
  font-family:var(--font-display);
  font-weight:var(--fw-regular);
  line-height:var(--lh-tight);
  letter-spacing:var(--ls-display);
  color:var(--noir);
}
h1{font-size:var(--fs-h1)}
h2{font-size:var(--fs-h2)}
h3{font-size:var(--fs-h3)}
p{max-width:var(--maxw-text)}
strong{font-weight:var(--fw-medium)}
em{font-style:italic}

.eyebrow{
  font-family:var(--font-sans);
  font-size:var(--fs-eyebrow);
  letter-spacing:var(--ls-eyebrow);
  text-transform:uppercase;
  color:var(--or-deep);
  display:inline-block;
}
.eyebrow--light{color:var(--or-pale)}

/* Italic serif flourish used in headings, e.g. "Le <em>look</em> complet" */
h1 em,h2 em,h3 em{font-family:var(--font-display);font-style:italic;color:var(--or-deep)}

/* ---------- LAYOUT HELPERS ---------- */
.rk-container{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.rk-section{padding-block:var(--section-y);padding-inline:var(--gutter)}
.rk-section--dark{background:var(--noir);color:var(--creme)}
.rk-section--dark h1,.rk-section--dark h2,.rk-section--dark h3{color:var(--creme)}
.rk-section--beige{background:var(--beige)}
.rk-section-head{text-align:center;max-width:var(--maxw-text);margin-inline:auto;margin-bottom:clamp(40px,6vh,80px)}
.rk-section-head h2{margin-block:16px}
.rk-section-head p{color:var(--muted);margin-inline:auto}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:16px;top:16px;z-index:9999;background:var(--noir);color:var(--creme);padding:12px 18px}

/* ---------- BUTTON SYSTEM ---------- */
.btn{
  --btn-fg:var(--noir);
  --btn-bg:transparent;
  --btn-bd:var(--noir);
  --btn-fill:var(--noir);
  --btn-fg-hover:var(--creme);
  display:inline-flex;align-items:center;justify-content:center;gap:11px;
  font-family:var(--font-sans);
  font-size:var(--fs-eyebrow);
  letter-spacing:var(--ls-btn);
  text-transform:uppercase;
  padding:17px 42px;
  color:var(--btn-fg);
  background:var(--btn-bg);
  border:1px solid var(--btn-bd);
  position:relative;overflow:hidden;isolation:isolate;
  transition:color var(--t-med) var(--ease),border-color var(--t-med) var(--ease);
}
.btn::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:var(--btn-fill);
  transform:translateY(101%);
  transition:transform var(--t-med) var(--ease);
}
.btn:hover{color:var(--btn-fg-hover)}
.btn:hover::after{transform:translateY(0)}
.btn:focus-visible{outline:2px solid var(--or-deep);outline-offset:3px}
.btn .rk-icon{width:15px;height:15px}

/* Variants */
.btn--gold{--btn-fg:var(--creme);--btn-bg:var(--or);--btn-bd:var(--or);--btn-fill:var(--or-deep);--btn-fg-hover:var(--creme)}
.btn--outline{/* default = dark outline */}
.btn--light{--btn-fg:var(--creme);--btn-bd:rgba(255,253,248,.6);--btn-fill:var(--creme);--btn-fg-hover:var(--noir)}
.btn--solid{--btn-fg:var(--creme);--btn-bg:var(--noir);--btn-bd:var(--noir);--btn-fill:var(--or-deep);--btn-fg-hover:var(--creme)}
.btn--wa{--btn-fg:var(--creme);--btn-bg:var(--whatsapp);--btn-bd:var(--whatsapp);--btn-fill:var(--whatsapp-deep);--btn-fg-hover:var(--creme)}
.btn--block{display:flex;width:100%}

/* Quiet text link with animated underline */
.rk-link{
  font-family:var(--font-sans);font-size:var(--fs-eyebrow);
  letter-spacing:var(--ls-nav);text-transform:uppercase;color:var(--or-deep);
  position:relative;padding-bottom:3px;
}
.rk-link::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:currentColor;transition:width var(--t-med) var(--ease)}
.rk-link:hover::after{width:100%}

/* ---------- HEADER ---------- */
.rk-header{
  position:fixed;inset-block-start:0;inset-inline:0;z-index:var(--z-header);
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  padding:24px var(--gutter);
  transition:background var(--t-med) var(--ease),padding var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease);
}
/* Transparent over hero by default (light text) */
.rk-header__brand,.rk-header__nav a,.rk-header__tools button{color:var(--creme)}
.rk-header .rk-icon{stroke:var(--creme);transition:stroke var(--t-med) var(--ease)}

/* Scrolled / solid pages */
.rk-header.is-scrolled,
.rk-header.is-solid{
  background:rgba(255,253,248,.94);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  padding-block:14px;
  box-shadow:0 1px 0 var(--line);
}
.rk-header.is-scrolled .rk-header__brand,
.rk-header.is-solid .rk-header__brand,
.rk-header.is-scrolled .rk-header__nav a,
.rk-header.is-solid .rk-header__nav a,
.rk-header.is-scrolled .rk-header__tools button,
.rk-header.is-solid .rk-header__tools button{color:var(--noir)}
.rk-header.is-scrolled .rk-icon,
.rk-header.is-solid .rk-icon{stroke:var(--noir)}

.rk-header__brand{
  grid-column:2;justify-self:center;
  font-family:var(--font-display);
  font-size:clamp(18px,2vw,24px);
  letter-spacing:.34em;font-weight:var(--fw-medium);
  text-transform:uppercase;padding-inline-start:.34em;
  transition:color var(--t-med) var(--ease);
}
.rk-header__brand img{max-height:46px;width:auto}

.rk-header__nav{grid-column:1;justify-self:start}
.rk-header__nav .rk-nav__list,
.rk-header__nav ul{display:flex;gap:clamp(20px,2vw,40px);align-items:center}
.rk-header__nav a{
  font-family:var(--font-sans);font-size:var(--fs-eyebrow);
  letter-spacing:var(--ls-nav);text-transform:uppercase;
  position:relative;padding-block:4px;transition:color var(--t-fast) var(--ease);
}
.rk-header__nav a::after{content:"";position:absolute;inset-inline-start:0;inset-block-end:-2px;width:0;height:1px;background:var(--or);transition:width var(--t-med) var(--ease)}
.rk-header__nav a:hover{color:var(--or)}
.rk-header__nav a:hover::after{width:100%}
.rk-header__nav .current-menu-item>a{color:var(--or)}

.rk-header__tools{grid-column:3;justify-self:end;display:flex;align-items:center;gap:18px}
.rk-header__tools button{display:inline-flex;align-items:center;padding:6px;transition:color var(--t-fast) var(--ease)}
.rk-header__tools button:hover .rk-icon{stroke:var(--or)}

/* Cart count bubble */
.rk-cart-toggle{position:relative}
.rk-cart-count{
  position:absolute;inset-block-start:-4px;inset-inline-end:-6px;
  min-width:16px;height:16px;padding:0 4px;border-radius:9px;
  background:var(--or);color:var(--creme);
  font-family:var(--font-sans);font-size:9px;line-height:16px;text-align:center;letter-spacing:0;
}
.rk-cart-count:empty,.rk-cart-count[data-count="0"]{display:none}

/* Header turns solid while a mega panel is open (even over the hero) */
.rk-header.is-mega-open{background:rgba(255,253,248,.98);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line)}
.rk-header.is-mega-open .rk-header__brand,
.rk-header.is-mega-open .rk-header__nav a,
.rk-header.is-mega-open .rk-header__tools button{color:var(--noir)}
.rk-header.is-mega-open .rk-icon{stroke:var(--noir)}
.rk-header.is-mega-open .rk-burger span{background:var(--noir)}

/* ---------- MEGA MENU ---------- */
.rk-header__nav .rk-has-panel{position:static}
.rk-mega{
  position:absolute;inset-inline:0;inset-block-start:100%;
  background:rgba(255,253,248,.98);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-block-start:1px solid var(--line);
  box-shadow:0 24px 60px -36px rgba(26,24,20,.5);
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity var(--t-med) var(--ease),transform var(--t-med) var(--ease),visibility var(--t-med) var(--ease);
  pointer-events:none;
}
.rk-header__nav .rk-has-panel:hover .rk-mega,
.rk-header__nav .rk-has-panel:focus-within .rk-mega,
.rk-header__nav .rk-has-panel.is-open .rk-mega{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.rk-mega__inner{max-width:var(--maxw);margin-inline:auto;padding:48px var(--gutter) 54px}
.rk-mega__cols{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,56px)}
.rk-mega__col{min-width:0}
.rk-mega__heading{display:block;color:var(--or-deep);margin-bottom:18px}
.rk-mega__list li{margin-bottom:12px}
.rk-mega__list a{
  font-family:var(--font-display);font-size:18px;letter-spacing:.01em;color:var(--noir);
  text-transform:none;padding:0;
}
.rk-mega__list a::after{display:none}
.rk-mega__list a:hover{color:var(--or-deep)}
/* Solid header: panel already matches. On transparent hero the panel stays light. */

/* Burger (mobile) */
.rk-burger{display:none;flex-direction:column;gap:5px;padding:8px;grid-column:1;justify-self:start}
.rk-burger span{width:24px;height:1.5px;background:var(--creme);transition:background var(--t-med) var(--ease),transform var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease)}
.is-scrolled .rk-burger span,.is-solid .rk-burger span{background:var(--noir)}

/* spacer so solid pages don't sit under the fixed header */
.rk-header-spacer{height:var(--header-h)}

/* ---------- MOBILE DRAWER ---------- */
.rk-drawer{
  position:fixed;inset:0;z-index:var(--z-drawer);
  background:var(--ivory);
  display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;
  transform:translateX(100%);transition:transform var(--t-med) var(--ease);
  visibility:hidden;
}
.rk-drawer.is-open{transform:none;visibility:visible}
.rk-drawer a{font-family:var(--font-display);font-size:clamp(26px,7vw,40px);color:var(--noir);padding:10px 0;letter-spacing:.02em}
.rk-drawer a:hover{color:var(--or-deep)}
.rk-drawer__close{position:absolute;inset-block-start:26px;inset-inline-end:26px;padding:8px}
.rk-drawer__close .rk-icon{stroke:var(--noir);width:26px;height:26px}
.rk-drawer__meta{margin-top:30px;font-family:var(--font-sans);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gris)}

/* ---------- MINI-CART (slide-in) ---------- */
.rk-overlay{
  position:fixed;inset:0;z-index:var(--z-overlay);
  background:rgba(26,24,20,.45);
  opacity:0;visibility:hidden;transition:opacity var(--t-med) var(--ease),visibility var(--t-med) var(--ease);
}
.rk-overlay.is-open{opacity:1;visibility:visible}

.rk-cart{
  position:fixed;inset-block:0;inset-inline-end:0;z-index:var(--z-cart);
  width:min(420px,92vw);
  background:var(--creme);
  box-shadow:var(--shadow-panel);
  transform:translateX(100%);transition:transform var(--t-med) var(--ease);
  display:flex;flex-direction:column;
}
[dir="rtl"] .rk-cart{transform:translateX(-100%)}
.rk-cart.is-open{transform:none}
.rk-cart__head{
  display:flex;align-items:center;justify-content:space-between;
  padding:26px 30px;border-bottom:1px solid var(--line);
}
.rk-cart__head h3{font-size:22px}
.rk-cart__head .eyebrow{display:block;margin-bottom:4px}
.rk-cart__close{padding:8px}
.rk-cart__close .rk-icon{stroke:var(--noir)}
.rk-cart__body{flex:1;overflow-y:auto;padding:24px 30px}
.rk-cart__empty{color:var(--muted);font-style:italic;text-align:center;margin-top:40px}
.rk-cart__foot{border-top:1px solid var(--line);padding:24px 30px}
.rk-cart__subtotal{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px}
.rk-cart__subtotal span:first-child{font-family:var(--font-sans);font-size:var(--fs-eyebrow);letter-spacing:var(--ls-nav);text-transform:uppercase;color:var(--muted)}
.rk-cart__subtotal span:last-child{font-family:var(--font-display);font-size:22px;color:var(--noir)}
.rk-cart__actions{display:flex;flex-direction:column;gap:10px}
.rk-cart__actions .rk-link{align-self:center}
body.rk-locked{overflow:hidden}

/* ---------- FOOTER ---------- */
.rk-footer{
  background:var(--noir-deep);
  color:rgba(255,253,248,.7);
  padding:clamp(60px,9vh,112px) var(--gutter) 40px;
}
.rk-footer__grid{
  display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;
  gap:clamp(30px,4vw,72px);margin-bottom:60px;
}
.rk-footer__brand .rk-footer__name{
  font-family:var(--font-display);font-size:26px;letter-spacing:.3em;text-transform:uppercase;
  color:var(--creme);display:inline-block;margin-bottom:20px;
}
.rk-footer__brand p{font-size:14px;max-width:320px;color:rgba(255,253,248,.55);line-height:1.7}
.rk-footer h4{
  font-family:var(--font-sans);font-size:var(--fs-eyebrow);letter-spacing:var(--ls-eyebrow);
  text-transform:uppercase;color:var(--or-pale);margin-bottom:22px;
}
.rk-footer ul li{margin-bottom:12px}
.rk-footer ul a{font-size:14px;color:rgba(255,253,248,.62);transition:color var(--t-fast) var(--ease)}
.rk-footer ul a:hover{color:var(--or)}
.rk-footer__social{display:flex;gap:18px;margin-top:10px;flex-wrap:wrap}
.rk-footer__social a{font-family:var(--font-sans);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,253,248,.62);transition:color var(--t-fast) var(--ease)}
.rk-footer__social a:hover{color:var(--or)}
.rk-footer__news input{
  width:100%;background:transparent;border:none;border-bottom:1px solid rgba(255,253,248,.35);
  color:var(--creme);padding:12px 2px;font-family:var(--font-sans);font-size:13px;letter-spacing:.06em;
}
.rk-footer__news input::placeholder{color:rgba(255,253,248,.45)}
.rk-footer__news input:focus{outline:none;border-color:var(--or)}
.rk-footer__news .btn{margin-top:18px}
.rk-newsletter__msg{font-family:var(--font-display);font-style:italic;font-size:20px;color:var(--or-pale);text-align:center}
.rk-footer__bottom{
  border-top:1px solid rgba(255,253,248,.12);padding-top:30px;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;
  font-family:var(--font-sans);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,253,248,.4);
}

/* ---------- GENERIC PAGE / PROSE (global, for page.php & search) ---------- */
.rk-page{max-width:var(--maxw-text);margin-inline:auto;padding:calc(var(--header-h) + clamp(30px,6vh,60px)) var(--gutter) var(--section-y)}
.rk-page__head h1{font-size:clamp(32px,4.6vw,60px);font-weight:var(--fw-light);text-align:center;margin-bottom:clamp(24px,4vh,40px)}
.rk-page__media{margin:0 0 36px}
.rk-prose p{font-size:17px;line-height:1.9;color:var(--ink);margin-bottom:22px}
.rk-prose h2{font-size:clamp(24px,3vw,34px);font-weight:var(--fw-light);margin:36px 0 16px}
.rk-prose h3{font-size:22px;margin:28px 0 12px}
.rk-prose a{color:var(--or-deep);border-bottom:1px solid var(--sable)}
.rk-prose ul,.rk-prose ol{margin:0 0 22px 1.2em;font-size:17px;line-height:1.85;color:var(--ink)}
.rk-prose blockquote{border:none;margin:36px 0;text-align:center}
.rk-prose blockquote p{font-family:var(--font-display);font-style:italic;font-size:clamp(22px,3vw,30px);color:var(--noir)}
.rk-search-page{max-width:var(--maxw);margin-inline:auto;padding:calc(var(--header-h) + clamp(30px,6vh,60px)) var(--gutter) var(--section-y)}
.rk-search-page__head{text-align:center;margin-bottom:clamp(30px,5vh,56px)}
.rk-search-page__head h1{font-size:clamp(30px,4vw,52px);font-weight:var(--fw-light)}

/* ---------- MOBILE HARDENING (320 · 375 · 390 · 414 · 768) ---------- */
@media(max-width:768px){
  :root{--gutter:clamp(18px,5vw,30px);--section-y:clamp(56px,9vh,84px)}
  body{letter-spacing:.01em}
  .rk-section-head{margin-bottom:clamp(28px,5vh,40px)}
  .rk-section-head h2{font-size:clamp(28px,7vw,42px)}
  img,video{height:auto}
}
@media(max-width:480px){
  .rk-hero__title{font-size:clamp(40px,14vw,62px);letter-spacing:.03em;line-height:1}
  .rk-hero__sub{font-size:clamp(17px,5vw,22px)}
  .rk-hero__content{padding-inline:20px}
  .rk-hero__cta{flex-direction:column;align-items:center;width:100%}
  .rk-hero__cta .btn{width:100%;max-width:320px}
  .rk-header{padding-inline:20px}
  .rk-header__brand{font-size:15px;letter-spacing:.2em}
  .rk-footer__grid{gap:34px}
  .btn{width:100%;max-width:340px}
}
@media(max-width:360px){
  .rk-hero__title{font-size:38px}
  .rk-section-head h2{font-size:26px}
}

/* ---------- REVEAL ON SCROLL ---------- */
.reveal{opacity:0;transform:translateY(38px);transition:opacity var(--t-slow) var(--ease),transform var(--t-slow) var(--ease)}
.reveal.is-in{opacity:1;transform:none}
.reveal.d1{transition-delay:.12s}
.reveal.d2{transition-delay:.24s}
.reveal.d3{transition-delay:.36s}
.reveal.d4{transition-delay:.48s}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  *{scroll-behavior:auto!important}
}

/* ---------- SHARED MEDIA WRAPPER ---------- */
.rk-media{position:relative;overflow:hidden;width:100%;background:var(--beige)}
.rk-media img,.rk-media video,.rk-media .rk-ph{display:block;width:100%;height:100%}
.rk-section-head--left{text-align:start;margin-inline:0}

/* ---------- SHARED · PRODUCT RAIL (complete the look / related / recently viewed) ---------- */
.rk-pdp-rail__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,34px);max-width:var(--maxw);margin-inline:auto}
.rk-mini-card{display:block;text-align:center}
.rk-mini-card .rk-media{aspect-ratio:3/4;overflow:hidden;margin-bottom:16px}
.rk-mini-card .rk-media img{transition:transform 1.4s var(--ease)}
.rk-mini-card:hover .rk-media img{transform:scale(1.05)}
.rk-mini-card__name{display:block;font-family:var(--font-display);font-size:18px;color:var(--noir);font-weight:var(--fw-light)}
.rk-mini-card__name:hover{color:var(--or-deep)}
.rk-mini-card__price{display:block;font-family:var(--font-serif);font-size:14px;color:var(--gris);margin-top:6px}
@media(max-width:1024px){.rk-pdp-rail__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.rk-pdp-rail__grid{grid-template-columns:repeat(2,1fr);gap:14px}}

/* ---------- SHARED BAND · CRAFTSMANSHIP ---------- */
.rk-craft__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,6vw,90px);align-items:center;max-width:var(--maxw);margin-inline:auto}
.rk-craft__copy h2{font-size:clamp(34px,4.6vw,64px);margin:16px 0 28px}
.rk-craft__intro{color:rgba(246,242,236,.7);font-size:15px;margin-bottom:36px;max-width:480px;line-height:1.8}
.rk-craft__timeline{list-style:none}
.rk-craft__step{display:flex;align-items:baseline;gap:24px;padding:22px 0;border-top:1px solid rgba(246,242,236,.16);transition:padding-inline-start .5s var(--ease)}
.rk-craft__step:last-child{border-bottom:1px solid rgba(246,242,236,.16)}
.rk-craft__step:hover{padding-inline-start:14px}
.rk-craft__num{font-family:var(--font-display);font-size:26px;color:var(--or);min-width:46px}
.rk-craft__detail{display:flex;flex-direction:column;gap:4px}
.rk-craft__title{font-family:var(--font-display);font-size:22px;color:var(--creme);letter-spacing:.03em}
.rk-craft__text{font-size:13px;color:rgba(246,242,236,.55)}
.rk-craft__img{position:relative;overflow:hidden}
.rk-craft__img .rk-media img{transition:transform 1.6s var(--ease)}
.rk-craft__img:hover .rk-media img{transform:scale(1.06)}

/* ---------- SHARED BAND · INSTAGRAM ---------- */
.rk-instagram__grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;max-width:var(--maxw);margin-inline:auto}
.rk-instagram__cell{position:relative;display:block;overflow:hidden;aspect-ratio:1}
.rk-instagram__cell .rk-media{aspect-ratio:1}
.rk-instagram__cell img,.rk-instagram__cell .rk-ph{transition:transform 1.2s var(--ease)}
.rk-instagram__cell::after{content:"@";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(26,24,20,.45);color:#fff;font-family:var(--font-display);font-style:italic;font-size:24px;opacity:0;transition:opacity .5s var(--ease)}
.rk-instagram__cell:hover img{transform:scale(1.12)}
.rk-instagram__cell:hover::after{opacity:1}

/* ---------- SHARED BAND · NEWSLETTER ---------- */
.rk-newsletter{text-align:center}
.rk-newsletter__inner{max-width:560px;margin-inline:auto}
.rk-newsletter h2{margin:14px 0 16px}
.rk-newsletter p{color:rgba(246,242,236,.65);max-width:460px;margin:0 auto 36px;font-size:14px;line-height:1.7}
.rk-newsletter__form{display:flex;max-width:520px;margin-inline:auto;gap:0;border-bottom:1px solid rgba(246,242,236,.35);align-items:stretch}
.rk-newsletter__form input{flex:1;background:transparent;border:none;color:var(--creme);padding:16px 4px;font-family:var(--font-sans);font-size:13px;letter-spacing:.06em}
.rk-newsletter__form input::placeholder{color:rgba(246,242,236,.5)}
.rk-newsletter__form input:focus{outline:none}
.rk-newsletter__form .btn{border:none;padding-inline:22px}

@media(max-width:1024px){
  .rk-instagram__grid{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:860px){
  .rk-craft__grid{grid-template-columns:1fr;gap:40px}
  .rk-craft__img{order:-1}
}
@media(max-width:600px){
  .rk-instagram__grid{grid-template-columns:repeat(3,1fr)}
  .rk-newsletter__form{flex-direction:column;border-bottom:none;gap:14px}
  .rk-newsletter__form input{border-bottom:1px solid rgba(246,242,236,.35);text-align:center}
  .rk-newsletter__form .btn{width:100%}
}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1024px){
  .rk-footer__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
  .rk-header{grid-template-columns:auto 1fr auto}
  .rk-header__nav{display:none}
  .rk-burger{display:flex}
  .rk-header__brand{grid-column:2;justify-self:center}
  .rk-header__tools{grid-column:3}
  .rk-header__tools .rk-search-toggle{display:none}
}
@media(max-width:560px){
  .rk-footer__grid{grid-template-columns:1fr}
  .rk-footer__bottom{flex-direction:column}
  .btn{width:100%}
}