body{
	overflow-x: hidden;
}

#baloon {
  width: 187px;
  top: 0px;
  left: 0px;
  padding: 0;
  margin: 0;
  display: none;
  position: absolute;
  z-index: 64999;
  filter: Alpha(Opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.8; }

#baloonHeader {
  width: 187px;
  height: 19px;
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
  background-repeat: no-repeat;
  display: block; }

.baloonHeaderDirect {
  background-image: url(../images/baloon-header.gif); }

.baloonHeaderFlip {
  background-image: url(../images/baloon-header-flip.gif); }

#baloonFooter {
  width: 187px;
  height: 3px;
  padding: 0;
  margin: 0;
  font-size: 0;
  line-height: 0;
  background-image: url(../images/baloon-footer.gif);
  background-repeat: no-repeat;
  display: block; }

#baloonBody {
  padding: 10px;
  background-color: #D0D0D0;
  width: 187px;
  width: expression('187px');
  margin: 0;
  font: normal normal 10px/14px Verdana, Arial, serif;
  line-height: 140%;
  background-image: url(../images/baloon-body.gif);
  background-repeat: repeat-y;
  display: block; }

img.card-spec{
  position: absolute;
  bottom: 0; right: -7px;
  background-color: transparent !important;
}

.subscribe-control.error{
  border-bottom: 1px solid #c22a39;
}
.form-error{
  padding: 10px 15px;
  background-color: rgba(170,47,63,0.15);
  margin-bottom: 25px;
}
.amount-box{
  margin-bottom: 15px;
}
.amount-box span {
  display: inline-block;
  width: 10%;
  cursor: pointer;
  background-color: #1f1f1f;
  padding: 4px;
  color: #ffffff;
  font-weight: bold;
  margin: 0 7px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.amount-box input{
  display: inline-block;
  text-align: center;
  width: 80px !important;
  padding: 0;
}
.amount-box.small input{
  width: 100px;
}
.amount-box.small span{
  padding: 6px 4px;
  text-align: center;
}
.tx-hint{
  color: #777;
  font-size: 12px;
  margin-bottom: 3px;
}
.btn-m-link {
  display: inline-block;
  color: #ff2b5d !important;
  padding: 7px;
  text-decoration: underline;
}

.cart-line{
  border: 3px solid #f1f1f1;
  margin-top: 10px;
  padding: 17px 15px;
  cursor: pointer;
}

.cart-line label.active{
  font-weight: bold;
}

@media (max-width: 767px)
{
	header .search {
	    margin: 20px 0 20px;
	    text-align: -webkit-center;
	}
}
.product-thumb{
  border: 1px solid #bababa;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.product-thumb .image{
  border-bottom: 1px solid #bababa;
  padding-bottom: 15px;
}
.product-thumb .name{
  padding: 0 7px;
}
.product-thumb .cart-button{
  padding-bottom: 9px;
}

.cart-notify{
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: rgba(0,0,0,0.85);
  width: 40%;
  color: #ffffff;
  text-align: center;
  z-index: 99999;
  display: none;
}
.cart-notify-content{
  padding: 10px 15px;
}
.cart-notify-content a{
  color: #ffffff;
  text-decoration: underline;
}

#product-category h1{
  text-align: left;
}

#product-product .product_page-right {
  position: relative;
}

@media (max-width: 767px) {
  #product-product .product_page-right {
    margin-top: 24px;
  }

  #product-product .amount-box {
    width: 100%;
  }
}

.wa-box{
    position: fixed;
    bottom: 25px;
    left: 20px;
    z-index: 999;
}
.wa-box img{
    width: 75px; height: 75px;
    animation: shadow-pulse 3s infinite;
    border-radius: 50%;
}

@keyframes shadow-pulse
{
    0% {
      box-shadow: none;
    }
    100% {
      box-shadow: none;
    }
}

[data-id="144"] .product-thumb{
  padding: 15px;
  min-height: 415px;
}

.btn-to-cart{
  background-color: #65bc54;
}
.btn-to-cart:hover{
  background-color: rgb(101,188,84,0.75);
}

