:root{
  --myk-ink:#16120f;
  --myk-brown:#4e3524;
  --myk-gold:#b98a52;
  --myk-gold2:#d8b27e;
  --myk-cream:#fbf7f2;
  --myk-blush:#f5ece4;
  --myk-line:#e8ddd1;
  --myk-white:#fff;
  --myk-shadow:0 18px 48px rgba(59,40,24,.12);
  --myk-shadow-sm:0 9px 26px rgba(59,40,24,.10);
}
html{scroll-behavior:smooth}
body{background:#fff;color:var(--myk-ink);font-family:Inter,Arial,sans-serif}
.myk-page,.myk-page #content,.myk-page #wrapper{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
#wrapper{background:#fff!important}
.myk-shell{width:min(1480px,calc(100% - 64px));margin-inline:auto}
.myk-topbar{background:linear-gradient(90deg,#24211e,#181614);color:#fff;font-size:13px;letter-spacing:.01em}
.myk-topbar .myk-shell{height:38px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.myk-topbar span,.myk-topbar a{display:flex;align-items:center;gap:7px;color:#fff!important;text-decoration:none}
.myk-topbar svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.myk-header{background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(185,138,82,.12);position:sticky;top:0;z-index:60;box-shadow:0 8px 24px rgba(40,26,14,.05)}
.myk-header-row{height:86px;display:flex;align-items:center;gap:28px}
.myk-brand{text-decoration:none!important;color:var(--myk-ink)!important;display:flex;flex-direction:column;line-height:.9;min-width:max-content}
.myk-brand strong{font-family:Georgia,serif;font-size:30px;letter-spacing:-1.4px}
.myk-brand strong span{color:var(--myk-gold)}
.myk-brand small{font-size:8px;letter-spacing:3px;margin-top:7px;text-align:center}
.myk-nav{display:flex;align-items:center;gap:27px;margin-left:18px}
.myk-nav a{color:#211a15!important;font-weight:650;font-size:14px;text-decoration:none!important;position:relative}
.myk-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--myk-gold);transition:.25s}
.myk-nav a:hover:after{right:0}
.myk-search{margin-left:auto;width:240px;height:43px;border:1px solid #e9e1d9;border-radius:999px;display:flex;align-items:center;background:#fbfaf8;overflow:hidden}
.myk-search input{border:0!important;box-shadow:none!important;background:transparent!important;flex:1;min-width:0;padding:0 8px 0 18px;height:100%;font-size:13px}
.myk-search button{border:0;background:none;padding:0 14px;display:grid;place-items:center}
.myk-search svg,.myk-actions svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}
.myk-actions{display:flex;align-items:center;gap:15px}
.myk-actions>a{width:38px;height:38px;display:grid;place-items:center;color:var(--myk-ink)!important;position:relative;text-decoration:none!important}
.myk-cart span{position:absolute;top:-1px;right:-3px;background:#17120f;color:#fff;border-radius:20px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;font-size:10px}
.myk-menu-toggle{display:none;background:none;border:0;width:42px;height:42px;padding:8px}
.myk-menu-toggle span{display:block;height:2px;background:#17120f;margin:6px 0}
.myk-home{overflow:hidden;background:linear-gradient(180deg,#fff 0,#fdfbf8 42%,#fff 100%)}
.myk-hero{display:grid;grid-template-columns:minmax(420px,44%) 1fr;min-height:610px;background:linear-gradient(115deg,#fffaf5 0%,#f8ede3 49%,#ead9c9 100%);border-bottom:1px solid #eadfd4}
.myk-hero-copy{padding:76px clamp(48px,6vw,112px) 54px max(48px,calc((100vw - 1480px)/2));display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.myk-eyebrow{font-size:12px;font-weight:800;letter-spacing:4px;color:var(--myk-gold);margin-bottom:15px}
.myk-hero h1,.myk-section h2,.myk-how h2,.myk-occasion h2{font-family:Georgia,serif;color:#15110f;letter-spacing:-.045em;margin:0}
.myk-hero h1{font-size:clamp(54px,5vw,84px);line-height:.92;max-width:700px}
.myk-hero h1 span{color:var(--myk-gold)}
.myk-hero-copy>p{font-size:20px;line-height:1.55;max-width:620px;color:#4d433b;margin:28px 0 28px}
.myk-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.myk-btn{display:inline-flex;align-items:center;gap:14px;border-radius:7px;text-decoration:none!important;font-weight:800;letter-spacing:.01em;padding:16px 24px;transition:.25s}
.myk-btn svg,.myk-category-copy svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.myk-btn-gold{background:linear-gradient(135deg,var(--myk-gold2),var(--myk-gold));color:#fff!important;box-shadow:0 12px 28px rgba(185,138,82,.25)}
.myk-btn-gold:hover{transform:translateY(-2px);box-shadow:0 18px 36px rgba(185,138,82,.32)}
.myk-text-link{color:#4d3525!important;font-weight:700;text-decoration:none!important;border-bottom:1px solid #d4b58e}
.myk-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:42px}
.myk-benefit{display:flex;align-items:center;gap:12px;min-width:0}
.myk-benefit .myk-icon{width:43px;height:43px;border-radius:13px;background:rgba(255,255,255,.68);display:grid;place-items:center;border:1px solid rgba(185,138,82,.18);box-shadow:0 8px 22px rgba(74,52,34,.06);flex:0 0 auto}
.myk-benefit svg{width:24px;height:24px;fill:none;stroke:#3c2b20;stroke-width:1.6}
.myk-benefit b,.myk-benefit small{display:block}
.myk-benefit b{font-size:13px;margin-bottom:3px}.myk-benefit small{font-size:11px;color:#806f62}
.myk-hero-media{display:block;position:relative;overflow:hidden;min-height:610px;background:#2e271f}
.myk-hero-media picture,.myk-hero-media img{width:100%;height:100%;display:block}
.myk-hero-media img{object-fit:cover;object-position:center;transition:transform .7s ease}
.myk-hero-media:hover img{transform:scale(1.025)}
.myk-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,237,228,.15),transparent 28%,rgba(35,22,12,.08))}
.myk-hero-badge{position:absolute;right:7%;bottom:8%;z-index:3;width:116px;height:116px;border-radius:50%;background:linear-gradient(145deg,#e7c99f,#c39359);color:#20160f;display:grid;place-items:center;text-align:center;font-weight:900;font-size:12px;line-height:1.15;border:2px solid rgba(255,255,255,.6);box-shadow:0 15px 34px rgba(0,0,0,.22);transform:rotate(-4deg)}
.myk-hero-badge b{font-size:17px}
.myk-section{padding:76px 0}
.myk-section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}
.myk-section-head h2,.myk-how h2{font-size:clamp(38px,3.4vw,55px);line-height:1}
.myk-section-head p{max-width:520px;color:#716257;font-size:15px;line-height:1.7}
.myk-category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.myk-category-card{display:block;color:var(--myk-ink)!important;text-decoration:none!important;background:#fff;border:1px solid #eee5dd;border-radius:18px;overflow:hidden;box-shadow:0 10px 25px rgba(65,44,26,.06);transition:.3s}
.myk-category-card:hover{transform:translateY(-6px);box-shadow:var(--myk-shadow)}
.myk-category-card img{width:100%;aspect-ratio:1.58/1;object-fit:cover;display:block}
.myk-category-copy{display:block;padding:17px 17px 18px}
.myk-category-copy b{display:block;font-family:Georgia,serif;font-size:20px;margin-bottom:8px}
.myk-category-copy small{display:flex;align-items:center;gap:7px;color:#856b55;font-weight:700}
.myk-category-copy svg{width:15px;height:15px}
.myk-how{background:linear-gradient(135deg,#fbf8f4,#f5eee8);border-block:1px solid #eee3da;padding:54px 0}
.myk-how-inner{display:grid;grid-template-columns:260px 1fr;gap:55px;align-items:center}
.myk-how-title p{color:#72645a;margin-top:10px}
.myk-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.myk-step{position:relative;background:rgba(255,255,255,.68);border:1px solid rgba(185,138,82,.13);border-radius:18px;padding:25px 20px 22px;text-align:center;box-shadow:0 8px 20px rgba(72,49,31,.05)}
.myk-step em{position:absolute;left:14px;top:14px;width:30px;height:30px;border-radius:50%;background:#1d1814;color:#fff;font-style:normal;font-weight:800;display:grid;place-items:center}
.myk-step-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 12px;color:#3d2c20}
.myk-step-icon svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:1.55}
.myk-step b,.myk-step small{display:block}.myk-step b{font-size:14px;margin-bottom:5px}.myk-step small{font-size:12px;color:#817267}
.myk-best-head{align-items:center}
.myk-outline-btn{padding:12px 18px;border:1px solid #d8c6b5;border-radius:999px;color:#4c3524!important;text-decoration:none!important;font-weight:750;background:#fff}
.myk-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.myk-product-card{border-radius:20px;background:#fff;border:1px solid #eee5dd;overflow:hidden;box-shadow:0 12px 30px rgba(64,43,27,.07);transition:.3s}
.myk-product-card:hover{transform:translateY(-5px);box-shadow:var(--myk-shadow)}
.myk-product-img{display:block;position:relative;overflow:hidden;background:#f5f1ec}
.myk-product-img img{width:100%;aspect-ratio:1.65/1;object-fit:cover;display:block;transition:.45s}
.myk-product-card:hover .myk-product-img img{transform:scale(1.045)}
.myk-favourite{position:absolute;right:12px;top:12px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.09)}
.myk-favourite svg{width:18px;height:18px;fill:none;stroke:#5a4231;stroke-width:1.7}
.myk-product-info{padding:18px}
.myk-product-info a{text-decoration:none!important;color:var(--myk-ink)!important}.myk-product-info h3{font-size:17px;line-height:1.35;margin:0 0 12px}
.myk-price-row{display:flex;justify-content:space-between;align-items:end;gap:12px}.myk-price-row strong{font-size:18px}.myk-price-row strong>span{display:none}
.myk-stars{color:#eca900;font-size:13px;white-space:nowrap}.myk-stars small{color:#8d7f73}
.myk-occasion{margin-bottom:76px;display:grid;grid-template-columns:1.1fr 1.55fr .8fr;background:#f5ede6;border:1px solid #eadfd5;border-radius:24px;overflow:hidden;box-shadow:var(--myk-shadow-sm)}
.myk-occasion-copy{padding:52px 48px;display:flex;flex-direction:column;justify-content:center}
.myk-occasion h2{font-size:clamp(38px,3.5vw,58px);line-height:1.02;margin-bottom:18px}
.myk-occasion p{color:#67584d;line-height:1.65;margin-bottom:25px}
.myk-occasion-media{display:block;overflow:hidden;min-height:370px}.myk-occasion-media img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s}.myk-occasion-media:hover img{transform:scale(1.03)}
.myk-feature-grid{display:grid;grid-template-columns:1fr 1fr;background:rgba(255,255,255,.55)}
.myk-feature-grid>div{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px;border-left:1px solid #eadfd5;border-bottom:1px solid #eadfd5}
.myk-feature-grid span{width:50px;height:50px;border-radius:15px;background:#fff4e7;display:grid;place-items:center;margin-bottom:12px}.myk-feature-grid svg{width:27px;height:27px;fill:none;stroke:#a2723d;stroke-width:1.6}
.myk-feature-grid b{font-size:13px}
.myk-review-strip{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #eadfd5;border-bottom:1px solid #eadfd5;padding:25px 0;margin-bottom:70px}
.myk-review-score{display:flex;align-items:center;gap:12px}.myk-review-score span{background:#18aa7b;color:#fff;padding:4px 8px;letter-spacing:2px}.myk-review-score small{color:#7b6c60}
.myk-review-strip blockquote{margin:0;font-family:Georgia,serif;font-size:18px;color:#514236}
.myk-footer{background:linear-gradient(180deg,#241d18,#171310);color:#f5eee8;padding:58px 0 20px}
.myk-footer .myk-brand{color:#fff!important}.myk-brand-footer strong span{color:#d9b27b}
.myk-footer-grid{display:grid;grid-template-columns:1.65fr repeat(4,1fr);gap:45px}.myk-footer h3{font-size:12px;letter-spacing:2px;color:#d8b27e;margin-bottom:18px}.myk-footer a,.myk-footer span,.myk-footer p{color:#d8cec6!important;text-decoration:none!important;font-size:13px;line-height:1.8}.myk-footer-grid>div:not(:first-child){display:flex;flex-direction:column}
.myk-footer-brand p{max-width:340px;margin-top:20px}
.myk-footer-bottom{border-top:1px solid rgba(255,255,255,.11);margin-top:42px;padding-top:18px;display:flex;justify-content:space-between;gap:20px}
@media(max-width:1200px){
  .myk-shell{width:min(100% - 40px,1200px)}
  .myk-search{display:none}.myk-nav{gap:18px}
  .myk-category-grid{grid-template-columns:repeat(3,1fr)}
  .myk-how-inner{grid-template-columns:1fr}.myk-step-grid{grid-template-columns:repeat(4,1fr)}
  .myk-occasion{grid-template-columns:1fr 1.45fr}.myk-feature-grid{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}
}
@media(max-width:900px){
  .myk-topbar span:nth-child(2),.myk-topbar span:nth-child(3){display:none}
  .myk-header-row{height:72px}.myk-menu-toggle{display:block;order:-1}.myk-brand{margin-right:auto}.myk-nav{display:none;position:absolute;left:20px;right:20px;top:110px;background:#fff;border-radius:18px;padding:18px;box-shadow:var(--myk-shadow);flex-direction:column;align-items:stretch;z-index:100}.myk-nav.is-open{display:flex}.myk-nav a{padding:9px 6px}
  .myk-hero{grid-template-columns:1fr;min-height:0}.myk-hero-copy{padding:56px 34px 40px;order:1}.myk-hero-media{order:0;min-height:480px}.myk-hero h1{font-size:clamp(52px,11vw,76px)}.myk-hero-copy>p{font-size:18px}
  .myk-benefits{grid-template-columns:1fr 1fr}.myk-benefit:last-child{grid-column:1/-1}
  .myk-product-grid{grid-template-columns:1fr 1fr}.myk-step-grid{grid-template-columns:1fr 1fr}
  .myk-occasion{grid-template-columns:1fr}.myk-occasion-media{min-height:320px}.myk-feature-grid{grid-column:auto;grid-template-columns:1fr 1fr}
  .myk-footer-grid{grid-template-columns:1.4fr 1fr 1fr}.myk-footer-grid>div:nth-child(4),.myk-footer-grid>div:nth-child(5){margin-top:15px}
}
@media(max-width:640px){
  .myk-shell{width:calc(100% - 28px)}.myk-topbar .myk-shell{height:34px;font-size:11px}.myk-topbar a{margin-left:auto}.myk-topbar span{display:none}
  .myk-header-row{gap:9px}.myk-brand strong{font-size:25px}.myk-actions{gap:4px}.myk-actions>a{width:34px;height:34px}
  .myk-hero-media{min-height:390px}.myk-hero-media img{object-position:center 38%}.myk-hero-badge{width:90px;height:90px;font-size:9px;right:5%;bottom:5%}
  .myk-hero-copy{padding:42px 22px 34px}.myk-eyebrow{font-size:10px;letter-spacing:3px}.myk-hero h1{font-size:50px}.myk-hero-copy>p{font-size:16px;margin:20px 0}.myk-benefits{gap:12px;margin-top:30px}.myk-benefit .myk-icon{width:38px;height:38px}.myk-benefit b{font-size:12px}
  .myk-section{padding:54px 0}.myk-section-head{display:block}.myk-section-head p{margin-top:14px}.myk-section-head h2,.myk-how h2{font-size:40px}
  .myk-category-grid{grid-template-columns:1fr 1fr;gap:12px}.myk-category-card{border-radius:14px}.myk-category-copy{padding:12px}.myk-category-copy b{font-size:17px}
  .myk-how{padding:45px 0}.myk-how-inner{gap:28px}.myk-step-grid{grid-template-columns:1fr 1fr;gap:10px}.myk-step{padding:22px 10px 16px}.myk-step-icon{width:44px;height:44px}.myk-step-icon svg{width:34px;height:34px}.myk-step em{width:26px;height:26px;font-size:11px}
  .myk-product-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;gap:14px}.myk-product-card{min-width:82%;scroll-snap-align:start}.myk-best-head{display:flex}.myk-best-head .myk-outline-btn{display:none}
  .myk-occasion{margin-bottom:50px;border-radius:18px}.myk-occasion-copy{padding:38px 24px}.myk-occasion h2{font-size:42px}.myk-occasion-media{min-height:260px}.myk-feature-grid>div{padding:20px 8px}
  .myk-review-strip{display:block}.myk-review-score{flex-wrap:wrap}.myk-review-strip blockquote{margin-top:18px;font-size:16px}
  .myk-footer-grid{grid-template-columns:1fr 1fr;gap:28px}.myk-footer-brand{grid-column:1/-1}.myk-footer-bottom{display:block;text-align:center}.myk-footer-bottom span{display:block}
}


/* =========================================================
   MyKeyring 1.3.0 — FLUID PREMIUM LAYOUT CORRECTION
   Removes the "tiny island in the middle" effect on wide screens.
   ========================================================= */

:root{
  --myk-page-pad:clamp(22px,4vw,84px);
  --myk-radius:24px;
}

/* Fluid global width instead of a narrow 1480px island */
.myk-shell{
  width:calc(100% - (var(--myk-page-pad) * 2)) !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Header made visually substantial */
.myk-header-row{
  min-height:94px !important;
  height:auto !important;
  padding:12px 0 !important;
}
.myk-brand strong{
  font-size:clamp(30px,2vw,42px) !important;
}
.myk-brand small{
  font-size:9px !important;
  letter-spacing:3.6px !important;
}
.myk-nav{
  flex:1 1 auto !important;
  justify-content:center !important;
  gap:clamp(18px,2vw,38px) !important;
  margin-left:0 !important;
}
.myk-nav a{
  font-size:clamp(13px,.9vw,16px) !important;
}
.myk-search{
  width:clamp(220px,18vw,360px) !important;
  height:46px !important;
}

/* Hero: wide, balanced, less empty, with luxury spacing */
.myk-hero{
  grid-template-columns:minmax(520px,45%) minmax(0,55%) !important;
  min-height:clamp(560px,58vw,820px) !important;
  max-height:920px !important;
  overflow:hidden !important;
}
.myk-hero-copy{
  padding:
    clamp(64px,6vw,108px)
    clamp(42px,5vw,96px)
    clamp(54px,5vw,84px)
    var(--myk-page-pad) !important;
  justify-content:center !important;
}
.myk-hero h1{
  font-size:clamp(62px,5.2vw,104px) !important;
  line-height:.91 !important;
  max-width:850px !important;
}
.myk-hero-copy>p{
  font-size:clamp(18px,1.25vw,24px) !important;
  max-width:760px !important;
}
.myk-hero-media{
  min-height:100% !important;
}
.myk-hero-media img{
  object-fit:cover !important;
  object-position:52% center !important;
}
.myk-hero-badge{
  width:clamp(104px,8vw,150px) !important;
  height:clamp(104px,8vw,150px) !important;
  font-size:clamp(10px,.8vw,14px) !important;
}

/* Benefits more editorial and less icon-boxy */
.myk-benefits{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:clamp(14px,2vw,30px) !important;
  margin-top:48px !important;
}
.myk-benefit{
  padding-top:18px !important;
  border-top:1px solid rgba(185,138,82,.28) !important;
}
.myk-benefit .myk-icon{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  width:34px !important;
  height:34px !important;
  border-radius:0 !important;
}
.myk-benefit svg{
  width:25px !important;
  height:25px !important;
  stroke:#8b623c !important;
}
.myk-benefit b{
  font-size:clamp(13px,.95vw,16px) !important;
}
.myk-benefit small{
  font-size:clamp(11px,.78vw,13px) !important;
}

/* Sections have a stronger editorial scale */
.myk-section{
  padding:clamp(72px,6vw,118px) 0 !important;
}
.myk-section-head{
  margin-bottom:clamp(30px,3vw,54px) !important;
}
.myk-section-head h2,.myk-how h2{
  font-size:clamp(46px,4vw,76px) !important;
}
.myk-section-head p{
  font-size:clamp(15px,1vw,18px) !important;
}

/* Category tiles bigger and more luxurious */
.myk-category-grid{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:clamp(14px,1.4vw,28px) !important;
}
.myk-category-card{
  border-radius:var(--myk-radius) !important;
  border:1px solid rgba(185,138,82,.14) !important;
  box-shadow:0 16px 38px rgba(72,49,31,.09) !important;
}
.myk-category-card:hover{
  transform:translateY(-8px) scale(1.012) !important;
  box-shadow:0 28px 58px rgba(72,49,31,.16) !important;
}
.myk-category-card img{
  aspect-ratio:1.35/1 !important;
}
.myk-category-copy{
  padding:20px 22px 24px !important;
}
.myk-category-copy b{
  font-size:clamp(18px,1.35vw,26px) !important;
}
.myk-category-copy small{
  font-size:clamp(12px,.8vw,14px) !important;
}

/* How it works: no tiny toy cards */
.myk-how{
  padding:clamp(64px,5vw,90px) 0 !important;
}
.myk-how-inner{
  grid-template-columns:minmax(280px,22%) 1fr !important;
  gap:clamp(46px,5vw,92px) !important;
}
.myk-step-grid{
  gap:clamp(16px,1.5vw,30px) !important;
}
.myk-step{
  min-height:190px !important;
  padding:34px 26px 28px !important;
  border-radius:22px !important;
  box-shadow:0 14px 32px rgba(72,49,31,.075) !important;
}
.myk-step-icon{
  width:64px !important;
  height:64px !important;
}
.myk-step-icon svg{
  width:48px !important;
  height:48px !important;
}
.myk-step b{
  font-size:clamp(14px,1vw,17px) !important;
}
.myk-step small{
  font-size:clamp(12px,.8vw,14px) !important;
}

/* Product cards substantial and luxury-retail like */
.myk-product-grid{
  gap:clamp(18px,1.8vw,34px) !important;
}
.myk-product-card{
  border-radius:24px !important;
  box-shadow:0 16px 40px rgba(64,43,27,.09) !important;
}
.myk-product-img img{
  aspect-ratio:1.42/1 !important;
}
.myk-product-info{
  padding:22px 22px 24px !important;
}
.myk-product-info h3{
  font-size:clamp(16px,1.12vw,21px) !important;
  min-height:2.7em !important;
}
.myk-price-row strong{
  font-size:clamp(17px,1.1vw,22px) !important;
}

/* Occasion banner fills the page better */
.myk-occasion{
  grid-template-columns:minmax(360px,30%) minmax(0,48%) minmax(260px,22%) !important;
  border-radius:28px !important;
  margin-bottom:clamp(72px,6vw,110px) !important;
  box-shadow:0 25px 70px rgba(65,44,26,.13) !important;
}
.myk-occasion-copy{
  padding:clamp(44px,4vw,76px) !important;
}
.myk-occasion-media{
  min-height:460px !important;
}

/* Review strip */
.myk-review-strip{
  padding:30px 0 !important;
  margin-bottom:80px !important;
}

/* Footer stronger visual hierarchy */
.myk-footer{
  padding-top:72px !important;
}
.myk-footer-grid{
  gap:clamp(34px,4vw,80px) !important;
}

/* Ultra-wide desktop: keep content large relative to viewport */
@media (min-width:1800px){
  .myk-shell{
    width:92vw !important;
  }
  .myk-hero-copy{
    padding-left:4vw !important;
    padding-right:4vw !important;
  }
  .myk-category-grid{
    gap:1.5vw !important;
  }
  .myk-product-grid{
    gap:1.6vw !important;
  }
}

/* Tablet */
@media(max-width:1200px){
  .myk-shell{
    width:calc(100% - 44px) !important;
  }
  .myk-hero{
    grid-template-columns:46% 54% !important;
    min-height:620px !important;
  }
  .myk-category-grid{
    grid-template-columns:repeat(3,1fr) !important;
  }
}

/* Mobile: true mobile composition instead of shrunken desktop */
@media(max-width:900px){
  .myk-shell{width:calc(100% - 30px) !important}
  .myk-hero{
    grid-template-columns:1fr !important;
    max-height:none !important;
    min-height:0 !important;
  }
  .myk-hero-media{
    order:0 !important;
    min-height:54vh !important;
    max-height:620px !important;
  }
  .myk-hero-copy{
    order:1 !important;
    padding:48px 24px 38px !important;
  }
  .myk-hero h1{
    font-size:clamp(48px,12vw,76px) !important;
  }
  .myk-category-grid{
    grid-template-columns:repeat(2,1fr) !important;
  }
  .myk-how-inner{
    grid-template-columns:1fr !important;
  }
  .myk-step-grid{
    grid-template-columns:repeat(2,1fr) !important;
  }
  .myk-product-grid{
    grid-template-columns:repeat(2,1fr) !important;
  }
  .myk-occasion{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:640px){
  .myk-shell{width:calc(100% - 24px) !important}
  .myk-hero-media{
    min-height:430px !important;
  }
  .myk-hero-copy{
    padding:40px 18px 34px !important;
  }
  .myk-benefits{
    grid-template-columns:1fr !important;
  }
  .myk-benefit:last-child{
    grid-column:auto !important;
  }
  .myk-category-grid{
    gap:10px !important;
  }
  .myk-category-copy{
    padding:13px !important;
  }
  .myk-step-grid{
    grid-template-columns:1fr !important;
  }
  .myk-step{
    min-height:150px !important;
  }
  .myk-product-grid{
    display:flex !important;
    overflow-x:auto !important;
  }
  .myk-product-card{
    min-width:84% !important;
  }
}