/* =========================================================
   B KING • Premium Polish V6
   Enhancement layer only — original HTML content/order retained.
   This file does not change existing images or sales functionality.
   ========================================================= */
:root{
  --premium-navy:#08345f;
  --premium-blue:#137fe1;
  --premium-royal:#1269c8;
  --premium-gold:#ffd949;
  --premium-glow:rgba(255,218,84,.34);
  --premium-softshadow:0 12px 28px rgba(11,66,116,.13);
}

/* Overall depth, without stretching the original boxed sales-page layout */
body{background:linear-gradient(90deg,#e3edf5 0%,#f5f9fe 25%,#f7fbff 75%,#e3edf5 100%)}
main{box-shadow:0 24px 85px rgba(13,51,87,.19),0 0 0 1px rgba(30,97,157,.08)}
section{isolation:isolate}
section .sec-in{isolation:isolate}
section.bg-white{background:#fff!important;background-image:none!important}
section.bg-bright{background:#1689ed!important;background-image:none!important}
section.bg-aqua{background:#86eaf1!important;background-image:none!important}
section.bg-navy{background:#1e548a!important;background-image:none!important}
section.bg-gold{background:#ffdf0b!important;background-image:none!important}
section.bg-mist{background:#f0faff!important;background-image:none!important}

/* SVG curves are seamless: remove antialias seams and any phantom outlines */
section+section{margin-top:-4px}
.shape-wave{height:55px;margin-top:0;margin-bottom:-4px;border:0;outline:0;filter:none;line-height:0;transform:translateY(1px)}
.shape-wave path{stroke:var(--next);stroke-width:1px;stroke-linejoin:round;paint-order:stroke fill}

/* Clear, polished typography: emphasize selected phrases, not every sentence */
.headline,.headline-lg,.headline-xl,.headline-small{letter-spacing:-.012em;text-wrap:balance;overflow-wrap:break-word}
.headline{line-height:1.18}
.headline-lg,.headline-xl{line-height:1.12}
.headline.white,.headline-lg.white,.headline-xl.white,
.header-five .five-copy{color:#fff;text-shadow:0 2px 0 rgba(12,48,89,.60),0 7px 14px rgba(2,25,64,.20)}
.headline.yellow,.headline-lg.yellow,.headline-xl.yellow{
 color:#ffe259;-webkit-text-stroke:.5px rgba(72,53,6,.65);
 text-shadow:0 1px 0 #fff4a9,2px 3px 0 rgba(84,54,0,.55),0 7px 16px rgba(40,39,6,.16);
}
.headline.serious,.headline-lg.serious,.headline-xl.serious{
 color:#ec2537;-webkit-text-stroke:.42px rgba(129,15,21,.72);
 text-shadow:0 2px 0 rgba(255,255,255,.92),0 5px 9px rgba(138,15,36,.13);
}
.headline.darkblue,.headline-lg.darkblue,.headline-xl.darkblue{color:#104c86;text-shadow:0 1px 0 #fff,0 5px 12px rgba(11,75,134,.12)}
.headline.blue,.headline-lg.blue,.headline-xl.blue{color:#1472c7;text-shadow:0 1px 0 #fff,0 6px 15px rgba(5,92,172,.14)}
.superword{letter-spacing:-.017em}
/* Faint separators and airy paragraphs instead of excessive outlines */
section p:not(.headline):not(.copy-in-box){letter-spacing:.004em}

/* Gold becomes metallic with subtle light movement; safe without animation */
.gold-panel{
 position:relative;isolation:isolate;overflow:hidden;
 background:linear-gradient(120deg,#e2a620 0%,#ffdd54 19%,#fff4a9 38%,#ffd447 61%,#f2b928 84%,#ffdf71 100%)!important;
 border:1px solid rgba(255,255,255,.74);
 box-shadow:inset 0 2px 0 rgba(255,255,255,.88),inset 0 -4px 0 rgba(146,83,0,.10),
 0 7px 0 rgba(185,130,11,.28),0 16px 30px rgba(127,82,0,.17);
}
.gold-panel::before{
 content:"";position:absolute;inset:-50% auto -50% -28%;width:45%;pointer-events:none;
 transform:rotate(23deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);
 opacity:.65;z-index:-1;
}
.gold-panel :is(h1,h2,h3){text-shadow:0 1px 0 rgba(255,255,255,.85),0 4px 10px rgba(98,54,0,.16)}
.gold-panel .serious,.gold-panel h1.serious{
 color:#e22032;-webkit-text-stroke:.5px #921b24;
 text-shadow:0 2px 0 rgba(255,255,255,.84),1px 3px 0 rgba(133,37,24,.15);
}
.red-panel{
 background:linear-gradient(135deg,#fb3c46 0%,#ee1d2d 52%,#d60b26 100%);
 border:1px solid rgba(255,255,255,.38);
 box-shadow:inset 0 2px 0 rgba(255,255,255,.20),0 6px 0 rgba(149,17,35,.85),0 16px 28px rgba(134,10,33,.20);
}
.red-panel :is(h2,h3){text-shadow:0 2px 0 rgba(91,13,27,.35),0 6px 12px rgba(91,13,27,.16)}
.navy-panel,.social-stat{
 background:linear-gradient(142deg,#155e9e 0%,#125088 54%,#073866 100%);
 box-shadow:inset 0 2px 0 rgba(255,255,255,.21),0 9px 0 rgba(5,49,92,.10),0 15px 23px rgba(4,56,99,.14);
 border:1px solid rgba(159,217,255,.23);
}
.navy-panel .yellow{color:#ffe45a;text-shadow:0 1px 0 rgba(255,255,255,.15),0 3px 0 rgba(10,48,95,.4)}
.white-panel,.white-outline,.frame,.form-shell{
 box-shadow:0 12px 27px rgba(15,79,143,.11),inset 0 1px 0 rgba(255,255,255,.95);
}
.white-panel{background:linear-gradient(165deg,#fff 25%,#f7fbff 100%);border:1px solid rgba(81,152,204,.14)}
.white-outline{border-color:#1978c5;box-shadow:0 10px 24px rgba(12,83,150,.10),inset 0 0 0 4px rgba(186,229,255,.23)}
.framed-copy{box-shadow:0 9px 22px rgba(15,88,148,.10);border-style:dashed;text-shadow:0 1px 0 #fff}
.frame{box-shadow:0 9px 22px rgba(16,89,150,.10),inset 0 0 0 3px rgba(255,255,255,.75)}

/* Photography feels like it belongs in the layout, not pasted on top */
.photo-insert{
 box-shadow:0 12px 28px rgba(8,59,103,.16),0 0 0 1px rgba(255,255,255,.48);
 border-radius:21px;object-position:center;
}
.photo-insert.herb{box-shadow:0 8px 20px rgba(15,90,136,.07),0 0 0 1px rgba(50,114,158,.11)}
.photo-insert.product-real{box-shadow:0 12px 26px rgba(14,78,136,.10);background:#fffdf7}
.img-placeholder{box-shadow:0 10px 22px rgba(17,84,130,.08),inset 0 0 0 5px rgba(255,255,255,.55)}
/* Hero: smaller picture, stronger hierarchy, extra white space */
#hero .sec-in{padding-top:36px;padding-bottom:37px}
#hero .photo-insert{width:min(64%,355px)!important;max-width:355px;height:auto!important;aspect-ratio:auto!important;margin-inline:auto;display:block;object-fit:contain;border-radius:24px}
#hero .gold-panel{max-width:580px!important;margin-bottom:20px!important;padding:18px 26px;border-radius:60px}
#hero .gold-panel h1{font-size:clamp(30px,4.15vw,43px);line-height:1.15;margin:0;letter-spacing:-.012em}
#hero> .sec-in > h2:first-of-type{margin-bottom:23px}
#hero .red-panel{max-width:660px;margin-inline:auto}

/* Large numbered claims: graphic quality without unnecessary full outlines */
.header-five .five{
 color:#ffe14f;-webkit-text-stroke:1.8px rgba(112,75,0,.35);
 text-shadow:0 3px 0 #e4a21a,0 9px 20px rgba(51,37,0,.23);
}
.header-five.ingredients .five{color:#ffc936;text-shadow:0 3px 0 #e8a122,0 8px 18px rgba(153,95,10,.17)}
.bullet-number{
 border:1px solid rgba(10,96,168,.16);
 box-shadow:0 6px 0 rgba(3,74,136,.10),0 11px 23px rgba(8,70,116,.13);
 background:linear-gradient(110deg,#fff 60%,#f3faff 100%);
}
.bullet-number .digit{color:#fff;-webkit-text-stroke:2.5px #176ab3;text-shadow:3px 3px 0 #c5e7ff,0 6px 12px rgba(17,79,154,.12)}
.ingredient-item .ingredient-desc{
 background:linear-gradient(132deg,#ffe068,#fff2a3 48%,#ffd139 100%);
 border:1px solid rgba(234,182,56,.70);
 box-shadow:inset 0 1px 0 #fff8d0,0 7px 0 rgba(196,146,25,.12),0 11px 20px rgba(101,83,33,.10);
}
.ingredient-item h3{text-shadow:0 2px 0 #f0f6ff}

/* Offer and pricing: more contrast, stronger tactile CTA */
.time-tile{background:linear-gradient(160deg,#fff,#eaf7ff);border:1px solid #bddbf3;box-shadow:0 6px 0 #a8c5df,0 12px 18px rgba(3,42,82,.15)}
.price-panel{
 background:linear-gradient(145deg,#175caa,#0c4089);
 border:1px solid rgba(255,255,255,.25);
 box-shadow:inset 0 2px 0 rgba(255,255,255,.12),0 11px 25px rgba(6,54,115,.20);
}
.price-panel .now{
 color:#fff;background:linear-gradient(155deg,#ff344c,#e20c2e 68%,#c60824);
 border:1px solid rgba(255,255,255,.25);
 box-shadow:inset 0 2px 0 rgba(255,255,255,.18),0 5px 0 #970823,0 11px 19px rgba(78,8,19,.18);
 text-shadow:0 2px 0 rgba(87,7,29,.35);
}
.price-panel .saving{background:linear-gradient(125deg,#ffd037,#fff2a1,#ffd238);box-shadow:inset 0 1px 0 #fff,0 4px 0 #ad7d09}
.package-box{box-shadow:0 11px 24px rgba(10,86,153,.11);background:linear-gradient(155deg,#fff 70%,#f3faff);border-color:#2582d0}
.package-box.featured{background:linear-gradient(155deg,#fffef8,#fff8e1);border-color:#e5b629}
.package-price{text-shadow:0 2px 0 #fff,0 4px 11px rgba(199,24,43,.14)}

/* Buttons: visible shine, 3D bottom edge, responsive feedback, keyboard focus */
.btn-order{
 position:relative;isolation:isolate;overflow:hidden;
 background:linear-gradient(180deg,#ff6971 0%,#f22539 42%,#ce0b2a 100%);
 border:1px solid rgba(255,255,255,.42);
 border-radius:17px;
 box-shadow:inset 0 2px 0 rgba(255,255,255,.42),0 5px 0 #9b0b24,0 12px 24px rgba(159,19,43,.26);
 text-shadow:0 2px 0 rgba(95,0,18,.28);
 transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.btn-order::before{
 content:"";position:absolute;inset:1px 2px auto;height:44%;border-radius:inherit;
 background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,0));pointer-events:none;z-index:-1;
}
.btn-order:hover{transform:translateY(-2px);filter:saturate(1.09);box-shadow:inset 0 2px 0 rgba(255,255,255,.52),0 7px 0 #9b0b24,0 16px 26px rgba(159,19,43,.27)}
.btn-order:active{transform:translateY(4px);box-shadow:inset 0 2px 0 rgba(255,255,255,.25),0 1px 0 #9b0b24,0 5px 12px rgba(159,19,43,.20)}
.btn-order:focus-visible{outline:3px solid #ffdd39;outline-offset:4px}
.btn-gold{
 background:linear-gradient(180deg,#fff1a3 0%,#ffdc3b 47%,#f3b917 100%);
 color:#173c60!important;text-shadow:0 1px 0 rgba(255,255,255,.8);
 box-shadow:inset 0 2px 0 rgba(255,255,255,.74),0 5px 0 #b98406,0 12px 24px rgba(98,76,11,.20);
}
.btn-gold:hover{box-shadow:inset 0 2px 0 rgba(255,255,255,.7),0 7px 0 #b98406,0 16px 24px rgba(98,76,11,.21)}
.btn-gold:active{box-shadow:inset 0 2px 0 rgba(255,255,255,.60),0 1px 0 #b98406,0 5px 14px rgba(98,76,11,.16)}

/* Conversion form: preserve all existing fields and preview behavior */
.form-shell{border:1px solid rgba(29,130,211,.18);box-shadow:0 14px 30px rgba(2,42,83,.23),inset 0 2px 0 #fff}
.form-shell :is(input,textarea,select){border-color:#b9d3e9;background:linear-gradient(160deg,#fff,#fcfeff);transition:border-color .2s,box-shadow .2s}
.form-shell :is(input,textarea,select):focus{border-color:#1688dc;box-shadow:0 0 0 4px rgba(46,157,234,.17)}
.form-shell label{letter-spacing:.01em}
.gallery-top .img-placeholder,.customer-gallery .img-placeholder{box-shadow:0 4px 10px rgba(84,64,7,.13)}
.shipping-logos .img-placeholder,.payment-logos .img-placeholder{background:linear-gradient(145deg,#fff,#f1f8ff)}
.callout-red{border-color:#ea3340;box-shadow:0 10px 25px rgba(204,31,55,.12);background:linear-gradient(160deg,#fff,#fff8f8)}

@media(max-width:700px){
  main{box-shadow:none}
  .shape-wave{height:40px}
  #hero .sec-in{padding-top:28px;padding-bottom:28px}
  #hero .photo-insert{width:min(70%,285px)!important;max-width:285px}
  #hero .gold-panel{padding:15px 18px;margin-bottom:17px!important}
  #hero .gold-panel h1{font-size:clamp(28px,7.5vw,38px)}
  .red-panel,.navy-panel,.gold-panel{box-shadow:0 6px 0 rgba(43,70,94,.12),0 13px 21px rgba(8,59,92,.13)}
  .bullet-number{box-shadow:0 6px 0 rgba(5,78,138,.08)}
  .price-panel .now{white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:410px){
  #hero .photo-insert{width:68%!important;max-width:265px}
  #hero .gold-panel h1{font-size:clamp(27px,7.2vw,32px)}
  .shape-wave{height:34px}
  .gold-panel,.red-panel,.navy-panel{border-radius:18px}
  .header-five .five{font-size:100px}
  .ingredient-item .ingredient-desc{line-height:1.5}
  .price-panel .now{font-size:clamp(31px,9.5vw,39px)}
}
@media(prefers-reduced-motion:reduce){.btn-order{transition:none}}