@media (max-width: 1400px)
{
  .product-layout{
    min-height: 450px;
  }

}
:root{
  --bg-blush: #f7eeeb;
  --bg-card: #fffaf7;
  --text-main: #433535;
  --text-soft: #7d6666;
  --line-soft: #e9d8d2;
  --accent: #c98695;
  --accent-dark: #b46d7d;
  --accent-strong: #9e5868;
  --shadow-soft: 0 18px 45px rgba(122, 86, 86, 0.08);
}

body{
  background: #ffffff;
  color: var(--text-main);
}

header{
  background: #ffffff;
  margin-bottom: 0;
}

a,
.link a,
footer a {
  color: var(--text-main);
}

a:hover,
a:focus,
.link:hover,
.link a:hover,
.name a:hover,
.name a:focus,
.toggle_cont>li>a:hover,
.toggle_cont>li>a:focus,
.toggle_cont>li>a:active,
.toggle_cont>li>a.current{
  color: var(--accent-dark) !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

header .logo p,
footer .logo p,
.tx-hint,
.text,
.newsletter-description p{
  color: var(--text-soft);
}

.box-heading h2,
.box-heading h3,
footer h3 {
  color: var(--text-main);
  font-weight: 500;
  letter-spacing: normal;
}

.box-heading h2{
  display: block;
  padding-bottom: 0;
  border-bottom: 0;
}

.product-layout{
  margin-bottom: 28px;
}

.product-thumb{
  background: #ffffff;
  border: 1px solid #d9d9d9;
  border-radius: 0;
  box-shadow: none;
  padding: 18px 18px 10px;
  overflow: hidden;
}

.product-thumb:hover{
  box-shadow: none;
}

.product-thumb .image{
  background: #ffffff;
  border: 1px solid #eee;
  border-radius: 0;
  padding: 14px;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-thumb .image a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.product-thumb .image img{
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.product-thumb .name{
  min-height: 84px;
  padding: 0;
}

.product-thumb .name a{
  color: var(--text-main);
  font-weight: 600;
}

.product-thumb .text{
  color: var(--text-soft);
  min-height: 54px;
}

.price-new,
.product-thumb .price{
  color: var(--accent-strong);
}

.price-old{
  color: #bcbcbc;
  font-weight: 400;
  text-decoration: line-through;
  margin-left: 6px;
}

.discount {
  width: auto;
  height: auto;
  min-width: 0;
  padding: 3px 9px 4px;
  line-height: 1.3;
  font-size: 11px;
  font-weight: 500;
  border-radius: 0;
  top: 10px;
  left: 10px;
  right: auto;
}

.discount span {
  background: var(--accent);
}

.product-thumb .cart-button,
.product-thumb .cart-button .btn-add-cart{
  opacity: 1 !important;
  transform: none !important;
}

.product-thumb .cart-button{
  margin-top: 10px;
}

.product-thumb .cart-button .btn-add-cart{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 10px 12px;
  background: #131313;
  border-radius: 0;
  color: #ffffff;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  transition: background-color .2s ease;
}

.product-thumb .cart-button .btn-add-cart i{
  position: static;
  font-size: 16px;
}

.product-thumb .cart-button .btn-add-cart:hover,
.product-thumb .cart-button .btn-add-cart:focus{
  background: #333333;
  color: #ffffff;
}

.btn,
.btn-primary,
.quickview,
button.btn-primary {
  border-radius: 0;
}

.product-options .i-add-cart.btn-primary{
  font-size: 13px;
  line-height: 1.2;
  padding: 10px 16px;
}

.btn-primary,
.btn-primary:visited {
  background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);
  border-color: transparent;
  color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:visited:hover,
.btn-primary:focus:active,
.btn-primary:active:focus{
  background: linear-gradient(135deg, var(--accent-dark) 0%, var(--accent-strong) 100%);
  color: #fff !important;
}

.cart-line {
  background: #ffffff;
  border: 1px solid var(--line-soft);
  border-radius: 0;
  box-shadow: none;
}

footer{
  background: transparent;
  margin-top: 56px;
}

footer .row{
  margin: 0;
}

footer .newsletter .form-control{
  border: 1px solid var(--line-soft);
  background: rgba(255,255,255,0.9);
}

.wa-box img{
  box-shadow: none;
}

@media (max-width: 767px)
{

  .product-thumb{
    border-radius: 0;
  }

  .product-thumb .name{
    min-height: auto;
  }
}

/* 2026 refresh: richer visual hierarchy + layout cleanup */
:root{
  --bg-blush: #f6ece7;
  --bg-card: #fff8f4;
  --text-main: #3e2f32;
  --text-soft: #7f666d;
  --line-soft: #edd8d8;
  --accent: #d7788f;
  --accent-dark: #bf5f77;
  --accent-strong: #9f3f57;
  --shadow-soft: 0 22px 48px rgba(135, 79, 95, 0.12);
}

.box .swiper-wrapper {
  background: transparent !important;
}

[data-box-carousel].swiper-container,
[data-box-carousel] .swiper-wrapper,
[data-box-carousel] .swiper-slide{
  height: auto !important;
}

.box{
  margin-bottom: 26px;
}

.box-heading{
  margin-bottom: 20px;
}

.box-heading h2{
  font-size: clamp(22px, 2vw, 30px);
  line-height: 1.15;
  text-transform: lowercase;
  letter-spacing: normal;
}

.row[data-box-carousel]{
  margin-left: -10px;
  margin-right: -10px;
}

.row[data-box-carousel] .product-layout{
  padding-left: 10px;
  padding-right: 10px;
}

.product-layout{
  min-height: 1px;
}

.product-thumb{
  border-radius: 0;
  transition: box-shadow .25s ease;
}

.product-thumb .caption{
  padding: 10px 6px 8px;
}

.product-thumb .name{
  min-height: 68px;
}

.product-thumb .name a{
  line-height: 1.35;
}

.product-thumb .price{
  font-size: 16px;
  font-weight: 600;
  margin-top: 4px;
}

.product-thumb .price-old{
  font-size: 14px;
  margin-left: 6px;
}

.quickview,
button.btn-primary,
.btn-primary {
  font-weight: 500;
  letter-spacing: .01em;
}

.inform{
  margin-top: 20px;
}

footer{
  margin-top: 34px;
}

#tm-newsletter-button{
  min-width: 160px;
}

@media (max-width: 991px){
  .box-heading h2{
    font-size: clamp(20px, 5vw, 26px);
  }

}

@media (max-width: 767px){
  .product-thumb .name{
    min-height: auto;
  }

  .product-thumb .price{
    font-size: 20px;
  }

  .wa-box{
    left: 14px;
    bottom: 18px;
  }

  .wa-box img{
    width: 64px;
    height: 64px;
  }
}

#page .swiper-slide:before {
  pointer-events: none !important;
}

/* Footer — light, flat surface (authentica.love reference) */
footer {
  margin-top: 42px;
}

footer h3,
footer .box-heading h3 {
  color: var(--text-main);
  font-weight: 600;
  text-transform: lowercase;
  letter-spacing: normal;
  margin-bottom: 16px;
}

footer p,
footer .newsletter-description p {
  color: var(--text-soft);
}

footer a {
  color: var(--text-soft);
  transition: color .2s ease;
}

footer a:hover,
footer a:focus {
  color: var(--text-main) !important;
  opacity: 1;
}

footer ul li + li {
  margin-top: 8px;
}

footer .logo img {
  filter: none;
}

footer .logo p {
  color: var(--text-soft);
  margin-top: 8px;
}

footer .newsletter .form-control {
  height: 46px;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid var(--text-main);
  background: transparent;
  color: var(--text-main);
  box-shadow: none;
}

footer .newsletter .form-control::placeholder {
  color: #9c9c9c;
}

footer .newsletter .form-control:focus {
  border-color: var(--text-main);
  box-shadow: none;
}

footer #tm-newsletter-button {
  min-width: 176px;
  padding: 12px 22px;
  border: 1px solid var(--text-main);
  border-radius: 0;
  background: #131313;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.01em;
  transition: background-color .2s ease, color .2s ease;
}

