/* ElvarinShop: compact premium brand-value showcase (home only). */
.el-home .el-dark-banner.el-value-feature{
  display:block!important;position:relative;isolation:isolate;overflow:hidden;
  width:100%;min-height:0!important;max-width:none!important;margin:0!important;
  padding:clamp(56px,7vw,91px) clamp(18px,5.1vw,80px)!important;
  background:linear-gradient(128deg,#103348 1%,#17465a 56%,#103248 100%)!important;
  color:#f4fbff!important;text-align:left!important;
}
.el-home .el-value-feature *{box-sizing:border-box}
.el-home .el-value-feature:before{
  content:'';pointer-events:none;position:absolute;inset:0;z-index:-1;
  background:radial-gradient(ellipse 600px 470px at -5% 6%,#3b9fc526,transparent 75%),
             radial-gradient(ellipse 560px 430px at 102% 99%,#3dacc731,transparent 78%);
}
.el-home .el-value-feature:after{
  content:'';pointer-events:none;position:absolute;z-index:-1;left:0;top:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,#a3e2ee87,transparent);
}
.el-home .el-value-background-orbit{
  pointer-events:none;position:absolute;z-index:-1;border:1px solid #b5f0fc17;
  border-radius:50%;
}
.el-home .el-value-background-orbit-one{width:440px;height:440px;left:-320px;top:-190px;box-shadow:0 0 0 55px #b5f0fc07,0 0 0 110px #b5f0fc07}
.el-home .el-value-background-orbit-two{width:250px;height:250px;right:-180px;bottom:-120px;box-shadow:0 0 0 75px #b5f0fc0a}
.el-home .el-value-shell{
  display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);align-items:center;
  gap:clamp(30px,6.5vw,100px);max-width:1320px;margin:0 auto;
}
.el-home .el-value-copy{min-width:0;position:relative;z-index:1;text-align:left}
.el-home .el-value-eyebrow{
  display:inline-flex;align-items:center;gap:9px;padding:9px 13px;
  border:1px solid #9dd8e650;background:#effbff0c;
  border-radius:999px;color:#c5eaf5;font:780 10px/1.5 'DM Sans',sans-serif;
  letter-spacing:.14em;
}
.el-home .el-value-sparkle{color:#94dcee;font-size:16px;line-height:1}
.el-home .el-dark-banner.el-value-feature h2{
  margin:25px 0 22px!important;color:#fff!important;
  font:800 clamp(42px,4.7vw,73px)/1.085 'Manrope','DM Sans',sans-serif!important;
  letter-spacing:-.058em!important;text-wrap:balance;text-align:left;
}
.el-home .el-dark-banner.el-value-feature h2>span{color:#f8fdff}
.el-home .el-dark-banner.el-value-feature h2 em{
  color:#9fe4ef!important;font-style:italic;font-family:Georgia,'Times New Roman',serif!important;
  font-weight:700!important;letter-spacing:-.065em!important;
}
.el-home .el-dark-banner.el-value-feature .el-value-copy>p{
  margin:0 0 28px!important;max-width:465px;
  color:#d6e9f1!important;font-size:15px!important;line-height:1.85!important;
  font-weight:430!important;text-align:left;
}
.el-home .el-value-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:25px}
.el-home .el-value-actions a{
  display:inline-flex;justify-content:center;align-items:center;min-height:48px;
  padding:12px 21px;border-radius:12px;text-decoration:none!important;
  font:800 12px/1.4 'DM Sans',sans-serif;transition:transform .22s,background .22s,border-color .22s,box-shadow .22s;
  white-space:nowrap;
}
.el-home .el-value-actions a:hover{transform:translateY(-2px)}
.el-home .el-value-actions .el-value-primary{
  background:#a9eaf6!important;border:1px solid #b9f3fb!important;color:#103b50!important;
  box-shadow:0 9px 24px #02162134;
}
.el-home .el-value-actions .el-value-primary:hover{background:#e0fcff!important;color:#082e42!important;box-shadow:0 13px 30px #02162160}
.el-home .el-value-actions .el-value-secondary{
  background:#ffffff0e!important;border:1px solid #a2dae366!important;color:#f3fcff!important;
}
.el-home .el-value-actions .el-value-secondary:hover{
  background:#ffffff22!important;border-color:#caeff9!important;color:#fff!important;
}
.el-home .el-value-subnote{
  display:flex;align-items:center;gap:10px;max-width:440px;
  padding-top:20px;border-top:1px solid #acdce83a;
  font:570 11px/1.6 'DM Sans',sans-serif;color:#b4d6e1;
}
.el-home .el-value-subnote-dots{display:flex;align-items:center;gap:3px}
.el-home .el-value-subnote-dots i{width:6px;height:6px;display:block;border-radius:50%;background:#7dcbe3;box-shadow:0 0 7px #7cdced2f}
.el-home .el-value-subnote-dots i:nth-child(2){opacity:.6}
.el-home .el-value-subnote-dots i:nth-child(3){opacity:.32}
.el-home .el-value-benefits{
  position:relative;min-width:0;display:grid;gap:12px;
}
.el-home .el-value-benefits-top{
  display:flex;align-items:center;justify-content:space-between;gap:15px;
  padding:0 5px 4px;color:#bcdeea;font:800 10px/1.4 'DM Sans',sans-serif;
  letter-spacing:.1em;
}
.el-home .el-value-benefits-top span:last-child{
  font-size:9px;border:1px solid #aee5f453;padding:6px 10px;border-radius:999px;
  background:#e1f7fc0b;color:#e0f7fe;
}
.el-home .el-value-benefit{
  position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);
  gap:17px;align-items:start;min-width:0;
  padding:23px 24px;border-radius:18px;border:1px solid #daecf3;
  color:#153b4c;background:linear-gradient(115deg,#ffffff,#f5fcff);
  box-shadow:0 11px 34px #041f2b2e,inset 0 1px #fff;
  transition:transform .22s,box-shadow .22s,border-color .22s;
}
.el-home .el-value-benefit:hover{
  transform:translateY(-3px);border-color:#a7d7e4;
  box-shadow:0 19px 45px #021d303f,inset 0 1px #fff;
}
.el-home .el-value-benefit-shipping{
  background:linear-gradient(112deg,#f6fdff,#eaf8ff);
  border-color:#b8e2ee;
}
.el-home .el-value-benefit-returns{background:linear-gradient(112deg,#fff,#f5fbfe)}
.el-home .el-value-benefit-choices{background:linear-gradient(112deg,#f9fdff,#eaf7fb)}
.el-home .el-value-benefit-icon{
  display:grid;place-items:center;flex-shrink:0;width:57px;height:57px;
  border-radius:16px;background:linear-gradient(145deg,#b3e9f5,#e1f6fc);
  color:#116a86;border:1px solid #b3dbe9;
  box-shadow:inset 0 2px 3px #ffffffb0,0 8px 17px #08628614;
}
.el-home .el-value-benefit-returns .el-value-benefit-icon{
  background:linear-gradient(145deg,#daf4fa,#ecfafc);
}
.el-home .el-value-benefit-choices .el-value-benefit-icon{
  background:linear-gradient(145deg,#c1eaf5,#e4f5fc);
}
.el-home .el-value-benefit-content{min-width:0}
.el-home .el-value-benefit-label{
  display:block;color:#19809d;font:850 9px/1.3 'DM Sans',sans-serif;
  letter-spacing:.12em;margin:2px 0 5px;
}
.el-home .el-value-benefit h3{
  color:#15394d!important;margin:0 0 6px!important;
  font:800 clamp(16px,1.4vw,19px)/1.3 'Manrope','DM Sans',sans-serif!important;letter-spacing:-.025em;
}
.el-home .el-dark-banner.el-value-feature .el-value-benefit p{
  color:#526d7c!important;font:480 12.5px/1.65 'DM Sans',sans-serif!important;
  margin:0 0 7px!important;max-width:410px;
}
.el-home .el-value-benefit a{
  display:inline-block;color:#086c8c!important;font:800 11px/1.5 'DM Sans',sans-serif;
  text-decoration:underline!important;text-underline-offset:3px;
}
.el-home .el-value-benefit a:hover{color:#054358!important}
.el-home .el-value-benefits-bottom{
  display:flex;align-items:center;justify-content:center;gap:8px;
  color:#b9dae5;font:600 10.5px/1.5 'DM Sans',sans-serif;text-align:center;padding:7px 5px 0;
}
.el-home .el-value-check-mark{
  display:grid;place-items:center;width:19px;height:19px;border-radius:50%;
  border:1px solid #81cbd5;color:#9ee9ef;font-size:12px;flex:0 0 19px;
}
.el-home .el-value-feature a:focus-visible{
  outline:3px solid #79e0ec!important;outline-offset:4px!important;
}
@media(max-width:1100px){
 .el-home .el-value-shell{grid-template-columns:minmax(0,.96fr) minmax(0,1fr);gap:34px}
 .el-home .el-dark-banner.el-value-feature h2{font-size:clamp(39px,4.6vw,56px)!important}
 .el-home .el-value-benefit{padding:19px 18px;gap:13px}
 .el-home .el-value-benefits-top{font-size:9px}
}
@media(max-width:850px){
 .el-home .el-dark-banner.el-value-feature{padding:58px 26px!important}
 .el-home .el-value-shell{grid-template-columns:1fr;gap:35px;max-width:680px}
 .el-home .el-dark-banner.el-value-feature h2{font-size:clamp(42px,7.2vw,66px)!important}
 .el-home .el-value-copy>p{max-width:570px!important}
 .el-home .el-value-benefit{padding:21px 23px}
}
@media(max-width:540px){
 .el-home .el-dark-banner.el-value-feature{padding:48px 17px 55px!important}
 .el-home .el-value-shell{gap:30px}
 .el-home .el-value-eyebrow{font-size:9px}
 .el-home .el-dark-banner.el-value-feature h2{
   font-size:clamp(34px,9.2vw,46px)!important;line-height:1.13!important;
   letter-spacing:-.06em!important;margin:23px 0 18px!important;
 }
 .el-home .el-dark-banner.el-value-feature .el-value-copy>p{
   font-size:13px!important;line-height:1.8!important;margin-bottom:23px!important;
 }
 .el-home .el-value-actions{gap:9px;margin-bottom:23px}
 .el-home .el-value-actions a{padding:12px 15px;font-size:11px;min-height:45px}
 .el-home .el-value-subnote{font-size:10px}
 .el-home .el-value-benefits-top{gap:8px;font-size:9px}
 .el-home .el-value-benefits-top span:last-child{padding:6px 8px;font-size:8px}
 .el-home .el-value-benefit{
   grid-template-columns:45px minmax(0,1fr);gap:13px;padding:18px 16px;
   border-radius:15px;
 }
 .el-home .el-value-benefit-icon{width:44px;height:44px;border-radius:13px}
 .el-home .el-value-benefit-icon svg{width:25px;height:25px}
 .el-home .el-value-benefit h3{font-size:16px!important}
 .el-home .el-value-benefit-label{font-size:8px}
 .el-home .el-dark-banner.el-value-feature .el-value-benefit p{font-size:11.5px!important}
 .el-home .el-value-benefit a{font-size:10.5px}
 .el-home .el-value-benefits-bottom{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 .el-home .el-value-benefit,.el-home .el-value-actions a{transition:none!important;transform:none!important}
}