/* product-soksoktalk.css - SoksokTalk AI 챗봇 서비스 페이지 스타일 */

/* Hero Section */
.soksok-hero-content {
    background-image: url('../images/bg/soksoktalk-h1.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 80px 20px;
    margin-bottom: 50px;
    border-radius: 10px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.7);
    position: relative;
    overflow: hidden;
}

.soksok-hero-content::before {
    content: '';
    position: absolute;
    top:0; left:0; right:0; bottom:0;
    background-color: rgba(0,0,0,0.6);
    z-index:1;
    transition: background-color 0.3s ease;
}

.dark-mode .soksok-hero-content::before {
    background-color: rgba(0,0,0,0.85);
}

.soksok-hero-content h1,
.soksok-hero-content p {
    position: relative;
    z-index:2;
    color:#fff !important;
    text-align:center;
    max-width:800px;
    margin:0 auto;
}

.soksok-hero-content h1 {font-size:2.8em;margin-bottom:20px;}

/* Feature Cards */
.feature-card {
    background-size: cover;
    background-position: center;
    position:relative;
    overflow:hidden;
    color:#fff;
    text-shadow:0 0 5px rgba(0,0,0,0.8);
    border-radius:8px;
    padding:25px;
    text-align:left;
    box-shadow:0 4px 8px rgba(0,0,0,0.1);
    transition:transform 0.3s ease, box-shadow 0.3s ease;
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
}

.feature-card::before {
    content:'';
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    background-color:rgba(0,0,0,0.6);
    z-index:1;
    transition:background-color 0.3s ease;
}

.dark-mode .feature-card::before {background-color:rgba(0,0,0,0.7);}

/* Unique background images for each feature */
.feature-card-1 {background-image:url('../images/bg/soksoktalk_feature1.jpg');}
.feature-card-2 {background-image:url('../images/bg/soksoktalk_feature2.jpg');}
.feature-card-3 {background-image:url('../images/bg/soksoktalk_feature3.jpg');}
.feature-card-4 {background-image:url('../images/bg/soksoktalk_feature4.jpg');}

.feature-card h4,
.feature-card p {
    position:relative;
    z-index:2;
    color:#fff !important;
}

/* Video Section */
.video-section {padding:50px 0;margin-top:50px;}
.video-grid {display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.video-item {text-align:center;}
.video-item h4 {font-size:1.2em;color:var(--primary-color);margin-bottom:10px;}
.video-item iframe {width:100%;height:315px;}
@media (max-width:768px){.video-grid{grid-template-columns:1fr;}}

/* Brochure Section */
.brochure-section {padding:50px 0;margin-top:50px;}
.brochure-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.brochure-item {text-align:center;background-color:var(--header-bg);border-radius:8px;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,0.1);}
.brochure-item img {width:100%;height:auto;margin-bottom:10px;border-radius:4px;}
.brochure-item h4 {font-size:1.2em;color:var(--primary-color);margin-bottom:10px;}
.download-btn {display:inline-block;background-color:var(--primary-color);color:#fff;padding:10px 20px;border-radius:4px;text-decoration:none;transition:background-color 0.3s;}
.download-btn:hover{background-color:#003b8e;}
@media (max-width:1024px){.brochure-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:768px){.brochure-grid{grid-template-columns:1fr;}}

/* Image Gallery */
.image-gallery-section {padding:50px 0;}
.gallery-container {position:relative;}
.gallery-wrapper {display:flex;overflow-x:auto;scroll-behavior:smooth;}
.gallery-item {flex:0 0 auto;margin-right:10px;}
.gallery-item img {max-width:100%;height:auto;border-radius:8px;}
.nav-arrow {position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.5);color:#fff;border:none;padding:10px;cursor:pointer;z-index:2;}
.nav-arrow.left{left:10px;}
.nav-arrow.right{right:10px;}
.category-filter {margin-bottom:20px;}
.category-button {background:var(--primary-color);color:#fff;padding:8px 12px;margin-right:5px;border:none;border-radius:4px;cursor:pointer;}
.category-button.active{background:#003b8e;}

/* General product page styles (reuse from product-adra) */
.product-detail-section {padding:100px 0;}
.product-detail-section h1{font-size:2.5em;color:var(--primary-color);margin-bottom:20px;text-align:center;}
.product-detail-section h3{border-bottom:2px solid var(--primary-color);padding-bottom:10px;margin-bottom:20px;font-size:1.5em;}
.product-detail-section p,.product-detail-section ul,.product-detail-section li{font-size:1.1em;line-height:1.8;color:var(--text-color);margin-bottom:1rem;}
.product-detail-section ul{list-style-type:none;padding-left:0;}
.product-detail-section li{margin-bottom:10px;}
.product-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:50px;}
@media (max-width:768px){.product-details-grid{grid-template-columns:1fr;}}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px;margin-bottom:50px;}
@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:767px){.features-grid{grid-template-columns:1fr;}}
.application-grid{display:grid;grid-template-columns:repeat(2,1fr);}
@media (max-width: 768px) {.application-grid {grid-template-columns: 1fr;}}