footer #tm-newsletter-button:hover,
footer #tm-newsletter-button:focus {
  background: #ffffff;
  color: #131313 !important;
  box-shadow: none;
}

@media (max-width: 991px) {

  footer #tm-newsletter-button {
    width: 100%;
    margin-top: 10px;
  }
}

/* 2026-03-11 footer alignment hotfix */
@media (min-width: 992px) {

  footer #tm-newsletter .box-content,
  footer #tm-newsletter-form,
  footer #tm-newsletter-form > .box-content.clearfix {
    position: static;
  }

  footer #tm-newsletter-form > .box-content.clearfix {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: flex-end;
  }

  footer #tm-newsletter .newsletter-description {
    width: 100%;
    margin: 0 0 4px;
    padding-right: 0;
  }

  footer #tm-newsletter .tm-login-form {
    flex: 1 1 auto;
    width: auto;
    min-width: 220px;
    margin: 0;
  }

  footer #tm-newsletter-button {
    float: none !important;
    margin: 0;
    min-width: 190px;
    height: 46px;
    align-self: flex-end;
  }
}

@media (max-width: 991px) {
  footer .logo {
    text-align: center;
  }

  footer .logo a,
footer .logo p {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

  footer #tm-newsletter .tm-login-form {
    width: 100%;
  }
}

