@charset "utf-8";


.container {
  max-width: none !important;
}

.product-fv{
  display:flex;
  justify-content: space-between;
}

.lower-fv{
  position: relative;
  z-index: 0;
}

.lower-fv-text > img {
  width: 110px;
  margin-bottom: 3.5rem;
}

.lower-fv::before{
  position: absolute;
  content:"";
  background:#1F1D1B;
  width: 100%;
  height: 25%;
  bottom: -1px;
  left: 0;
  z-index: -1;
}

.lower-title h2{
  font-size: clamp(2.5rem, 1.773rem + 2.42vw, 4.5rem);
  line-height: 1.3;
}

.lower-title p{
  font-size: clamp(0.875rem, 0.83rem + 0.15vw, 1rem);
  line-height: 2;
}

.product-fv img{
    width: 47% !important;
    object-fit: cover;
    height: auto !important;
    aspect-ratio: 4 / 3;
}

.product-fv-text{
  width:48%;
  text-align:left;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  gap: 3rem;
}

.product-fv-title{
  position: relative;
}

.product-fv-title::before{
  position: absolute;
  content:"";
  background:url(https://k9leatherart.com/system_panel/uploads/images/20250324121225418072.png) no-repeat center/contain;
  width: 14%;
  aspect-ratio: 100 / 140;
  bottom: -3%;
  right: 10%;
}

.product-fv-text h1{
  font-size:clamp(3.75rem, 2.75rem + 3.33vw, 6.5rem);
}

.product-fv-text h1+ p{
  font-size:clamp(1rem, 0.955rem + 0.15vw, 1.125rem);
}

.product-fv-bottom{
  color:#fff;
  max-width:560px;
}

.product-fv-bottom h2{
  margin:0 0 1.5rem;
  font-size:clamp(1.25rem, 0.977rem + 0.91vw, 2rem);
}

.lower-title{
  margin:0 0 5rem;
}

.feature-wrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.feature-title p{
  line-height:1;
}

.feature-title p:first-child{
  font-size:clamp(3.5rem, 3.136rem + 1.21vw, 4.5rem);
}

.feature-title p:last-child{
  margin:8px 0 0;
  font-size:clamp(0.875rem, 0.784rem + 0.3vw, 1.125rem);
  letter-spacing: 3px;
}

.feature-wrap:not(:last-child){
  margin:0 0 3.5rem;
}

.feature-wrap:nth-child(even){
  flex-direction:row-reverse;
}


.feature-wrap > img{
  width:48%;
}

.feature-text{
  width:47%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.feature-text .accent{
  font-size:clamp(1.5rem, 1.136rem + 1.21vw, 2.5rem);
  margin:0 0 20px;
}

.product{
  padding:100px 0 10rem;
  position:relative;
}

.product::before{
  position: absolute;
  content:"";
  background:url(https://k9leatherart.com/system_panel/uploads/images/20250325101521721684.png) no-repeat center/contain;
  width: 7%;
  aspect-ratio: 131 /256;
  bottom: 2%;
  left: 2%;
}

.product-wrap{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position:relative;
}

.product-wrap:nth-child(even)::before{
  position: absolute;
  content:"";
  background:url(https://k9leatherart.com/system_panel/uploads/images/20250324124814328510.png) no-repeat center/contain;
  width: 10%;
  aspect-ratio: 140 /300;
  top: -18%;
  right: -13%;
}

.product-wrap:nth-child(odd)::before{
  position: absolute;
  content:"";
  background:url(https://k9leatherart.com/system_panel/uploads/images/20250324124814896617.png) no-repeat center/contain;
  width: 13%;
  aspect-ratio: 200 / 420;
  top: -10%;
  left: -15%;
}

.product-wrap:not(:last-child){
  margin:0 0 100px;
}


.product-wrap:nth-child(odd){
  flex-direction:row-reverse;
}

.product-img{
  width:48%;
}

.product-img div{
  display: flex;
  gap:28px;
  margin:20px 0 0;
}

.product-img div img{
    width: calc((100% - 28px) / 2) !important;
    aspect-ratio: 4 / 3 !important;
  object-fit: cover;
  height:auto !important;
}

.product-text{
  width:48%;
}

.product-title h3{
  font-size:clamp(2.5rem, 1.955rem + 1.82vw, 4rem);
}

.product-fee{
  margin:8px 0 2.5rem;
  text-align:right;
}

.product-fee p:first-child{
  font-size:clamp(2rem, 1.818rem + 0.61vw, 2.5rem);
  line-height: 1;
}

.product-box{
  margin:0 0 2rem;
}

.product-box-p{
  margin:0 0 8px;
  color:#5998AD;
  border:1px solid #5998AD;
  padding: 4px 1rem;
  width: fit-content;
  line-height: 1;
}

.shop .lower-title{
  padding-right: 20%;
  position: relative;
}

.shop .lower-title::before{
  position: absolute;
  content:"";
  background:url(https://k9leatherart.com/system_panel/uploads/images/20250324142443324906.png) no-repeat center/contain;
  width: 18%;
  aspect-ratio: 260 / 200;
  top: 0;
  right: -5%;
}



/*large*/
.large::before{
  display:none;
}

.large .lower-fv-text > img{
  width:200px;
}

.large .product-fv-bottom{
  color:#1F1D1B;
}

.large  + .blue-bg .shop .lower-title::before{
  background:url(https://k9leatherart.com/system_panel/uploads/images/20250324142835903440.png) no-repeat center/contain;
}


/*medium*/
.medium::before{
  background: #F2E5D1;
}

.medium .lower-fv-text > img{
  width:210px;
}

.medium .product-fv-title{
  color:#F2E5D1;
}

.medium .product-fv-title h1{
  color:#F2E5D1;
  font-size:clamp(3rem, 1.909rem + 3.64vw, 6rem);
}

.medium .product-fv-title::before{
  background:url(https://k9leatherart.com/system_panel/uploads/images/20250324143055961187.png) no-repeat center/contain;
}

.medium .product-fv-bottom{
  color:#1F1D1B;
}

.medium  + .blue-bg .shop .lower-title::before{
  background:url(https://k9leatherart.com/system_panel/uploads/images/20250324143055345566.png) no-repeat center/contain;
}


/*small*/
.small-dog::before{
  background: #E5A999;
}

.small-dog .lower-fv-text > img{
  width:180px;
}

.small-dog .product-fv-title{
  color:#E5A999;
}

.small-dog .product-fv-title h1{
  color:#E5A999;
}

.small-dog .product-fv-title::before{
  background:url(https://k9leatherart.com/system_panel/uploads/images/20250324143441354004.png) no-repeat center/contain;
}

.small-dog .product-fv-bottom{
  color:#1F1D1B;
}

.small-dog  + .pink-bg .shop .lower-title::before{
  background:url(https://k9leatherart.com/system_panel/uploads/images/20250324143504951301.png) no-repeat center/contain;
}

.product-fv-text img{
  display:none;  
}

@media screen and (max-width: 1700px) {
  .product-fv-title::before{
    right: 0%;
  }
}

@media screen and (max-width: 1280px) {
  .product-fv{
    align-items: flex-start;
  }
  .product-fv-title::before {
    right: -8%;
    width: 12%;
    bottom: 0%;
  }
}

@media screen and (max-width: 1024px) {
  .product-wrap,
  .product-wrap:nth-child(odd),
  .feature-wrap:nth-child(even),
  .feature-wrap{
    flex-direction: column;
    gap: 2.5rem;
    align-items: center;
  }
  .feature-wrap:nth-child(even),
  .feature-wrap{
    flex-direction: column-reverse;
  }
  .product-img,
  .feature-wrap > img,
  .product-fv img{
    width: 70%;
  }
  .product-text,
  .feature-text,
  .product-fv-text{
    width: 100%;
  }
  .feature-wrap:not(:last-child){
    margin:0 0 5rem;
  }
  .product-fv img{
    display:none;
  }
  .product-fv-text img{
    display:block;  
    margin:0 auto;
  }
  .product-fv-bottom{
    max-width:none;
  }
  .shop .lower-title::before{
    width: 28%;
    top: 20%;
    right: -15%;
  }
  .product-wrap:nth-child(even)::before{
    width: 15%;
  }
  .product-wrap:nth-child(odd)::before{
    width: 18%;
  }
  .product-fv-text h1{
    text-align:center;
  }
  .product::before{
    width: 11%;
    bottom: 1%;
    left: 1%;
  }
    .product-fv-title{
    margin:0 0 3rem;  
  }
  .product-fv-title::before{
        width: 8%;
        right: 7%;
        bottom: -4rem;
  }
}

@media screen and (max-width: 767px) {
  .lower-title{
margin-bottom: 2rem;
  }
  .feature-wrap:nth-child(even),
  .feature-wrap{
    gap:1.5rem;
  }
  .product-wrap,
    .product-wrap:nth-child(odd){
    gap:1rem;
  }
  .product-img,
  .feature-wrap > img,
  .product-fv img{
    width: 100% !important;
    height: auto !important;
  }
  .product-wrap:nth-child(n + 3)::before{
    display:none;
  }
  .product-wrap:nth-child(even)::before{
    right: 0%;
    width: 20%;
  }
  .shop .lower-title::before {
    width: 20%;
    top: -5%;
    right: 0%;
  }
  .product-wrap:not(:last-child),
  .feature-wrap:not(:last-child){
    margin: 0 0 4rem;
  }
.product-img div {
    gap: 14px;
    margin: 10px 0 0;
}
  .product-img div img {
    width: calc((100% - 14px) / 2);
  }
  .product-fee{
    margin: 8px 0 1.5rem;
  }
  .shop .lower-title{
    padding-right: 0;
  }
    .product::before {
        width: 19%;
        bottom: 0.5%;
        left: 3%;
    }
  .lower-fv-text > img{
    width:90px;
    margin-bottom: 1.5rem;
  }
    .lower-fv::before {
        height: 40%;
    }
  .large .lower-fv-text > img,
  .medium .lower-fv-text > img,
  .small-dog .lower-fv-text > img{
    width:120px;
  }
  .product-fv-title::before{
        width: 12%;
  }
}


.feature{
  display:none;
}

.large-product .product-wrap:nth-child(even)::before{
  background: url(https://k9leatherart.com/system_panel/uploads/images/20250630095351846499.png) no-repeat center / contain;
}

.large-product .product-wrap:nth-child(odd)::before{
  background: url(https://k9leatherart.com/system_panel/uploads/images/20250630095351352220.png) no-repeat center / contain;
}

.large-product.product::before{
	background: url(https://k9leatherart.com/system_panel/uploads/images/20250630095351595107.png) no-repeat center / contain;
}

.large-product .product-box-p{
  color:#ECE8E4;
  border: 1px solid #ECE8E4;
}

.product-img > img{
    aspect-ratio: 691 / 500 !important;
    object-fit: cover;
  width:100%  !important;
  height:auto !important;
}