@charset "utf-8";

/* Scoped finishing layer for sampletest shop/category/PDP/search/event/lookbook screens. */

#sct.gk-list-layout,
#gk-search,
#gk-events,
#gk-lookbook,
.sit_ov_from_custom {
    max-width: 100%;
    overflow-x: hidden;
    overflow-x: clip;
}

#sct.gk-list-layout img,
#sct.gk-list-layout table,
#sct.gk-list-layout iframe,
#gk-search img,
#gk-search table,
#gk-search iframe,
#gk-events img,
#gk-events table,
#gk-events iframe,
#gk-lookbook img,
#gk-lookbook table,
#gk-lookbook iframe,
.sit_ov_from_custom img,
.sit_ov_from_custom table,
.sit_ov_from_custom iframe {
    max-width: 100%;
}

/* Category list */
#sct.gk-list-layout .gk-category-identity h1,
#sct.gk-list-layout .gk-list-result-count,
#sct.gk-list-layout .gk-product-name {
    overflow-wrap: anywhere;
}

#sct.gk-list-layout .gk-list-sidebar {
    min-width: 0 !important;
}

#sct.gk-list-layout .gk-list-main {
    min-width: 0 !important;
}

@media (min-width: 1280px) {
    #sct.gk-list-layout .gk-product-grid,
    #gk-listtype .gk-product-grid,
    #gk-search .gk-results-grid .gk-product-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 1025px) and (max-width: 1279px) {
    #sct.gk-list-layout .gk-product-grid,
    #gk-listtype .gk-product-grid,
    #gk-search .gk-results-grid .gk-product-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #sct.gk-list-layout .gk-product-grid,
    #gk-listtype .gk-product-grid,
    #gk-search .gk-results-grid .gk-product-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1024px) {
    #sct.gk-list-layout .gk-filter-drawer-body {
        overflow-x: hidden !important;
    }
}

@media (max-width: 767px) {
    #sct.gk-list-layout .gk-category-identity__meta {
        display: flex !important;
        flex-wrap: wrap;
        gap: 10px;
    }

    #sct.gk-list-layout .gk-category-identity__meta div {
        flex: 1 1 30%;
        min-width: 92px !important;
    }

    #sct.gk-list-layout .gk-sort-toolbar {
        align-items: flex-start !important;
        flex-wrap: wrap;
    }

    #sct.gk-list-layout .gk-list-result-count {
        flex: 1 1 100%;
    }
}

/* Product detail */
.sit_ov_from_custom .sit_option_area.option-view-button .option-ui-button-wrap {
    gap: 8px !important;
}

.sit_ov_from_custom .sit_option_area.option-view-button .option-ui-button-wrap.is-color-option-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.sit_ov_from_custom .sit_option_area.option-view-button .option-ui-button-wrap.is-text-option-wrap {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 6px !important;
}

.sit_ov_from_custom .sit_option_area.option-view-button .option-ui-button {
    border-radius: 0 !important;
    border-color: var(--gk-ink) !important;
    background: transparent !important;
    color: var(--gk-ink) !important;
    font-family: var(--gk-mono);
    letter-spacing: 0;
}

.sit_ov_from_custom .sit_option_area.option-view-button .option-ui-button.is-active {
    background: var(--gk-ink) !important;
    color: #fff !important;
}

.sit_ov_from_custom .sit_option_area.option-view-button .option-ui-button.is-color-option {
    position: relative !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: transparent !important;
    overflow: visible !important;
}

.sit_ov_from_custom .sit_option_area.option-view-button .option-ui-color-swatch {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    border: 1px solid var(--gk-line) !important;
}

.sit_ov_from_custom .sit_option_area.option-view-button .option-ui-button.is-color-option .option-ui-label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.sit_ov_from_custom .sit_option_area.option-view-button .option-ui-button.is-color-option.is-active {
    background: transparent !important;
    color: transparent !important;
}

.sit_ov_from_custom .sit_option_area.option-view-button .option-ui-button.is-color-option.is-active::after,
.sit_ov_from_custom .sit_option_area.option-view-button .option-ui-button.is-color-option.on::after {
    content: "";
    position: absolute;
    inset: -6px;
    border: 1px solid var(--gk-ink);
    border-radius: 50%;
    pointer-events: none;
}

.sit_ov_from_custom .sit_option_area.option-view-button .option-ui-button.is-text-option {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 0 8px !important;
    border-radius: 0 !important;
}

.sit_ov_from_custom #sit_sel_option #sit_opt_added .sit_qty_minus::before {
    content: "\2212";
}

.sit_ov_from_custom #sit_sel_option #sit_opt_added .sit_qty_plus::before {
    content: "+";
}

#quick_order_bar {
    display: block !important;
    max-height: 76px;
}

#quick_order_bar .quick_order_inner {
    max-width: min(1320px, calc(100vw - 48px)) !important;
    min-height: 64px;
    padding: 9px 16px !important;
    border: 1px solid var(--gk-ink) !important;
    border-bottom: 0 !important;
    background: rgba(250, 250, 250, .98) !important;
    box-shadow: 0 -8px 22px rgba(10, 10, 10, .08) !important;
}

#quick_order_bar .quick_order_name,
#quick_order_bar .quick_order_option {
    max-width: 420px;
}

#quick_order_bar .quick_order_btn,
#quick_order_bar .quick_order_qty,
#quick_order_bar #quick_order_qty {
    border-radius: 0 !important;
}

#quick_order_bar .quick_order_btn {
    height: 38px !important;
    border-color: var(--gk-ink) !important;
    background: #fff !important;
    color: var(--gk-ink) !important;
    font-family: var(--gk-mono);
    font-size: 11px !important;
    letter-spacing: 0;
    text-transform: uppercase;
}

#quick_order_bar .quick_order_btn.btn-submit {
    background: var(--gk-red) !important;
    border-color: var(--gk-red) !important;
    color: #fff !important;
}

#quick_order_bar #quick_order_qty_minus::before {
    content: "\2212" !important;
}

#quick_order_bar #quick_order_qty_plus::before {
    content: "+" !important;
}

#quick_order_bar .quick_order_total {
    color: var(--gk-red) !important;
}

@media (max-width: 991px) {
    #quick_order_bar {
        display: none !important;
    }

    .sit_ov_from_custom .sit_action_area {
        position: sticky;
        bottom: 0;
        z-index: 20;
        margin-right: 0;
        margin-left: 0;
        padding: 8px 16px calc(8px + env(safe-area-inset-bottom));
        border-top: 1px solid var(--gk-line);
        background: rgba(250, 250, 250, .98);
    }

    .sit_ov_from_custom .btn_group_black {
        height: 48px !important;
    }
}

/* Search page */
#gk-search .m-search-discovery,
#gk-search .m-search-bar,
#gk-search .m-search-section {
    max-width: 100%;
}

#gk-search #ssch_q,
#gk-search .m-search-bar input {
    min-width: 0;
}

