/* ARMANIPLAST-PASS-033 — phones, search, homepage cards, video carousel */

.ap-phone-link {
    white-space: nowrap;
}
.ap-phone-display {
    unicode-bidi: isolate;
    direction: ltr;
    white-space: nowrap;
}

.ap-search-suggest {
    max-height: min(60vh, 22rem);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 90;
}
.ap-search-suggest-inner {
    padding: 0.5rem 0.75rem;
    text-align: start;
}
.ap-search-head,
.ap-search-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}
.ap-search-head {
    font-size: 0.8rem;
    color: #666;
    margin-bottom: 0.35rem;
}
.ap-search-label {
    margin: 0.45rem 0 0.2rem;
    font-size: 0.78rem;
    color: #888;
}
.ap-search-row a {
    display: block;
    flex: 1;
    color: inherit;
    padding: 0.35rem 0;
}
.ap-search-code {
    color: #888;
    font-size: 0.85em;
}
.ap-search-remove,
.ap-search-clear {
    border: 0;
    background: transparent;
    color: #c0392b;
    min-width: 2rem;
    min-height: 2rem;
    cursor: pointer;
}
.ap-search-empty {
    margin: 0;
    color: #777;
    font-size: 0.9rem;
}

/*
 * Homepage six-card spacing
 * Original compiled values (css/style-compiled.css):
 *   .category-container { padding: 90px 0; }  (line 4227)
 *   @media (max-width: 767px) { .category-container { padding: 30px 0 50px; } }  (line 4232)
 *   .products-grid-optimized { padding: 20px 0; column-gap: 15px; }  (line 10444)
 *   .mobile-products-heading { padding: 30px 16px; }  (line 4207)
 * Decrease padding here to tighten slideshow-to-cards and card rows.
 * Increase the same properties to restore space.
 */
.ap-home-products-title.visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
body .main.ap-home-main {
    padding-top: 1rem;
    padding-bottom: 2rem;
}
.categoryBox .category-container {
    padding: 12px 0 8px;
}
@media (max-width: 767px) {
    .categoryBox .category-container {
        padding: 8px 0 12px;
    }
}
.products-grid-optimized {
    padding: 8px 0;
    column-gap: 10px;
    row-gap: 10px;
}
@media (max-width: 991px) {
    .products-grid-optimized .col1-item1,
    .products-grid-optimized .col1-item2,
    .products-grid-optimized .col2-item1,
    .products-grid-optimized .col2-item2,
    .products-grid-optimized .col3-item1,
    .products-grid-optimized .col3-item2 {
        min-height: 200px;
        margin-top: 0;
    }
}

.ap-home-video-carousel-wrap {
    overflow: hidden;
    position: relative;
}
.ap-home-video-slider .owl-stage-outer {
    overflow: hidden;
}
.ap-home-video-slider .owl-nav {
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    position: absolute;
    inset: 38% 0 auto;
}
.ap-home-video-slider .owl-nav button {
    pointer-events: auto;
    width: 2.2rem;
    height: 2.2rem;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    color: #222;
}
.ap-home-video-slider .owl-nav button.disabled {
    opacity: 0.35;
    pointer-events: none;
}
.ap-home-video-slider .ap-video-card {
    margin: 0.25rem;
}
@media (prefers-reduced-motion: reduce) {
    .ap-home-video-slider .owl-stage {
        transition: none !important;
    }
}

.product-card-photo,
.product-background-box img {
    object-fit: cover;
    object-position: center;
}
.ap-photo-sample {
    display: block;
    font-size: 0.75rem;
    color: #666;
    line-height: 1.5;
    margin-top: 0.35rem;
}