/* D-Market standalone brand landing (2026-10) */
html{scroll-behavior:smooth} .dm-logo{font-size:30px;font-weight:900;letter-spacing:-1.5px;color:#203b2d}.dm-logo-mark{font-size:15px;color:#d06b48;vertical-align:middle;margin:0 2px}.dm-navigation{gap:26px!important}.dm-navigation .xk-menu-item>a{font-weight:700!important}
.dm-hero{background:#f2f1e9;overflow:hidden}.dm-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;min-height:520px;align-items:center;gap:32px}.dm-kicker,.dm-section-label{font-size:12px;font-weight:800;letter-spacing:2px;color:#52705b}.dm-hero h1{font-size:clamp(42px,5vw,76px);line-height:1.2;letter-spacing:-3px;color:#233e2e;margin:26px 0}.dm-hero h1 em{font-style:normal;color:#b66a4d}.dm-hero-description{font-size:19px;line-height:1.8;color:#435148}.dm-hero-description strong{font-size:23px;color:#233e2e}.dm-hero-actions{display:flex;gap:12px;margin-top:35px;flex-wrap:wrap}.dm-button{display:inline-flex;gap:28px;align-items:center;padding:15px 22px;font-size:15px;font-weight:700;text-decoration:none}.dm-primary{background:#234632;color:white!important}.dm-secondary{border:1px solid #7b897c;color:#234632!important}.dm-hero-visual{height:370px;position:relative;background:#d9e2d4;border-radius:50% 50% 12px 12px;display:flex;align-items:center;justify-content:center;color:#244332}.dm-visual-d{font-size:230px;font-weight:900;line-height:1;letter-spacing:-20px}.dm-visual-d span{font-size:45px;color:#c66b4c;letter-spacing:0}.dm-visual-small{position:absolute;left:24px;top:26px;font-size:13px;letter-spacing:2px;font-weight:700}.dm-visual-caption{position:absolute;right:22px;bottom:24px;font-size:17px;font-weight:700;line-height:1.5;text-align:right}
.dm-three-paths{background:#244532;color:white}.dm-path-grid{display:grid;grid-template-columns:repeat(3,1fr)}.dm-path-grid>a{padding:37px 30px 40px;color:white!important;text-decoration:none;border-right:1px solid #ffffff30;display:flex;flex-direction:column;min-height:235px}.dm-path-grid>a:last-child{border:0}.dm-path-grid span{font-size:11px;letter-spacing:1.4px;color:#c3d5c8}.dm-path-grid strong{font-size:27px;margin:15px 0 8px}.dm-path-grid p{font-size:14px;line-height:1.65;color:#e4eae5;flex:1}.dm-path-grid b{font-size:13px;margin-top:16px}
.dm-section{padding:95px 0;scroll-margin-top:100px}.dm-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px}.dm-section h2{font-size:clamp(30px,3.5vw,49px);line-height:1.35;letter-spacing:-1.8px;margin:18px 0 20px;color:#233e2e}.dm-section p{font-size:16px;line-height:1.85;color:#5c665e}.dm-text-link{display:inline-block;font-size:15px;font-weight:800;color:#254d35!important;border-bottom:1px solid #254d35;padding-bottom:8px;margin-top:24px}.dm-bulk-art{background:#eae8df;height:345px;position:relative;overflow:hidden}.dm-package{position:absolute;background:#b6c8b1;border:2px solid #92a58e;color:#2c5238;box-shadow:12px 12px 0 #00000012;font-size:80px;font-weight:900;display:flex;flex-direction:column;align-items:center;justify-content:center}.dm-package span{font-size:12px;letter-spacing:2px}.dm-package-one{width:190px;height:190px;left:16%;top:24%}.dm-package-two{width:135px;height:135px;right:17%;top:15%;background:#e1c9b1}.dm-package-three{width:100px;height:100px;right:23%;bottom:11%;background:#d0dfd0;color:#bd6d53;font-size:55px}.dm-art-caption{position:absolute;bottom:15px;left:20px;font-size:10px;letter-spacing:2px;color:#657766}.dm-shopping{background:#fbfaf7}.dm-section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.dm-section-heading p{margin:0}.dm-products{margin-top:22px}.dm-empty{border-top:1px solid #d9ded8;border-bottom:1px solid #d9ded8;padding:65px 20px;text-align:center;color:#657166;background:white}.dm-category-list{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px}.dm-category-list strong{margin-right:8px}.dm-category-list a{padding:10px 14px;border:1px solid #d7ddd7;color:#355541}.dm-donation{background:#e7ede5}.dm-donation-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.dm-donation small{display:block;margin-top:18px;color:#657569;line-height:1.6}.dm-donation-panel{min-height:350px;background:#234632;color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.dm-heart{font-size:44px;color:#d8a48d}.dm-donation-panel>span:not(.dm-heart){font-size:11px;letter-spacing:2px;color:#d0dfd1;margin:14px 0}.dm-donation-panel strong{font-size:30px;line-height:1.4}.dm-donation-panel p{color:#dce8dc;margin-top:18px;font-size:14px}
@media(max-width:800px){.dm-hero-grid{grid-template-columns:1fr;padding-top:55px;padding-bottom:35px;gap:25px}.dm-hero h1{letter-spacing:-2px}.dm-hero-visual{height:250px;max-width:420px;width:100%;margin:auto}.dm-visual-d{font-size:155px}.dm-path-grid{grid-template-columns:1fr}.dm-path-grid>a{min-height:unset;padding:25px 15px;border-right:0;border-bottom:1px solid #ffffff30}.dm-path-grid strong{font-size:23px;margin:9px 0}.dm-section{padding:65px 0}.dm-split,.dm-donation-grid{grid-template-columns:1fr;gap:28px}.dm-bulk-art{height:270px}.dm-section-heading{display:block}.dm-section-heading .dm-text-link{margin-top:20px}.dm-donation-panel{min-height:270px;padding:32px}.dm-donation-panel strong{font-size:25px}}
@media(max-width:400px){.dm-hero h1{font-size:39px}.dm-hero-description{font-size:16px}.dm-hero-description strong{font-size:19px}.dm-button{width:100%;justify-content:space-between}.dm-section h2{font-size:29px}.dm-visual-d{font-size:120px}}

/* 2026-10-14: navigation vertical centering and clean product surfaces */
@media (min-width: 801px) {
  .xk-gnb, .xk-gnb-row, .xk-shop-menu.dm-navigation, .xk-shop-menu.dm-navigation > .xk-menu-item {height:54px!important; min-height:54px!important;}
  .xk-gnb-row {align-items:center!important;}
  .xk-shop-menu.dm-navigation {align-items:center!important;}
  .xk-shop-menu.dm-navigation > .xk-menu-item {align-items:center!important;}
  .xk-shop-menu.dm-navigation > .xk-menu-item > a {display:flex!important; align-items:center!important; justify-content:center!important; height:54px!important; padding-top:0!important; padding-bottom:0!important; margin:0!important; line-height:1.35!important; transform:none!important;}
}
/* Product displays remain white; non-product storytelling sections retain their colors. */
.xc-product-section, .xc-product-section.xc-soft, .xc-product-section .xc-products, .xc-product-section .xc-product-card, .xc-product-section .xc-product-img, .xc-product-section .xk-product-thumb {background:#fff!important;}

/* Donation & bulk storytelling layout from the earlier D-Market concept */
.dm-three-paths{background:#244532;color:white}.dm-path-grid{display:grid;grid-template-columns:repeat(3,1fr)}.dm-path-grid>a{padding:37px 30px 40px;color:white!important;text-decoration:none;border-right:1px solid #ffffff30;display:flex;flex-direction:column;min-height:235px}.dm-path-grid>a:last-child{border:0}.dm-path-grid span{font-size:11px;letter-spacing:1.4px;color:#c3d5c8}.dm-path-grid strong{font-size:27px;margin:15px 0 8px}.dm-path-grid p{font-size:14px;line-height:1.65;color:#e4eae5;flex:1}.dm-path-grid b{font-size:13px;margin-top:16px}
.dm-section{padding:95px 0;scroll-margin-top:100px}.dm-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px}.dm-section h2{font-size:clamp(30px,3.5vw,49px);line-height:1.35;letter-spacing:-1.8px;margin:18px 0 20px;color:#233e2e}.dm-section p{font-size:16px;line-height:1.85;color:#5c665e}.dm-text-link{display:inline-block;font-size:15px;font-weight:800;color:#254d35!important;border-bottom:1px solid #254d35;padding-bottom:8px;margin-top:24px}.dm-bulk-art{background:#eae8df;height:345px;position:relative;overflow:hidden}.dm-package{position:absolute;background:#b6c8b1;border:2px solid #92a58e;color:#2c5238;box-shadow:12px 12px 0 #00000012;font-size:80px;font-weight:900;display:flex;flex-direction:column;align-items:center;justify-content:center}.dm-package span{font-size:12px;letter-spacing:2px}.dm-package-one{width:190px;height:190px;left:16%;top:24%}.dm-package-two{width:135px;height:135px;right:17%;top:15%;background:#e1c9b1}.dm-package-three{width:100px;height:100px;right:23%;bottom:11%;background:#d0dfd0;color:#bd6d53;font-size:55px}.dm-art-caption{position:absolute;bottom:15px;left:20px;font-size:10px;letter-spacing:2px;color:#657766}
.dm-donation{background:#e7ede5}.dm-donation-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.dm-donation small{display:block;margin-top:18px;color:#657569;line-height:1.6}.dm-donation-panel{min-height:350px;background:#234632;color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.dm-heart{font-size:44px;color:#d8a48d}.dm-donation-panel>span:not(.dm-heart){font-size:11px;letter-spacing:2px;color:#d0dfd1;margin:14px 0}.dm-donation-panel strong{font-size:30px;line-height:1.4}.dm-donation-panel p{color:#dce8dc;margin-top:18px;font-size:14px}

@media(max-width:800px){.dm-path-grid{grid-template-columns:1fr}.dm-path-grid>a{min-height:unset;padding:25px 15px;border-right:0;border-bottom:1px solid #ffffff30}.dm-path-grid strong{font-size:23px;margin:9px 0}.dm-section{padding:65px 0}.dm-split,.dm-donation-grid{grid-template-columns:1fr;gap:28px}.dm-bulk-art{height:270px}.dm-donation-panel{min-height:270px;padding:32px}.dm-donation-panel strong{font-size:25px}}
@media(max-width:400px){.dm-section h2{font-size:29px}}

/* D-Market banner: display the entire administrator-uploaded image on mobile. */
.dm-shop-hero .dm-banner-stage{overflow:hidden}
.dm-shop-hero .dm-banner-slide{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;visibility:hidden;pointer-events:none;background-image:none!important}
.dm-shop-hero .dm-banner-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.dm-shop-hero .dm-banner-image{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.dm-shop-hero .dm-banner-overlay{z-index:2}
.dm-shop-hero .dm-banner-link{z-index:3}
.dm-shop-hero .xc-bn-prev,.dm-shop-hero .xc-bn-next,.dm-shop-hero .xc-bn-dots{z-index:4}
@media(max-width:900px){
  .dm-shop-hero .dm-banner-stage{height:auto!important;aspect-ratio:auto!important;min-height:0!important}
  .dm-shop-hero .dm-banner-slide{position:relative!important;inset:auto!important;display:none!important;height:auto!important;min-height:0!important}
  .dm-shop-hero .dm-banner-slide.is-active{display:block!important}
  .dm-shop-hero .dm-banner-image{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important}
  .dm-shop-hero .dm-banner-overlay{padding:12px 0}
  .dm-shop-hero .dm-banner-overlay h1{font-size:clamp(13px,3.6vw,28px);line-height:1.35}
  .dm-shop-hero .dm-banner-fallback{min-height:230px!important}
}


/* D-Market 2026-10: editorial, image-first product display.
   Scoped to homepage product sections; shop skins and donation storytelling remain unchanged. */
.dm-shop-hero,
.dm-shop-hero .dm-banner-stage,
.dm-shop-hero .dm-banner-slide,
.dm-shop-hero .dm-banner-fallback {background-color:#fff!important;}

.xc-product-section {background:#fff!important;}
.xc-product-section .xc-products.dm-products {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:42px 20px!important;
  align-items:start;
  margin-top:28px;
}
.xc-product-section .xc-products.dm-products .xc-product {
  min-width:0!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fff!important;
}
.xc-product-section .xc-products.dm-products .xc-product-img {
  display:block!important;
  position:relative;
  width:100%!important;
  aspect-ratio:1/1!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
}
.xc-product-section .xc-products.dm-products .xc-product-img img {
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  transition:transform .35s ease;
}
@media(hover:hover){
  .xc-product-section .xc-products.dm-products .xc-product:hover .xc-product-img img{transform:scale(1.035)}
}
.xc-product-section .xc-products.dm-products .xc-product-info {
  padding:14px 0 0!important;
  margin:0!important;
  background:#fff!important;
}
.xc-product-section .xc-products.dm-products .xc-product-name {
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  white-space:normal!important;
  text-overflow:ellipsis;
  font-size:15px!important;
  line-height:1.5!important;
  font-weight:500!important;
  letter-spacing:-.025em;
  color:#222;
  margin:0 0 7px!important;
}
.xc-product-section .xc-products.dm-products .xc-product-info p {
  font-size:13px!important;
  line-height:1.5!important;
  color:#777!important;
  margin:0 0 9px!important;
  white-space:normal!important;
}
.xc-product-section .xc-products.dm-products .xc-price {
  font-size:16px!important;
  line-height:1.5!important;
  font-weight:750!important;
  letter-spacing:-.025em;
  color:#171717!important;
}
@media(max-width:1000px){
  .xc-product-section .xc-products.dm-products {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:34px 16px!important;}
}
@media(max-width:700px){
  .xc-product-section .xc-products.dm-products {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 12px!important;}
  .xc-product-section .xc-products.dm-products .xc-product-info{padding-top:10px!important;}
  .xc-product-section .xc-products.dm-products .xc-product-name{font-size:13px!important;}
  .xc-product-section .xc-products.dm-products .xc-product-info p{font-size:12px!important;}
  .xc-product-section .xc-products.dm-products .xc-price{font-size:14px!important;}
}
@media(max-width:360px){
  .xc-product-section .xc-products.dm-products {gap:24px 9px!important;}
}

/* D-Market header: vertically stacked Youngcart categories */
.xk-gnb-row{display:flex!important;align-items:stretch!important}
.dm-category-menu{position:relative;z-index:70;flex:0 0 auto;align-self:stretch}
.dm-category-trigger{display:flex;align-items:center;gap:12px;height:100%;min-height:56px;padding:0 23px;border:0;border-radius:0;background:#174a37;color:#fff;font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap}
.dm-category-trigger .dm-category-bars{font-size:18px;line-height:1}
.dm-category-trigger>span:last-child{margin-left:16px;font-size:16px}
.dm-category-dropdown{position:absolute;top:100%;left:0;min-width:240px;width:max-content;max-width:min(360px,90vw);background:#fff;border:1px solid #e3e8e3;box-shadow:0 16px 35px rgba(0,0,0,.12);display:none;z-index:80;padding:9px 0}
.dm-category-menu:hover .dm-category-dropdown,.dm-category-menu:focus-within .dm-category-dropdown,.dm-category-menu.is-open .dm-category-dropdown{display:block}
.dm-category-dropdown a{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:12px 19px;color:#28372f;text-decoration:none;font-size:14px;line-height:1.5;white-space:nowrap}
.dm-category-dropdown a:hover,.dm-category-dropdown a:focus{background:#eff5f0;color:#174a37}
.dm-category-dropdown a span{color:#8a9b8f}
.dm-navigation{min-width:0;flex:1}
.dm-mobile-category-title{display:block;padding:12px 0;color:#174a37;font-size:15px}
@media(max-width:900px){.dm-category-menu{display:none!important}}

/* D-Market mobile navigation: structured accordion, isolated from legacy flat list styles */
@media(max-width:900px){
 .xc-mobile-menu{box-sizing:border-box;width:min(88vw,390px)!important;left:-100%!important;padding:0 0 32px!important;background:#fff!important;box-shadow:6px 0 28px rgba(0,0,0,.1);}
 .xc-mobile-menu.on{left:0!important}
 .xc-mobile-menu-head{position:sticky;top:0;z-index:2;background:#fff;min-height:66px;padding:0 22px;margin:0!important;border-bottom:1px solid #e7ebe8}
 .xc-mobile-menu-head strong{font-size:17px;letter-spacing:.06em;color:#163e30}
 .xc-mobile-menu-head button{font-size:29px;color:#26372d;min-width:44px;min-height:44px;cursor:pointer}
 .dm-mnav{padding:10px 20px 28px}
 .dm-mnav-group{border-bottom:1px solid #e9eeeb}
 .dm-mnav-parent{display:flex;align-items:center;min-height:53px}
 .dm-mnav-parent>a,.dm-mnav-link,.dm-mnav-group>.dm-mnav-toggle{box-sizing:border-box;display:flex;align-items:center;width:100%;min-height:53px;padding:12px 4px!important;margin:0!important;color:#26392f!important;text-decoration:none!important;font-size:15px!important;font-weight:650!important;line-height:1.45;border:0!important;background:transparent!important;text-align:left}
 .dm-mnav-parent>a{flex:1;min-width:0}
 .dm-mnav-toggle{justify-content:space-between;cursor:pointer}
 .dm-mnav-expand{flex:0 0 48px!important;width:48px!important;min-height:48px!important;justify-content:center;padding:0!important}
 .dm-mnav-chevron{display:inline-block;width:9px;height:9px;border-right:2px solid #587365;border-bottom:2px solid #587365;transform:rotate(45deg);transition:transform .2s;margin:0 8px 5px}
 .dm-mnav-toggle[aria-expanded="true"] .dm-mnav-chevron{transform:rotate(225deg);margin-top:8px;margin-bottom:0}
 .dm-mnav-children{background:#f5f8f5;padding:7px 13px 10px;border-radius:3px;margin-bottom:9px}
 .dm-mnav-children[hidden]{display:none!important}
 .dm-mnav-children>a{display:block;padding:11px 12px!important;color:#42594b!important;font-size:14px!important;font-weight:450!important;line-height:1.5;text-decoration:none!important;border-bottom:1px solid #e5ece6;overflow-wrap:anywhere}
 .dm-mnav-children>a:last-child{border-bottom:0}
 .dm-mnav-shop-title{font-size:12px;font-weight:800;color:#73877b;letter-spacing:.08em;margin:27px 4px 5px}
 .dm-mnav-link{font-weight:500!important}
}