@media (min-width: 768px) {
    #gk-search #gk-search-detail-form > .gk-search-top {
        padding: 60px 28px 40px !important;
        border-bottom: 1px solid var(--line) !important;
    }

    #gk-search .gk-search-form-row {
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: end !important;
        gap: 14px !important;
        max-width: 1400px !important;
    }

    #gk-search #ssch_q {
        height: auto !important;
        border: 0 !important;
        border-bottom: 3px solid var(--ink) !important;
        padding: 0 0 16px !important;
        background: transparent !important;
        font-size: 96px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
        text-transform: uppercase !important;
    }

    #gk-search .gk-btn-search {
        width: auto !important;
        height: auto !important;
        min-height: 64px !important;
        padding: 20px 32px !important;
        border-color: var(--red) !important;
        background: var(--red) !important;
        color: #fff !important;
    }
}

@media (min-width: 768px) {
    #gk-search .gk-search-body {
        grid-template-columns: 280px minmax(0, 1fr) !important;
    }

    #gk-search .gk-sidebar {
        position: sticky;
        top: 110px;
    }
}

@media (max-width: 767px) {
    #gk-search .m-search-discovery {
        display: block !important;
    }

    #gk-search .m-search-tags,
    #gk-search .m-search-trend {
        max-width: 100%;
    }

    #gk-search .gk-results-area {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }
}

/* Event and lookbook */
#gk-events .gk-event-grid,
#gk-events .gk-event-products-grid,
#gk-lookbook .gk-gallery-grid,
#gk-lookbook .gk-snap-strip {
    min-width: 0;
}

#gk-events .gk-event-card strong,
#gk-events .gk-event-card span,
#gk-lookbook .gk-lb-item .ttl,
#gk-lookbook .gk-gallery-card h3 {
    overflow-wrap: anywhere;
}

#gk-lookbook .gk-gallery-section {
    border-top: 1px solid var(--gk-line);
    padding: 48px 40px;
}

#gk-lookbook .gk-gallery-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

#gk-lookbook .gk-gallery-head p,
#gk-lookbook .gk-snap-head p {
    margin: 0 0 12px;
    color: var(--gk-red);
    font-family: var(--gk-mono);
    font-size: 11px;
    letter-spacing: 0;
    text-transform: uppercase;
}

#gk-lookbook .gk-gallery-head h2,
#gk-lookbook .gk-snap-head h2 {
    margin: 0;
    font-size: 72px;
    font-weight: 900;
    line-height: .88;
    text-transform: uppercase;
}

#gk-lookbook .gk-gallery-head h2 em,
#gk-lookbook .gk-snap-head h2 em {
    color: var(--gk-red);
    font-style: italic;
    font-weight: 400;
}

#gk-lookbook .gk-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

#gk-lookbook .gk-gallery-card {
    min-width: 0;
    border: 1px solid var(--gk-line);
    background: #fff;
    color: var(--gk-ink);
}

#gk-lookbook .gk-gallery-card .img {
    position: relative;
    display: block;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    background: var(--gk-cream);
}

#gk-lookbook .gk-gallery-card .img::after,
#gk-lookbook .gk-snap-item::after {
    content: "";
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(135deg, transparent 0 18px, rgba(10,10,10,.04) 18px 19px);
}

#gk-lookbook .gk-gallery-card .img.v2 { background: #e8d5c4; }
#gk-lookbook .gk-gallery-card .img.v3 { background: #dfd0bd; }
#gk-lookbook .gk-gallery-card .img.v4 { background: var(--gk-ink); }
#gk-lookbook .gk-gallery-card .img.v5 { background: #f0e8de; }
#gk-lookbook .gk-gallery-card .img.v6 { background: #cdbba4; }

#gk-lookbook .gk-gallery-card .badge,
#gk-lookbook .gk-gallery-card .num {
    position: absolute;
    z-index: 1;
}

#gk-lookbook .gk-gallery-card .badge {
    top: 12px;
    left: 12px;
    padding: 4px 8px;
    border: 1px solid var(--gk-ink);
    background: var(--gk-bg);
    font-family: var(--gk-mono);
    font-size: 9px;
    letter-spacing: 0;
    text-transform: uppercase;
}

#gk-lookbook .gk-gallery-card .num {
    right: 16px;
    bottom: 12px;
    color: rgba(10,10,10,.12);
    font-size: 80px;
    font-weight: 900;
    line-height: .85;
}

#gk-lookbook .gk-gallery-card .img.v4 .num {
    color: rgba(255,255,255,.18);
}

#gk-lookbook .gk-gallery-card .info {
    padding: 14px 16px 16px;
}

#gk-lookbook .gk-gallery-card .meta {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
    color: var(--gk-muted);
    font-family: var(--gk-mono);
    font-size: 10px;
    letter-spacing: 0;
    text-transform: uppercase;
}

#gk-lookbook .gk-gallery-card h3 {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.35;
}

#gk-lookbook .gk-gallery-card .stat {
    color: var(--gk-muted);
    font-family: var(--gk-mono);
    font-size: 10px;
    letter-spacing: 0;
    text-transform: uppercase;
}

#gk-lookbook .gk-snap-section {
    padding: 56px 40px 64px;
    background: var(--gk-ink);
    color: #fff;
}

#gk-lookbook .gk-snap-strip {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    margin-top: 24px;
}

#gk-lookbook .gk-snap-item {
    position: relative;
    aspect-ratio: 1;
    overflow: hidden;
    background: var(--gk-cream);
}

#gk-lookbook .gk-snap-item.v2 { background: #e8d5c4; }
#gk-lookbook .gk-snap-item.v3 { background: #dfd0bd; }
#gk-lookbook .gk-snap-item.v4 { background: var(--gk-red); }
#gk-lookbook .gk-snap-item.v5 { background: #cdbba4; }

#gk-lookbook .gk-snap-item span {
    position: absolute;
    bottom: 8px;
    left: 8px;
    z-index: 1;
    padding: 3px 6px;
    background: rgba(255,255,255,.94);
    color: var(--gk-ink);
    font-family: var(--gk-mono);
    font-size: 9px;
    letter-spacing: 0;
    text-transform: uppercase;
}

#gk-events .gk-board-event-content {
    padding-top: 42px;
}

#gk-events .gk-event-content-box {
    max-width: 980px;
    margin: 0 auto;
    border: 1px solid var(--gk-line);
    background: #fff;
}

#gk-events .gk-event-period {
    margin: 0;
    padding: 16px 18px;
    border-bottom: 1px solid var(--gk-line);
    background: var(--gk-cream);
    font-family: var(--gk-mono);
    font-size: 12px;
}

#gk-events .gk-event-content-media {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 18px;
    border-bottom: 1px solid var(--gk-line);
}

#gk-events .gk-event-content-media img {
    display: block;
    width: 100%;
    height: auto;
}

#gk-events .gk-event-content-prose {
    padding: 28px;
    color: #222;
    font-size: 15px;
    line-height: 1.75;
}

