/*
Theme Name: Nurfia Child
Theme URI: http://themeforest.net/user/klbtheme/portfolio
Template: nurfia
Author: KlbTheme (Sinan ISIK)
Author URI: http://themeforest.net/user/KlbTheme
Description: This WordPress theme is best for use in such business areas as fashion store, clothing store and furniture store.
Tags: right-sidebar,left-sidebar,one-column,two-columns,three-columns,four-columns,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-image-header,featured-images,full-width-template,microformats,post-formats,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.0.1.1777165573
Updated: 2026-04-26 01:06:13

*/

/* GENERAL */
/* =========================
   RESET & BASE
========================= */
.look-page {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 60px;
}

.look-gallery img {
    width: 100%;
    margin-bottom: 30px;
}

.look-info {
    position: sticky;
    top: 120px;
    height: fit-content;
}
.look-item img {
    transition: 0.4s;
}
.look-item:hover img {
    transform: scale(1.05);
}
.collection-hero {
    height: 60vh;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size: 42px;
    letter-spacing: 2px;
}

.collection-grid {
    display:grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
    padding:40px;
}

.look-card {
    position:relative;
    overflow:hidden;
}

.look-card img {
    width:100%;
    transition:0.5s;
}

.look-card:hover img {
    transform:scale(1.08);
}

.overlay {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:20px;
    color:#fff;
    background:linear-gradient(transparent, rgba(0,0,0,0.6));
}
.look-wrapper {
    display:grid;
    grid-template-columns: 2fr 1fr;
    gap: 80px;
    padding: 60px;
}

.look-gallery img {
    width:100%;
    margin-bottom:40px;
}

.img-wrap {
    overflow:hidden;
}

.img-wrap img {
    transition: 0.6s;
}

.img-wrap:hover img {
    transform: scale(1.03);
}

/* STICKY */
.look-sidebar .sticky {
    position: sticky;
    top: 120px;
}

/* MOBILE */
@media(max-width: 768px){
    .look-wrapper {
        grid-template-columns:1fr;
    }
}