footer #tm-newsletter {
  margin-bottom: 0;
}

footer #tm-newsletter .box-heading {
  display: none;
}

footer #tm-newsletter .newsletter-description {
  width: 100%;
  margin: 0 0 10px;
  padding-right: 0;
  line-height: 1.45;
}

footer #tm-newsletter .tm-login-form {
  width: auto;
  margin: 0;
}

footer #tm-newsletter-form > .box-content.clearfix {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

footer #tm-newsletter-form .tm-login-form {
  flex: 1 1 320px;
  min-width: 280px;
}

footer #tm-newsletter .form-control {
  width: 100%;
  height: 48px;
  padding: 0 14px;
  border-radius: 0;
}

footer #tm-newsletter-button {
  flex: 0 0 auto;
  float: none !important;
  min-width: 190px;
  height: 48px;
  margin: 0;
  padding: 0 26px;
  white-space: nowrap;
}

@media (max-width: 991px) {

  footer #tm-newsletter-form .tm-login-form {
    flex-basis: 100%;
    min-width: 0;
  }

  footer #tm-newsletter-button {
    width: 100%;
  }
}

.swiper-slider {
    margin-bottom: 30px;
}

/* ===========================================================
   AMOROSA theme — visual system aligned to the authentica.love
   reference (flat, editorial, black/white/gray; Inter throughout).
   This is the theme's real design-token layer; it is loaded last
   on purpose so every var(--accent...) rule, button, price and
   hover state repaints from these tokens automatically.
   Amorosa is only the internal theme name — the storefront stays
   BeautyGuide (real logo/text, see index.tpl).
   =========================================================== */
:root{
  --bg-blush: #ffffff;
  --bg-card: #ffffff;
  --text-main: #131313;
  --text-soft: #6b6b6b;
  --line-soft: #e5e5e5;
  --accent: #131313;
  --accent-dark: #000000;
  --accent-strong: #000000;
  --gold: #131313;
  --shadow-soft: none;
  --font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body{
  font-family: var(--font-body);
  color: var(--text-main);
}

h1,
h2,
h3,
h4,
h5,
h6,
.box-heading h2,
.box-heading h3,
footer h3,
.product-thumb .name a {
  font-family: var(--font-display);
}

.box-heading h2, .box-heading h3{
  font-style: normal;
  font-weight: 500;
  text-transform: lowercase;
  border-bottom-color: transparent;
}

#page.common-home{
  background: #ffffff;
}

header .logo p,
footer .logo p{
  text-transform: none;
  letter-spacing: 0.01em;
  color: var(--text-soft);
}

.discount span {
  background: #131313 !important;
  color: #ffffff !important;
}

/* ===========================================================
   AMOROSA — composition pass 2: hero + rhythm rebuilt
   to match authentica.love geometry (not just colors/fonts).
   Header/announcement-bar rules live in amorosa-base.css.
   =========================================================== */

/* Container: authentica.love holds ~1400px max width with large
   fluid gutters even on very wide screens; the base theme grows
   the container to 1680/2000px which reads as generic-CMS-wide. */
.container{
  width: 100% !important;
  max-width: 1400px !important;
  padding-left: 24px;
  padding-right: 24px;
  margin-left: auto;
  margin-right: auto;
}