#gk-events .gk-event-content-prose img,
#gk-events .gk-event-content-prose table,
#gk-events .gk-event-content-prose iframe {
    max-width: 100%;
}

#gk-events .gk-board-event-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    max-width: 980px;
    margin: 18px auto 0;
}

#gk-events .gk-board-event-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid var(--gk-ink);
    background: #fff;
    color: var(--gk-ink);
    font-family: var(--gk-mono);
    font-size: 11px;
}

#gk-events .gk-board-event-actions a.is-primary {
    background: var(--gk-ink);
    color: #fff;
}

#gk-events .gk-event-card .img img,
#gk-lookbook .gk-lb-item .photo,
#gk-lookbook .gk-lb-item .photo img,
#gk-lookbook .gk-gallery-card .img img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#gk-events .gk-event-card .img img,
#gk-lookbook .gk-lb-item .photo,
#gk-lookbook .gk-gallery-card .img img {
    z-index: 0;
}

#gk-events .gk-event-card .img::after,
#gk-lookbook .gk-lb-item::after,
#gk-lookbook .gk-gallery-card .img::after {
    z-index: 1;
}

#gk-lookbook .gk-lb-item .lab,
#gk-lookbook .gk-lb-item .ttl,
#gk-lookbook .gk-gallery-card .badge,
#gk-lookbook .gk-gallery-card .num,
#gk-events .gk-event-card .badge,
#gk-events .gk-event-card .img em {
    z-index: 2;
}

#gk-lookbook .gk-lb-item .photo + .lab,
#gk-lookbook .gk-gallery-card .img:has(img) .badge {
    background: rgba(255, 255, 255, .92);
}

#gk-lookbook .gk-lb-item:has(.photo) .ttl {
    max-width: calc(100% - 32px);
    padding: 7px 9px;
    background: rgba(255, 255, 255, .88);
    color: var(--gk-ink);
}

/* Notice/support board list */
#gk-notice-list.gk-support-notice-list {
    max-width: 100%;
    overflow-x: hidden;
}

#gk-notice-list .gk-support-list-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 40px;
    align-items: end;
    padding: 58px 40px 44px;
    border-bottom: 1px solid var(--ink);
    background: #fff;
}

#gk-notice-list .gk-support-list-head p,
#gk-notice-list .gk-notice-split .pn {
    margin: 0 0 14px;
    color: var(--red);
    font-family: var(--f-mono);
    font-size: 11px;
    letter-spacing: 0;
    text-transform: uppercase;
}

#gk-notice-list .gk-support-list-head h1 {
    margin: 0;
    font-size: 92px;
    font-weight: 900;
    line-height: .9;
    letter-spacing: 0;
    text-transform: uppercase;
}

#gk-notice-list .gk-support-list-head h1 em,
#gk-notice-list .gk-notice-split h2 em {
    color: var(--red);
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    font-weight: 400;
}

#gk-notice-list .gk-support-list-head .meta {
    display: grid;
    gap: 10px;
    color: var(--muted);
    font-family: var(--f-mono);
    font-size: 11px;
    text-align: right;
    text-transform: uppercase;
}

#gk-notice-list .gk-support-list-head .meta b {
    color: var(--ink);
}

#gk-notice-list .gk-support-help-search {
    padding: 44px 40px 0;
}

#gk-notice-list .gk-support-help-search form {
    display: grid;
    grid-template-columns: auto minmax(120px, 160px) minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    max-width: 100%;
    padding: 18px 22px;
    border: 2px solid var(--ink);
    background: #fff;
}

#gk-notice-list .gk-support-help-search span,
#gk-notice-list .gk-support-help-search button {
    font-family: var(--f-mono);
    font-size: 11px;
    letter-spacing: 0;
    text-transform: uppercase;
}

#gk-notice-list .gk-support-help-search input,
#gk-notice-list .gk-support-help-search select {
    min-width: 0;
    border: 0;
    background: transparent;
    font-size: 15px;
}

#gk-notice-list .gk-support-help-search select {
    height: 38px;
    border-left: 1px solid var(--line);
    border-right: 1px solid var(--line);
    padding: 0 10px;
}

#gk-notice-list .gk-support-help-search button {
    min-height: 38px;
    padding: 0 18px;
    border: 0;
    background: var(--ink);
    color: #fff;
}

#gk-notice-list .gk-notice-split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    padding: 44px 40px 58px;
    gap: 0;
}

#gk-notice-list .gk-notice-split.is-cards-only {
    grid-template-columns: minmax(0, 1fr);
}

#gk-notice-list .gk-notice-split .panel {
    min-width: 0;
    padding: 42px 34px;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

#gk-notice-list .gk-notice-split .panel + .panel {
    border-left: 1px solid var(--line);
}

#gk-notice-list .gk-notice-split .panel.white {
    background: #fff;
}

#gk-notice-list .gk-notice-split.is-cards-only .panel.white {
    padding: clamp(36px, 3.8vw, 58px);
}

#gk-notice-list .gk-notice-list-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
    padding-bottom: 18px;
    border-bottom: 2px solid var(--ink);
    color: var(--muted);
    font-family: var(--f-mono);
    font-size: 11px;
    text-transform: uppercase;
}

#gk-notice-list .gk-notice-list-summary span {
    color: var(--red);
}

#gk-notice-list .gk-notice-list-summary b {
    color: var(--ink);
    font-weight: 700;
}

#gk-notice-list .gk-notice-split h2 {
    margin: 0 0 28px;
    font-size: 56px;
    font-weight: 900;
    line-height: .92;
    letter-spacing: 0;
    text-transform: uppercase;
}

#gk-notice-list .gk-support-filter-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 18px;
    padding: 0;
    list-style: none;
}

#gk-notice-list .gk-support-filter-row a {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    padding: 0 12px;
    border: 1px solid var(--line);
    background: #fff;
    font-family: var(--f-mono);
    font-size: 10px;
    text-transform: uppercase;
}

#gk-notice-list .gk-support-filter-row #bo_cate_on {
    border-color: var(--ink);
    background: var(--ink);
    color: #fff;
}

#gk-notice-list .gk-notice-table-wrap {
    max-width: 100%;
    overflow-x: auto;
    border-top: 2px solid var(--ink);
    border-bottom: 1px solid var(--ink);
}

#gk-notice-list .gk-notice-table {
    width: 100%;
    min-width: 620px;
    border-collapse: collapse;
}

#gk-notice-list .gk-notice-table th,
#gk-notice-list .gk-notice-table td {
    padding: 14px 12px;
    border-bottom: 1px solid var(--line);
    text-align: left;
    font-size: 13px;
    vertical-align: middle;
}

#gk-notice-list .gk-notice-table th {
    background: #f4f4f4;
    color: var(--muted);
    font-family: var(--f-mono);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: uppercase;
}

#gk-notice-list .gk-notice-table .no,
#gk-notice-list .gk-notice-table .date,
#gk-notice-list .gk-notice-table .hits,
#gk-notice-list .gk-notice-card .date,
#gk-notice-list .gk-notice-card .tag {
    color: var(--muted);
    font-family: var(--f-mono);
    font-size: 10px;
    text-transform: uppercase;
}

