:root{--bylay-black:#0a0a0a;--bylay-ink:#171717;--bylay-muted:#5f5a55;--bylay-line:#e8e5e1;--bylay-soft:#f8f7f5;--bylay-white:#fff}
html,body{background:var(--bylay-white) !important}
body,header,main,footer{direction:ltr}
.bylay-v2,.bylay-v2 *{box-sizing:border-box}
.bylay-v2{direction:ltr;overflow:hidden;background:var(--bylay-white);color:var(--bylay-ink);text-align:center;font-family:Arial,Helvetica,sans-serif}
.bylay-shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.bylay-hero{display:grid;min-height:clamp(570px,71vh,820px);place-items:center;border-bottom:1px solid var(--bylay-line);background:var(--bylay-white)}
.bylay-hero__inner{padding-block:86px 92px}
.bylay-kicker,.bylay-index{margin:0 0 18px;font-size:11px;font-weight:500;letter-spacing:.34em}
.bylay-hero h1,.bylay-heading,.bylay-collection-card h3{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--bylay-black)}
.bylay-hero h1{font-size:clamp(52px,7.2vw,104px);line-height:.96;letter-spacing:.08em}
.bylay-rule{display:block;width:48px;height:1px;margin:32px auto;background:var(--bylay-ink)}
.bylay-rule--small{width:34px;margin-block:22px;background:#bdb8b2}
.bylay-hero__copy{margin:0;font-size:clamp(10px,1.1vw,13px);font-weight:500;line-height:1.9;letter-spacing:.27em}
.bylay-button{display:inline-flex;min-width:188px;min-height:52px;align-items:center;justify-content:center;margin-top:38px;padding:14px 28px;background:var(--bylay-black);color:var(--bylay-white) !important;font-size:11px;font-weight:600;letter-spacing:.24em;text-decoration:none !important;transition:opacity .2s ease,transform .2s ease}
.bylay-button:hover{opacity:.84;transform:translateY(-2px)}
.bylay-section{padding-block:clamp(76px,8vw,112px);border-bottom:1px solid var(--bylay-line)}
.bylay-heading{font-size:clamp(24px,2.6vw,36px);line-height:1.2;letter-spacing:.2em}
.bylay-collection-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px}
.bylay-collection-card{min-height:310px;padding:16px clamp(24px,4vw,58px)}
.bylay-collection-card + .bylay-collection-card{border-left:1px solid var(--bylay-line)}
.bylay-collection-card h3{font-size:clamp(24px,2.5vw,35px);letter-spacing:.08em}
.bylay-collection-card p:not(.bylay-index){min-height:55px;margin:0;color:var(--bylay-muted);font-size:10px;font-weight:600;line-height:1.9;letter-spacing:.18em}
.bylay-collection-card a{display:inline-block;margin-top:34px;border-bottom:1px solid var(--bylay-ink);color:var(--bylay-black) !important;font-size:10px;font-weight:700;letter-spacing:.16em;text-decoration:none !important}
.bylay-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:50px}
.bylay-benefit-grid article{padding:12px clamp(16px,3vw,40px)}
.bylay-benefit-grid article + article{border-left:1px solid var(--bylay-line)}
.bylay-benefit-grid svg{width:44px;height:44px;margin-bottom:25px;fill:none;stroke:var(--bylay-ink);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.35}
.bylay-benefit-grid h3{margin:0 0 14px;font-size:11px;letter-spacing:.12em}
.bylay-benefit-grid p{margin:0 auto;color:var(--bylay-muted);font-family:Georgia,"Times New Roman",serif;font-size:15px;line-height:1.65}
.bylay-about{padding-block:0}
.bylay-copy-shell{width:min(850px,calc(100% - 40px))}
.bylay-copy-block{padding-block:clamp(78px,9vw,120px)}
.bylay-copy-block + .bylay-copy-block{border-top:1px solid var(--bylay-line)}
.bylay-copy-block>p:not(.bylay-index){margin:0 auto 17px;color:#3c3936;font-family:Georgia,"Times New Roman",serif;font-size:clamp(16px,1.65vw,20px);line-height:1.9}
.bylay-newsletter{padding-block:clamp(70px,8vw,100px);background:var(--bylay-soft)}
body:has(.h-52.-mb-52){.top-navbar{display:none!important}
header a[href$="/cart"]{display:none!important}
}
main:has(>.h-52.-mb-52){background:#fff!important;color:#111!important;>.h-52.-mb-52{display:none!important}
>.container{position:relative!important;width:min(100%,1040px)!important;margin:auto!important;padding:42px 24px 78px!important;direction:ltr!important;>.bg-white{position:relative!important;min-height:880px!important;margin:0!important;padding:38px 42px 230px!important;overflow:hidden!important;border:0!important;background:#fff!important;>.flex:first-child{position:static!important;padding:0!important;>div:first-child{position:relative!important;display:grid!important;place-items:center!important;width:100%!important;margin:0 0 22px!important;transform:none!important;img{display:none!important}
&:before{content:"";display:block;width:92px;height:92px;border:2px solid #111;border-radius:50%}
&:after{content:"";position:absolute;top:42px;left:50%;width:30px;height:15px;border-bottom:2px solid #111;border-left:2px solid #111;transform:translate(-50%,-50%) rotate(-45deg)}
}
>p.thanks-item{display:block!important;opacity:1!important;margin:14px auto 0!important;color:#555!important;font:600 15px/1.7 Arial,sans-serif!important}
>salla-button{position:absolute!important;right:42px!important;bottom:125px!important;display:grid!important;width:calc(50% - 54px)!important;height:90px!important;border:1.5px solid #000!important;border-radius:4px!important;background:#000!important;color:transparent!important;&:before{content:"TRACK MY ORDER\A \62a \62a \628 \639 \637 \644 \628 \64a ";position:absolute;inset:0;z-index:4;display:grid;place-content:center;color:#fff;font:19px/1.55 Georgia,serif;text-align:center;white-space:pre-line;}
}
}
h1.thanks-item{margin:0!important;color:#111!important;font:400 clamp(32px,4.5vw,48px)/1.25 Georgia,serif!important;text-align:center!important;&:before{content:"Thank You";display:block;margin-bottom:2px;font-size:clamp(46px,6.2vw,68px);line-height:1.05}
}
>article{display:none!important}
>.flex.flex-col.items-center:not(:first-child){display:block!important;margin:28px auto 0!important;padding:0!important;color:#202020!important;font-size:clamp(15px,2vw,19px)!important;line-height:1.9!important;text-align:center!important;}
&:after{content:"Thank you for choosing BY LAY.\A Every order is prepared with care for a refined shopping experience.";position:absolute;top:330px;left:50%;width:min(86%,720px);transform:translateX(-50%);color:#111;font:clamp(17px,2.2vw,24px)/1.75 Georgia,serif;text-align:center;white-space:pre-line;unicode-bidi:plaintext}
}
>nav{position:absolute!important;left:66px!important;bottom:203px!important;width:calc(50% - 78px)!important;padding:0!important;ol,li:first-child{display:block!important;width:100%!important;margin:0!important;padding:0!important}
li:not(:first-child){display:none!important}
a{display:grid!important;width:100%!important;height:90px!important;place-content:center!important;border:1.5px solid #111!important;border-radius:4px!important;background:#fff!important;color:transparent!important;text-decoration:none!important;&:before{content:"CONTINUE SHOPPING\A \627 \644 \645 \62a \627 \628 \639 \629 \644 \644 \62a \633 \648 \642 ";color:#111;font:19px/1.55 Georgia,serif;text-align:center;white-space:pre-line}
}
}
>salla-next-order-coupon,>salla-order-branch,>.lg\:flex{display:none!important}
&:after{content:"CONTACT\A BY.lay@gmail.com";position:absolute;right:24px;bottom:82px;left:24px;color:#171717;font:16px/1.8 Arial,sans-serif;text-align:center;white-space:pre-line;}
}
}
body.index .store-footer,body.index .top-navbar{height:0!important;max-height:0!important;overflow:hidden!important;visibility:hidden!important}
body.index.menu-opened .store-header .top-navbar{height:auto!important;max-height:none!important;overflow:visible!important;visibility:visible!important}
.s-cart-summary-count,.s-cart-summary-content,.header-buttons salla-localization-modal{display:none!important}
@media(max-width:860px){.bylay-collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.bylay-collection-card{min-height:0;padding:24px 4px}
.bylay-collection-card p:not(.bylay-index){display:none}
.bylay-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.bylay-benefit-grid article{padding:28px 12px}
}

/* BY LAY THANK-YOU LIVE ORDER 2026-07-25 */
/*
 * BY LAY — final thank-page delta.
 * Keeps the first editorial design while restoring Salla's live order number
 * and the native invoice-details button. Append after the published CSS.
 */
main:has(> .h-52.-mb-52) > .container > .bg-white {
  min-height: 1040px !important;
  padding: 58px 42px 300px !important;
}

main:has(> .h-52.-mb-52) > .container > .bg-white > .flex:first-child > p.thanks-item {
  display: block !important;
  opacity: 1 !important;
  margin: 14px auto 0 !important;
  color: #555 !important;
  font: 600 15px/1.7 Arial, sans-serif !important;
}

main:has(> .h-52.-mb-52) > .container > .bg-white > .flex:first-child > salla-button {
  position: relative !important;
  right: auto !important;
  bottom: auto !important;
  display: block !important;
  width: min(100%, 420px) !important;
  height: auto !important;
  margin: 22px auto 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-size: inherit !important;
  --color-primary: #000 !important;
  --color-primary-dark: #000 !important;
}

main:has(> .h-52.-mb-52) > .container > .bg-white > .flex:first-child > salla-button::before {
  display: none !important;
  content: none !important;
}

main:has(> .h-52.-mb-52) > .container > .bg-white > .flex:first-child > salla-button::part(button),
main:has(> .h-52.-mb-52) > .container > .bg-white > .flex:first-child > salla-button button {
  width: 100% !important;
  min-height: 64px !important;
  border: 0 !important;
  border-radius: 2px !important;
  background: #000 !important;
  color: #fff !important;
  font: 600 16px/1.4 Arial, sans-serif !important;
  box-shadow: none !important;
}

main:has(> .h-52.-mb-52) > .container > .bg-white > .flex.flex-col.items-center:not(:first-child) {
  display: none !important;
}

main:has(> .h-52.-mb-52) > .container > .bg-white::after {
  top: 500px !important;
}

@media (max-width: 640px) {
  main:has(> .h-52.-mb-52) > .container > .bg-white {
    min-height: 1040px !important;
    padding: 48px 18px 275px !important;
  }

  main:has(> .h-52.-mb-52) > .container > .bg-white > .flex:first-child > salla-button {
    width: min(100%, 360px) !important;
    margin-top: 18px !important;
  }

  main:has(> .h-52.-mb-52) > .container > .bg-white::after {
    top: 480px !important;
    width: 88% !important;
    font-size: 18px !important;
  }
}

/* BY LAY HIDE FREELANCE BADGE 2026-07-26 */
salla-trust-badges[data-testid="store-footer-trust-badges"]:has(img[src*="/freelance.png"]) {
  display: none !important;
}