#gk-notice-list .gk-notice-table .cat span,
#gk-notice-list .gk-notice-card .tag {
    display: inline-flex;
    align-items: center;
    justify-self: start;
    min-height: 24px;
    padding: 0 8px;
    border: 1px solid var(--ink);
    color: var(--ink);
}

#gk-notice-list .gk-notice-table .cat span.red,
#gk-notice-list .gk-notice-card .tag.red {
    border-color: var(--red);
    background: var(--red);
    color: #fff;
}

#gk-notice-list .gk-notice-card .tag.fill {
    background: var(--ink);
    color: #fff;
}

#gk-notice-list .gk-notice-table .title a {
    display: inline-block;
    max-width: 100%;
    font-weight: 700;
    overflow-wrap: anywhere;
}

#gk-notice-list .gk-notice-table .date,
#gk-notice-list .gk-notice-table .hits {
    text-align: right;
}

#gk-notice-list .gk-notice-table tr.pin .no {
    color: var(--red);
}

#gk-notice-list .gk-notice-cards {
    display: grid;
    gap: 0;
}

#gk-notice-list .gk-notice-card-row.has-check {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

#gk-notice-list .gk-notice-card-row > .selec_chk {
    width: 18px;
    height: 18px;
    margin-top: 26px;
}

#gk-notice-list .gk-notice-card {
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr) auto;
    gap: 22px;
    align-items: start;
    padding: 23px 0;
    border-top: 1px solid var(--line);
}

#gk-notice-list .gk-notice-cards > .gk-notice-card:last-child,
#gk-notice-list .gk-notice-cards > .gk-notice-card-row:last-child .gk-notice-card {
    border-bottom: 1px solid var(--line);
}

#gk-notice-list .gk-notice-card .copy {
    min-width: 0;
}

#gk-notice-list .gk-notice-card strong {
    display: block;
    margin-bottom: 7px;
    font-size: 18px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

#gk-notice-list .gk-notice-card em {
    display: block;
    color: var(--muted);
    font-size: 13px;
    font-style: normal;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

#sit_use_write.gk-review-write,
.gk-review-write-body {
    max-width: 100%;
    overflow-x: hidden;
}

#sit_use_write.gk-review-write *,
#sit_use_write.gk-review-write {
    box-sizing: border-box;
}

@media (max-width: 991px) {
    #gk-events .gk-event-grid,
    #gk-events .gk-event-products-grid,
    #gk-lookbook .gk-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #gk-lookbook .gk-snap-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    #gk-notice-list .gk-support-list-head,
    #gk-notice-list .gk-notice-split {
        grid-template-columns: 1fr;
    }

    #gk-notice-list .gk-support-list-head .meta {
        text-align: left;
    }

    #gk-notice-list .gk-notice-split .panel + .panel {
        border-left: 0;
        border-top: 0;
    }
}

@media (max-width: 640px) {
    #gk-notice-list .gk-support-list-head,
    #gk-notice-list .gk-support-help-search,
    #gk-notice-list .gk-notice-split {
        padding-right: 16px;
        padding-left: 16px;
    }

    #gk-notice-list .gk-support-list-head {
        padding-top: 34px;
        padding-bottom: 30px;
    }

    #gk-notice-list .gk-support-list-head h1 {
        font-size: 46px;
    }

    #gk-notice-list .gk-support-help-search form {
        grid-template-columns: 1fr;
        padding: 14px;
    }

    #gk-notice-list .gk-support-help-search select {
        border: 1px solid var(--line);
    }

    #gk-notice-list .gk-notice-split {
        padding-top: 28px;
        padding-bottom: 42px;
    }

    #gk-notice-list .gk-notice-split .panel {
        padding: 26px 0;
    }

    #gk-notice-list .gk-notice-card {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    #gk-notice-list .gk-notice-card .date {
        justify-self: start;
    }

    #gk-notice-list .gk-notice-table {
        min-width: 0;
    }

    #gk-notice-list .gk-notice-table,
    #gk-notice-list .gk-notice-table tbody,
    #gk-notice-list .gk-notice-table tr,
    #gk-notice-list .gk-notice-table td {
        display: block;
        width: 100%;
    }

    #gk-notice-list .gk-notice-table thead {
        display: none;
    }

    #gk-notice-list .gk-notice-table tr {
        padding: 14px 0;
        border-bottom: 1px solid var(--line);
    }

    #gk-notice-list .gk-notice-table td {
        padding: 4px 0;
        border-bottom: 0;
        text-align: left;
    }

    #gk-notice-list .gk-notice-table .no,
    #gk-notice-list .gk-notice-table .cat,
    #gk-notice-list .gk-notice-table .date,
    #gk-notice-list .gk-notice-table .hits {
        display: inline-flex;
        width: auto;
        margin-right: 8px;
        text-align: left;
    }

    #gk-lookbook .gk-lb-tabs,
    #gk-events .gk-event-tabs {
        flex-wrap: wrap;
        overflow-x: visible;
        padding: 0 16px;
    }

    #gk-lookbook .gk-lb-tabs a,
    #gk-events .gk-event-tabs a {
        flex: 1 1 50%;
        min-width: 0;
        padding: 13px 10px;
        white-space: normal;
    }

    #gk-lookbook .gk-lb-tabs .write {
        margin-left: 0;
    }

    #gk-events .gk-page-head,
    #gk-lookbook .gk-page-head {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        overflow: hidden;
    }

    #gk-lookbook .gk-gallery-section,
    #gk-lookbook .gk-snap-section {
        padding: 34px 16px 46px;
    }

    #gk-lookbook .gk-gallery-head {
        display: block;
    }

    #gk-lookbook .gk-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px;
    }

    #gk-lookbook .gk-gallery-card .num {
        font-size: 56px;
    }

    #gk-events .gk-event-content-media {
        grid-template-columns: 1fr;
        padding: 12px;
    }

    #gk-events .gk-event-content-prose {
        padding: 20px 16px;
    }
}

/* Posts desktop/detail/write skins: notice, review, gallery */
.gk-post-screen {
    --bg: var(--gk-bg, #f7f7f7);
    --ink: var(--gk-ink, #0a0a0a);
    --ink-2: #333;
    --line: var(--gk-line, #e3e0dc);
    --red: var(--gk-red, #e63946);
    --muted: var(--gk-muted, #7f7f7f);
    --cream: var(--gk-cream, #f4efe7);
    --cream-2: var(--gk-cream-2, #eadfce);
    --f-mono: var(--gk-mono, "Menlo", monospace);
    --f-sans: var(--gk-sans, system-ui, sans-serif);
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    background: var(--bg);
    color: var(--ink);
    font-family: var(--f-sans);
}

.gk-post-screen,
.gk-post-screen * {
    box-sizing: border-box;
}

.gk-post-screen img,
.gk-post-screen table,
.gk-post-screen iframe,
.gk-post-screen input,
.gk-post-screen select,
.gk-post-screen textarea {
    max-width: 100%;
}

.gk-post-screen a {
    color: inherit;
    text-decoration: none;
}

.gk-post-screen .pd-crumb {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    padding: 18px 40px;
    border-bottom: 1px solid var(--line);
    color: var(--muted);
    font-family: var(--f-mono);
    font-size: 11px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.gk-post-screen .pd-crumb b,
.gk-post-screen .pd-crumb .red {
    color: var(--red);
}

.gk-post-mini-btn {
    margin-left: auto;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--ink);
    border-radius: 0;
    background: #fff;
    color: var(--ink);
    font-family: var(--f-mono);
    font-size: 10px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.gk-post-screen .pd-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 48px;
    padding: 64px 40px;
    border-bottom: 1px solid var(--ink);
    background: #fff;
}

.gk-post-screen .pd-head .eb,
.gk-post-screen .wf-eb,
.gk-post-screen .gk-write-hero p,
.gk-post-screen .gk-shop-the-look p {
    margin: 0 0 18px;
    color: var(--red);
    font-family: var(--f-mono);
    font-size: 11px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.gk-post-screen .pd-head h1 {
    max-width: 860px;
    margin: 0;
    font-size: 88px;
    font-weight: 900;
    line-height: .92;
    letter-spacing: 0;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

.gk-post-screen .pd-head h1 em,
.gk-post-screen .wf-h1 em,
.gk-post-screen .gk-write-hero h1 em {
    color: var(--red);
    font-family: Georgia, "Times New Roman", serif;
    font-style: italic;
    font-weight: 400;
}

.gk-post-screen .pd-head .sub {
    max-width: 740px;
    margin: 20px 0 0;
    color: var(--ink-2);
    font-size: 18px;
    line-height: 1.55;
    word-break: keep-all;
}

.gk-post-screen .pd-head-meta {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 24px;
    background: var(--cream);
}

.gk-post-screen .pd-head-meta .row,
.gk-post-screen .pd-side-box .row,
.gk-post-screen .wf-side-box .row {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    min-width: 0;
    padding: 10px 0;
    border-bottom: 1px solid rgba(10, 10, 10, .12);
    font-size: 13px;
}

.gk-post-screen .pd-head-meta .lab,
.gk-post-screen .pd-side-box .lab,
.gk-post-screen .wf-side-box .lab {
    color: var(--muted);
    font-family: var(--f-mono);
    font-size: 10px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.gk-post-screen .pd-head-meta .v {
    min-width: 0;
    font-weight: 700;
    text-align: right;
    overflow-wrap: anywhere;
}

.gk-post-screen .pd-head-meta .v.red {
    color: var(--red);
}

.gk-post-screen .pd-head-meta .actions,
.gk-post-screen .pd-side-box .btn-line {
    display: flex;
    gap: 6px;
    padding-top: 12px;
}

.gk-post-screen .pd-head-meta .actions a,
.gk-post-screen .pd-head-meta .actions button,
.gk-post-screen .pd-side-box .btn-line a,
.gk-post-screen .pd-side-box .btn-line button {
    flex: 1 1 0;
    min-width: 0;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    border: 1px solid var(--ink);
    border-radius: 0;
    background: var(--ink);
    color: #fff;
    font-family: var(--f-mono);
    font-size: 10px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.gk-post-screen .pd-head-meta .actions .alt,
.gk-post-screen .pd-head-meta .actions button.alt {
    background: #fff;
    color: var(--ink);
}

.gk-post-screen .pd-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 48px;
    padding: 48px 40px;
    border-bottom: 1px solid var(--line);
}

.gk-post-screen .pd-content {
    min-width: 0;
    max-width: 880px;
    color: var(--ink);
    font-size: 16px;
    line-height: 1.78;
}

.gk-post-screen .pd-content #bo_v_con,
.gk-post-screen .pd-content .gk-post-media {
    min-width: 0;
    max-width: 100%;
}

.gk-post-screen .pd-content p {
    margin: 0 0 18px;
}

.gk-post-screen .pd-content h2,
.gk-post-screen .pd-content h3 {
    margin: 36px 0 16px;
    color: var(--ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 32px;
    font-style: italic;
    font-weight: 400;
    line-height: 1.12;
}

.gk-post-screen .pd-content h2::before,
.gk-post-screen .pd-content h3::before {
    content: "§ ";
    color: var(--red);
    font-family: var(--f-sans);
    font-style: normal;
    font-weight: 900;
}

.gk-post-screen .pd-content ul,
.gk-post-screen .pd-content ol {
    margin: 0 0 20px;
    padding-left: 22px;
}

.gk-post-screen .pd-content blockquote {
    margin: 24px 0;
    padding: 20px 24px;
    border-left: 3px solid var(--ink);
    background: var(--cream);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
    font-style: italic;
    line-height: 1.5;
}

.gk-post-screen .pd-content .ph,
.gk-post-screen .gk-post-media {
    position: relative;
    width: 100%;
    margin: 24px 0;
    overflow: hidden;
}

.gk-post-screen .pd-content .ph {
    aspect-ratio: 16 / 9;
    background: var(--cream);
}

.gk-post-screen .pd-content .ph::after,
.gk-post-screen .gl-photogrid .cell::after,
.gk-post-screen .wf-photo::after,
.gk-post-screen .gl-tag-prods .img::after,
.gk-post-screen .gk-gallery-side-products .img::after {
    content: "";
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(135deg, transparent 0 20px, rgba(10, 10, 10, .045) 20px 21px);
    pointer-events: none;
}

.gk-post-screen .pd-content .ph .lab {
    position: absolute;
    top: 12px;
    left: 12px;
    z-index: 1;
    padding: 5px 10px;
    background: #fff;
    font-family: var(--f-mono);
    font-size: 9px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.gk-post-screen .gk-post-media {
    display: grid;
    gap: 10px;
}

.gk-post-screen .gk-post-media img,
.gk-post-screen .pd-content img {
    width: auto;
    max-width: 100% !important;
    height: auto;
}

.gk-post-screen .pd-side,
.gk-post-screen .wf-side {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
    align-self: start;
}

@media (min-width: 1025px) {
    .gk-post-screen .pd-side,
    .gk-post-screen .wf-side {
        position: sticky;
        top: 120px;
    }
}

.gk-post-screen .pd-side-box,
.gk-post-screen .wf-side-box {
    min-width: 0;
    padding: 22px;
    border: 1px solid var(--line);
    background: #fff;
}

.gk-post-screen .pd-side-box.dark,
.gk-post-screen .wf-side-box.dark {
    border-color: var(--ink);
    background: var(--ink);
    color: #fff;
}

.gk-post-screen .pd-side-box.red,
.gk-post-screen .wf-side-box.red {
    border-color: var(--red);
    background: var(--red);
    color: #fff;
}

.gk-post-screen .pd-side-box h5,
.gk-post-screen .wf-side-box h6,
.gk-post-screen .gk-post-files h3 {
    margin: 0 0 14px;
    color: var(--red);
    font-family: var(--f-mono);
    font-size: 10px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.gk-post-screen .pd-side-box.red h5,
.gk-post-screen .wf-side-box.red h6 {
    color: rgba(255, 255, 255, .88);
}

.gk-post-screen .pd-side-box p,
.gk-post-screen .wf-side-box p,
.gk-post-screen .wf-side-box li {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
}

.gk-post-screen .wf-side-box ul {
    margin: 0;
    padding-left: 18px;
}

.gk-post-screen .pd-side-box.dark .row,
.gk-post-screen .wf-side-box.dark .row,
.gk-post-screen .pd-side-box.red .row,
.gk-post-screen .wf-side-box.red .row {
    border-color: rgba(255, 255, 255, .18);
}

.gk-post-screen .pd-side-box.dark .lab,
.gk-post-screen .wf-side-box.dark .lab,
.gk-post-screen .pd-side-box.red .lab,
.gk-post-screen .wf-side-box.red .lab {
    color: rgba(255, 255, 255, .65);
}

.gk-post-action-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.gk-post-action-grid a {
    min-width: 0;
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 9px;
    border: 1px solid rgba(255, 255, 255, .22);
    background: rgba(255, 255, 255, .08);
    color: #fff;
    font-family: var(--f-mono);
    font-size: 10px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.gk-post-screen .gk-post-reaction {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 28px;
}

.gk-post-screen .gk-post-reaction a,
.gk-post-screen .gk-post-reaction span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid var(--ink);
    background: #fff;
    color: var(--ink);
    font-family: var(--f-mono);
    font-size: 11px;
}

.gk-post-screen .gk-post-files {
    margin-top: 30px;
    padding: 0 40px 38px;
}

.gk-post-screen .pd-content .gk-post-files {
    padding: 0;
}

.gk-post-screen .gk-post-files ul {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.gk-post-screen .gk-post-files a {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid var(--line);
    background: #fff;
    font-size: 13px;
}

.gk-post-screen .gk-post-files span {
    color: var(--muted);
    font-family: var(--f-mono);
    font-size: 10px;
}

.gk-post-screen .pd-pn {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid var(--ink);
    border-bottom: 1px solid var(--line);
}

.gk-post-screen .pd-pn a {
    min-width: 0;
    display: block;
    padding: 24px 32px;
    border-right: 1px solid var(--line);
    background: #fff;
}

.gk-post-screen .pd-pn a:last-child {
    border-right: 0;
    text-align: right;
}

.gk-post-screen .pd-pn .lab {
    margin-bottom: 6px;
    color: var(--red);
    font-family: var(--f-mono);
    font-size: 10px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.gk-post-screen .pd-pn .ttl {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.gk-post-comments {
    max-width: 100%;
    padding: 48px 40px;
    overflow-x: hidden;
}

/* Gallery detail */
.gk-post-screen .gl-photogrid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    border-bottom: 1px solid var(--line);
    background: var(--line);
}

.gk-post-screen .gl-photogrid .cell {
    position: relative;
    min-width: 0;
    aspect-ratio: 1;
    overflow: hidden;
    background: var(--cream);
}

.gk-post-screen .gl-photogrid .cell.v2 { background: var(--cream-2); }
.gk-post-screen .gl-photogrid .cell.v3 { background: #cdbba4; }
.gk-post-screen .gl-photogrid .cell.v4 { background: var(--ink); }
.gk-post-screen .gl-photogrid .cell.v5 { background: var(--red); }

.gk-post-screen .gl-photogrid .cell img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gk-post-screen .gl-photogrid .num {
    position: absolute;
    right: 12px;
    bottom: 10px;
    z-index: 2;
    padding: 3px 6px;
    background: rgba(255, 255, 255, .86);
    color: var(--ink);
    font-family: var(--f-mono);
    font-size: 10px;
}

.gk-post-screen .gl-author {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    gap: 24px;
    align-items: center;
    padding: 32px 40px;
    border-bottom: 1px solid var(--line);
    background: #f4f4f4;
}

.gk-post-screen .gl-author .av {
    width: 64px;
    height: 64px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--ink);
    color: #fff;
    font-size: 18px;
    font-weight: 900;
}

.gk-post-screen .gl-author .nm {
    font-size: 22px;
    font-weight: 900;
    text-transform: uppercase;
}

.gk-post-screen .gl-author .met,
.gk-post-screen .gl-author .stats {
    color: var(--muted);
    font-family: var(--f-mono);
    font-size: 11px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.gk-post-screen .gl-author .stats {
    display: flex;
    gap: 20px;
    text-align: center;
}

.gk-post-screen .gl-author .stats b {
    display: block;
    color: var(--ink);
    font-size: 22px;
    font-weight: 900;
}

.gk-post-screen .gl-author .follow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 22px;
    background: var(--red);
    color: #fff;
    font-family: var(--f-mono);
    font-size: 11px;
    text-transform: uppercase;
}

.gk-gallery-side-products {
    display: grid;
    gap: 10px;
}

.gk-gallery-side-products a {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 8px;
    background: rgba(255, 255, 255, .13);
}

.gk-gallery-side-products .img,
.gk-post-screen .gl-tag-prods .img {
    position: relative;
    display: block;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    background: var(--cream);
}

.gk-gallery-side-products .img.v2,
.gk-post-screen .gl-tag-prods .img.v2 { background: var(--cream-2); }
.gk-gallery-side-products .img.v3,
.gk-post-screen .gl-tag-prods .img.v3 { background: #cdbba4; }

.gk-gallery-side-products b {
    display: block;
    color: #fff;
    font-size: 13px;
    line-height: 1.3;
}

.gk-gallery-side-products em {
    display: block;
    margin-top: 3px;
    color: rgba(255, 255, 255, .68);
    font-family: var(--f-mono);
    font-size: 10px;
    font-style: normal;
}

.gk-hashtags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.gk-hashtags span {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 0 10px;
    border: 1px solid var(--line);
    background: #fff;
    font-family: var(--f-mono);
    font-size: 10px;
}

.gk-post-screen .gk-shop-the-look {
    padding: 48px 40px;
    border-bottom: 1px solid var(--line);
    background: #fff;
}

.gk-post-screen .gl-tag-prods {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.gk-post-screen .gl-tag-prods .pr {
    min-width: 0;
    display: grid;
    grid-template-columns: 80px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    padding: 14px;
    border: 1px solid var(--line);
    background: #fff;
}

.gk-post-screen .gl-tag-prods .id,
.gk-post-screen .gl-tag-prods .arr {
    display: block;
    color: var(--muted);
    font-family: var(--f-mono);
    font-size: 9px;
    text-transform: uppercase;
}

.gk-post-screen .gl-tag-prods .nm {
    display: block;
    margin-top: 4px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
}

.gk-post-screen .gl-tag-prods .price {
    display: block;
    margin-top: 6px;
    color: var(--red);
    font-family: var(--f-mono);
    font-size: 12px;
    font-weight: 700;
}

.gk-post-screen .gl-tag-prods .arr {
    margin-top: 8px;
}

/* Write form */
.gk-post-screen .gk-write-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 40px;
    align-items: end;
    padding: 54px 40px;
    border-bottom: 1px solid var(--ink);
    background: var(--ink);
    color: #fff;
}

.gk-post-screen .gk-write-hero h1 {
    margin: 0;
    font-size: 88px;
    font-weight: 900;
    line-height: .9;
    letter-spacing: 0;
    text-transform: uppercase;
}

.gk-post-screen .gk-write-hero-meta {
    display: grid;
    gap: 8px;
    color: rgba(255, 255, 255, .62);
    font-family: var(--f-mono);
    font-size: 11px;
    text-align: right;
    text-transform: uppercase;
}

.gk-post-screen .gk-write-hero-meta b {
    color: #fff;
}

.gk-post-screen .gk-write-hero-meta button {
    justify-self: end;
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid rgba(255, 255, 255, .35);
    border-radius: 0;
    background: transparent;
    color: #fff;
    font-family: var(--f-mono);
    font-size: 10px;
}

.gk-post-screen .wf-wrap,
.gk-post-screen .wf-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 48px;
    width: 100%;
    max-width: 100%;
    padding: 64px 40px 0;
    border-bottom: 1px solid var(--line);
    background: #fff;
}

.gk-notice-write > .wf-wrap {
    display: block;
    padding: 0;
    border-bottom: 0;
}

.gk-notice-write .wf-form {
    border-bottom: 1px solid var(--line);
}

.gk-post-screen .wf-main {
    min-width: 0;
    max-width: 920px;
}

.gk-post-screen .wf-h1 {
    margin: 0 0 48px;
    font-size: 80px;
    font-weight: 900;
    line-height: .9;
    letter-spacing: 0;
    text-transform: uppercase;
}

.gk-post-screen .wf-section {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr);
    gap: 32px;
    align-items: start;
    padding: 24px 0;
    border-top: 1px solid var(--line);
}

.gk-post-screen .wf-section:first-of-type {
    border-top-color: var(--ink);
}

.gk-post-screen .wf-section.full {
    grid-template-columns: 1fr;
    gap: 10px;
}

.gk-post-screen .wf-section .lab {
    padding-top: 10px;
    font-family: var(--f-mono);
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.4;
    text-transform: uppercase;
}

.gk-post-screen .wf-section .lab b {
    color: var(--red);
}

.gk-post-screen .wf-section .lab .hint {
    display: block;
    margin-top: 6px;
    color: var(--muted);
    font-family: var(--f-sans);
    font-size: 12px;
    line-height: 1.5;
    text-transform: none;
}

.gk-post-screen .wf-input,
.gk-post-screen .wf-textarea,
.gk-post-screen .wf-section select,
.gk-post-screen .wf-section textarea,
.gk-post-screen .wf-section input[type="text"],
.gk-post-screen .wf-section input[type="password"] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: 0;
    background: #fff;
    color: var(--ink);
    font-family: var(--f-sans);
    font-size: 15px;
    line-height: 1.55;
}

.gk-post-screen .wf-input.title,
.gk-post-screen #wr_subject {
    min-height: 64px;
    border-color: var(--ink);
    font-size: 30px;
    font-weight: 900;
    line-height: 1.15;
}

.gk-post-screen .wf-input.tag {
    font-family: var(--f-mono);
    font-size: 13px;
}

.gk-post-screen #autosave_wrapper {
    position: relative;
    display: grid;
    gap: 8px;
}

.gk-post-screen #autosave_pop {
    display: none;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 20;
    width: min(360px, 100%);
    max-height: 220px;
    overflow: auto;
    border: 1px solid var(--ink);
    background: #fff;
}

.gk-post-screen .gk-autosave-btn {
    justify-self: start;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--line);
    border-radius: 0;
    background: #fff;
    color: var(--muted);
    font-family: var(--f-mono);
    font-size: 10px;
}

.gk-post-screen .wf-toolbar {
    display: flex;
    gap: 14px;
    align-items: center;
    padding: 9px 14px;
    border: 1px solid var(--line);
    border-bottom: 0;
    background: #f4f4f4;
    color: var(--muted);
    font-family: var(--f-mono);
    font-size: 11px;
    overflow-x: auto;
    white-space: nowrap;
}

.gk-post-screen .gk-editor-shell textarea,
.gk-post-screen #wr_content {
    min-height: 300px;
    resize: vertical;
}

.gk-post-screen #char_count_desc,
.gk-post-screen #char_count_wrap {
    margin: 8px 0;
    color: var(--muted);
    font-family: var(--f-mono);
    font-size: 10px;
}

.gk-post-screen .wf-inline-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.gk-post-screen .wf-checks {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.gk-post-screen .wf-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid var(--line);
    background: #fff;
    font-family: var(--f-mono);
    font-size: 10px;
    text-transform: uppercase;
}

.gk-post-screen .wf-check input {
    width: 16px;
    height: 16px;
    accent-color: var(--red);
}

.gk-post-screen .wf-file,
.gk-post-screen .wf-photo {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px dashed var(--line);
    background: #f8f7f4;
    color: var(--muted);
    cursor: pointer;
}

.gk-post-screen .wf-file {
    min-height: 88px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    font-family: var(--f-mono);
    font-size: 11px;
    text-transform: uppercase;
}

.gk-post-screen .wf-file > span {
    color: var(--red);
    font-size: 24px;
}

.gk-post-screen .wf-file input,
.gk-post-screen .wf-photo input {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.gk-post-screen .wf-photos {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.gk-post-screen .wf-photos.large {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.gk-post-screen .wf-photo {
    aspect-ratio: 3 / 4;
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    background-position: center;
    background-size: cover;
    font-family: var(--f-mono);
    font-size: 11px;
}

.gk-post-screen .wf-photo.f,
.gk-post-screen .wf-photo.is-filled {
    border-style: solid;
    border-color: var(--ink);
    background-color: var(--cream);
}

.gk-post-screen .wf-photo.v2 { background-color: var(--cream-2); }
.gk-post-screen .wf-photo.v3 { background-color: #cdbba4; }
.gk-post-screen .wf-photo.v4 { background-color: #fff; }

.gk-post-screen .wf-photo .badge {
    position: absolute;
    top: 6px;
    left: 6px;
    z-index: 2;
    padding: 3px 6px;
    background: var(--red);
    color: #fff;
    font-family: var(--f-mono);
    font-size: 9px;
}

.gk-post-screen .wf-photo .plus,
.gk-post-screen .wf-photo .name {
    position: relative;
    z-index: 2;
}

.gk-post-screen .wf-photo .plus {
    color: var(--red);
    font-size: 24px;
    line-height: 1;
}

.gk-post-screen .wf-existing-files,
.gk-post-screen .wf-delete-file {
    display: grid;
    gap: 6px;
    margin-top: 10px;
    color: var(--muted);
    font-size: 12px;
}

.gk-post-screen .wf-tag-prods {
    display: grid;
    gap: 8px;
    padding: 14px;
    border: 1px solid var(--line);
    background: #fff;
}

.gk-post-screen .wf-tag-prods .add {
    padding: 12px;
    border: 1px dashed var(--line);
    background: #f4f4f4;
    color: var(--muted);
    font-family: var(--f-mono);
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
}

.gk-post-screen .gk-product-tag-input {
    min-height: 112px;
}

.gk-post-screen .wf-cta {
    grid-column: 1 / -1;
    display: flex;
    gap: 18px;
    align-items: center;
    justify-content: space-between;
    min-width: 0;
    margin: 0 -40px;
    padding: 28px 40px;
    background: var(--ink);
    color: #fff;
}

.gk-post-screen .wf-cta .info {
    min-width: 0;
    color: #fff;
    font-family: var(--f-mono);
    font-size: 11px;
    line-height: 1.5;
    text-transform: uppercase;
}

.gk-post-screen .wf-cta .info b,
.gk-post-screen .wf-side-box .v.hot {
    color: var(--red);
}

.gk-post-screen .wf-cta .btns {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.gk-post-screen .wf-cta a,
.gk-post-screen .wf-cta button {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 0;
    background: transparent;
    color: #fff;
    font-family: var(--f-mono);
    font-size: 11px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.gk-post-screen .wf-cta button.primary {
    border-color: var(--red);
    background: var(--red);
}

/* Review list/detail extras */
.gk-review-tags-mini {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 14px 0 0;
}

.gk-review-tags-mini span {
    display: inline-flex;
    min-height: 26px;
    align-items: center;
    padding: 0 10px;
    border: 1px solid var(--gk-line, #e3e0dc);
    border-radius: 999px;
    background: #fff;
    color: var(--gk-ink, #0a0a0a);
    font-size: 9px;
    line-height: 1;
}

.gk-review-photo-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.gk-review-photo-strip span {
    width: 64px;
    height: 64px;
    display: block;
    overflow: hidden;
    border: 1px solid var(--gk-line, #e3e0dc);
    background: var(--gk-cream, #f4efe7);
}

.gk-review-photo-strip img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#gk-reviews .gk-review-modal-fit {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 18px;
}

#gk-reviews .gk-review-modal-fit span {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    padding: 0 12px;
    border: 1px solid var(--gk-line, #e3e0dc);
    border-radius: 999px;
    background: #fff;
    font-size: 11px;
}

#gk-reviews .gk-review-modal-photos {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 0 0 22px;
}

#gk-reviews .gk-review-modal-photos figure {
    min-width: 0;
    margin: 0;
    aspect-ratio: 1;
    overflow: hidden;
    background: var(--gk-cream, #f4efe7);
}

#gk-reviews .gk-review-modal-photos img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 1024px) {
    .gk-post-screen .pd-head,
    .gk-post-screen .pd-body,
    .gk-post-screen .gk-write-hero,
    .gk-post-screen .wf-wrap,
    .gk-post-screen .wf-form {
        grid-template-columns: 1fr;
    }

    .gk-post-screen .gl-author {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .gk-post-screen .gl-author .stats,
    .gk-post-screen .gl-author .follow {
        grid-column: 1 / -1;
    }

    .gk-post-screen .gl-tag-prods {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .gk-post-screen .pd-crumb {
        padding: 12px 16px;
        font-size: 10px;
    }

    .gk-post-mini-btn {
        width: 100%;
        margin-left: 0;
    }

    .gk-post-screen .pd-head,
    .gk-post-screen .pd-body,
    .gk-post-screen .gk-write-hero,
    .gk-post-screen .wf-wrap,
    .gk-post-screen .wf-form {
        gap: 22px;
        padding-right: 16px;
        padding-left: 16px;
    }

    .gk-post-screen .pd-head {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .gk-post-screen .pd-head h1 {
        font-size: 42px;
    }

    .gk-post-screen .pd-head .sub {
        font-size: 15px;
    }

    .gk-post-screen .pd-head-meta {
        padding: 16px;
    }

    .gk-post-screen .pd-body {
        padding-top: 28px;
        padding-bottom: 34px;
    }

    .gk-post-screen .pd-content {
        font-size: 14px;
        line-height: 1.72;
    }

    .gk-post-screen .pd-content h2,
    .gk-post-screen .pd-content h3 {
        font-size: 25px;
    }

    .gk-post-screen .pd-content blockquote {
        padding: 16px;
        font-size: 17px;
    }

    .gk-post-screen .pd-pn {
        grid-template-columns: 1fr;
    }

    .gk-post-screen .pd-pn a {
        padding: 18px 16px;
        border-right: 0;
        border-bottom: 1px solid var(--line);
        text-align: left !important;
    }

    .gk-post-comments {
        padding: 28px 16px 80px;
    }

    .gk-post-screen .gl-photogrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gk-post-screen .gl-author {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 24px 16px;
    }

    .gk-post-screen .gl-author .stats {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        text-align: left;
    }

    .gk-post-screen .gl-tag-prods {
        grid-template-columns: 1fr;
    }

    .gk-post-screen .gk-shop-the-look,
    .gk-post-screen .gk-post-files {
        padding-right: 16px;
        padding-left: 16px;
    }

    .gk-post-screen .gk-write-hero {
        padding-top: 32px;
        padding-bottom: 28px;
    }

    .gk-post-screen .gk-write-hero h1,
    .gk-post-screen .wf-h1 {
        font-size: 44px;
    }

    .gk-post-screen .gk-write-hero-meta {
        text-align: left;
    }

    .gk-post-screen .gk-write-hero-meta button {
        justify-self: start;
    }

    .gk-post-screen .wf-wrap,
    .gk-post-screen .wf-form {
        padding-top: 28px;
    }

    .gk-post-screen .wf-section {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 18px 0;
    }

    .gk-post-screen .wf-section .lab {
        padding-top: 0;
    }

    .gk-post-screen .wf-inline-grid {
        grid-template-columns: 1fr;
    }

    .gk-post-screen .wf-photos,
    .gk-post-screen .wf-photos.large {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gk-post-screen .gk-editor-shell textarea,
    .gk-post-screen #wr_content {
        min-height: 220px;
    }

    .gk-post-screen .wf-cta {
        display: grid;
        grid-template-columns: 1fr;
        margin-right: -16px;
        margin-left: -16px;
        padding: 16px;
    }

    .gk-post-screen .wf-cta .btns {
        display: grid;
        grid-template-columns: 1fr;
        justify-content: stretch;
    }

    .gk-post-screen .wf-cta a,
    .gk-post-screen .wf-cta button {
        width: 100%;
    }

    #gk-reviews .gk-review-modal-photos {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gk-review-photo-strip span {
        width: 56px;
        height: 56px;
    }
}